提交

src/views/business/reviseBath/index.vue

@@ -1,195 +1,71 @@
 <template>
   <div class="page-container column-container">
     <!-- 搜索区 -->
-    <el-form
-      class="list-search-container"
-      :model="queryParams"
-      ref="queryRef"
-      :inline="true"
-    >
+    <el-form class="list-search-container" :model="queryParams" ref="queryRef" :inline="true">
       <el-form-item label="计划单号：">
-        <el-input
-          placeholder="请输入计划单号"
-          @keydown.enter.prevent
-          @keyup.enter="handleQuery"
-          clearable
-          v-model.trim="queryParams.productionPlanNo"
-          style="width: 160px"
-        />
+        <el-input placeholder="请输入计划单号" @keydown.enter.prevent @keyup.enter="handleQuery" clearable
+          v-model.trim="queryParams.productionPlanNo" style="width: 160px" />
       </el-form-item>
       <el-form-item label="批号状态：" label-width="100px">
         <el-select v-model="queryParams.lotCodeStatusCode" clearable placeholder="请选择批号状态" style="width: 150px">
-						<el-option v-for="dict in lot_code_status_code" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
-					</el-select>
-        </el-form-item>
+          <el-option v-for="dict in lot_code_status_code" :key="dict.value" :label="dict.label"
+            :value="dict.value"></el-option>
+        </el-select>
+      </el-form-item>
       <el-form-item>
-        <el-button type="info" icon="Search" @click="handleQuery"
-          >搜索</el-button
-        >
+        <el-button type="info" icon="Search" @click="handleQuery">搜索</el-button>
       </el-form-item>
     </el-form>
     <!-- 列表区 -->
     <div class="el-table-container">
       <div class="el-table-inner-container">
         <el-table v-loading="loading" :data="productionPlanList" height="100%">
-          <el-table-column
-            type="index"
-            label="行号"
-            width="50"
-            align="center"
-          ></el-table-column>
-          <el-table-column
-            label="客户简称"
-            prop="companyAlias"
-            width="150"
-            align="center"
-          />
-          <el-table-column
-            label="生产计划单号"
-            prop="productionPlanNo"
-            width="110"
-            align="center"
-          >
+          <el-table-column type="index" label="行号" width="50" align="center"></el-table-column>
+          <el-table-column label="客户简称" prop="companyAlias" width="150" align="center" />
+          <el-table-column label="生产计划单号" prop="productionPlanNo" width="110" align="center">
             <template #default="scope">
-              <el-button
-                link
-                type="primary"
-                @click="handleColumnClick(scope.row)"
-                ><span>{{ scope.row.productionPlanNo }}</span></el-button
-              >
-            </template></el-table-column
-          >
-          <el-table-column
-            label="序号"
-            width="60"
-            prop="lineNumber"
-            align="center"
-          />
-          <el-table-column
-            label="产品描述"
-            prop="productDescription"
-            align="center"
-          />
-          <el-table-column
-            label="图纸版本"
-            prop="technologyVersion"
-            width="70"
-            align="center"
-          />
-          <el-table-column
-            label="总投产量"
-            prop="productionQuantity"
-            width="80"
-            align="center"
-          />
-          <el-table-column
-            label="总批数"
-            prop="totalLotNumber"
-            width="80"
-            align="center"
-          />
-          <el-table-column
-            label="单批量"
-            prop="oneLotQuantity"
-            width="80"
-            align="center"
-          />
-          <el-table-column
-            label="尾批量"
-            prop="lastLotQuantity"
-            width="80"
-            align="center"
-          />
-          <el-table-column
-            label="批号状态"
-            prop="lotCodeStatusCode"
-            width="100"
-            align="center"
-          >
+              <el-button link type="primary" @click="handleColumnClick(scope.row)"><span>{{ scope.row.productionPlanNo
+                  }}</span></el-button>
+            </template></el-table-column>
+          <el-table-column label="序号" width="60" prop="lineNumber" align="center" />
+          <el-table-column label="产品描述" prop="productDescription" align="center" />
+          <el-table-column label="图纸版本" prop="technologyVersion" width="70" align="center" />
+          <el-table-column label="总投产量" prop="productionQuantity" width="80" align="center" />
+          <el-table-column label="总批数" prop="totalLotNumber" width="80" align="center" />
+          <el-table-column label="单批量" prop="oneLotQuantity" width="80" align="center" />
+          <el-table-column label="尾批量" prop="lastLotQuantity" width="80" align="center" />
+          <el-table-column label="批号状态" prop="lotCodeStatusCode" width="100" align="center">
             <template #default="scope">
-              <dict-tag
-                :options="lot_code_status_code"
-                :value="scope.row.lotCodeStatusCode"
-              />
+              <dict-tag :options="lot_code_status_code" :value="scope.row.lotCodeStatusCode" />
             </template>
           </el-table-column>
-          <el-table-column
-            label="累计投产量"
-            prop="pickUpQuantity"
-            width="80"
-            align="center"
-          />
-          <el-table-column
-            label="累计投产批数"
-            prop="lotTotalNumber"
-            width="90"
-            align="center"
-          />
-          <el-table-column
-            label="库位"
-            prop="storageLocation"
-            width="80"
-            align="center"
-          />
-          <el-table-column
-            label="领料部门"
-            prop="requisitionDepartmentName"
-            align="center"
-            fixed="right"
-          >
+          <el-table-column label="累计投产量" prop="pickUpQuantity" width="80" align="center" />
+          <el-table-column label="累计投产批数" prop="lotTotalNumber" width="90" align="center" />
+          <el-table-column label="库位" prop="storageLocation" width="80" align="center" />
+          <el-table-column label="领料部门" prop="requisitionDepartmentName" align="center" fixed="right">
             <template #default="scope">
               <span>{{ scope.row.requisitionDepartmentName }}</span>
             </template>
           </el-table-column>
-          <el-table-column
-            label="下达日期"
-            prop="issueDate"
-            width="120"
-            align="center"
-          />
+          <el-table-column label="下达日期" prop="issueDate" width="120" align="center" />
 
-          <el-table-column
-            label="操作"
-            width="200"
-            fixed="right"
-            align="center"
-          >
+          <el-table-column label="操作" width="200" fixed="right" align="center">
             <template #default="scope">
-              <el-button
-                link
-                type="primary"
-                icon="View"
-                v-hasPermi="['business:productionPlan:query']"
-                @click="handleView(scope.row)"
-                >查看</el-button
-              >
-              <el-button
-                icon="edit"
-                link
-                type="warning"
-                v-hasPermi="['business:productionPlan:edit']"
-                @click="handleUpdateProduction(scope.row)"
-                >编辑</el-button
-              >
+              <el-button link type="primary" icon="View" v-hasPermi="['business:productionPlan:query']"
+                @click="handleView(scope.row)">查看</el-button>
+              <el-button icon="edit" link type="warning" v-hasPermi="['business:productionPlan:edit']"
+                @click="handleUpdateProduction(scope.row)">编辑</el-button>
             </template>
           </el-table-column>
         </el-table>
       </div>
     </div>
-    <pagination
-      v-show="total > 0"
-      :total="total"
-      v-model:page="queryParams.pageNum"
-      v-model:limit="queryParams.pageSize"
-      @pagination="getList"
-    />
+    <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize" @pagination="getList" />
     <!-- 已经生产的批次 -->
     <produced-lot ref="producedLotFormRef"></produced-lot>
     <!-- 工艺版本变更弹窗 -->
-    <production-dialog
-      ref="productionDetailRef"
-      @handleUpdateSuccess="handleFresh()"
-    />
+    <production-dialog ref="productionDetailRef" @handleUpdateSuccess="handleFresh" />
   </div>
 </template>
 
@@ -216,7 +92,7 @@ const queryParams = ref({
   pageNum: 1,
   pageSize: 10,
   startTime: "",
-    endTime: "",
+  endTime: "",
 });
 
 onMounted(() => {
@@ -233,6 +109,7 @@ function getList() {
     total.value = res.total;
     loading.value = false;
     queryParams.value.pullP2PlanDetails = false;
+    // console.log(productionPlanList.value[0])
   });
 }
 /** 打开计划查询页 */
@@ -252,7 +129,7 @@ function handleView(row) {
 }
 function handleFresh() {
   console.log(queryParams.value)
-  getP2Plan(queryParams.value)
+  getList();
 }
 
 /** 搜索按钮操作 */
@@ -280,6 +157,7 @@ const handleSyncP2Plan = () => {
   text-decoration: underline;
   cursor: pointer;
 }
+
 .dashboard-total-item {
   display: flex;
   align-items: center;
@@ -288,19 +166,20 @@ const handleSyncP2Plan = () => {
   background-color: #f2f2f2;
   border-radius: 10px;
 
-  > div:first-child {
+  >div:first-child {
     display: flex;
     flex: 2;
     justify-content: center;
     align-items: center;
   }
-  > div.dashboard-total-item-label {
+
+  >div.dashboard-total-item-label {
     display: flex;
     flex: 3;
     flex-direction: column;
     justify-content: center;
 
-    > span {
+    >span {
       display: block;
       width: 60%;
       text-align: center;
@@ -310,6 +189,7 @@ const handleSyncP2Plan = () => {
         margin-bottom: 4px;
         letter-spacing: 2px;
       }
+
       &:last-child {
         font-weight: bold;
         font-size: 24px;
@@ -317,22 +197,20 @@ const handleSyncP2Plan = () => {
     }
   }
 }
-.dashboard-total-item > .dashboard-total-item-label > span:last-child {
+
+.dashboard-total-item>.dashboard-total-item-label>span:last-child {
   color: #444444;
 }
-.dashboard-total-item
-  > .dashboard-total-item-label
-  > span:last-child
-  > span:first-child {
+
+.dashboard-total-item>.dashboard-total-item-label>span:last-child>span:first-child {
   margin-right: 8px;
 }
-.dashboard-total-item
-  > .dashboard-total-item-label
-  > span:last-child
-  > span:last-child {
+
+.dashboard-total-item>.dashboard-total-item-label>span:last-child>span:last-child {
   color: #4367df;
 }
-.dashboard-total-item > .number-label {
+
+.dashboard-total-item>.number-label {
   font-size: 40px;
   margin-left: 16px;
   font-weight: bold;