禅道bug 修复：优化产品信息中colorKey和modelKey的数据处理，统一字符串与数组的转换逻辑

src/views/productionPlan/components/factoryAdd/index.vue

@@ -937,6 +937,20 @@
             console.log(this.form.productInfoList);
 
             this.form.productInfoList.forEach((item, index) => {
+              if (item.colorKey && typeof item.colorKey == 'string') {
+                this.$set(
+                  this.form.productInfoList[index],
+                  'colorKey',
+                  item.colorKey.split(',')
+                );
+              }
+              if (item.modelKey && typeof item.modelKey == 'string') {
+                this.$set(
+                  this.form.productInfoList[index],
+                  'modelKey',
+                  item.modelKey.split(',')
+                );
+              }
               if (resAll[index]) {
                 let list = [];
                 let listMap = {};
@@ -1348,6 +1362,19 @@
           // 必填参数校验
           if (!flag) return;
 
+          this.form.productInfoList.forEach((item, index) => {
+            this.$set(
+              this.form.productInfoList[index],
+              'colorKey',
+              item.colorKey.toString()
+            );
+            this.$set(
+              this.form.productInfoList[index],
+              'modelKey',
+              item.modelKey.toString()
+            );
+          });
+
           // this.
           if (!this.form.id) {
             if (this.form.productInfoList.length) {

src/views/productionPlan/index.vue

@@ -650,12 +650,6 @@
             align: 'center',
             minWidth: 120,
             showOverflowTooltip: true,
-            formatter: (row) => {
-              if (row.modelKey) {
-                return row.modelKey.toString();
-              }
-              return '';
-            }
           },
           {
             prop: 'colorKey',
@@ -663,12 +657,6 @@
             align: 'center',
             minWidth: 120,
             showOverflowTooltip: true,
-            formatter: (row) => {
-              if (row.colorKey) {
-                return row.colorKey.toString();
-              }
-              return '';
-            }
           },
           {
             prop: 'productNum',

src/views/saleOrder/components/create-order.vue

@@ -649,8 +649,8 @@
         loading: false,
         disabledList: [], //已保存数据不做删除
         form: {
-          salesman:'',
-          salesmanId:'',
+          salesman: '',
+          salesmanId: '',
           productInfoList: [],
           deliveryRequirements: 1,
           saleType: 1,
@@ -868,7 +868,21 @@
             }
           }
           if (res.productInfoList && res.productInfoList.length != 0) {
-            res.productInfoList.forEach((item) => {
+            res.productInfoList.forEach((item, index) => {
+              if (item.colorKey && typeof item.colorKey == 'string') {
+                this.$set(
+                  res.productInfoList[index],
+                  'colorKey',
+                  item.colorKey.split(',')
+                );
+              }
+              if (item.modelKey && typeof item.modelKey == 'string') {
+                this.$set(
+                  res.productInfoList[index],
+                  'modelKey',
+                  item.modelKey.split(',')
+                );
+              }
               item.lackNum = null;
             });
           }
@@ -926,8 +940,8 @@
 
       cancel() {
         this.form = {
-          salesmanId:'',
-          salesman:'',
+          salesmanId: '',
+          salesman: '',
           productInfoList: [],
           deliveryRequirements: 1,
           saleType: 1,
@@ -1067,6 +1081,11 @@
             params.sourceSalesOrderId = this.sourceSalesOrderId;
             params.productInfoList.forEach((el) => delete el.id);
           }
+          params.productInfoList.forEach((item) => {
+            item.colorKey = item.colorKey.toString();
+            item.modelKey = item.modelKey.toString();
+          });
+
           createOrUpdate(params)
             .then((res) => {
               this.loading = false;

src/views/saleOrder/components/printTemplateSaleOrder.vue

@@ -81,7 +81,7 @@
               {{ item.specification }}
             </td>
             <td style="padding: 5px"> {{ item.model }}</td>
-            <td style="padding: 5px"> {{ item.colorKey.join(',') }}</td>
+            <td style="padding: 5px"> {{ item.colorKey }}</td>
             <td style="padding: 5px"> {{ item.measuringUnit }}</td>
             <td style="padding: 5px"> {{ item.contractNum }}</td>
             <!-- <td style="padding: 5px"> {{ item.totalCount }}</td>
@@ -116,16 +116,18 @@
 </template>
 
 <script>
-  import { getOrderDetail, getSalesDetail, enterprisePage } from '@/api/saleOrder';
+  import {
+    getOrderDetail,
+    getSalesDetail,
+    enterprisePage
+  } from '@/api/saleOrder';
   import { mapGetters } from 'vuex';
   export default {
     name: 'print',
     computed: {
       ...mapGetters(['user'])
     },
-    props: {
-      
-    },
+    props: {},
     data() {
       return {
         checked: '',
@@ -141,13 +143,13 @@
       async open(row) {
         this.row = row;
         enterprisePage({
-        pageNum: 1,
-        size: 200
-      }).then((res) => {
-        if (res.list?.length > 0) {
-          this.groupName = res.list[0].name;
-        }
-      });
+          pageNum: 1,
+          size: 200
+        }).then((res) => {
+          if (res.list?.length > 0) {
+            this.groupName = res.list[0].name;
+          }
+        });
         this.formData = await getOrderDetail(row.code);
         this.detail = await getSalesDetail(row.id);
         console.log('formData~~~', this.formData, this.detail);

src/views/saleOrder/index.vue

@@ -299,12 +299,12 @@
             align: 'center',
             minWidth: 120,
             showOverflowTooltip: true,
-            formatter: (row) => {
-              if (row.modelKey) {
-                return row.modelKey.toString();
-              }
-              return '';
-            }
+            // formatter: (row) => {
+            //   if (row.modelKey) {
+            //     return row.modelKey.toString();
+            //   }
+            //   return '';
+            // }
           },
           {
             prop: 'colorKey',
@@ -312,12 +312,12 @@
             align: 'center',
             minWidth: 120,
             showOverflowTooltip: true,
-            formatter: (row) => {
-              if (row.colorKey) {
-                return row.colorKey.toString();
-              }
-              return '';
-            }
+            // formatter: (row) => {
+            //   if (row.colorKey) {
+            //     return row.colorKey.toString();
+            //   }
+            //   return '';
+            // }
           },
           {
             prop: 'specification',

src/views/saleOrder/salesToProductionNewTwo.vue

@@ -1308,6 +1308,20 @@
             item.priority = index + 1;
 
             item.reqMoldTime = item.deliveryTime;
+            if (item.colorKey && typeof item.colorKey == 'string') {
+              this.$set(
+                this.form.salesOrders[index],
+                'colorKey',
+                item.colorKey.split(',')
+              );
+            }
+            if (item.modelKey && typeof item.modelKey == 'string') {
+              this.$set(
+                this.form.salesOrders[index],
+                'modelKey',
+                item.modelKey.split(',')
+              );
+            }
             // dayjs(
             //     new Date(item.deliveryTime).getTime() - 3600 * 1000 * 24 * 10
             // ).format('YYYY-MM-DD');
@@ -1701,6 +1715,11 @@
         if (this.$route.query.type != 'edit') {
           delete params.id;
         }
+        console.log(params, 'params');
+        params.salesOrders.forEach((item) => {
+          item.colorKey = item.colorKey.toString();
+          item.modelKey = item.modelKey.toString();
+        });
 
         if (type === 2) {
           this.$confirm('发布工单后不可撤回，确定发布吗？', '发布确认').then(

src/views/workOrder/components/details.vue

@@ -432,9 +432,9 @@
       fieldValue() {
         return (field) => {
           let value = this.current[field];
-          if (field == 'modelKey' || field == 'colorKey') {
-            return value.toString();
-          }
+          // if (field == 'modelKey' || field == 'colorKey') {
+          //   return value;
+          // }
           if (field == 'produceType') {
             if (value == 1) {
               return 'PBOM';

src/views/workOrder/index.vue

@@ -291,7 +291,7 @@
       }
     },
     created() {
-      this.setColumns()
+      this.setColumns();
       this.getFieldModel();
     },
     methods: {
@@ -406,26 +406,14 @@
             label: '机型',
             align: 'center',
             minWidth: 120,
-            showOverflowTooltip: true,
-            formatter: (row) => {
-              if (row.modelKey) {
-                return row.modelKey.toString();
-              }
-              return '';
-            }
+            showOverflowTooltip: true
           },
           {
             prop: 'colorKey',
             label: '颜色',
             align: 'center',
             minWidth: 120,
-            showOverflowTooltip: true,
-            formatter: (row) => {
-              if (row.colorKey) {
-                return row.colorKey.toString();
-              }
-              return '';
-            }
+            showOverflowTooltip: true
           },
           {
             prop: 'productCode',