出入库管理 入库原型修改

src/views/archivesManage/outInStorage/inStorage/index.vue

@@ -72,6 +72,7 @@
       <span class="dialog-left-bottom" />
       <div class="setting-dialog">
         <p>入库成功</p>
+        <p style="color:#f00;margin:10px 0">提示：如果当前设备不在线或者未勾选联动操作，请人工完成上架操作</p>
       </div>
     </el-dialog>
     <!-- 人工确认失败提示 -->

src/views/archivesManage/outInStorage/inStorage/module/inDialog.vue

@@ -25,30 +25,31 @@
                 </div>
                 <div class="frame-item item-line">
                   <span>列</span>
-                  <el-select v-model="colVal" class="filter-item" style="width: 76px;">
+                  <el-select v-model="colVal" class="filter-item" style="width: 86px;">
                     <el-option v-for="item in colOptions" :key="item.value" :label="item.label" :value="item.value" />
                   </el-select>
                 </div>
                 <div class="frame-item item-line">
                   <span>节</span>
-                  <el-select v-model="sectionVal" class="filter-item" style="width: 76px;">
+                  <el-select v-model="sectionVal" class="filter-item" style="width: 86px;">
                     <el-option v-for="item in sectionOptions" :key="item.value" :label="item.label" :value="item.value" />
                   </el-select>
                 </div>
                 <div class="frame-item item-line">
                   <span>层</span>
-                  <el-select v-model="levelVal" class="filter-item" style="width: 76px;">
+                  <el-select v-model="levelVal" class="filter-item" style="width: 86px;">
                     <el-option v-for="item in levelOptions" :key="item.value" :label="item.label" :value="item.value" />
                   </el-select>
                 </div>
                 <div class="frame-item item-line">
                   <span>方向</span>
-                  <el-select v-model="directionVal" class="filter-item" style="width: 76px;">
+                  <el-select v-model="directionVal" class="filter-item" style="width: 86px;">
                     <el-option v-for="item in directionOptions" :key="item.value" :label="item.label" :value="item.value" />
                   </el-select>
                 </div>
-                <div class="frame-item refresh-btn">
-                  <el-button type="primary" class="el-icon-refresh" />
+                <div class="frame-item state-btn">
+                  <el-button v-show="true" type="primary" class="el-icon-refresh icon-style" />
+                  <el-button v-show="false" type="success" style="background:#1AAF91;border:none" class="el-icon-check icon-style" />
                 </div>
               </div>
               <p class="success-msg">
@@ -65,18 +66,20 @@
                 </div>
                 <div class="frame-item item-line">
                   <span>层</span>
-                  <el-select v-model="cabLevel" class="filter-item" style="width: 76px;">
+                  <el-select v-model="cabLevel" class="filter-item" style="width: 86px;">
                     <el-option v-for="item in cabLevelOptions" :key="item.value" :label="item.label" :value="item.value" />
                   </el-select>
                 </div>
                 <div class="frame-item item-line">
                   <span>列</span>
-                  <el-select v-model="cabCol" class="filter-item" style="width: 76px;">
+                  <el-select v-model="cabCol" class="filter-item" style="width: 86px;">
                     <el-option v-for="item in cabColOptions" :key="item.value" :label="item.label" :value="item.value" />
                   </el-select>
                 </div>
-                <div class="refresh-btn" style="padding-right:42px;margin-bottom:30px">
-                  <el-button type="primary" class="el-icon-refresh" />
+                <div class="state-btn" style="padding-right:32px;margin-bottom:30px">
+                  <el-button v-show="true" type="primary" class="el-icon-refresh icon-style" />
+                  <el-button v-show="false" type="success" style="background:#1AAF91;border:none" class="el-icon-check icon-style" />
+                  <el-button v-show="false" type="success" style="background:#F65163;border:none" class="el-icon-close icon-style" />
                 </div>
               </div>
               <p class="success-msg">
@@ -115,34 +118,34 @@ export default {
         { value: '选项1', label: '1' },
         { value: '选项2', label: '2' }
       ],
-      colVal: 1,
+      colVal: null,
       colOptions: [
         { value: '选项1', label: '1' },
         { value: '选项2', label: '2' }
       ],
-      sectionVal: 1,
+      sectionVal: null,
       sectionOptions: [
         { value: '选项1', label: '1' },
         { value: '选项2', label: '2' }
       ],
-      levelVal: 1,
+      levelVal: null,
       levelOptions: [
         { value: '选项1', label: '1' },
         { value: '选项2', label: '2' }
       ],
-      directionVal: '右边',
+      directionVal: '',
       directionOptions: [
         { value: '选项1', label: '左边' },
         { value: '选项2', label: '右边' }
       ],
       // 回转柜
       cabinetNum: 1,
-      cabLevel: 1,
+      cabLevel: null,
       cabLevelOptions: [
         { value: '选项1', label: '1' },
         { value: '选项2', label: '2' }
       ],
-      cabCol: 1,
+      cabCol: null,
       cabColOptions: [
         { value: '选项1', label: '1' },
         { value: '选项2', label: '2' }
@@ -213,7 +216,7 @@ export default {
     padding-right: 5px;
   }
   .el-input{
-  width: 76px;
+  width: 86px;
   height: 36px !important;
   }
 }
@@ -234,13 +237,13 @@ export default {
     width: 36px;
     height: 36px;
   }
-::v-deep .el-icon-refresh:before{
+::v-deep .icon-style:before{
   font-size: 18px;
 }
-.refresh-btn{
+.state-btn{
   display: flex;
   justify-content: right;
-  padding-right:40px;
+  padding-right:30px;
   width: 100%;
 }
 ::v-deep .head-container .filter-item .el-input__inner{