列表工艺类型取中文

src/views/order/podUs/index.vue

@@ -3044,7 +3044,7 @@
     :uploadList="uploadList"
   ></uploadBox>
 </template>
-<script setup lang="ts">
+<script setup lang="tsx">
 import LogisticsWaySelect from '../../logistics/components/LogisticsWaySelect.tsx'
 import { getUserMarkList } from '@/api/common'
 // import { AnyObject } from '@/types/api/warehouse'
@@ -3161,7 +3161,7 @@ import {
   CircleCheckFilled,
 } from '@element-plus/icons-vue'
 import { Column, ElFormItem, ElMessage } from 'element-plus'
-import { computed, onMounted, ref, nextTick, reactive } from 'vue'
+import { computed, onMounted, ref, nextTick, reactive, render } from 'vue'
 import FastProduction from './FastProduction.vue'
 import { filePath } from '@/api/axios'
 import PodMakeOrder from './PodMakeOrder.vue'
@@ -3671,6 +3671,36 @@ const handleReComposingDesign = async () => {
     typesettingRow.value = undefined
   }
 }
+interface ProcessTypeData {
+  label: string
+  value:string
+}
+const processType = ref<ProcessTypeData[]>([
+  {
+    label: '烫画',
+    value: 'TH',
+  },
+  {
+    label: '直喷',
+    value: 'ZP',
+  },
+  {
+    label: '刺绣',
+    value: 'CX',
+  },
+  {
+    label: '雕刻',
+    value: 'DK',
+  },
+  {
+    label: '白胚',
+    value: 'BP',
+  },
+  {
+    label: '其他',
+    value: 'QT',
+  },
+])
 const tableColumns = computed(() => {
   let arr = []
   if (status.value === 'BATCH_DOWNLOAD') {
@@ -3711,6 +3741,11 @@ const tableColumns = computed(() => {
         width: 150,
         prop: 'craftType',
         align: 'center',
+        render: (item:ProductList) => (
+          <div>
+            <span>{processType.value.find((e) => e.value === item.craftType)?.label}</span>
+          </div>
+        )
       },
 
       {
@@ -6023,32 +6058,7 @@ const loadWarehouseList = async () => {
     console.error(e)
   }
 }
-const processType = ref([
-  {
-    label: '烫画',
-    value: 'TH',
-  },
-  {
-    label: '直喷',
-    value: 'ZP',
-  },
-  {
-    label: '刺绣',
-    value: 'CX',
-  },
-  {
-    label: '雕刻',
-    value: 'DK',
-  },
-  {
-    label: '白胚',
-    value: 'BP',
-  },
-  {
-    label: '其他',
-    value: 'QT',
-  },
-])
+
 // 获取工艺列表
 const craftList = ref<IAllList[]>([])