ADD: 状态修改, 权限数据删除

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

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: {