From 4c390d209b45d516fbe2f7552d26048687c83972 Mon Sep 17 00:00:00 2001
From: chenyao <1219716595@qq.com>
Date: Wed, 05 Aug 2026 14:29:25 +0800
Subject: [PATCH] feat:tab切换太快的时候内容不对应
---
applications/task-work-order/src/views/orderView/deviceInvocation/deviceCallRecord/FormDiaLog.vue | 97 ++++++++++++++++++++++--------------------------
1 files changed, 44 insertions(+), 53 deletions(-)
diff --git a/applications/task-work-order/src/views/orderView/deviceInvocation/deviceCallRecord/FormDiaLog.vue b/applications/task-work-order/src/views/orderView/deviceInvocation/deviceCallRecord/FormDiaLog.vue
index ddb6a4f..b3d1bfb 100644
--- a/applications/task-work-order/src/views/orderView/deviceInvocation/deviceCallRecord/FormDiaLog.vue
+++ b/applications/task-work-order/src/views/orderView/deviceInvocation/deviceCallRecord/FormDiaLog.vue
@@ -2,39 +2,41 @@
<el-dialog class="gd-dialog" v-model="visible" :title="dialogTitle" @closed="handleClosed" destroy-on-close
:close-on-click-modal="false">
<!-- <div class="detail-row-view" v-if="dialogReadonly">-->
- <el-table :data="list" class="gd-dialog-table">
- <el-table-column prop="resultCode" show-overflow-tooltip label="序号" />
- <el-table-column prop="resultCode" show-overflow-tooltip label="设备状态" />
- <el-table-column prop="shootTime" show-overflow-tooltip label="发生时间" />
+ <el-table :data="detailsList" class="gd-dialog-table">
+ <el-table-column type="index" show-overflow-tooltip label="序号" />
+ <el-table-column prop="deviceStatus" show-overflow-tooltip label="设备状态" />
+ <el-table-column prop="occurTime" show-overflow-tooltip label="发生时间" />
</el-table>
+ <div class="gd-pagination-parent">
+ <el-pagination
+ popper-class="gd-select-popper"
+ v-model:current-page="formData.current"
+ v-model:page-size="formData.size"
+ layout="total, prev, pager, next, sizes"
+ :total="total"
+ @change="loadDetail"
+ />
+ </div>
</el-dialog>
</template>
<script setup>
import { computed, onMounted, ref } from 'vue'
import { ElMessage } from 'element-plus'
-import { add, getUser, update } from '@/api/system/user'
+import { getDeviceCallRecordDetails } from './deviceCallRecordApi'
import { getDeptTree } from '@/api/system/dept'
import { getRoleTree } from '@/api/system/role'
import func from '@/utils/func'
import { saveOperationLog } from '@ztzf/apis'
import { useRoute } from 'vue-router'
-const list = ref([])
+const detailsList = ref([])
+const total = ref(0)
const initForm = () => ({
- account: '',
- password: '',
- password2: '',
- realName: '',
- phone: '',
- email: '',
- sex: null,
- birthday: '',
- code: '',
- roleId: '',
- deptId: '',
- // sysType: 6
+ callId: '',
+ size: 10,
+ current: 1
})
const treeProps = {
@@ -63,45 +65,40 @@
const deptTree = ref([])
const route = useRoute()
-const validatePass = (rule, value, callback) => {
- if (value === '') {
- callback(new Error('请输入密码'))
- } else {
- callback()
+
+const statusList = ref(['待机','起飞准备','起飞准备完毕','手动飞行','自动起飞','航线飞行','全景拍照','智能跟随',
+'ADS-B 躲避','自动返航','自动降落','强制降落','三桨叶降落','升级中','未连接','APAS','虚拟摇杆状态','指令飞行','空中 RTK 收敛模式',
+'机场选址中','POI环绕'])
+
+function getStatusText(statusIndex) {
+ // 如果状态索引为 null、undefined 或无效
+ if (statusIndex === null || statusIndex === undefined || statusIndex === '') {
+ return '--';
}
-}
-const validatePass2 = (rule, value, callback) => {
- if (value === '') {
- callback(new Error('请再次输入密码'))
- } else if (value !== formData.value.password) {
- callback(new Error('两次输入密码不一致'))
- } else {
- callback()
+
+ // 将状态索引转换为数字
+ const index = Number(statusIndex);
+
+ // 检查索引是否有效（在数组范围内）
+ if (!isNaN(index) && index >= 0 && index < statusList.value.length) {
+ return statusList.value[index];
}
+
+ // 无效索引返回默认值
+ console.warn(`无效的设备状态索引: ${statusIndex}`);
+ return '未知状态';
}
-async function getRoleTreeData() {
- const res = await getRoleTree('000000')
- roleTree.value = res.data.data
-}
-async function getDeptTreeData() {
- const res = await getDeptTree('000000')
- deptTree.value = res.data.data
-}
function handleCancel() {
visible.value = false
}
async function loadDetail() {
- if (!formData.value.id) return
- const res = await getUser(formData.value.id)
- const data = res?.data?.data ?? {}
- if (data.roleId) {
- data.roleId = func.split(data.roleId)[0] || data.roleId
- }
- formData.value = data
+ const res = await getDeviceCallRecordDetails(formData.value)
+ detailsList.value = res?.data?.data.records || []
+ total.value = res?.data?.data.total || 0
}
function handleClosed() {
@@ -111,17 +108,11 @@
async function open({ mode, row } = {}) {
dialogMode.value = mode || 'add'
visible.value = true
- if (dialogMode.value === 'add') {
- formData.value = initForm()
- return
- }
- formData.value = { id: row.id }
+ formData.value.callId = row.id || ''
await loadDetail()
}
onMounted(() => {
- getRoleTreeData()
- getDeptTreeData()
})
defineExpose({ open })
--
Gitblit v1.9.3