Commit b6be83c8 authored by shangbj's avatar shangbj

update

parent 3925ba65
......@@ -37,4 +37,41 @@ ul, li, form, dd, dt, dl {
.right-con-wrap{
width: 736px;
float: left;
min-height: 600px;
padding-top: 15px;
text-align: center;
.currently-node{
height: 25px;
text-align: left;
background: url(~assets/images/11019918.gif) no-repeat 5px top;
padding: 2px 0px 0px 20px;
font-size: 14px;
font-weight: bold;
color: #004483;
}
.currently-title{
height: 25px;
width:690px;
margin:0 auto;
border-bottom: 1px solid #A0A0A0;
padding-top: 15px;
font-size: 14px;
font-weight: bold;
color: #004483;
}
.currently-time{
margin: 12px 0px;
font-size: 12px;
color: #808080;
text-align: center;
}
.currently-text {
width:690px;
margin:0 auto;
text-align:left;
padding: 20px;
font-size: 14px;
line-height: 150%;
color: #000;
}
}
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
<template>
<div>联系我们</div>
<div class="clearfix content">
<div class="left-con-wrap">
<NewsScrollList />
<ProductImgList />
</div>
<div class="right-con-wrap">
<div class="currently-node">联系我们</div>
<div class="currently-text">
<div><strong>北京市天绿恒力科技有限公司</strong></div>
<div>地址:北京市海淀区永丰高新技术产业基地永捷北路3号C座3层</div>
<div>邮编:100094</div>
<div>
<p>电话:010-58711223/4/5</p>
<p>传真:010-58711230</p>
</div>
<div>E-mail:<a href="mailto:sales@bjgee.net"><span style="color:windowtext">tianlvhengli@163.com</span></a></div>
<div>乘车路线:</div>
<div>1.地铁13号线西二旗站下车后转公交544路至永丰产业基地(下图中北清路上加油站位置)下车,下车后按图中红色路线走至永捷北路3号即到。</div>
<div><span style="font-size:10.5pt">2.</span>地铁13号线西二旗站下车后转公交570路至皇后店西站下车,下车后按图中黄色路线走至永捷北路3号即到。</div>
<div><span style="font-size:10.5pt">3.</span><span style="font-size:10.5pt">乘365路至丰贤东路下车,下车后按图中黄色路线走至永捷北路3号即到。 </span></div>
<p><span style="font-size:10.5pt"><img alt="" src="~assets/images/map.jpg" style="height:432px; width:552px"></span></p>
</div>
</div>
</div>
</template>
<script>
import NewsScrollList from '~/components/NewsScrollList.vue'
import ProductImgList from '~/components/ProductImgList.vue'
export default {
components:{
NewsScrollList,
ProductImgList,
},
asyncData({ store }) {
return { profileData: store.state.profileData}
}
}
</script>
<style lang="scss">
</style>
<template>
<div>售后服务</div>
<div class="clearfix content">
<div class="left-con-wrap">
<NewsScrollList />
<ProductImgList />
</div>
<div class="right-con-wrap">
<div class="currently-node">售后服务</div>
<div class="currently-text">
<div><font style="font-size: small">&nbsp;<strong><span style="font-size: 10pt">售后服务:</span></strong></font></div>
<div style="text-align: left; line-height: 150%" align="left"><strong><span style="line-height: 150%; font-size: 10pt">(1) </span></strong><strong><span style="line-height: 150%; font-size: 10pt">设备现场安装</span></strong></div>
<div style="text-align: left; line-height: 150%" align="left"><span style="line-height: 150%; font-size: 10pt">&nbsp;&nbsp;&nbsp; </span><span style="line-height: 150%; font-size: 10pt">公司派遣有丰富经验的工程师到现场对设备按照相关规范进行安装。</span></div>
<div style="text-align: left; line-height: 150%" align="left"><strong><span style="line-height: 150%; font-size: 10pt">(2) </span></strong><strong><span style="line-height: 150%; font-size: 10pt">设备现场调试</span></strong></div>
<div style="text-align: left; line-height: 150%" align="left"><span style="line-height: 150%; font-size: 10pt">&nbsp;&nbsp;&nbsp; 二氯化氯消毒设备安装后应进行现场调试。</span></div>
<div style="text-align: left; line-height: 150%" align="left"><span style="line-height: 150%; font-size: 10pt">&nbsp;&nbsp;&nbsp; 公司自行备用安装、调试和维修、检测所需的全部工具和设备。处理后的水质符合《生活饮用水卫生标准》(GB5749-2006)标准中微生物学指标要求。</span></div>
<div style="text-align: left; line-height: 150%; text-indent: 21.2pt" align="left"><span style="line-height: 150%; font-size: 10pt">随时与客户沟通,根据客户的工程进展情况,及时做好安装调试工作的安排。保证安装后设备能够正常运行。</span></div>
<div style="text-align: left; line-height: 150%" align="left"><strong><span style="line-height: 150%; font-size: 10pt">(3) </span></strong><strong><span style="line-height: 150%; font-size: 10pt">操作人员培训及技术资料转交</span></strong></div>
<div style="text-align: left; line-height: 150%; text-indent: 21.2pt" align="left"><span style="line-height: 150%; font-size: 10pt">设备安装调试完毕即对操作人员进行现场技术培训并模拟操作;严格按买方要求和安排的时间组织操作人员进行集体培训并书面考核培训内容,确保操作人员的培训效果和设备安全。提供产品合格证明、使用说明书等资料。</span></div>
<div style="text-align: left; line-height: 150%" align="left"><strong><span style="line-height: 150%; font-size: 10pt">(4) </span></strong><strong><span style="line-height: 150%; font-size: 10pt">设备保养维护</span></strong></div>
<div style="text-align: left; line-height: 150%; text-indent: 21.2pt" align="left"><span style="line-height: 150%; font-size: 10pt">a)</span><span style="line-height: 150%; font-size: 10pt">公司保证及时提供优质售后服务,配备训练有素的人员,备有充足的易耗<span style="letter-spacing: -0.2pt">品;</span></span></div>
<div style="text-align: left; line-height: 150%; text-indent: 21.2pt" align="left"><span style="line-height: 150%; font-size: 10pt">b)</span><span style="line-height: 150%; font-size: 10pt">所售设备实行“<span style="color: black">一年保修</span>、终身维护、免费咨询”的服务制度。</span></div>
<div style="text-align: left; line-height: 150%" align="left"><strong><span style="line-height: 150%; font-size: 10pt">&nbsp;&nbsp; </span></strong><strong><span style="line-height: 150%; font-size: 10pt">保修期内:</span></strong></div>
<div style="text-align: left; line-height: 150%; text-indent: 21.2pt" align="left"><span style="line-height: 150%; font-size: 10pt">&nbsp;</span><span style="line-height: 150%; font-size: 10pt">免费电话咨询和维护指导;</span></div>
<div style="text-align: left; line-height: 150%; text-indent: 21.2pt" align="left"><span style="line-height: 150%; font-size: 10pt">&nbsp;</span><span style="line-height: 150%; font-size: 10pt">免费设计相关技术方案;</span></div>
<div style="text-align: left; line-height: 150%; text-indent: 21.2pt" align="left"><span style="line-height: 150%; font-size: 10pt">&nbsp;</span><span style="line-height: 150%; font-size: 10pt">免费零配件调换(人为因素导致设备损坏除外)。</span></div>
<div style="text-align: left; line-height: 150%" align="left"><strong><span style="line-height: 150%; font-size: 10pt">&nbsp;&nbsp; </span></strong><strong><span style="line-height: 150%; font-size: 10pt">保修期外:</span></strong></div>
<div style="text-align: left; line-height: 150%; text-indent: 21.2pt" align="left"><span style="line-height: 150%; font-size: 10pt">&nbsp;</span><span style="line-height: 150%; font-size: 10pt">免费电话咨询和维护指导;</span></div>
<div style="text-align: left; line-height: 150%; text-indent: 21.2pt" align="left"><span style="line-height: 150%; font-size: 10pt">&nbsp;</span><span style="line-height: 150%; font-size: 10pt">优惠的零配件价格和及时优质的现场服务;</span></div>
<div style="text-align: left; line-height: 150%; text-indent: 21.2pt" align="left"><span style="line-height: 150%; font-size: 10pt">&nbsp;</span><span style="line-height: 150%; font-size: 10pt">定期回访和技术指导。</span></div>
<div style="text-align: left; line-height: 150%" align="left"><strong><span style="line-height: 150%; font-size: 10pt">&nbsp;&nbsp;&nbsp;</span></strong><strong><span style="line-height: 150%; font-size: 10pt">优惠承诺:</span></strong></div>
<div style="text-align: left; text-indent: 21.2pt" align="left"><span style="font-size: 10pt">&nbsp; 我公司承诺以最优惠的价格终身负责设备所需原材料及零部件的供应。</span></div>
<div style="text-align: left; line-height: 150%" align="left"><strong>&nbsp;</strong><strong><span style="line-height: 150%; font-size: 10pt">(5)突发事件应急</span></strong></div>
<div style="text-align: left; line-height: 150%; text-indent: 21.2pt" align="left"><span style="line-height: 150%; font-size: 10pt">&nbsp; 如用户发生饮用水污水事件,我公司迅速启动应急方案进行处理,保障饮用水的水质安全。</span></div>
</div>
</div>
</div>
</template>
<script>
import NewsScrollList from '~/components/NewsScrollList.vue'
import ProductImgList from '~/components/ProductImgList.vue'
export default {
components:{
NewsScrollList,
ProductImgList,
},
asyncData({ store }) {
return { profileData: store.state.profileData}
}
}
</script>
<style lang="scss">
</style>
<template>
<div>行业动态</div>
<div class="clearfix content">
<div class="left-con-wrap">
<ProductImgList />
<ContactUs />
</div>
<div class="right-con-wrap">
<nuxt-child :key="$route.params.id"/>
</div>
</div>
</template>
<script>
import ProductImgList from '~/components/ProductImgList.vue'
import ContactUs from '~/components/ContactUs.vue'
export default {
components:{
ProductImgList,
ContactUs,
},
}
</script>
<style lang="scss">
</style>
<template>
<div class="currently-wrap">
<div class="currently-node">行业动态</div>
<div class="currently-title">{{title}}</div>
<div class="currently-time">发布时间:{{time}}</div>
<div class="currently-text" v-html="con"></div>
</div>
</template>
<script>
export default {
asyncData({ params, store, error }) {
const item = [].find((item) => String(item.id) === params.id)
console.log(item)
if (!item) {
return error({ message: 'User not found', statusCode: 404 })
}
return item
},
head() {
return {
}
}
}
</script>
<template>
<div class="currently-wrap">
<div class="currently-node">行业动态</div>
<div class="currently-list">
<ul v-if="newData.length>0">
<li class="listItem" v-for="(item, index) in newData" :key="index">
<nuxt-link :to="'/news/' + item.id" class="itemTitle">{{item.title}}</nuxt-link>
<span class="contentTime">&nbsp;&nbsp;{{item.time}}</span>
</li>
</ul>
<div v-else class="no-data">
暂无数据
</div>
<el-pagination
v-if="newData.length>10"
class="elPage"
background
layout="prev, pager, next"
prev-text="上一页"
next-text="下一页"
@current-change="handleCurrentChange"
:total="newData.length">
</el-pagination>
</div>
</div>
</template>
<script>
export default {
data(){
return{
newData:[],
currentPage:1
}
},
methods:{
handleCurrentChange(val){
console.log(`当前页:${val}`)
}
}
}
</script>
<style lang="scss" scoped>
.no-data{
padding:20px 0;
text-align:center;
font-size:14px;
}
.currently-list{
text-align:left;
width:690px;
margin:0 auto;
li{
height: 28px;
line-height: 28px;
font-size: 12px;
background: url(~/assets/images/11019922.gif) repeat-x left bottom;
padding-left:25px;
position: relative;
color:#000;
&:after{
content: "";
position: absolute;
left:5px;
top:-1px;
width:9px;
height:28px;
background: url(~/assets/images/11019911.gif) no-repeat center center;
}
a{
color: #004483;
}
}
}
</style>
......@@ -17,85 +17,9 @@ export default {
components:{
ProductImgList,
ContactUs,
},
asyncData({ store }) {
return { newsData: store.state.news.newsData}
}
}
</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;
padding-top: 15px;
text-align: center;
.currently-node{
height: 25px;
text-align: left;
background: url(~assets/images/11019918.gif) no-repeat 5px top;
padding: 2px 0px 0px 20px;
font-size: 14px;
font-weight: bold;
color: #004483;
}
.currently-title{
height: 25px;
width:690px;
margin:0 auto;
border-bottom: 1px solid #A0A0A0;
padding-top: 15px;
font-size: 14px;
font-weight: bold;
color: #004483;
}
.currently-time{
margin: 12px 0px;
font-size: 12px;
color: #808080;
text-align: center;
}
.currently-text {
width:690px;
margin:0 auto;
text-align:left;
padding: 20px;
font-size: 14px;
line-height: 150%;
color: #000;
}
}
</style>
......@@ -70,23 +70,4 @@ export default {
}
}
}
.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>
<template>
<div>诚招代理</div>
<div class="clearfix content">
<div class="left-con-wrap">
<NewsScrollList />
<ProductImgList />
</div>
<div class="right-con-wrap">
<div class="currently-node">诚招代理</div>
<div class="currently-text">
<p align="center"><strong><font style="font-size: large">诚征全国区域代理商</font></strong></p>
<p align="center">&nbsp;</p>
<p align="center"><font style="font-size: small">天绿人以坚韧的意志和超前的魄力打造了<font color="#339966">高纯二氧化氯</font><font color="#339966">技术</font>的辉煌!</font></p>
<p align="center"><font style="font-size: small">天绿人以热情的姿态和真诚的合作欢迎全国各地有识之士荣尊加盟!</font></p>
<p align="left"><font style="font-size: small">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></p>
<p align="left"><font style="font-size: small"><strong>&nbsp; 公司提供:</strong></font></p>
<p align="left"><font style="font-size: small">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;技术性能一流的产品</font></p>
<p align="left"><font style="font-size: small">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;级别最高和门类最全的各项资质证书</font></p>
<p align="left"><font style="font-size: small">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;标准化的售后服务和技术培训</font></p>
<p align="left"><font style="font-size: small">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;大力度的品牌宣传</font></p>
<p align="left"><font style="font-size: small">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;高效诚信的公司声誉</font></p>
<p align="left">&nbsp;</p>
<p style="line-height: 20pt"><strong><font style="font-size: small">♦ 智能型高纯二氧化氯发生器:</font></strong></p>
<p style="line-height: 20pt" align="center"><strong>&nbsp;<img style="width: 263px; height: 290px" alt="" width="923" height="1664" src="~assets/images/proxy01.jpg"></strong></p>
<div style="line-height: 20pt"><span></span>结实耐用:使用寿命超过十年;</div>
<div style="line-height: 20pt"><span><span></span>&nbsp;</span>性能优越:所有主要零部件均为国际著名品牌,保障了整机的优越性能;</div>
<div style="line-height: 20pt"><span><span></span>&nbsp;</span>设备运行极为安全:独到的产品和安装工艺保障设备运行安全,尤其在防回流和防虹吸方面有专有技术支持;</div>
<div style="line-height: 20pt"><span><span></span>&nbsp;</span>报警及时:具有缺水、欠压和停泵时报警并停机功能;</div>
<div style="line-height: 20pt"><span><span></span>&nbsp;</span>联动功能:可与变频泵或供水泵实现联动;</div>
<div style="line-height: 20pt"><span><span></span></span>信息远传:所有报警信息以手机短信的方式发送给设备管理人员,实现人机对话和远程无线控制;</div>
<div style="line-height: 20pt"><span><span></span></span>投加准确:专门的控制软件配置,保障了在不同的用水量时段具有不同的投加量控制;</div>
<div style="line-height: 20pt"><span><span></span></span>液位自动调整:专门的控制软件配置,自动调整两种药液同步进药;</div>
<div style="line-height: 20pt"><span><span></span></span>物美价廉:一款高性能的产品,但价格相对较低,用户易于接受;</div>
<div style="line-height: 20pt"><span><span></span></span>安装调试方便:标准化的程序和专业化的培训,保障了安装调试的快捷;</div>
<div style="line-height: 20pt"><span><span></span></span>安装方式灵活:可壁挂式安装,方便灵活;</div>
<div style="line-height: 20pt"><span><span></span></span>检测快捷准确:进口检测仪器,保证检测的快捷和准确;</div>
<div style="line-height: 20pt"><span><span></span></span>水质安全:丰富的设备调试经验,保障消毒后的水体的水质安全达标。</div>
<div style="line-height: 20pt">&nbsp;</div>
<p style="line-height: 20pt"><strong><font style="font-size: small">♦ 高效二氧化氯消毒粉</font></strong></p>
<p style="line-height: 20pt" align="center"><strong><img style="width: 342px; height: 210px" alt="" width="1037" height="826" src="~assets/images/proxy02.jpg"></strong></p>
<div style="line-height: 20pt; vertical-align: baseline"><span></span>生活饮用水;</div>
<div style="line-height: 20pt; vertical-align: baseline"><span><span>&nbsp;</span></span>工业循环水冷却水、空调用水、工业用水、污水等各种水处理;</div>
<div style="line-height: 20pt; vertical-align: baseline"><span><span>&nbsp;</span></span>游泳池水体及水池的卫生消毒;</div>
<div style="line-height: 20pt; vertical-align: baseline"><span><span>&nbsp;</span></span>食品加工、饮料厂、发酵工业、制药等行业的生产设备、管道、容器以及包装容器和工具的最终灭菌消毒;</div>
<div style="line-height: 20pt; vertical-align: baseline"><span><span>&nbsp;</span></span>食品、饮料、冷饮行业配制无菌原料水;</div>
<div style="line-height: 20pt; vertical-align: baseline"><span><span>&nbsp;</span></span>生产环境(如:生产车间、地面等)消毒、灭菌、防霉、除臭处理;</div>
<div style="line-height: 20pt; vertical-align: baseline"><span><span></span></span>食品加工企业(如水果蔬菜、肉食品等)的消毒、灭菌、保鲜、防腐;</div>
<div style="line-height: 20pt; vertical-align: baseline"><span><span></span></span>餐厅、宾馆、家庭、摊档餐具和卫生设施的灭菌消毒与空气环境消毒。</div>
<p style="line-height: 20pt; vertical-align: baseline">&nbsp;</p>
<div style="text-align: left; line-height: 150%" align="left"><span style="line-height: 150%"><strong><font style="font-size: small">♦ 二氧化氯消毒粉专用投加装置</font></strong></span></div>
<p style="line-height: 20pt; vertical-align: baseline" align="center"><img style="width: 312px; height: 281px" alt="" width="780" height="819" src="~assets/images/proxy03.jpg"></p>
<div style="line-height: 20pt; text-indent: 21pt">设备主要含有储药装置、计量泵和智能控制系统,均采用国外进口名牌产品,坚固耐用,投加精确。储药装置内不设搅拌器,可直接投加液态的化学药剂。设备可连续自动运行。设备结构简单,操作方便。解决了中小型用户以往手动加药造成的投量不准、操作麻烦的问题。</div>
<div style="line-height: 20pt; text-indent: 15.75pt">绿恒<sup>®</sup>牌自动加药装置具有结构简单,占地面积小,操作方便,价格合理等特点,可投加二氧化氯药剂和其它一些液体药剂,在自备井水消毒和管道消毒以及小型医疗污水消毒方面有着广泛的使用价值。</div>
</div>
</div>
</div>
</template>
<script>
import NewsScrollList from '~/components/NewsScrollList.vue'
import ProductImgList from '~/components/ProductImgList.vue'
export default {
components:{
NewsScrollList,
ProductImgList,
},
asyncData({ store }) {
return { profileData: store.state.profileData}
}
}
</script>
<style lang="scss">
</style>
<template>
<div>人员招聘</div>
<div class="clearfix content">
<div class="left-con-wrap">
<NewsScrollList />
<ProductImgList />
</div>
<div class="right-con-wrap">
<div class="currently-node">人员招聘</div>
<div class="currently-text">
<div><strong>公司诚聘</strong></div>
<div style="text-align: left; line-height: 150%" align="left">
<p><span><strong>营销部经理:</strong>男女不限,40岁以下,大专以上学历,水处理、化工及环境工程等相关专业优先;具有高效敬业及挑战精神、勤奋、好学、实干;三年以上带领营销团队经验,从事过水处理设备营销团队管理者优先。适应出差。</span></p>
</div>
<div style="text-align: left; line-height: 150%" align="left">
<p><span><strong>营销人员:</strong>男女不限,35岁以下,中专以上学历,专业不限;勤奋、敬业、好学、实干;有1年以上营销工作经验,从事过水处理设备和药剂产品营销的人员优先。适应出差。</span></p>
</div>
<div style="text-align: left; line-height: 150%" align="left">
<p><span><strong>售后服务人员:</strong>男,35岁以下,中专以上学历。勤奋、敬业、好学、实干;动手能力强,有机电设备生产、安装、调试、维修等经验为佳。适应出差。</span></p>
<p><span><strong>车间生产人员:</strong>男,38岁以下,高中以上学历。</span><strong>&nbsp;</strong>勤奋、敬业、好学、实干;动手能力强,有机电设备生产、安装、调试、维修等经验为佳。</p>
</div>
<div style="text-align: left; line-height: 20pt" align="left">
<p><strong>简历须附本人近照!</strong></p>
<p><strong>公司提供全面福利,看重能力,给拥有智慧和敬业的人以巨大发展空间。</strong></p>
</div>
</div>
</div>
</div>
</template>
<script>
import NewsScrollList from '~/components/NewsScrollList.vue'
import ProductImgList from '~/components/ProductImgList.vue'
export default {
components:{
NewsScrollList,
ProductImgList,
},
asyncData({ store }) {
return { profileData: store.state.profileData}
}
}
</script>
<style lang="scss">
</style>
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