Skip to content

B
bjgee
Commit 9902da2e authored by shangbj's avatar shangbj
Browse files
Options

完善公司简介

parent c47eafcb
Show whitespace changes
Inline Side-by-side
Showing with 211 additions and 3 deletions
pages/Product.vue
View file @ 9902da2e
<template>
<div>产品展示</div>
<div>
产品展示1asdfasdfafsd
</div>
</template>
pages/Profile.vue
View file @ 9902da2e
<template>
<div class="clearfix content">
<div class="left-con-wrap">
<dl class="column-list">
<dt>公司简介</dt>
<dd>
<div>
<nuxt-link to="/profile">公司简介</nuxt-link>
</div>
<div v-for="item in profileData" :key="item.id">
<nuxt-link :to="'/profile/'+item.id">{{ item.name }}</nuxt-link>
</div>
</dd>
</dl>
<NewsScrollList />
<ProductImgList />
</div>
<div class="right-con-wrap">
<nuxt-child :key="$route.params.id"/>
</div>
</div>
</template>
......@@ -17,6 +28,65 @@ export default {
components:{
NewsScrollList,
ProductImgList,
},
asyncData({ store }) {
return { profileData: store.state.profileData}
}
}
</script>
<style lang="scss">
.left-con-wrap{
.column-list{
width: 210px;
padding-top: 15px;
text-align: left;
dt{
height: 18px;
background: url(~assets/images/11019921.gif) no-repeat left top;
font-size: 14px;
font-weight: bold;
color: #004483;
padding: 3px 0px 0px 12px;
}
dd{
border: 1px solid #E1E1E1;
font-size: 14px;
text-align: center;
padding: 8px;
div{
height: 20px;
border-bottom: 1px solid #EEEEEE;
font-weight: bold;
padding-top: 4px;
text-align: left;
padding-left: 20px;
a{
color:#004483;
&.nuxt-link-exact-active{
color:#0982B9;
}
}
}
}
}
}
.right-con-wrap{
min-height: 600px;
text-align: left;
padding-top: 15px;
.currently-node{
height: 25px;
background: url(~assets/images/11019918.gif) no-repeat 5px top;
padding: 2px 0px 0px 20px;
font-size: 14px;
font-weight: bold;
color: #004483;
}
.currently-text {
padding: 20px;
font-size: 14px;
line-height: 150%;
color: #000;
}
}
</style>
pages/profile/_id.vue 0 → 100644
View file @ 9902da2e
<template>
<div>
<div class="currently-node">{{name}}</div>
<div class="currently-text" v-html="detail"></div>
</div>
</template>
<script>
export default {
asyncData({ params, store, error }) {
const item = store.state.profileData.find((item) => String(item.id) === params.id)
if (!item) {
return error({ message: 'User not found', statusCode: 404 })
}
return item
},
head() {
return {
title: this.name
}
}
}
</script>
pages/profile/index.vue 0 → 100644
View file @ 9902da2e
<template>
<div>
<div class="currently-node">公司简介</div>
<div class="currently-text">
<p style="text-align: center">
<span style="font-size:16px">公司介绍</span>
</p>
<p>&nbsp;&nbsp;&nbsp; 北京天绿恒力科技有限公司为中关村科技园区企业，坐落于风景秀丽的永丰高新技术产业基地。公司致力于绿</p>
<p>色环保型水处理设备、水处理药剂、水处理材料和水处理工程等水处理领域的新产品研发、生产、市场营销以及工</p>
<p>程服务。</p>
<p>主营产品：</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;绿恒®加药系统</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;绿恒®臭氧发生器</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;绿恒®纯二氧化氯发生器</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;水木兰®二氧化氯消毒粉</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;除铁锰、除砷氟水处理设备</p>
<p>经营理念：</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;诚信为本、以义制利、科技创新、用户至上</p>
<p>资质证书：</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;三证齐全：&nbsp;&nbsp;（营业执照、组织机构代码证、税务登记证）</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;质量管理体系认证证书：&nbsp;&nbsp;（认证范围如下:二氧化氯发生器的设计、生产、销售及服务）</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;环境管理体系认证证书：&nbsp;&nbsp;（适用于：二氧化氯发生器的设计、生产、销售及服务）</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;水利产品认证证书：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;（认证产品：绿恒牌高纯型二氧化氯发生器）</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;全国农村水利工程材料设备产品信息年报：&nbsp;&nbsp;（产品种类：二氧化氯发生器）</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;北京市涉及饮用水卫生安全产品卫生许可批件</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;北京市产品质量监督检验所出具的《检验报告》</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;北京市疾病预防控制中心出具的《检测报告》</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;七项专利证书</p>
<p>公益事业：</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;为“母亲水窖”捐助善款</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;为地震灾区援助消毒物资</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;为北京奥运会提供饮用水安全保障</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;参与北京“7.21”特大自然灾害应急救灾供水工程消毒设备安装</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;多次参与北京市及周边地区饮用水污染事件应急处置</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;受到了水利部、农村饮水安全中心、疾控中心及各地卫生和水务部门的高度评价</p>
<p>主要业绩：</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;公司研发生产的绿恒®智能型纯二氧化氯发生器在全国的饮用水用户突破5000台</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;公司研发的水木兰®二氧化氯消毒粉应用于康师傅集团等饮料、乳品加工企业</p>
<p>&nbsp;</p>
<p>&nbsp;&nbsp;&nbsp; 天绿人始终站在饮用水消毒技术最前沿。苦心钻研、孜孜以求、从不满足、勇攀高峰。天绿人深知自己肩负的</p>
<p>责任之重大，正在以无畏的精神和超前的魄力打造饮用水消毒技术的辉煌！</p>
</div>
</div>
</template>
store/index.js
View file @ 9902da2e
......@@ -211,5 +211,40 @@ export const state = () => ({
img:'http://www.bjgee.net/res/Home/report/检测仪1.jpg',
url:'#',
},
],
profileData:[
{
id:'applicationArea',
name:'应用领域',
detail:`<div style="line-height: 20pt; vertical-align: baseline"><strong>绿恒<sup>®</sup>高纯二氧化氯发生器应用领域</strong></div>
<div style="line-height: 20pt; vertical-align: baseline">&nbsp;&nbsp;&nbsp; 自来水、自备井水、二次供水等生活饮用水的消毒；中水、游泳池、医院污水的灭菌消毒；工业循环冷却水、工业原水的除藻灭菌处理；食品、乳品、饮料加工的灭菌处理；含氰、酚废水处理；造纸、印染行业的废水漂白、脱色；水产养殖中的消毒与增氧；除铁、猛等。</div>
<div style="line-height: 20pt; vertical-align: baseline">&nbsp;</div>
<div style="line-height: 20pt; vertical-align: baseline"><strong>水木兰<sup>®</sup>二氧化氯消毒粉应用领域</strong></div>
<div style="line-height: 20pt; vertical-align: baseline">♦ 生活饮用水；</div>
<div style="line-height: 20pt; vertical-align: baseline">♦&nbsp;工业循环水冷却水、空调用水、工业用水、污水等各种水处理；</div>
<div style="line-height: 20pt; vertical-align: baseline">♦&nbsp;游泳池水体及水池的卫生消毒；</div>
<div style="line-height: 20pt; vertical-align: baseline">♦&nbsp;食品加工、饮料厂、发酵工业、制药等行业的生产设备、管道、容器以及包装容器和工具的最终灭菌消毒；</div>
<div style="line-height: 20pt; vertical-align: baseline">♦&nbsp;食品、饮料、冷饮行业配制无菌原料水；</div>
<div style="line-height: 20pt; vertical-align: baseline">♦&nbsp;生产环境（如：生产车间、地面等）消毒、灭菌、防霉、除臭处理；</div>
<div style="line-height: 20pt; vertical-align: baseline">♦ 食品加工企业（如水果蔬菜、肉食品等）的消毒、灭菌、保鲜、防腐；</div>
<div style="line-height: 20pt; vertical-align: baseline">♦ 餐厅、宾馆、家庭、摊档餐具和卫生设施的灭菌消毒与空气环境消毒。</div>`,
},
{
id:'oganization',
name:'组织机构',
detail:`<p><img class="" height="457" width="695" alt="" src="http://www.bjgee.net/res/Home/1102/qq截图未命名1.jpg"></p>`,
}
]
})
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment