开关状态修改前验证

src/views/EventManagement/ContentConfiguration.vue

@@ -62,7 +62,7 @@
             "
             active-text="ON"
             inactive-text="OFF"
-            @change="changeState(scope.row)"
+            :before-change="() => beforeChangeState(scope.row)"
           >
           </el-switch>
         </template>
@@ -112,6 +112,7 @@
         <el-form-item :label="nameConfig.label" :prop="nameConfig.prop">
           <el-input
             v-model="form[nameConfig.prop]"
+            :type="nameConfig.type"
             autocomplete="off"
             :placeholder="nameConfig.placeholder"
             clearable
@@ -214,13 +215,13 @@ const prizeTypeOptions = ref([
 const nameConfig = computed(() => {
   switch (form.type) {
     case 1: // Token
-      return { label: "数量", placeholder: "请输入Token数量", prop: "num" };
+      return { label: "数量", placeholder: "请输入Token数量", prop: "num", type: "number" };
     case 2: // 金币
-      return { label: "数量", placeholder: "请输入金币数量", prop: "num" };
+      return { label: "数量", placeholder: "请输入金币数量", prop: "num", type: "number" };
     case 3: // 金豆
-      return { label: "数量", placeholder: "请输入金豆数量", prop: "num" };
+      return { label: "数量", placeholder: "请输入金豆数量", prop: "num", type: "number" };
     default: // 默认情况（未选择或实物）
-      return { label: "名称", placeholder: "请输入物品名称", prop: "item_name" };
+      return { label: "名称", placeholder: "请输入物品名称", prop: "item_name", type: "text" };
   }
 });
 const handleSuccess = (response, uploadFile) => {
@@ -325,18 +326,23 @@ const datatotal = ref(0);
 const currentPage = ref(1);
 const pageSize = ref(15);
 
-const changeState = async (row) => {
+const beforeChangeState = (row) => {
+  return new Promise(async (resolve, reject) => {
     try {
-    const res = await changeStatusApi({
+      const targetStatus = row.status === 1 ? 0 : 1;
+      await changeStatusApi({
         token: token,
         id: row.id,
-      status: row.status,
+        status: targetStatus,
       });
       ElMessage.success("状态更新成功");
-    fetchTableData();
+      resolve(true);
+      // fetchTableData(); 
     } catch (error) {
-    // 由响应拦截器处理错误
+      // reject()拒绝操作，switch 组件会自动回滚状态
+      reject(new Error("状态更新失败"));
     }
+  });
 };
 
 // 重置表单数据