流水号打印新增工单物料信息

src/views/plan/workOrder/components/work-order-seq.vue

@@ -52,9 +52,26 @@
         @close="dialog.visible = false"
     >
       <div style="display: flex;flex-wrap: wrap;" ref="toPrintRef">
-        <div v-for="item of toDeleteIds" style="width: 200px;height:220px;">
+        <div v-for="item of toDeleteIds" style="width: 238px;height:325px;font-size:10px;">
           <vue-qrcode  :value="item.seqNo"  size="45" error-level="H"></vue-qrcode>
-          <div style="font-size:14px;">{{item.seqNo}}</div>
+          <div>
+            <el-text>{{item.seqNo}}</el-text>
+          </div>
+          <div>
+            <el-text>工单号:</el-text><el-text>{{info.workOrderCode}}</el-text>
+          </div>
+          <div>
+            <el-text>计划单号:</el-text><el-text>{{info.orderCode}}</el-text>
+          </div>
+          <div>
+            <el-text>物料号:</el-text><el-text>{{info.materialCode}}</el-text>
+          </div>
+          <div>
+            <el-text>物料名称:</el-text><el-text>{{info.materialName}}</el-text>
+          </div>
+          <div>
+            <el-text>物料型号:</el-text><el-text>{{info.materialModel}}</el-text>
+          </div>
         </div>
       </div>
       <div class="dialog-footer" align="center">
@@ -77,11 +94,12 @@ const test = () => {
   isShowTable.value = true;
   tableType.value = tableType.value == 1 ? 2 : 1;
 };
+const info = ref({})
 const props = defineProps({
-  workOrderCode: {
-    type: String,
+  workOrderInfo: {
+    type: Object,
     default: () => {
-      return 0;
+      return null;
     }
   }
 })
@@ -96,10 +114,12 @@ const selectionChange1 =(row)=>{
   toDeleteIds.value = row
 }
 watch(
-    () => props.workOrderCode,
+    () => props.workOrderInfo,
     () => {
-      search.value.workOrderCode = props.workOrderCode
+      info.value = props.workOrderInfo
+      search.value.workOrderCode = props.workOrderInfo.workOrderCode
       dataList();
+      alert(JSON.stringify(info.value))
     }
 );
 // 传入一个url，后面不带/
@@ -165,7 +185,8 @@ option.value = Object.assign(option.value, {
 });
 
 onMounted(() => {
-  search.value.workOrderCode = props.workOrderCode
+  info.value = props.workOrderInfo
+  search.value.workOrderCode = props.workOrderInfo.workOrderCode
   dataList();
 });
 /**

src/views/plan/workOrder/index.vue

@@ -63,7 +63,7 @@
         <el-button
             icon="el-icon-setting"
             text
-            @click="showSeqPage(row.workOrderCode)"
+            @click="showSeqPage(row)"
             type="primary"
             :size="size">流转卡号</el-button>
         <el-button
@@ -129,7 +129,7 @@
         width="950px"
         @close="dialog4.visible = false"
     >
-      <work-order-seq :workOrderCode="form.workOrderCode"/>
+      <work-order-seq :workOrderInfo="form"/>
     </el-dialog>
 
     <el-dialog
@@ -246,7 +246,7 @@ const aps =(id)=>{
   dialog5.visible = true
 }
 const showSeqPage =(workOrderCode)=>{
-  form.value.workOrderCode = workOrderCode
+  form.value = workOrderCode
   dialog4.visible = true
 }
 const distribute = (id)=>{