1

src/views/dynamic/index.vue

@@ -20,6 +20,12 @@
         </div>
       </el-col>
     </el-row>
+    <el-dialog title="展会服务" :visible.sync="zhfwdialog" width="60%" :before-close="handleClose">
+      展会服务
+    </el-dialog>
+    <el-dialog title="建言献策" :visible.sync="jyxcdialog" width="60%" :before-close="handleClose">
+      建言献策
+    </el-dialog>
   </div>
 </template>
 
@@ -63,14 +69,28 @@ export default {
         title: '举报邮箱',
       },
     ],
+    // 展会服务
+    zhfwdialog: false,
+    // 建言献策
+    jyxcdialog: false,
   }),
   created() {},
   computed: {},
   methods: {
     show(data) {
       if (data.title == '展会服务') {
+        this.zhfwdialog = true;
+      } else if (data.title == '建言献策') {
+        this.jyxcdialog = true;
       }
     },
+    // 公共关闭
+    handleClose() {
+      // 展会服务
+      this.zhfwdialog = false;
+      // 建言献策
+      this.jyxcdialog = false;
+    },
   },
 };
 </script>

src/views/dynamic/parts/gzcy.vue

@@ -12,7 +12,7 @@
           </el-col>
         </el-col>
         <el-col :span="24" class="info">
-          <el-col :span="8" class="list" v-for="(item, index) in list" :key="index" @click="show(item)">
+          <el-col :span="8" class="list" v-for="(item, index) in list" :key="index" @click.native="show(item)">
             <el-image :src="item.url" style="width:150px;height:130px"></el-image>
             <p>{{ item.title }}</p>
           </el-col>