货权重量管理

src/views/sto/main/cargo.vue

             <span>{{ scope.row.useWeight ? scope.row.useWeight.toFixed(3) : '0.000' }}</span>
           </template>
         </el-table-column>
-        <!-- 新增启用状态列 -->
-        <el-table-column prop="enableStatus" label="启用状态" width="100" align="center">
+        <!-- 启用状态列 -->
+<!--        <el-table-column prop="enableStatus" label="启用状态" width="100" align="center">
           <template #default="scope">
-            <el-tag :type="scope.row.enableStatus === '1' ? 'success' : 'info'">
-              {{ scope.row.enableStatus === '1' ? '已启用' : '未启用' }}
-            </el-tag>
+            <el-switch
+                v-model="scope.row.enableStatus"
+                :active-value="'1'"
+                :inactive-value="'0'"
+                @change="handleEnableStatusChange(scope.row)"
+            />
+          </template>
+        </el-table-column>-->
+        <el-table-column label="启用状态操作" width="120" fixed="right">
+          <template #default="scope">
+            <el-button
+                plain
+                :type="scope.row.enableStatus === '1' ? 'danger' : 'success'"
+                size="mini"
+                @click="handleToggleEnableStatus(scope.row)"
+                :loading="enableStatusLoading"
+            >
+              {{ scope.row.enableStatus === '1' ? '禁用' : '启用' }}
+            </el-button>
           </template>
         </el-table-column>
         <el-table-column label="操作" width="120" fixed="right">
         weight: '',
         ordNo: '',
         remark: '',
-        enableStatus: '0' // 新增启用状态字段
+        enableStatus: '0',
+        sumWeight: 0
       },
       // 分页相关
       currentPage: 1,
       logPageSize: 10,
       // 当前选中的货权记录（用于日志查询）
       currentCargoRecord: null,
+      // 启用状态修改加载状态
+      enableStatusLoading: false,
       // 表单验证规则
       rules: {
         uperCustomerId: [
         return true
       }
       // 编辑时，如果启用状态为1且可使用量为0，则禁用减少操作
-      return this.form.enableStatus === '1' && this.form.sumWeight === 0
+      return this.form.enableStatus === '1' && (this.form.sumWeight === 0 || this.form.sumWeight === null)
     }
   },
   mounted() {
         weight: '',
         ordNo: '',
         remark: '',
-        enableStatus: '0'
+        enableStatus: '0',
+        sumWeight: 0
       }
       this.dialogVisible = true
       // 清除表单验证
       this.dialogVisible = false
     },
 
+    // 切换启用状态
+    handleToggleEnableStatus(row) {
+      const newStatus = row.enableStatus === '1' ? '0' : '1'
+      const action = newStatus === '1' ? '启用' : '禁用'
+
+      this.$confirm(`确定要${action}此货权记录吗？`, '提示', {
+        type: 'warning'
+      }).then(() => {
+        this.updateEnableStatus(row.id, newStatus)
+      }).catch(() => {})
+    },
+
+    // 更新启用状态
+    updateEnableStatus(id, enableStatus) {
+      this.enableStatusLoading = true
+      const url = 'sto/Cargo/updateEnableStatus'
+      const param = {
+        id: id,
+        enableStatus: enableStatus
+      }
+
+      axios.post(url, param).then(response => {
+        if (response.data.code == 0) {
+          this.$message({
+            message: '操作成功',
+            type: 'success',
+          })
+          this.getTableData() // 刷新表格数据
+        } else {
+          this.$message({
+            type: 'error',
+            message: '操作失败：' + response.data.msg
+          })
+          // 操作失败，刷新表格以恢复正确的状态
+          this.getTableData()
+        }
+        this.enableStatusLoading = false
+      }).catch(error => {
+        this.enableStatusLoading = false
+        this.$message({
+          type: 'error',
+          message: '请求失败：' + error
+        })
+        // 请求失败，刷新表格以恢复正确的状态
+        this.getTableData()
+      })
+    },
+
+    // 开关状态改变事件
+    handleEnableStatusChange(row) {
+      this.updateEnableStatus(row.id, row.enableStatus)
+    },
+
     // 分页大小改变
     handleSizeChange(val) {
       this.pageSize = val