货位可视化

src/api/basicdata/basicdataGoodsShelfView.ts

@@ -87,3 +87,12 @@ export const $_locationsnub = (params) => {
     params
   })
 }
+
+// 启用货位
+export const $_enable = (params) => {
+  return request({
+    url: '/api/logpm-basicdata/goodsAllocation/enable',
+    method: 'post',
+    params
+  })
+}

src/views/basicdata/warehouse/goodsShelf/basicdataGoodsShelfView.vue

@@ -110,7 +110,7 @@
               :class="ite.enableStatus == 2 ? 'itemmibox rotate' : 'itemmibox'"
               v-for="ite in item"
             >
-              <div v-if="ite.enableStatus == 2">禁用货位</div>
+              <div v-if="ite.enableStatus == 2" @click="EnableStoragelocation(ite)">禁用货位</div>
               <el-tooltip
                 :disabled="Number(ite.enableStatus) == 2"
                 placement="bottom"
@@ -587,7 +587,9 @@ import {
   Alloclocationsnub,
   disable,
   $_locationsnub,
+  $_enable,
 } from '@/api/basicdata/basicdataGoodsShelfView';
+import { ElMessage, ElMessageBox } from 'element-plus'
 import { reactive, ref, toRefs, onMounted, getCurrentInstance } from 'vue';
 import { getToken } from '@/utils/auth';
 import NProgress from 'nprogress';
@@ -901,6 +903,7 @@ function ckindexs(index) {
 }
 
 async function checkshelves() {
+  exprloading.value=true
   /**
    * goodsAreaId 货区ID
    * goodsShelfId 货架ID
@@ -2403,6 +2406,45 @@ const selectionChange = scope => {
   console.log(scope);
   details.checkselectchangearr = scope;
 };
+// 是否启用货位
+const EnableStoragelocation=(item)=>{
+
+
+  ElMessageBox.confirm(
+    '是否启用货位?',
+    '提示',
+    {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+    }
+  )
+    .then(() => {
+      exprloading.value=true
+      console.log(item);
+      let data={
+        ids:item.id,
+      }
+      $_enable(data).then(res=>{
+        exprloading.value=false
+        console.log(res);
+        checkshelves()
+        ElMessage({
+        message: '启用成功',
+        type: 'success',
+        })
+      }).catch(()=>{
+        exprloading.value=false
+      })
+  
+    })
+    .catch(() => {
+      ElMessage({
+        type: 'info',
+        message: '已经取消',
+      })
+    })
+};
 const checkitem = ite => {
   details.inputtxts = '';
   details.inputtxts1 = '';
@@ -2786,6 +2828,17 @@ const {
   border: 1px solid #ff0000 !important;
   background-color: #bd3a52 !important;
   color: #fff;
+
+
+}
+.mabx .contentbx .itemwbox .rotate{
+  div{
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
 }
 .el-input__inner {
   background-color: transparent !important;