需求申报样式调整

src/views/productionManagement/components/coatingAddDialog.vue

@@ -1,47 +1,18 @@
 <template>
-  <el-dialog
+  <el-dialog title="需求申报" append-to-body :modelValue="showDialog" width="80%" @close="closeDialog" @open="open"
-    title="需求申报"
+    fullscreen class="content-box">
-    append-to-body
+
-    :modelValue="showDialog"
+    <el-tag type="primary" style="width: 100%; display: block; line-height: 22px">选择{{ selectionList.length }}个订单
-    width="80%"
+      合计：物料需求量：{{ this.totalNum }}克</el-tag>
-    @close="closeDialog"
+    <div style="border: 1px solid #ccc; padding: 20px 0px;display: flex;">
-    @open="open"
-    fullscreen
-    class="content-box"
-  >
-    <el-form :inline="true" v-model="submitForm">
-      <el-form-item label="银钾系数" prop="coefficient" v-if="searchForm.plateGoodsCode == '04-05-024'">
-        <el-input placeholder="请输入银钾系数" v-model="submitForm.coefficient"></el-input>
-      </el-form-item>
-      <el-form-item :label="labelValue + '需求量'" prop="" v-if="searchForm.plateGoodsCode == '04-05-023'">
-        <el-input placeholder="请输入需求量" v-model="submitForm.goodsQuantity"></el-input>
-      </el-form-item>
-      <el-form-item label="银钾需求量" prop="saveBoardVal" v-if="searchForm.plateGoodsCode == '04-05-024'">
-        <el-input placeholder="请输入银钾需求量" v-model="submitForm.goodsQuantity"></el-input>
-      </el-form-item>
-      <!-- <el-form-item>
-                <el-button type="primary" @click="onSubmit">提 交</el-button>
-            </el-form-item> -->
-    </el-form>
-    <el-tag type="primary" style="width: 100%; display: block; line-height: 22px"
-      >选择{{ selectionList.length }}个订单 合计：物料需求量：{{ this.totalNum }}克</el-tag
-    >
-    <div style="border: 1px solid #ccc; padding: 20px 0px">
       <div>
-        <el-form :inline="true" v-model="searchForm" label-width="90px">
+        <el-form :inline="true" v-model="searchForm" label-width="80px">
-          <el-form-item label="作业中心" prop="wcId">
+          <el-form-item label="作业中心：" prop="wcId">
-            <el-select style="width: 182px" v-model="searchForm.wcId" placeholder="请选择作业中心" filterable
+            <el-select style="width: 100%" v-model="searchForm.wcId" placeholder="请选择作业中心" filterable clearable>
-    clearable>
+              <el-option v-for="item in workList" :key="item.id" :label="item.wcName" :value="item.id"></el-option>
-              <el-option
-                v-for="item in workList"
-                :key="item.id"
-                :label="item.wcName"
-                :value="item.id"
-              ></el-option>
-              <!-- <el-option label="作业中心二" value="2"></el-option> -->
             </el-select>
           </el-form-item>
-          <el-form-item label="物料类型" prop="plateGoodsCode">
+          <el-form-item label="物料类型：" prop="plateGoodsCode">
             <el-radio-group v-model="searchForm.plateGoodsCode" @input="changeType">
               <el-radio label="04-05-023">金钾（04-05-023）</el-radio>
               <el-radio label="04-05-024">银板（04-05-024）</el-radio>
@@ -53,112 +24,40 @@
           <el-form-item>
             <el-button type="primary" @click="onSearch" :loading="loading">查 询</el-button>
           </el-form-item>
+          <el-form-item label="银钾系数：" prop="coefficient" v-if="searchForm.plateGoodsCode == '04-05-024'">
+            <el-input placeholder="请输入银钾系数" v-model="submitForm.coefficient"></el-input>
+          </el-form-item>
+          <el-form-item label="银钾需求量:" prop="saveBoardVal" v-if="searchForm.plateGoodsCode == '04-05-024'">
+            <el-input placeholder="请输入银钾需求量" v-model="submitForm.goodsQuantity"></el-input>
+          </el-form-item>
         </el-form>
 
-        <el-table
+
-          :data="tableData"
+        <el-table :data="tableData" @selection-change="handleSelectionChange" ref="multipleTable" :loading="loading"
-          @selection-change="handleSelectionChange"
+          :height="tableHeight">
-          ref="multipleTable"
-          :loading="loading"
-          :height="tableHeight"
-        >
           <el-table-column type="selection"></el-table-column>
-          <!-- <el-table-column
+
-            label="计划单号"
+          <el-table-column label="生产订单号" prop="yoCode" width="150" align="center" fixed="left"></el-table-column>
-            prop="ypCode"
+          <el-table-column label="零件号" width="150" prop="partCode" align="center" fixed="left"></el-table-column>
-            width="150"
+          <el-table-column label="零件名称" width="150" prop="partName" align="center" fixed="left"></el-table-column>
-            align="center"
+          <el-table-column label="流程卡号" prop="cardNo" width="150" align="center" fixed="left"></el-table-column>
-          ></el-table-column> -->
+          <el-table-column label="生产标识" prop="productIdent" width="100" align="center" fixed="left"></el-table-column>
-          <el-table-column
+          <el-table-column label="生产数量" width="100" prop="ypQty" align="center"></el-table-column>
-            label="生产订单号"
+          <el-table-column label="物料需求量(克)" width="100" prop="goodsDemand" align="center"></el-table-column>
-            prop="yoCode"
+          <el-table-column label="镀层厚度1" prop="plateThickness1" width="100" align="center"></el-table-column>
-            width="150"
+          <el-table-column label="镀层厚度2" prop="plateThickness2" width="100" align="center"></el-table-column>
-            align="center"
+          <el-table-column label="物料需求定额1" width="100" prop="quota1" align="center"></el-table-column>
-            fixed="left"
+          <el-table-column label="物料需求定额2" width="100" prop="quota2" align="center"></el-table-column>
-          ></el-table-column>
+          <el-table-column label="计划下达时间" prop="releaseDate" width="150" align="center"></el-table-column>
-          <el-table-column
-            label="零件号"
-            width="150"
-            prop="partCode"
-            align="center"
-            fixed="left"
-          ></el-table-column>
-          <el-table-column
-            label="零件名称"
-            width="150"
-            prop="partName"
-            align="center"
-            fixed="left"
-          ></el-table-column>
-          <!-- <el-table-column label="物料编码" width="150"  prop="plateGoodsCode" align="center"></el-table-column> -->
-          <el-table-column
-            label="流程卡号"
-            prop="cardNo"
-            width="150"
-            align="center"
-            fixed="left"
-          ></el-table-column>
-          <el-table-column
-            label="生产标识"
-            prop="productIdent"
-            width="100"
-            align="center"
-            fixed="left"
-          ></el-table-column>
-          <el-table-column
-            label="生产数量"
-             width="100"
-            prop="ypQty"
-            align="center"
-          ></el-table-column>
-          <el-table-column
-            label="物料需求量(克)"
-            width="100"
-            prop="goodsDemand"
-            align="center"
-          ></el-table-column>
-          <el-table-column
-            label="镀层厚度1"
-            prop="plateThickness1"
-            width="100"
-            align="center"
-          ></el-table-column>
-          <el-table-column
-            label="镀层厚度2"
-            prop="plateThickness2"
-            width="100"
-            align="center"
-          ></el-table-column>
-          <el-table-column
-            label="物料需求定额1"
-            width="100"
-            prop="quota1"
-            align="center"
-          ></el-table-column>
-          <el-table-column
-            label="物料需求定额2"
-            width="100"
-            prop="quota2"
-            align="center"
-          ></el-table-column>
-          <el-table-column
-            label="计划下达时间"
-            prop="releaseDate"
-            width="150"
-            align="center"
-          ></el-table-column>
 
           <!-- <el-table-column label="计划生产时间" prop="createTime" align="center"></el-table-column> -->
         </el-table>
-        <div
+        <div v-show="totalNum" style="
-          v-show="totalNum"
-          style="
             display: flex;
             justify-content: flex-end;
             align-items: center;
             margin: 20px 20px 0 0;
-          "
+          ">
-        >
           合计：{{ totalNum }}
         </div>
       </div>
@@ -190,7 +89,9 @@ export default {
   data() {
     return {
       loading: false,
-      submitForm: {},
+      submitForm: {
+
+      },
       searchForm: {
         plateGoodsCode: '04-05-023',
       },
@@ -224,9 +125,9 @@ export default {
       this.$nextTick(() => {
         const rightContainer = document.querySelector('.content-box');
         if (!rightContainer) return;
-         const containerHeight = rightContainer.offsetHeight;
+        const containerHeight = rightContainer.offsetHeight;
-          this.tableHeight =
+        this.tableHeight =
-          containerHeight - 51 - 80 - 42 - 20 - 84 -20;
+          containerHeight - 51 - 80 - 42 - 20 - 84 - 20;
       });
     },
     getWorkCenterList() {
@@ -237,9 +138,11 @@ export default {
     // 切换金钾/银钾类型
     changeType(val) {
       console.log('val-------------');
+
       if (val.target.value == 1) {
         this.labelValue = '金钾';
       } else {
+        this.submitForm.coefficient = '0.54'
         this.labelValue = '银钾';
       }
     },
@@ -334,4 +237,8 @@ export default {
 };
 </script>
 
-<style></style>
+<style lang="scss" scoped>
+:deep(.el-form--inline .el-form-item) {
+  margin-right: 15px;
+}
+</style>