便利

src/views/track-status/index.vue

@@ -16,7 +16,7 @@
           <el-divider />
           <div>
             <template v-for="(key, keyIndex) in item.keyList">
-              <div>{{keyIndex + 1}}、{{key}}</div>
+              <div :style="`color: ${key.apiData ? '' : 'red'}`">{{keyIndex + 1}}、{{key.key}}_{{key.apiData || '无信号'}}</div>
             </template>
           </div>
         </el-card>
@@ -107,7 +107,7 @@ export default defineComponent({
       showGroupDialog: false,
       groupForm: {},
       showKeyDialog: false,
-      keyForm: {}
+      keyForm: {},
     })
     const ref_groupForm = ref()
     const ref_keyForm = ref()
@@ -176,7 +176,7 @@ export default defineComponent({
     const onSaveKey = () => {
       ref_keyForm.value.submit().then(() => {
         console.log(state.keyForm)
-        const kList = [...state.keyForm.group.keyList, state.keyForm.key]
+        const kList = [...state.keyForm.group.keyList, {key: state.keyForm.key}]
         const obj = {
           name: state.keyForm.group.name,
           second: state.keyForm.group.second,
@@ -197,8 +197,23 @@ export default defineComponent({
         }
       })
     }
-    const onStartKey = (group) => {}
-    const onStopKey = (group) => {}
+    const onStartKey = (group) => {
+      group.isStart = true
+      const handle = () => {
+        group.keyList.forEach(v => {
+          v.apiData = '123'
+        })
+      }
+      handle()
+      group.interval = setInterval(() => {
+        handle()
+      }, 1000 * group.second)
+    }
+    const onStopKey = (group) => {
+      group.isStart = false
+      clearInterval(group.interval)
+      group.interval = null
+    }
     onMounted(() => {
     })
     return {