From f401a1835d405d3f0e051516e4584b7d08f05fda Mon Sep 17 00:00:00 2001
From: kadycui <kadycui@qq.com>
Date: Mon, 18 Sep 2023 23:49:32 +0800
Subject: [PATCH] =?UTF-8?q?ADD:=20=E7=8A=B6=E6=80=81=E4=BF=AE=E6=94=B9,=20?=
 =?UTF-8?q?=E6=9D=83=E9=99=90=E6=95=B0=E6=8D=AE=E5=88=A0=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/rule.js           | 10 ++++++++++
 src/pages/access/list.vue | 24 +++++++++++++++++-------
 2 files changed, 27 insertions(+), 7 deletions(-)

diff --git a/src/api/rule.js b/src/api/rule.js
index af30244..26daea9 100644
--- a/src/api/rule.js
+++ b/src/api/rule.js
@@ -15,4 +15,14 @@ export function createRule(data) {
 export function updateRule(id, data) {
     return axios.post("/admin/rule/" + id, data)
 
+}
+
+export function updateRuleStatus(id, status){
+    return axios.post(`/admin/rule/${id}/update_status`, {status})
+
+}
+
+export function deleteRule(id){
+    return axios.post(`/admin/rule/${id}/delete`)
+
 }
\ No newline at end of file
diff --git a/src/pages/access/list.vue b/src/pages/access/list.vue
index 84e096b..6fc32dd 100644
--- a/src/pages/access/list.vue
+++ b/src/pages/access/list.vue
@@ -14,10 +14,16 @@
                     </el-icon>
                     <span> {{ data.name }}</span>
                     <div class="ml-auto">
-                        <el-switch :modelValue="data.status" :active-value="1" :inactive-value="0" />
+                        <el-switch :modelValue="data.status" :active-value="1" 
+                        :inactive-value="0" @change="handleStatusChange($event, data)" />
                         <el-button text type="primary" size="small" @click.stop="handleEdit(data)">修改</el-button>
                         <el-button text type="primary" size="small" @click.stop="addChild(data.id)">增加</el-button>
-                        <el-button text type="primary" size="small">删除</el-button>
+                        <el-popconfirm title="是否删除该记录?" confirm-button-text="确认" cancel-button-text="取消"
+                            @confirm="handleDelete(data.id)">
+                            <template #reference>
+                                <el-button text type="primary" size="small">删除</el-button>
+                            </template>
+                        </el-popconfirm>
                     </div>
                 </div>
             </template>
@@ -76,7 +82,9 @@ import IconSelect from "@/components/IconSelect.vue"
 import {
     getRuleList,
     createRule,
-    updateRule
+    updateRule,
+    updateRuleStatus,
+    deleteRule
 } from "@/api/rule.js"
 
 
@@ -93,15 +101,18 @@ const defaultExpandKeys = ref([])
 const {
     loading,
     tableData,
-    getData
-
+    getData,
+    handleDelete,
+    handleStatusChange
 } = useInitTable({
     getList: getRuleList,
     onGetListSuccess: (res) => {
         tableData.value = res.list
         options.value = res.rules
         defaultExpandKeys.value = res.list.map(o => o.id)
-    }
+    },
+    delete:deleteRule,
+    updateStatus:updateRuleStatus
 })
 
 
@@ -115,7 +126,6 @@ const {
     handleSubmit,
     handleCreate,
     handleEdit
-
 } = useInitForm(
     {
         form: {
-- 
GitLab