前端gjy

src/views/warehouse/warehouseManagementAdd.vue

@@ -558,6 +558,7 @@ export default {
 .small-title {
   position: relative;
   padding: 10px;
+  font-weight: 600;
 }
 .small-title::before {
   position: absolute;

src/views/warehouse/warehouseManagementDelivery.vue

@@ -21,13 +21,13 @@
         >
       </el-col>
     </el-row>
-
     <ws-form ref="deptBudgetList" :model="deptBudgetList" :rules="rules">
       <div class="basicInformation">
         <h2>
           {{ deptBudgetList.warehouseName }}库
           <span class="position"> {{ deptBudgetList.binNumber }}仓位 </span>
         </h2>
+        <div class="small-title">基本信息</div>
         <ws-info-table>
           <!-- 货名 -->
           <ws-form-item label="货名" span="1">
@@ -40,8 +40,8 @@
               <ws-option
                 v-for="item in goodnameList"
                 :key="item.constKey"
-                :label="item.constValue"
-                :value="item.constValue"
+                :label="item.goodsName"
+                :value="item.goodsName"
               />
             </ws-select>
           </ws-form-item>
@@ -55,7 +55,6 @@
               size="small"
             />
           </ws-form-item>
-
           <!--皮重（吨）-->
           <ws-form-item
             label="皮重（吨）"
@@ -71,7 +70,6 @@
               size="small"
             />
           </ws-form-item>
-
           <!--净重（吨）-->
           <ws-form-item label="净重（吨）" span="1" prop="netWeight">
             <ws-input
@@ -99,7 +97,6 @@
               />
             </ws-select>
           </ws-form-item>
-
           <!--经办人-->
           <ws-form-item label="经办人" span="1" prop="agent">
             <ws-input
@@ -139,7 +136,6 @@
               />
             </ws-select>
           </ws-form-item>
-
           <!--车牌号-->
           <ws-form-item label="车牌号" span="1" prop="sourceGoods">
             <ws-input
@@ -149,7 +145,6 @@
               size="small"
             />
           </ws-form-item>
-
           <!--合同编号-->
           <ws-form-item label="合同编号" span="1" prop="contractNo">
             <ws-input
@@ -161,6 +156,7 @@
           </ws-form-item>
         </ws-info-table>
       </div>
+      <div class="small-title">上传仓库照片</div>
       <ws-upload
         ref="upload"
         table-name="maintain_work_order"
@@ -173,7 +169,7 @@
         @onChange="onChange"
         accept=".jpg, .jpeg, .png, .pdf, .doc, .zip, .rar"
       />
-      <h2>化验数据（选填）</h2>
+      <div class="small-title">化验数据（选填）</div>
       <div class="inspector">
         <!--自检员-->
         <ws-form-item label="质检员" span="1" prop="qualityInspector">
@@ -185,68 +181,66 @@
           />
         </ws-form-item>
       </div>
-      <ws-info-table>
-        <!--水分（%）<=-->
-        <ws-form-item label="水分（%）<=" span="1" prop="waterContent">
-          <ws-input
-            v-model="deptBudgetList.warehouseInOutDetail.waterContent"
-            placeholder="请输入水分占比"
-            maxlength="120"
-            size="small"
-          />
-        </ws-form-item>
-        <!--杂质（%）<=-->
-        <ws-form-item label="杂质（%）<=" span="1" prop="impurity">
-          <ws-input
-            v-model="deptBudgetList.warehouseInOutDetail.impurity"
-            placeholder="请输入杂质占比"
-            maxlength="120"
-            size="small"
-          />
-        </ws-form-item>
-        <!--容重（克/升）>=-->
-        <ws-form-item label="容重（克/升）>=" span="1" prop="bulkDensity">
-          <ws-input
-            v-model="deptBudgetList.warehouseInOutDetail.bulkDensity"
-            placeholder="请输入容重"
-            maxlength="120"
-            size="small"
-          />
-        </ws-form-item>
-        <!--霉变粒（%）<=-->
-        <ws-form-item label="霉变粒（%）<=" span="1" prop="mildewGrain">
-          <ws-input
-            v-model="deptBudgetList.warehouseInOutDetail.mildewGrain"
-            placeholder="请输入霉变粒占比"
-            maxlength="120"
-            size="small"
-          />
-        </ws-form-item>
-        <!--热损伤（%）<=-->
-        <ws-form-item label="热损伤（%）<=" span="1" prop="jiaorenli">
-          <ws-input
-            v-model="deptBudgetList.warehouseInOutDetail.jiaorenli"
-            placeholder="请输入热损伤占比"
-            maxlength="120"
-            size="small"
-          />
-        </ws-form-item>
-        <!--不完整粒（%）<=-->
-        <ws-form-item label="不完整粒（%）<=" span="1" prop="imperfectGrain">
-          <ws-input
-            v-model="deptBudgetList.warehouseInOutDetail.imperfectGrain"
-            placeholder="请输入不完整粒占比"
-            maxlength="120"
-            size="small"
-          />
-        </ws-form-item>
-      </ws-info-table>
+      <div class="neifor">
+        <ws-info-table>
+          <!--水分（%）<=-->
+          <ws-form-item label="水分（%）<=" span="1" prop="waterContent">
+            <ws-input
+              v-model="deptBudgetList.warehouseInOutDetail.waterContent"
+              placeholder="请输入水分占比"
+              maxlength="120"
+              size="small"
+            />
+          </ws-form-item>
+          <!--杂质（%）<=-->
+          <ws-form-item label="杂质（%）<=" span="1" prop="impurity">
+            <ws-input
+              v-model="deptBudgetList.warehouseInOutDetail.impurity"
+              placeholder="请输入杂质占比"
+              maxlength="120"
+              size="small"
+            />
+          </ws-form-item>
+          <!--容重（克/升）>=-->
+          <ws-form-item label="容重（克/升）>=" span="1" prop="bulkDensity">
+            <ws-input
+              v-model="deptBudgetList.warehouseInOutDetail.bulkDensity"
+              placeholder="请输入容重"
+              maxlength="120"
+              size="small"
+            />
+          </ws-form-item>
+          <!--霉变粒（%）<=-->
+          <ws-form-item label="霉变粒（%）<=" span="1" prop="mildewGrain">
+            <ws-input
+              v-model="deptBudgetList.warehouseInOutDetail.mildewGrain"
+              placeholder="请输入霉变粒占比"
+              maxlength="120"
+              size="small"
+            />
+          </ws-form-item>
+          <!--热损伤（%）<=-->
+          <ws-form-item label="热损伤（%）<=" span="1" prop="jiaorenli">
+            <ws-input
+              v-model="deptBudgetList.warehouseInOutDetail.jiaorenli"
+              placeholder="请输入热损伤占比"
+              maxlength="120"
+              size="small"
+            />
+          </ws-form-item>
+          <!--不完整粒（%）<=-->
+          <ws-form-item label="不完整粒（%）<=" span="1" prop="imperfectGrain">
+            <ws-input
+              v-model="deptBudgetList.warehouseInOutDetail.imperfectGrain"
+              placeholder="请输入不完整粒占比"
+              maxlength="120"
+              size="small"
+            />
+          </ws-form-item>
+        </ws-info-table>
+      </div>
       <div style="text-align: right; padding: 10px">
-        <el-button
-          class="bg-bottom-up"
-          type="primary"
-          size="small"
-          @click="temporaryStorage()"
+        <el-button class="bg-bottom-up" size="small" @click="temporaryStorage()"
           >暂存</el-button
         >
         <el-button
@@ -261,7 +255,7 @@
   </div>
 </template>
 <script>
-import { pullDown, addstorageputList } from '@/model/warehouse/index'
+import { pullDown, addstorageputList, goodsname } from '@/model/warehouse/index'
 import { downloadFile } from '@/utils/batchDown'
 import Pagination from '@/components/Pagination'
 import WsUpload from '@/components/WsUpload'
@@ -334,6 +328,7 @@ export default {
         warehouseInOutDetail: {},
       },
       historyList: [],
+
       pickerBeginDateBefore: {
         disabledDate: (time) => {
           return time.getTime() > Date.now()
@@ -387,6 +382,133 @@ export default {
     },
     //提交按钮
     submit() {
+      if (!this.deptBudgetList.goodsName) {
+        this.$message({
+          message: '货名不能为空！',
+          type: 'warning',
+        })
+        return
+      }
+      if (!this.deptBudgetList.grossWeight) {
+        this.$message({
+          message: '毛重不能为空！',
+          type: 'warning',
+        })
+        return
+      }
+      if (
+        this.deptBudgetList.grossWeight < 0 ||
+        this.deptBudgetList.grossWeight >= 10000
+      ) {
+        this.$message({
+          message: '毛重输入错误！',
+          type: 'warning',
+        })
+        return
+      }
+      if (!this.deptBudgetList.tare) {
+        this.$message({
+          message: '皮重不能为空！',
+          type: 'warning',
+        })
+        return
+      }
+      if (this.deptBudgetList.tare < 0 || this.deptBudgetList.tare >= 10000) {
+        this.$message({
+          message: '皮重输入错误！',
+          type: 'warning',
+        })
+        return
+      }
+      if (!this.deptBudgetList.netWeight) {
+        this.$message({
+          message: '净重不能为空！',
+          type: 'warning',
+        })
+        return
+      }
+      if (
+        this.deptBudgetList.netWeight < 0 ||
+        this.deptBudgetList.netWeight >= 10000
+      ) {
+        this.$message({
+          message: '净重输入错误！',
+          type: 'warning',
+        })
+        return
+      }
+      if (!this.deptBudgetList.grade) {
+        this.$message({
+          message: '品级不能为空！',
+          type: 'warning',
+        })
+        return
+      }
+      if (!this.deptBudgetList.agent) {
+        this.$message({
+          message: '经办人不能为空！',
+          type: 'warning',
+        })
+        return
+      }
+      if (
+        this.deptBudgetList.agent.length < 2 ||
+        this.deptBudgetList.agent.length > 10
+      ) {
+        this.$message({
+          message: '经办人姓名输入有误！',
+          type: 'warning',
+        })
+        return
+      }
+      if (!this.deptBudgetList.inOutDate) {
+        this.$message({
+          message: '出库日期不能为空！',
+          type: 'warning',
+        })
+        return
+      }
+      if (!this.deptBudgetList.inOutType) {
+        this.$message({
+          message: '出库类型不能为空！',
+          type: 'warning',
+        })
+        return
+      }
+      if (!this.deptBudgetList.carNo) {
+        this.$message({
+          message: '车牌号不能为空！',
+          type: 'warning',
+        })
+        return
+      }
+      if (
+        this.deptBudgetList.carNo.length < 6 &&
+        this.deptBudgetList.carNo.length <= 8
+      ) {
+        this.$message({
+          message: '车牌号输入有误！',
+          type: 'warning',
+        })
+        return
+      }
+      if (!this.deptBudgetList.contractNo) {
+        this.$message({
+          message: '合同编号不能为空！',
+          type: 'warning',
+        })
+        return
+      }
+      if (
+        this.deptBudgetList.contractNo.length < 6 ||
+        this.deptBudgetList.contractNo.length > 20
+      ) {
+        this.$message({
+          message: '合同编号输入有误！',
+          type: 'warning',
+        })
+        return
+      }
       this.$refs.deptBudgetList.validate((valid) => {
         if (valid) {
           this.deptBudgetList.compId = sessionStorage.getItem('ws-pf_compId')
@@ -420,8 +542,8 @@ export default {
     },
     selectgoodsName(e) {
       for (var i = 0; i < this.goodnameList.length; i++) {
-        if (this.goodnameList[i].constValue == e) {
-          this.deptBudgetList.goodsNameKey = this.goodnameList[i].constKey
+        if (this.goodnameList[i].goodsName == e) {
+          this.deptBudgetList.goodsNameKey = this.goodnameList[i].goodsNameKey
         }
       }
     },
@@ -454,7 +576,7 @@ export default {
     },
     getList() {
       // 货名
-      pullDown({ constId: 'CON2' })
+      goodsname({ positionId: this.$route.query.positionId })
         .toPromise()
         .then((response) => {
           this.goodnameList = response
@@ -513,29 +635,29 @@ export default {
         })
     },
 
-    async exportlist() {
-      const { data } = await export1(
-        {
-          compId: sessionStorage.getItem('ws-pf_compId'),
-          contractType: this.contractType,
-          currentPage: this.currentPage,
-          pageSize: this.pageSize,
-          searchType: this.searchType,
-          searchKeyWord: this.searchKeyWord,
-          startDate: this.startDate,
-          endDate: this.endDate,
-        },
-        {},
-        { responseType: 'blob' }
-      ).toPromise()
-      downloadFile({
-        res: data,
-        fileName: `${
-          this.date.year + (this.date.month ? `-${this.date.month}` : '')
-        }_采购合同`,
-        type: 'xls',
-      })
-    },
+    // async exportlist() {
+    //   const { data } = await export1(
+    //     {
+    //       compId: sessionStorage.getItem('ws-pf_compId'),
+    //       contractType: this.contractType,
+    //       currentPage: this.currentPage,
+    //       pageSize: this.pageSize,
+    //       searchType: this.searchType,
+    //       searchKeyWord: this.searchKeyWord,
+    //       startDate: this.startDate,
+    //       endDate: this.endDate,
+    //     },
+    //     {},
+    //     { responseType: 'blob' }
+    //   ).toPromise()
+    //   downloadFile({
+    //     res: data,
+    //     fileName: `${
+    //       this.date.year + (this.date.month ? `-${this.date.month}` : '')
+    //     }_采购合同`,
+    //     type: 'xls',
+    //   })
+    // },
     // deletecontract(){},
     //删除
     approve() {},
@@ -563,6 +685,10 @@ export default {
     }
   }
 }
+.el-button--default {
+  color: #5473e8;
+  border-color: #5473e8;
+}
 .title {
   position: relative;
   padding-left: 10px;
@@ -597,12 +723,6 @@ export default {
   height: 2000px;
   margin: 0 auto;
 }
-/deep/.el-form-item__label {
-  width: 160px;
-}
-/deep/.el-input--small {
-  width: 70%;
-}
 //选填
 /deep/.el-form-item {
   width: 50%;
@@ -624,23 +744,36 @@ export default {
 }
 //仓位
 .position {
-  width: 52px;
-  height: 20px;
   background: #afb5cb;
   border-radius: 2px;
   font-size: 12px;
-  font-family: PingFangSC-Medium, PingFang SC;
   color: #ffffff;
   line-height: 20px;
+  padding: 2px 4px;
+  position: relative;
+  top: -2px;
+}
+.neifor /deep/.ws-info-table .el-form-item .el-form-item__label {
+  background: #f6f7fc;
+}
+.neifor .ws-info-table {
+  border-left: 1px solid #cdd2dc;
+  border-top: 1px solid #cdd2dc;
+}
+.neifor .ws-info-table .el-form-item {
+  border-right: 1px solid #cdd2dc;
+  border-bottom: 1px solid #cdd2dc;
+}
+.inspector /deep/.ws-info-table .el-form-item .el-form-item__label {
+  width: 59px;
 }
 //表格文字
 /deep/.ws-info-table .el-form-item .el-form-item__label {
-  text-align: left;
+  text-align: center;
   font-size: 14px;
   font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
   color: #8890b1;
-  background: #f6f7fc;
   line-height: 16px;
 }
 //质检员
@@ -648,4 +781,35 @@ export default {
   text-align: left;
   margin-left: 0px;
 }
-</style>
+.small-title {
+  position: relative;
+  padding: 10px;
+  font-weight: 600;
+}
+.small-title::before {
+  position: absolute;
+  content: '';
+  display: block;
+  background: #5473e8;
+  width: 4px;
+  height: 14px;
+  left: 0px;
+  top: 13px;
+}
+//下面列表
+.neifor {
+  width: 80%;
+  background-color: #f6f7fc;
+}
+/deep/.neifor .ws-info-table .el-form-item .el-form-item__label {
+  width: 35%;
+  text-align: center;
+}
+/deep/.neifor .ws-info-table .el-form-item .el-form-item__content {
+  width: 60%;
+  background-color: #f6f7fc;
+}
+/deep/.neifor .el-input--small .el-input__inner {
+  width: 100%;
+}
+</style>

src/views/warehouse/warehouseManagementEdit.vue

@@ -428,6 +428,7 @@ export default {
 .small-title {
   position: relative;
   padding: 10px;
+  font-weight: 600;
 }
 .small-title::before {
   position: absolute;

src/views/warehouse/warehouseManagementLook.vue

@@ -408,6 +408,7 @@ export default {
 .small-title {
   position: relative;
   padding: 10px;
+  font-weight: 600;
 }
 .small-title::before {
   position: absolute;

src/views/warehouse/warehouseManagementPerfectDelivery.vue

@@ -26,12 +26,12 @@
     <ws-form ref="deptBudgetList" :model="deptBudgetList" :rules="rules">
       <div class="basicInformation">
         <h2>
-          {{ this.deptBudgetList1.warehouseName}}库
-           <span class="position">
-          {{this.deptBudgetList1.binNumber }}仓位
+          {{ this.deptBudgetList1.warehouseName }}库
+          <span class="position">
+            {{ this.deptBudgetList1.binNumber }}仓位
           </span>
         </h2>
-       <div class="small-title">基本信息</div>
+        <div class="small-title">基本信息</div>
         <ws-info-table>
           <!-- 货名 -->
           <ws-form-item label="货名" span="1">
@@ -113,7 +113,12 @@
             />
           </ws-form-item>
           <!--出库日期-->
-          <ws-form-item label="出库日期" span="1" prop="inOutDate" class="deliverydate">
+          <ws-form-item
+            label="出库日期"
+            span="1"
+            prop="inOutDate"
+            class="deliverydate"
+          >
             <ws-date-picker
               v-model="deptBudgetList.inOutDate"
               type="date"
@@ -159,7 +164,7 @@
           </ws-form-item>
         </ws-info-table>
       </div>
-       <div class="small-title">上传仓库照片</div>
+      <div class="small-title">上传仓库照片</div>
       <ws-upload
         ref="upload"
         table-name="maintain_work_order"
@@ -172,10 +177,10 @@
         @onChange="onChange"
         accept=".jpg, .jpeg, .png, .pdf, .doc, .zip, .rar"
       />
-     <div class="small-title">化验数据（选填）</div>
+      <div class="small-title">化验数据（选填）</div>
       <div class="inspector">
-       <!--自检员-->
-        <ws-form-item label="质检员" span="1" prop="qualityInspector" >
+        <!--自检员-->
+        <ws-form-item label="质检员" span="1" prop="qualityInspector">
           <ws-input
             v-model="deptBudgetList.warehouseInOutDetail.qualityInspector"
             placeholder="请输入质检员姓名"
@@ -183,65 +188,64 @@
             size="small"
           />
         </ws-form-item>
-        </div>
-        <div class="neifor">
-      <ws-info-table>
-        <!--水分（%）<=-->
-        <ws-form-item label="水分（%）<=" span="1" prop="waterContent">
-          <ws-input
-            v-model="deptBudgetList.warehouseInOutDetail.waterContent"
-            placeholder="请输入水分占比"
-            maxlength="120"
-            size="small"
-          />
-        </ws-form-item>
-        <!--杂质（%）<=-->
-        <ws-form-item label="杂质（%）<=" span="1" prop="impurity">
-          <ws-input
-            v-model="deptBudgetList.warehouseInOutDetail.impurity"
-            placeholder="请输入杂质占比"
-            maxlength="120"
-            size="small"
-          />
-        </ws-form-item>
-        <!--容重（克/升）>=-->
-        <ws-form-item label="容重（克/升）>=" span="1" prop="bulkDensity">
-          <ws-input
-            v-model="deptBudgetList.warehouseInOutDetail.bulkDensity"
-            placeholder="请输入容重"
-            maxlength="120"
-            size="small"
-          />
-        </ws-form-item>
-        <!--霉变粒（%）<=-->
-        <ws-form-item label="霉变粒（%）<=" span="1" prop="mildewGrain">
-          <ws-input
-            v-model="deptBudgetList.warehouseInOutDetail.mildewGrain"
-            placeholder="请输入霉变粒占比"
-            maxlength="120"
-            size="small"
-          />
-        </ws-form-item>
-        <!--热损伤（%）<=-->
-        <ws-form-item label="热损伤（%）<=" span="1" prop="jiaorenli">
-          <ws-input
-            v-model="deptBudgetList.warehouseInOutDetail.jiaorenli"
-            placeholder="请输入热损伤占比"
-            maxlength="120"
-            size="small"
-          />
-        </ws-form-item>
-        <!--不完整粒（%）<=-->
-        <ws-form-item label="不完整粒（%）<=" span="1" prop="imperfectGrain">
-          <ws-input
-            v-model="deptBudgetList.warehouseInOutDetail.imperfectGrain"
-            placeholder="请输入不完整粒占比"
-            maxlength="120"
-            size="small"
-          />
-        </ws-form-item>
-       
-      </ws-info-table>
+      </div>
+      <div class="neifor">
+        <ws-info-table>
+          <!--水分（%）<=-->
+          <ws-form-item label="水分（%）<=" span="1" prop="waterContent">
+            <ws-input
+              v-model="deptBudgetList.warehouseInOutDetail.waterContent"
+              placeholder="请输入水分占比"
+              maxlength="120"
+              size="small"
+            />
+          </ws-form-item>
+          <!--杂质（%）<=-->
+          <ws-form-item label="杂质（%）<=" span="1" prop="impurity">
+            <ws-input
+              v-model="deptBudgetList.warehouseInOutDetail.impurity"
+              placeholder="请输入杂质占比"
+              maxlength="120"
+              size="small"
+            />
+          </ws-form-item>
+          <!--容重（克/升）>=-->
+          <ws-form-item label="容重（克/升）>=" span="1" prop="bulkDensity">
+            <ws-input
+              v-model="deptBudgetList.warehouseInOutDetail.bulkDensity"
+              placeholder="请输入容重"
+              maxlength="120"
+              size="small"
+            />
+          </ws-form-item>
+          <!--霉变粒（%）<=-->
+          <ws-form-item label="霉变粒（%）<=" span="1" prop="mildewGrain">
+            <ws-input
+              v-model="deptBudgetList.warehouseInOutDetail.mildewGrain"
+              placeholder="请输入霉变粒占比"
+              maxlength="120"
+              size="small"
+            />
+          </ws-form-item>
+          <!--热损伤（%）<=-->
+          <ws-form-item label="热损伤（%）<=" span="1" prop="jiaorenli">
+            <ws-input
+              v-model="deptBudgetList.warehouseInOutDetail.jiaorenli"
+              placeholder="请输入热损伤占比"
+              maxlength="120"
+              size="small"
+            />
+          </ws-form-item>
+          <!--不完整粒（%）<=-->
+          <ws-form-item label="不完整粒（%）<=" span="1" prop="imperfectGrain">
+            <ws-input
+              v-model="deptBudgetList.warehouseInOutDetail.imperfectGrain"
+              placeholder="请输入不完整粒占比"
+              maxlength="120"
+              size="small"
+            />
+          </ws-form-item>
+        </ws-info-table>
       </div>
       <div style="text-align: right; padding: 10px">
         <el-button
@@ -311,7 +315,7 @@ export default {
       appendixIdsAdd: '',
       uploadSuccess: {},
       onChange: {},
-      deptBudgetList1:[],
+      deptBudgetList1: [],
       gradeList: [],
       rules: {
         netWeight: [
@@ -390,7 +394,9 @@ export default {
     },
     //提交按钮
     submit() {
-     if (this.deptBudgetList.warehouseInOutDetail.qualityInspector.length<2 || deptBudgetList.warehouseInOutDetail.qualityInspector > 10
+      if (
+        this.deptBudgetList.warehouseInOutDetail.qualityInspector.length < 2 ||
+        deptBudgetList.warehouseInOutDetail.qualityInspector > 10
       ) {
         this.$message({
           message: '质检员姓名长度错误！',
@@ -398,7 +404,9 @@ export default {
         })
         return
       }
-      if (this.deptBudgetList.warehouseInOutDetail.qualityInspector.length<2 || deptBudgetList.warehouseInOutDetail.qualityInspector > 10
+      if (
+        this.deptBudgetList.warehouseInOutDetail.qualityInspector.length < 2 ||
+        deptBudgetList.warehouseInOutDetail.qualityInspector > 10
       ) {
         this.$message({
           message: '质检员姓名长度错误！',
@@ -407,7 +415,6 @@ export default {
         return
       }
 
-
       this.$refs.deptBudgetList.validate((valid) => {
         if (valid) {
           this.deptBudgetList.compId = sessionStorage.getItem('ws-pf_compId')
@@ -657,36 +664,37 @@ export default {
 }
 .center {
   margin-top: -60px;
-    width: 80%;
+  width: 80%;
 }
 //仓位
-.position{
- width: 52px;
-height: 20px;
-background: #AFB5CB;
-border-radius: 2px;
-font-size: 12px;
-font-family: PingFangSC-Medium, PingFang SC;
-color: #FFFFFF;
-line-height: 20px;
+.position {
+  width: 52px;
+  height: 20px;
+  background: #afb5cb;
+  border-radius: 2px;
+  font-size: 12px;
+  font-family: PingFangSC-Medium, PingFang SC;
+  color: #ffffff;
+  line-height: 20px;
 }
 //表格文字
-/deep/.ws-info-table .el-form-item .el-form-item__label{
+/deep/.ws-info-table .el-form-item .el-form-item__label {
   text-align: left;
-font-size: 14px;
-font-family: PingFangSC-Regular, PingFang SC;
-font-weight: 400;
-color: #8890B1;
-line-height: 16px;
+  font-size: 14px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #8890b1;
+  line-height: 16px;
 }
 //质检员
-.inspector .el-form-item__content{
+.inspector .el-form-item__content {
   text-align: left;
   margin-left: 0px;
 }
 .small-title {
   position: relative;
   padding: 10px;
+  font-weight: 600;
 }
 .small-title::before {
   position: absolute;
@@ -699,22 +707,22 @@ line-height: 16px;
   top: 13px;
 }
 //下面列表
-.neifor{
+.neifor {
   width: 80%;
-  background-color: #F6F7FC;
+  background-color: #f6f7fc;
 }
-/deep/.neifor .ws-info-table .el-form-item .el-form-item__label{
+/deep/.neifor .ws-info-table .el-form-item .el-form-item__label {
   width: 35%;
   text-align: center;
 }
-/deep/.neifor .ws-info-table .el-form-item .el-form-item__content{
+/deep/.neifor .ws-info-table .el-form-item .el-form-item__content {
   width: 60%;
-  background-color: #F6F7FC;
+  background-color: #f6f7fc;
 }
-/deep/.neifor .el-input--small .el-input__inner{
+/deep/.neifor .el-input--small .el-input__inner {
   width: 120%;
 }
-.el-input__inner{
+.el-input__inner {
   width: 150px;
 }
 </style>

src/views/warehouse/warehouseManagementPerfectput.vue

@@ -26,11 +26,9 @@
       <div class="basicInformation">
         <h2>
           {{ deptBudgetList1.warehouseName }}库
-           <span class="position">
-          {{deptBudgetList1.binNumber }}仓位
-          </span>
+          <span class="position"> {{ deptBudgetList1.binNumber }}仓位 </span>
         </h2>
-       <div class="small-title">基本信息</div>
+        <div class="small-title">基本信息</div>
         <ws-info-table>
           <!-- 货名 -->
           <ws-form-item label="货名" span="1">
@@ -112,7 +110,12 @@
             />
           </ws-form-item>
           <!--出库日期-->
-          <ws-form-item label="出库日期" span="1" prop="inOutDate" class="deliverydate">
+          <ws-form-item
+            label="出库日期"
+            span="1"
+            prop="inOutDate"
+            class="deliverydate"
+          >
             <ws-date-picker
               v-model="deptBudgetList.inOutDate"
               type="date"
@@ -158,7 +161,7 @@
           </ws-form-item>
         </ws-info-table>
       </div>
-       <div class="small-title">上传仓库照片</div>
+      <div class="small-title">上传仓库照片</div>
       <ws-upload
         ref="upload"
         table-name="maintain_work_order"
@@ -171,10 +174,10 @@
         @onChange="onChange"
         accept=".jpg, .jpeg, .png, .pdf, .doc, .zip, .rar"
       />
-     <div class="small-title">化验数据（选填）</div>
+      <div class="small-title">化验数据（选填）</div>
       <div class="inspector">
-       <!--自检员-->
-        <ws-form-item label="质检员" span="1" prop="qualityInspector" >
+        <!--自检员-->
+        <ws-form-item label="质检员" span="1" prop="qualityInspector">
           <ws-input
             v-model="deptBudgetList.warehouseInOutDetail.qualityInspector"
             placeholder="请输入质检员姓名"
@@ -182,65 +185,64 @@
             size="small"
           />
         </ws-form-item>
-        </div>
-        <div class="neifor">
-      <ws-info-table>
-        <!--水分（%）<=-->
-        <ws-form-item label="水分（%）<=" span="1" prop="waterContent">
-          <ws-input
-            v-model="deptBudgetList.warehouseInOutDetail.waterContent"
-            placeholder="请输入水分占比"
-            maxlength="120"
-            size="small"
-          />
-        </ws-form-item>
-        <!--杂质（%）<=-->
-        <ws-form-item label="杂质（%）<=" span="1" prop="impurity">
-          <ws-input
-            v-model="deptBudgetList.warehouseInOutDetail.impurity"
-            placeholder="请输入杂质占比"
-            maxlength="120"
-            size="small"
-          />
-        </ws-form-item>
-        <!--容重（克/升）>=-->
-        <ws-form-item label="容重（克/升）>=" span="1" prop="bulkDensity">
-          <ws-input
-            v-model="deptBudgetList.warehouseInOutDetail.bulkDensity"
-            placeholder="请输入容重"
-            maxlength="120"
-            size="small"
-          />
-        </ws-form-item>
-        <!--霉变粒（%）<=-->
-        <ws-form-item label="霉变粒（%）<=" span="1" prop="mildewGrain">
-          <ws-input
-            v-model="deptBudgetList.warehouseInOutDetail.mildewGrain"
-            placeholder="请输入霉变粒占比"
-            maxlength="120"
-            size="small"
-          />
-        </ws-form-item>
-        <!--热损伤（%）<=-->
-        <ws-form-item label="热损伤（%）<=" span="1" prop="jiaorenli">
-          <ws-input
-            v-model="deptBudgetList.warehouseInOutDetail.jiaorenli"
-            placeholder="请输入热损伤占比"
-            maxlength="120"
-            size="small"
-          />
-        </ws-form-item>
-        <!--不完整粒（%）<=-->
-        <ws-form-item label="不完整粒（%）<=" span="1" prop="imperfectGrain">
-          <ws-input
-            v-model="deptBudgetList.warehouseInOutDetail.imperfectGrain"
-            placeholder="请输入不完整粒占比"
-            maxlength="120"
-            size="small"
-          />
-        </ws-form-item>
-       
-      </ws-info-table>
+      </div>
+      <div class="neifor">
+        <ws-info-table>
+          <!--水分（%）<=-->
+          <ws-form-item label="水分（%）<=" span="1" prop="waterContent">
+            <ws-input
+              v-model="deptBudgetList.warehouseInOutDetail.waterContent"
+              placeholder="请输入水分占比"
+              maxlength="120"
+              size="small"
+            />
+          </ws-form-item>
+          <!--杂质（%）<=-->
+          <ws-form-item label="杂质（%）<=" span="1" prop="impurity">
+            <ws-input
+              v-model="deptBudgetList.warehouseInOutDetail.impurity"
+              placeholder="请输入杂质占比"
+              maxlength="120"
+              size="small"
+            />
+          </ws-form-item>
+          <!--容重（克/升）>=-->
+          <ws-form-item label="容重（克/升）>=" span="1" prop="bulkDensity">
+            <ws-input
+              v-model="deptBudgetList.warehouseInOutDetail.bulkDensity"
+              placeholder="请输入容重"
+              maxlength="120"
+              size="small"
+            />
+          </ws-form-item>
+          <!--霉变粒（%）<=-->
+          <ws-form-item label="霉变粒（%）<=" span="1" prop="mildewGrain">
+            <ws-input
+              v-model="deptBudgetList.warehouseInOutDetail.mildewGrain"
+              placeholder="请输入霉变粒占比"
+              maxlength="120"
+              size="small"
+            />
+          </ws-form-item>
+          <!--热损伤（%）<=-->
+          <ws-form-item label="热损伤（%）<=" span="1" prop="jiaorenli">
+            <ws-input
+              v-model="deptBudgetList.warehouseInOutDetail.jiaorenli"
+              placeholder="请输入热损伤占比"
+              maxlength="120"
+              size="small"
+            />
+          </ws-form-item>
+          <!--不完整粒（%）<=-->
+          <ws-form-item label="不完整粒（%）<=" span="1" prop="imperfectGrain">
+            <ws-input
+              v-model="deptBudgetList.warehouseInOutDetail.imperfectGrain"
+              placeholder="请输入不完整粒占比"
+              maxlength="120"
+              size="small"
+            />
+          </ws-form-item>
+        </ws-info-table>
       </div>
       <div style="text-align: right; padding: 10px">
         <el-button
@@ -310,7 +312,7 @@ export default {
       appendixIdsAdd: '',
       uploadSuccess: {},
       onChange: {},
-      deptBudgetList1:[],
+      deptBudgetList1: [],
       gradeList: [],
       rules: {
         netWeight: [
@@ -390,7 +392,9 @@ export default {
     },
     //提交按钮
     submit() {
-     if (this.deptBudgetList.warehouseInOutDetail.qualityInspector.length<2 || deptBudgetList.warehouseInOutDetail.qualityInspector > 10
+      if (
+        this.deptBudgetList.warehouseInOutDetail.qualityInspector.length < 2 ||
+        deptBudgetList.warehouseInOutDetail.qualityInspector > 10
       ) {
         this.$message({
           message: '质检员姓名长度错误！',
@@ -398,7 +402,9 @@ export default {
         })
         return
       }
-      if (this.deptBudgetList.warehouseInOutDetail.qualityInspector.length<2 || deptBudgetList.warehouseInOutDetail.qualityInspector > 10
+      if (
+        this.deptBudgetList.warehouseInOutDetail.qualityInspector.length < 2 ||
+        deptBudgetList.warehouseInOutDetail.qualityInspector > 10
       ) {
         this.$message({
           message: '质检员姓名长度错误！',
@@ -407,7 +413,6 @@ export default {
         return
       }
 
-
       this.$refs.deptBudgetList.validate((valid) => {
         if (valid) {
           this.deptBudgetList.compId = sessionStorage.getItem('ws-pf_compId')
@@ -657,36 +662,37 @@ export default {
 }
 .center {
   margin-top: -60px;
-    width: 80%;
+  width: 80%;
 }
 //仓位
-.position{
- width: 52px;
-height: 20px;
-background: #AFB5CB;
-border-radius: 2px;
-font-size: 12px;
-font-family: PingFangSC-Medium, PingFang SC;
-color: #FFFFFF;
-line-height: 20px;
+.position {
+  width: 52px;
+  height: 20px;
+  background: #afb5cb;
+  border-radius: 2px;
+  font-size: 12px;
+  font-family: PingFangSC-Medium, PingFang SC;
+  color: #ffffff;
+  line-height: 20px;
 }
 //表格文字
-/deep/.ws-info-table .el-form-item .el-form-item__label{
+/deep/.ws-info-table .el-form-item .el-form-item__label {
   text-align: left;
-font-size: 14px;
-font-family: PingFangSC-Regular, PingFang SC;
-font-weight: 400;
-color: #8890B1;
-line-height: 16px;
+  font-size: 14px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #8890b1;
+  line-height: 16px;
 }
 //质检员
-.inspector .el-form-item__content{
+.inspector .el-form-item__content {
   text-align: left;
   margin-left: 0px;
 }
 .small-title {
   position: relative;
   padding: 10px;
+  font-weight: 600;
 }
 .small-title::before {
   position: absolute;
@@ -699,22 +705,22 @@ line-height: 16px;
   top: 13px;
 }
 //下面列表
-.neifor{
+.neifor {
   width: 80%;
-  background-color: #F6F7FC;
+  background-color: #f6f7fc;
 }
-/deep/.neifor .ws-info-table .el-form-item .el-form-item__label{
+/deep/.neifor .ws-info-table .el-form-item .el-form-item__label {
   width: 35%;
   text-align: center;
 }
-/deep/.neifor .ws-info-table .el-form-item .el-form-item__content{
+/deep/.neifor .ws-info-table .el-form-item .el-form-item__content {
   width: 60%;
-  background-color: #F6F7FC;
+  background-color: #f6f7fc;
 }
-/deep/.neifor .el-input--small .el-input__inner{
+/deep/.neifor .el-input--small .el-input__inner {
   width: 120%;
 }
-.el-input__inner{
+.el-input__inner {
   width: 150px;
 }
 </style>

src/views/warehouse/warehouseManagementPut.vue

@@ -26,10 +26,8 @@
       <div class="basicInformation">
         <h2>
           {{ deptBudgetList.warehouseName }}库
-          <span class="position">
-          {{ deptBudgetList.binNumber }}仓位
-          </span>
-        </h2> 
+          <span class="position"> {{ deptBudgetList.binNumber }}仓位 </span>
+        </h2>
         <ws-info-table>
           <!-- 货名 -->
           <ws-form-item label="货名" span="1">
@@ -176,8 +174,8 @@
       />
       <div class="small-title">化验数据（选填）</div>
       <div class="inspector">
-       <!--自检员-->
-        <ws-form-item label="质检员" span="1" prop="qualityInspector" >
+        <!--自检员-->
+        <ws-form-item label="质检员" span="1" prop="qualityInspector">
           <ws-input
             v-model="deptBudgetList.warehouseInOutDetail.qualityInspector"
             placeholder="请输入质检员姓名"
@@ -185,66 +183,65 @@
             size="small"
           />
         </ws-form-item>
-        </div>
-        
-        <div class="neifor">
-      <ws-info-table>
+      </div>
 
-        <!--水分（%）<=-->
-        <ws-form-item label="水分（%）<=" span="1" prop="waterContent">
-          <ws-input
-            v-model="deptBudgetList.warehouseInOutDetail.waterContent"
-            placeholder="请输入水分占比"
-            maxlength="120"
-            size="small"
-          />
-        </ws-form-item>
-        <!--杂质（%）<=-->
-        <ws-form-item label="杂质（%）<=" span="1" prop="impurity">
-          <ws-input
-            v-model="deptBudgetList.warehouseInOutDetail.impurity"
-            placeholder="请输入杂质占比"
-            maxlength="120"
-            size="small"
-          />
-        </ws-form-item>
-        <!--容重（克/升）>=-->
-        <ws-form-item label="容重（克/升）>=" span="1" prop="bulkDensity">
-          <ws-input
-            v-model="deptBudgetList.warehouseInOutDetail.bulkDensity"
-            placeholder="请输入容重"
-            maxlength="120"
-            size="small"
-          />
-        </ws-form-item>
-        <!--霉变粒（%）<=-->
-        <ws-form-item label="霉变粒（%）<=" span="1" prop="mildewGrain">
-          <ws-input
-            v-model="deptBudgetList.warehouseInOutDetail.mildewGrain"
-            placeholder="请输入霉变粒占比"
-            maxlength="120"
-            size="small"
-          />
-        </ws-form-item>
-        <!--热损伤（%）<=-->
-        <ws-form-item label="热损伤（%）<=" span="1" prop="jiaorenli">
-          <ws-input
-            v-model="deptBudgetList.warehouseInOutDetail.jiaorenli"
-            placeholder="请输入热损伤占比"
-            maxlength="120"
-            size="small"
-          />
-        </ws-form-item>
-        <!--不完整粒（%）<=-->
-        <ws-form-item label="不完整粒（%）<=" span="1" prop="imperfectGrain">
-          <ws-input
-            v-model="deptBudgetList.warehouseInOutDetail.imperfectGrain"
-            placeholder="请输入不完整粒占比"
-            maxlength="120"
-            size="small"
-          />
-        </ws-form-item>
-      </ws-info-table>
+      <div class="neifor">
+        <ws-info-table>
+          <!--水分（%）<=-->
+          <ws-form-item label="水分（%）<=" span="1" prop="waterContent">
+            <ws-input
+              v-model="deptBudgetList.warehouseInOutDetail.waterContent"
+              placeholder="请输入水分占比"
+              maxlength="120"
+              size="small"
+            />
+          </ws-form-item>
+          <!--杂质（%）<=-->
+          <ws-form-item label="杂质（%）<=" span="1" prop="impurity">
+            <ws-input
+              v-model="deptBudgetList.warehouseInOutDetail.impurity"
+              placeholder="请输入杂质占比"
+              maxlength="120"
+              size="small"
+            />
+          </ws-form-item>
+          <!--容重（克/升）>=-->
+          <ws-form-item label="容重（克/升）>=" span="1" prop="bulkDensity">
+            <ws-input
+              v-model="deptBudgetList.warehouseInOutDetail.bulkDensity"
+              placeholder="请输入容重"
+              maxlength="120"
+              size="small"
+            />
+          </ws-form-item>
+          <!--霉变粒（%）<=-->
+          <ws-form-item label="霉变粒（%）<=" span="1" prop="mildewGrain">
+            <ws-input
+              v-model="deptBudgetList.warehouseInOutDetail.mildewGrain"
+              placeholder="请输入霉变粒占比"
+              maxlength="120"
+              size="small"
+            />
+          </ws-form-item>
+          <!--热损伤（%）<=-->
+          <ws-form-item label="热损伤（%）<=" span="1" prop="jiaorenli">
+            <ws-input
+              v-model="deptBudgetList.warehouseInOutDetail.jiaorenli"
+              placeholder="请输入热损伤占比"
+              maxlength="120"
+              size="small"
+            />
+          </ws-form-item>
+          <!--不完整粒（%）<=-->
+          <ws-form-item label="不完整粒（%）<=" span="1" prop="imperfectGrain">
+            <ws-input
+              v-model="deptBudgetList.warehouseInOutDetail.imperfectGrain"
+              placeholder="请输入不完整粒占比"
+              maxlength="120"
+              size="small"
+            />
+          </ws-form-item>
+        </ws-info-table>
       </div>
       <div style="text-align: right; padding: 10px">
         <el-button
@@ -748,36 +745,37 @@ export default {
 }
 .center {
   margin-top: -60px;
-    width: 80%;
+  width: 80%;
 }
 //仓位
-.position{
- width: 52px;
-height: 20px;
-background: #AFB5CB;
-border-radius: 2px;
-font-size: 12px;
-font-family: PingFangSC-Medium, PingFang SC;
-color: #FFFFFF;
-line-height: 20px;
+.position {
+  width: 52px;
+  height: 20px;
+  background: #afb5cb;
+  border-radius: 2px;
+  font-size: 12px;
+  font-family: PingFangSC-Medium, PingFang SC;
+  color: #ffffff;
+  line-height: 20px;
 }
 //表格文字
-/deep/.ws-info-table .el-form-item .el-form-item__label{
+/deep/.ws-info-table .el-form-item .el-form-item__label {
   text-align: left;
-font-size: 14px;
-font-family: PingFangSC-Regular, PingFang SC;
-font-weight: 400;
-color: #8890B1;
-line-height: 16px;
+  font-size: 14px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #8890b1;
+  line-height: 16px;
 }
 //质检员
-.inspector .el-form-item__content{
+.inspector .el-form-item__content {
   text-align: left;
   margin-left: 0px;
 }
 .small-title {
   position: relative;
   padding: 10px;
+  font-weight: 600;
 }
 .small-title::before {
   position: absolute;
@@ -790,19 +788,19 @@ line-height: 16px;
   top: 13px;
 }
 //下面列表
-.neifor{
+.neifor {
   width: 80%;
-  background-color: #F6F7FC;
+  background-color: #f6f7fc;
 }
-/deep/.neifor .ws-info-table .el-form-item .el-form-item__label{
+/deep/.neifor .ws-info-table .el-form-item .el-form-item__label {
   width: 35%;
   text-align: center;
 }
-/deep/.neifor .ws-info-table .el-form-item .el-form-item__content{
+/deep/.neifor .ws-info-table .el-form-item .el-form-item__content {
   width: 60%;
-  background-color: #F6F7FC;
+  background-color: #f6f7fc;
 }
-/deep/.neifor .el-input--small .el-input__inner{
+/deep/.neifor .el-input--small .el-input__inner {
   width: 120%;
 }
 </style>

src/views/warehouse/warehouseManagementRecord.vue

@@ -511,6 +511,7 @@ export default {
 .small-title {
   position: relative;
   padding: 10px;
+  font-weight: 600;
 }
 .small-title::before {
   position: absolute;