befly-admin-ui 1.10.0 → 1.10.2

package/views/log/error/index.vue

@@ -1,51 +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)" />
-        </template>
-
-        <template #toolRight="scope">
-            <TButton shape="circle" @click="onReload(scope.reload)">
-                <template #icon>
-                    <RefreshIcon />
-                </template>
-            </TButton>
+            <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 }">
@@ -57,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 }">
@@ -67,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>
@@ -82,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>
@@ -101,7 +93,7 @@
 <script setup>
 import { reactive } from "vue";
 import { Button as TButton, Input as TInput, MessagePlugin, Option as TOption, Select as TSelect, Tag as TTag } from "tdesign-vue-next";
-import { RefreshIcon, SearchIcon } from "tdesign-icons-vue-next";
+import { SearchIcon } from "tdesign-icons-vue-next";
 import DetailPanel from "befly-admin-ui/components/detailPanel.vue";
 import PageTableDetail from "befly-admin-ui/components/pageTableDetail.vue";
 import { withDefaultColumns } from "befly-admin-ui/utils/withDefaultColumns";
@@ -177,125 +169,115 @@ const $Data = reactive({
     detailExpandedId: 0
 });
 
-function handleFilter(reload) {
-    reload({ keepSelection: false, resetPage: true });
-}
-
-function onReload(reload) {
-    reload({ keepSelection: 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

@@ -1,20 +1,12 @@
 <template>
     <PageTableDetail class="page-login-log page-table" :columns="$Data.columns" :endpoints="$Data.endpoints" :table-slot-names="['loginResult', 'loginTime', 'deviceType']">
-        <template #toolRight="scope">
-            <TButton shape="circle" @click="onReload(scope.reload)">
-                <template #icon>
-                    <RefreshIcon />
-                </template>
-            </TButton>
-        </template>
-
         <template #loginResult="{ row }">
             <TTag v-if="row.loginResult === 1" shape="round" theme="success" variant="light-outline">成功</TTag>
             <TTag v-else shape="round" theme="danger" variant="light-outline">失败</TTag>
         </template>
 
         <template #loginTime="{ row }">
-            {{ formatTime(row.loginTime) }}
+            {{ $Method.formatTime(row.loginTime) }}
         </template>
 
         <template #deviceType="{ row }">
@@ -28,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>
@@ -40,8 +32,7 @@
 
 <script setup>
 import { reactive } from "vue";
-import { Button as TButton, Tag as TTag } from "tdesign-vue-next";
-import { RefreshIcon } from "tdesign-icons-vue-next";
+import { Tag as TTag } from "tdesign-vue-next";
 import DetailPanel from "befly-admin-ui/components/detailPanel.vue";
 import PageTableDetail from "befly-admin-ui/components/pageTableDetail.vue";
 import { withDefaultColumns } from "befly-admin-ui/utils/withDefaultColumns";
@@ -68,27 +59,25 @@ const $Data = reactive({
     ]),
     endpoints: {
         list: {
-            path: "/core/loginLog/list",
+            path: "/core/loginLog/select",
             dropValues: [""]
         }
     }
 });
 
-function onReload(reload) {
-    reload({ keepSelection: 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}`;
-}
+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,33 +1,25 @@
 <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>
         </template>
 
-        <template #toolRight="scope">
-            <TButton shape="circle" @click="onReload(scope.reload)">
-                <template #icon>
-                    <RefreshIcon />
-                </template>
-            </TButton>
-        </template>
-
         <template #result="{ row }">
             <TTag v-if="row.result === 1" shape="round" theme="success" variant="light-outline">成功</TTag>
             <TTag v-else shape="round" theme="danger" variant="light-outline">失败</TTag>
         </template>
 
         <template #operateTime="{ row }">
-            {{ formatTime(row.operateTime) }}
+            {{ $Method.formatTime(row.operateTime) }}
         </template>
 
         <template #duration="{ row }">
@@ -45,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>
@@ -63,8 +55,7 @@
 
 <script setup>
 import { reactive } from "vue";
-import { Button as TButton, Option as TOption, Select as TSelect, Tag as TTag } from "tdesign-vue-next";
-import { RefreshIcon } from "tdesign-icons-vue-next";
+import { Option as TOption, Select as TSelect, Tag as TTag } from "tdesign-vue-next";
 import DetailPanel from "befly-admin-ui/components/detailPanel.vue";
 import PageTableDetail from "befly-admin-ui/components/pageTableDetail.vue";
 import { withDefaultColumns } from "befly-admin-ui/utils/withDefaultColumns";
@@ -88,7 +79,7 @@ const $Data = reactive({
     ]),
     endpoints: {
         list: {
-            path: "/core/operateLog/list",
+            path: "/core/operateLog/select",
             dropValues: [""],
             dropKeyValue: {
                 module: [""],
@@ -123,35 +114,31 @@ const $Data = reactive({
     ]
 });
 
-function handleFilter(reload) {
-    reload({ keepSelection: false, resetPage: true });
-}
-
-function onReload(reload) {
-    reload({ keepSelection: 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">