feat: 工厂订单（NEW）操作单展示客户标签 #1009511

src/types/api/factoryOrderNew/index.ts

@@ -165,6 +165,7 @@ export interface operateOrderListData {
   warehouseId?: number
   warehouseId?: number
   namespace?: string
   namespace?: string
   statusName?: string
   statusName?: string
+  tagsId?: string
   [key: string]: unknown
   [key: string]: unknown
 }
 }
 
 

src/views/order/factoryOrderNew/component/CardLayout.vue

@@ -45,6 +45,11 @@
                   缺
                   缺
                 </div>
                 </div>
               </el-tooltip>
               </el-tooltip>
+              <span v-if="item.tagsId" class="flex-row flex-row-gap6">
+                <el-tag v-for="tag in getItemTags(item.tagsId)" :key="tag.id">
+                  {{ tag.name }}
+                </el-tag>
+              </span>
             </template>
             </template>
             <template #top_right>
             <template #top_right>
               <img
               <img
@@ -306,6 +311,7 @@ const props = defineProps<{
   status?: string
   status?: string
   queryPayload?: Record<string, unknown>
   queryPayload?: Record<string, unknown>
   initPageSize?: number
   initPageSize?: number
+  tagList?: { id: string; name: string }[]
   fetchList?: CardLayoutListFetcher
   fetchList?: CardLayoutListFetcher
 }>()
 }>()
 
 
@@ -356,6 +362,16 @@ const rightClickItem = ref<operateOrderListData | null>(null)
 const isSelected = (item: operateOrderListData) =>
 const isSelected = (item: operateOrderListData) =>
   selectedItems.value.some((s) => s.id === item.id)
   selectedItems.value.some((s) => s.id === item.id)
 
 
+const getItemTags = (tagsId?: string) => {
+  if (!tagsId || !props.tagList?.length) return []
+  return tagsId
+    .split(',')
+    .map((id) => id.trim())
+    .filter(Boolean)
+    .map((id) => props.tagList!.find((tag) => String(tag.id) === id))
+    .filter((tag): tag is { id: string; name: string } => !!tag)
+}
+
 const handleCardClick = (item: operateOrderListData) => {
 const handleCardClick = (item: operateOrderListData) => {
   const idx = selectedItems.value.findIndex((s) => s.id === item.id)
   const idx = selectedItems.value.findIndex((s) => s.id === item.id)
   if (idx >= 0) {
   if (idx >= 0) {
@@ -432,13 +448,13 @@ const openLogDialog = async (item: operateOrderListData) => {
   })
   })
   try {
   try {
     const res = await getFactoryOrderNewLogApi(item.podOrderId as number)
     const res = await getFactoryOrderNewLogApi(item.podOrderId as number)
-      logList.value = (res.data || []) as unknown as LogListData[]
-      logVisible.value = true
-    } catch (e) {
-      // ignore
-    } finally {
-      loading.close()
-    }
+    logList.value = (res.data || []) as unknown as LogListData[]
+    logVisible.value = true
+  } catch (e) {
+    // ignore
+  } finally {
+    loading.close()
+  }
 }
 }
 
 
 const clearSelection = () => {
 const clearSelection = () => {
@@ -555,8 +571,8 @@ defineExpose({ clearSelection, getSelectedIds, refresh })
 }
 }
 
 
 .product-mark-badge {
 .product-mark-badge {
-  border: 2px solid #F56C6C;
-  color: #F56C6C;
+  border: 2px solid #f56c6c;
+  color: #f56c6c;
   font-weight: 700;
   font-weight: 700;
   height: 28px;
   height: 28px;
   width: 28px;
   width: 28px;

src/views/order/factoryOrderNew/index.vue

@@ -782,6 +782,7 @@
           ref="cardLayoutRef"
           ref="cardLayoutRef"
           :status="listQueryStatus"
           :status="listQueryStatus"
           :query-payload="getListQueryPayload()"
           :query-payload="getListQueryPayload()"
+          :tag-list="customTagList"
           @selection-change="handleCardSelectionChange"
           @selection-change="handleCardSelectionChange"
           @view-detail="handleViewDetail"
           @view-detail="handleViewDetail"
         />
         />