Merge branch 'master' of http://git.zthymaoyi.com/gdc/yiliangyiyun-pc

src/views/tranManagement/tranManagementDriverAdd.vue

@@ -127,7 +127,7 @@
           </ws-select>
         </ws-form-item>
         <!--车长-->
-        <ws-form-item label="不含车头车长（米）" span="1" prop="carLength" class="readonly">
+        <ws-form-item label="不含车头车长（米）" span="1" prop="carLength" class="forlist">
            <ws-select
             v-model="deptBudgetList.drivercarInfo.carLength"
             placeholder=""
@@ -143,7 +143,7 @@
           </ws-select>
         </ws-form-item>
         <!--载重-->
-        <ws-form-item label="载重" span="1" prop="carLoad" class="readonly" width="150px">
+        <ws-form-item label="载重" span="1" prop="carLoad" class="forlist">
           <ws-input
             v-model="deptBudgetList.drivercarInfo.carLoad"
             placeholder="请输入载重"
@@ -153,10 +153,10 @@
         </ws-form-item>
 
         <!--出厂年份-->
-        <ws-form-item label="出厂年份" span="1" prop="yearManufacture" class="readonly">
+        <ws-form-item label="出厂年份" span="1" prop="yearManufacture" class="forlist">
           <ws-input
             v-model="deptBudgetList.drivercarInfo.yearManufacture"
-            placeholder="请输入出厂年份"
+            placeholder="请输入年份"
             maxlength="100"
             size="small"
           />
@@ -199,7 +199,7 @@
           label="账户类型"
           span="1"
           prop="contractNo"
-          class="readonly bg-right"
+          class="el-car bg-right"
         >
           <el-radio v-model="radio" label="1">私人账号</el-radio>
           <el-radio v-model="radio" label="2">企业账户</el-radio>
@@ -214,7 +214,7 @@
           />
         </ws-form-item>
         <!--开户行-->
-        <ws-form-item label="开户行" span="1" prop="bankDeposit" class="readonly">
+        <ws-form-item label="开户行" span="1" prop="bankDeposit" class="el-car">
           <ws-input
             v-model="deptBudgetList.driverPayeeInfo.bankDeposit"
             placeholder="请输入开户行"
@@ -223,7 +223,7 @@
           />
         </ws-form-item>
         <!--姓名-->
-        <ws-form-item label="姓名" v-if="radio==1" span="1" prop="payeeName" class="readonly" width="150px">
+        <ws-form-item label="姓名" v-if="radio==1" span="1" prop="payeeName" class="el-car" width="150px">
           <ws-input
             v-model="deptBudgetList.driverPayeeInfo.payeeName"
             placeholder="请输入姓名"
@@ -232,7 +232,7 @@
           />
         </ws-form-item>
         <!--企业名称-->
-        <ws-form-item label="企业名称" v-else span="1" prop="compName" class="readonly" width="150px">
+        <ws-form-item label="企业名称" v-else span="1" prop="compName" class="el-car" width="150px">
           <ws-input
             v-model="deptBudgetList.driverPayeeInfo.compName"
             placeholder="请输入企业名称"
@@ -242,7 +242,7 @@
         </ws-form-item>
 
         <!--身份证号-->
-        <ws-form-item label="身份证号" v-if="radio==1" span="1" prop="payeeNumberCard" class="readonly">
+        <ws-form-item label="身份证号" v-if="radio==1" span="1" prop="payeeNumberCard" class="el-car">
           <ws-input
             v-model="deptBudgetList.driverPayeeInfo.payeeNumberCard"
             placeholder="请输入身份证号"
@@ -251,7 +251,7 @@
           />
         </ws-form-item>
         <!--身份证附件-->
-        <ws-form-item label="身份证附件" v-if="radio==1" span="1" prop="cardAddressUrl" class="readonly">
+        <ws-form-item label="身份证附件" v-if="radio==1" span="1" prop="cardAddressUrl" class="el-car">
           <!-- <ws-input
             v-model="deptBudgetList.driverPayeeInfo.personNo"
             placeholder="请输入身份证附件"
@@ -688,4 +688,18 @@ export default {
 .forlist {
   width:20%;
 }
+.el-form-item.forlist.is-success.el-form-item--small {
+    width: 20%;
+}
+.el-form-item.forlist.el-form-item--small {
+    width: 20%;
+}
+.el-form-item.readonly.is-success.el-form-item--small.showLableToopTip {
+    width: 20%;
+}
+.el-form-item.el-car.el-form-item--small {
+    width: 33.3%;
+}
+
+
 </style>

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

@@ -240,11 +240,7 @@
         </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
@@ -401,9 +397,8 @@ export default {
         return
       }
       if (
-        isNaN(this.deptBudgetList.grossWeight) &&
-        this.deptBudgetList.grossWeight > 0 &&
-        this.deptBudgetList.grossWeight <= 10000
+        this.deptBudgetList.grossWeight < 0 ||
+        this.deptBudgetList.grossWeight >= 10000
       ) {
         this.$message({
           message: '毛重输入错误！',
@@ -418,11 +413,7 @@ export default {
         })
         return
       }
-      if (
-        isNaN(this.deptBudgetList.tare) &&
-        this.deptBudgetList.tare > 0 &&
-        this.deptBudgetList.tare <= 10000
-      ) {
+      if (this.deptBudgetList.tare < 0 || this.deptBudgetList.tare >= 10000) {
         this.$message({
           message: '皮重输入错误！',
           type: 'warning',
@@ -437,9 +428,8 @@ export default {
         return
       }
       if (
-        isNaN(this.deptBudgetList.netWeight) &&
-        this.deptBudgetList.tare > 0 &&
-        this.deptBudgetList.tare <= 10000
+        this.deptBudgetList.netWeight < 0 ||
+        this.deptBudgetList.netWeight >= 10000
       ) {
         this.$message({
           message: '净重输入错误！',
@@ -462,7 +452,7 @@ export default {
         return
       }
       if (
-        this.deptBudgetList.agent.length < 2 &&
+        this.deptBudgetList.agent.length < 2 ||
         this.deptBudgetList.agent.length > 10
       ) {
         this.$message({
@@ -492,7 +482,10 @@ export default {
         })
         return
       }
-      if (this.deptBudgetList.carNo.length != 7) {
+      if (
+        this.deptBudgetList.carNo.length < 6 &&
+        this.deptBudgetList.carNo.length <= 8
+      ) {
         this.$message({
           message: '车牌号输入有误！',
           type: 'warning',
@@ -507,7 +500,7 @@ export default {
         return
       }
       if (
-        this.deptBudgetList.contractNo.length < 6 &&
+        this.deptBudgetList.contractNo.length < 6 ||
         this.deptBudgetList.contractNo.length > 20
       ) {
         this.$message({
@@ -549,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
         }
       }
     },
@@ -692,6 +685,10 @@ export default {
     }
   }
 }
+.el-button--default {
+  color: #5473e8;
+  border-color: #5473e8;
+}
 .title {
   position: relative;
   padding-left: 10px;
@@ -726,10 +723,6 @@ export default {
   height: 2000px;
   margin: 0 auto;
 }
-/deep/.el-form-item__label {
-  width: 160px;
-}
-
 //选填
 /deep/.el-form-item {
   width: 50%;
@@ -751,14 +744,28 @@ 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 {
@@ -777,6 +784,7 @@ export default {
 .small-title {
   position: relative;
   padding: 10px;
+  font-weight: 600;
 }
 .small-title::before {
   position: absolute;
@@ -802,6 +810,6 @@ export default {
   background-color: #f6f7fc;
 }
 /deep/.neifor .el-input--small .el-input__inner {
-  width: 120%;
+  width: 100%;
 }
-</style>
+</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

@@ -25,11 +25,16 @@
     <ws-form ref="deptBudgetList" :model="deptBudgetList" :rules="rules">
       <div class="basicInformation">
         <h2>
+          <img
+          style="position: relative; top: 2px"
+          width="19"
+          height="19"
+          src="../../../public/img/cangku.png"
+          alt=""
+        />
           {{ 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 +181,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 +190,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 +752,50 @@ 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;
+display: inline-grid;
+    padding: 2px 4px;
 }
+// .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;
@@ -788,21 +806,23 @@ line-height: 16px;
   height: 14px;
   left: 0px;
   top: 13px;
+  padding: 4px 2px;
 }
 //下面列表
-.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{
-  width: 120%;
+  width: 100%;
 }
 </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;