From 5c87893ab825d4518b420c79a188304d79336b04 Mon Sep 17 00:00:00 2001
From: x_ying <2438792676@qq.com>
Date: Fri, 15 Jul 2022 13:39:18 +0800
Subject: [PATCH] =?UTF-8?q?=E5=87=BA=E5=85=A5=E5=BA=93=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=20=E5=85=A5=E5=BA=93=20=E8=AE=BE=E5=A4=87=E6=A0=A1=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/archivesManage/outInStorage.js        |   9 +-
 .../outInStorage/inStorage/index.vue          |  19 +-
 .../inStorage/module/inDialog.vue             | 179 ++++++++++++------
 3 files changed, 137 insertions(+), 70 deletions(-)

diff --git a/src/api/archivesManage/outInStorage.js b/src/api/archivesManage/outInStorage.js
index c621689..46913e7 100644
--- a/src/api/archivesManage/outInStorage.js
+++ b/src/api/archivesManage/outInStorage.js
@@ -23,4 +23,11 @@ export function initCaseByArchives(params) {
     method: 'get'
   })
 }
-export default { initCaseByArchives }
+
+export function isOccupy(params) {
+  return request({
+    url: 'api/storage/isOccupy' + '?' + qs.stringify(params, { indices: false }),
+    method: 'get'
+  })
+}
+export default { initCaseByArchives, isOccupy }
diff --git a/src/views/archivesManage/outInStorage/inStorage/index.vue b/src/views/archivesManage/outInStorage/inStorage/index.vue
index e0693d5..57b6aa3 100644
--- a/src/views/archivesManage/outInStorage/inStorage/index.vue
+++ b/src/views/archivesManage/outInStorage/inStorage/index.vue
@@ -26,7 +26,6 @@
         <el-button size="mini" class="in-btn iconfont icon-ruku-fanbai" :disabled="!(selections.length===1)" @click="handleIn">入库</el-button>
         <el-button size="mini" class="opr-btn iconfont icon-ruku-fanbai" :disabled="!selections.length" @click="handleManual">人工确认</el-button>
       </div>
-      <!-- <button @click="getTableData">测试按钮</button> -->
     </div>
     <!--表格渲染-->
     <el-table
@@ -134,15 +133,7 @@ export default {
       child: []
     }
   },
-  created() {
-    this.getData()
-  },
   methods: {
-    getData() {
-      // this.tableData = this.crud.data
-      // console.log(this.tableData)
-      console.log(this.crud, '---------crud')
-    },
     // 单元格样式
     cell({ row, columnIndex }) {
       if (row.storageType === 0 && columnIndex === 2) {
@@ -168,8 +159,6 @@ export default {
     handleIn() {
       // console.log(this.selections, 'sel')
       if (this.selections[0].storageType === 0) {
-        // this.child = this.selections[0].child
-        // console.log(this.selections[0].id, '----------')
         const params = {
           caseId: this.selections[0].id
           // caseId: '8A686B1E9F255DCBE6B262'
@@ -220,8 +209,8 @@ export default {
   background-color: #FD8042;
   border: none;
   &.el-button.is-disabled, &.el-button.is-disabled:hover{
-    background-color: #69351b;
-    color: #777;
+    background-color: #7E4021;
+    color: #666;
   }
 }
 .opr-btn{
@@ -230,8 +219,8 @@ export default {
   background-color: #1AAE93;
   border: none;
   &.el-button.is-disabled, &.el-button.is-disabled:hover{
-    background-color: #0e584b;
-    color: #777;
+    background-color: #0D5649;
+    color: #666;
   }
 }
 </style>
diff --git a/src/views/archivesManage/outInStorage/inStorage/module/inDialog.vue b/src/views/archivesManage/outInStorage/inStorage/module/inDialog.vue
index ed06988..8dd1328 100644
--- a/src/views/archivesManage/outInStorage/inStorage/module/inDialog.vue
+++ b/src/views/archivesManage/outInStorage/inStorage/module/inDialog.vue
@@ -16,88 +16,100 @@
           </div>
           <!-- 右侧 -->
           <div class="content-right">
-            <button @click="test">测试</button>
+            <!-- <button @click="test">测试</button> -->
             <!-- 密集架 -->
-            <ul v-show="cnName==='密集架'">
-              <li v-for="(eItem) in childData" :key="eItem.id" class="box">
+            <ul v-if="cnName==='密集架'">
+              <li v-for="(eItem,index) in childData" :key="eItem.id" class="box">
                 <p class="case-name">盒名称：{{ eItem.caseName }}</p>
                 <div class="frame-content head-container">
                   <div class="frame-item">
                     <span>区号</span>
-                    <el-input v-model="eItem.fieldNum" disabled type="number" class="filter-item" />
+                    <el-input v-model="fieldNum" disabled type="number" class="filter-item" />
                   </div>
                   <div class="frame-item item-line">
                     <span>列</span>
-                    <el-select v-model="eItem.colNum" class="filter-item" style="width: 86px;">
+                    <el-select v-model="numArr[index].colNum" class="filter-item" style="width: 86px;" @change="selectChange(index)">
                       <el-option v-for="item in numOptions" :key="item.value" :label="item.label" :value="item.value" />
                     </el-select>
                   </div>
                   <div class="frame-item item-line">
                     <span>节</span>
-                    <el-select v-model="eItem.sectionNum" class="filter-item" style="width: 86px;">
+                    <el-select v-model="numArr[index].sectionNum" class="filter-item" style="width: 86px;" @change="selectChange(index)">
                       <el-option v-for="item in numOptions" :key="item.value" :label="item.label" :value="item.value" />
                     </el-select>
                   </div>
                   <div class="frame-item item-line">
                     <span>层</span>
-                    <el-select v-model="eItem.levelNum" class="filter-item" style="width: 86px;">
+                    <el-select v-model="numArr[index].levelNum" class="filter-item" style="width: 86px;" @change="selectChange(index)">
                       <el-option v-for="item in numOptions" :key="item.value" :label="item.label" :value="item.value" />
                     </el-select>
                   </div>
                   <div class="frame-item item-line">
                     <span>方向</span>
-                    <el-select v-model="eItem.direction" class="filter-item" style="width: 86px;">
+                    <el-select v-model="numArr[index].direction" class="filter-item" style="width: 86px;" @change="selectChange(index)">
                       <el-option v-for="item in directionOptions" :key="item.value" :label="item.label" :value="item.value" />
                     </el-select>
                   </div>
                   <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 v-show="btnChecked[index]===1" type="primary" class="el-icon-refresh icon-style show" />
+                    <div v-show="btnChecked[index]===2" type="success" style="background:#1AAF91;border:none" class="el-icon-check icon-style show" />
+                    <div v-show="btnChecked[index]===3" style="background:#F65163;border:none" class="el-icon-close icon-style show" />
                   </div>
                 </div>
-                <p class="success-msg">
-                  <span class="el-icon-success" />
-                  <span class="success-text">位置已核对成功,层位名称：{{ eItem.fieldNum }}区{{ eItem.colNum }}列{{ eItem.sectionNum }}节{{ eItem.levelNum }}层{{ eItem.direction }}</span>
-                </p>
+                <div>
+                  <p v-show="btnChecked[index]===2" class="success-msg">
+                    <i class="iconfont icon-tishichenggong" />
+                    <span class="success-text">位置已核对成功,层位名称：{{ fieldNum }}区{{ numArr[index].colNum }}列{{ numArr[index].sectionNum }}节{{ numArr[index].levelNum }}层{{ (numArr[index].direction==='1'? '左边':'')||(numArr[index].direction==='2'?'右边':'') }}</span>
+                  </p>
+                  <p v-show="btnChecked[index]===3" class="fail-msg">
+                    <i class="iconfont icon-tishijinggao" />
+                    <span>当前位置已被占用</span>
+                  </p>
+                </div>
               </li>
+              <li style="text-align:center;padding:20px 0"><el-button type="primary" :disabled="!(btnChecked.every(item=>item===2))" class="btn-save" @click="handleSave">保存</el-button></li>
             </ul>
             <!-- 回转柜 -->
-            <ul v-show="cnName==='回转柜'">
-              <li v-for="(eItem) in childData" :key="eItem.id" class="box">
+            <ul v-if="cnName==='回转柜'">
+              <li v-for="(eItem,index) in childData" :key="eItem.id" class="box">
                 <p class="case-name">盒名称：{{ eItem.caseName }}</p>
                 <div class="frame-content head-container">
                   <div class="frame-item">
                     <span>柜号</span>
-                    <el-input v-model="eItem.cabinetNum" disabled type="number" class="filter-item" />
+                    <el-input v-model="fieldNum" disabled type="number" class="filter-item" />
                   </div>
                   <div class="frame-item item-line">
                     <span>层</span>
-                    <el-select v-model="eItem.cabLevel" class="filter-item" style="width: 86px;">
+                    <el-select v-model="numArr[index].cabLevel" class="filter-item" style="width: 86px;" @change="selectChange(index)">
                       <el-option v-for="item in numOptions" :key="item.value" :label="item.label" :value="item.value" />
                     </el-select>
                   </div>
                   <div class="frame-item item-line">
                     <span>列</span>
-                    <el-select v-model="eItem.cabCol" class="filter-item" style="width: 86px;">
+                    <el-select v-model="numArr[index].cabCol" class="filter-item" style="width: 86px;" @change="selectChange(index)">
                       <el-option v-for="item in numOptions" :key="item.value" :label="item.label" :value="item.value" />
                     </el-select>
                   </div>
                   <div class="state-btn" style="padding-right:32px;margin-bottom:14px">
-                    <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 v-show="btnChecked[index]===1" type="primary" class="el-icon-refresh icon-style show" />
+                    <div v-show="btnChecked[index]===2" type="success" style="background:#1AAF91;border:none" class="el-icon-check icon-style show" />
+                    <div v-show="btnChecked[index]===3" style="background:#F65163;border:none" class="el-icon-close icon-style show" />
                   </div>
                 </div>
-                <p class="success-msg">
-                  <span class="el-icon-success" />
-                  <span class="success-text">位置已核对成功,层位名称：{{ eItem.cabinetNum }}柜{{ eItem.cabLevel }}层{{ eItem.cabCol }}列</span>
-                </p>
+                <div>
+                  <p v-show="btnChecked[index]===2" class="success-msg">
+                    <i class="iconfont icon-tishichenggong" />
+                    <span class="success-text">位置已核对成功,层位名称：{{ fieldNum }}柜{{ numArr[index].cabLevel }}层{{ numArr[index].cabCol }}列</span>
+                  </p>
+                  <p v-show="btnChecked[index]===3" class="fail-msg">
+                    <i class="iconfont icon-tishijinggao" />
+                    <span>当前位置已被占用</span>
+                  </p>
+                </div>
               </li>
+              <li style="text-align:center;padding:20px 0"><el-button type="primary" :disabled="!(btnChecked.every(item=>item===2))" class="btn-save" @click="handleSave">保存</el-button></li>
             </ul>
 
-            <!-- <div>
-              回转柜
-            </div> -->
           </div>
         </div>
       </div>
@@ -106,15 +118,8 @@
 </template>
 
 <script>
+import { isOccupy } from '@/api/archivesManage/outInStorage'
 export default {
-  // props: {
-  //   child: {
-  //     type: Array,
-  //     default: function() {
-  //       return []
-  //     }
-  //   }
-  // },
   data() {
     return {
       dialogVisible: false,
@@ -128,34 +133,83 @@ export default {
           { cnName: '回转柜' }
         ]
       }],
-      // 密集架
+      fieldNum: 1, // 柜号
+      btnChecked: [], // 校验状态
+      numArr: [], // 选择器 值
       numOptions: [
         { value: '1', label: '1' },
         { value: '2', label: '2' }
       ],
       directionOptions: [
-        { value: '左边', label: '左边' },
-        { value: '右边', label: '右边' }
+        { value: '1', label: '左边' },
+        { value: '2', label: '右边' }
       ]
       // 回转柜
     }
   },
   computed: {
     // 密集架
-
   },
-  // watch: {
-  //   child(newVal, oldVal) {
-  //     this.childData = newVal
-  //   }
-  // },
   methods: {
     // 选中设备
     handleNodeClick(data) {
       this.cnName = data.cnName
+      console.log(data)
+      // 按钮状态
+      this.btnChecked = this.childArr(1)
+      // 选择器
+      if (data.cnName === '密集架') {
+        const obj = { colNum: '', sectionNum: '', levelNum: '', direction: '' }
+        this.numArr = this.childArr(obj)
+      } else if (data.cnName === '回转柜') {
+        const obj = { cabCol: '', cabLevel: '' }
+        this.numArr = this.childArr(obj)
+      }
+    },
+    // 计算
+    childArr(str) {
+      const arr = []
+      for (let i = 0; i < this.childData.length; i++) {
+        arr.push(str)
+      }
+      return JSON.parse(JSON.stringify(arr))
     },
     test() {
-      console.log(this.childData, '...........')
+      console.log(this.numArr, '...........')
+    },
+    // 校验
+    async selectChange(index) {
+      const obj = this.numArr[index]
+      let bool = 0
+      for (const key in obj) { // 校验是否全部选择
+        if (!obj[key]) {
+          bool++
+        }
+      }
+      if (bool === 0) {
+        const params = {
+          // false
+          // deviceId: '3734A977C269ABEF6E284C',
+          // position: '1-5-6-2-1',
+          deviceId: 'FA0B05E2728EA8129A9F15',
+          position: '1-1-3-4-1',
+          deviceType: '1'
+        }
+        const res = await isOccupy(params).then(res => {
+          console.log(res, '--res')
+        })
+        // 按钮变化
+        if (res) {
+          this.btnChecked[index] = 2
+        } else {
+          this.btnChecked[index] = 3
+        }
+      }
+      this.$forceUpdate()
+    },
+    // 保存
+    handleSave() {
+
     }
   }
 
@@ -246,14 +300,17 @@ export default {
     left: -20px;
   }
 }
-.el-button{
+.show{
     background-color: #339CFF;
     padding: 0;
     width: 36px;
     height: 36px;
+    line-height: 36px;
+    text-align: center;
   }
 ::v-deep .icon-style:before{
-  font-size: 18px;
+  font-size: 24px;
+  color: #fff;
 }
 .state-btn{
   display: flex;
@@ -264,18 +321,32 @@ export default {
 ::v-deep .head-container .filter-item .el-input__inner{
   height: 36px;
 }
-.success-msg{
-  color: #1AAF91 ;
+.success-msg,.fail-msg{
   display: flex;
   align-items: center;
   padding-left: 25px;
-  .el-icon-success{
-    font-size: 20px;
-    margin-right: 7px;
+  .iconfont{
+    font-size: 14px;
+    margin-right: 5px;
   }
 }
+.success-msg{
+  color: #1AAF91;
+}
+.fail-msg{
+  color: #EF3147 ;
+}
 ::v-deep .el-input.is-disabled .el-input__inner{
   background-color: #021330;
   border-color: #17426b;
 }
+.btn-save{
+  width: 90px;
+  height: 36px;
+  font-size: 16px;
+  background-color: #339CFF;
+}
+.btn-save.is-disabled{
+  background-color: #031435;
+}
 </style>