关系图路由添加,检测图斑头部切换列表显示隐藏

src/router/index.js

@@ -107,6 +107,12 @@ export const constantRoutes = [{
             import('@/views/farmlandProtection/indexNew.vue'),
         hidden: true
     },
+    {
+        path: '/echarts',
+        component: () =>
+            import('@/views/farmlandProtection/echarts.vue'),
+        hidden: true
+    },
     {
         path: '/myApplication',
         component: () =>

src/views/farmlandProtection/jctb/index.vue

@@ -1,6 +1,11 @@
 <template>
   <div class="ghzc MonitoringPattern">
-    <div class="innerContainer leftPane" v-drag @click.native.stop>
+    <div
+      class="innerContainer leftPane"
+      v-drag
+      @click.native.stop
+      v-show="allShow"
+    >
       <h2 class="Pangetitle darg-div">
         <span class="pange_text">监测图斑管理</span>
         <span class="exportBtn">导入</span>
@@ -164,6 +169,7 @@ export default {
         val1: "",
         val2: "",
       },
+      allShow: true, //面板默认显示
     };
   },
   mounted() {
@@ -275,6 +281,11 @@ export default {
     imgIndex(val) {
       this.$refs.carousel.setActiveItem(val);
     },
+    allShow(val) {
+      console.log(val,'====');
+      // this.$refs.carousel.setActiveItem(val);
+      this.$emit("updateParent", "isHeader", val);
+    },
     // isShowTb(val) {
     //   this.$refs.tbDetails.onClick(val);
     // },