地图、心跳切换隐藏

src/views/track-status/index.vue

@@ -2,6 +2,8 @@
   <div class="main">
     <div class="main-head">
       <el-button type="primary" @click="onAddGroup">新增分组</el-button>
+      显示心跳：<el-switch v-model="showAllChart"/>
+      显示地图：<el-switch v-model="showAllMap"/>
     </div>
     <div class="main-content">
       <template v-for="item in group">
@@ -20,9 +22,9 @@
             <template v-for="(key, keyIndex) in item.keyList">
               <div :style="`color: ${key.online ? '' : 'red'}`">
                 {{keyIndex + 1}}、{{key.key}}<el-button v-if="!item.isStart" type="danger" size="small" @click="onDelKey(item, key)">删除</el-button>
-                <template v-if="item.isStart">
+                <template v-if="item.isStart && (showAllMap || showAllChart)">
                   <div class="key-content">
-                    <div class="key-position">
+                    <div class="key-position" v-if="showAllMap">
                       <EasyMapComponent
                           v-if="key.online"
                           class="map"
@@ -30,7 +32,7 @@
                       />
                       <div v-else>无信号</div>
                     </div>
-                    <div class="key-heart">
+                    <div class="key-heart" v-if="showAllChart">
                       <HeartLineChart :data="key.apiData"/>
                     </div>
                   </div>
@@ -133,6 +135,8 @@ export default defineComponent({
       groupForm: {},
       showKeyDialog: false,
       keyForm: {},
+      showAllChart: true,
+      showAllMap: true,
     })
     const ref_groupForm = ref()
     const ref_keyForm = ref()