zongzhibin
2024-11-27 5e610f4c9d9870b393720bc5fcc856e97bc2ea4b
LA24030_LuLiPackageLine_Web/src/views/main/WmsOrder/manualFeed/index.vue
@@ -1,19 +1,28 @@
<template>
   <div class="wmsSubstituteGood-container">
      <el-card shadow="hover" :body-style="{ paddingBottom: '0' }">
         <el-form :model="queryParams" ref="queryForm" labelWidth="100">
      <el-card class="full-table" shadow="hover" style="margin-top: 5px">
         <el-form :model="queryParams" @submit.native.prevent ref="queryForm" labelWidth="100">
            <el-row>
               <el-col :xs="24" :sm="12" :md="12" :lg="10" :xl="4" class="mb10">
                  <el-form-item label="部件条码">
                     <el-input v-model="queryParams.upi" ref="materialCodeInput" clearable="" placeholder="请扫部件条码" />
                  <el-form-item label="部件条码" size="large">
                     <el-input
                        size="large"
                        v-model="queryParams.upi"
                        ref="materialCodeInput"
                        clearable=""
                        placeholder="请扫部件条码"
                        @input="handleChange"
                        @keyup.enter.prevent="handleEnter"
                        @confirm.enter.prevent="handleEnter"
                     />
                  </el-form-item>
               </el-col>
               <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" class="mb10">
                  <el-form-item>
                     <el-button-group style="display: flex; align-items: center">
                        <el-button type="primary" icon="ele-Search" @click="handleQuery"> 查询 </el-button>
                        <el-button icon="ele-Refresh" @click="() => queryParams = {}"> 重置 </el-button>
                        <el-button size="large" type="primary" icon="ele-Search" @click="handleQuery"> 查询 </el-button>
                        <el-button size="large" icon="ele-Refresh" @click="() => (queryParams = {})"> 重置 </el-button>
                        <!-- 
                        <el-button icon="ele-ZoomIn" @click="changeAdvanceQueryUI" v-if="!showAdvanceQueryUI" style="margin-left:5px;"> 高级查询 </el-button>
                        <el-button icon="ele-ZoomOut" @click="changeAdvanceQueryUI" v-if="showAdvanceQueryUI" style="margin-left:5px;"> 隐藏 </el-button> -->
@@ -23,33 +32,18 @@
               </el-col>
            </el-row>
         </el-form>
      </el-card>
      <el-card class="full-table" shadow="hover" style="margin-top: 5px">
         <br />
         <div class="detailBox">
            <ul>
               <!-- <li v-for="(item,index) in sourceEnum" :key="index">
          {{ titleP[index] }} :  {{ warehousOrderDetails[item] }}
        </li> -->
               <li>
                  <span class="text_left">物料编号:</span>
                  <span class="text_rt">{{ tableData.Info16 }}</span>
               </li>
               <li>
               <!-- <li>
                  <span class="text_left">是否齐包:</span>
                  <span class="text_rt"></span>
               </li>
               <li>
                  <span class="text_left">是否齐套:</span>
                  <span class="text_rt"></span>
               </li>
               <li>
                  <span class="text_left">批次号:</span>
                  <span class="text_rt">{{ tableData.planNo }}</span>
               </li>
               <li>
                  <span class="text_left">订单号:</span>
                  <span class="text_rt">{{ tableData.OrderId }}</span>
               </li>
               </li> -->
               <li>
                  <span class="text_left">部件条码:</span>
                  <span class="text_rt">{{ tableData.upi }}</span>
@@ -57,14 +51,28 @@
               <li>
                  <span class="text_left">部件名称:</span>
                  <span class="text_rt">{{ tableData.DetailName }}</span>
               </li>
               <li>
                  <span class="text_left">客户名称:</span>
                  <span class="text_rt">{{ tableData.Info10 }}</span>
                  <span class="text_rt">{{ tableData.detailName }}</span>
               </li>
               <li>
                  <span class="text_left">批次号:</span>
                  <span class="text_rt">{{ tableData.planNo }}</span>
               </li>
               <li>
                  <span class="text_left">订单号:</span>
                  <span class="text_rt">{{ tableData.orderId }}</span>
               </li>
               <br />   <br />   <br />   <br />   <br />   <br />
                  <br />   <br />   <br />   <br />   <br />
               <br />   <br />   <br />   <br />   <br />   <br />
               <!-- <li>
                  <span class="text_left">客户名称:</span>
                  <span class="text_rt">{{ tableData.Info10 }}</span>
               </li> -->
               <!-- <li>
                  <span class="text_left">长:</span>
                  <span class="text_rt">{{ tableData.length }}</span>
               </li>
@@ -87,7 +95,7 @@
               <li>
                  <span class="text_left">打孔设备编号:</span>
                  <span class="text_rt">{{ tableData.dRNum }}</span>
               </li>
               </li> -->
            </ul>
         </div>
         <!-- 生成form 齐套 齐包 设置ng包 -->
@@ -129,6 +137,7 @@
import printDialog from '/@/views/system/print/component/hiprint/preview.vue';
import editDialog from '/@/views/main/WmsBase/wmsSubstituteGood/component/editDialog.vue';
import { pageWmsSubstituteGood, deleteWmsSubstituteGood } from '/@/api/main/WmsBase/wmsSubstituteGood';
import { ShortageList } from '/@/api/main/ReportCenter/wmsStockQuan';
const showAdvanceQueryUI = ref(false);
const printDialogRef = ref();
@@ -136,8 +145,7 @@
const loading = ref(false);
const tableData = ref<any>([]);
const queryParams = ref<any>({
   upi:""
   upi: '',
});
const tableParams = ref({
   page: 1,
@@ -166,18 +174,22 @@
onMounted(() => {
   // 在组件挂载后进行聚焦
   materialCodeInput.value.$el.querySelector('input').focus();
   materialCodeInput.value.$el.querySelector('input').focus();
});
// 查询操作 888888888
const handleQuery = async () => {
  console.log("查询");
   console.log('8888888进入方法', queryParams.value);
   if (!queryParams.value.upi) {
      return;
   }
   console.log('查询');
   loading.value = true;
   var res = await listMes_BatchOrderUPI_New(Object.assign(queryParams.value, tableParams.value));
   var res = await ShortageList(Object.assign(queryParams.value, tableParams.value));
   if (res.data.result.length != 1) {
      ElMessage.warning('没有查询到数据');
    tableData.value =  []
    return;
      ElMessage.warning('此条码不存在或不在缺料清单中!');
      tableData.value = [];
      return;
   }
   tableData.value = res.data.result[0] ?? [];
   loading.value = false;
@@ -258,6 +270,16 @@
      text: 'ID',
   },
]);
const handleChange = (event: Event) => {
   console.log('77777777777');
   handleQuery();
};
const handleEnter = (event: Event) => {
   event.preventDefault(); // 阻止默认事件
   handleQuery();
};
</script>
<style scoped>
:deep(.el-input),
@@ -284,4 +306,7 @@
      }
   }
}
.text_left {
   font-weight: 700;
}
</style>