状态

src/views/final/content/Content.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import type { DataTableColumns, DataTableRowKey, PaginationProps } from 'naive-ui'
 import { NDataTable, useDialog, useMessage } from 'naive-ui'
-import { computed, h, nextTick, onMounted, onUnmounted, reactive, ref, unref, watch } from 'vue'
+import { computed, h, nextTick, onBeforeMount, onMounted, onUnmounted, reactive, ref, unref, watch } from 'vue'
 import { rowPropKeys } from 'naive-ui/es/legacy-grid/src/Row'
 import { Action, CustomTabelModal, ImportExcelModal, RepeatModal, RepeatTaskTableModal } from '../comp'
 import { getFinalList } from '@/api/final'
@@ -14,11 +14,15 @@ import { useUser } from '@/store/modules/user'
 import { useFinal } from '@/store/modules/final'
 import { getViewportOffset } from '@/utils/domUtils'
 import { isBoolean } from '@/utils/is'
+import { useDictionary } from '@/store/modules/dictonary'
 import ConfrimModal from '@/views/task/modal/ConfrimModal.vue'
 import type { ApprovalParam } from '/#/api'
 import emitter from '@/utils/mitt'
 import { formatToDateHMS } from '@/utils/dateUtil'
 
+const dicStore = useDictionary()
+const izstatusList = ref([])
+
 const columns: DataTableColumns<RowData> = [
   {
     type: 'selection',
@@ -59,7 +63,8 @@ const columns: DataTableColumns<RowData> = [
         return h(SvgIcon, { name: 'sort-3' })
     },
     render(row: any) {
-      return row.states
+      const item: any = izstatusList.value.find((item: any) => item.value == row.states)
+      return item ? item.label : ''
     },
   },
   {
@@ -134,6 +139,14 @@ onMounted(() => {
   })
 })
 
+onBeforeMount(() => {
+  dicStore.fetchizstatusListt()
+})
+
+watch(() => dicStore.izstatusList, (newval) => {
+  izstatusList.value = newval
+})
+
 onUnmounted(() => {
   emitter.off('filter-final', refreshHandler)
 })