修正ts类型

src/views/system/Banner/index.vue

@@ -64,11 +64,17 @@
         <el-table-column label="名称" align="center" prop="name" />
         <el-table-column label="状态" align="center" prop="status">
           <template #default="scope">
-            <el-switch inactive-value="0" active-value="1" v-model="scope.row.status"></el-switch>
+            <!-- 0启用 1停用 -->
+            <el-switch
+              @change="(val: string) => handleSwitch(scope.row.id, val)"
+              inactive-value="0"
+              active-value="1"
+              v-model="scope.row.status"
+            ></el-switch>
           </template>
         </el-table-column>
-        <el-table-column label="排序" align="center" prop="order" />
-        <el-table-column label="添加时间" align="center" prop="order" />
+        <el-table-column label="排序" align="center" prop="byOrder" />
+        <el-table-column label="添加时间" align="center" />
         <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width">
           <template #default="scope">
             <el-button link type="primary" @click="handleUpdate(scope.row)" v-hasPermi="['banner:banner:edit']">修改</el-button>
@@ -81,12 +87,12 @@
     </el-card>
     <!-- 添加或修改Banner图管理对话框 -->
     <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
-      <el-form ref="bannerFormRef" :model="form" :rules="rules" label-width="80px">
+      <el-form ref="bannerFormRef" :model="form" label-width="80px">
         <el-form-item label="名称" prop="name">
           <el-input v-model="form.name" placeholder="请输入名称" />
         </el-form-item>
-        <el-form-item label="排序" prop="order">
-          <el-input v-model="form.order" placeholder="请输入排序" />
+        <el-form-item label="排序" prop="byOrder">
+          <el-input v-model="form.byOrder" placeholder="请输入排序" />
         </el-form-item>
         <el-form-item label="小区id" prop="villageId">
           <el-input v-model="form.villageId" placeholder="请输入小区id" />
@@ -103,7 +109,7 @@
 </template>
 
 <script setup name="Banner" lang="ts">
-import { listBanner, getBanner, delBanner, addBanner, updateBanner } from '@/api/system/Banner';
+import { listBanner, getBanner, delBanner, addBanner, updateBanner, switchBanner } from '@/api/system/Banner';
 import { BannerVO, BannerQuery, BannerForm } from '@/api/system/Banner/type';
 import { checkPermi } from '@/utils/permission';
 
@@ -130,7 +136,8 @@ const initFormData: BannerForm = {
   id: undefined,
   name: undefined,
   status: undefined,
-  order: undefined,
+  byOrder: undefined,
+  link: undefined,
   villageId: undefined
 };
 const data = reactive<PageData<BannerForm, BannerQuery>>({
@@ -140,9 +147,9 @@ const data = reactive<PageData<BannerForm, BannerQuery>>({
     pageSize: 10,
     name: undefined,
     status: undefined,
-    order: undefined,
-    villageId: undefined,
-    params: {}
+    byOrder: undefined,
+    link: undefined,
+    villageId: undefined
   }
 });
 
@@ -243,6 +250,12 @@ const handleExport = () => {
     `banner_${new Date().getTime()}.xlsx`
   );
 };
+function handleSwitch(id: string, status: string) {
+  switchBanner(id, status).then(() => {
+    ElMessage.success('操作成功');
+    getList();
+  });
+}
 
 onMounted(() => {
   getList();