befly-admin-ui 1.10.1 → 1.10.2

package/views/people/admin/index.vue

@@ -1,7 +1,7 @@
 <template>
     <PageTableDetail class="page-admin" :columns="$Data.columns" :endpoints="$Data.endpoints">
         <template #toolLeft>
-            <TButton theme="primary" @click="onAdd">
+            <TButton theme="primary" @click="$Method.onAdd">
                 <template #icon>
                     <AddIcon />
                 </template>
@@ -15,7 +15,7 @@
         </template>
 
         <template #operation="{ row, deleteRow }">
-            <TDropdown trigger="click" placement="bottom-right" @click="onDropdownAction($event, row, deleteRow)">
+            <TDropdown trigger="click" placement="bottom-right" @click="$Method.onDropdownAction($event, row, deleteRow)">
                 <TButton theme="primary" size="small">
                     操作
                     <template #suffix><ChevronDownIcon /></template>
@@ -34,7 +34,7 @@
         </template>
 
         <template #dialogs="scope">
-            <EditDialog v-if="$Data.editVisible" v-model="$Data.editVisible" :action-type="$Data.actionType" :row-data="$Data.rowData" @success="onDialogSuccess(scope.reload)" />
+            <EditDialog v-if="$Data.editVisible" v-model="$Data.editVisible" :action-type="$Data.actionType" :row-data="$Data.rowData" @success="$Method.onDialogSuccess(scope.reload)" />
         </template>
     </PageTableDetail>
 </template>
@@ -76,32 +76,31 @@ const $Data = reactive({
     rowData: {}
 });
 
-function onAdd() {
-    onAction("add", {});
-}
-
-function onDialogSuccess(reload) {
-    reload({ keepSelection: true });
-}
-
-function onAction(command, rowData) {
-    $Data.actionType = command;
-    $Data.rowData = rowData;
-    if (command === "add" || command === "upd") {
-        $Data.editVisible = true;
-    }
-}
-
-function onDropdownAction(data, rowData, deleteRow) {
-    const record = data;
-    const rawValue = record && record["value"] ? record["value"] : "";
-    const cmd = rawValue ? String(rawValue) : "";
-    if (cmd === "del") {
-        deleteRow(rowData);
-        return;
+const $Method = {
+    onAdd() {
+        $Method.onAction("add", {});
+    },
+    onDialogSuccess(reload) {
+        reload({ keepSelection: true });
+    },
+    onAction(command, rowData) {
+        $Data.actionType = command;
+        $Data.rowData = rowData;
+        if (command === "add" || command === "upd") {
+            $Data.editVisible = true;
+        }
+    },
+    onDropdownAction(data, rowData, deleteRow) {
+        const record = data;
+        const rawValue = record && record["value"] ? record["value"] : "";
+        const cmd = rawValue ? String(rawValue) : "";
+        if (cmd === "del") {
+            deleteRow(rowData);
+            return;
+        }
+        $Method.onAction(cmd, rowData);
     }
-    onAction(cmd, rowData);
-}
+};
 </script>
 
 <style scoped lang="scss">

package/views/permission/api/index.vue

@@ -2,7 +2,7 @@
     <div class="page-api page-table">
         <div class="main-tool">
             <div class="left">
-                <TInput v-model="$Data.searchKeyword" placeholder="搜索接口名称或路径" clearable style="width: 300px" @enter="handleSearch" @clear="handleSearch">
+                <TInput v-model="$Data.searchKeyword" placeholder="搜索接口名称或路径" clearable style="width: 300px" @enter="$Method.handleSearch" @clear="$Method.handleSearch">
                     <template #suffix-icon>
                         <SearchIcon />
                     </template>
@@ -13,7 +13,7 @@
 
         <div class="main-content">
             <div class="main-table">
-                <TTable :data="$Data.tableData" :columns="$Data.columns" :loading="$Data.loading" :active-row-keys="$Data.activeRowKeys" row-key="id" height="calc(100vh - var(--search-height) - var(--layout-gap) * 2)" active-row-type="single" @active-change="onActiveChange">
+                <TTable :data="$Data.tableData" :columns="$Data.columns" :loading="$Data.loading" :active-row-keys="$Data.activeRowKeys" row-key="id" height="calc(100vh - var(--search-height) - var(--layout-gap) * 2)" active-row-type="single" @active-change="$Method.onActiveChange">
                     <template #method="{ row }">
                         <TTag v-if="row.method === 'GET'" shape="round" theme="success" variant="light-outline">GET</TTag>
                         <TTag v-else-if="row.method === 'POST'" shape="round" theme="primary" variant="light-outline">POST</TTag>
@@ -56,7 +56,7 @@ import { reactive } from "vue";
 import { Table as TTable, Tag as TTag, Input as TInput, MessagePlugin } from "tdesign-vue-next";
 import { SearchIcon } from "tdesign-icons-vue-next";
 import DetailPanel from "befly-admin-ui/components/detailPanel.vue";
-import { $Http } from "@/plugins/http";
+import { $Http } from "@/plugins/http.js";
 import { withDefaultColumns } from "befly-admin-ui/utils/withDefaultColumns";
 
 // 响应式数据
@@ -76,52 +76,51 @@ const $Data = reactive({
     activeRowKeys: []
 });
 
-async function initData() {
-    await loadApiAll();
-}
+const $Method = {
+    async initData() {
+        await $Method.loadApiAll();
+    },
+    async loadApiAll() {
+        $Data.loading = true;
+        try {
+            const res = await $Http("/core/api/all", {}, [""]);
+            const list = res.data?.lists || [];
+            $Data.allData = list;
+            $Data.tableData = list;
 
-async function loadApiAll() {
-    $Data.loading = true;
-    try {
-        const res = await $Http("/core/api/all", {}, [""]);
-        const list = res.data?.lists || [];
-        $Data.allData = list;
-        $Data.tableData = list;
-
-        if ($Data.tableData.length > 0) {
-            $Data.currentRow = $Data.tableData[0];
-            $Data.activeRowKeys = [$Data.tableData[0].id];
-        } else {
-            $Data.currentRow = null;
-            $Data.activeRowKeys = [];
+            if ($Data.tableData.length > 0) {
+                $Data.currentRow = $Data.tableData[0];
+                $Data.activeRowKeys = [$Data.tableData[0].id];
+            } else {
+                $Data.currentRow = null;
+                $Data.activeRowKeys = [];
+            }
+        } catch (error) {
+            MessagePlugin.error(error.msg || error.message || "加载数据失败");
+        } finally {
+            $Data.loading = false;
+        }
+    },
+    handleSearch() {
+        if (!$Data.searchKeyword) {
+            $Data.tableData = $Data.allData;
+            return;
+        }
+        const keyword = String($Data.searchKeyword).toLowerCase();
+        $Data.tableData = $Data.allData.filter((item) => item.name?.toLowerCase().includes(keyword) || item.path?.toLowerCase().includes(keyword));
+    },
+    onActiveChange(value, context) {
+        if (value.length === 0 && $Data.activeRowKeys.length > 0) {
+            return;
+        }
+        $Data.activeRowKeys = value;
+        if (context.activeRowList && context.activeRowList.length > 0) {
+            $Data.currentRow = context.activeRowList[0].row;
         }
-    } catch (error) {
-        MessagePlugin.error(error.msg || error.message || "加载数据失败");
-    } finally {
-        $Data.loading = false;
-    }
-}
-
-function handleSearch() {
-    if (!$Data.searchKeyword) {
-        $Data.tableData = $Data.allData;
-        return;
-    }
-    const keyword = String($Data.searchKeyword).toLowerCase();
-    $Data.tableData = $Data.allData.filter((item) => item.name?.toLowerCase().includes(keyword) || item.path?.toLowerCase().includes(keyword));
-}
-
-function onActiveChange(value, context) {
-    if (value.length === 0 && $Data.activeRowKeys.length > 0) {
-        return;
-    }
-    $Data.activeRowKeys = value;
-    if (context.activeRowList && context.activeRowList.length > 0) {
-        $Data.currentRow = context.activeRowList[0].row;
     }
-}
+};
 
-initData();
+$Method.initData();
 </script>
 
 <style scoped lang="scss">

package/views/permission/menu/index.vue

@@ -11,7 +11,7 @@
                     height="calc(100vh - var(--layout-gap) * 2)"
                     active-row-type="single"
                     :tree="{ childrenKey: 'children', treeNodeColumnIndex: 0, defaultExpandAll: true }"
-                    @active-change="onActiveChange"
+                    @active-change="$Method.onActiveChange"
                 >
                     <template #state="{ row }">
                         <TTag v-if="row.state === 1" shape="round" theme="success" variant="light-outline">正常</TTag>
@@ -32,7 +32,7 @@
 import { reactive } from "vue";
 import { Table as TTable, Tag as TTag, MessagePlugin } from "tdesign-vue-next";
 import DetailPanel from "befly-admin-ui/components/detailPanel.vue";
-import { $Http } from "@/plugins/http";
+import { $Http } from "@/plugins/http.js";
 import { arrayToTree } from "befly-admin-ui/utils/arrayToTree";
 import { withDefaultColumns } from "befly-admin-ui/utils/withDefaultColumns";
 
@@ -51,45 +51,45 @@ const $Data = reactive({
     activeRowKeys: []
 });
 
-async function initData() {
-    await apiMenuList();
-}
+const $Method = {
+    async initData() {
+        await $Method.apiMenuList();
+    },
+    async apiMenuList() {
+        $Data.loading = true;
+        try {
+            const res = await $Http("/core/menu/all", {}, [""]);
+            const lists = Array.isArray(res?.data?.lists) ? res.data.lists : [];
 
-async function apiMenuList() {
-    $Data.loading = true;
-    try {
-        const res = await $Http("/core/menu/all", {}, [""]);
-        const lists = Array.isArray(res?.data?.lists) ? res.data.lists : [];
+            const treeResult = arrayToTree(lists, "path", "parentPath", "children", "sort");
 
-        const treeResult = arrayToTree(lists, "path", "parentPath", "children", "sort");
+            $Data.tableData = treeResult.tree;
 
-        $Data.tableData = treeResult.tree;
-
-        if ($Data.tableData.length > 0) {
-            $Data.currentRow = $Data.tableData[0];
-            $Data.activeRowKeys = [$Data.tableData[0].id];
-        } else {
-            $Data.currentRow = null;
-            $Data.activeRowKeys = [];
+            if ($Data.tableData.length > 0) {
+                $Data.currentRow = $Data.tableData[0];
+                $Data.activeRowKeys = [$Data.tableData[0].id];
+            } else {
+                $Data.currentRow = null;
+                $Data.activeRowKeys = [];
+            }
+        } catch (error) {
+            MessagePlugin.error(error.msg || error.message || "加载数据失败");
+        } finally {
+            $Data.loading = false;
+        }
+    },
+    onActiveChange(value, context) {
+        if (value.length === 0 && $Data.activeRowKeys.length > 0) {
+            return;
+        }
+        $Data.activeRowKeys = value;
+        if (context.activeRowList && context.activeRowList.length > 0) {
+            $Data.currentRow = context.activeRowList[0].row;
         }
-    } catch (error) {
-        MessagePlugin.error(error.msg || error.message || "加载数据失败");
-    } finally {
-        $Data.loading = false;
-    }
-}
-
-function onActiveChange(value, context) {
-    if (value.length === 0 && $Data.activeRowKeys.length > 0) {
-        return;
-    }
-    $Data.activeRowKeys = value;
-    if (context.activeRowList && context.activeRowList.length > 0) {
-        $Data.currentRow = context.activeRowList[0].row;
     }
-}
+};
 
-initData();
+$Method.initData();
 </script>
 
 <style scoped lang="scss">

package/views/permission/role/components/api.vue

@@ -1,9 +1,9 @@
 <template>
-    <PageDialog v-model="dialogVisible" title="接口权限" width="900px" :confirm-loading="$Data.submitting" @confirm="onSubmit">
+    <PageDialog v-model="$Computed.dialogVisible" title="接口权限" width="900px" :confirm-loading="$Data.submitting" @confirm="$Method.onSubmit">
         <div class="comp-role-api">
             <!-- 搜索框 -->
             <div class="search-box">
-                <TInput v-model="$Data.searchText" placeholder="搜索接口名称或路径" clearable @change="onSearch">
+                <TInput v-model="$Data.searchText" placeholder="搜索接口名称或路径" clearable @change="$Method.onSearch">
                     <template #prefix-icon>
                         <SearchIcon />
                     </template>
@@ -37,7 +37,7 @@ import { computed, reactive } from "vue";
 import { Input as TInput, CheckboxGroup as TCheckboxGroup, Checkbox as TCheckbox, MessagePlugin } from "tdesign-vue-next";
 import { SearchIcon } from "tdesign-icons-vue-next";
 import PageDialog from "befly-admin-ui/components/pageDialog.vue";
-import { $Http } from "@/plugins/http";
+import { $Http } from "@/plugins/http.js";
 
 const $Prop = defineProps({
     modelValue: {
@@ -52,13 +52,6 @@ const $Prop = defineProps({
 
 const $Emit = defineEmits(["update:modelValue", "success"]);
 
-const dialogVisible = computed({
-    get: () => $Prop.modelValue,
-    set: (value) => {
-        $Emit("update:modelValue", value);
-    }
-});
-
 const $Data = reactive({
     submitting: false,
     apiData: [],
@@ -67,164 +60,170 @@ const $Data = reactive({
     checkedApiPaths: []
 });
 
-async function initData() {
-    await Promise.all([apiApiAll(), apiRoleApiDetail()]);
+const $Computed = reactive({
+    dialogVisible: computed({
+        get: () => $Prop.modelValue,
+        set: (value) => {
+            $Emit("update:modelValue", value);
+        }
+    })
+});
+
+const $Method = {
+    async initData() {
+        await Promise.all([$Method.apiApiAll(), $Method.apiRoleApiDetail()]);
 
-    const merged = new Set();
-    const current = Array.isArray($Data.checkedApiPaths) ? $Data.checkedApiPaths : [];
-    for (const p of current) {
-        if (typeof p === "string") {
-            merged.add(p);
+        const merged = new Set();
+        const current = Array.isArray($Data.checkedApiPaths) ? $Data.checkedApiPaths : [];
+        for (const path of current) {
+            if (typeof path === "string") {
+                merged.add(path);
+            }
         }
-    }
 
-    const groups = Array.isArray($Data.apiData) ? $Data.apiData : [];
-    for (const group of groups) {
-        const groupRecord = group && typeof group === "object" ? group : null;
-        const apis = groupRecord && Array.isArray(groupRecord["apis"]) ? groupRecord["apis"] : [];
-        for (const api of apis) {
-            const apiRecord = api && typeof api === "object" ? api : null;
-            const authValue = apiRecord ? apiRecord["auth"] : undefined;
-            const isPublic = authValue === 0 || authValue === "0" || authValue === false;
-            const value = apiRecord && typeof apiRecord["value"] === "string" ? String(apiRecord["value"]) : "";
-            if (isPublic && value) {
-                merged.add(value);
+        const groups = Array.isArray($Data.apiData) ? $Data.apiData : [];
+        for (const group of groups) {
+            const groupRecord = group && typeof group === "object" ? group : null;
+            const apis = groupRecord && Array.isArray(groupRecord["apis"]) ? groupRecord["apis"] : [];
+            for (const api of apis) {
+                const apiRecord = api && typeof api === "object" ? api : null;
+                const authValue = apiRecord ? apiRecord["auth"] : undefined;
+                const isPublic = authValue === 0 || authValue === "0" || authValue === false;
+                const value = apiRecord && typeof apiRecord["value"] === "string" ? String(apiRecord["value"]) : "";
+                if (isPublic && value) {
+                    merged.add(value);
+                }
             }
         }
-    }
 
-    $Data.checkedApiPaths = Array.from(merged);
-    $Data.filteredApiData = $Data.apiData;
-}
+        $Data.checkedApiPaths = Array.from(merged);
+        $Data.filteredApiData = $Data.apiData;
+    },
+    async apiApiAll() {
+        try {
+            const res = await $Http("/core/api/all", {}, [""]);
+
+            const apiMap = new Map();
+            const resRecord = res && typeof res === "object" ? res : null;
+            const resData = resRecord && resRecord["data"] && typeof resRecord["data"] === "object" ? resRecord["data"] : null;
+            const lists = resData && Array.isArray(resData["lists"]) ? resData["lists"] : [];
+            for (const api of lists) {
+                const apiRecord = api && typeof api === "object" ? api : null;
+                const apiPath = apiRecord && typeof apiRecord["path"] === "string" ? String(apiRecord["path"]) : "";
+                if (!apiPath) {
+                    continue;
+                }
 
-async function apiApiAll() {
-    try {
-        const res = await $Http("/core/api/all", {}, [""]);
+                const parentPath = apiRecord && typeof apiRecord["parentPath"] === "string" ? String(apiRecord["parentPath"]) : "";
+                const groupKey = parentPath || "(未分组)";
 
-        const apiMap = new Map();
+                if (!apiMap.has(groupKey)) {
+                    apiMap.set(groupKey, {
+                        name: groupKey,
+                        title: groupKey,
+                        apis: []
+                    });
+                }
 
-        const resRecord = res && typeof res === "object" ? res : null;
-        const resData = resRecord && resRecord["data"] && typeof resRecord["data"] === "object" ? resRecord["data"] : null;
-        const lists = resData && Array.isArray(resData["lists"]) ? resData["lists"] : [];
-        for (const api of lists) {
-            const apiRecord = api && typeof api === "object" ? api : null;
-            const apiPath = apiRecord && typeof apiRecord["path"] === "string" ? String(apiRecord["path"]) : "";
-            if (!apiPath) {
-                continue;
+                apiMap.get(groupKey)?.apis.push({
+                    value: apiPath,
+                    name: (apiRecord && typeof apiRecord["name"] === "string" ? String(apiRecord["name"]) : "") || apiPath,
+                    path: apiPath,
+                    label: `${(apiRecord && typeof apiRecord["name"] === "string" ? String(apiRecord["name"]) : "") || ""} ${apiPath ? `(${apiPath})` : ""}`.trim(),
+                    description: apiRecord ? apiRecord["description"] : undefined,
+                    auth: apiRecord ? apiRecord["auth"] : undefined,
+                    parentPath: parentPath
+                });
             }
 
-            const parentPath = apiRecord && typeof apiRecord["parentPath"] === "string" ? String(apiRecord["parentPath"]) : "";
-            const groupKey = parentPath || "(未分组)";
-
-            if (!apiMap.has(groupKey)) {
-                apiMap.set(groupKey, {
-                    name: groupKey,
-                    title: groupKey,
-                    apis: []
+            const groups = Array.from(apiMap.values());
+            for (const group of groups) {
+                group.apis.sort((a, b) => {
+                    const ap = typeof a.path === "string" ? a.path : "";
+                    const bp = typeof b.path === "string" ? b.path : "";
+                    return ap.localeCompare(bp);
                 });
             }
 
-            apiMap.get(groupKey)?.apis.push({
-                value: apiPath,
-                name: (apiRecord && typeof apiRecord["name"] === "string" ? String(apiRecord["name"]) : "") || apiPath,
-                path: apiPath,
-                label: `${(apiRecord && typeof apiRecord["name"] === "string" ? String(apiRecord["name"]) : "") || ""} ${apiPath ? `(${apiPath})` : ""}`.trim(),
-                description: apiRecord ? apiRecord["description"] : undefined,
-                auth: apiRecord ? apiRecord["auth"] : undefined,
-                parentPath: parentPath
+            groups.sort((a, b) => {
+                const at = typeof a.title === "string" ? a.title : "";
+                const bt = typeof b.title === "string" ? b.title : "";
+                return at.localeCompare(bt);
             });
-        }
 
-        const groups = Array.from(apiMap.values());
-        for (const group of groups) {
-            group.apis.sort((a, b) => {
-                const ap = typeof a.path === "string" ? a.path : "";
-                const bp = typeof b.path === "string" ? b.path : "";
-                return ap.localeCompare(bp);
-            });
+            $Data.apiData = groups;
+        } catch (error) {
+            MessagePlugin.error(error.msg || error.message || "加载接口失败");
+        }
+    },
+    async apiRoleApiDetail() {
+        if (!$Prop.rowData.id) return;
+
+        try {
+            const res = await $Http(
+                "/core/role/apis",
+                {
+                    roleCode: $Prop.rowData.code
+                },
+                [""]
+            );
+
+            const resRecord = res && typeof res === "object" ? res : null;
+            const resData = resRecord && resRecord["data"] && typeof resRecord["data"] === "object" ? resRecord["data"] : null;
+            $Data.checkedApiPaths = resData && Array.isArray(resData["apiPaths"]) ? resData["apiPaths"] : [];
+        } catch (error) {
+            MessagePlugin.error(error.msg || error.message || "加载数据失败");
+        }
+    },
+    onSearch() {
+        if (!$Data.searchText) {
+            $Data.filteredApiData = $Data.apiData;
+            return;
         }
 
-        groups.sort((a, b) => {
-            const at = typeof a.title === "string" ? a.title : "";
-            const bt = typeof b.title === "string" ? b.title : "";
-            return at.localeCompare(bt);
-        });
-
-        $Data.apiData = groups;
-    } catch (error) {
-        MessagePlugin.error(error.msg || error.message || "加载接口失败");
-    }
-}
-
-async function apiRoleApiDetail() {
-    if (!$Prop.rowData.id) return;
-
-    try {
-        const res = await $Http(
-            "/core/role/apis",
-            {
-                roleCode: $Prop.rowData.code
-            },
-            [""]
-        );
-
-        const resRecord = res && typeof res === "object" ? res : null;
-        const resData = resRecord && resRecord["data"] && typeof resRecord["data"] === "object" ? resRecord["data"] : null;
-        $Data.checkedApiPaths = resData && Array.isArray(resData["apiPaths"]) ? resData["apiPaths"] : [];
-    } catch (error) {
-        MessagePlugin.error(error.msg || error.message || "加载数据失败");
-    }
-}
-
-function onSearch() {
-    if (!$Data.searchText) {
-        $Data.filteredApiData = $Data.apiData;
-        return;
-    }
+        const searchLower = String($Data.searchText).toLowerCase();
+        $Data.filteredApiData = $Data.apiData
+            .map((group) => {
+                const groupRecord = group && typeof group === "object" ? group : null;
+                const groupApis = groupRecord && Array.isArray(groupRecord["apis"]) ? groupRecord["apis"] : [];
+                const apis = groupApis.filter((api) => {
+                    const apiRecord = api && typeof api === "object" ? api : null;
+                    const label = apiRecord && typeof apiRecord["label"] === "string" ? String(apiRecord["label"]) : "";
+                    const name = apiRecord && typeof apiRecord["name"] === "string" ? String(apiRecord["name"]) : "";
+                    const path = apiRecord && typeof apiRecord["path"] === "string" ? String(apiRecord["path"]) : "";
+                    return label.toLowerCase().includes(searchLower) || name.toLowerCase().includes(searchLower) || path.toLowerCase().includes(searchLower);
+                });
+                return {
+                    name: groupRecord && typeof groupRecord["name"] === "string" ? String(groupRecord["name"]) : "",
+                    title: groupRecord && typeof groupRecord["title"] === "string" ? String(groupRecord["title"]) : "",
+                    apis: apis
+                };
+            })
+            .filter((group) => group.apis.length > 0);
+    },
+    async onSubmit(context) {
+        try {
+            $Data.submitting = true;
 
-    const searchLower = String($Data.searchText).toLowerCase();
-    $Data.filteredApiData = $Data.apiData
-        .map((group) => {
-            const groupRecord = group && typeof group === "object" ? group : null;
-            const groupApis = groupRecord && Array.isArray(groupRecord["apis"]) ? groupRecord["apis"] : [];
-            const apis = groupApis.filter((api) => {
-                const apiRecord = api && typeof api === "object" ? api : null;
-                const label = apiRecord && typeof apiRecord["label"] === "string" ? String(apiRecord["label"]) : "";
-                const name = apiRecord && typeof apiRecord["name"] === "string" ? String(apiRecord["name"]) : "";
-                const path = apiRecord && typeof apiRecord["path"] === "string" ? String(apiRecord["path"]) : "";
-                return label.toLowerCase().includes(searchLower) || name.toLowerCase().includes(searchLower) || path.toLowerCase().includes(searchLower);
+            await $Http("/core/role/apiSave", {
+                roleCode: $Prop.rowData.code,
+                apiPaths: $Data.checkedApiPaths
             });
-            return {
-                name: groupRecord && typeof groupRecord["name"] === "string" ? String(groupRecord["name"]) : "",
-                title: groupRecord && typeof groupRecord["title"] === "string" ? String(groupRecord["title"]) : "",
-                apis: apis
-            };
-        })
-        .filter((group) => group.apis.length > 0);
-}
-
-async function onSubmit(context) {
-    try {
-        $Data.submitting = true;
-
-        const res = await $Http("/core/role/apiSave", {
-            roleCode: $Prop.rowData.code,
-            apiPaths: $Data.checkedApiPaths
-        });
 
-        MessagePlugin.success("保存成功");
-        $Emit("success");
-        if (context && typeof context.close === "function") {
-            context.close();
+            MessagePlugin.success("保存成功");
+            $Emit("success");
+            if (context && typeof context.close === "function") {
+                context.close();
+            }
+        } catch (error) {
+            MessagePlugin.error(error.msg || error.message || "保存失败");
+        } finally {
+            $Data.submitting = false;
         }
-    } catch (error) {
-        MessagePlugin.error(error.msg || error.message || "保存失败");
-    } finally {
-        $Data.submitting = false;
     }
-}
+};
 
-initData();
+$Method.initData();
 </script>
 
 <style scoped lang="scss">