更新

.eslintrc.js

@@ -189,7 +189,7 @@ module.exports = {
         'yield-star-spacing': [2, 'both'],
         'yoda': [2, 'never'],
         'prefer-const': 2,
-        'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
+        'no-': process.env.NODE_ENV === 'production' ? 2 : 0,
         'object-curly-spacing': [2, 'always', {
           objectsInObjects: false
         }],
@@ -207,7 +207,7 @@ module.exports = {
         // "no-constant-condition": 2,//禁止在条件中使用常量表达式 if(true) if(1)
         // "no-continue": 0,//禁止使用continue
         // "no-control-regex": 2,//禁止在正则表达式中使用控制字符
-        // "no-debugger": 2,//禁止使用debugger
+        // "no-": 2,//禁止使用
         // "no-delete-var": 2,//不能对var声明的变量使用delete操作符
         // "no-div-regex": 1,//不能使用看起来像除法的正则表达式/=foo/
         // "no-dupe-keys": 2,//在创建对象字面量时不允许键重复 {a:1,a:1}

.gitignore

@@ -0,0 +1 @@
+/node_modules/

src/router/index.js

@@ -1,266 +1,293 @@
 import Vue from 'vue'
 import Router from 'vue-router'
-import routerView from "../views/common/routerView"
+import routerView from '../views/common/routerView'
 import home from '../views/common/home'
 import about from '../views/about/index'
 import zhaoshang from '../views/zhaoshang/index'
-import detail1 from "../views/zhaoshang/detail1"
+import detail1 from '../views/zhaoshang/detail1'
 import frame from '../views/common/homepage'
 
 Vue.use(Router)
 export default new Router({
-    linkExactActiveClass: "nav-active",
+    linkExactActiveClass: 'nav-active',
     routes: [{
         path: '/',
         name: '',
         component: frame,
         children: [{
-                path: '',
-                name: '',
-                component: home,
+            path: '',
+            name: '',
+            component: home,
+            meta: {
+                title: 'HOME'
+            }
+        },
+        {
+            path: 'zhaoshang',
+            name: 'zhaoshang',
+            component: routerView,
+            meta: {
+                title: '招商政策'
+            },
+            children: [{
+                path: 'list',
+                name: 'list',
+                component: zhaoshang,
+                meta: {
+                    title: 'LIST',
+                    icon: 'document'
+                }
+            },
+            {
+                path: 'detail1',
+                name: 'detail1',
+                component: detail1,
+                meta: {
+                    title: 'LIST',
+                    icon: 'document'
+                }
+            }
+            ]
+        },
+        {
+            path: 'finance',
+            name: 'finance',
+            component: routerView,
+            meta: {
+                title: '快递圈'
+            },
+            children: [{
+                path: 'list',
+                name: 'list',
+                component: () =>
+                    import('@/views/finance/index'),
+                meta: {
+                    title: 'LIST',
+                    icon: 'document'
+                }
+            },
+            {
+                path: 'detail',
+                name: 'financeDetail',
+                component: () =>
+                    import('@/views/finance/detail1'),
+                meta: {
+                    title: 'LIST',
+                    icon: 'document'
+                }
+            }
+            ]
+        },
+        {
+            path: 'company',
+            name: 'company',
+            component: routerView,
+            meta: {
+                title: '知名企业'
+            },
+            children: [{
+                path: 'list',
+                name: 'list',
+                component: () =>
+                    import('@/views/company/index'),
+                meta: {
+                    title: 'LIST',
+                    icon: 'document'
+                }
+            },
+            {
+                path: 'detail',
+                name: 'companyDetail',
+                component: () =>
+                    import('@/views/company/detail1'),
+                meta: {
+                    title: 'LIST',
+                    icon: 'document'
+                }
+            }
+            ]
+        },
+        {
+            path: 'notice',
+            name: 'notice',
+            component: routerView,
+            meta: {
+                title: '园区通知'
+            },
+            children: [{
+                path: 'list',
+                name: 'list',
+                component: () =>
+                    import('@/views/notice/index'),
                 meta: {
-                    title: 'HOME'
-                },
+                    title: 'LIST',
+                    icon: 'document'
+                }
             },
             {
-                path: 'zhaoshang',
-                name: 'zhaoshang',
-                component: routerView,
+                path: 'detail',
+                name: 'noticeDetail',
+                component: () =>
+                    import('@/views/notice/detail1'),
                 meta: {
-                    title: '招商政策'
-                },
-                children: [{
-                        path: 'list',
-                        name: 'list',
-                        component: zhaoshang,
-                        meta: {
-                            title: 'LIST',
-                            icon: 'document'
-                        },
-                    },
-                    {
-                        path: 'detail1',
-                        name: 'detail1',
-                        component: detail1,
-                        meta: {
-                            title: 'LIST',
-                            icon: 'document'
-                        },
-                    }
-                ]
+                    title: 'LIST',
+                    icon: 'document'
+                }
+            }
+            ]
+        },
+        {
+            path: 'jobs',
+            name: 'jobs',
+            component: routerView,
+            meta: {
+                title: '优质人才'
+            },
+            children: [{
+                path: 'list',
+                name: 'list',
+                component: () =>
+                    import('@/views/jobs/index'),
+                meta: {
+                    title: 'LIST',
+                    icon: 'document'
+                }
             },
             {
-                path: 'finance',
-                name: 'finance',
-                component: routerView,
+                path: 'detail',
+                name: 'jobsDetail',
+                component: () =>
+                    import('@/views/jobs/detail1'),
                 meta: {
-                    title: '快递圈'
-                },
-                children: [{
-                        path: 'list',
-                        name: 'list',
-                        component: () =>
-                            import('@/views/finance/index'),
-                        meta: {
-                            title: 'LIST',
-                            icon: 'document'
-                        },
-                    },
-                    {
-                        path: 'detail',
-                        name: 'financeDetail',
-                        component: () =>
-                            import('@/views/finance/detail1'),
-                        meta: {
-                            title: 'LIST',
-                            icon: 'document'
-                        },
-                    }
-                ]
+                    title: 'LIST',
+                    icon: 'document'
+                }
             },
             {
-                path: 'company',
-                name: 'company',
-                component: routerView,
+                path: 'join',
+                name: 'join',
+                component: () =>
+                    import('@/views/jobs/join'),
+                meta: {
+                    title: 'LIST',
+                    icon: 'document'
+                }
+            }
+            ]
+        },
+        {
+            path: 'service',
+            name: 'service',
+            component: routerView,
+            meta: {
+                title: '园区通知'
+            },
+            children: [{
+                path: 'activities',
+                name: 'activities',
+                component: () =>
+                    import('@/views/services/activities/index'),
                 meta: {
-                    title: '知名企业'
-                },
-                children: [{
-                        path: 'list',
-                        name: 'list',
-                        component: () =>
-                            import('@/views/company/index'),
-                        meta: {
-                            title: 'LIST',
-                            icon: 'document'
-                        },
-                    },
-                    {
-                        path: 'detail',
-                        name: 'companyDetail',
-                        component: () =>
-                            import('@/views/company/detail1'),
-                        meta: {
-                            title: 'LIST',
-                            icon: 'document'
-                        },
-                    }
-                ]
+                    title: 'LIST',
+                    icon: 'document'
+                }
             },
             {
-                path: 'notice',
-                name: 'notice',
-                component: routerView,
+                path: 'detail',
+                name: 'detail',
+                component: () =>
+                    import('@/views/services/activities/detail1'),
                 meta: {
-                    title: '园区通知'
-                },
-                children: [{
-                        path: 'list',
-                        name: 'list',
-                        component: () =>
-                            import('@/views/notice/index'),
-                        meta: {
-                            title: 'LIST',
-                            icon: 'document'
-                        },
-                    },
-                    {
-                        path: 'detail',
-                        name: 'noticeDetail',
-                        component: () =>
-                            import('@/views/notice/detail1'),
-                        meta: {
-                            title: 'LIST',
-                            icon: 'document'
-                        },
-                    }
-                ]
+                    title: 'LIST',
+                    icon: 'document'
+                }
             },
             {
-                path: 'jobs',
-                name: 'jobs',
-                component: routerView,
+                path: 'educate',
+                name: 'educate',
+                component: () =>
+                    import('@/views/services/educate/index'),
                 meta: {
-                    title: '优质人才'
-                },
-                children: [{
-                        path: 'list',
-                        name: 'list',
-                        component: () =>
-                            import('@/views/jobs/index'),
-                        meta: {
-                            title: 'LIST',
-                            icon: 'document'
-                        },
-                    },
-                    {
-                        path: 'detail',
-                        name: 'jobsDetail',
-                        component: () =>
-                            import('@/views/jobs/detail1'),
-                        meta: {
-                            title: 'LIST',
-                            icon: 'document'
-                        },
-                    },
-                    {
-                        path: 'join',
-                        name: 'join',
-                        component: () =>
-                            import('@/views/jobs/join'),
-                        meta: {
-                            title: 'LIST',
-                            icon: 'document'
-                        },
-                    }
-                ]
+                    title: 'LIST',
+                    icon: 'document'
+                }
             },
             {
-                path: 'service',
-                name: 'service',
-                component: routerView,
+                path: 'educate-detail',
+                name: 'educate-detail',
+                component: () =>
+                    import('@/views/services/educate/detail1'),
                 meta: {
-                    title: '园区通知'
-                },
-                children: [{
-                        path: 'activities',
-                        name: 'activities',
-                        component: () =>
-                            import('@/views/services/activities/index'),
-                        meta: {
-                            title: 'LIST',
-                            icon: 'document'
-                        },
-                    },
-                    {
-                        path: 'detail',
-                        name: 'detail',
-                        component: () =>
-                            import('@/views/services/activities/detail1'),
-                        meta: {
-                            title: 'LIST',
-                            icon: 'document'
-                        },
-                    },
-                    {
-                        path: 'educate',
-                        name: 'educate',
-                        component: () =>
-                            import('@/views/services/educate/index'),
-                        meta: {
-                            title: 'LIST',
-                            icon: 'document'
-                        },
-                    },
-                    {
-                        path: 'educate-detail',
-                        name: 'educate-detail',
-                        component: () =>
-                            import('@/views/services/educate/detail1'),
-                        meta: {
-                            title: 'LIST',
-                            icon: 'document'
-                        },
-                    },
-                    {
-                        path: 'periphery',
-                        name: 'periphery',
-                        component: () =>
-                            import('@/views/services/periphery/index'),
-                        meta: {
-                            title: 'LIST',
-                            icon: 'document'
-                        },
-                    },
-                    {
-                        path: 'characteristic',
-                        name: 'characteristic',
-                        component: () =>
-                            import('@/views/services/characteristic/index'),
-                        meta: {
-                            title: 'LIST',
-                            icon: 'document'
-                        },
-                    }
-                ]
+                    title: 'LIST',
+                    icon: 'document'
+                }
             },
             {
-                path: 'contact',
-                name: 'contact',
+                path: 'periphery',
+                name: 'periphery',
                 component: () =>
-                    import('@/views/contact/index'),
+                    import('@/views/services/periphery/index'),
                 meta: {
-                    title: '联系我们'
+                    title: 'LIST',
+                    icon: 'document'
                 }
             },
             {
-                path: 'about',
-                name: 'about',
-                component: about,
+                path: 'characteristic',
+                name: 'characteristic',
+                component: () =>
+                    import('@/views/services/characteristic/index'),
                 meta: {
-                    title: '关于我们'
+                    title: 'LIST',
+                    icon: 'document'
                 }
             }
+            ]
+        },
+        {
+            path: 'contact',
+            name: 'contact',
+            component: () =>
+                import('@/views/contact/index'),
+            meta: {
+                title: '联系我们'
+            }
+        },
+        {
+            path: 'about',
+            name: 'about',
+            component: about,
+            meta: {
+                title: '关于我们'
+            }
+        },
+        {
+            path: 'serviceLocator',
+            name: 'serviceLocator',
+            component: () =>
+                import('@/views/about/serviceLocator'),
+            meta: {
+                title: '服务定位'
+            }
+        },
+        {
+            path: 'surroundings',
+            name: 'surroundings',
+            component: () =>
+                import('@/views/about/surroundings'),
+            meta: {
+                title: '园区周边'
+            }
+        },
+        {
+            path: 'industry',
+            name: 'industry',
+            component: () =>
+                import('@/views/about/industry'),
+            meta: {
+                title: '产业集群'
+            }
+        }
         ]
     }]
-})
+})

src/views/base/base.vue

@@ -215,7 +215,7 @@ export default {
         initDict: function(_dcKey,_hasAll) {
             if (!_dcKey)_dcKey = this.dc_key
             return getDictData(_dcKey).then((res) => {
-              debugger
+
                 if (res.data) {
                     this.dc_key.forEach(key => {
                         const dictValue = this.getDictValue(res.data, key,_hasAll)

src/views/common/home.vue

@@ -538,43 +538,43 @@ export default {
             jobs: [],
             zhaoshang: [
                 {
-                    img: 'zss3.png',
-                    title: '奖励措施'
+                    img: 'zjbt.png',
+                    title: '我要入驻'
                 },
                 {
                     img: 'zss1.png',
-                    title: '税收优惠'
+                    title: '装修补贴'
                 },
                 {
                     img: 'zss2.png',
-                    title: '专项扶持政策'
+                    title: '创新创优奖励'
                 },
                 {
                     img: 'zss3.png',
-                    title: '其他'
+                    title: '物业补贴'
                 }
             ],
             companyList: [
                 {
-                    img: require('@/assets/images/com1.png'),
+                    img: require('@/assets/images/com11.png'),
                     name: '北京磁擎科技有限公司',
                     eventIndex: 1,
                     detail: '北京磁擎科技有限公司成立于2018年11月14日，经营范围包括技术开发、技术服务；产品设计；软件开发；合同能源管理；机械设备租赁（不含汽车租赁）；委托加工机械设备（限分支机构经营）；销售自行开发的产品、机械设备、电气设备、电子产品、计算机、软件及辅助设备；货物进出口…'
                 },
                 {
-                    img: require('@/assets/images/com1.png'),
+                    img: require('@/assets/images/com11.png'),
                     name: '北京磁擎科技有限公司',
                     eventIndex: 1,
                     detail: '北京磁擎科技有限公司成立于2018年11月14日，经营范围包括技术开发、技术服务；产品设计；软件开发；合同能源管理；机械设备租赁（不含汽车租赁）；委托加工机械设备（限分支机构经营）；销售自行开发的产品、机械设备、电气设备、电子产品、计算机、软件及辅助设备；货物进出口…'
                 },
                 {
-                    img: require('@/assets/images/com1.png'),
+                    img: require('@/assets/images/com11.png'),
                     name: '北京磁擎科技有限公司',
                     eventIndex: 1,
                     detail: '北京磁擎科技有限公司成立于2018年11月14日，经营范围包括技术开发、技术服务；产品设计；软件开发；合同能源管理；机械设备租赁（不含汽车租赁）；委托加工机械设备（限分支机构经营）；销售自行开发的产品、机械设备、电气设备、电子产品、计算机、软件及辅助设备；货物进出口…'
                 },
                 {
-                    img: require('@/assets/images/com1.png'),
+                    img: require('@/assets/images/com11.png'),
                     name: '北京磁擎科技有限公司',
                     eventIndex: 1,
                     detail: '北京磁擎科技有限公司成立于2018年11月14日，经营范围包括技术开发、技术服务；产品设计；软件开发；合同能源管理；机械设备租赁（不含汽车租赁）；委托加工机械设备（限分支机构经营）；销售自行开发的产品、机械设备、电气设备、电子产品、计算机、软件及辅助设备；货物进出口…'
@@ -721,14 +721,14 @@ export default {
                     break
             }
         },
-        // getPropaganda() {
-        //     const _this = this
-        //     const params = {
-        //         pageNum: 1,
-        //         pageSize: 5,
-        //         type: '1',
-        //         status: 'published'
-        //     }
+        getPropaganda() {
+            const _this = this
+            const params = {
+                pageNum: 1,
+                pageSize: 5,
+                type: '1',
+                status: 'published'
+            }
         // getPropaganda(params).then((res) => {
         //     if (res.rows) {
         //         _this.companyList = []
@@ -749,7 +749,7 @@ export default {
         //         })
         //     }
         // })
-        // },
+        },
         getRecruit() {
             const _this = this
             const params = {
@@ -1417,9 +1417,10 @@ export default {
   }
   .wrap-device-detail {
     background: #fff;
-    width: 90%;
+    width:70%;
+    height: 300px;
     margin: 0 auto;
-    border-bottom: 4px solid #674fb0;
+    border-bottom: 4px solid rgba(75, 175, 227, 1);
     padding-top: 1rem;
   }
   .c-logo {
@@ -1462,7 +1463,7 @@ export default {
     width: 40%;
     margin: 0 auto;
     text-align: center;
-    background: #674fb0;
+    background: rgba(75, 175, 227, 1);
     color: #fff;
   }
   /*扫码二维码*/
@@ -2034,7 +2035,7 @@ export default {
     width: 40%;
     margin: 0 auto;
     text-align: center;
-    background: #674fb0;
+    background: rgba(75, 175, 227, 1);
     color: #fff;
   }
   .c-app-wrap li {

src/views/common/homepage.vue

@@ -14,7 +14,7 @@
                 <router-link :to="{ path: '/' }">首页</router-link>
               </li>
               <li>
-                <router-link :to="{ path: '/about' }">园区介绍</router-link>
+                <router-link :to="{ path: '/serviceLocator' }">园区介绍</router-link>
               </li>
               <li class="ser">
                 <a href="javascript:void(0)">企业服务</a>
@@ -236,9 +236,9 @@
           <div class="con_del_address">
             <h3 class="tip">联系方式</h3>
             <p style="">
-              招商咨询：<br>{{ briefDetail.attractPhone }}<br>{{
-                briefDetail.operatePhone
-              }}<br>地址：<br>{{ briefDetail.address }}
+              招商咨询：<br>13898900982<br>
+              0512-890892333
+              <br>地址：<br>江苏省无锡市梁溪区天安大厦
             </p>
           </div>
         </div>
@@ -451,7 +451,7 @@ export default {
        */
   .footer {
     width: 100%;
-    background-color: #5e55bc;
+    background-color: rgba(75, 175, 227, 1);
     overflow: hidden;
   }
   .mod_content {
@@ -514,7 +514,7 @@ export default {
   .mod_copyright {
     width: 100%;
     height: 55px;
-    background-color: #353676;
+    background-color: rgba(41, 69, 93, 1);
   }
   .content_scan {
     width: 555px;
@@ -692,7 +692,7 @@ export default {
     height: 30px;
     border-radius: 25px;
     line-height: 30px;
-    color: #674fb0;
+    color: rgba(75, 175, 227, 1);
     font-size: 1.3rem;
     font-weight: 600;
     transform: translateY(50%);
@@ -721,13 +721,13 @@ export default {
   /*底部菜单*/
   .footer {
     width: 100%;
-    background-color: #5e55bc;
+    background-color: rgba(75, 175, 227, 1);
     overflow: hidden;
   }
   .mod_copyright {
     width: 100%;
     height: 4rem;
-    background-color: #353676;
+    background-color: rgba(41, 69, 93, 1);
   }
   .con_del {
     display: none;

src/views/company/index.vue

@@ -222,7 +222,7 @@ export default {
             background: #fff;
             width: 90%;
             margin: 0 auto;
-            border-bottom: 2px solid #674FB0;
+            border-bottom: 2px solid rgba(75, 175, 227, 1);
             position: relative;
             padding-top: 1rem;
         }
@@ -275,11 +275,11 @@ export default {
             width: 40%;
             margin: 0 auto;
             text-align: center;
-            background: #674FB0;
+            background: rgba(75, 175, 227, 1);
             color: #fff;
         }
         .active{
-            background: #674FB0;
+            background: rgba(75, 175, 227, 1);
         }
         .active span{
             color: #fff!important;
@@ -357,15 +357,15 @@ export default {
             margin: 0 auto;
             display: inline-block;
             text-align: center;
-            border: 1px solid #674FB0;
-            color: #674FB0;
+            border: 1px solid rgba(75, 175, 227, 1);
+            color: rgba(75, 175, 227, 1);
             padding: 0 4px;
         }
         .wrap-device-detail{
             background: #fff;
             width: 90%;
             margin: 0 auto;
-            border-bottom: 2px solid #674FB0;
+            border-bottom: 2px solid rgba(75, 175, 227, 1);
             position: relative;
             padding-top: 1rem;
         }
@@ -415,11 +415,11 @@ export default {
             width: 40%;
             margin: 0 auto;
             text-align: center;
-            background: #674FB0;
+            background: rgba(75, 175, 227, 1);
             color: #fff;
         }
         .active{
-            background: #674FB0;
+            background: rgba(75, 175, 227, 1);
         }
         .active span{
             color: #fff!important;
@@ -428,7 +428,7 @@ export default {
 
     }
     .paginationo-box /deep/ .van-pagination__item--active{
-        background: #8366E3!important;
+        background: rgba(75, 175, 227, 1)!important;
         color: #fff!important;
     }
     .paginationo-box /deep/ .van-pagination__item{

src/views/contact/index.vue

@@ -1,253 +1,250 @@
 <template>
-    <div style="background: #f0f0f0;">
-        <div class="banner">
-            <img src="~@/assets/images/lxwm.jpg" alt="">
-        </div>
-        <div class="bread">
-            <div>
-                <span>当前位置:首页-联系我们</span>
-            </div>
-        </div>
-        <div class="smart-device">
-            <div class="smart-title">
-                <span><span>联系我们</span>CONATACT US</span>
-            </div>
-            <div class="smart-device-content">
-                <div class="app-addr">
-                    <div class="addr-list">
-                        <h3>数字园区</h3>
-                        <ul>
-                            <li>
-                                <div>
-                                    <img src="~@/assets/images/add1-1.png" alt="">
-                                    <p>电话：{{briefDetail.attractPhone}} {{briefDetail.operatePhone}}</p>
-                                </div>
-                            </li>
-                            <li>
-                                <div>
-                                    <img src="~@/assets/images/add2-2.png" alt="">
-                                    <p>传真：0612-12121212</p>
-                                </div>
-                            </li>
-                            <li>
-                                <div>
-                                    <img src="~@/assets/images/add3-3.png" alt="">
-                                    <p>邮箱：123123123123@qq.com</p>
-                                </div>
-                            </li>
-                            <li>
-                                <div>
-                                    <img src="~@/assets/images/add4-4.png" alt="">
-                                    <p>网址：https://smartpark.idea-sf.com/smartPark</p>
-                                </div>
-                            </li>
-                            <li>
-                                <div>
-                                    <img src="~@/assets/images/add5-5.png" alt="">
-                                    <p>地址：{{briefDetail.address}}</p>
-                                </div>
-                            </li>
-                        </ul>
-                    </div>
-                   <div  >
-                     <baidu-map class="addr-map" style="height: 400px"  @ready="mapReadyPh">
-                     </baidu-map>
-                   </div>
+  <div style="background: #f0f0f0;">
+    <div class="banner">
+      <img src="~@/assets/images/lxwm.png" alt="">
+    </div>
+    <div class="bread">
+      <div>
+        <span>当前位置:首页-<span style="color: rgba(75, 175, 227, 1)">联系我们</span></span>
+      </div>
+    </div>
+    <div class="smart-device">
+      <div class="smart-title">
+        <span><span>联系我们</span>CONATACT US</span>
+      </div>
+      <div class="smart-device-content">
+        <div class="app-addr">
+          <div class="addr-list">
+            <h3>苏南快递产业园</h3>
+            <ul>
+              <li>
+                <div>
+                  <img src="~@/assets/images/add1-1.png" alt="">
+                  <p>电话：{{ briefDetail.attractPhone }} {{ briefDetail.operatePhone }}</p>
                 </div>
-                <div class="pc-addr">
-                    <div class="addr-list">
-                        <h3>数字园区</h3>
-                       <ul>
-                           <li>
-                               <div>
-                                   <img src="~@/assets/images/add1.png" alt="">
-                                   <p>电话：{{briefDetail.attractPhone}} {{briefDetail.operatePhone}}</p>
-                               </div>
-                           </li>
-                           <li>
-                               <div>
-                                   <img src="~@/assets/images/add2.png" alt="">
-                                   <p>传真：0612-12121212</p>
-                               </div>
-                           </li>
-                           <li>
-                               <div>
-                                   <img src="~@/assets/images/add3.png" alt="">
-                                   <p>邮箱：123123123123@qq.com</p>
-                               </div>
-                           </li>
-                           <li>
-                               <div>
-                                   <img src="~@/assets/images/add4.png" alt="">
-                                   <p>网址：https://smartpark.idea-sf.com/smartPark</p>
-                               </div>
-                           </li>
-                           <li>
-                               <div>
-                                   <img src="~@/assets/images/add5.png" alt="">
-                                   <p>地址：{{briefDetail.address}}</p>
-                               </div>
-                           </li>
-                       </ul>
-                    </div>
-                    <div style="margin: 0 auto;width: 100% " >
-                      <baidu-map class="addr-map" style="height: 600px" id="allmap" @ready="mapReady">
-                      </baidu-map>
-                    </div>
+              </li>
+              <li>
+                <div>
+                  <img src="~@/assets/images/add2-2.png" alt="">
+                  <p>传真：0612-12121212</p>
                 </div>
-            </div>
+              </li>
+              <li>
+                <div>
+                  <img src="~@/assets/images/add3-3.png" alt="">
+                  <p>邮箱：123123123123@qq.com</p>
+                </div>
+              </li>
+              <li>
+                <div>
+                  <img src="~@/assets/images/add4-4.png" alt="">
+                  <p>网址：https://smartpark.idea-sf.com/smartPark</p>
+                </div>
+              </li>
+              <li>
+                <div>
+                  <img src="~@/assets/images/add5-5.png" alt="">
+                  <p>地址：{{ briefDetail.address }}</p>
+                </div>
+              </li>
+            </ul>
+          </div>
+          <div>
+            <baidu-map class="addr-map" style="height: 400px" @ready="mapReadyPh" />
+          </div>
         </div>
-      <!--弹窗组件展示区 ------start----->
-<!--        此处使用vant框架的popup组件-->
-        <van-popup v-model="showDialog">
-            <div class="dialog-two">
-                <div class="close-btn" @click="showDialog=false">
-                    <span>×</span>
+        <div class="pc-addr">
+          <div class="addr-list">
+            <h3>苏南快递产业园</h3>
+            <ul>
+              <li>
+                <div>
+                  <img src="~@/assets/images/add1.png" alt="">
+                  <p>电话：043-32149304 043-32149304
+                    043-32149304</p>
                 </div>
-                <div class="qrcode-btn">
-                    <span>了解更多，欢迎关注</span>
-                    <span>数字园区服务小程序</span>
-                    <img src="~@/assets/images/xiaochengxuxiao.jpg" alt="">
-                    <h3>扫一扫</h3>
+              </li>
+              <li>
+                <div>
+                  <img src="~@/assets/images/add2.png" alt="">
+                  <p>传真：043-32149304</p>
                 </div>
-            </div>
-        </van-popup>
-        <div class="alerts">
-            <div class="dialog-one" v-show="show==1">
-                <div class="close-btn" @click="show=1">
-                    <img src="~@/assets/images/close.png" alt="">
+              </li>
+              <li>
+                <div>
+                  <img src="~@/assets/images/add3.png" alt="">
+                  <p>邮箱：cons@wuxizhihuipark.com</p>
                 </div>
-                <div class="qrcode-btn">
-                    <span>了解更多，欢迎关注</span>
-                    <span>数字园区小程序</span>
-                    <img src="~@/assets/images/xiaochengxuxiao.jpg" alt="">
+              </li>
+              <li>
+                <div>
+                  <img src="~@/assets/images/add4.png" alt="">
+                  <p>网址：www.wuxiwisdompark.com</p>
                 </div>
-            </div>
-
+              </li>
+              <li>
+                <div>
+                  <img src="~@/assets/images/add5.png" alt="">
+                  <p>地址：无锡市梁溪区天安大厦</p>
+                </div>
+              </li>
+            </ul>
+          </div>
+          <div style="margin: 0 auto;width: 100% ">
+            <baidu-map id="allmap" class="addr-map" style="height: 600px" @ready="mapReady" />
+          </div>
+        </div>
+      </div>
+    </div>
+    <!--弹窗组件展示区 ------start----->
+    <!--        此处使用vant框架的popup组件-->
+    <van-popup v-model="showDialog">
+      <div class="dialog-two">
+        <div class="close-btn" @click="showDialog=false">
+          <span>×</span>
+        </div>
+        <div class="qrcode-btn">
+          <span>了解更多，欢迎关注</span>
+          <span>数字园区服务小程序</span>
+          <img src="~@/assets/images/xiaochengxuxiao.jpg" alt="">
+          <h3>扫一扫</h3>
         </div>
-      <!--弹窗组件展示区 ------end----->
+      </div>
+    </van-popup>
+    <div class="alerts">
+      <div v-show="show==1" class="dialog-one">
+        <div class="close-btn" @click="show=1">
+          <img src="~@/assets/images/close.png" alt="">
+        </div>
+        <div class="qrcode-btn">
+          <span>了解更多，欢迎关注</span>
+          <span>数字园区小程序</span>
+          <img src="~@/assets/images/xiaochengxuxiao.jpg" alt="">
+        </div>
+      </div>
+
     </div>
+    <!--弹窗组件展示区 ------end----->
+  </div>
 </template>
 
 <script>
-    import {getBridf} from "@/service/api_service";
-    import BaiduMap from 'vue-baidu-map'
-    export default {
-        data () {
-            return {
-                active:1,
-                show:0, //关闭弹窗
-                showDialog:false,
-                zsList:[
-                    {
-                        img:'zs1.png',
-                        name:'专项扶持政策',
-                        eventIndex:1,
-                        detail:''
-                    },
-                    {
-                        img:'zs2.png',
-                        name:'税收优惠',
-                        eventIndex:2,
-                        detail:''
-                    },
-                    {
-                        img:'zs3.png',
-                        name:'奖励措施',
-                        eventIndex:3,
-                        detail:''
-                    },
-                ],
-                briefDetail:{}
-            }
-        },
-        mounted() {
-            document.documentElement.scrollTop = document.body.scrollTop =0; //回到顶部
-          this.getData()
-        },
-        methods: {
-          mapReadyPh({ BMap, map }) {
+import { getBridf } from '@/service/api_service'
+import BaiduMap from 'vue-baidu-map'
+export default {
+    data() {
+        return {
+            active: 1,
+            show: 0, // 关闭弹窗
+            showDialog: false,
+            zsList: [
+                {
+                    img: 'zs1.png',
+                    name: '专项扶持政策',
+                    eventIndex: 1,
+                    detail: ''
+                },
+                {
+                    img: 'zs2.png',
+                    name: '税收优惠',
+                    eventIndex: 2,
+                    detail: ''
+                },
+                {
+                    img: 'zs3.png',
+                    name: '奖励措施',
+                    eventIndex: 3,
+                    detail: ''
+                }
+            ],
+            briefDetail: {}
+        }
+    },
+    mounted() {
+        document.documentElement.scrollTop = document.body.scrollTop = 0 // 回到顶部
+        this.getData()
+    },
+    methods: {
+        mapReadyPh({ BMap, map }) {
             // 选择一个经纬度作为中心点
-            this.point = new BMap.Point(120.327258,31.48935);
-            map.centerAndZoom(this.point, 18);
-            map.enableScrollWheelZoom(true);
-            var marker1 = new BMap.Marker(this.point);
+            this.point = new BMap.Point(120.327258, 31.48935)
+            map.centerAndZoom(this.point, 18)
+            map.enableScrollWheelZoom(true)
+            var marker1 = new BMap.Marker(this.point)
             var opts = {
-              position: this.point, // 指定文本标注所在的地理位置
-              offset: new BMap.Size(-110, -80) // 设置文本偏移量
-            };
+                position: this.point, // 指定文本标注所在的地理位置
+                offset: new BMap.Size(-110, -80) // 设置文本偏移量
+            }
             // 创建文本标注对象
-            var label =  new BMap.Label('数字园区', opts);
+            var label = new BMap.Label('数字园区', opts)
             // 自定义文本标注样式
             label.setStyle({
-              color: 'black',
-              borderRadius: '5px',
-              borderColor: '#ccc',
-              padding: '10px',
-              fontSize: '16px',
-              height: '30px',
-              lineHeight: '30px',
-              fontFamily: '微软雅黑'
-            });
-            map.addOverlay(label);
-            map.addOverlay(marker1);
-          },
-          mapReady({ BMap, map }) {
+                color: 'black',
+                borderRadius: '5px',
+                borderColor: '#ccc',
+                padding: '10px',
+                fontSize: '16px',
+                height: '30px',
+                lineHeight: '30px',
+                fontFamily: '微软雅黑'
+            })
+            map.addOverlay(label)
+            map.addOverlay(marker1)
+        },
+        mapReady({ BMap, map }) {
             // 选择一个经纬度作为中心点
-            this.point = new BMap.Point(120.327258,31.48935);
-            this.points = new BMap.Point(120.324658,31.48935);
-            map.centerAndZoom(this.points, 18);
-            map.enableScrollWheelZoom(true);
-            var marker1 = new BMap.Marker(this.point);
+            this.point = new BMap.Point(120.327258, 31.48935)
+            this.points = new BMap.Point(120.324658, 31.48935)
+            map.centerAndZoom(this.points, 18)
+            map.enableScrollWheelZoom(true)
+            var marker1 = new BMap.Marker(this.point)
             var opts = {
-              position: this.point, // 指定文本标注所在的地理位置
-              offset: new BMap.Size(-110, -80) // 设置文本偏移量
-            };
+                position: this.point, // 指定文本标注所在的地理位置
+                offset: new BMap.Size(-110, -80) // 设置文本偏移量
+            }
             // 创建文本标注对象
-            var label =  new BMap.Label('数字园区', opts);
+            var label = new BMap.Label('数字园区', opts)
             // 自定义文本标注样式
             label.setStyle({
-              color: 'black',
-              borderRadius: '5px',
-              borderColor: '#ccc',
-              padding: '10px',
-              fontSize: '16px',
-              height: '30px',
-              lineHeight: '30px',
-              fontFamily: '微软雅黑'
-            });
-            map.addOverlay(label);
-            map.addOverlay(marker1);
-          },
-            getData() {
-              getBridf({groupId:'870261874875170816'}).then((res)=>{
-                if(res.data){
-                  const det = res.data
-                  if(det.briefImg!==null&&det.briefImg.length>2){
-                    det.brief = this.$common.castEval(det.briefImg)[0].url
-                  }
-                  if(det.environmentImg!==null&&det.environmentImg.length>2){
-                    const environmentImgs = this.$common.castEval(det.environmentImg)
-                    this.environmentImgList=[]
-                    environmentImgs.forEach(i=>{
-                      this.environmentImgList.push(i.url)
-                    })
-                  }
-                  this.briefDetail=det
-                }
-
-              })
-            },
-            detail(index){
-                switch(index) {
-                    case 1:
-                        this.$router.push({path:'/company/detail'})
-                        break;
+                color: 'black',
+                borderRadius: '5px',
+                borderColor: '#ccc',
+                padding: '10px',
+                fontSize: '16px',
+                height: '30px',
+                lineHeight: '30px',
+                fontFamily: '微软雅黑'
+            })
+            map.addOverlay(label)
+            map.addOverlay(marker1)
+        },
+        getData() {
+            getBridf({ groupId: '870261874875170816' }).then((res) => {
+                if (res.data) {
+                    const det = res.data
+                    if (det.briefImg !== null && det.briefImg.length > 2) {
+                        det.brief = this.$common.castEval(det.briefImg)[0].url
+                    }
+                    if (det.environmentImg !== null && det.environmentImg.length > 2) {
+                        const environmentImgs = this.$common.castEval(det.environmentImg)
+                        this.environmentImgList = []
+                        environmentImgs.forEach(i => {
+                            this.environmentImgList.push(i.url)
+                        })
+                    }
+                    this.briefDetail = det
                 }
-
-            }
+            })
         },
-    };
+        detail(index) {
+            switch (index) {
+                case 1:
+                    this.$router.push({ path: '/company/detail' })
+                    break
+            }
+        }
+    }
+}
 </script>
 
 <style scoped>

src/views/finance/detail1.vue

@@ -54,7 +54,7 @@
         },
         mounted() {
             document.documentElement.scrollTop = document.body.scrollTop =0; //回到顶部
-          debugger
+
           this.detail = this.$route.params
         },
         methods: {

src/views/jobs/index.vue

@@ -1,180 +1,180 @@
 <template>
-    <div style="background: #f0f0f0;padding-bottom:50px">
-        <div class="banner">
-            <img src="~@/assets/images/yzrc.jpg" alt="">
-        </div>
-        <div class="bread">
-            <div>
-                <span>当前位置:首页-优质人才</span>
-            </div>
-        </div>
-        <div class="smart-device">
-            <div class="smart-title">
-                <span><span>企业招聘</span>JOBS</span>
-                <i @click="join()">人才入驻</i>
+  <div style="background: #f0f0f0;padding-bottom:50px">
+    <div class="banner">
+      <img src="~@/assets/images/yzrc.jpg" alt="">
+    </div>
+    <div class="bread">
+      <div>
+        <span>当前位置:首页-<span style="color: rgba(75, 175, 227, 1)">优质人才</span></span>
+      </div>
+    </div>
+    <div class="smart-device">
+      <div class="smart-title">
+        <span><span>企业招聘</span>JOBS</span>
+<!--        <i @click="join()">人才入驻</i>-->
+      </div>
+      <div class="smart-device-content">
+        <div class="list-content">
+          <div class="case-list">
+            <div class="case-content">
+              <ul class="list-table">
+                <li v-for="(item,index) in noticeList" :key="index" @click="detail(item)" class="myLi">
+                  <div>
+                    <p>
+                      {{ item.name }}
+                    </p>
+                  </div>
+                  <div>
+                    <p>
+                      {{ item.num }}名
+                    </p>
+                  </div>
+                  <div>
+                    <p>
+                      {{ item.company }}
+                    </p>
+                  </div>
+                  <div>
+                    <p>
+                      发布日期{{ item.createTime }}
+                    </p>
+                  </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 class="smart-device-content">
-                <div class="list-content">
-                    <div class="case-list">
-                        <div class="case-content">
-                            <ul class="list-table">
-                                <li v-for="(item,index) in noticeList" :key="index" @click="detail(item)">
-                                    <div>
-                                        <p>
-                                            {{item.name}}
-                                        </p>
-                                    </div>
-                                    <div>
-                                        <p>
-                                            {{item.num}}名
-                                        </p>
-                                    </div>
-                                    <div>
-                                        <p>
-                                            {{item.company}}
-                                        </p>
-                                    </div>
-                                    <div>
-                                        <p>
-                                            发布日期{{item.createTime}}
-                                        </p>
-                                    </div>
-                                    <div><button>查看详情</button></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 class="case-content-app">
-                            <ul class="list-table">
-                                <li v-for="(item,index) in noticeList" :key="index" @click="detail(item)">
-                                    <div>
-                                        <p class="date-circle">
-                                            {{item.createDate}}
-                                        </p>
-                                    </div>
-                                    <div>
-                                        <p style="font-weight: 600;color: #000;font-size: 0.8rem;">
-                                            {{item.name}}
-                                        </p>
-                                        <p style="font-size: 0.6rem">
-                                            {{item.company}}
-                                        </p>
-                                    </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>
+            <div class="case-content-app">
+              <ul class="list-table">
+                <li v-for="(item,index) in noticeList" :key="index" @click="detail(item)">
+                  <div>
+                    <p class="date-circle">
+                      {{ item.createDate }}
+                    </p>
+                  </div>
+                  <div>
+                    <p style="font-weight: 600;color: #000;font-size: 0.8rem;">
+                      {{ item.name }}
+                    </p>
+                    <p style="font-size: 0.6rem">
+                      {{ item.company }}
+                    </p>
+                  </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>
+      </div>
     </div>
+  </div>
 </template>
 
 <script>
-import {getRecruit} from "@/service/api_service";
+import { getRecruit } from '@/service/api_service'
 import Base from '@/views/base/base'
 import BaseData from '@/views/base/baseData'
 export default {
-  mixins: [Base, BaseData],
-        data () {
-            return {
-                active:1,
-              total:0,
-                currentPage:1,
-                noticeList:[
-                    // {
-                    //     name:'JAVA开发工程师',
-                    //     eventIndex:1,
-                    //     num:12,
-                    //     company:'小艾软件',
-                    //     createTime:'2012-12-12',
-                    // },
-                ],
-              search:{
-                pageSize:10,
-                pageNum:1,
-                state:'1'
-              }
+    mixins: [Base, BaseData],
+    data() {
+        return {
+            active: 1,
+            total: 0,
+            currentPage: 1,
+            noticeList: [
+                // {
+                //     name:'JAVA开发工程师',
+                //     eventIndex:1,
+                //     num:12,
+                //     company:'小艾软件',
+                //     createTime:'2012-12-12',
+                // },
+            ],
+            search: {
+                pageSize: 10,
+                pageNum: 1,
+                state: '1'
             }
-        },
-        mounted() {
-            document.documentElement.scrollTop = document.body.scrollTop =0; //回到顶部
-            this.initBiz().then((res)=>{
-              this.getData()
-            })
-            if (window.history && window.history.pushState) {
-              // 向历史记录中插入了当前页
-              history.pushState(null, null, document.URL)
-              window.addEventListener('popstate', this.goBack, false)
-            }
-        },
-        destroyed() {
-          window.removeEventListener('popstate', this.goBack, false)
-        },
-        methods: {
-          goBack() {
+        }
+    },
+    mounted() {
+        document.documentElement.scrollTop = document.body.scrollTop = 0 // 回到顶部
+        this.initBiz().then((res) => {
+            this.getData()
+        })
+        if (window.history && window.history.pushState) {
+            // 向历史记录中插入了当前页
+            history.pushState(null, null, document.URL)
+            window.addEventListener('popstate', this.goBack, false)
+        }
+    },
+    destroyed() {
+        window.removeEventListener('popstate', this.goBack, false)
+    },
+    methods: {
+        goBack() {
             // console.log("点击了浏览器的返回按钮");
             // sessionStorage.clear()
             // window.history.back()
             // history.pushState(null, null, document.URL)
             this.$router.push({ path: '/' })
-          },
-          handleCurrentChange: function(val) {
+        },
+        handleCurrentChange: function(val) {
             this.search.pageNum = val
             this.getData()
-          },
-          getData(){
+        },
+        getData() {
             const _this = this
-            getRecruit(_this.search).then((res)=>{
-              if(res.rows){
-                this.total = res.total
-                this.noticeList = []
-                  res.rows.forEach((item)=>{
-                    const i ={
-                      name:item.position,
-                      eventIndex:3,
-                      num:item.peopleNumber,
-                      company:_this.BizMap[item.enterpriseId],
-                      createTime:item.createdAt ,
-                      createDate:item.createdAt.substring(5),
-                      workRequire:item.workRequire,
-                      recruitRecruit:item.recruitRecruit,
-                      peopleNumber:item.peopleNumber
-                    }
-                    this.noticeList.push(i)
-                  })
-              }
+            getRecruit(_this.search).then((res) => {
+                if (res.rows) {
+                    this.total = res.total
+                    this.noticeList = []
+                    res.rows.forEach((item) => {
+                        const i = {
+                            name: item.position,
+                            eventIndex: 3,
+                            num: item.peopleNumber,
+                            company: _this.BizMap[item.enterpriseId],
+                            createTime: item.createdAt,
+                            createDate: item.createdAt.substring(5),
+                            workRequire: item.workRequire,
+                            recruitRecruit: item.recruitRecruit,
+                            peopleNumber: item.peopleNumber
+                        }
+                        this.noticeList.push(i)
+                    })
+                }
             })
-          },
-            detail(index){
-              this.$router.push({name:'jobsDetail',params:index})
-            },
-            join(){
-                this.$router.push({path:'/jobs/join'})
-            }
         },
-    };
+        detail(index) {
+            this.$router.push({ name: 'jobsDetail', params: index })
+        },
+        join() {
+            this.$router.push({ path: '/jobs/join' })
+        }
+    }
+}
 </script>
 
 <style scoped>
@@ -248,6 +248,10 @@ export default {
             font-size: 0.8rem;
             cursor: pointer;
         }
+        .myLi:hover{
+          background: rgba(75, 175, 227, 1) !important;
+          color: white;
+        }
         .nav-list li span{
             border-bottom: 2px solid #f0f0f0;
             padding-bottom: 0.8rem;
@@ -436,7 +440,6 @@ export default {
             color: #fff;
         }
 
-
     }
     .list-table{
         width: 100%;
@@ -452,7 +455,7 @@ export default {
         line-height: 2rem;
     }
     .paginationo-box /deep/ .van-pagination__item--active{
-        background: #8366E3!important;
+        background: rgba(75, 175, 227, 1)!important;
         color: #fff!important;
     }
     .paginationo-box /deep/ .van-pagination__item{

src/views/notice/index.vue

@@ -1,200 +1,194 @@
 <template>
-    <div style="background: #f0f0f0;padding-bottom:50px">
-        <div class="banner">
-            <img src="~@/assets/images/yqtz.jpg" alt="">
-        </div>
-        <div class="bread">
-            <div>
-                <span>当前位置:首页-园区通知</span>
-            </div>
-        </div>
-        <div class="smart-device">
-            <div class="smart-title">
-                <span><span>园区通知</span>PARK NOTICE</span>
-            </div>
-<!--          <div class="smart-title" v-else>-->
-<!--            <span style="font-size: 0.7rem;"><span>物业通知</span>INVESTMENT NOTICE</span>-->
-<!--          </div>-->
-            <div class="smart-device-content">
-                <ul class="nav-list">
-                    <li :class="active == 1 ? 'active':''" @click="changeType(1)"><span>园区通知</span></li>
-                    <li :class="active == 2 ? 'active':''" @click="changeType(2)"><span>物业通知</span></li>
-                </ul>
-                <div class="list-content">
-                    <div class="case-list">
-                        <div class="case-content">
-                            <ul class="list-table">
-                                <li v-for="(item,index) in noticeList" :key="index" @click="detail(item)">
-                                    <div>
-                                        <p>
-                                            {{item.createTime}}
-                                        </p>
-                                    </div>
-                                    <div>
-                                        <p class="ino">
-                                            {{item.name}}
-                                        </p>
-                                    </div>
-                                    <div><span>&gt;</span></div>
-                                </li>
-                            </ul>
-                            <div class="paginationo-box">
-                                <van-pagination v-model="params.pageNum" :total-items="total" :show-page-size="8"  @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>
+  <div style="background: #f0f0f0;padding-bottom:50px">
+    <div class="banner">
+      <img src="~@/assets/images/yqtz.jpg" alt="">
+    </div>
+    <div class="bread">
+      <div>
+        <span>当前位置:首页-<span style="color:rgba(75, 175, 227, 1)">园区通知</span></span>
+      </div>
+    </div>
+    <div class="smart-device">
+      <div class="smart-title">
+        <span><span>园区通知</span>PARK NOTICE</span>
+      </div>
+      <!--          <div class="smart-title" v-else>-->
+      <!--            <span style="font-size: 0.7rem;"><span>物业通知</span>INVESTMENT NOTICE</span>-->
+      <!--          </div>-->
+      <div class="smart-device-content">
+        <div class="list-content">
+          <div class="case-list">
+            <div class="case-content">
+              <ul class="list-table">
+                <li v-for="(item,index) in noticeList" :key="index" class="myLi" @click="detail(item)">
+                  <div>
+                    <p>
+                      {{ item.createTime }}
+                    </p>
+                  </div>
+                  <div>
+                    <p class="ino">
+                      {{ item.name }}
+                    </p>
+                  </div>
+                  <div><span>&gt;</span></div>
+                </li>
+              </ul>
+              <div class="paginationo-box">
+                <van-pagination v-model="params.pageNum" :total-items="total" :show-page-size="8" @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>
+      </div>
     </div>
+  </div>
 </template>
 
 <script>
-import {parkNotice,propertyNotice} from "@/service/api_service";
+import { parkNotice, propertyNotice } from '@/service/api_service'
 /**
      * 分页是用的vant框架
      * */
-    export default {
-        data () {
-            return {
-                active:1,
-                currentPage:1,
-                total:0,
-                noticeList:[
-                    {
-                        name:'第一条通知',
-                        eventIndex:1,
-                        detail:'',
-                        createTime:'2012-12-12'
-                    },
-                    {
-                        name:'第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知',
-                        eventIndex:2,
-                        detail:'',
-                        createTime:'2012-12-12'
-                    },
-                    {
-                        img:'zs3.png',
-                        name:'第三条通知第三条通知第三条通知第三条通知第三条通知第三条通知',
-                        eventIndex:3,
-                        detail:'',
-                        createTime:'2012-12-12'
-                    },
-                ],
-              params: {
+export default {
+    data() {
+        return {
+            active: 1,
+            currentPage: 1,
+            total: 0,
+            noticeList: [
+                {
+                    name: '第一条通知',
+                    eventIndex: 1,
+                    detail: '',
+                    createTime: '2012-12-12'
+                },
+                {
+                    name: '第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知',
+                    eventIndex: 2,
+                    detail: '',
+                    createTime: '2012-12-12'
+                },
+                {
+                    img: 'zs3.png',
+                    name: '第三条通知第三条通知第三条通知第三条通知第三条通知第三条通知',
+                    eventIndex: 3,
+                    detail: '',
+                    createTime: '2012-12-12'
+                }
+            ],
+            params: {
                 pageNum: 1,
                 pageSize: 8,
-                status: 'published',
-              },
+                status: 'published'
             }
-        },
-        mounted() {
-            if(this.$route.query.active){
-              this.active = Number(this.$route.query.active)
-            }
-            this.initParkNotice()
-            document.documentElement.scrollTop = document.body.scrollTop =0; //回到顶部
-          if (window.history && window.history.pushState) {
+        }
+    },
+    mounted() {
+        if (this.$route.query.active) {
+            this.active = Number(this.$route.query.active)
+        }
+        this.initParkNotice()
+        document.documentElement.scrollTop = document.body.scrollTop = 0 // 回到顶部
+        if (window.history && window.history.pushState) {
             // 向历史记录中插入了当前页
             history.pushState(null, null, document.URL)
             window.addEventListener('popstate', this.goBack, false)
-          }
-        },
-        destroyed() {
-          window.removeEventListener('popstate', this.goBack, false)
-        },
-        methods: {
-          goBack() {
+        }
+    },
+    destroyed() {
+        window.removeEventListener('popstate', this.goBack, false)
+    },
+    methods: {
+        goBack() {
             // console.log("点击了浏览器的返回按钮");
             // sessionStorage.clear()
             // window.history.back()
             // history.pushState(null, null, document.URL)
             this.$router.push({ path: '/' })
-          },
-          handleCurrentChange: function(val) {
+        },
+        handleCurrentChange: function(val) {
             this.params.pageNum = val
-            if(this.active===1){
-              this.initParkNotice()
-            }else{
-              this.initPropertyNotice()
+            if (this.active === 1) {
+                this.initParkNotice()
+            } else {
+                this.initPropertyNotice()
             }
-          },
-          changeType(active){
-            this.active=active
-            this.params.pageSize=10
-            this.params.pageNum=1
-            if(this.active===1){
-              this.initParkNotice()
-            }else{
-              this.initPropertyNotice()
+        },
+        changeType(active) {
+            this.active = active
+            this.params.pageSize = 10
+            this.params.pageNum = 1
+            if (this.active === 1) {
+                this.initParkNotice()
+            } else {
+                this.initPropertyNotice()
             }
-          },
-          initParkNotice() {
+        },
+        initParkNotice() {
             const _this = this
             // _this.params.parks = '' //绑定园区
             _this.params.type = '1'
             parkNotice(_this.params).then((res) => {
-              console.log(res)
-              this.total = res.total
-              if (res.rows) {
-                _this.noticeList = []
-                res.rows.forEach((item) => {
-                  const jsons = this.getItemJson(item)
-                  const i = {
-                      name:jsons.title,
-                      eventIndex:2,
-                      detail:jsons.content,
-                      source:jsons.source,
-                      createTime:jsons.releaseTime.substr(0,10)
-                  }
-                  _this.noticeList.push(i)
-                })
-              }
+                console.log(res)
+                this.total = res.total
+                if (res.rows) {
+                    _this.noticeList = []
+                    res.rows.forEach((item) => {
+                        const jsons = this.getItemJson(item)
+                        const i = {
+                            name: jsons.title,
+                            eventIndex: 2,
+                            detail: jsons.content,
+                            source: jsons.source,
+                            createTime: jsons.releaseTime.substr(0, 10)
+                        }
+                        _this.noticeList.push(i)
+                    })
+                }
             })
-          },
-          initPropertyNotice() {
+        },
+        initPropertyNotice() {
             const _this = this
             // _this.params.parks = '' //绑定园区
             _this.params.type = '2'
             propertyNotice(_this.params).then((res) => {
-              console.log(res)
-              this.total = res.total
-              if (res.rows) {
-                _this.noticeList = []
-                res.rows.forEach((item) => {
-                  const jsons = this.getItemJson(item)
-                  const i = {
-                    name:jsons.title,
-                    eventIndex:2,
-                    detail:jsons.content,
-                    source:jsons.source,
-                    createTime:jsons.releaseTime.substr(0,10)
-                  }
-                  _this.noticeList.push(i)
-                })
-              }
+                console.log(res)
+                this.total = res.total
+                if (res.rows) {
+                    _this.noticeList = []
+                    res.rows.forEach((item) => {
+                        const jsons = this.getItemJson(item)
+                        const i = {
+                            name: jsons.title,
+                            eventIndex: 2,
+                            detail: jsons.content,
+                            source: jsons.source,
+                            createTime: jsons.releaseTime.substr(0, 10)
+                        }
+                        _this.noticeList.push(i)
+                    })
+                }
             })
-          },
-          getItemJson: function(item) {
+        },
+        getItemJson: function(item) {
             item.releaseTime = this.$common.transServDate(item.releaseTime)
             return item
-          },
-            detail(index){
-            debugger
-              index.active = this.active
-              this.$router.push({name:'noticeDetail',params:index})
-
-            }
         },
-    };
+        detail(index) {
+            index.active = this.active
+            this.$router.push({ name: 'noticeDetail', params: index })
+        }
+    }
+}
 </script>
 
 <style scoped>
@@ -205,6 +199,10 @@ import {parkNotice,propertyNotice} from "@/service/api_service";
         .bread{
             background: #fff;
         }
+        .myLi:hover{
+           background: rgba(75, 175, 227, 1) !important;
+           color: white;
+         }
         .bread div{
             width: 1200px;
             margin: 0 auto;
@@ -213,7 +211,7 @@ import {parkNotice,propertyNotice} from "@/service/api_service";
             font-size: 1rem;
         }
         .smart-title{
-            margin-top:3rem;
+            margin:3rem 0;
         }
         .smart-device{
             width: 1200px;
@@ -393,7 +391,7 @@ import {parkNotice,propertyNotice} from "@/service/api_service";
       text-overflow: ellipsis;
     }
     .paginationo-box /deep/ .van-pagination__item--active{
-        background: #8366E3!important;
+        background: rgba(75, 175, 227, 1)!important;
         color: #fff!important;
     }
     .paginationo-box /deep/ .van-pagination__item{

src/views/services/activities/index.vue

@@ -291,7 +291,7 @@ import BaseData from '@/views/base/baseData'
             overflow: hidden;
         }
         .c-content span{
-            color: #674FB0;
+            color: rgba(75, 175, 227, 1);
         }
         .c-content h3{
             font-size: 1rem;
@@ -331,17 +331,17 @@ import BaseData from '@/views/base/baseData'
         .a-option span:nth-child(2){
             display: inline-block;
             text-align: center;
-            background: #674FB0;
+            background: rgba(75, 175, 227, 1);
             color: #fff;
         }
         .active{
-            background: #674FB0;
+            background: rgba(75, 175, 227, 1);
         }
         .active span{
             color: #fff!important;
         }
         .tabs{
-            border-bottom:2px solid #674FB0!important;
+            border-bottom:2px solid rgba(75, 175, 227, 1)!important;
         }
         .paginationo-box{
             width: 20%;
@@ -415,8 +415,8 @@ import BaseData from '@/views/base/baseData'
             margin: 0 auto;
             display: inline-block;
             text-align: center;
-            border: 1px solid #674FB0;
-            color: #674FB0;
+            border: 1px solid rgba(75, 175, 227, 1);
+            color: rgba(75, 175, 227, 1);
             padding: 0 4px;
         }
         .wrap-device-detail{
@@ -452,7 +452,7 @@ import BaseData from '@/views/base/baseData'
             overflow: hidden;
         }
         .c-content span{
-            color: #674FB0;
+            color: rgba(75, 175, 227, 1);
             margin: 10px 0;
             display: inline-block;
             /*display: none;*/
@@ -505,18 +505,18 @@ import BaseData from '@/views/base/baseData'
         .a-option span:nth-child(2){
             display: inline-block;
             text-align: center;
-            background: #674FB0;
+            background: rgba(75, 175, 227, 1);
             color: #fff;
         }
         .active{
-            background: #674FB0;
+            background: rgba(75, 175, 227, 1);
         }
         .active span{
             color: #fff!important;
         }
     }
     .paginationo-box /deep/ .van-pagination__item--active{
-        background: #8366E3!important;
+        background: rgba(75, 175, 227, 1)!important;
         color: #fff!important;
     }
     .paginationo-box /deep/ .van-pagination__item{

src/views/services/characteristic/index.vue

@@ -1,297 +1,293 @@
 <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 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><router-link :to="{path: '/service/educate'}">园区培训</router-link></li>
+          </ul>
         </div>
-        <div class="bread">
-            <div>
-                <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><router-link :to="{path: '/service/educate'}">园区培训</router-link></li>
-                    </ul>
+      </div>
+    </div>
+    <div class="smart-device">
+      <div class="smart-title">
+        <span><span>服务特色</span>PARK CHARACTERISTIC</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>
-        </div>
-        <div class="smart-device">
-            <div class="smart-title">
-                <span><span>服务特色</span>PARK CHARACTERISTIC</span>
-            </div>
-            <div class="smart-device-content">
+          </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 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="zs-wrap">
-                                <div class="zzfw" v-html="detail.content">
-                                </div>
-<!--                                <ul class="qrcode">-->
-<!--                                    <li>-->
-<!--                                        <div>-->
-<!--                                            <img src="~@/assets/images/qrcode.png" alt="">-->
-<!--                                            <p>园区公众号</p>-->
-<!--                                        </div>-->
-<!--                                    </li>-->
-<!--                                    <li>-->
-<!--                                        <div>-->
-<!--                                            <img src="~@/assets/images/qrcode.png" alt="">-->
-<!--                                            <p>园区小程序</p>-->
-<!--                                        </div>-->
-<!--                                    </li>-->
-<!--                                </ul>-->
-                            </div>
-                        </div>
-                    </li>
+                  <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>
-        </div>
-      <Message :show-dialog="showInfo" @closePop="closeMessage"/>
+          </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="zs-wrap">
+                <div class="zzfw" v-html="detail.content" />
+                <!--                                <ul class="qrcode">-->
+                <!--                                    <li>-->
+                <!--                                        <div>-->
+                <!--                                            <img src="~@/assets/images/qrcode.png" alt="">-->
+                <!--                                            <p>园区公众号</p>-->
+                <!--                                        </div>-->
+                <!--                                    </li>-->
+                <!--                                    <li>-->
+                <!--                                        <div>-->
+                <!--                                            <img src="~@/assets/images/qrcode.png" alt="">-->
+                <!--                                            <p>园区小程序</p>-->
+                <!--                                        </div>-->
+                <!--                                    </li>-->
+                <!--                                </ul>-->
+              </div>
+            </div>
+          </li>
+        </ul>
+      </div>
     </div>
+    <Message :show-dialog="showInfo" @closePop="closeMessage" />
+  </div>
 </template>
 
 <script>
-import {findFeaturesService,professionalList} from "@/service/api_service";
+import { findFeaturesService, professionalList } from '@/service/api_service'
 import Base from '@/views/base/base'
 import BaseData from '@/views/base/baseData'
 import Message from '@/views/message/index'
 export default {
-        components: {
-          Message
-        },
-        mixins: [Base, BaseData],
-        data () {
-            return {
-              dc_key: ['serviceType'],
-                seList:[
-                    {
-                        img:'zs1.png',
-                        name:'专项扶持政策',
-                    },
-                    {
-                        img:'zs1.png',
-                        name:'专项扶持政策',
-                    },
-                    {
-                        img:'zs1.png',
-                        name:'专项扶持政策',
-                    },
-                ],
-                detail:{},
-              showInfo:false
-            }
-        },
-        mounted() {
-          document.documentElement.scrollTop = document.body.scrollTop =0; //回到顶部
-          this.initDict(this.dc_key).then((res) => {
-            debugger
+    components: {
+        Message
+    },
+    mixins: [Base, BaseData],
+    data() {
+        return {
+            dc_key: ['serviceType'],
+            seList: [
+                {
+                    img: 'zs1.png',
+                    name: '专项扶持政策'
+                },
+                {
+                    img: 'zs1.png',
+                    name: '专项扶持政策'
+                },
+                {
+                    img: 'zs1.png',
+                    name: '专项扶持政策'
+                }
+            ],
+            detail: {},
+            showInfo: false
+        }
+    },
+    mounted() {
+        document.documentElement.scrollTop = document.body.scrollTop = 0 // 回到顶部
+        this.initDict(this.dc_key).then((res) => {
             this.findFeatures()
             this.professionalList()
-          })
-
-
+        })
+    },
+    methods: {
+        closeMessage() {
+            this.showInfo = false
         },
-        methods: {
-          closeMessage(){
-            this.showInfo =false
-          },
-          findFeatures(){
+        findFeatures() {
             const _this = this
-            findFeaturesService().then((res)=> {
-              if (res) {
-                _this.detail = res
-                if (_this.detail.content.indexOf('width') !== -1 && _this.detail.content.indexOf('height') !== -1) {
-                  _this.detail.content = _this.detail.content.replace(/width="(\S*)"/, 'width="100%"').replace(/height="(\S*)"/, 'height="100%"')
+            findFeaturesService().then((res) => {
+                if (res) {
+                    _this.detail = res
+                    if (_this.detail.content.indexOf('width') !== -1 && _this.detail.content.indexOf('height') !== -1) {
+                        _this.detail.content = _this.detail.content.replace(/width="(\S*)"/, 'width="100%"').replace(/height="(\S*)"/, 'height="100%"')
+                    }
                 }
-              }
             })
-          },
-          getItemJson: function(item) {
+        },
+        getItemJson: function(item) {
             item.img = eval(item.annex)
             item.serviceType = this.dc_map.serviceType[item.serviceType]
             return item
-          },
-          professionalList(){
+        },
+        professionalList() {
             const _this = this
-            professionalList().then((res)=>{
-              if(res&&res.length>0){
-                _this.seList =[]
-                res.forEach(pg=>{
-                  const json = _this.getItemJson(pg)
-                  const i = {
-                    img:json.img[0].url,
-                    name:json.serviceType,
-                  }
-                  _this.seList.push(i)
-                })
-              }
+            professionalList().then((res) => {
+                if (res && res.length > 0) {
+                    _this.seList = []
+                    res.forEach(pg => {
+                        const json = _this.getItemJson(pg)
+                        const i = {
+                            img: json.img[0].url,
+                            name: json.serviceType
+                        }
+                        _this.seList.push(i)
+                    })
+                }
             })
-          },
-          detail(index){
-              switch(index) {
-                  case 1:
-                      this.$router.push({path:'/service/periphery-detail1'})
-                      break;
-              }
-          },
-          detail2(){
-            this.showInfo =true
-          }
         },
-    };
+        detail(index) {
+            switch (index) {
+                case 1:
+                    this.$router.push({ path: '/service/periphery-detail1' })
+                    break
+            }
+        },
+        detail2() {
+            this.showInfo = true
+        }
+    }
+}
 </script>
 
 <style scoped>
@@ -413,7 +409,7 @@ export default {
             font-weight: 400;
         }
         .tabs{
-            border-bottom:2px solid #674FB0!important;
+            border-bottom:2px solid rgba(75, 175, 227, 1)!important;
         }
         .zs-wrap ul{
             display: flex;
@@ -443,7 +439,7 @@ export default {
             width: 20%;
         }
         .zs-tabs div{
-            background: #674FB0!important;
+            background: rgba(75, 175, 227, 1)!important;
             color: #fff;
         }
         .wyfw{
@@ -464,7 +460,7 @@ export default {
         }
         .wyfw>div>div span:nth-child(1){
             display: inline-block;
-            background: #674FB0;
+            background: rgba(75, 175, 227, 1);
             padding: 0.1rem 1rem;
             color: #fff;
             margin-right: 3rem;
@@ -490,7 +486,7 @@ export default {
             margin: 0!important;
             position: absolute;
             bottom: 0px;
-            background: #674FB0;
+            background: rgba(75, 175, 227, 1);
             width: 100%;
             color: #fff;
             padding: 1.5rem 0;
@@ -500,7 +496,7 @@ export default {
             height: 400px;
         }
         .zz-wrap li:last-child div{
-            background: #674FB0;
+            background: rgba(75, 175, 227, 1);
             height: 100%;
         }
         .zz-wrap li:last-child p{
@@ -574,7 +570,7 @@ export default {
             font-size: 0.8rem;
             color: #333;
             display: inline-block;
-            border-bottom: 2px solid #674FB0;
+            border-bottom: 2px solid rgba(75, 175, 227, 1);
             padding-bottom: 0.5rem;
         }
         .zs-titles span i{
@@ -627,7 +623,7 @@ export default {
             width: 10%;
         }
         .zs-tabs div{
-            background: #674FB0!important;
+            background: rgba(75, 175, 227, 1)!important;
             color: #fff;
         }
         .wyfw{
@@ -681,14 +677,14 @@ export default {
             margin: 0!important;
             position: absolute;
             bottom: 0px;
-            background: #674FB0;
+            background: rgba(75, 175, 227, 1);
             width: 100%;
             color: #fff;
             padding: 0.6rem 0;
             font-size:0.8rem;
         }
         .zz-wrap li:last-child div{
-            background: #674FB0;
+            background: rgba(75, 175, 227, 1);
             height: 100%;
         }
         .zz-wrap li:last-child p{

src/views/services/educate/index.vue

@@ -5,7 +5,7 @@
     </div>
     <div class="bread">
       <div>
-        <span>当前位置:首页-园区培训</span>
+        <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>
@@ -25,14 +25,14 @@
           <div>
             <ul>
               <li v-for="item in trainType" :class="active===item.value?'active':''" @click="changeType(item.value)">
-                <span>{{item.label}}</span>
+                <span>{{ item.label }}</span>
               </li>
-<!--              <li :class="active==0?'active':''" @click="changeType(0)"><span>全部</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==0?'active':''" @click="changeType(0)"><span>全部</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>-->
             </ul>
           </div>
         </div>
@@ -44,26 +44,26 @@
               </div>
               <div class="wrap-content">
                 <div class="c-content">
-                  <span>{{item.createTime}}</span>
-                  <h3>{{item.name}}</h3>
+                  <span>{{ item.createTime }}</span>
+                  <h3>{{ item.name }}</h3>
                 </div>
-                <div class="detail-btn"  v-if="item.onlineOfflineStatus=='线下'">
+                <div v-if="item.onlineOfflineStatus=='线下'" 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==1"class="loading">线下</span>
                   </div>
                   <div class="a-option">
-                    <span>参与人数:{{item.num}}</span>
+                    <span>参与人数:{{ item.num }}</span>
                     <span>查看详情</span>
                   </div>
                 </div>
-                <div class="detail-btn" v-else>
+                <div v-else class="detail-btn">
                   <div class="a-status">
-                    <span class="loading"  style="background:#C5B2ED" >可观看</span>
+                    <span class="loading" style="background:#C5B2ED">可观看</span>
                   </div>
                   <div class="a-option">
-                    <span style="background: #674FB0;color: white">查看详情</span>
+                    <span style="background: rgba(75, 175, 227, 1);color: white">查看详情</span>
                   </div>
                 </div>
               </div>
@@ -87,91 +87,96 @@
 </template>
 
 <script>
-import {websiteTrainInfoPage} from "@/service/api_service";
+import { websiteTrainInfoPage } 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: ['trainType'],
-      active:'',
-      total:0,
-      currentPage:1,
-      zsList:[
-        // {
-        //     img:'n1.png',
-        //     name:'互联网私募如何入门',
-        //     eventIndex:1,
-        //     createTime:'2012-12-12',
-        //     num:1,
-        //     status:1,
-        //     detail:'互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门'
-        // },
+    mixins: [Base, BaseData],
+    data() {
+        return {
+            dc_key: ['trainType'],
+            active: '',
+            total: 0,
+            currentPage: 1,
+            zsList: [
+                // {
+                //     img:'n1.png',
+                //     name:'互联网私募如何入门',
+                //     eventIndex:1,
+                //     createTime:'2012-12-12',
+                //     num:1,
+                //     status:1,
+                //     detail:'互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门'
+                // },
 
-      ],
-      trainType:[],
-      search:{
-        pageSize:10,
-        pageNum:1,
-        publishStatus:'2'
-      }
-    }
-  },
-  mounted() {
-    this.initDict(this.dc_key,true).then((res) => {
-      this.trainType = this.dc_data.trainType
-      this.getData()
-    })
-    document.documentElement.scrollTop = document.body.scrollTop =0; //回到顶部
-  },
-  methods: {
-    changeType(active){
-      this.search.pageNum = 1
-      this.active=active
-      this.getData()
+            ],
+            trainType: [],
+            search: {
+                pageSize: 10,
+                pageNum: 1,
+                publishStatus: '2'
+            }
+        }
     },
-    handleCurrentChange: function(val) {
-      this.search.pageNum = val
-      this.getData()
+    mounted() {
+        this.initDict(this.dc_key, true).then((res) => {
+            this.trainType = [
+                { label: '全部', value: 0 },
+                { label: '培训', value: 1 },
+                { label: '私募', value: 2 },
+                { label: '法务', value: 3 },
+                { label: '财税', value: 4 }
+            ]
+            this.getData()
+        })
+        document.documentElement.scrollTop = document.body.scrollTop = 0 // 回到顶部
     },
-    getData(){
-      if(this.active===0){
-        this.search.trainType=''
-      }else{
-        this.search.trainType=this.active
-      }
-      websiteTrainInfoPage(this.search).then((res)=>{
-        if(res.rows){
-          debugger
-          this.total = res.total
-          this.zsList = []
-          res.rows.forEach(item=>{
-            let url = ''
-            if(item.trainAnnex&&item.trainAnnex.length>2){
-              const annex = this.$common.castEval(item.trainAnnex)
-              url = annex[0].url
+    methods: {
+        changeType(active) {
+            this.search.pageNum = 1
+            this.active = active
+            this.getData()
+        },
+        handleCurrentChange: function(val) {
+            this.search.pageNum = val
+            this.getData()
+        },
+        getData() {
+            if (this.active === 0) {
+                this.search.trainType = ''
+            } else {
+                this.search.trainType = this.active
             }
-            const i = {
-              id:item.id,
-              img:this.$common.replaceWxDownload(url),
-              name:item.trainTitle,
-              createTime:this.$common.transServDate(item.publishDate),
-              num:item.partakeNumber,
-              status:item.registrationStatus,
-              detail:'',
-              onlineOfflineStatus:item.onlineOfflineStatus
-            }
-            this.zsList.push(i)
-          })
+            websiteTrainInfoPage(this.search).then((res) => {
+                if (res.rows) {
+                    this.total = res.total
+                    this.zsList = []
+                    res.rows.forEach(item => {
+                        let url = ''
+                        if (item.trainAnnex && item.trainAnnex.length > 2) {
+                            const annex = this.$common.castEval(item.trainAnnex)
+                            url = annex[0].url
+                        }
+                        const i = {
+                            id: item.id,
+                            img: this.$common.replaceWxDownload(url),
+                            name: item.trainTitle,
+                            createTime: this.$common.transServDate(item.publishDate),
+                            num: item.partakeNumber,
+                            status: item.registrationStatus,
+                            detail: '',
+                            onlineOfflineStatus: item.onlineOfflineStatus
+                        }
+                        this.zsList.push(i)
+                    })
+                }
+            })
+        },
+        detail(index) {
+            this.$router.push({ path: '/service/educate-detail?id=' + index })
         }
-      })
-    },
-    detail(index){
-      this.$router.push({path:'/service/educate-detail?id='+index})
     }
-  },
-};
+}
 </script>
 
 <style scoped>
@@ -300,7 +305,7 @@ export default {
       overflow: hidden;
     }
     .c-content span{
-      color: #674FB0;
+      color: rgba(75, 175, 227, 1);
     }
     .c-content h3{
       font-size: 1rem;
@@ -340,17 +345,17 @@ export default {
     .a-option span:nth-child(2){
       display: inline-block;
       text-align: center;
-      background: #674FB0;
+      background: rgba(75, 175, 227, 1);
       color: #fff;
     }
     .active{
-      background: #674FB0;
+      background: rgba(75, 175, 227, 1);
     }
     .active span{
       color: #fff!important;
     }
     .tabs{
-      border-bottom:2px solid #674FB0!important;
+      border-bottom:2px solid rgba(75, 175, 227, 1)!important;
     }
     .paginationo-box{
       width: 20%;
@@ -424,8 +429,8 @@ export default {
       margin: 0 auto;
       display: inline-block;
       text-align: center;
-      border: 1px solid #674FB0;
-      color: #674FB0;
+      border: 1px solid rgba(75, 175, 227, 1);
+      color: rgba(75, 175, 227, 1);
       padding: 0 4px;
     }
     .wrap-device-detail{
@@ -461,7 +466,7 @@ export default {
       overflow: hidden;
     }
     .c-content span{
-      color: #674FB0;
+      color: rgba(75, 175, 227, 1);
       margin: 10px 0;
       display: inline-block;
       /*display: none;*/
@@ -522,18 +527,18 @@ export default {
     .a-option span:nth-child(2){
       display: inline-block;
       text-align: center;
-      background: #674FB0;
+      background: rgba(75, 175, 227, 1);
       color: #fff;
     }
     .active{
-      background: #674FB0;
+      background: rgba(75, 175, 227, 1);
     }
     .active span{
       color: #fff!important;
     }
   }
   .paginationo-box /deep/ .van-pagination__item--active{
-    background: #8366E3!important;
+    background: rgba(75, 175, 227, 1)!important;
     color: #fff!important;
   }
   .paginationo-box /deep/ .van-pagination__item{

src/views/services/periphery/index.vue

@@ -293,7 +293,7 @@ import Message from '@/views/message/index'
             font-weight: 400;
         }
         .tabs{
-            border-bottom:2px solid #674FB0!important;
+            border-bottom:2px solid rgba(75, 175, 227, 1)!important;
         }
         .zs-wrap ul{
             display: flex;
@@ -335,7 +335,7 @@ import Message from '@/views/message/index'
             width: 20%;
         }
         .zs-tabs div{
-            background: #674FB0!important;
+            background: rgba(75, 175, 227, 1)!important;
             color: #fff;
         }
     }
@@ -437,7 +437,7 @@ import Message from '@/views/message/index'
             width: 20%;
         }
         .zs-tabs div{
-            background: #674FB0!important;
+            background: rgba(75, 175, 227, 1)!important;
             color: #fff;
         }
     }