零件采购收货 单价增加输入选择行回车进入下一行功能，增加选择行数据进行打印处理

mes-ui/mes-ui-admin-vue3/src/views/heli/purchaseorderno/partReceived.vue

@@ -86,6 +86,7 @@ v-model="queryParams.supplierName" placeholder="供应商" clearable @keyup.ente
       <template #header>
         <div class="hl-card-info-icona"></div><span class="hl-card-info-text">订单明细</span>
         <el-button  style="margin-left: 20px" @click="receiveGoods" type="success"  size="large">收货</el-button>
+        <el-button  style="margin-left: 20px" @click="isPrint" type="primary"  size="large">打印</el-button>
         <el-button
           style="margin-left: 20px"
           type="success"
@@ -102,7 +103,7 @@ v-model="queryParams.supplierName" placeholder="供应商" clearable @keyup.ente
             <el-form ref="subFormRef" :model="list"  v-loading="formLoading" label-width="0" >
               <el-table
                 v-loading="loading" :data="list"  :show-overflow-tooltip="true" class="hl-table" ref="multipleTableRef" show-summary :summary-method="getSummaries" @selection-change="handleSelectionChange" :row-class-name="tableRowClassName">
-              <el-table-column type="selection" width="80" />
+              <el-table-column type="selection" width="80" fixed="left" />
 <!--              <el-table-column label="收货状态" align="center" prop="receivingStatus"  min-width="120">-->
 <!--                <template #default="scope">-->
 <!--                  <dict-tag :type="DICT_TYPE.HELI_PURCHASE_RECEIVING_STATUS" :value="scope.row.receivingStatus" />-->
@@ -118,21 +119,20 @@ v-model="queryParams.supplierName" placeholder="供应商" clearable @keyup.ente
               <el-table-column prop="purchaseAmount" min-width="100" label="采购数量" align="center" />
 <!--              <el-table-column prop="purchaseRemAmount" min-width="100" label="剩余数量" align="center"/>-->
               <el-table-column prop="purchaseRemAmounts" min-width="170" align="center" label="入库数量"/>
-<!--                <template #header><span class="hl-table_header">*</span>入库数量</template>-->
-<!--                <template #default="scope">-->
-<!--                  <el-form-item :prop="`${scope.$index}.purchaseRemAmounts`"  class="mb-0px!">-->
-<!--                    <el-input-number style="width: 100%" v-model="scope.row.purchaseRemAmounts" placeholder="入库数量"  :min="0" :precision="2"  />-->
-<!--                  </el-form-item>-->
-<!--                </template>-->
-<!--              </el-table-column>-->
                 <el-table-column prop="estimatedPrice" min-width="170" label="单价" align="center">
                   <template #header>单价</template>
                   <template #default="scope">
                     <el-form-item :prop="`${scope.$index}.unitPrice`" class="mb-0px!">
                       <el-input-number
-                        style="width: 100%" v-model="scope.row.unitPrice" placeholder="单价"  :min="0" :precision="2"
+                        style="width: 100%"
-
+                        v-model="scope.row.unitPrice"
+                        placeholder="单价"
+                        :min="0"
+                        :precision="2"
                         @change="changeUnitPrice(scope.row)"
+                        @input="(val)=>handleInput(val,scope.row)"
+                        @keyup.enter="(e)=>handleEnterUnitPrice(e,scope.row)"
+                        :id="'unitPrice'+scope.row.id"
                       />
                     </el-form-item>
                   </template>
@@ -177,6 +177,7 @@ v-model="queryParams.supplierName" placeholder="供应商" clearable @keyup.ente
       </el-row>
     </el-card>
   </el-card>
+  <PrintRef ref="printRef"/>
 </template>
 
 <script setup lang="ts">
@@ -191,6 +192,7 @@ import download from "@/utils/download";
 import {exportExcel} from "@/api/heli/purchaseordernodetail";
 import axios from "axios";
 import {getAccessToken, getTenantId} from "@/utils/auth";
+import PrintRef from "./print.vue"
 defineOptions({ name: 'PurchaseordernopartReceived' })
 const userStore = useUserStore()
 const username = userStore.getUser.nickname
@@ -257,12 +259,10 @@ const handleInput = (val: number, row: PurchaseOrderNoDetailApi.PurchaseOrderNoD
 const handleEnter = (e: KeyboardEvent, row: PurchaseOrderNoDetailApi.PurchaseOrderNoDetailVO) => {
   //敲下回车时切换到下一行的预估总价 如果为0.00将其=null
   console.log(e, 'e');
-  //判断当前行是否为最后一行如为最后一行则不切换
   if (list.value.indexOf(row) == list.value.length - 1) {
     return
   }
   const index = list.value.findIndex((item) => item.id == row.id)
-  //切换到下一行
   const input = document.getElementById("estimatedPrice" + list.value[index + 1].id);
   if (input) {
     input.focus();
@@ -273,6 +273,19 @@ const handleEnter = (e: KeyboardEvent, row: PurchaseOrderNoDetailApi.PurchaseOrd
   console.log(input, 'input');
 
 
+}
+const handleEnterUnitPrice = (e: KeyboardEvent, row: PurchaseOrderNoDetailApi.PurchaseOrderNoDetailVO) => {
+  if (list.value.indexOf(row) == list.value.length - 1) {
+    return
+  }
+  const index = list.value.findIndex((item) => item.id == row.id)
+  const input = document.getElementById("unitPrice" + list.value[index + 1].id);
+  if (input) {
+    input.focus();
+    if (list.value[index + 1].unitPrice == 0.00) {
+      list.value[index + 1].unitPrice = ''
+    }
+  }
 }
 const getSummaries = (param: SummaryMethodProps) => {
   const summaryField = ["purchaseRemAmounts"];
@@ -496,7 +509,44 @@ const receiveGoods = async () => {
     loading.value = false;
   }
 }
+const printRef = ref<InstanceType<typeof PrintRef>>()
+const isPrint = async () => {
+  function formatDate(val) {
+    if (!val) return ''
+    const date = new Date(val)
+    return date.toLocaleDateString()
+  }
 
+  try {
+    const list = multipleSelection.value|| []; // 安全获取数据
+    if(list.length==0){
+      message.warning("请选择订单信息");
+      return;
+    }
+    //日期	客户名	模具名	件号	零件名称	材料	规格	数量	单价	总价格	要求日期
+   //createTime	brief	projectSubCode	blueprintNo	boomName	compositionName	matSpec	purchaseAmount	unitPrice	estimatedPrice	requireTime
+   const data = list?.map((item,idx) => ({
+    编号:idx + 1,
+    日期: formatDate(item.createTime),
+    客户名: item.brief,
+    模具名: item.projectSubCode,
+    件号: item.blueprintNo,
+    零件名称: item.boomName,
+    材料: item.compositionName,
+    规格: item.matSpec,
+    数量: item.purchaseAmount,
+    单价: item.unitPrice,
+    总价格: item.estimatedPrice,
+    要求日期: formatDate(item.requireTime),
+   })) || [];
+  console.log(data)
+  
+    // openPrintDialog(newVar)
+    printRef.value?.open(data,"")
+  } finally { 
+  }
+
+}
 /** 初始化 **/
 const route = useRoute()
 const routeValue = ref('')

mes-ui/mes-ui-admin-vue3/src/views/heli/purchaseorderno/print.vue

@@ -9,7 +9,7 @@
         <div class="cell audit"> 审核：<span class="sign-space"></span> </div>
         <div class="cell handler"> 委外加工经手人：<span class="sign-space"></span> </div>
         <div class="cell receiver"> 收货人：<span class="sign-space"></span> </div>
-        <div class="cell order-no"> 订单编号：<span class="sign-space">{{ purchaseNo }}</span> </div>
+        <div class="cell order-no" v-if="purchaseNo"> 订单编号：<span class="sign-space">{{ purchaseNo }}</span> </div>
       </div>
 
       <table class="sheet" border="1" cellspacing="0" cellpadding="0">
@@ -154,14 +154,13 @@ import * as PurchaseOrderNoApi from '@/api/heli/purchaseorderno'
 /**
  * 
  * @param data 打印数据
- * @param str 采购订单号=订单编号
+ * @param str 采购订单号=订单编号 零件采购收货时，订单编号为空。  零件采购订单管理 不为空
  */
 const open = (data: Record<string, any>[],str: string) => {
   rows.value = Array.isArray(data) ? data : []
   dialogVisible.value = true;
   purchaseNo.value = str;
   console.log(query.id);
-  
 }
 defineExpose({ open })
 
@@ -273,7 +272,9 @@ const onPrint = () => {
   iframe.contentWindow!.focus()
   iframe.contentWindow!.print()
   setTimeout(() => document.body.removeChild(iframe), 500)
-  PurchaseOrderNoApi.updateIsPrint(query.id);
+  if(query.id){//用来判断零件采购订单管理 id=true,=false零件采购收货
+    PurchaseOrderNoApi.updateIsPrint(query.id);
+  }
 }
 </script>