增加库位状态修改

src/api/logisticsManagement/siteBasic.js

@@ -35,4 +35,13 @@ export const stationUpdate = (data) => {
     method: 'post',
     data: data,
   });
+};
+
+// 更新库位状态信息   /location/update
+export const locationUpdate = (data) => {
+  return request({
+    url: '/blade-desk/location/update',
+    method: 'post',
+    data: data,
+  });
 };

src/views/logisticsManagement/storagelocationBasic.vue

@@ -18,10 +18,18 @@
     >
       <template #menu-left> </template>
       <template #menu-right> </template>
-      <template #menu="{ row }"> </template>
+      <template #menu="scope">
+         <el-button v-if="scope.row.locationStatus == '0'" type="text" @click="handleEdit(scope.row)"
+          >占用</el-button
+        >
+        <el-button v-if="scope.row.locationStatus == '1'" type="text" @click="handleEdit(scope.row)"
+          >闲置</el-button
+        >
+      </template>
 
       <template #locationStatus="scope">
-        <el-tag v-if="scope.row.locationStatus == '0'" type="success">空闲</el-tag>
+        
+        <el-tag v-if="scope.row.locationStatus == '0'" type="success">闲置</el-tag>
         <el-tag v-if="scope.row.locationStatus == '1'" type="danger">占用</el-tag>
       </template>
     </avue-crud>
@@ -29,7 +37,7 @@
 </template>
 
 <script>
-import { getLocationLis } from '@/api/logisticsManagement/siteBasic';
+import { getLocationLis,locationUpdate } from '@/api/logisticsManagement/siteBasic';
 export default {
   components: {},
   data() {
@@ -84,7 +92,7 @@ export default {
         gridBtn: false,
         searchMenuPosition: 'right',
         align: 'center',
-        menu: false,
+        menu: true,
         column: [
           {
             label: '库位编码',
@@ -99,6 +107,12 @@ export default {
             search: true,
             sortable: true,
             span: 12,
+            type: 'date',
+            format: 'YYYY-MM-DD',
+            valueFormat: 'YYYY-MM-DD',
+            searchRange: true,
+            startPlaceholder: '开始时间',
+            endPlaceholder: '结束时间',
           },
           {
             label: '库位状态',
@@ -109,7 +123,7 @@ export default {
             type: 'select',
             dicData: [
               { label: '占用', value: '1' },
-              { label: '空闲', value: '0' },
+              { label: '闲置', value: '0' },
             ],
           },
         ],
@@ -119,6 +133,36 @@ export default {
     };
   },
   methods: {
+    // 修改站点状态（闲置/占用切换）
+    handleEdit(row) {
+      // 确定新状态
+      const oldStatus = row.locationStatus=='0'?'闲置':'占用';
+      const newStatus = row.locationStatus == '0' ? '1' : '0';
+      const statusText = newStatus == '0' ? '闲置' : '占用';
+
+      this.$confirm(`确定将站点 "${oldStatus}" 设置为${statusText}状态？`, {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      })
+        .then(() => {
+          row.locationStatus = Number(newStatus);
+          console.log(row,'更新状态');
+          // // 调用更新接口
+          // locationUpdate(row)
+          //   .then(() => {
+          //     this.$message.success('状态修改成功');
+          //     this.onLoad(this.page, this.query);
+          //   })
+          //   .catch(err => {
+          //     this.$message.error('状态修改失败');
+          //     console.error(err);
+          //   });
+        })
+        .catch(() => {
+          // 用户取消
+        });
+    },
     rowSave(row, done, loading) {
       // addPersonAbility(row).then(
       //   () => {
@@ -208,6 +252,10 @@ export default {
 
     onLoad(page, params = {}) {
       this.loading = true;
+      if (this.query.updateTime && this.query.updateTime.length > 0) {
+        this.query.startTime = this.query.updateTime[0]+' 00:00:00';
+        this.query.endTime = this.query.updateTime[1]+' 00:00:00';
+      }
       getLocationLis(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(
         res => {
           this.data = res.data.data.records;