更新

src/views/service/index.vue

@@ -9,7 +9,7 @@
                 <el-col class="lefttop" :span="24"><span class="title"> |</span> 本地服务</el-col>
                 <ul>
                   <li class="zhengwuList" v-for="(item, index) in zhengwuList" :key="index">
-                    <a @click="$router.push({ path: '/live/service/list', query: { column_name: item.title } })">
+                    <a @click="zhengwuBtn(item)">
                       <el-image style="width:64px;height:64px;" :src="item.pic"></el-image>
                       <p>{{ item.title }}</p>
                     </a>
@@ -20,7 +20,7 @@
                 <div class="lefttop"><span class="title"> |</span> 合作服务</div>
                 <ul>
                   <li class="serviceList" v-for="(item, index) in serviceList" :key="index">
-                    <a>
+                    <a @click="serviceBtn(index)">
                       <el-image style="width:64px;height:64px;" :src="item.pic"></el-image>
                       <p>{{ item.title }}</p>
                     </a>
@@ -32,7 +32,7 @@
               <div class="contexttop"><span class="title"> |</span> 公众参与</div>
               <ul>
                 <li v-for="(item, index) in gongzhongList" :key="index">
-                  <a href="">
+                  <a @click="bendiserviceBtn(index)">
                     <el-image :src="item.pic"></el-image>
                   </a>
                 </li>
@@ -140,8 +140,24 @@ export default {
   },
   created() {},
   methods: {
-    bendiservice(item) {
-      console.log(item);
+    bendiserviceBtn(index) {
+      this.$message({
+        message: '功能开发中',
+      });
+    },
+    zhengwuBtn(item) {
+      if (item.title == '展会管理') {
+        this.$router.push({ path: '/live/service/list', query: { column_name: item.title } });
+      } else {
+        this.$message({
+          message: '功能开发中',
+        });
+      }
+    },
+    serviceBtn(index) {
+      this.$message({
+        message: '功能开发中',
+      });
     },
   },
   computed: {

src/views/service/list.vue

@@ -90,6 +90,7 @@ export default {
       { name: '高企认证' },
     ],
     menuColor: 'rgb(254, 149, 14)',
+    backColor: 'rgb(204,204,204)',
     menuIndex: '0',
     menuIndexs: '0',
     columnName: '',
@@ -112,14 +113,26 @@ export default {
       if (this.column_name == '绩效评价') this.changeMenu(this.$route.query.column_name, 5);
     },
     changeMenu(name, index) {
-      this.menuIndex = index;
-      this.columnName = name;
-      this.menuColor = 'rgb(254, 149, 14)';
+      // this.menuIndex = index;
+      // this.columnName = name;
+      // this.menuColor = 'rgb(254, 149, 14)';
+      if (index == 1) {
+        this.menuIndex = index;
+        this.columnName = name;
+        this.menuColor = 'rgb(254, 149, 14)';
+      } else {
+        this.$message({
+          message: '功能开发中',
+        });
+      }
     },
     changeMenus(name, index) {
-      this.menuIndexs = index;
-      this.columnName = name;
-      this.menuColor = 'rgb(254, 149, 14)';
+      // this.menuIndexs = index;
+      // this.columnName = name;
+      // this.menuColor = 'rgb(254, 149, 14)';
+      this.$message({
+        message: '功能开发中',
+      });
     },
   },
 };