befly-admin-ui 1.10.1 → 1.10.2

package/views/log/error/index.vue

@@ -1,43 +1,43 @@
 <template>
     <PageTableDetail class="page-error-log page-table" :columns="$Data.columns" :endpoints="$Data.endpoints" :table-slot-names="['errorType', 'reportTime', 'firstReportTime', 'source', 'message', 'hitCount', 'deviceType']">
         <template #toolLeft="scope">
-            <TInput v-model="$Data.filter.keyword" clearable placeholder="搜索页面/产品/消息/类型" style="width: 220px" @enter="handleFilter(scope.reload)" @clear="handleFilter(scope.reload)">
+            <TInput v-model="$Data.filter.keyword" clearable placeholder="搜索页面/产品/消息/类型" style="width: 220px" @enter="$Method.handleFilter(scope.reload)" @clear="$Method.handleFilter(scope.reload)">
                 <template #suffix-icon>
                     <SearchIcon />
                 </template>
             </TInput>
-            <TSelect v-model="$Data.filter.errorType" clearable placeholder="错误类型" style="width: 150px" @change="handleFilter(scope.reload)">
+            <TSelect v-model="$Data.filter.errorType" clearable placeholder="错误类型" style="width: 150px" @change="$Method.handleFilter(scope.reload)">
                 <TOption label="Vue" value="vue" />
                 <TOption label="Window" value="window" />
                 <TOption label="Promise" value="promise" />
                 <TOption label="Unknown" value="unknown" />
             </TSelect>
-            <TSelect v-model="$Data.filter.source" clearable placeholder="来源" style="width: 140px" @change="handleFilter(scope.reload)">
+            <TSelect v-model="$Data.filter.source" clearable placeholder="来源" style="width: 140px" @change="$Method.handleFilter(scope.reload)">
                 <TOption label="Admin" value="admin" />
             </TSelect>
-            <TInput v-model="$Data.filter.productName" clearable placeholder="产品名称" style="width: 160px" @enter="handleFilter(scope.reload)" @clear="handleFilter(scope.reload)" />
-            <TInput v-model="$Data.filter.productCode" clearable placeholder="产品代号" style="width: 160px" @enter="handleFilter(scope.reload)" @clear="handleFilter(scope.reload)" />
-            <TInput v-model="$Data.filter.productVersion" clearable placeholder="产品版本" style="width: 160px" @enter="handleFilter(scope.reload)" @clear="handleFilter(scope.reload)" />
-            <TSelect v-model="$Data.filter.deviceType" clearable placeholder="设备类型" style="width: 140px" @change="handleFilter(scope.reload)">
+            <TInput v-model="$Data.filter.productName" clearable placeholder="产品名称" style="width: 160px" @enter="$Method.handleFilter(scope.reload)" @clear="$Method.handleFilter(scope.reload)" />
+            <TInput v-model="$Data.filter.productCode" clearable placeholder="产品代号" style="width: 160px" @enter="$Method.handleFilter(scope.reload)" @clear="$Method.handleFilter(scope.reload)" />
+            <TInput v-model="$Data.filter.productVersion" clearable placeholder="产品版本" style="width: 160px" @enter="$Method.handleFilter(scope.reload)" @clear="$Method.handleFilter(scope.reload)" />
+            <TSelect v-model="$Data.filter.deviceType" clearable placeholder="设备类型" style="width: 140px" @change="$Method.handleFilter(scope.reload)">
                 <TOption label="桌面端" value="desktop" />
                 <TOption label="移动端" value="mobile" />
                 <TOption label="平板" value="tablet" />
                 <TOption label="电视" value="smarttv" />
             </TSelect>
-            <TInput v-model="$Data.filter.browserName" clearable placeholder="浏览器" style="width: 160px" @enter="handleFilter(scope.reload)" @clear="handleFilter(scope.reload)" />
-            <TInput v-model="$Data.filter.osName" clearable placeholder="操作系统" style="width: 160px" @enter="handleFilter(scope.reload)" @clear="handleFilter(scope.reload)" />
+            <TInput v-model="$Data.filter.browserName" clearable placeholder="浏览器" style="width: 160px" @enter="$Method.handleFilter(scope.reload)" @clear="$Method.handleFilter(scope.reload)" />
+            <TInput v-model="$Data.filter.osName" clearable placeholder="操作系统" style="width: 160px" @enter="$Method.handleFilter(scope.reload)" @clear="$Method.handleFilter(scope.reload)" />
         </template>
 
         <template #errorType="{ row }">
-            <TTag shape="round" :theme="getErrorTheme(row.errorType)" variant="light-outline">{{ formatErrorType(row.errorType) }}</TTag>
+            <TTag shape="round" :theme="$Method.getErrorTheme(row.errorType)" variant="light-outline">{{ $Method.formatErrorType(row.errorType) }}</TTag>
         </template>
 
         <template #reportTime="{ row }">
-            {{ formatTime(row.reportTime) }}
+            {{ $Method.formatTime(row.reportTime) }}
         </template>
 
         <template #firstReportTime="{ row }">
-            {{ formatTime(row.firstReportTime) }}
+            {{ $Method.formatTime(row.firstReportTime) }}
         </template>
 
         <template #source="{ row }">
@@ -49,7 +49,7 @@
         </template>
 
         <template #deviceType="{ row }">
-            <TTag shape="round" variant="light-outline">{{ formatDeviceType(row.deviceType) }}</TTag>
+            <TTag shape="round" variant="light-outline">{{ $Method.formatDeviceType(row.deviceType) }}</TTag>
         </template>
 
         <template #message="{ row }">
@@ -59,13 +59,13 @@
         <template #detail="scope">
             <DetailPanel :data="scope.row" :fields="$Data.columns">
                 <template #errorType="slotScope">
-                    <TTag shape="round" :theme="getErrorTheme(slotScope.value)" variant="light-outline">{{ formatErrorType(slotScope.value) }}</TTag>
+                    <TTag shape="round" :theme="$Method.getErrorTheme(slotScope.value)" variant="light-outline">{{ $Method.formatErrorType(slotScope.value) }}</TTag>
                 </template>
                 <template #reportTime="slotScope">
-                    {{ formatTime(slotScope.value) }}
+                    {{ $Method.formatTime(slotScope.value) }}
                 </template>
                 <template #firstReportTime="slotScope">
-                    {{ formatTime(slotScope.value) }}
+                    {{ $Method.formatTime(slotScope.value) }}
                 </template>
                 <template #source="slotScope">
                     <TTag shape="round" variant="light-outline">{{ slotScope.value || "admin" }}</TTag>
@@ -74,16 +74,16 @@
                     <TTag shape="round" theme="warning" variant="light-outline">{{ slotScope.value || 1 }} 次</TTag>
                 </template>
                 <template #deviceType="slotScope">
-                    <TTag shape="round" variant="light-outline">{{ formatDeviceType(slotScope.value) }}</TTag>
+                    <TTag shape="round" variant="light-outline">{{ $Method.formatDeviceType(slotScope.value) }}</TTag>
                 </template>
                 <template #detail="slotScope">
                     <div class="detail-actions">
-                        <TButton theme="primary" variant="outline" size="small" @click="handleCopyDetail(scope.row.detail)">复制详情</TButton>
-                        <TButton theme="default" variant="outline" size="small" @click="toggleDetailExpand(scope.row.id)">
-                            {{ isDetailExpanded(scope.row.id) ? "收起详情" : "展开详情" }}
+                        <TButton theme="primary" variant="outline" size="small" @click="$Method.handleCopyDetail(scope.row.detail)">复制详情</TButton>
+                        <TButton theme="default" variant="outline" size="small" @click="$Method.toggleDetailExpand(scope.row.id)">
+                            {{ $Method.isDetailExpanded(scope.row.id) ? "收起详情" : "展开详情" }}
                         </TButton>
                     </div>
-                    <pre class="detail-content" :class="{ expanded: isDetailExpanded(scope.row.id) }">{{ formatDetail(slotScope.value) }}</pre>
+                    <pre class="detail-content" :class="{ expanded: $Method.isDetailExpanded(scope.row.id) }">{{ $Method.formatDetail(slotScope.value) }}</pre>
                 </template>
             </DetailPanel>
         </template>
@@ -169,121 +169,115 @@ const $Data = reactive({
     detailExpandedId: 0
 });
 
-function handleFilter(reload) {
-    reload({ keepSelection: false, resetPage: true });
-}
-
-function isDetailExpanded(id) {
-    return Number($Data.detailExpandedId) === Number(id || 0);
-}
-
-function toggleDetailExpand(id) {
-    const nextId = Number(id || 0);
-
-    if (Number($Data.detailExpandedId) === nextId) {
-        $Data.detailExpandedId = 0;
-        return;
-    }
-
-    $Data.detailExpandedId = nextId;
-}
-
-async function handleCopyDetail(value) {
-    const text = formatDetail(value);
-    if (text === "-") {
-        MessagePlugin.warning("暂无可复制的错误详情");
-        return;
-    }
-
-    try {
-        await navigator.clipboard.writeText(text);
-        MessagePlugin.success("错误详情已复制");
-    } catch (_error) {
-        MessagePlugin.error("复制失败，请检查浏览器剪贴板权限");
-    }
-}
-
-function getErrorTheme(errorType) {
-    if (errorType === "vue") {
-        return "danger";
-    }
+const $Method = {
+    handleFilter(reload) {
+        reload({ keepSelection: false, resetPage: true });
+    },
+    isDetailExpanded(id) {
+        return Number($Data.detailExpandedId) === Number(id || 0);
+    },
+    toggleDetailExpand(id) {
+        const nextId = Number(id || 0);
 
-    if (errorType === "promise") {
-        return "warning";
-    }
+        if (Number($Data.detailExpandedId) === nextId) {
+            $Data.detailExpandedId = 0;
+            return;
+        }
 
-    if (errorType === "window") {
-        return "primary";
-    }
+        $Data.detailExpandedId = nextId;
+    },
+    async handleCopyDetail(value) {
+        const text = $Method.formatDetail(value);
+        if (text === "-") {
+            MessagePlugin.warning("暂无可复制的错误详情");
+            return;
+        }
 
-    return "default";
-}
+        try {
+            await navigator.clipboard.writeText(text);
+            MessagePlugin.success("错误详情已复制");
+        } catch (_error) {
+            MessagePlugin.error("复制失败，请检查浏览器剪贴板权限");
+        }
+    },
+    getErrorTheme(errorType) {
+        if (errorType === "vue") {
+            return "danger";
+        }
 
-function formatErrorType(errorType) {
-    if (errorType === "vue") {
-        return "Vue";
-    }
+        if (errorType === "promise") {
+            return "warning";
+        }
 
-    if (errorType === "window") {
-        return "Window";
-    }
+        if (errorType === "window") {
+            return "primary";
+        }
 
-    if (errorType === "promise") {
-        return "Promise";
-    }
+        return "default";
+    },
+    formatErrorType(errorType) {
+        if (errorType === "vue") {
+            return "Vue";
+        }
 
-    return errorType || "Unknown";
-}
+        if (errorType === "window") {
+            return "Window";
+        }
 
-function formatDeviceType(deviceType) {
-    if (deviceType === "desktop") {
-        return "桌面端";
-    }
+        if (errorType === "promise") {
+            return "Promise";
+        }
 
-    if (deviceType === "mobile") {
-        return "移动端";
-    }
+        return errorType || "Unknown";
+    },
+    formatDeviceType(deviceType) {
+        if (deviceType === "desktop") {
+            return "桌面端";
+        }
 
-    if (deviceType === "tablet") {
-        return "平板";
-    }
+        if (deviceType === "mobile") {
+            return "移动端";
+        }
 
-    if (deviceType === "smarttv") {
-        return "电视";
-    }
+        if (deviceType === "tablet") {
+            return "平板";
+        }
 
-    return deviceType || "Unknown";
-}
+        if (deviceType === "smarttv") {
+            return "电视";
+        }
 
-function formatTime(timestamp) {
-    const value = Number(timestamp || 0);
+        return deviceType || "Unknown";
+    },
+    formatTime(timestamp) {
+        const value = Number(timestamp || 0);
 
-    if (!value) {
-        return "-";
-    }
+        if (!value) {
+            return "-";
+        }
 
-    const date = new Date(value);
+        const date = new Date(value);
 
-    if (Number.isNaN(date.getTime())) {
-        return "-";
-    }
+        if (Number.isNaN(date.getTime())) {
+            return "-";
+        }
 
-    const year = date.getFullYear();
-    const month = String(date.getMonth() + 1).padStart(2, "0");
-    const day = String(date.getDate()).padStart(2, "0");
-    const hours = String(date.getHours()).padStart(2, "0");
-    const minutes = String(date.getMinutes()).padStart(2, "0");
-    const seconds = String(date.getSeconds()).padStart(2, "0");
-    return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
-}
+        const year = date.getFullYear();
+        const month = String(date.getMonth() + 1).padStart(2, "0");
+        const day = String(date.getDate()).padStart(2, "0");
+        const hours = String(date.getHours()).padStart(2, "0");
+        const minutes = String(date.getMinutes()).padStart(2, "0");
+        const seconds = String(date.getSeconds()).padStart(2, "0");
+        return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+    },
+    formatDetail(value) {
+        if (!value) {
+            return "-";
+        }
 
-function formatDetail(value) {
-    if (!value) {
-        return "-";
+        return String(value);
     }
-
-    return String(value);
-}
+};
 </script>
 
 <style scoped lang="scss">

package/views/log/login/index.vue

@@ -6,7 +6,7 @@
         </template>
 
         <template #loginTime="{ row }">
-            {{ formatTime(row.loginTime) }}
+            {{ $Method.formatTime(row.loginTime) }}
         </template>
 
         <template #deviceType="{ row }">
@@ -20,7 +20,7 @@
                     <TTag v-else shape="round" theme="danger" variant="light-outline">失败</TTag>
                 </template>
                 <template #loginTime="slotScope">
-                    {{ formatTime(slotScope.value) }}
+                    {{ $Method.formatTime(slotScope.value) }}
                 </template>
                 <template #deviceType="slotScope">
                     <TTag shape="round" variant="light-outline">{{ slotScope.value || "desktop" }}</TTag>
@@ -65,17 +65,19 @@ const $Data = reactive({
     }
 });
 
-function formatTime(timestamp) {
-    if (!timestamp) return "-";
-    const date = new Date(timestamp);
-    const year = date.getFullYear();
-    const month = String(date.getMonth() + 1).padStart(2, "0");
-    const day = String(date.getDate()).padStart(2, "0");
-    const hours = String(date.getHours()).padStart(2, "0");
-    const minutes = String(date.getMinutes()).padStart(2, "0");
-    const seconds = String(date.getSeconds()).padStart(2, "0");
-    return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
-}
+const $Method = {
+    formatTime(timestamp) {
+        if (!timestamp) return "-";
+        const date = new Date(timestamp);
+        const year = date.getFullYear();
+        const month = String(date.getMonth() + 1).padStart(2, "0");
+        const day = String(date.getDate()).padStart(2, "0");
+        const hours = String(date.getHours()).padStart(2, "0");
+        const minutes = String(date.getMinutes()).padStart(2, "0");
+        const seconds = String(date.getSeconds()).padStart(2, "0");
+        return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+    }
+};
 </script>
 
 <style scoped lang="scss">

package/views/log/operate/index.vue

@@ -1,13 +1,13 @@
 <template>
     <PageTableDetail class="page-operate-log page-table" :columns="$Data.columns" :endpoints="$Data.endpoints" :table-slot-names="['result', 'operateTime', 'duration', 'action']">
         <template #toolLeft="scope">
-            <TSelect v-model="$Data.filter.module" placeholder="操作模块" clearable style="width: 150px" @change="handleFilter(scope.reload)">
+            <TSelect v-model="$Data.filter.module" placeholder="操作模块" clearable style="width: 150px" @change="$Method.handleFilter(scope.reload)">
                 <TOption v-for="item in $Data.moduleOptions" :key="item.value" :label="item.label" :value="item.value" />
             </TSelect>
-            <TSelect v-model="$Data.filter.action" placeholder="操作类型" clearable style="width: 150px" @change="handleFilter(scope.reload)">
+            <TSelect v-model="$Data.filter.action" placeholder="操作类型" clearable style="width: 150px" @change="$Method.handleFilter(scope.reload)">
                 <TOption v-for="item in $Data.actionOptions" :key="item.value" :label="item.label" :value="item.value" />
             </TSelect>
-            <TSelect v-model="$Data.filter.result" placeholder="操作结果" clearable style="width: 120px" @change="handleFilter(scope.reload)">
+            <TSelect v-model="$Data.filter.result" placeholder="操作结果" clearable style="width: 120px" @change="$Method.handleFilter(scope.reload)">
                 <TOption label="成功" :value="1" />
                 <TOption label="失败" :value="0" />
             </TSelect>
@@ -19,7 +19,7 @@
         </template>
 
         <template #operateTime="{ row }">
-            {{ formatTime(row.operateTime) }}
+            {{ $Method.formatTime(row.operateTime) }}
         </template>
 
         <template #duration="{ row }">
@@ -37,16 +37,16 @@
                     <TTag v-else shape="round" theme="danger" variant="light-outline">失败</TTag>
                 </template>
                 <template #operateTime="slotScope">
-                    {{ formatTime(slotScope.value) }}
+                    {{ $Method.formatTime(slotScope.value) }}
                 </template>
                 <template #duration="slotScope">
                     <TTag shape="round" :theme="slotScope.value > 1000 ? 'warning' : 'default'" variant="light-outline">{{ slotScope.value }}ms</TTag>
                 </template>
                 <template #params="slotScope">
-                    <pre class="json-content">{{ formatJson(slotScope.value) }}</pre>
+                    <pre class="json-content">{{ $Method.formatJson(slotScope.value) }}</pre>
                 </template>
                 <template #response="slotScope">
-                    <pre class="json-content">{{ formatJson(slotScope.value) }}</pre>
+                    <pre class="json-content">{{ $Method.formatJson(slotScope.value) }}</pre>
                 </template>
             </DetailPanel>
         </template>
@@ -114,31 +114,31 @@ const $Data = reactive({
     ]
 });
 
-function handleFilter(reload) {
-    reload({ keepSelection: false, resetPage: true });
-}
-
-function formatTime(timestamp) {
-    if (!timestamp) return "-";
-    const date = new Date(timestamp);
-    const year = date.getFullYear();
-    const month = String(date.getMonth() + 1).padStart(2, "0");
-    const day = String(date.getDate()).padStart(2, "0");
-    const hours = String(date.getHours()).padStart(2, "0");
-    const minutes = String(date.getMinutes()).padStart(2, "0");
-    const seconds = String(date.getSeconds()).padStart(2, "0");
-    return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
-}
-
-function formatJson(value) {
-    if (!value) return "-";
-    try {
-        const obj = typeof value === "string" ? JSON.parse(value) : value;
-        return JSON.stringify(obj, null, 2);
-    } catch {
-        return String(value);
+const $Method = {
+    handleFilter(reload) {
+        reload({ keepSelection: false, resetPage: true });
+    },
+    formatTime(timestamp) {
+        if (!timestamp) return "-";
+        const date = new Date(timestamp);
+        const year = date.getFullYear();
+        const month = String(date.getMonth() + 1).padStart(2, "0");
+        const day = String(date.getDate()).padStart(2, "0");
+        const hours = String(date.getHours()).padStart(2, "0");
+        const minutes = String(date.getMinutes()).padStart(2, "0");
+        const seconds = String(date.getSeconds()).padStart(2, "0");
+        return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+    },
+    formatJson(value) {
+        if (!value) return "-";
+        try {
+            const obj = typeof value === "string" ? JSON.parse(value) : value;
+            return JSON.stringify(obj, null, 2);
+        } catch {
+            return String(value);
+        }
     }
-}
+};
 </script>
 
 <style scoped lang="scss">

package/views/login_1/index.vue

@@ -20,7 +20,18 @@
                     <h2 class="login-title">欢迎回来</h2>
                 </div>
 
-                <TForm :model="$Data.formData" :rules="$Data.formRules" ref="formRef" class="login-form" :show-message="false" label-width="0">
+                <TForm
+                    :model="$Data.formData"
+                    :rules="$Const.formRules"
+                    :ref="
+                        (value) => {
+                            $From.formRef = value;
+                        }
+                    "
+                    class="login-form"
+                    :show-message="false"
+                    label-width="0"
+                >
                     <TFormItem prop="account">
                         <TInputAdornment>
                             <template #prepend>
@@ -30,7 +41,7 @@
                                     <TOption value="phone" label="手机号" />
                                 </TSelect>
                             </template>
-                            <TInput v-model="$Data.formData.account" :placeholder="$Data.formData.loginType === 'username' ? '请输入用户名' : $Data.formData.loginType === 'email' ? '请输入邮箱' : '请输入手机号'" size="large" clearable @enter="apiLogin">
+                            <TInput v-model="$Data.formData.account" :placeholder="$Data.formData.loginType === 'username' ? '请输入用户名' : $Data.formData.loginType === 'email' ? '请输入邮箱' : '请输入手机号'" size="large" clearable @enter="$Method.apiLogin">
                                 <template #prefix-icon>
                                     <UserIcon />
                                 </template>
@@ -39,7 +50,7 @@
                     </TFormItem>
 
                     <TFormItem prop="password">
-                        <TInput v-model="$Data.formData.password" type="password" placeholder="密码" size="large" clearable @enter="apiLogin">
+                        <TInput v-model="$Data.formData.password" type="password" placeholder="密码" size="large" clearable @enter="$Method.apiLogin">
                             <template #prefix-icon>
                                 <LockOnIcon />
                             </template>
@@ -51,7 +62,7 @@
                         <a href="#" class="link-text">忘记密码？</a>
                     </div>
 
-                    <TButton theme="primary" class="login-btn" size="large" block :loading="$Data.loading" @click="apiLogin">登录</TButton>
+                    <TButton theme="primary" class="login-btn" size="large" block :loading="$Data.loading" @click="$Method.apiLogin">登录</TButton>
                 </TForm>
 
                 <div class="login-footer">
@@ -63,7 +74,7 @@
 </template>
 
 <script setup>
-import { reactive, ref } from "vue";
+import { reactive } from "vue";
 import { useRouter } from "vue-router";
 import { Form as TForm, FormItem as TFormItem, Input as TInput, Button as TButton, Checkbox as TCheckbox, InputAdornment as TInputAdornment, Select as TSelect, Option as TOption, MessagePlugin } from "tdesign-vue-next";
 import { LockOnIcon, UserIcon } from "tdesign-icons-vue-next";
@@ -74,16 +85,21 @@ import { $Store } from "@/plugins/store.js";
 
 const router = useRouter();
 
-const formRef = ref(null);
+const $Const = {
+    formRules: {
+        account: [{ required: true, message: "请输入账号", trigger: "blur" }],
+        password: [{ required: true, message: "请输入密码", trigger: "blur" }]
+    }
+};
+
+const $From = {
+    formRef: null
+};
 
 // 数据定义
 const $Data = reactive({
     loading: false,
     rememberMe: false,
-    formRules: {
-        account: [{ required: true, message: "请输入账号", trigger: "blur" }],
-        password: [{ required: true, message: "请输入密码", trigger: "blur" }]
-    },
     formData: {
         loginType: "username",
         account: "",
@@ -91,36 +107,38 @@ const $Data = reactive({
     }
 });
 
-async function apiLogin() {
-    try {
-        if (formRef.value === null) {
-            MessagePlugin.error("表单未就绪");
-            return;
-        }
+const $Method = {
+    async apiLogin() {
+        try {
+            if ($From.formRef === null) {
+                MessagePlugin.error("表单未就绪");
+                return;
+            }
 
-        await formRef.value.validate();
+            await $From.formRef.validate();
 
-        $Data.loading = true;
+            $Data.loading = true;
 
-        const hashedPassword = await hashPassword($Data.formData.password);
+            const hashedPassword = await hashPassword($Data.formData.password);
 
-        const res = await $Http("/core/auth/login", {
-            loginType: $Data.formData.loginType,
-            account: $Data.formData.account,
-            password: hashedPassword
-        });
+            const res = await $Http("/core/auth/login", {
+                loginType: $Data.formData.loginType,
+                account: $Data.formData.account,
+                password: hashedPassword
+            });
 
-        $Store.local.set($Config.tokenName, res.data.token);
+            $Store.local.set($Config.tokenName, res.data.token);
 
-        MessagePlugin.success(res.msg || "登录成功");
+            MessagePlugin.success(res.msg || "登录成功");
 
-        await router.push($Config.homePath);
-    } catch (error) {
-        MessagePlugin.error(error.msg || error.message || "登录失败");
-    } finally {
-        $Data.loading = false;
+            await router.push($Config.homePath);
+        } catch (error) {
+            MessagePlugin.error(error.msg || error.message || "登录失败");
+        } finally {
+            $Data.loading = false;
+        }
     }
-}
+};
 </script>
 
 <style scoped lang="scss">

package/views/people/admin/components/edit.vue

@@ -38,7 +38,7 @@ import {
     MessagePlugin
 } from "tdesign-vue-next";
 import PageDialog from "befly-admin-ui/components/pageDialog.vue";
-import { $Http } from "@/plugins/http";
+import { $Http } from "@/plugins/http.js";
 import { fieldClear } from "befly-admin-ui/utils/fieldClear";
 import { hashPassword } from "befly-admin-ui/utils/hashPassword";