no message

src/mixin/orderListColumn.js

@@ -1,12 +1,14 @@
-
-import ywgdjs from "@/assets/ywgdjs.png"
-import yjs from "@/assets/yjs.png"
-
+import v4 from '@/assets/order/4.0@2x.png'
+import gc from '@/assets/order/工程@2x.png'
+import jj from '@/assets/order/加急@2x.png'
+import ls from '@/assets/order/零售@2x.png'
+import yjs from '@/assets/order/已结算@2x.png'
+import ywg from '@/assets/order/已完工待结算@2x@2x.png'
+import yc from '@/assets/order/异常@2x.png'
+import zj from '@/assets/order/自建@2x.png'
 export default {
   data() {
-    return {
-
-    }
+    return {}
   },
   methods: {
     // 表格列解析渲染数据更改
@@ -16,14 +18,22 @@ export default {
           return (
             <div style="padding:0 6px;display:flex;align-items:center;">
               {(row[column.columnAttributes.prop] || []).map(item => {
-                if (item.tagName == "已完工") {
-                  return (
-                    <img src={ywgdjs} style="width:16px;height:16px;margin:0 3px;" />
-                  )
-                } else if (item.tagName == "已结算") {
-                  return (
-                    <img src={yjs} style="width:16px;height:16px;margin:0 3px;" />
-                  )
+                if (item.tagName == '4.0工单') {
+                  return <img src={v4} style="width:20px;height:20px;margin:0 3px;" />
+                } else if (item.tagName == '工程') {
+                  return <img src={gc} style="width:20px;height:20px;margin:0 3px;" />
+                } else if (item.tagName == '加急') {
+                  return <img src={jj} style="width:20px;height:20px;margin:0 3px;" />
+                } else if (item.tagName == '零售') {
+                  return <img src={ls} style="width:20px;height:20px;margin:0 3px;" />
+                } else if (item.tagName == '已结算') {
+                  return <img src={yjs} style="width:20px;height:20px;margin:0 3px;" />
+                } else if (item.tagName == '已完工') {
+                  return <img src={ywg} style="width:20px;height:20px;margin:0 3px;" />
+                } else if (item.tagName == '异常') {
+                  return <img src={yc} style="width:20px;height:20px;margin:0 3px;" />
+                } else if (item.tagName == '自建工单') {
+                  return <img src={zj} style="width:20px;height:20px;margin:0 3px;" />
                 } else {
                   return (
                     <div style="display: inline-block;border:1px solid #409EFF; color:#409EFF;padding:4px;border-radius: 4px;margin:2px 2px 0 0; font-size: 12px!important; line-height: 12px !important;">
@@ -40,33 +50,39 @@ export default {
         defaultData.render = (h, { row, index, column }) => {
           return (
             <div style="padding:0 6px;cursor: pointer;">
-              {row[column.columnAttributes.prop] ? row[column.columnAttributes.prop].split(" ")[0] : ""}
+              {row[column.columnAttributes.prop] ? row[column.columnAttributes.prop].split(' ')[0] : ''}
             </div>
           )
         }
       }
-      if (item.jname === "orderStatus") {
+      if (item.jname === 'orderStatus') {
         defaultData.render = (h, { row, index, column }) => {
           var colors = {
-            DJD: "#00acff",
-            DSHPG: "#ff27bf",
-            DWDPG: "#236cfe",
-            DYY: "#0d07ff",
-            FWZ: "#00ee5a",
-            YCD: "#ff3030",
-            YJS: "#02b100",
-            YQX: "#ffbd2f",
-            YWG: "#f77233",
-            DQD:"#179f00",
+            DJD: '#00acff',
+            DSHPG: '#ff27bf',
+            DWDPG: '#236cfe',
+            DYY: '#0d07ff',
+            FWZ: '#00ee5a',
+            YCD: '#ff3030',
+            YJS: '#02b100',
+            YQX: '#ffbd2f',
+            YWG: '#f77233',
+            DQD: '#179f00'
           }
           return (
-            <div style={`padding:0 6px;cursor: pointer;color:${colors[Object.entries(row.selectMapData.orderStatus).find(([key, val]) => val == row.orderStatus)?.[0] || '']};`}>
+            <div
+              style={`padding:0 6px;cursor: pointer;color:${
+                colors[
+                  Object.entries(row.selectMapData.orderStatus).find(([key, val]) => val == row.orderStatus)?.[0] || ''
+                ]
+              };`}
+            >
               {row[column.columnAttributes.prop]}
             </div>
           )
         }
       }
       return defaultData
-    },
+    }
   }
 }

src/views/workOrder/workOrderPool/index.vue

@@ -77,6 +77,28 @@
           <Reassignment v-if="reassignmentBool" :recordSelected="recordSelected" @close="reassignmentClose" />
         </el-dialog>
       </div>
+      <div class="tubiao">
+        <span style="margin-right: 4px; font-weight: bold; font-size: 12px">工单标识说明：</span>
+        <img :src="v4" style="width: 20px; height: 20px; margin: 0 3px" />
+        <span style="margin-right: 4px; font-size: 12px; display: inline-block; width: 76px">【4.0工单】</span>
+        <img :src="gc" style="width: 20px; height: 20px; margin: 0 3px" />
+        <span style="margin-right: 4px; font-size: 12px; display: inline-block; width: 76px">【工程】</span>
+        <img :src="jj" style="width: 20px; height: 20px; margin: 0 3px" />
+        <span style="margin-right: 4px; font-size: 12px; display: inline-block; width: 76px">【加急】</span>
+        <img :src="ls" style="width: 20px; height: 20px; margin: 0 3px" />
+        <span style="margin-right: 4px; font-size: 12px; display: inline-block; width: 76px">【零售】</span>
+      </div>
+      <div class="tubiao2">
+        <span style="margin-right: 4px; font-weight: bold; font-size: 12px; opacity: 0">工单标识说明：</span>
+        <img :src="yjs" style="width: 20px; height: 20px; margin: 0 3px" />
+        <span style="margin-right: 4px; font-size: 12px; display: inline-block; width: 76px">【已结算】</span>
+        <img :src="ywg" style="width: 20px; height: 20px; margin: 0 3px" />
+        <span style="margin-right: 4px; font-size: 12px; display: inline-block; width: 76px">【已完工】</span>
+        <img :src="yc" style="width: 20px; height: 20px; margin: 0 3px" />
+        <span style="margin-right: 4px; font-size: 12px; display: inline-block; width: 76px">【异常】</span>
+        <img :src="zj" style="width: 20px; height: 20px; margin: 0 3px" />
+        <span style="margin-right: 4px; font-size: 12px; display: inline-block; width: 76px">【自建工单】</span>
+      </div>
     </template-page>
     <!-- 工单详情 -->
     <div class="cartographer_big haidhead__" v-if="!!~['detail'].indexOf(pageType) && pageCode != ''">
@@ -115,6 +137,15 @@ import Reassignment from './components/reassignment/index.vue'
 import Reschedule from './components/reschedule/index.vue'
 import { commonTemplateDownload } from '@/api/common.js'
 import orderListColumn from '@/mixin/orderListColumn'
+// -----------------------
+import v4 from '@/assets/order/4.0@2x.png'
+import gc from '@/assets/order/工程@2x.png'
+import jj from '@/assets/order/加急@2x.png'
+import ls from '@/assets/order/零售@2x.png'
+import yjs from '@/assets/order/已结算@2x.png'
+import ywg from '@/assets/order/已完工待结算@2x@2x.png'
+import yc from '@/assets/order/异常@2x.png'
+import zj from '@/assets/order/自建@2x.png'
 export default {
   components: {
     TemplatePage,
@@ -126,6 +157,14 @@ export default {
   mixins: [import_mixin, operation_mixin, orderListColumn],
   data() {
     return {
+      v4,
+      gc,
+      jj,
+      ls,
+      yjs,
+      ywg,
+      yc,
+      zj,
       id: this.$route.query.id || '',
       // 创建表单
       createFormBool: false,
@@ -534,13 +573,6 @@ export default {
                 pageCode: row.id
               }
             })
-            // this.id = row.id
-            // this.workOrderType = Number(
-            //   Object.entries(row?.selectMapData?.saleType || {}).find(([key, val]) => val == row.saleType)?.[0] || 1
-            // )
-            // this.$nextTick(() => {
-            //   this.detailFormBool = true
-            // })
           }
         }
       })
@@ -595,4 +627,26 @@ export default {
     }
   }
 }
+.tubiao {
+  position: absolute;
+  bottom: 35px;
+  left: 20px;
+  z-index: 10;
+  width: 60%;
+  height: auto;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+}
+.tubiao2 {
+  position: absolute;
+  bottom: 5px;
+  left: 20px;
+  z-index: 10;
+  width: 60%;
+  height: auto;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+}
 </style>