更新

src/views/about/surroundings.vue

@@ -9,7 +9,7 @@
         <div>
           <ul class="area-nav">
             <li><router-link :to="{path: '/serviceLocator'}">服务定位</router-link></li>
-            <li class="tabs"><router-link :to="{path: '/surroundings'}">园区周边</router-link></li>
+            <li class="tabs"><router-link :to="{path: '/surroundings'}">园区介绍</router-link></li>
             <li ><router-link :to="{path: '/industry'}">产业集群</router-link></li>
           </ul>
         </div>

src/views/common/home.vue

@@ -36,15 +36,15 @@
     </div>
     <div class="about-wrap">
       <div class="title-item">
-        <div class="unMidTitle">
+        <div class="unMidTitle" @click="toServiceLocator('/serviceLocator')">
           <h3>服务定位</h3>
           <p>SERVICE LOCATION</p>
         </div>
-        <div class="midTitle">
+        <div class="midTitle" @click="toServiceLocator('/surroundings')">
           <h3 class="midTitleName">园区简介</h3>
           <p>PARK PROFILE</p>
         </div>
-        <div class="unMidTitle">
+        <div class="unMidTitle" @click="toServiceLocator('industry')">
           <h3>产品集群</h3>
           <p>INDUSTRIAL CLUSTERS</p>
         </div>
@@ -71,11 +71,11 @@
         </div>
       </div>
       <div class="qyfwBody">
-        <div v-for="item in yqfwList" class="qyfwItem">
+        <div v-for="item in yqfwList" class="qyfwItem" >
           <img :src="item.url" class="qyfwImg">
           <div class="msgBox">
             <div class="msgTit">{{ item.name }}</div>
-            <button class="msgBtn">了解详情</button>
+            <button class="msgBtn" @click="toServiceLocator(item.path)">了解详情</button>
           </div>
         </div>
       </div>
@@ -491,10 +491,10 @@ export default {
             showimg: false,
             preImgUrl: 'zss1.png',
             yqfwList: [
-                { url: require('@/assets/images/zyfb.png'), name: '资源发布' },
-                { url: require('@/assets/images/zcfw.png'), name: '政策服务' },
-                { url: require('@/assets/images/yqpx.png'), name: '园区培训' },
-                { url: require('@/assets/images/qyhd.png'), name: '企业活动' }
+                { url: require('@/assets/images/zyfb.png'), name: '资源发布', path: '/service/characteristic' },
+                { url: require('@/assets/images/zcfw.png'), name: '政策服务', path: '/zhaoshang/list' },
+                { url: require('@/assets/images/yqpx.png'), name: '园区培训', path: '/service/activities' },
+                { url: require('@/assets/images/qyhd.png'), name: '企业活动', path: '/service/educate' }
             ],
             notices: {
                 park: [
@@ -578,7 +578,7 @@ export default {
                     name: '北京磁擎科技有限公司',
                     eventIndex: 1,
                     detail: '北京磁擎科技有限公司成立于2018年11月14日，经营范围包括技术开发、技术服务；产品设计；软件开发；合同能源管理；机械设备租赁（不含汽车租赁）；委托加工机械设备（限分支机构经营）；销售自行开发的产品、机械设备、电气设备、电子产品、计算机、软件及辅助设备；货物进出口…'
-                },
+                }
                 // {
                 // 	img: 'clogo.png',
                 // 	name: '深圳腾讯计算机有限公司',
@@ -658,6 +658,9 @@ export default {
         window.removeEventListener('popstate', this.goBack, false)
     },
     methods: {
+        toServiceLocator(e) {
+            this.$router.push(e)
+        },
         reduceAction() {
             if (this.action == 0) {
                 this.action = this.actionList.length - 1

src/views/common/homepage.vue

@@ -24,17 +24,17 @@
                       <p>
                         <router-link
                           :to="{ path: '/service/characteristic' }"
-                        >服务特色</router-link>
+                        >资源发布</router-link>
                       </p>
                       <p>
                         <router-link
                           :to="{ path: '/service/periphery' }"
-                        >园区周边</router-link>
+                        >政策服务</router-link>
                       </p>
                       <p>
                         <router-link
                           :to="{ path: '/service/activities' }"
-                        >园区活动</router-link>
+                        >企业活动</router-link>
                       </p>
                       <p>
                         <router-link
@@ -112,19 +112,19 @@
                         <router-link
                           exact-active-class="nav-active"
                           :to="{ path: '/service/characteristic' }"
-                        >服务特色</router-link>
+                        >资源发布</router-link>
                       </p>
                       <p @click="menuBtn()">
                         <router-link
                           exact-active-class="nav-active"
                           :to="{ path: '/service/periphery' }"
-                        >园区周边</router-link>
+                        >政策服务</router-link>
                       </p>
                       <p @click="menuBtn()">
                         <router-link
                           exact-active-class="nav-active"
                           :to="{ path: '/service/activities' }"
-                        >园区活动</router-link>
+                        >企业活动</router-link>
                       </p>
                       <p @click="menuBtn()">
                         <router-link

src/views/services/activities/index.vue

@@ -1,168 +1,168 @@
 <template>
-    <div style="background: #f0f0f0;padding-bottom:50px">
-        <div class="banner">
-            <img src="~@/assets/images/yxfw.jpg" alt="">
+  <div style="background: #f0f0f0;padding-bottom:50px">
+    <div class="banner">
+      <img src="~@/assets/images/yxfw.jpg" alt="">
+    </div>
+    <div class="bread">
+      <div>
+        <span>当前位置:首页-<span style="color: rgba(75, 175, 227, 1)">企业活动</span></span>
+        <div>
+          <ul class="area-nav">
+            <li><router-link :to="{path: '/service/characteristic'}">资源发布</router-link></li>
+            <li><router-link :to="{path: '/zhaoshang/list'}">政策服务</router-link></li>
+            <li class="tabs"><router-link :to="{path: '/service/activities'}">企业活动</router-link></li>
+            <li><router-link :to="{path: '/service/educate'}">园区培训</router-link></li>
+          </ul>
         </div>
-        <div class="bread">
-            <div>
-                <span>当前位置:首页-园区活动</span>
-                <div>
-                    <ul class="area-nav">
-                        <li><router-link :to="{path: '/service/characteristic'}">服务特色</router-link></li>
-                        <li><router-link :to="{path: '/service/periphery'}">园区周边</router-link></li>
-                        <li class="tabs"><router-link :to="{path: '/service/activities'}">园区活动</router-link></li>
-                        <li><router-link :to="{path: '/service/educate'}">园区培训</router-link></li>
-                    </ul>
-                </div>
-            </div>
+      </div>
+    </div>
+    <div class="smart-device">
+      <div class="smart-title">
+        <span><span>园区活动</span>PARK AVTIVITIES</span>
+      </div>
+      <div class="smart-device-content">
+        <div class="nav-company">
+          <div>
+            <ul>
+              <li v-for="item in activeType" :class="active===item.value?'active':''" @click="changeType(item.value)">
+                <span>{{ item.label }}</span>
+              </li>
+              <!--                            <li :class="active==1?'active':''" @click="changeType('1')"><span>全部</span></li>-->
+              <!--                            <li :class="active==2?'active':''" @click="changeType('2')"><span>培训</span></li>-->
+              <!--                            <li :class="active==3?'active':''" @click="changeType('3')"><span>私募</span></li>-->
+              <!--                            <li :class="active==4?'active':''" @click="changeType('4')"><span>法务</span></li>-->
+              <!--                            <li :class="active==5?'active':''" @click="changeType('5')"><span>财税</span></li>-->
+              <!--                            <li :class="active==6?'active':''" @click="changeType('6')"><span>培训</span></li>-->
+            </ul>
+          </div>
         </div>
-        <div class="smart-device">
-            <div class="smart-title">
-                <span><span>园区活动</span>PARK AVTIVITIES</span>
-            </div>
-            <div class="smart-device-content">
-                <div class="nav-company">
-                    <div>
-                        <ul>
-                          <li v-for="item in activeType" :class="active===item.value?'active':''" @click="changeType(item.value)">
-                            <span>{{item.label}}</span>
-                          </li>
-<!--                            <li :class="active==1?'active':''" @click="changeType('1')"><span>全部</span></li>-->
-<!--                            <li :class="active==2?'active':''" @click="changeType('2')"><span>培训</span></li>-->
-<!--                            <li :class="active==3?'active':''" @click="changeType('3')"><span>私募</span></li>-->
-<!--                            <li :class="active==4?'active':''" @click="changeType('4')"><span>法务</span></li>-->
-<!--                            <li :class="active==5?'active':''" @click="changeType('5')"><span>财税</span></li>-->
-<!--                            <li :class="active==6?'active':''" @click="changeType('6')"><span>培训</span></li>-->
-                        </ul>
-                    </div>
+        <ul class="company-list">
+          <li v-for="(item,index) in zsList" :key="index" @click="detail(item.id)">
+            <div class="wrap-device-detail">
+              <div class="c-logo">
+                <!--                                <img :src="require('../../../assets/images/'+item.img)" alt="">-->
+                <img :src="'https://smartpark.idea-sf.com'+item.img" alt="">
+              </div>
+              <div class="wrap-content">
+                <div class="c-content">
+                  <span>{{ item.createTime }}</span>
+                  <h3>{{ item.name }}</h3>
                 </div>
-                <ul class="company-list">
-                    <li v-for="(item,index) in zsList" :key="index" @click="detail(item.id)">
-                        <div class="wrap-device-detail">
-                            <div class="c-logo">
-<!--                                <img :src="require('../../../assets/images/'+item.img)" alt="">-->
-                                <img :src="'https://smartpark.idea-sf.com'+item.img" alt="">
-                            </div>
-                            <div class="wrap-content">
-                                <div class="c-content">
-                                    <span>{{item.createTime}}</span>
-                                    <h3>{{item.name}}</h3>
-                                </div>
-                                <div class="detail-btn">
-                                    <div class="a-status">
-                                        <span v-if="item.status==2" class="over">已结束</span>
-                                        <span v-else class="loading">报名中</span>
-                                        <span v-if="item.status==2" class="over">活动风采</span>
-                                    </div>
-                                    <div class="a-option">
-                                        <span>参与人数:{{item.num}}</span>
-                                        <span>查看详情</span>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </li>
-                </ul>
-                <div class="paginationo-box">
-                    <van-pagination v-model="search.pageNum" :total-items="total" :show-page-size="10" @change="handleCurrentChange">
-                        <template #prev-text>
-                            <van-icon name="arrow-left" />
-                        </template>
-                        <template #next-text>
-                            <van-icon name="arrow" />
-                        </template>
-                        <template #page="{ text }">{{ text }}</template>
-                    </van-pagination>
+                <div class="detail-btn">
+                  <div class="a-status">
+                    <span v-if="item.status==2" class="over">已结束</span>
+                    <span v-else class="loading">报名中</span>
+                    <span v-if="item.status==2" class="over">活动风采</span>
+                  </div>
+                  <div class="a-option">
+                    <span>参与人数:{{ item.num }}</span>
+                    <span>查看详情</span>
+                  </div>
                 </div>
+              </div>
             </div>
+          </li>
+        </ul>
+        <div class="paginationo-box">
+          <van-pagination v-model="search.pageNum" :total-items="total" :show-page-size="10" @change="handleCurrentChange">
+            <template #prev-text>
+              <van-icon name="arrow-left" />
+            </template>
+            <template #next-text>
+              <van-icon name="arrow" />
+            </template>
+            <template #page="{ text }">{{ text }}</template>
+          </van-pagination>
         </div>
+      </div>
     </div>
+  </div>
 </template>
 
 <script>
-import {websiteActivityPage} from "@/service/api_service";
+import { websiteActivityPage } from '@/service/api_service'
 import Base from '@/views/base/base'
 import BaseData from '@/views/base/baseData'
-    export default {
-      mixins: [Base, BaseData],
-        data () {
-            return {
-                dc_key: ['activityType'],
-                active:'',
-                currentPage:1,
-                total:0,
-                zsList:[
-                    // {
-                    //     img:'n1.png',
-                    //     name:'互联网私募如何入门',
-                    //     eventIndex:1,
-                    //     createTime:'2012-12-12',
-                    //     num:1,
-                    //     status:1,
-                    //     detail:'互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门'
-                    // },
-                ],
-              activeType:[],
-              search:{
-                  pageSize:10,
-                  pageNum:1,
-                  publishStatus:'2'
-              }
+export default {
+    mixins: [Base, BaseData],
+    data() {
+        return {
+            dc_key: ['activityType'],
+            active: '',
+            currentPage: 1,
+            total: 0,
+            zsList: [
+                // {
+                //     img:'n1.png',
+                //     name:'互联网私募如何入门',
+                //     eventIndex:1,
+                //     createTime:'2012-12-12',
+                //     num:1,
+                //     status:1,
+                //     detail:'互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门'
+                // },
+            ],
+            activeType: [],
+            search: {
+                pageSize: 10,
+                pageNum: 1,
+                publishStatus: '2'
             }
-        },
-        mounted() {
-          this.initDict(this.dc_key,true).then((res) => {
-            this.activeType =  this.dc_data.activityType
+        }
+    },
+    mounted() {
+        this.initDict(this.dc_key, true).then((res) => {
+            this.activeType = this.dc_data.activityType
             this.getData()
-          })
-            document.documentElement.scrollTop = document.body.scrollTop =0; //回到顶部
-        },
-        methods: {
-          changeType(active){
+        })
+        document.documentElement.scrollTop = document.body.scrollTop = 0 // 回到顶部
+    },
+    methods: {
+        changeType(active) {
             this.search.pageNum = 1
-            this.active=active
+            this.active = active
             this.getData()
-          },
-          handleCurrentChange: function(val) {
+        },
+        handleCurrentChange: function(val) {
             this.search.pageNum = val
             this.getData()
-          },
-          getData(){
-            if(this.active===0){
-              this.search.trainType=''
-            }else{
-              this.search.activityType=this.active
+        },
+        getData() {
+            if (this.active === 0) {
+                this.search.trainType = ''
+            } else {
+                this.search.activityType = this.active
             }
-            websiteActivityPage(this.search).then((res)=>{
-              if(res.rows){
-                this.total = res.total
-                this.zsList = []
-                res.rows.forEach(item=>{
-                  let url = ''
-                  if(item.activityAnnex&&item.activityAnnex.length>2){
-                    const annex = this.$common.castEval(item.activityAnnex)
-                    url = annex[0].url
-                  }
-                  const i = {
-                        id:item.id,
-                        img:this.$common.replaceWxDownload(url),
-                        name:item.activityName,
-                        eventIndex:item.registrationStatus,
-                        createTime:this.$common.transServDate(item.publishDate),
-                        num:item.partakeNumber,
-                        status:item.registrationStatus,
-                        detail:''
-                  }
-                  this.zsList.push(i)
-                })
-              }
+            websiteActivityPage(this.search).then((res) => {
+                if (res.rows) {
+                    this.total = res.total
+                    this.zsList = []
+                    res.rows.forEach(item => {
+                        let url = ''
+                        if (item.activityAnnex && item.activityAnnex.length > 2) {
+                            const annex = this.$common.castEval(item.activityAnnex)
+                            url = annex[0].url
+                        }
+                        const i = {
+                            id: item.id,
+                            img: this.$common.replaceWxDownload(url),
+                            name: item.activityName,
+                            eventIndex: item.registrationStatus,
+                            createTime: this.$common.transServDate(item.publishDate),
+                            num: item.partakeNumber,
+                            status: item.registrationStatus,
+                            detail: ''
+                        }
+                        this.zsList.push(i)
+                    })
+                }
             })
-          },
-            detail(index){
-              this.$router.push({path:'/service/detail?id='+index})
-            }
         },
-    };
+        detail(index) {
+            this.$router.push({ path: '/service/detail?id=' + index })
+        }
+    }
+}
 </script>
 
 <style scoped>

src/views/services/characteristic/index.vue

@@ -5,12 +5,12 @@
     </div>
     <div class="bread">
       <div>
-        <span>当前位置:首页-服务特色</span>
+        <span>当前位置:首页-<span style="color: rgba(75, 175, 227, 1)">资源发布</span></span>
         <div>
           <ul class="area-nav">
-            <li class="tabs"><router-link :to="{path: '/service/characteristic'}">服务特色</router-link></li>
-            <li><router-link :to="{path: '/service/periphery'}">园区周边</router-link></li>
-            <li><router-link :to="{path: '/service/activities'}">园区活动</router-link></li>
+            <li class="tabs"><router-link :to="{path: '/service/characteristic'}">资源发布</router-link></li>
+            <li><router-link :to="{path: '/zhaoshang/list'}">政策服务</router-link></li>
+            <li><router-link :to="{path: '/service/activities'}">企业活动</router-link></li>
             <li><router-link :to="{path: '/service/educate'}">园区培训</router-link></li>
           </ul>
         </div>
@@ -18,164 +18,164 @@
     </div>
     <div class="smart-device">
       <div class="smart-title">
-        <span><span>服务特色</span>PARK CHARACTERISTIC</span>
+        <span><span>资源发布</span>PARK Training</span>
       </div>
       <div class="smart-device-content">
         <ul>
+<!--          <li>-->
+<!--            <div class="wrap-device-detail">-->
+<!--              <div class="zs-titles">-->
+<!--                <span><i>01</i>物业服务</span>-->
+<!--              </div>-->
+<!--              <div class="zs-wrap">-->
+<!--                <ul>-->
+<!--                  <li>-->
+<!--                    <div>-->
+<!--                      <img src="~@/assets/images/ts1.png" alt="">-->
+<!--                      <p>公共服务</p>-->
+<!--                    </div>-->
+<!--                  </li>-->
+<!--                  <li>-->
+<!--                    <div>-->
+<!--                      <img src="~@/assets/images/ts2.png" alt="">-->
+<!--                      <p>设备维护</p>-->
+<!--                    </div>-->
+<!--                  </li>-->
+<!--                  <li>-->
+<!--                    <div>-->
+<!--                      <img src="~@/assets/images/ts3.png" alt="">-->
+<!--                      <p>清洁管理</p>-->
+<!--                    </div>-->
+<!--                  </li>-->
+<!--                  <li>-->
+<!--                    <div>-->
+<!--                      <img src="~@/assets/images/ts4.png" alt="">-->
+<!--                      <p>安全管理</p>-->
+<!--                    </div>-->
+<!--                  </li>-->
+<!--                  <li>-->
+<!--                    <div>-->
+<!--                      <img src="~@/assets/images/ts5.png" alt="">-->
+<!--                      <p>停车服务</p>-->
+<!--                    </div>-->
+<!--                  </li>-->
+<!--                </ul>-->
+<!--                <div class="wyfw">-->
+<!--                  <p>{{ detail.briefIntroduction }}</p>-->
+<!--                  <div class="wy-addr">-->
+<!--                    <div>-->
+<!--                      <div>-->
+<!--                        <span>办公地址</span>-->
+<!--                        <span>{{ detail.officeAddress }}</span>-->
+<!--                      </div>-->
+<!--                    </div>-->
+<!--                    <div>-->
+<!--                      <div>-->
+<!--                        <span>办公时间</span>-->
+<!--                        <span>{{ detail.officeTime }}</span>-->
+<!--                      </div>-->
+<!--                    </div>-->
+<!--                    <div>-->
+<!--                      <div>-->
+<!--                        <span>联系方式</span>-->
+<!--                        <span>{{ detail.contactNumber }}</span>-->
+<!--                      </div>-->
+<!--                    </div>-->
+<!--                  </div>-->
+<!--                </div>-->
+<!--              </div>-->
+<!--            </div>-->
+<!--          </li>-->
+<!--          <li>-->
+<!--            <div class="wrap-device-detail">-->
+<!--              <div class="zs-titles">-->
+<!--                <span><i>02</i>增值服务</span>-->
+<!--              </div>-->
+<!--              <div class="zs-wrap">-->
+<!--                <div class="zzfw" style="margin-bottom: 1rem;">-->
+<!--                  <p>{{ detail.incrementService }}</p>-->
+<!--                  <p>园区提供一下服务</p>-->
+<!--                </div>-->
+<!--                <ul>-->
+<!--                  <li>-->
+<!--                    <div>-->
+<!--                      <img src="~@/assets/images/ts6.png" alt="">-->
+<!--                      <p>餐饮服务</p>-->
+<!--                    </div>-->
+<!--                  </li>-->
+<!--                  <li>-->
+<!--                    <div>-->
+<!--                      <img src="~@/assets/images/ts7.png" alt="">-->
+<!--                      <p>配送服务</p>-->
+<!--                    </div>-->
+<!--                  </li>-->
+<!--                  <li>-->
+<!--                    <div>-->
+<!--                      <img src="~@/assets/images/ts8.png" alt="">-->
+<!--                      <p>资源共享</p>-->
+<!--                    </div>-->
+<!--                  </li>-->
+<!--                  <li>-->
+<!--                    <div>-->
+<!--                      <img src="~@/assets/images/ts9.png" alt="">-->
+<!--                      <p>便民服务</p>-->
+<!--                    </div>-->
+<!--                  </li>-->
+<!--                  <li>-->
+<!--                    <div>-->
+<!--                      <img src="~@/assets/images/ts10.png" alt="">-->
+<!--                      <p>路演中心</p>-->
+<!--                    </div>-->
+<!--                  </li>-->
+<!--                </ul>-->
+<!--              </div>-->
+<!--            </div>-->
+<!--          </li>-->
+<!--          <li>-->
+<!--            <div class="wrap-device-detail">-->
+<!--              <div class="zz-titles">-->
+<!--                <span>专业服务</span>-->
+<!--              </div>-->
+<!--              <div class="zs-wrap">-->
+<!--                <ul class="zz-wrap">-->
+<!--                  <li v-for="item in seList" key="Math.random()" class="zyfw-img">-->
+<!--                    <div>-->
+<!--                      <img :src="item.img" alt="">-->
+<!--                      <p>{{ item.name }}</p>-->
+<!--                    </div>-->
+<!--                  </li>-->
+<!--                  &lt;!&ndash;                                    <li>&ndash;&gt;-->
+<!--                  &lt;!&ndash;                                        <div>&ndash;&gt;-->
+<!--                  &lt;!&ndash;                                            <img src="~@/assets/images/zy2.png" alt="">&ndash;&gt;-->
+<!--                  &lt;!&ndash;                                            <p>配送服务</p>&ndash;&gt;-->
+<!--                  &lt;!&ndash;                                        </div>&ndash;&gt;-->
+<!--                  &lt;!&ndash;                                    </li>&ndash;&gt;-->
+<!--                  &lt;!&ndash;                                    <li>&ndash;&gt;-->
+<!--                  &lt;!&ndash;                                        <div>&ndash;&gt;-->
+<!--                  &lt;!&ndash;                                            <img src="~@/assets/images/zy3.png" alt="">&ndash;&gt;-->
+<!--                  &lt;!&ndash;                                            <p>资源共享</p>&ndash;&gt;-->
+<!--                  &lt;!&ndash;                                        </div>&ndash;&gt;-->
+<!--                  &lt;!&ndash;                                    </li>&ndash;&gt;-->
+<!--                  &lt;!&ndash;                                    <li>&ndash;&gt;-->
+<!--                  &lt;!&ndash;                                        <div>&ndash;&gt;-->
+<!--                  &lt;!&ndash;                                            <img src="~@/assets/images/zy4.png" alt="">&ndash;&gt;-->
+<!--                  &lt;!&ndash;                                            <p>便民服务</p>&ndash;&gt;-->
+<!--                  &lt;!&ndash;                                        </div>&ndash;&gt;-->
+<!--                  &lt;!&ndash;                                    </li>&ndash;&gt;-->
+<!--                  <li @click="detail2()">-->
+<!--                    <div>-->
+<!--                      <img src="~@/assets/images/more.jpg" alt="">-->
+<!--                    </div>-->
+<!--                  </li>-->
+<!--                </ul>-->
+<!--              </div>-->
+<!--            </div>-->
+<!--          </li>-->
           <li>
             <div class="wrap-device-detail">
-              <div class="zs-titles">
-                <span><i>01</i>物业服务</span>
-              </div>
-              <div class="zs-wrap">
-                <ul>
-                  <li>
-                    <div>
-                      <img src="~@/assets/images/ts1.png" alt="">
-                      <p>公共服务</p>
-                    </div>
-                  </li>
-                  <li>
-                    <div>
-                      <img src="~@/assets/images/ts2.png" alt="">
-                      <p>设备维护</p>
-                    </div>
-                  </li>
-                  <li>
-                    <div>
-                      <img src="~@/assets/images/ts3.png" alt="">
-                      <p>清洁管理</p>
-                    </div>
-                  </li>
-                  <li>
-                    <div>
-                      <img src="~@/assets/images/ts4.png" alt="">
-                      <p>安全管理</p>
-                    </div>
-                  </li>
-                  <li>
-                    <div>
-                      <img src="~@/assets/images/ts5.png" alt="">
-                      <p>停车服务</p>
-                    </div>
-                  </li>
-                </ul>
-                <div class="wyfw">
-                  <p>{{ detail.briefIntroduction }}</p>
-                  <div class="wy-addr">
-                    <div>
-                      <div>
-                        <span>办公地址</span>
-                        <span>{{ detail.officeAddress }}</span>
-                      </div>
-                    </div>
-                    <div>
-                      <div>
-                        <span>办公时间</span>
-                        <span>{{ detail.officeTime }}</span>
-                      </div>
-                    </div>
-                    <div>
-                      <div>
-                        <span>联系方式</span>
-                        <span>{{ detail.contactNumber }}</span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </li>
-          <li>
-            <div class="wrap-device-detail">
-              <div class="zs-titles">
-                <span><i>02</i>增值服务</span>
-              </div>
-              <div class="zs-wrap">
-                <div class="zzfw" style="margin-bottom: 1rem;">
-                  <p>{{ detail.incrementService }}</p>
-                  <p>园区提供一下服务</p>
-                </div>
-                <ul>
-                  <li>
-                    <div>
-                      <img src="~@/assets/images/ts6.png" alt="">
-                      <p>餐饮服务</p>
-                    </div>
-                  </li>
-                  <li>
-                    <div>
-                      <img src="~@/assets/images/ts7.png" alt="">
-                      <p>配送服务</p>
-                    </div>
-                  </li>
-                  <li>
-                    <div>
-                      <img src="~@/assets/images/ts8.png" alt="">
-                      <p>资源共享</p>
-                    </div>
-                  </li>
-                  <li>
-                    <div>
-                      <img src="~@/assets/images/ts9.png" alt="">
-                      <p>便民服务</p>
-                    </div>
-                  </li>
-                  <li>
-                    <div>
-                      <img src="~@/assets/images/ts10.png" alt="">
-                      <p>路演中心</p>
-                    </div>
-                  </li>
-                </ul>
-              </div>
-            </div>
-          </li>
-          <li>
-            <div class="wrap-device-detail">
-              <div class="zz-titles">
-                <span>专业服务</span>
-              </div>
-              <div class="zs-wrap">
-                <ul class="zz-wrap">
-                  <li v-for="item in seList" key="Math.random()" class="zyfw-img">
-                    <div>
-                      <img :src="item.img" alt="">
-                      <p>{{ item.name }}</p>
-                    </div>
-                  </li>
-                  <!--                                    <li>-->
-                  <!--                                        <div>-->
-                  <!--                                            <img src="~@/assets/images/zy2.png" alt="">-->
-                  <!--                                            <p>配送服务</p>-->
-                  <!--                                        </div>-->
-                  <!--                                    </li>-->
-                  <!--                                    <li>-->
-                  <!--                                        <div>-->
-                  <!--                                            <img src="~@/assets/images/zy3.png" alt="">-->
-                  <!--                                            <p>资源共享</p>-->
-                  <!--                                        </div>-->
-                  <!--                                    </li>-->
-                  <!--                                    <li>-->
-                  <!--                                        <div>-->
-                  <!--                                            <img src="~@/assets/images/zy4.png" alt="">-->
-                  <!--                                            <p>便民服务</p>-->
-                  <!--                                        </div>-->
-                  <!--                                    </li>-->
-                  <li @click="detail2()">
-                    <div>
-                      <img src="~@/assets/images/more.jpg" alt="">
-                    </div>
-                  </li>
-                </ul>
-              </div>
-            </div>
-          </li>
-          <li>
-            <div class="wrap-device-detail">
-              <div class="zz-titles">
-                <span>运营服务</span>
-              </div>
+<!--              <div class="zz-titles">-->
+<!--                <span>运营服务</span>-->
+<!--              </div>-->
               <div class="zs-wrap">
                 <div class="zzfw" v-html="detail.content" />
                 <!--                                <ul class="qrcode">-->

src/views/services/educate/index.vue

@@ -8,9 +8,9 @@
         <span>当前位置:首页-<span style="color: rgba(75, 175, 227, 1)">园区培训</span></span>
         <div>
           <ul class="area-nav">
-            <li><router-link :to="{path: '/service/characteristic'}">服务特色</router-link></li>
-            <li><router-link :to="{path: '/service/periphery'}">园区周边</router-link></li>
-            <li><router-link :to="{path: '/service/activities'}">园区活动</router-link></li>
+            <li><router-link :to="{path: '/service/characteristic'}">资源发布</router-link></li>
+            <li><router-link :to="{path: '/zhaoshang/list'}">政策服务</router-link></li>
+            <li><router-link :to="{path: '/service/activities'}">企业活动</router-link></li>
             <li class="tabs"><router-link :to="{path: '/service/educate'}">园区培训</router-link></li>
           </ul>
         </div>

src/views/services/periphery/index.vue

@@ -1,177 +1,177 @@
 <template>
-    <div style="background: #f0f0f0;padding-bottom:50px">
-        <div class="banner">
-            <img src="~@/assets/images/yxfw.jpg" alt="">
+  <div style="background: #f0f0f0;padding-bottom:50px">
+    <div class="banner">
+      <img src="~@/assets/images/yxfw.jpg" alt="">
+    </div>
+    <div class="bread">
+      <div>
+        <span>当前位置:首页-园区周边</span>
+        <div>
+          <ul class="area-nav">
+            <li><router-link :to="{path: '/service/characteristic'}">资源发布</router-link></li>
+            <li class="tabs"><router-link :to="{path: '/service/periphery'}">政策服务</router-link></li>
+            <li><router-link :to="{path: '/service/activities'}">企业活动</router-link></li>
+            <li><router-link :to="{path: '/service/educate'}">园区培训</router-link></li>
+          </ul>
         </div>
-        <div class="bread">
-            <div>
-                <span>当前位置:首页-园区周边</span>
-                <div>
-                    <ul class="area-nav">
-                        <li><router-link :to="{path: '/service/characteristic'}">服务特色</router-link></li>
-                        <li class="tabs"><router-link :to="{path: '/service/periphery'}">园区周边</router-link></li>
-                        <li><router-link :to="{path: '/service/activities'}">园区活动</router-link></li>
-                        <li><router-link :to="{path: '/service/educate'}">园区培训</router-link></li>
-                    </ul>
-                </div>
+      </div>
+    </div>
+    <div class="smart-device">
+      <div class="smart-title">
+        <span><span>园区周边</span>PARK AROUND</span>
+      </div>
+      <div class="smart-device-content">
+        <ul>
+          <li>
+            <div class="wrap-device-detail">
+              <div class="zs-titles">
+                <span><i>01</i>周边服务</span>
+              </div>
+              <div class="zs-wrap">
+                <ul>
+                  <li class="zs-tabs">
+                    <div @click="detail(1)">
+                      <img src="~@/assets/images/zb1.png" alt="">
+                      <p>干洗</p>
+                    </div>
+                  </li>
+                  <li>
+                    <div @click="detail(1)">
+                      <img src="~@/assets/images/zb2.png" alt="">
+                      <p>修理</p>
+                    </div>
+                  </li>
+                  <li>
+                    <div @click="detail(1)">
+                      <img src="~@/assets/images/zb3.png" alt="">
+                      <p>保洁</p>
+                    </div>
+                  </li>
+                  <li>
+                    <div @click="detail(1)">
+                      <img src="~@/assets/images/zb4.png" alt="">
+                      <p>桶装水</p>
+                    </div>
+                  </li>
+                  <li>
+                    <div @click="detail(1)">
+                      <img src="~@/assets/images/zb5.png" alt="">
+                      <p>绿植</p>
+                    </div>
+                  </li>
+                  <li>
+                    <div @click="detail(1)">
+                      <img src="~@/assets/images/zb6.png" alt="">
+                      <p>打印</p>
+                    </div>
+                  </li>
+                </ul>
+              </div>
             </div>
-        </div>
-        <div class="smart-device">
-            <div class="smart-title">
-                <span><span>园区周边</span>PARK AROUND</span>
+          </li>
+          <li>
+            <div class="wrap-device-detail">
+              <div class="zs-titles">
+                <span><i>02</i>周边资讯</span>
+              </div>
+              <div class="zs-wrap">
+                <ul class="zx-wrap">
+                  <li>
+                    <div @click="detail(1)">
+                      <img src="~@/assets/images/zx1.png" alt="">
+                      <p>商业</p>
+                    </div>
+                  </li>
+                  <li>
+                    <div @click="detail(1)">
+                      <img src="~@/assets/images/zx2.png" alt="">
+                      <p>教育</p>
+                    </div>
+                  </li>
+                  <li>
+                    <div @click="detail(1)">
+                      <img src="~@/assets/images/zx3.png" alt="">
+                      <p>医疗</p>
+                    </div>
+                  </li>
+                  <li>
+                    <div @click="detail(1)">
+                      <img src="~@/assets/images/zx4.png" alt="">
+                      <p>酒店</p>
+                    </div>
+                  </li>
+                </ul>
+              </div>
             </div>
-            <div class="smart-device-content">
-                <ul>
-                    <li>
-                        <div class="wrap-device-detail">
-                            <div class="zs-titles">
-                                <span><i>01</i>周边服务</span>
-                            </div>
-                            <div class="zs-wrap">
-                                <ul>
-                                    <li class="zs-tabs">
-                                        <div @click="detail(1)">
-                                            <img src="~@/assets/images/zb1.png" alt="">
-                                            <p>干洗</p>
-                                        </div>
-                                    </li>
-                                    <li>
-                                        <div @click="detail(1)">
-                                            <img src="~@/assets/images/zb2.png" alt="">
-                                            <p>修理</p>
-                                        </div>
-                                    </li>
-                                    <li>
-                                        <div @click="detail(1)">
-                                            <img src="~@/assets/images/zb3.png" alt="">
-                                            <p>保洁</p>
-                                        </div>
-                                    </li>
-                                    <li>
-                                        <div @click="detail(1)">
-                                            <img src="~@/assets/images/zb4.png" alt="">
-                                            <p>桶装水</p>
-                                        </div>
-                                    </li>
-                                    <li>
-                                        <div @click="detail(1)">
-                                            <img src="~@/assets/images/zb5.png" alt="">
-                                            <p>绿植</p>
-                                        </div>
-                                    </li>
-                                    <li>
-                                        <div @click="detail(1)">
-                                            <img src="~@/assets/images/zb6.png" alt="">
-                                            <p>打印</p>
-                                        </div>
-                                    </li>
-                                </ul>
-                            </div>
-                        </div>
-                    </li>
-                    <li>
-                        <div class="wrap-device-detail">
-                            <div class="zs-titles">
-                                <span><i>02</i>周边资讯</span>
-                            </div>
-                            <div class="zs-wrap">
-                                <ul class="zx-wrap">
-                                    <li>
-                                        <div @click="detail(1)">
-                                            <img src="~@/assets/images/zx1.png" alt="">
-                                            <p>商业</p>
-                                        </div>
-                                    </li>
-                                    <li>
-                                        <div @click="detail(1)">
-                                            <img src="~@/assets/images/zx2.png" alt="">
-                                            <p>教育</p>
-                                        </div>
-                                    </li>
-                                    <li>
-                                        <div @click="detail(1)">
-                                            <img src="~@/assets/images/zx3.png" alt="">
-                                            <p>医疗</p>
-                                        </div>
-                                    </li>
-                                    <li>
-                                        <div @click="detail(1)">
-                                            <img src="~@/assets/images/zx4.png" alt="">
-                                            <p>酒店</p>
-                                        </div>
-                                    </li>
-                                </ul>
-                            </div>
-                        </div>
-                    </li>
-                    <li>
-                        <div class="wrap-device-detail">
-                            <div class="zs-titles">
-                                <span><i>03</i>便民服务</span>
-                            </div>
-                            <div class="zs-wrap">
-                                <ul class="fw-wrap">
-                                    <li>
-                                        <div @click="detail(1)">
-                                            <img src="~@/assets/images/fw1.png" alt="">
-                                            <p>便民电话</p>
-                                        </div>
-                                    </li>
-                                    <li>
-                                        <div @click="detail(1)">
-                                            <img src="~@/assets/images/fw2.png" alt="">
-                                            <p>社区服务</p>
-                                        </div>
-                                    </li>
-                                </ul>
-                            </div>
-                        </div>
-                    </li>
+          </li>
+          <li>
+            <div class="wrap-device-detail">
+              <div class="zs-titles">
+                <span><i>03</i>便民服务</span>
+              </div>
+              <div class="zs-wrap">
+                <ul class="fw-wrap">
+                  <li>
+                    <div @click="detail(1)">
+                      <img src="~@/assets/images/fw1.png" alt="">
+                      <p>便民电话</p>
+                    </div>
+                  </li>
+                  <li>
+                    <div @click="detail(1)">
+                      <img src="~@/assets/images/fw2.png" alt="">
+                      <p>社区服务</p>
+                    </div>
+                  </li>
                 </ul>
+              </div>
             </div>
-        </div>
-      <Message :show-dialog="showInfo" @closePop="closeMessage"/>
+          </li>
+        </ul>
+      </div>
     </div>
+    <Message :show-dialog="showInfo" @closePop="closeMessage" />
+  </div>
 </template>
 
 <script>
 import Message from '@/views/message/index'
-    export default {
-      components: {
+export default {
+    components: {
         Message
-      },
-        data () {
-            return {
-              showInfo:false,
-                seList:[
-                    {
-                        img:'zs1.png',
-                        name:'专项扶持政策',
-                    },
-                    {
-                        img:'zs1.png',
-                        name:'专项扶持政策',
-                    },
-                    {
-                        img:'zs1.png',
-                        name:'专项扶持政策',
-                    },
-                ],
-            }
-        },
-        mounted() {
-            document.documentElement.scrollTop = document.body.scrollTop =0; //回到顶部
+    },
+    data() {
+        return {
+            showInfo: false,
+            seList: [
+                {
+                    img: 'zs1.png',
+                    name: '专项扶持政策'
+                },
+                {
+                    img: 'zs1.png',
+                    name: '专项扶持政策'
+                },
+                {
+                    img: 'zs1.png',
+                    name: '专项扶持政策'
+                }
+            ]
+        }
+    },
+    mounted() {
+        document.documentElement.scrollTop = document.body.scrollTop = 0 // 回到顶部
+    },
+    methods: {
+        closeMessage() {
+            this.showInfo = false
         },
-        methods: {
-          closeMessage(){
-            this.showInfo =false
-          },
-          detail(index){
+        detail(index) {
             // this.$router.push({path:'/zhaoshang/detail1?smallType='+index})
-            this.showInfo =true
-          }
-        },
-    };
+            this.showInfo = true
+        }
+    }
+}
 </script>
 
 <style scoped>

src/views/zhaoshang/index.vue

@@ -6,6 +6,14 @@
     <div class="bread">
       <div>
         <span>当前位置:首页-<span style="color: rgba(75, 175, 227, 1)">招商政策</span></span>
+        <div>
+          <ul class="area-nav">
+            <li><router-link :to="{path: '/service/characteristic'}">资源发布</router-link></li>
+            <li class="tabs"><router-link :to="{path: '/zhaoshang/list'}">政策服务</router-link></li>
+            <li><router-link :to="{path: '/service/activities'}">企业活动</router-link></li>
+            <li ><router-link :to="{path: '/service/educate'}">园区培训</router-link></li>
+          </ul>
+        </div>
       </div>
     </div>
     <div class="smart-device">
@@ -159,13 +167,38 @@ export default {
         .bread{
             background: #fff;
         }
-        .bread div{
+        .bread>div{
             width: 1200px;
             margin: 0 auto;
             text-align: left;
             padding: 0.8rem 0;
             font-size: 1rem;
+            position: relative;
         }
+      .tabs{
+        border-bottom:2px solid rgba(75, 175, 227, 1)!important;
+      }
+      .area-nav{
+        position:absolute;
+        right: 0;
+        top: 0.8rem;
+        width: 40%;
+        text-align: right;
+      }
+      .area-nav{
+        display: flex;
+        justify-content: center;
+        flex-wrap: nowrap;
+      }
+      .area-nav li{
+        flex: 1;
+        text-align: center;
+        border-bottom: 2px solid #f0f0f0;
+        padding-bottom:0.7rem;
+      }
+      .area-nav a{
+        color: #333;
+      }
         .smart-title{
             margin-top:3rem;
         }