调整批号锁定页面

src/views/ccgl/kngl/phsd/index.vue

 <template>
-  <BasePage ref="basePage" :power='power' class="min_full" :config="config">
+  <BasePage ref="basePage" :changeQueryParams='changeQueryParams'power='power' class="min_full" :config="config">
     <template #dialog="ctx">
       <!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 -->
       <Ph :app='ctx.basePage' v-if="ctx.basePage.showDialog==true" />
@@ -16,7 +16,10 @@
 <script>
   import Edit from './edit.vue'
   import Ph from './ph.vue'
+  import wlsx from 'common/src/mixin/wlsx.js'
+  import wlphsx from 'common/src/mixin/wlphsx.js'
   export default {
+    mixins:[wlphsx,wlsx],
     data() {
       return {
         power: {
@@ -34,7 +37,8 @@
           queryDetail: true,
           /* 基本配置*/
           url: 'lxyl/zlgl/uLothold',
-          tableTitle: [{
+          tableTitle: [
+            {
               title: "锁定状态",
               field: "zt",
               width: 80,
@@ -59,6 +63,21 @@
               field: "wlph",
               width: 140
             },
+            {
+              title: "制令号",
+              field: "zlh",
+              width: 140
+            },
+            {
+              title: "物料编码",
+              field: "wlxxCode",
+              width: 140
+            },
+            {
+              title: "物料名称",
+              field: "wlxxName",
+              width: 140
+            },
             {
               title: "锁定说明",
               field: "sdsm",
@@ -80,20 +99,22 @@
             },
           ],
           queryParams: [
-            [{
-                label: '物料',
-                prop: 'wlxxInfo',
-                span: 5,
-                type: 'input',
-                value: ''
-              },
+            [
               {
                 label: '批号',
                 prop: 'wlph',
-                span: 5,
+                span: 6,
                 type: 'input',
                 value: ''
               },
+              {
+                label: '制令号',
+                prop: 'zlhInfos',
+                span: 18,
+                type: 'input',
+              },
+            ],
+            [
               {
                 label: '业务日期',
                 startProp: "start",
@@ -151,7 +172,14 @@
       },
       getRow(val) {
         this.$emit('getRow', val)
-      }
+      },
+      changeQueryParams(queryParams) {
+        let str = queryParams.zlhInfos
+        let trimmedStr = str.replace(/\s/g, ''); // 使用正则表达式去除空格
+        trimmedStr = trimmedStr.replace(/，/s, ',')
+        let arr = trimmedStr.split(",");
+        queryParams.zlhInfos = arr
+      },
     },
     components: {
       Edit,

src/views/ccgl/kngl/phsd/ph/index.vue

@@ -25,10 +25,12 @@
 </template>
 
 <script>
+  import wlsx from 'common/src/mixin/wlsx.js'
+  import wlphsx from 'common/src/mixin/wlphsx.js'
   export default {
+    mixins:[wlphsx,wlsx],
     data() {
       return {
-
         config: {
           /* 基本配置*/
           url: 'lxyl/zlgl/uLothold/queryWlphForHold',
@@ -101,7 +103,6 @@
         trimmedStr = trimmedStr.replace(/，/s, ',')
         let arr = trimmedStr.split(",");
         queryParams.zlhInfos = arr
-        console.log(queryParams.zlhInfos)
       },
 
     },