From d667fce729c223e885930bb8edb528ab501b8d6a Mon Sep 17 00:00:00 2001 From: hcong <1050828145@qq.com> Date: 星期二, 26 十一月 2024 16:57:53 +0800 Subject: [PATCH] 1. 移动socket客户端类、新增socket/index.js文件(初始化) 2. socketMessage枚举类的完善(增加对每个类型的英文描述字段以及对类型筛选和判断是否为心跳消息的工具方法) 3. 在FYBgTaskCard.vue监听并处理如何刷后台任务状态逻辑 --- src/views/fysp/support/JingAnSupport.vue | 77 +++++--------------------------------- 1 files changed, 10 insertions(+), 67 deletions(-) diff --git a/src/views/fysp/support/JingAnSupport.vue b/src/views/fysp/support/JingAnSupport.vue index ad2c9a4..1a0cc17 100644 --- a/src/views/fysp/support/JingAnSupport.vue +++ b/src/views/fysp/support/JingAnSupport.vue @@ -1,72 +1,15 @@ <template> - <FYOptionTime :initValue="true" type="date" v-model:value="updateTime"></FYOptionTime> - <el-button type="primary" @click="fetchNewDevice">鏌ヨ鏂拌澶�</el-button> - <el-button type="primary" @click="fetchNewConstruction">鏌ヨ鏂板伐鍦�</el-button> - <el-row> - <el-col :span="12"> - <el-text>鏂拌澶�</el-text> - <div v-for="item in deviceList" :key="item.id"> - <div>{{ item.id }}</div> - <div>{{ item.code }}</div> - <div>{{ item.name }}</div> - <div>{{ item.address }}</div> - <div>{{ item.status }}</div> - <span>{{ item.createTime }} |</span> - <span>{{ item.updateTime }} |</span> - <span>{{ item.remark }} |</span> - <span>{{ item.lon }} |</span> - <span>{{ item.lat }}</span> - </div> - </el-col> - <el-col :span="12"> - <el-text>鏂板伐鍦�</el-text> - <div v-for="item in constructionList" :key="item.id"> - <div>{{ item.id }}</div> - <div>{{ item.code }}</div> - <div>{{ item.name }}</div> - <div>{{ item.address }}</div> - <div>{{ item.street }}</div> - <div>{{ item.status }}</div> - <span>{{ item.lon }} |</span> - <span>{{ item.lat }}</span> - <span>{{ item.score }} |</span> - <span>{{ item.grade }}</span> - <span>{{ item.subTaskId }} |</span> - <span>{{ item.createTime }} |</span> - </div> - </el-col> - </el-row> + <el-tabs type="border-card"> + <el-tab-pane label="鏂拌澶�"> + <NewDevice></NewDevice> + </el-tab-pane> + <el-tab-pane label="鏂板伐鍦�"> + <NewConstruction></NewConstruction> + </el-tab-pane> + </el-tabs> </template> <script setup> -import { ref } from 'vue'; -import dayjs from 'dayjs'; -import constructionApi from '@/api/additional-jingan/constructionApi'; -import { useFetchData } from '@/composables/fetchData'; - -const { loading, fetchData } = useFetchData(); - -const updateTime = ref(); -const deviceList = ref([]); -const constructionList = ref([]); - -// 鏌ヨ闇�纭鐨勮澶囨竻鍗� -function fetchNewDevice() { - const param = dayjs(updateTime.value).format('YYYY-MM-DD HH:mm:ss'); - fetchData(() => { - return constructionApi.queryDevice(param).then((res) => { - deviceList.value = res.data; - }); - }); -} - -// 鏌ヨ鏂板缓宸ュ湴 -function fetchNewConstruction() { - const param = dayjs(updateTime.value).format('YYYY-MM-DD HH:mm:ss'); - fetchData(() => { - return constructionApi.queryGdNew(param).then((res) => { - constructionList.value = res.data; - }); - }); -} +import NewDevice from './NewDevice.vue'; +import NewConstruction from './NewConstruction.vue'; </script> <style scoped></style> -- Gitblit v1.9.3