feat:调整加载

张含笑

2026-01-27 dd57e0e9a989e7ee8b3e3473a7ee6a1dff06a4ae

 applications/task-work-order/src/views/orderView/orderManage/clueEvents/ViewDiaLog.vue

@@ -1,44 +1,45 @@
<template>
   <el-dialog class="gd-dialog" :close-on-click-modal="false" v-model="visible" title="查看" @closed="visible = false" width="1000px" destroy-on-close>
      <div class="" v-loading="loading">
         <div class="gd-table-content-bg">
            <el-table :data="list">
               <el-table-column label="线索缩略图" width="120">
                  <template v-slot="{ row }">
                     <el-image
                        v-if="row.resultUrl"
                        :src="row.resultUrl"
                        :preview-src-list="[row.resultUrl]"
                        fit="cover"
                        style="width: 80px; height: 60px"
                        preview-teleported
                     />
                     <span v-else>-</span>
                  </template>
               </el-table-column>
               <el-table-column prop="resultCode" show-overflow-tooltip label="线索编号" />
               <el-table-column prop="shootTime" show-overflow-tooltip label="拍摄时间" />
               <el-table-column label="线索位置" show-overflow-tooltip>
                  <template v-slot="{ row }">
                     {{ formatLocation(row) }}
                  </template>
               </el-table-column>
               <el-table-column prop="distributeStatus" show-overflow-tooltip label="线索状态">
                  <template v-slot="{ row }">
                     {{ getDistributeStatusLabel(row.distributeStatus) }}
                  </template>
               </el-table-column>
               <el-table-column prop="distributeDeptName" show-overflow-tooltip label="分发部门" />
               <el-table-column prop="distributeUserName" show-overflow-tooltip label="分发人员" />
               <el-table-column label="操作" class-name="operation-btns" width="140">
                  <template v-slot="{ row }">
                     <el-link @click="openDistributeDialog(row)" :disabled="row.distributeStatus === 1">
                        转为事件并分发
                     </el-link>
                  </template>
               </el-table-column>
            </el-table>
         </div>
   <el-dialog class="gd-dialog" v-model="visible" title="查看" @closed="visible = false" width="1000px" destroy-on-close>
      <div v-loading="loading">
         <el-table :data="list">
            <el-table-column label="线索缩略图" width="120">
               <template v-slot="{ row }">
                  <el-image
                     v-if="row.resultUrl"
                     :src="row.resultUrl"
                     :preview-src-list="[row.resultUrl]"
                     fit="cover"
                     style="width: 80px; height: 60px"
                     preview-teleported
                  />
                  <span v-else>-</span>
               </template>
            </el-table-column>
            <el-table-column prop="resultCode" show-overflow-tooltip label="线索编号" />
            <el-table-column prop="shootTime" show-overflow-tooltip label="拍摄时间" />
            <el-table-column label="线索位置" show-overflow-tooltip>
               <template v-slot="{ row }">
                  {{ formatLocation(row) }}
               </template>
            </el-table-column>
            <el-table-column prop="distributeStatus" show-overflow-tooltip label="线索状态">
               <template v-slot="{ row }">
                  {{ getDistributeStatusLabel(row.distributeStatus) }}
               </template>
            </el-table-column>
            <el-table-column prop="distributeDeptName" show-overflow-tooltip label="分发部门" />
            <el-table-column prop="distributeUserName" show-overflow-tooltip label="分发人员" />
            <el-table-column label="操作" class-name="operation-btns" width="140">
               <template v-slot="{ row }">
                  <el-link  type="primary"
                                 @click="openDistributeDialog(row)"
                                 :disabled="!requester || (row.distributeStatus === 1 || currentRow.taskStatus !== '8')"
                  >
                     转为事件并分发
                  </el-link>
               </template>
            </el-table-column>
         </el-table>
      </div>

      <template #footer>
@@ -59,6 +60,10 @@
import { gdTaskResultListApi } from './achievementApi'
import DistributeDiaLog from './DistributeDiaLog.vue'

const store = useStore()
const requester = computed(() => store.state.user.userInfo?.role_id === '2014158512610869250')
const activeName = ref('all')

const visible = defineModel()
const loading = ref(false)
const list = ref([])
@@ -71,6 +76,7 @@
   { label: '未分发', value: 0 },
   { label: '已分发', value: 1 },
   { label: '已驳回', value: 2 },
   { label: '已确认', value: 3 },
]

// 获取分发状态标签
@@ -119,4 +125,9 @@
defineExpose({ open })
</script>

<style lang="scss" scoped></style>
<style lang="scss" scoped>
   .disabled-text {
      color: #C0C4CC;
      cursor: not-allowed;
   }
</style>