Merge branch 'hotfix/uploads'

增加uploads目录
Merge branch 'release/1.3.6'
2026-06-11 08:45:29 +08:00 · 2022-12-30 11:20:01 +08:00 · 2022-12-30 11:18:55 +08:00 · 2022-12-30 10:02:13 +08:00 · 2022-12-30 09:53:07 +08:00 · 2022-12-30 09:39:13 +08:00
1407 changed files with 14674 additions and 8132 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -5,5 +5,8 @@
 target/
 application-dev.yml
 application-pro.yml
+application-dem.yml
 application-prod.yml
-application-test.yml
+application-test.yml
+/public/uploads/*
+!/public/uploads/index.html
--- a/214
+++ b/214
@@ -1,201 +1,21 @@
-                                 Apache License
-                           Version 2.0, January 2004
-                        http://www.apache.org/licenses/
+MIT License

-   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+Copyright (c) 2022 likeshop技术社区

-   1. Definitions.
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:

-      "License" shall mean the terms and conditions for use, reproduction,
-      and distribution as defined by Sections 1 through 9 of this document.
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.

-      "Licensor" shall mean the copyright owner or entity authorized by
-      the copyright owner that is granting the License.
-
-      "Legal Entity" shall mean the union of the acting entity and all
-      other entities that control, are controlled by, or are under common
-      control with that entity. For the purposes of this definition,
-      "control" means (i) the power, direct or indirect, to cause the
-      direction or management of such entity, whether by contract or
-      otherwise, or (ii) ownership of fifty percent (50%) or more of the
-      outstanding shares, or (iii) beneficial ownership of such entity.
-
-      "You" (or "Your") shall mean an individual or Legal Entity
-      exercising permissions granted by this License.
-
-      "Source" form shall mean the preferred form for making modifications,
-      including but not limited to software source code, documentation
-      source, and configuration files.
-
-      "Object" form shall mean any form resulting from mechanical
-      transformation or translation of a Source form, including but
-      not limited to compiled object code, generated documentation,
-      and conversions to other media types.
-
-      "Work" shall mean the work of authorship, whether in Source or
-      Object form, made available under the License, as indicated by a
-      copyright notice that is included in or attached to the work
-      (an example is provided in the Appendix below).
-
-      "Derivative Works" shall mean any work, whether in Source or Object
-      form, that is based on (or derived from) the Work and for which the
-      editorial revisions, annotations, elaborations, or other modifications
-      represent, as a whole, an original work of authorship. For the purposes
-      of this License, Derivative Works shall not include works that remain
-      separable from, or merely link (or bind by name) to the interfaces of,
-      the Work and Derivative Works thereof.
-
-      "Contribution" shall mean any work of authorship, including
-      the original version of the Work and any modifications or additions
-      to that Work or Derivative Works thereof, that is intentionally
-      submitted to Licensor for inclusion in the Work by the copyright owner
-      or by an individual or Legal Entity authorized to submit on behalf of
-      the copyright owner. For the purposes of this definition, "submitted"
-      means any form of electronic, verbal, or written communication sent
-      to the Licensor or its representatives, including but not limited to
-      communication on electronic mailing lists, source code control systems,
-      and issue tracking systems that are managed by, or on behalf of, the
-      Licensor for the purpose of discussing and improving the Work, but
-      excluding communication that is conspicuously marked or otherwise
-      designated in writing by the copyright owner as "Not a Contribution."
-
-      "Contributor" shall mean Licensor and any individual or Legal Entity
-      on behalf of whom a Contribution has been received by Licensor and
-      subsequently incorporated within the Work.
-
-   2. Grant of Copyright License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      copyright license to reproduce, prepare Derivative Works of,
-      publicly display, publicly perform, sublicense, and distribute the
-      Work and such Derivative Works in Source or Object form.
-
-   3. Grant of Patent License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      (except as stated in this section) patent license to make, have made,
-      use, offer to sell, sell, import, and otherwise transfer the Work,
-      where such license applies only to those patent claims licensable
-      by such Contributor that are necessarily infringed by their
-      Contribution(s) alone or by combination of their Contribution(s)
-      with the Work to which such Contribution(s) was submitted. If You
-      institute patent litigation against any entity (including a
-      cross-claim or counterclaim in a lawsuit) alleging that the Work
-      or a Contribution incorporated within the Work constitutes direct
-      or contributory patent infringement, then any patent licenses
-      granted to You under this License for that Work shall terminate
-      as of the date such litigation is filed.
-
-   4. Redistribution. You may reproduce and distribute copies of the
-      Work or Derivative Works thereof in any medium, with or without
-      modifications, and in Source or Object form, provided that You
-      meet the following conditions:
-
-      (a) You must give any other recipients of the Work or
-          Derivative Works a copy of this License; and
-
-      (b) You must cause any modified files to carry prominent notices
-          stating that You changed the files; and
-
-      (c) You must retain, in the Source form of any Derivative Works
-          that You distribute, all copyright, patent, trademark, and
-          attribution notices from the Source form of the Work,
-          excluding those notices that do not pertain to any part of
-          the Derivative Works; and
-
-      (d) If the Work includes a "NOTICE" text file as part of its
-          distribution, then any Derivative Works that You distribute must
-          include a readable copy of the attribution notices contained
-          within such NOTICE file, excluding those notices that do not
-          pertain to any part of the Derivative Works, in at least one
-          of the following places: within a NOTICE text file distributed
-          as part of the Derivative Works; within the Source form or
-          documentation, if provided along with the Derivative Works; or,
-          within a display generated by the Derivative Works, if and
-          wherever such third-party notices normally appear. The contents
-          of the NOTICE file are for informational purposes only and
-          do not modify the License. You may add Your own attribution
-          notices within Derivative Works that You distribute, alongside
-          or as an addendum to the NOTICE text from the Work, provided
-          that such additional attribution notices cannot be construed
-          as modifying the License.
-
-      You may add Your own copyright statement to Your modifications and
-      may provide additional or different license terms and conditions
-      for use, reproduction, or distribution of Your modifications, or
-      for any such Derivative Works as a whole, provided Your use,
-      reproduction, and distribution of the Work otherwise complies with
-      the conditions stated in this License.
-
-   5. Submission of Contributions. Unless You explicitly state otherwise,
-      any Contribution intentionally submitted for inclusion in the Work
-      by You to the Licensor shall be under the terms and conditions of
-      this License, without any additional terms or conditions.
-      Notwithstanding the above, nothing herein shall supersede or modify
-      the terms of any separate license agreement you may have executed
-      with Licensor regarding such Contributions.
-
-   6. Trademarks. This License does not grant permission to use the trade
-      names, trademarks, service marks, or product names of the Licensor,
-      except as required for reasonable and customary use in describing the
-      origin of the Work and reproducing the content of the NOTICE file.
-
-   7. Disclaimer of Warranty. Unless required by applicable law or
-      agreed to in writing, Licensor provides the Work (and each
-      Contributor provides its Contributions) on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-      implied, including, without limitation, any warranties or conditions
-      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
-      PARTICULAR PURPOSE. You are solely responsible for determining the
-      appropriateness of using or redistributing the Work and assume any
-      risks associated with Your exercise of permissions under this License.
-
-   8. Limitation of Liability. In no event and under no legal theory,
-      whether in tort (including negligence), contract, or otherwise,
-      unless required by applicable law (such as deliberate and grossly
-      negligent acts) or agreed to in writing, shall any Contributor be
-      liable to You for damages, including any direct, indirect, special,
-      incidental, or consequential damages of any character arising as a
-      result of this License or out of the use or inability to use the
-      Work (including but not limited to damages for loss of goodwill,
-      work stoppage, computer failure or malfunction, or any and all
-      other commercial damages or losses), even if such Contributor
-      has been advised of the possibility of such damages.
-
-   9. Accepting Warranty or Additional Liability. While redistributing
-      the Work or Derivative Works thereof, You may choose to offer,
-      and charge a fee for, acceptance of support, warranty, indemnity,
-      or other liability obligations and/or rights consistent with this
-      License. However, in accepting such obligations, You may act only
-      on Your own behalf and on Your sole responsibility, not on behalf
-      of any other Contributor, and only if You agree to indemnify,
-      defend, and hold each Contributor harmless for any liability
-      incurred by, or claims asserted against, such Contributor by reason
-      of your accepting any such warranty or additional liability.
-
-   END OF TERMS AND CONDITIONS
-
-   APPENDIX: How to apply the Apache License to your work.
-
-      To apply the Apache License to your work, attach the following
-      boilerplate notice, with the fields enclosed by brackets "[]"
-      replaced with your own identifying information. (Don't include
-      the brackets!)  The text should be enclosed in the appropriate
-      comment syntax for the file format. We also recommend that a
-      file or class name and description of purpose be included on the
-      same "printed page" as the copyright notice for easier
-      identification within third-party archives.
-
-   Copyright [yyyy] [name of copyright owner]
-
-   Licensed under the Apache License, Version 2.0 (the "License");
-   you may not use this file except in compliance with the License.
-   You may obtain a copy of the License at
-
-       http://www.apache.org/licenses/LICENSE-2.0
-
-   Unless required by applicable law or agreed to in writing, software
-   distributed under the License is distributed on an "AS IS" BASIS,
-   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   See the License for the specific language governing permissions and
-   limitations under the License.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
--- a/README.md
+++ b/README.md
@@ -1,5 +1,5 @@
 <h1 align="center">likeadmin通用管理后台（Java）</h1>
-<h4 align="center">🚀快速开发、🛠️ 一键生成代码、📱手机自适应</h4> 
+<h4 align="center">🚀快速开发、🛠️ 一键生成代码、✅后台多端自适应、📱手机端uniapp前台</h4> 
 <p align="center">
 <a href="https://www.java.com/zh-CN/download/"><img src="https://img.shields.io/badge/JAVA-8-d74f11"> </a><a href="#"> <img src="https://img.shields.io/badge/Spring Boot-2-5ea931"> </a><a href="https://www.tslang.cn/"><img src="https://img.shields.io/badge/TypeScript-3-294e80"></a> <a href="#"><img src="https://img.shields.io/badge/Vue.js-3-4eb883"> </a><a href="#"><img src="https://img.shields.io/badge/vite-2-ffc018"> </a><a href="#"><img src="https://img.shields.io/badge/Element Plus-2-409eff"> </a><a target="_blank" href="https://www.docker.com/"><img src="https://img.shields.io/badge/Docker--139cff"></a>
 <div align="center">
@@ -7,9 +7,15 @@
 </div>
 <br>

-## 👀体验后台
+
+## 👀体验
+### 管理后台
 地址：https://demo-java.likeadmin.cn <br>
 账号：admin 密码：123456
+### 手机端uniapp前台
+<img  width="40%"  src="https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=260c0869d9ba7e692b2db1e216078241" /><br>
+### 开发文档 
+地址：[https://www.likeadmin.cn](https://www.likeadmin.cn "https://www.likeadmin.cn")


 ## 👨‍💻‍简介
@@ -20,24 +26,30 @@
 1.likeadmin已经搭建好前后端分离的底层，包含程序安装、登录、登出、工作台、菜单权限控制、角色、管理员、部门管理、岗位管理、素材管理、网站设置、图库管理等基础功能，无需重复造轮子。更有开发者工具功能，一生成代码，大大节省开发时间。<br>
 2.可视化系统程序安装界面，可自定义安装数据，开发者可快速扩展发行自己的软件产品。<br>
 3.likeadmin定位为通用的软件系统管理后台，方便开发者快速开发软件系统，文档清晰、代码易懂、简单易用。<br>
-4.未来将持续集成通用的微信/支付宝支付，阿里云/腾讯云短信，阿里云/腾讯云OSS等通用模块。
+4.手机端uniapp前台，含导导航配置、微信登录、个人登录等等基础功能，方便根据业务开发含手机前台的项目。
+

 ### 🐙 后端架构方面
 1.服务端使用JAVA8开发，性能有突破性的提升。<br>
 2.使用Spring Boot2.5框架，目前国内流行的JAVA框架，高性能、简单易用、文档齐全、支持Mave高级项目管理工具、支持Redis等。
 ### 🐹 前端架构方面
+#### 后台
 1.使用最流性的前后端分离方案typescript、vue3、vite开发，保持了代码的简洁、一致和规范。<br>
 2.后台界面使用element-plus UI框架，简单精美的后台界面，丰富的组件库，方便快速开发，满足各种后台交互。
 <br>
+### 前台
+手机端uniapp前台，可以编译成手机H5网页、微信小程序、安卓App，苹果App等客户端。<br>
 ### 🛠️ 代码生成器
-一键生成前后端业务代码，大大提示开发效率。
-
-### 🖥️界面预览
+一键生成前后端业务代码，大大提示开发效率。<br>
+## 界面预览
+### 🖥️后台页面
 ![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=9cf02b831e49d6a411bafbc4d79f51d4)<br>
 ![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=eb83547d55b4f41f0d92fd6a3e01d87e)
 ![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=818d843fb9cba396226e32dad1a58f3c)<br>
 ![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=194ab31919cd4dd619e6c453d7a44304)<br>
 ![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=f6770e2a8069d7b6ea3d83b91204b9d6)<br>
 <br>
-### 🪐接口文档
-[点击这里进入更多更详细文档。](https://www.likeadmin.cn "点击这里进入更多更详细文档。")
+### 📱手机端前台界面
+<div class="half">
+<img  width="30%"  src="https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=2dbac190afadfb6650a04c8af44980e1" />  <img  width="30%"  src="https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=73adbdb91ff5c43ca3e694a99effae7a" />  <img  width="30%"  src="https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=55b51eaebd7d696f96ccbf60d4694368" />
+</div><br>
--- a/admin/.env.development
+++ b/admin/.env.development
@@ -1,4 +0,0 @@
-NODE_ENV = 'development'
-
-# 请求域名
-VITE_APP_BASE_URL='https://likeadmin-java.yixiangonline.com'
--- a/admin/.env.development.example
+++ b/admin/.env.development.example
@@ -0,0 +1,4 @@
+NODE_ENV = 'development'
+
+# 请求域名
+VITE_APP_BASE_URL=''
--- a/admin/.env.production.example
+++ b/admin/.env.production.example
--- a/admin/.gitignore
+++ b/admin/.gitignore
@@ -30,3 +30,6 @@ components.d.ts
 *.sln
 *.sw?

+# .env
+.env.development
+.env.production
--- a/admin/package.json
+++ b/admin/package.json
@@ -55,6 +55,7 @@
    "vite": "^3.0.0",
    "vite-plugin-style-import": "^2.0.0",
    "vite-plugin-svg-icons": "^2.0.1",
+    "vite-plugin-vue-setup-extend": "^0.4.0",
    "vue-tsc": "^0.38.1"
  }
 }
--- a/admin/scripts/build.mjs
+++ b/admin/scripts/build.mjs
@@ -4,7 +4,7 @@ import fsExtra from 'fs-extra'
 const { existsSync, remove, copy } = fsExtra
 const cwd = process.cwd()
 //打包发布路径，谨慎改动
-const releaseRelativePath = '../frontend'
+const releaseRelativePath = '../public/admin'
 const distPath = path.resolve(cwd, 'dist')
 const releasePath = path.resolve(cwd, releaseRelativePath)

--- a/admin/src/api/app.ts
+++ b/admin/src/api/app.ts
@@ -2,10 +2,10 @@ import request from '@/utils/request'

 // 配置
 export function getConfig() {
-    return request.get({ url: '/common/index/config' })
+    return request.get({ url: '/index/config' })
 }

 // 工作台主页
 export function getWorkbench() {
-    return request.get({ url: '/common/index/console' })
+    return request.get({ url: '/index/console' })
 }
--- a/admin/src/api/channel/wx_oa.ts
+++ b/admin/src/api/channel/wx_oa.ts
@@ -1,4 +1,5 @@
 import request from '@/utils/request'
+import { firstToUpperCase } from '@/utils/util'

 // 微信公众号配置保存
 export function setOaConfig(params: any) {
@@ -47,12 +48,11 @@ export function setOaMenuPublish(params: Menu | any) {
 }

 /**
- * @return { Promise }
- * @param { string } type
- * @description 获取回复列表
+ * @description 默认回复列表
 */
-export function getOaReplyList(params: { type: string }) {
-    return request.get({ url: '/channel/oaReply/list', params })
+export function getOaReplyList(params: any) {
+    const type = firstToUpperCase(params.type)
+    return request.get({ url: `/channel/oaReply${type}/list`, params })
 }

 /**
@@ -60,8 +60,9 @@ export function getOaReplyList(params: { type: string }) {
 * @param { number } id
 * @description 回复列表删除
 */
-export function oaReplyDel(params: { id: number }) {
-    return request.post({ url: '/channel/oaReply/del', params })
+export function oaReplyDel(params: any) {
+    const type = firstToUpperCase(params.type)
+    return request.post({ url: `/channel/oaReply${type}/del`, params })
 }

 /**
@@ -69,8 +70,9 @@ export function oaReplyDel(params: { id: number }) {
 * @param { number } id
 * @description 回复状态修改
 */
-export function changeOaReplyStatus(params: { id: number }) {
-    return request.post({ url: '/channel/oaReply/status', params })
+export function changeOaReplyStatus(params: any) {
+    const type = firstToUpperCase(params.type)
+    return request.post({ url: `/channel/oaReply${type}/status`, params })
 }

 export interface Reply {
@@ -85,25 +87,26 @@ export interface Reply {
 }
 /**
 * @return { Promise }
- * @description 回复添加
+ * @description 默认回复编辑
 */
 export function oaReplyAdd(params: Reply) {
-    return request.post({ url: '/channel/oaReply/add', params })
+    const type = firstToUpperCase(params.type)
+    return request.post({ url: `/channel/oaReply${type}/add`, params })
 }

 /**
 * @return { Promise }
- * @description 回复编辑
+ * @description 默认回复编辑
 */
 export function oaReplyEdit(params: Reply) {
-    return request.post({ url: '/channel/oaReply/edit', params })
+    const type = firstToUpperCase(params.type)
+    return request.post({ url: `/channel/oaReply${type}/edit`, params })
 }

 /**
- * @return { Promise }
- * @param { string } type
- * @description 获取回复详情
+ * @description 默认回复详情
 */
-export function getOaReplyDetail(params: { id: number }) {
-    return request.get({ url: '/channel/oaReply/detail', params })
+export function getOaReplyDetail(params: any) {
+    const type = firstToUpperCase(params.type)
+    return request.get({ url: `/channel/oaReply${type}/detail`, params })
 }
--- a/admin/src/api/file.ts
+++ b/admin/src/api/file.ts
@@ -1,39 +1,39 @@
 import request from '@/utils/request'

 export function fileCateAdd(params: Record<string, any>) {
-    return request.post({ url: '/common/album/cateAdd', params })
+    return request.post({ url: '/albums/cateAdd', params })
 }

 export function fileCateEdit(params: Record<string, any>) {
-    return request.post({ url: '/common/album/cateRename', params })
+    return request.post({ url: '/albums/cateRename', params })
 }

 // 文件分类删除
 export function fileCateDelete(params: Record<string, any>) {
-    return request.post({ url: '/common/album/cateDel', params })
+    return request.post({ url: '/albums/cateDel', params })
 }

 // 文件分类列表
 export function fileCateLists(params: Record<string, any>) {
-    return request.get({ url: '/common/album/cateList', params })
+    return request.get({ url: '/albums/cateList', params })
 }

 // 文件列表
 export function fileList(params: Record<string, any>) {
-    return request.get({ url: '/common/album/albumList', params })
+    return request.get({ url: '/albums/albumList', params })
 }

 // 文件删除
 export function fileDelete(params: Record<string, any>) {
-    return request.post({ url: '/common/album/albumDel', params })
+    return request.post({ url: '/albums/albumDel', params })
 }

 // 文件移动
 export function fileMove(params: Record<string, any>) {
-    return request.post({ url: '/common/album/albumMove', params })
+    return request.post({ url: '/albums/albumMove', params })
 }

 // 文件重命名
 export function fileRename(params: { id: number; name: string }) {
-    return request.post({ url: '/common/album/albumRename', params })
+    return request.post({ url: '/albums/albumRename', params })
 }
--- a/admin/src/api/setting/system.ts
+++ b/admin/src/api/setting/system.ts
@@ -14,3 +14,28 @@ export function systemLogLists(params: any) {
 export function systemCache() {
    return request.get({ url: '/monitor/cache' })
 }
+
+// 定时任务列表
+export function crontabLists(params: any) {
+    return request.get({ url: '/crontab/list', params })
+}
+
+// 添加定时任务
+export function crontabAdd(params: any) {
+    return request.post({ url: '/crontab/add', params })
+}
+
+// 定时任务详情
+export function crontabDetail(params: any) {
+    return request.get({ url: '/crontab/detail', params })
+}
+
+// 编辑定时任务
+export function crontabEdit(params: any) {
+    return request.post({ url: '/crontab/edit', params })
+}
+
+// 删除定时任务
+export function crontabDel(params: any) {
+    return request.post({ url: '/crontab/del', params })
+}
--- a/admin/src/api/tools/code.ts
+++ b/admin/src/api/tools/code.ts
@@ -10,6 +10,11 @@ export function dataTable(params: any) {
    return request.get({ url: '/gen/db', params })
 }

+// 数据表列表接口
+export function dataTableAll() {
+    return request.get({ url: '/gen/dbAll' })
+}
+
 //选择要生成代码的数据表
 export function selectTable(params: any) {
    return request.post(
--- a/admin/src/assets/images/no_perms.png
+++ b/admin/src/assets/images/no_perms.png
--- a/admin/src/components/dict-value/index.vue
+++ b/admin/src/components/dict-value/index.vue
@@ -6,10 +6,15 @@
    </div>
 </template>
 <script lang="ts" setup>
-const props = defineProps<{
-    options: any[]
-    value: any
-}>()
+const props = withDefaults(
+    defineProps<{
+        options: any[]
+        value: any
+    }>(),
+    {
+        options: () => []
+    }
+)

 const values = computed(() => {
    if (props.value !== null && typeof props.value !== 'undefined') {
--- a/admin/src/components/editor/index.vue
+++ b/admin/src/components/editor/index.vue
@@ -15,9 +15,10 @@
        />
        <material-picker
            ref="materialPickerRef"
+            :type="fileType"
            :limit="-1"
            hidden-upload
-            @change="imageSelectChange"
+            @change="selectChange"
        />
    </div>
 </template>
@@ -39,12 +40,10 @@ const props = withDefaults(
    }>(),
    {
        modelValue: '',
-        mode: 'simple',
+        mode: 'default',
        height: '100%',
        width: 'auto',
-        toolbarConfig: () => ({
-            excludeKeys: ['fullScreen']
-        })
+        toolbarConfig: () => ({})
    }
 )

@@ -55,16 +54,24 @@ const emit = defineEmits<{
 // 编辑器实例，必须用 shallowRef
 const editorRef = shallowRef()
 const materialPickerRef = shallowRef<InstanceType<typeof MaterialPicker>>()
+const fileType = ref('')

-let insertImageFn: any
+let insertFn: any

 const editorConfig: Partial<IEditorConfig> = {
    MENU_CONF: {
        uploadImage: {
-            customBrowseAndUpload(insertFn: any) {
-                console.log(insertFn)
+            customBrowseAndUpload(insert: any) {
+                fileType.value = 'image'
                materialPickerRef.value?.showPopup(-1)
-                insertImageFn = insertFn
+                insertFn = insert
+            }
+        },
+        uploadVideo: {
+            customBrowseAndUpload(insert: any) {
+                fileType.value = 'video'
+                materialPickerRef.value?.showPopup(-1)
+                insertFn = insert
            }
        }
    }
@@ -83,9 +90,9 @@ const valueHtml = computed({
    }
 })

-const imageSelectChange = (image: string[]) => {
-    image.forEach((url) => {
-        insertImageFn(url)
+const selectChange = (fileUrl: string[]) => {
+    fileUrl.forEach((url) => {
+        insertFn(url)
    })
 }

@@ -100,3 +107,37 @@ const handleCreated = (editor: any) => {
    editorRef.value = editor // 记录 editor 实例，重要！
 }
 </script>
+
+<style lang="scss">
+.w-e-full-screen-container {
+    z-index: 999;
+}
+.w-e-text-container [data-slate-editor] ul {
+    list-style: disc;
+}
+.w-e-text-container [data-slate-editor] ol {
+    list-style: decimal;
+}
+h1 {
+    font-size: 2em;
+}
+h2 {
+    font-size: 1.5em;
+}
+h3 {
+    font-size: 1.17em;
+}
+h4 {
+    font-size: 1em;
+}
+h5 {
+    font-size: 0.83em;
+}
+h1,
+h2,
+h3,
+h4,
+h5 {
+    font-weight: bold;
+}
+</style>
--- a/admin/src/components/image-contain/index.vue
+++ b/admin/src/components/image-contain/index.vue
@@ -20,7 +20,11 @@ const props = defineProps({
        type: [String, Number],
        default: 0
    },
-    ...imageProps
+    ...imageProps,
+    hideOnClickModal: {
+        type: Boolean,
+        default: true
+    }
 })

 const styles = computed<CSSProperties>(() => {
--- a/admin/src/components/material/file.vue
+++ b/admin/src/components/material/file.vue
@@ -1,8 +1,14 @@
 <template>
    <div>
-        <div class="file-item" :style="{ height: fileSize, width: fileSize }">
+        <div class="file-item relative" :style="{ height: fileSize, width: fileSize }">
            <el-image class="image" v-if="type == 'image'" fit="contain" :src="uri"></el-image>
            <video class="video" v-else-if="type == 'video'" :src="uri"></video>
+            <div
+                v-if="type == 'video'"
+                class="absolute left-1/2 top-1/2 translate-x-[-50%] translate-y-[-50%] rounded-full w-5 h-5 flex justify-center items-center bg-[rgba(0,0,0,0.3)]"
+            >
+                <icon name="el-icon-CaretRight" :size="18" color="#fff" />
+            </div>
            <slot></slot>
        </div>
    </div>
--- a/admin/src/components/material/hook.ts
+++ b/admin/src/components/material/hook.ts
@@ -45,8 +45,7 @@ export function useCate(type: number) {
    }

    // 添加分组
-    const handleAddCate = async () => {
-        const { value } = await feedback.prompt('', '添加分组')
+    const handleAddCate = async (value: string) => {
        await fileCateAdd({
            type,
            name: value,
@@ -56,8 +55,7 @@ export function useCate(type: number) {
    }

    // 编辑分组
-    const handleEditCate = async (name: string, id: number) => {
-        const { value } = await feedback.prompt('', '重命分组', { inputValue: name })
+    const handleEditCate = async (value: string, id: number) => {
        await fileCateEdit({
            id,
            name: value
@@ -180,8 +178,7 @@ export function useFile(
        clearSelect()
    }

-    const handleFileRename = async (name: string, id: number) => {
-        const { value } = await feedback.prompt('', '重命名', { inputValue: name })
+    const handleFileRename = async (value: string, id: number) => {
        await fileRename({
            id,
            name: value
--- a/admin/src/components/material/index.vue
+++ b/admin/src/components/material/index.vue
@@ -24,24 +24,31 @@
                                        <overflow-tooltip :content="data.name" />
                                    </span>
                                    <el-dropdown
-                                        v-perms="[
-                                            'common:album:cateRename',
-                                            'common:album:cateDel'
-                                        ]"
+                                        v-perms="['albums:cateRename', 'albums:cateDel']"
                                        v-if="data.id > 0"
                                        :hide-on-click="false"
                                    >
                                        <span class="muted m-r-10">···</span>
                                        <template #dropdown>
                                            <el-dropdown-menu>
-                                                <div
-                                                    v-perms="['common:album:cateRename']"
-                                                    @click="handleEditCate(data.name, data.id)"
+                                                <popover-input
+                                                    v-perms="['albums:cateRename']"
+                                                    @confirm="handleEditCate($event, data.id)"
+                                                    size="default"
+                                                    :value="data.name"
+                                                    width="400px"
+                                                    :limit="20"
+                                                    show-limit
+                                                    teleported
                                                >
-                                                    <el-dropdown-item>命名分组</el-dropdown-item>
-                                                </div>
+                                                    <div>
+                                                        <el-dropdown-item>
+                                                            命名分组
+                                                        </el-dropdown-item>
+                                                    </div>
+                                                </popover-input>
                                                <div
-                                                    v-perms="['common:album:cateDel']"
+                                                    v-perms="['albums:cateDel']"
                                                    @click="handleDeleteCate(data.id)"
                                                >
                                                    <el-dropdown-item>删除分组</el-dropdown-item>
@@ -57,9 +64,17 @@
            </div>

            <div class="flex justify-center p-2 border-t border-br">
-                <el-button @click="handleAddCate" v-perms="['common:album:cateAdd']">
-                    添加分组
-                </el-button>
+                <popover-input
+                    v-perms="['albums:cateAdd']"
+                    @confirm="handleAddCate"
+                    size="default"
+                    width="400px"
+                    :limit="20"
+                    show-limit
+                    teleported
+                >
+                    <el-button> 添加分组 </el-button>
+                </popover-input>
            </div>
        </div>
        <div class="material__center flex flex-col">
@@ -67,7 +82,7 @@
                <div class="flex-1 flex">
                    <upload
                        v-if="type == 'image'"
-                        v-perms="['common:upload:image']"
+                        v-perms="['upload:image']"
                        class="mr-3"
                        :data="{ cid: cateId }"
                        :type="type"
@@ -78,7 +93,7 @@
                    </upload>
                    <upload
                        v-if="type == 'video'"
-                        v-perms="['common:upload:video']"
+                        v-perms="['upload:video']"
                        class="mr-3"
                        :data="{ cid: cateId }"
                        :type="type"
@@ -88,7 +103,7 @@
                        <el-button type="primary">本地上传</el-button>
                    </upload>
                    <el-button
-                        v-perms="['common:album:albumDel']"
+                        v-perms="['albums:albumDel']"
                        v-if="mode == 'page'"
                        :disabled="!select.length"
                        @click.stop="batchFileDelete()"
@@ -97,7 +112,7 @@
                    </el-button>

                    <popup
-                        v-perms="['common:album:albumMove']"
+                        v-perms="['albums:albumMove']"
                        v-if="mode == 'page'"
                        class="ml-3"
                        @confirm="batchFileMove"
@@ -195,14 +210,18 @@

                            <overflow-tooltip class="mt-1" :content="item.name" />
                            <div class="operation-btns flex items-center">
-                                <el-button
-                                    v-perms="['common:album:albumRename']"
-                                    type="primary"
-                                    link
-                                    @click="handleFileRename(item.name, item.id)"
+                                <popover-input
+                                    v-perms="['albums:albumRename']"
+                                    @confirm="handleFileRename($event, item.id)"
+                                    size="default"
+                                    :value="item.name"
+                                    width="400px"
+                                    :limit="50"
+                                    show-limit
+                                    teleported
                                >
-                                    重命名
-                                </el-button>
+                                    <el-button type="primary" link> 重命名 </el-button>
+                                </popover-input>
                                <el-button type="primary" link @click="handlePreview(item.uri)">
                                    查看
                                </el-button>
@@ -226,34 +245,40 @@
                            <el-checkbox :modelValue="isSelect(row.id)" @change="selectFile(row)" />
                        </template>
                    </el-table-column>
-                    <el-table-column label="图片" width="60">
+                    <el-table-column label="图片" width="100">
                        <template #default="{ row }">
-                            <file-item :uri="row.uri" file-size="40px"></file-item>
+                            <file-item :uri="row.uri" file-size="50px" :type="type"></file-item>
                        </template>
                    </el-table-column>
                    <el-table-column label="名称" min-width="100" show-overflow-tooltip>
                        <template #default="{ row }">
-                            <el-link @click.stop="handlePreview(row.uri)">{{ row.name }}</el-link>
+                            <el-link @click.stop="handlePreview(row.uri)" :underline="false">
+                                {{ row.name }}
+                            </el-link>
                        </template>
                    </el-table-column>
                    <el-table-column prop="createTime" label="上传时间" min-width="100" />
                    <el-table-column label="操作" width="150" fixed="right">
                        <template #default="{ row }">
-                            <div class="inline-block" v-perms="['common:album:albumRename']">
-                                <el-button
-                                    type="primary"
-                                    link
-                                    @click.stop="handleFileRename(row.name, row.id)"
+                            <div class="inline-block" v-perms="['albums:albumRename']">
+                                <popover-input
+                                    @confirm="handleFileRename($event, row.id)"
+                                    size="default"
+                                    :value="row.name"
+                                    width="400px"
+                                    :limit="50"
+                                    show-limit
+                                    teleported
                                >
-                                    重命名
-                                </el-button>
+                                    <el-button type="primary" link> 重命名 </el-button>
+                                </popover-input>
                            </div>
                            <div class="inline-block">
                                <el-button type="primary" link @click.stop="handlePreview(row.uri)">
                                    查看
                                </el-button>
                            </div>
-                            <div class="inline-block" v-perms="['common:album:albumDel']">
+                            <div class="inline-block" v-perms="['albums:albumDel']">
                                <el-button
                                    type="primary"
                                    link
@@ -287,14 +312,14 @@
                            </el-checkbox>
                        </span>
                        <el-button
-                            v-perms="['common:album:albumDel']"
+                            v-perms="['albums:albumDel']"
                            :disabled="!select.length"
                            @click="batchFileDelete()"
                        >
                            删除
                        </el-button>
                        <popup
-                            v-perms="['common:album:albumMove']"
+                            v-perms="['albums:albumMove']"
                            class="ml-3 inline"
                            @confirm="batchFileMove"
                            :disabled="!select.length"
--- a/admin/src/components/material/picker.vue
+++ b/admin/src/components/material/picker.vue
@@ -83,6 +83,7 @@ import FileItem from './file.vue'
 import Material from './index.vue'
 import Preview from './preview.vue'
 import useAppStore from '@/stores/modules/app'
+import { useThrottleFn } from '@vueuse/shared'
 export default defineComponent({
    components: {
        Popup,
@@ -170,17 +171,21 @@ export default defineComponent({
            if (limit.value == -1) return null
            return limit.value - fileList.value.length
        })
-        const handleConfirm = () => {
-            const selectUri = select.value.map((item) =>
-                props.excludeDomain ? item.path : item.uri
-            )
-            if (!isAdd.value) {
-                fileList.value.splice(currentIndex.value, 1, selectUri.shift())
-            } else {
-                fileList.value = [...fileList.value, ...selectUri]
-            }
-            handleChange()
-        }
+        const handleConfirm = useThrottleFn(
+            () => {
+                const selectUri = select.value.map((item) =>
+                    props.excludeDomain ? item.path : item.uri
+                )
+                if (!isAdd.value) {
+                    fileList.value.splice(currentIndex.value, 1, selectUri.shift())
+                } else {
+                    fileList.value = [...fileList.value, ...selectUri]
+                }
+                handleChange()
+            },
+            1000,
+            false
+        )
        const showPopup = (index: number) => {
            if (disabled.value) return
            if (index >= 0) {
@@ -214,6 +219,7 @@ export default defineComponent({

        const handleClose = () => {
            nextTick(() => {
+                if (props.hiddenUpload) fileList.value = []
                materialRef.value?.clearSelect()
            })
        }
--- a/admin/src/components/popover-input/index.vue
+++ b/admin/src/components/popover-input/index.vue
@@ -6,16 +6,18 @@
            :width="width"
            trigger="contextmenu"
            class="popover-input"
-            :teleported="false"
+            :teleported="teleported"
+            :persistent="false"
+            popper-class="!p-0"
        >
-            <div class="flex">
+            <div class="flex p-3" @click.stop="">
                <div class="popover-input__input mr-[10px] flex-1">
                    <el-select
                        class="flex-1"
-                        size="small"
+                        :size="size"
                        v-if="type == 'select'"
                        v-model="inputValue"
-                        :teleported="false"
+                        :teleported="teleported"
                    >
                        <el-option
                            v-for="item in options"
@@ -27,14 +29,17 @@
                    <el-input
                        v-else
                        v-model.trim="inputValue"
+                        :maxlength="limit"
+                        :show-word-limit="showLimit"
                        :type="type"
-                        size="small"
+                        :size="size"
+                        clearable
                        :placeholder="placeholder"
                    />
                </div>
                <div class="popover-input__btns flex-none">
-                    <el-button link @click="visible = false">取消</el-button>
-                    <el-button type="primary" size="small" @click="handleConfirm">确定</el-button>
+                    <el-button link @click="close">取消</el-button>
+                    <el-button type="primary" :size="size" @click="handleConfirm">确定</el-button>
                </div>
            </div>
            <template #reference>
@@ -60,7 +65,7 @@ const props = defineProps({
    },
    width: {
        type: [Number, String],
-        default: 250
+        default: '300px'
    },
    placeholder: String,
    disabled: {
@@ -70,6 +75,22 @@ const props = defineProps({
    options: {
        type: Array as PropType<any[]>,
        default: () => []
+    },
+    size: {
+        type: String as PropType<'default' | 'small' | 'large'>,
+        default: 'default'
+    },
+    limit: {
+        type: Number,
+        default: 200
+    },
+    showLimit: {
+        type: Boolean,
+        default: false
+    },
+    teleported: {
+        type: Boolean,
+        default: true
    }
 })
 const emit = defineEmits(['confirm'])
@@ -99,7 +120,8 @@ watch(
        immediate: true
    }
 )
-useEventListener(document.body, 'click', () => {
+
+useEventListener(document.documentElement, 'click', () => {
    if (inPopover.value) return
    close()
 })
--- a/admin/src/components/upload/index.vue
+++ b/admin/src/components/upload/index.vue
@@ -12,6 +12,7 @@
            :on-success="handleSuccess"
            :on-exceed="handleExceed"
            :on-error="handleError"
+            :accept="getAccept"
        >
            <slot></slot>
        </el-upload>
@@ -78,9 +79,9 @@ export default defineComponent({
    setup(props, { emit }) {
        const userStore = useUserStore()
        const uploadRefs = shallowRef<InstanceType<typeof ElUpload>>()
-        const action = ref(`${config.baseUrl}${config.urlPrefix}/common/upload/${props.type}`)
+        const action = ref(`${config.baseUrl}${config.urlPrefix}/upload/${props.type}`)
        const headers = computed(() => ({
-            token: userStore.token,
+            ['like-admin']: userStore.token,
            version: config.version
        }))
        const visible = ref(false)
@@ -110,18 +111,30 @@ export default defineComponent({
            emit('error')
        }
        const handleExceed = () => {
-            feedback.msgError('超出上传上限，请重新上传')
+            feedback.msgError(`超出上传上限${props.limit}，请重新上传`)
        }
        const handleClose = () => {
            uploadRefs.value?.clearFiles()
            visible.value = false
        }
+
+        const getAccept = computed(() => {
+            switch (props.type) {
+                case 'image':
+                    return '.jpj,.png,.gif,.jpeg,.ico,.bmp'
+                case 'video':
+                    return '.wmv,.avi,.mov,.mp4,.flv,.rmvb'
+                default:
+                    return '*'
+            }
+        })
        return {
            uploadRefs,
            action,
            headers,
            visible,
            fileList,
+            getAccept,
            handleProgress,
            handleSuccess,
            handleError,
--- a/admin/src/components/video-player/index.vue
+++ b/admin/src/components/video-player/index.vue
@@ -37,7 +37,7 @@ const options = reactive({
    mirror: false, //镜像画面
    ligthOff: false, //关灯模式
    volume: 0.3, //默认音量大小
-    control: false, //是否显示控制器
+    control: true, //是否显示控制器
    title: '', //视频名称
    poster: '', //封面
    ...props
--- a/admin/src/config/index.ts
+++ b/admin/src/config/index.ts
@@ -1,10 +1,10 @@
 const config = {
-    terminal: 1,
-    title: '后台管理系统',
-    version: '1.1.6',
-    baseUrl: `${import.meta.env.VITE_APP_BASE_URL}/`,
-    urlPrefix: 'api',
-    timeout: 20 * 1000
+    terminal: 1, //终端
+    title: '后台管理系统', //网站默认标题
+    version: '1.3.3', //版本号
+    baseUrl: `${import.meta.env.VITE_APP_BASE_URL || ''}/`, //请求接口域名
+    urlPrefix: 'api', //请求默认前缀
+    timeout: 10 * 1000 //请求超时时长
 }

 export default config
--- a/admin/src/config/setting.ts
+++ b/admin/src/config/setting.ts
@@ -1,13 +1,18 @@
 const defaultSetting = {
-    sideWidth: 200,
-    sideTheme: 'light',
-    sideDarkColor: '#1d2124',
-    theme: '#4A5DFF',
-    openMultipleTabs: true,
-    successTheme: '#67c23a',
-    warningTheme: '#e6a23c',
-    dangerTheme: '#f56c6c',
-    errorTheme: '#f56c6c',
-    infoTheme: '#909399'
+    showCrumb: true, // 是否显示面包屑
+    showLogo: true, // 是否显示logo
+    isUniqueOpened: false, //只展开一个一级菜单
+    sideWidth: 200, //侧边栏宽度
+    sideTheme: 'light', //侧边栏主题
+    sideDarkColor: '#1d2124', //侧边栏深色主题颜色
+    openMultipleTabs: true, // 是否开启多标签tab栏
+    theme: '#4A5DFF', //主题色
+    successTheme: '#67c23a', //成功主题色
+    warningTheme: '#e6a23c', //警告主题色
+    dangerTheme: '#f56c6c', //危险主题色
+    errorTheme: '#f56c6c', //错误主题色
+    infoTheme: '#909399' //信息主题色
 }
+//以上各种主题色分别对应element-plus的几种行为主题
+
 export default defaultSetting
--- a/admin/src/hooks/useMultipleTabs.ts
+++ b/admin/src/hooks/useMultipleTabs.ts
@@ -0,0 +1,47 @@
+import useTabsStore from '@/stores/modules/multipleTabs'
+import useSettingStore from '@/stores/modules/setting'
+
+export default function useMultipleTabs() {
+    const router = useRouter()
+    const route = useRoute()
+    const tabsStore = useTabsStore()
+    const settingStore = useSettingStore()
+
+    const tabsLists = computed(() => {
+        return tabsStore.getTabList
+    })
+
+    const currentTab = computed(() => {
+        return route.fullPath
+    })
+
+    const addTab = () => {
+        if (!settingStore.openMultipleTabs) return
+        tabsStore.addTab(router)
+    }
+
+    const removeTab = (fullPath?: any) => {
+        if (!settingStore.openMultipleTabs) return
+        fullPath = fullPath ?? route.fullPath
+        tabsStore.removeTab(fullPath, router)
+    }
+
+    const removeOtherTab = () => {
+        if (!settingStore.openMultipleTabs) return
+        tabsStore.removeOtherTab(route)
+    }
+
+    const removeAllTab = () => {
+        if (!settingStore.openMultipleTabs) return
+        tabsStore.removeAllTab(router)
+    }
+
+    return {
+        tabsLists,
+        currentTab,
+        addTab,
+        removeTab,
+        removeOtherTab,
+        removeAllTab
+    }
+}
--- a/admin/src/layout/default/components/header/index.vue
+++ b/admin/src/layout/default/components/header/index.vue
@@ -8,7 +8,7 @@
                <div class="navbar-item">
                    <refresh />
                </div>
-                <div class="flex items-center px-2" v-if="!isMobile">
+                <div class="flex items-center px-2" v-if="!isMobile && settingStore.showCrumb">
                    <breadcrumb />
                </div>
            </div>
--- a/admin/src/layout/default/components/header/multiple-tabs.vue
+++ b/admin/src/layout/default/components/header/multiple-tabs.vue
@@ -3,12 +3,12 @@
        <div class="flex-1 min-w-0">
            <el-tabs
                :model-value="currentTab"
-                :closable="tabsState.length > 1"
+                :closable="tabsLists.length > 1"
                @tab-change="handleChange"
-                @tab-remove="handleRemove"
+                @tab-remove="removeTab($event)"
            >
-                <template v-for="item in tabsState" :key="item.path">
-                    <el-tab-pane :label="item.title" :name="item.path"></el-tab-pane>
+                <template v-for="item in tabsLists" :key="item.fullPath">
+                    <el-tab-pane :label="item.title" :name="item.fullPath"></el-tab-pane>
                </template>
            </el-tabs>
        </div>
@@ -28,40 +28,31 @@
 </template>

 <script setup lang="ts">
+import useMultipleTabs from '@/hooks/useMultipleTabs'
 import { useWatchRoute } from '@/hooks/useWatchRoute'
 import useTabsStore, { getRouteParams } from '@/stores/modules/multipleTabs'
 const router = useRouter()
 const tabsStore = useTabsStore()
-const { route } = useWatchRoute((route) => {
-    tabsStore.addTab(route, router)
+const { removeOtherTab, addTab, removeAllTab, removeTab, tabsLists, currentTab } = useMultipleTabs()
+useWatchRoute(() => {
+    addTab()
 })

-const currentTab = computed(() => {
-    return route.path
-})
-
-const tabsState = computed(() => {
-    return tabsStore.getTabList
-})
-
-const handleChange = (path: any) => {
-    const tabItem = tabsStore.tasMap[path]
+const handleChange = (fullPath: any) => {
+    const tabItem = tabsStore.tasMap[fullPath]
    router.push(getRouteParams(tabItem))
 }

-const handleRemove = (path: any) => {
-    tabsStore.removeTab(path, router)
-}
 const handleCommand = (command: any) => {
    switch (command) {
        case 'closeCurrent':
-            handleRemove(route.path)
+            removeTab()
            break
        case 'closeOther':
-            tabsStore.removeOtherTab(route.path)
+            removeOtherTab()
            break
        case 'closeAll':
-            tabsStore.removeAllTab(router)
+            removeAllTab()
            break
    }
 }
--- a/admin/src/layout/default/components/main.vue
+++ b/admin/src/layout/default/components/main.vue
@@ -3,7 +3,9 @@
        <el-scrollbar>
            <div class="p-4">
                <router-view v-if="isRouteShow" v-slot="{ Component, route }">
-                    <component :is="Component" :key="route.fullPath" />
+                    <keep-alive :include="includeList" :max="20">
+                        <component :is="Component" :key="route.fullPath" />
+                    </keep-alive>
                </router-view>
            </div>
        </el-scrollbar>
@@ -12,8 +14,13 @@

 <script setup lang="ts">
 import useAppStore from '@/stores/modules/app'
+import useTabsStore from '@/stores/modules/multipleTabs'
+import useSettingStore from '@/stores/modules/setting'
 const appStore = useAppStore()
+const tabsStore = useTabsStore()
+const settingStore = useSettingStore()
 const isRouteShow = computed(() => appStore.isRouteShow)
+const includeList = computed(() => (settingStore.openMultipleTabs ? tabsStore.getCacheTabList : []))
 </script>

 <style></style>
--- a/admin/src/layout/default/components/setting/drawer.vue
+++ b/admin/src/layout/default/components/setting/drawer.vue
@@ -47,9 +47,33 @@
                    />
                </div>
            </div>
-            <div class="setting-item mb-5">
-                <div class="text-tx-secondary mb-4">菜单栏宽度</div>
-                <div><el-input-number v-model="sideWidth" :min="180" :max="250" /></div>
+            <div class="setting-item mb-5 flex justify-between items-center">
+                <span class="text-tx-secondary">只展开一个一级菜单</span>
+                <div>
+                    <el-switch
+                        v-model="isUniqueOpened"
+                        :active-value="true"
+                        :inactive-value="false"
+                    />
+                </div>
+            </div>
+            <div class="setting-item mb-5 flex justify-between items-center">
+                <div class="text-tx-secondary flex-none mr-3">菜单栏宽度</div>
+                <div>
+                    <el-input-number v-model="sideWidth" :min="180" :max="250" />
+                </div>
+            </div>
+            <div class="setting-item mb-5 flex justify-between items-center">
+                <div class="text-tx-secondary flex-none mr-3">显示LOGO</div>
+                <div>
+                    <el-switch v-model="showLogo" :active-value="true" :inactive-value="false" />
+                </div>
+            </div>
+            <div class="setting-item mb-5 flex justify-between items-center">
+                <div class="text-tx-secondary flex-none mr-3">显示面包屑</div>
+                <div>
+                    <el-switch v-model="showCrumb" :active-value="true" :inactive-value="false" />
+                </div>
            </div>
            <div class="setting-item mb-5 flex justify-between items-center">
                <el-button @click="resetTheme">重置主题</el-button>
@@ -65,7 +89,6 @@ import theme_light from '@/assets/images/theme_white.png'
 import theme_dark from '@/assets/images/theme_black.png'

 const settingStore = useSettingStore()
-
 const predefineColors = ref(['#409EFF', '#28C76F', '#EA5455', '#FF9F43', '#01CFE8', '#4A5DFF'])
 const sideThemeList = [
    {
@@ -102,6 +125,18 @@ const openMultipleTabs = computed({
    }
 })

+const isUniqueOpened = computed({
+    get() {
+        return settingStore.isUniqueOpened
+    },
+    set(value) {
+        settingStore.setSetting({
+            key: 'isUniqueOpened',
+            value
+        })
+    }
+})
+
 const sideWidth = computed({
    get() {
        return settingStore.sideWidth
@@ -137,6 +172,30 @@ const theme = computed({
    }
 })

+const showLogo = computed({
+    get() {
+        return settingStore.showLogo
+    },
+    set(value) {
+        settingStore.setSetting({
+            key: 'showLogo',
+            value
+        })
+    }
+})
+
+const showCrumb = computed({
+    get() {
+        return settingStore.showCrumb
+    },
+    set(value) {
+        settingStore.setSetting({
+            key: 'showCrumb',
+            value
+        })
+    }
+})
+
 const isDark = useDark()
 const themeChange = () => {
    settingStore.setTheme(isDark.value)
--- a/admin/src/layout/default/components/sidebar/menu.vue
+++ b/admin/src/layout/default/components/sidebar/menu.vue
@@ -10,7 +10,7 @@
                :default-active="activeMenu"
                :collapse="isCollapsed"
                mode="vertical"
-                :unique-opened="true"
+                :unique-opened="uniqueOpened"
                @select="$emit('select')"
            >
                <menu-item
@@ -41,6 +41,10 @@ const props = defineProps({
        type: Boolean,
        default: false
    },
+    uniqueOpened: {
+        type: Boolean,
+        default: false
+    },
    theme: {
        type: String
    },
--- a/admin/src/layout/default/components/sidebar/side.vue
+++ b/admin/src/layout/default/components/sidebar/side.vue
@@ -1,10 +1,11 @@
 <template>
    <div class="side" :style="sideStyle">
-        <side-logo :show-title="!isCollapsed" :theme="sideTheme" />
+        <side-logo v-if="settingStore.showLogo" :show-title="!isCollapsed" :theme="sideTheme" />
        <side-menu
            :routes="routes"
            :isCollapsed="isCollapsed"
            :width="settingStore.sideWidth"
+            :unique-opened="settingStore.isUniqueOpened"
            :config="menuProp"
            :theme="sideTheme"
            @select="handleSelect"
--- a/admin/src/permission.ts
+++ b/admin/src/permission.ts
@@ -11,6 +11,7 @@ import { INDEX_ROUTE, INDEX_ROUTE_NAME } from './router/routes'
 import { PageEnum } from './enums/pageEnum'
 import useTabsStore from './stores/modules/multipleTabs'
 import { clearAuthInfo } from './utils/auth'
+import config from './config'

 // NProgress配置
 NProgress.configure({ showSpinner: false })
@@ -22,9 +23,13 @@ const whiteList: string[] = [PageEnum.LOGIN, PageEnum.ERROR_403]
 router.beforeEach(async (to, from, next) => {
    // 开始 Progress Bar
    NProgress.start()
+    document.title = to.meta.title ?? config.title
    const userStore = useUserStore()
    const tabsStore = useTabsStore()
-    if (userStore.token) {
+    if (whiteList.includes(to.path)) {
+        // 在免登录白名单，直接进入
+        next()
+    } else if (userStore.token) {
        // 获取用户信息
        const hasGetUserInfo = Object.keys(userStore.userInfo).length !== 0
        if (hasGetUserInfo) {
@@ -42,7 +47,7 @@ router.beforeEach(async (to, from, next) => {
                const routeName = findFirstValidRoute(routes)
                // 没有有效路由跳转到403页面
                if (!routeName) {
-                    await userStore.logout()
+                    clearAuthInfo()
                    next(PageEnum.ERROR_403)
                    return
                }
@@ -69,9 +74,6 @@ router.beforeEach(async (to, from, next) => {
                next({ path: loginPath, query: { redirect: to.fullPath } })
            }
        }
-    } else if (whiteList.includes(to.path)) {
-        // 在免登录白名单，直接进入
-        next()
    } else {
        next({ path: loginPath, query: { redirect: to.fullPath } })
    }
--- a/admin/src/router/index.ts
+++ b/admin/src/router/index.ts
@@ -86,8 +86,8 @@ export function findFirstValidRoute(routes: RouteRecordRaw[]): string | undefine
 }
 //通过权限字符查询路由路径
 export function getRoutePath(perms: string) {
-    const router = useRouter()
-    return router.getRoutes().find((item) => item.meta?.perms == perms)?.path || ''
+    const routerObj = useRouter() || router
+    return routerObj.getRoutes().find((item) => item.meta?.perms == perms)?.path || ''
 }

 // 重置路由
--- a/admin/src/stores/modules/multipleTabs.ts
+++ b/admin/src/stores/modules/multipleTabs.ts
@@ -11,6 +11,7 @@ import { PageEnum } from '@/enums/pageEnum'

 interface TabItem {
    name: RouteRecordName
+    fullPath: string
    path: string
    title?: string
    query?: LocationQuery
@@ -24,8 +25,8 @@ interface TabsSate {
    indexRouteName: RouteRecordName
 }

-const getHasTabIndex = (path: string, tabList: TabItem[]) => {
-    return tabList.findIndex((item) => item.path == path)
+const getHasTabIndex = (fullPath: string, tabList: TabItem[]) => {
+    return tabList.findIndex((item) => item.fullPath == fullPath)
 }

 const isCannotAddRoute = (route: RouteLocationNormalized, router: Router) => {
@@ -39,8 +40,12 @@ const isCannotAddRoute = (route: RouteLocationNormalized, router: Router) => {
    return false
 }

-const findTabsIndex = (path: string, tabList: TabItem[]) => {
-    return tabList.findIndex((item) => item.path === path)
+const findTabsIndex = (fullPath: string, tabList: TabItem[]) => {
+    return tabList.findIndex((item) => item.fullPath === fullPath)
+}
+
+const getComponentName = (route: RouteLocationNormalized) => {
+    return route.matched.at(-1)?.components?.default?.name
 }

 export const getRouteParams = (tabItem: TabItem) => {
@@ -63,45 +68,67 @@ const useTabsStore = defineStore({
    getters: {
        getTabList(): TabItem[] {
            return this.tabList
+        },
+        getCacheTabList(): string[] {
+            return Array.from(this.cacheTabList)
        }
    },
    actions: {
        setRouteName(name: RouteRecordName) {
            this.indexRouteName = name
        },
+        addCache(componentName?: string) {
+            if (componentName) this.cacheTabList.add(componentName)
+        },
+        removeCache(componentName?: string) {
+            if (componentName && this.cacheTabList.has(componentName)) {
+                this.cacheTabList.delete(componentName)
+            }
+            console.log(this.cacheTabList)
+        },
+        clearCache() {
+            this.cacheTabList.clear()
+        },
        resetState() {
            this.cacheTabList = new Set()
            this.tabList = []
            this.tasMap = {}
            this.indexRouteName = ''
        },
-        addTab(route: RouteLocationNormalized, router: Router) {
-            const { name, path, query, meta, params } = route
+        addTab(router: Router) {
+            const route = unref(router.currentRoute)
+            const { name, query, meta, params, fullPath, path } = route
            if (isCannotAddRoute(route, router)) return
-            const hasTabIndex = getHasTabIndex(path!, this.tabList)
-
+            const hasTabIndex = getHasTabIndex(fullPath!, this.tabList)
+            const componentName = getComponentName(route)
            const tabItem = {
                name: name!,
                path,
+                fullPath,
                title: meta?.title,
                query,
                params
            }
-            this.tasMap[path] = tabItem
+            this.tasMap[fullPath] = tabItem
+            if (meta?.keepAlive) {
+                this.addCache(componentName)
+            }
            if (hasTabIndex != -1) {
-                this.tabList.splice(hasTabIndex, 1, tabItem)
                return
            }
+
            this.tabList.push(tabItem)
        },
-        removeTab(path: string, router: Router) {
+        removeTab(fullPath: string, router: Router) {
            const { currentRoute, push } = router
-            const index = findTabsIndex(path, this.tabList)
+            const index = findTabsIndex(fullPath, this.tabList)
            // 移除tab
            if (this.tabList.length > 1) {
                index !== -1 && this.tabList.splice(index, 1)
            }
-            if (path !== currentRoute.value.path) {
+            const componentName = getComponentName(currentRoute.value)
+            this.removeCache(componentName)
+            if (fullPath !== currentRoute.value.fullPath) {
                return
            }
            // 删除选中的tab
@@ -116,17 +143,24 @@ const useTabsStore = defineStore({
            const toRoute = getRouteParams(toTab)
            push(toRoute)
        },
-        removeOtherTab(path: string) {
-            this.tabList = this.tabList.filter((item) => item.path == path)
+        removeOtherTab(route: RouteLocationNormalized) {
+            this.tabList = this.tabList.filter((item) => item.fullPath == route.fullPath)
+            const componentName = getComponentName(route)
+            this.cacheTabList.forEach((name) => {
+                if (componentName !== name) {
+                    this.removeCache(name)
+                }
+            })
        },
        removeAllTab(router: Router) {
            const { push, currentRoute } = router
-            const { path, name } = unref(currentRoute)
+            const { name } = unref(currentRoute)
            if (name == this.indexRouteName) {
-                this.removeOtherTab(path)
+                this.removeOtherTab(currentRoute.value)
                return
            }
            this.tabList = []
+            this.clearCache()
            push(PageEnum.INDEX)
        }
    }
--- a/admin/src/stores/modules/user.ts
+++ b/admin/src/stores/modules/user.ts
@@ -32,7 +32,6 @@ const useUserStore = defineStore({
            this.token = ''
            this.userInfo = {}
            this.perms = []
-            this.menu = []
        },
        login(playload: any) {
            const { account, password } = playload
@@ -54,8 +53,9 @@ const useUserStore = defineStore({
        logout() {
            return new Promise((resolve, reject) => {
                logout()
-                    .then((data) => {
-                        router.push(PageEnum.LOGIN)
+                    .then(async (data) => {
+                        this.token = ''
+                        await router.push(PageEnum.LOGIN)
                        clearAuthInfo()
                        resolve(data)
                    })
--- a/admin/src/styles/element.scss
+++ b/admin/src/styles/element.scss
@@ -91,7 +91,7 @@
        --el-messagebox-width: 350px;
    }
    .el-date-editor {
-        --el-date-editor-width: 235px;
+        --el-date-editor-width: 280px;
        .el-range-input {
            font-size: var(--el-font-size-small);
        }
@@ -115,6 +115,9 @@
    .el-image__error {
        font-size: 12px;
    }
+    .el-tabs__nav-wrap::after {
+        height: 1px;
+    }
 }
@media (max-width: 768px) {
    .el-pagination > .el-pagination__jump {
--- a/admin/src/utils/auth.ts
+++ b/admin/src/utils/auth.ts
@@ -12,7 +12,7 @@ export function clearAuthInfo() {
    const userStore = useUserStore()
    const tabsStore = useTabsStore()
    userStore.resetState()
-    tabsStore.resetState()
+    tabsStore.$reset()
    cache.remove(TOKEN_KEY)
    resetRouter()
 }
--- a/admin/src/utils/request/axios.ts
+++ b/admin/src/utils/request/axios.ts
@@ -71,11 +71,10 @@ export class Axios {
                    this.removeCancelToken(err.config?.url!)
                }

-                if (err.code == AxiosError.ECONNABORTED) {
-                    setTimeout(() => {
-                        console.log(err)
+                if (err.code == AxiosError.ECONNABORTED || err.code == AxiosError.ERR_NETWORK) {
+                    return new Promise((resolve) => setTimeout(resolve, 500)).then(() =>
                        this.retryRequest(err)
-                    }, 500)
+                    )
                }
                return Promise.reject(err)
            }
@@ -103,17 +102,17 @@ export class Axios {
    retryRequest(error: AxiosError) {
        const config = error.config
        const { retryCount, isOpenRetry } = config.requestOptions
-        if (!isOpenRetry && config.method?.toUpperCase() == RequestMethodsEnum.POST) {
-            return
+        if (!isOpenRetry || config.method?.toUpperCase() == RequestMethodsEnum.POST) {
+            return Promise.reject(error)
        }
        config.retryCount = config.retryCount ?? 0

        if (config.retryCount >= retryCount) {
-            return
+            return Promise.reject(error)
        }
        config.retryCount++

-        this.axiosInstance.request(config)
+        return this.axiosInstance.request(config)
    }
    /**
     * @description get请求
--- a/admin/src/utils/request/index.ts
+++ b/admin/src/utils/request/index.ts
@@ -21,7 +21,7 @@ const axiosHooks: AxiosHooks = {
        // 添加token
        if (withToken) {
            const token = getToken()
-            headers.token = token
+            headers['like-admin'] = token
        }
        // POST请求下如果无data，则将params视为data
        if (
--- a/admin/src/utils/util.ts
+++ b/admin/src/utils/util.ts
@@ -160,3 +160,12 @@ export const getNonDuplicateID = (length = 8) => {
    idStr += Math.random().toString(36).substring(3, length)
    return idStr
 }
+
+/**
+ * @description 单词首字母大写
+ * @param  { String } str
+ * @return { String } id
+ */
+export const firstToUpperCase = (str = '') => {
+    return str.toLowerCase().replace(/( |^)[a-z]/g, ($1) => $1.toUpperCase())
+}
--- a/admin/src/views/account/login.vue
+++ b/admin/src/views/account/login.vue
@@ -6,7 +6,7 @@
                    <image-contain :src="config.webBackdrop" :width="400" height="100%" />
                </div>
                <div
-                    class="login-form bg-body flex flex-col px-10 pt-10 md:w-[400px] w-[375px] flex-none mx-auto"
+                    class="login-form bg-body flex flex-col justify-center px-10 py-10 md:w-[400px] w-[375px] flex-none mx-auto"
                >
                    <div class="text-center text-3xl font-medium mb-8">{{ config.webName }}</div>
                    <el-form ref="formRef" :model="formData" size="large" :rules="rules">
@@ -17,7 +17,7 @@
                                @keyup.enter="handleEnter"
                            >
                                <template #prepend>
-                                    <icon name="el-icon-Avatar" />
+                                    <icon name="el-icon-User" />
                                </template>
                            </el-input>
                        </el-form-item>
@@ -99,7 +99,7 @@ const handleLogin = async () => {
    // 记住账号，缓存
    cache.set(ACCOUNT_KEY, {
        remember: remAccount.value,
-        account: formData.account
+        account: remAccount.value ? formData.account : ''
    })
    await userStore.login(formData)
    const {
--- a/admin/src/views/article/column/edit.vue
+++ b/admin/src/views/article/column/edit.vue
@@ -14,7 +14,7 @@
                </el-form-item>
                <el-form-item label="排序" prop="sort">
                    <div>
-                        <el-input-number v-model="formData.sort" :min="0" />
+                        <el-input-number v-model="formData.sort" :min="0" :max="9999" />
                        <div class="form-tips">默认为0， 数值越大越排前</div>
                    </div>
                </el-form-item>
--- a/admin/src/views/article/column/index.vue
+++ b/admin/src/views/article/column/index.vue
@@ -65,7 +65,7 @@
        <edit-popup v-if="showEdit" ref="editRef" @success="getLists" @close="showEdit = false" />
    </div>
 </template>
-<script lang="ts" setup>
+<script lang="ts" setup name="articleColumn">
 import { articleCateDelete, articleCateLists, articleCateStatus } from '@/api/article'
 import { usePaging } from '@/hooks/usePaging'
 import feedback from '@/utils/feedback'
--- a/admin/src/views/article/lists/edit.vue
+++ b/admin/src/views/article/lists/edit.vue
@@ -18,6 +18,10 @@
                                <el-input
                                    v-model="formData.title"
                                    placeholder="请输入文章标题"
+                                    type="textarea"
+                                    :autosize="{ minRows: 3, maxRows: 3 }"
+                                    maxlength="64"
+                                    show-word-limit
                                    clearable
                                />
                            </div>
@@ -42,6 +46,10 @@
                                <el-input
                                    v-model="formData.intro"
                                    placeholder="请输入文章简介"
+                                    type="textarea"
+                                    :autosize="{ minRows: 3, maxRows: 6 }"
+                                    :maxlength="200"
+                                    show-word-limit
                                    clearable
                                />
                            </div>
@@ -50,8 +58,10 @@
                            <div class="w-80">
                                <el-input
                                    type="textarea"
-                                    :rows="6"
+                                    :autosize="{ minRows: 6, maxRows: 6 }"
                                    v-model="formData.summary"
+                                    maxlength="200"
+                                    show-word-limit
                                    clearable
                                />
                            </div>
@@ -71,7 +81,7 @@
                        </el-form-item>
                        <el-form-item label="排序" prop="sort">
                            <div>
-                                <el-input-number v-model="formData.sort" :min="0" />
+                                <el-input-number v-model="formData.sort" :min="0" :max="9999" />
                                <div class="form-tips">默认为0， 数值越大越排前</div>
                            </div>
                        </el-form-item>
@@ -101,11 +111,12 @@
    </div>
 </template>

-<script lang="ts" setup>
+<script lang="ts" setup name="articleListsEdit">
 import type { FormInstance } from 'element-plus'
 import feedback from '@/utils/feedback'
 import { useDictOptions } from '@/hooks/useDictOptions'
 import { articleCateAll, articleDetail, articleEdit, articleAdd } from '@/api/article'
+import useMultipleTabs from '@/hooks/useMultipleTabs'

 const route = useRoute()
 const router = useRouter()
@@ -123,6 +134,7 @@ const formData = reactive({
    summary: ''
 })

+const { removeTab } = useMultipleTabs()
 const formRef = shallowRef<FormInstance>()
 const rules = reactive({
    title: [{ required: true, message: '请输入文章标题', trigger: 'blur' }],
@@ -155,6 +167,7 @@ const handleSave = async () => {
        await articleAdd(formData)
    }
    feedback.msgSuccess('操作成功')
+    removeTab()
    router.back()
 }

--- a/admin/src/views/article/lists/index.vue
+++ b/admin/src/views/article/lists/index.vue
@@ -4,14 +4,14 @@
            <el-form ref="formRef" class="mb-[-16px]" :model="queryParams" :inline="true">
                <el-form-item label="文章标题">
                    <el-input
-                        class="w-56"
+                        class="w-[280px]"
                        v-model="queryParams.title"
                        clearable
                        @keyup.enter="resetPage"
                    />
                </el-form-item>
                <el-form-item label="栏目名称">
-                    <el-select class="w-56" v-model="queryParams.cid">
+                    <el-select class="w-[280px]" v-model="queryParams.cid">
                        <el-option label="全部" value />
                        <el-option
                            v-for="item in optionsData.articleCate"
@@ -22,7 +22,7 @@
                    </el-select>
                </el-form-item>
                <el-form-item label="文章状态">
-                    <el-select class="w-56" v-model="queryParams.isShow">
+                    <el-select class="w-[280px]" v-model="queryParams.isShow">
                        <el-option label="全部" value />
                        <el-option label="显示" :value="1" />
                        <el-option label="隐藏" :value="0" />
@@ -37,9 +37,9 @@
        <el-card class="!border-none mt-4" shadow="never">
            <div>
                <router-link
-                    v-perms="['article:add']"
+                    v-perms="['article:add', 'article:add/edit']"
                    :to="{
-                        path: getRoutePath('article:edit')
+                        path: getRoutePath('article:add/edit')
                    }"
                >
                    <el-button type="primary" class="mb-4">
@@ -54,10 +54,11 @@
                <el-table-column label="ID" prop="id" min-width="80" />
                <el-table-column label="封面" min-width="100">
                    <template #default="{ row }">
-                        <el-image
+                        <image-contain
                            v-if="row.image"
                            :src="row.image"
-                            class="w-[60px] h-[45px]"
+                            :width="60"
+                            :height="45"
                            :preview-src-list="[row.image]"
                            preview-teleported
                            fit="contain"
@@ -88,10 +89,10 @@
                <el-table-column label="发布时间" prop="createTime" min-width="120" />
                <el-table-column label="操作" width="120" fixed="right">
                    <template #default="{ row }">
-                        <el-button v-perms="['article:edit']" type="primary" link>
+                        <el-button v-perms="['article:edit','article:add/edit']" type="primary" link>
                            <router-link
                                :to="{
-                                    path: getRoutePath('article:edit'),
+                                    path: getRoutePath('article:add/edit'),
                                    query: {
                                        id: row.id
                                    }
@@ -117,7 +118,7 @@
        </el-card>
    </div>
 </template>
-<script lang="ts" setup>
+<script lang="ts" setup name="articleLists">
 import { articleLists, articleDelete, articleStatus, articleCateAll } from '@/api/article'
 import { useDictOptions } from '@/hooks/useDictOptions'
 import { usePaging } from '@/hooks/usePaging'
@@ -159,5 +160,9 @@ const handleDelete = async (id: number) => {
    getLists()
 }

+onActivated(() => {
+    getLists()
+})
+
 getLists()
 </script>
--- a/admin/src/views/channel/h5.vue
+++ b/admin/src/views/channel/h5.vue
@@ -32,7 +32,7 @@
        </footer-btns>
    </div>
 </template>
-<script lang="ts" setup>
+<script lang="ts" setup name="h5Config">
 import { getH5Config, setH5Config } from '@/api/channel/h5'
 import feedback from '@/utils/feedback'

--- a/admin/src/views/channel/weapp.vue
+++ b/admin/src/views/channel/weapp.vue
@@ -140,7 +140,7 @@
        </footer-btns>
    </div>
 </template>
-<script lang="ts" setup>
+<script lang="ts" setup name="weappConfig">
 import { getWeappConfig, setWeappConfig } from '@/api/channel/weapp'
 import feedback from '@/utils/feedback'

--- a/admin/src/views/channel/wx_dev.vue
+++ b/admin/src/views/channel/wx_dev.vue
@@ -35,7 +35,7 @@
        </footer-btns>
    </div>
 </template>
-<script lang="ts" setup>
+<script lang="ts" setup name="wxDevConfig">
 import { getWxDevConfig, setWxDevConfig } from '@/api/channel/wx_dev'
 import feedback from '@/utils/feedback'

--- a/admin/src/views/channel/wx_oa/config.vue
+++ b/admin/src/views/channel/wx_oa/config.vue
@@ -156,7 +156,7 @@
        </footer-btns>
    </div>
 </template>
-<script lang="ts" setup>
+<script lang="ts" setup name="wxOaConfig">
 import { getOaConfig, setOaConfig } from '@/api/channel/wx_oa'
 import feedback from '@/utils/feedback'
 import { useClipboard } from '@vueuse/core'
--- a/admin/src/views/channel/wx_oa/menu.vue
+++ b/admin/src/views/channel/wx_oa/menu.vue
@@ -1,4 +1,4 @@
-<script setup lang="ts">
+<script setup lang="ts" name="wxOaMenu">
 import OaPhone from './menu_com/oa-phone.vue'
 import OaAttr from './menu_com/oa-attr.vue'
 import { useMenuOa } from './menu_com/useMenuOa'
--- a/admin/src/views/channel/wx_oa/menu_com/useMenuOa.ts
+++ b/admin/src/views/channel/wx_oa/menu_com/useMenuOa.ts
@@ -44,6 +44,12 @@ export const rules = reactive<FormRules>({
            required: true,
            message: '必填项不能为空',
            trigger: ['blur', 'change']
+        },
+        {
+            pattern:
+                /^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+)\.)+([A-Za-z0-9-~\/])+$/,
+            message: '请输入合法的网址链接',
+            trigger: ['blur', 'change']
        }
    ],
    appId: [
@@ -121,7 +127,6 @@ export const useMenuOa = (ref: any) => {
                await refs[i].menuFormRef.validate()
            } catch (error) {
                menuIndex.value = i
-                feedback.msgError(`菜单${i + 1}必填项不能为空～`)
                return
            }
        }
@@ -137,7 +142,6 @@ export const useMenuOa = (ref: any) => {
                await refs[i].menuFormRef.validate()
            } catch (error) {
                menuIndex.value = i
-                feedback.msgError(`菜单${i + 1}必填项不能为空～`)
                return
            }
        }
--- a/admin/src/views/channel/wx_oa/reply/default_reply.vue
+++ b/admin/src/views/channel/wx_oa/reply/default_reply.vue
@@ -10,24 +10,30 @@
        </el-card>
        <el-card class="!border-none mt-4" shadow="never">
            <div>
-                <el-button class="mb-4" type="primary" @click="handleAdd()">
+                <el-button
+                    v-perms="['channel:oaReplyDefault:add']"
+                    class="mb-4"
+                    type="primary"
+                    @click="handleAdd()"
+                >
                    <template #icon>
                        <icon name="el-icon-Plus" />
                    </template>
                    新增
                </el-button>
            </div>
-            <el-table size="large" :data="lists">
+            <el-table size="large" :data="pager.lists" v-loading="pager.loading">
                <el-table-column label="规则名称" prop="name" min-width="120" />
                <el-table-column label="回复类型" min-width="120">
                    <template #default="{ row }">
-                        {{ getContentType(1) }}
+                        {{ getContentType(row.contentType) }}
                    </template>
                </el-table-column>
                <el-table-column label="回复内容" prop="content" min-width="120" />
                <el-table-column label="状态" min-width="120">
                    <template #default="{ row }">
                        <el-switch
+                            v-perms="['channel:oaReplyDefault:status']"
                            v-model="row.status"
                            :active-value="1"
                            :inactive-value="0"
@@ -38,25 +44,40 @@
                <el-table-column label="排序" prop="sort" min-width="120" />
                <el-table-column label="操作" width="120" fixed="right">
                    <template #default="{ row }">
-                        <el-button type="primary" link @click="handleEdit(row)"> 编辑 </el-button>
-                        <el-button type="danger" link @click="handleDelete(row.id)">
+                        <el-button
+                            v-perms="['channel:oaReplyDefault:edit']"
+                            type="primary"
+                            link
+                            @click="handleEdit(row)"
+                        >
+                            编辑
+                        </el-button>
+                        <el-button
+                            v-perms="['channel:oaReplyDefault:del']"
+                            type="danger"
+                            link
+                            @click="handleDelete(row.id)"
+                        >
                            删除
                        </el-button>
                    </template>
                </el-table-column>
            </el-table>
+            <div class="flex justify-end mt-4">
+                <pagination v-model="pager" @change="getLists" />
+            </div>
        </el-card>
        <edit-popup v-if="showEdit" ref="editRef" @success="getLists" @close="showEdit = false" />
    </div>
 </template>
 <script lang="ts" setup>
 import { oaReplyDel, getOaReplyList, changeOaReplyStatus } from '@/api/channel/wx_oa'
+import { usePaging } from '@/hooks/usePaging'
 import feedback from '@/utils/feedback'
 import EditPopup from './edit.vue'
 const editRef = shallowRef<InstanceType<typeof EditPopup>>()
 const showEdit = ref(false)
-const lists = ref()
-
+const type = 'default'
 const getContentType = computed(() => {
    return (val: number) => {
        switch (val) {
@@ -66,33 +87,36 @@ const getContentType = computed(() => {
    }
 })

-const getLists = async () => {
-    lists.value = await getOaReplyList({ type: 'default' })
-}
+const { pager, getLists } = usePaging({
+    fetchFun: getOaReplyList,
+    params: {
+        type
+    }
+})

 const handleAdd = async () => {
    showEdit.value = true
    await nextTick()
-    editRef.value?.open('add', 'default')
+    editRef.value?.open('add', type)
 }

 const handleEdit = async (data: any) => {
    showEdit.value = true
    await nextTick()
-    editRef.value?.open('edit', 'default')
+    editRef.value?.open('edit', type)
    editRef.value?.getDetail(data)
 }

 const handleDelete = async (id: number) => {
    await feedback.confirm('确定要删除？')
-    await oaReplyDel({ id })
+    await oaReplyDel({ id, type })
    feedback.msgSuccess('删除成功')
    getLists()
 }

 const changeStatus = async (id: number) => {
    try {
-        await changeOaReplyStatus({ id })
+        await changeOaReplyStatus({ id, type })
        feedback.msgSuccess('修改成功')
        getLists()
    } catch (error) {
--- a/admin/src/views/channel/wx_oa/reply/edit.vue
+++ b/admin/src/views/channel/wx_oa/reply/edit.vue
@@ -5,7 +5,6 @@
            :title="popupTitle"
            :async="true"
            width="500px"
-            :clickModalClose="true"
            @confirm="handleSubmit"
            @close="handleClose"
        >
@@ -56,6 +55,8 @@
                            v-model="formData.content"
                            :autosize="{ minRows: 4, maxRows: 4 }"
                            type="textarea"
+                            maxlength="200"
+                            show-word-limit
                            placeholder="请输入回复内容"
                        />
                    </div>
@@ -70,7 +71,7 @@
                </el-form-item> -->
                <el-form-item label="排序">
                    <div class="flex-1">
-                        <el-input v-model="formData.sort" placeholder="请输入" />
+                        <el-input-number v-model="formData.sort" :min="0" :max="9999" />
                    </div>
                </el-form-item>
                <el-form-item label="启用状态">
@@ -170,7 +171,8 @@ const setFormData = (data: Record<any, any>) => {

 const getDetail = async (row: Record<string, any>) => {
    const data = await getOaReplyDetail({
-        id: row.id
+        id: row.id,
+        type: formData.type
    })
    setFormData(data)
 }
--- a/admin/src/views/channel/wx_oa/reply/follow_reply.vue
+++ b/admin/src/views/channel/wx_oa/reply/follow_reply.vue
@@ -10,14 +10,19 @@
        </el-card>
        <el-card class="!border-none mt-4" shadow="never">
            <div>
-                <el-button class="mb-4" type="primary" @click="handleAdd()">
+                <el-button
+                    v-perms="['channel:oaReplyFollow:add']"
+                    class="mb-4"
+                    type="primary"
+                    @click="handleAdd()"
+                >
                    <template #icon>
                        <icon name="el-icon-Plus" />
                    </template>
                    新增
                </el-button>
            </div>
-            <el-table size="large" :data="lists">
+            <el-table size="large" :data="pager.lists" v-loading="pager.loading">
                <el-table-column label="规则名称" prop="name" min-width="120" />
                <el-table-column label="回复类型" min-width="120">
                    <template #default="{ row }">
@@ -28,6 +33,7 @@
                <el-table-column label="状态" min-width="120">
                    <template #default="{ row }">
                        <el-switch
+                            v-perms="['channel:oaReplyFollow:status']"
                            v-model="row.status"
                            :active-value="1"
                            :inactive-value="0"
@@ -38,25 +44,41 @@
                <el-table-column label="排序" prop="sort" min-width="120" />
                <el-table-column label="操作" width="120" fixed="right">
                    <template #default="{ row }">
-                        <el-button type="primary" link @click="handleEdit(row)"> 编辑 </el-button>
-                        <el-button type="danger" link @click="handleDelete(row.id)">
+                        <el-button
+                            v-perms="['channel:oaReplyFollow:edit']"
+                            type="primary"
+                            link
+                            @click="handleEdit(row)"
+                        >
+                            编辑
+                        </el-button>
+                        <el-button
+                            v-perms="['channel:oaReplyFollow:del']"
+                            type="danger"
+                            link
+                            @click="handleDelete(row.id)"
+                        >
                            删除
                        </el-button>
                    </template>
                </el-table-column>
            </el-table>
+            <div class="flex justify-end mt-4">
+                <pagination v-model="pager" @change="getLists" />
+            </div>
        </el-card>
        <edit-popup v-if="showEdit" ref="editRef" @success="getLists" @close="showEdit = false" />
    </div>
 </template>
 <script lang="ts" setup>
 import { oaReplyDel, getOaReplyList, changeOaReplyStatus } from '@/api/channel/wx_oa'
+import { usePaging } from '@/hooks/usePaging'
 import feedback from '@/utils/feedback'
 import EditPopup from './edit.vue'
+
 const editRef = shallowRef<InstanceType<typeof EditPopup>>()
 const showEdit = ref(false)
-const lists = ref()
-
+const type = 'follow'
 const getContentType = computed(() => {
    return (val: number) => {
        switch (val) {
@@ -66,33 +88,36 @@ const getContentType = computed(() => {
    }
 })

-const getLists = async () => {
-    lists.value = await getOaReplyList({ type: 'follow' })
-}
+const { pager, getLists } = usePaging({
+    fetchFun: getOaReplyList,
+    params: {
+        type
+    }
+})

 const handleAdd = async () => {
    showEdit.value = true
    await nextTick()
-    editRef.value?.open('add', 'follow')
+    editRef.value?.open('add', type)
 }

 const handleEdit = async (data: any) => {
    showEdit.value = true
    await nextTick()
-    editRef.value?.open('edit', 'follow')
+    editRef.value?.open('edit', type)
    editRef.value?.getDetail(data)
 }

 const handleDelete = async (id: number) => {
    await feedback.confirm('确定要删除？')
-    await oaReplyDel({ id })
+    await oaReplyDel({ id, type })
    feedback.msgSuccess('删除成功')
    getLists()
 }

 const changeStatus = async (id: number) => {
    try {
-        await changeOaReplyStatus({ id })
+        await changeOaReplyStatus({ id, type })
        feedback.msgSuccess('修改成功')
        getLists()
    } catch (error) {
--- a/admin/src/views/channel/wx_oa/reply/keyword_reply.vue
+++ b/admin/src/views/channel/wx_oa/reply/keyword_reply.vue
@@ -10,14 +10,19 @@
        </el-card>
        <el-card class="!border-none mt-4" shadow="never">
            <div>
-                <el-button class="mb-4" type="primary" @click="handleAdd()">
+                <el-button
+                    v-perms="['channel:oaReplyKeyword:add']"
+                    class="mb-4"
+                    type="primary"
+                    @click="handleAdd()"
+                >
                    <template #icon>
                        <icon name="el-icon-Plus" />
                    </template>
                    新增
                </el-button>
            </div>
-            <el-table size="large" :data="lists">
+            <el-table size="large" :data="pager.lists" v-loading="pager.loading">
                <el-table-column label="规则名称" prop="name" min-width="120" />

                <el-table-column label="关键词" prop="keyword" min-width="120" />
@@ -34,6 +39,7 @@
                <el-table-column label="状态" min-width="120">
                    <template #default="{ row }">
                        <el-switch
+                            v-perms="['channel:oaReplyKeyword:status']"
                            v-model="row.status"
                            :active-value="1"
                            :inactive-value="0"
@@ -44,24 +50,39 @@
                <el-table-column label="排序" prop="sort" min-width="120" />
                <el-table-column label="操作" width="120" fixed="right">
                    <template #default="{ row }">
-                        <el-button type="primary" link @click="handleEdit(row)"> 编辑 </el-button>
-                        <el-button type="danger" link @click="handleDelete(row.id)">
+                        <el-button
+                            v-perms="['channel:oaReplyKeyword:edit']"
+                            type="primary"
+                            link
+                            @click="handleEdit(row)"
+                        >
+                            编辑
+                        </el-button>
+                        <el-button
+                            v-perms="['channel:oaReplyKeyword:del']"
+                            type="danger"
+                            link
+                            @click="handleDelete(row.id)"
+                        >
                            删除
                        </el-button>
                    </template>
                </el-table-column>
            </el-table>
+            <div class="flex justify-end mt-4">
+                <pagination v-model="pager" @change="getLists" />
+            </div>
        </el-card>
        <edit-popup v-if="showEdit" ref="editRef" @success="getLists" @close="showEdit = false" />
    </div>
 </template>
 <script lang="ts" setup>
 import { oaReplyDel, getOaReplyList, changeOaReplyStatus } from '@/api/channel/wx_oa'
+import { usePaging } from '@/hooks/usePaging'
 import feedback from '@/utils/feedback'
 import EditPopup from './edit.vue'
 const editRef = shallowRef<InstanceType<typeof EditPopup>>()
 const showEdit = ref(false)
-const lists = ref()

 const getMatchingType = computed(() => {
    return (val: number) => {
@@ -82,34 +103,37 @@ const getContentType = computed(() => {
        }
    }
 })
-
-const getLists = async () => {
-    lists.value = await getOaReplyList({ type: 'keyword' })
-}
+const type = 'keyword'
+const { pager, getLists } = usePaging({
+    fetchFun: getOaReplyList,
+    params: {
+        type
+    }
+})

 const handleAdd = async () => {
    showEdit.value = true
    await nextTick()
-    editRef.value?.open('add', 'keyword')
+    editRef.value?.open('add', type)
 }

 const handleEdit = async (data: any) => {
    showEdit.value = true
    await nextTick()
-    editRef.value?.open('edit', 'keyword')
+    editRef.value?.open('edit', type)
    editRef.value?.getDetail(data)
 }

 const handleDelete = async (id: number) => {
    await feedback.confirm('确定要删除？')
-    await oaReplyDel({ id })
+    await oaReplyDel({ id, type })
    feedback.msgSuccess('删除成功')
    getLists()
 }

 const changeStatus = async (id: number) => {
    try {
-        await changeOaReplyStatus({ id })
+        await changeOaReplyStatus({ id, type })
        feedback.msgSuccess('修改成功')
        getLists()
    } catch (error) {
--- a/admin/src/views/consumer/lists/detail.vue
+++ b/admin/src/views/consumer/lists/detail.vue
@@ -15,7 +15,11 @@
                </el-form-item>
                <el-form-item label="账号：">
                    {{ formData.username }}
-                    <popover-input class="ml-[10px]" @confirm="handleEdit($event, 'username')">
+                    <popover-input
+                        class="ml-[10px]"
+                        :limit="32"
+                        @confirm="handleEdit($event, 'username')"
+                    >
                        <el-button type="primary" link v-perms="['user:edit']">
                            <icon name="el-icon-EditPen" />
                        </el-button>
@@ -23,7 +27,11 @@
                </el-form-item>
                <el-form-item label="真实姓名：">
                    {{ formData.realName || '-' }}
-                    <popover-input class="ml-[10px]" @confirm="handleEdit($event, 'realName')">
+                    <popover-input
+                        class="ml-[10px]"
+                        :limit="32"
+                        @confirm="handleEdit($event, 'realName')"
+                    >
                        <el-button type="primary" link v-perms="['user:edit']">
                            <icon name="el-icon-EditPen" />
                        </el-button>
@@ -75,7 +83,7 @@
    </div>
 </template>

-<script lang="ts" setup>
+<script lang="ts" setup name="consumerDetail">
 import type { FormInstance } from 'element-plus'
 import { getUserDetail, userEdit } from '@/api/consumer'
 import feedback from '@/utils/feedback'
--- a/admin/src/views/consumer/lists/index.vue
+++ b/admin/src/views/consumer/lists/index.vue
@@ -4,7 +4,7 @@
            <el-form ref="formRef" class="mb-[-16px]" :model="queryParams" :inline="true">
                <el-form-item label="用户信息">
                    <el-input
-                        class="w-56"
+                        class="w-[280px]"
                        v-model="queryParams.keyword"
                        placeholder="用户编号/昵称/手机号码"
                        clearable
@@ -18,7 +18,7 @@
                    />
                </el-form-item>
                <el-form-item label="注册来源">
-                    <el-select class="w-56" v-model="queryParams.channel">
+                    <el-select class="w-[280px]" v-model="queryParams.channel">
                        <el-option
                            v-for="(item, key) in ClientMap"
                            :key="key"
@@ -70,7 +70,7 @@
        </el-card>
    </div>
 </template>
-<script lang="ts" setup>
+<script lang="ts" setup name="consumerLists">
 import { usePaging } from '@/hooks/usePaging'
 import { getRoutePath } from '@/router'
 import { getUserList } from '@/api/consumer'
@@ -86,6 +86,9 @@ const { pager, getLists, resetPage, resetParams } = usePaging({
    fetchFun: getUserList,
    params: queryParams
 })
+onActivated(() => {
+    getLists()
+})

 getLists()
 </script>
--- a/admin/src/views/decoration/component/add-nav.vue
+++ b/admin/src/views/decoration/component/add-nav.vue
@@ -1,37 +1,36 @@
 <template>
    <div>
        <div>
-            <del-wrap
-                class="max-w-[400px]"
-                v-for="(item, index) in modelValue"
-                :key="index"
-                @close="handleDelete(index)"
-            >
-                <div class="bg-fill-light flex items-center w-full p-4 mb-4">
-                    <material-picker
-                        v-model="item.image"
-                        upload-class="bg-body"
-                        size="60px"
-                        exclude-domain
-                    >
-                        <template #upload>
-                            <div class="upload-btn w-[60px] h-[60px]">
-                                <icon name="el-icon-Plus" :size="20" />
+            <draggable class="draggable" v-model="navLists" animation="300">
+                <template v-slot:item="{ element: item, index }">
+                    <del-wrap class="max-w-[400px]" :key="index" @close="handleDelete(index)">
+                        <div class="bg-fill-light flex items-center w-full p-4 mb-4 cursor-move">
+                            <material-picker
+                                v-model="item.image"
+                                upload-class="bg-body"
+                                size="60px"
+                                exclude-domain
+                            >
+                                <template #upload>
+                                    <div class="upload-btn w-[60px] h-[60px]">
+                                        <icon name="el-icon-Plus" :size="20" />
+                                    </div>
+                                </template>
+                            </material-picker>
+                            <div class="ml-3 flex-1">
+                                <div class="flex">
+                                    <span class="text-tx-regular flex-none mr-3">名称</span>
+                                    <el-input v-model="item.name" placeholder="请输入名称" />
+                                </div>
+                                <div class="flex mt-[18px]">
+                                    <span class="text-tx-regular flex-none mr-3">链接</span>
+                                    <link-picker v-model="item.link" />
+                                </div>
                            </div>
-                        </template>
-                    </material-picker>
-                    <div class="ml-3 flex-1">
-                        <div class="flex">
-                            <span class="text-tx-regular flex-none mr-3">名称</span>
-                            <el-input v-model="item.name" placeholder="请输入名称" />
                        </div>
-                        <div class="flex mt-[18px]">
-                            <span class="text-tx-regular flex-none mr-3">链接</span>
-                            <link-picker v-model="item.link" />
-                        </div>
-                    </div>
-                </div>
-            </del-wrap>
+                    </del-wrap>
+                </template>
+            </draggable>
        </div>
        <div>
            <el-button type="primary" @click="handleAdd">添加</el-button>
@@ -41,7 +40,7 @@
 <script lang="ts" setup>
 import feedback from '@/utils/feedback'
 import type { PropType } from 'vue'
-
+import Draggable from 'vuedraggable'
 const props = defineProps({
    modelValue: {
        type: Array as PropType<any[]>,
@@ -57,9 +56,19 @@ const props = defineProps({
    }
 })

+const emit = defineEmits(['update:modelValue'])
+const navLists = computed({
+    get() {
+        return props.modelValue
+    },
+    set(value) {
+        emit('update:modelValue', value)
+    }
+})
+
 const handleAdd = () => {
    if (props.modelValue?.length < props.max) {
-        props.modelValue.push({
+        navLists.value.push({
            image: '',
            name: '导航名称',
            link: {}
@@ -72,7 +81,7 @@ const handleDelete = (index: number) => {
    if (props.modelValue?.length <= props.min) {
        return feedback.msgError(`最少保留${props.min}个`)
    }
-    props.modelValue.splice(index, 1)
+    navLists.value.splice(index, 1)
 }
 </script>

--- a/admin/src/views/decoration/component/widgets/banner/attr.vue
+++ b/admin/src/views/decoration/component/widgets/banner/attr.vue
@@ -1,7 +1,7 @@
 <template>
    <div>
        <el-form label-width="70px">
-            <el-form-item label="是否启用">
+            <el-form-item label="是否启用" v-if="type == 'mobile'">
                <el-radio-group v-model="content.enabled">
                    <el-radio :label="1">开启</el-radio>
                    <el-radio :label="0">停用</el-radio>
@@ -10,28 +10,36 @@
            <el-form-item label="图片设置">
                <div class="flex-1">
                    <div class="form-tips">最多添加5张，建议图片尺寸：750px*340px</div>
-                    <del-wrap
-                        v-for="(item, index) in content.data"
-                        :key="index"
-                        @close="handleDelete(index)"
-                        class="max-w-[400px]"
-                    >
-                        <div class="bg-fill-light flex items-center w-full p-4 mt-4">
-                            <material-picker
-                                v-model="item.image"
-                                upload-class="bg-body"
-                                exclude-domain
-                            />
-                            <div class="ml-3 flex-1">
-                                <el-form-item label="图片名称">
-                                    <el-input v-model="item.name" placeholder="请输入名称" />
-                                </el-form-item>
-                                <el-form-item class="mt-[18px]" label="图片链接">
-                                    <link-picker v-model="item.link" />
-                                </el-form-item>
-                            </div>
-                        </div>
-                    </del-wrap>
+                    <draggable class="draggable" v-model="content.data" animation="300">
+                        <template v-slot:item="{ element: item, index }">
+                            <del-wrap
+                                :key="index"
+                                @close="handleDelete(index)"
+                                class="max-w-[400px]"
+                            >
+                                <div
+                                    class="bg-fill-light flex items-center w-full p-4 mt-4 cursor-move"
+                                >
+                                    <material-picker
+                                        v-model="item.image"
+                                        upload-class="bg-body"
+                                        exclude-domain
+                                    />
+                                    <div class="ml-3 flex-1">
+                                        <el-form-item label="图片名称">
+                                            <el-input
+                                                v-model="item.name"
+                                                placeholder="请输入名称"
+                                            />
+                                        </el-form-item>
+                                        <el-form-item class="mt-[18px]" label="图片链接">
+                                            <link-picker v-model="item.link" />
+                                        </el-form-item>
+                                    </div>
+                                </div>
+                            </del-wrap>
+                        </template>
+                    </draggable>
                </div>
            </el-form-item>
            <el-form-item v-if="content.data?.length < limit">
@@ -44,6 +52,7 @@
 import feedback from '@/utils/feedback'
 import type { PropType } from 'vue'
 import type options from './options'
+import Draggable from 'vuedraggable'
 const limit = 5
 type OptionsType = ReturnType<typeof options>
 const props = defineProps({
--- a/admin/src/views/decoration/component/widgets/user-banner/attr.vue
+++ b/admin/src/views/decoration/component/widgets/user-banner/attr.vue
@@ -10,28 +10,36 @@
            <el-form-item label="图片设置">
                <div class="flex-1">
                    <div class="form-tips">最多添加5张，建议图片尺寸：750px*200px</div>
-                    <del-wrap
-                        v-for="(item, index) in content.data"
-                        :key="index"
-                        @close="handleDelete(index)"
-                        class="max-w-[400px]"
-                    >
-                        <div class="bg-fill-light flex items-center w-full p-4 mt-4">
-                            <material-picker
-                                v-model="item.image"
-                                upload-class="bg-body"
-                                exclude-domain
-                            />
-                            <div class="ml-3 flex-1">
-                                <el-form-item label="图片名称">
-                                    <el-input v-model="item.name" placeholder="请输入名称" />
-                                </el-form-item>
-                                <el-form-item class="mt-[18px]" label="图片链接">
-                                    <link-picker v-model="item.link" />
-                                </el-form-item>
-                            </div>
-                        </div>
-                    </del-wrap>
+                    <draggable class="draggable" v-model="content.data" animation="300">
+                        <template v-slot:item="{ element: item, index }">
+                            <del-wrap
+                                :key="index"
+                                @close="handleDelete(index)"
+                                class="max-w-[400px]"
+                            >
+                                <div
+                                    class="bg-fill-light flex items-center w-full p-4 mt-4 cursor-move"
+                                >
+                                    <material-picker
+                                        v-model="item.image"
+                                        upload-class="bg-body"
+                                        exclude-domain
+                                    />
+                                    <div class="ml-3 flex-1">
+                                        <el-form-item label="图片名称">
+                                            <el-input
+                                                v-model="item.name"
+                                                placeholder="请输入名称"
+                                            />
+                                        </el-form-item>
+                                        <el-form-item class="mt-[18px]" label="图片链接">
+                                            <link-picker v-model="item.link" />
+                                        </el-form-item>
+                                    </div>
+                                </div>
+                            </del-wrap>
+                        </template>
+                    </draggable>
                </div>
            </el-form-item>
            <el-form-item v-if="content.data?.length < limit">
@@ -44,6 +52,7 @@
 import feedback from '@/utils/feedback'
 import type { PropType } from 'vue'
 import type options from './options'
+import Draggable from 'vuedraggable'
 const limit = 5
 type OptionsType = ReturnType<typeof options>
 const props = defineProps({
--- a/admin/src/views/decoration/pages/index.vue
+++ b/admin/src/views/decoration/pages/index.vue
@@ -12,7 +12,7 @@
        </footer-btns>
    </div>
 </template>
-<script lang="ts" setup>
+<script lang="ts" setup name="decorationPages">
 import Menu from '../component/pages/menu.vue'
 import Preview from '../component/pages/preview.vue'
 import AttrSetting from '../component/pages/attr-setting.vue'
@@ -47,7 +47,7 @@ const menus: Record<
    [pagesTypeEnum.HOME]: {
        id: 1,
        pageType: 1,
-        name: '商城首页',
+        name: '首页装修',
        pageData: generatePageData(['search', 'banner', 'nav', 'news'])
    },
    [pagesTypeEnum.USER]: {
--- a/admin/src/views/decoration/tabbar.vue
+++ b/admin/src/views/decoration/tabbar.vue
@@ -132,7 +132,7 @@
        </footer-btns>
    </div>
 </template>
-<script lang="ts" setup>
+<script lang="ts" setup name="decorationTabbar">
 import { getDecorateTabbar, setDecorateTabbar } from '@/api/decoration'
 import feedback from '@/utils/feedback'
 import Draggable from 'vuedraggable'
@@ -188,7 +188,7 @@ const onMove = (e: any) => {

 const getData = async () => {
    const data = await getDecorateTabbar()
-    tabbar.list = data.list.map((item: any) => ({ ...item, link: JSON.parse(item.link) }))
+    tabbar.list = data.list
    tabbar.style = data.style
 }
 const setData = async () => {
--- a/admin/src/views/dev_tools/code/edit.vue
+++ b/admin/src/views/dev_tools/code/edit.vue
@@ -8,7 +8,7 @@
                ref="formRef"
                class="ls-form"
                :model="formData"
-                label-width="100px"
+                label-width="130px"
                :rules="rules"
            >
                <el-tabs v-model="activeName">
@@ -18,6 +18,7 @@
                                <el-input
                                    v-model="formData.base.tableName"
                                    placeholder="请输入表名称"
+                                    clearable
                                />
                            </div>
                        </el-form-item>
@@ -26,6 +27,7 @@
                                <el-input
                                    v-model="formData.base.tableComment"
                                    placeholder="请输入表描述"
+                                    clearable
                                />
                            </div>
                        </el-form-item>
@@ -34,6 +36,7 @@
                                <el-input
                                    v-model="formData.base.entityName"
                                    placeholder="请输入实体类名称"
+                                    clearable
                                />
                            </div>
                        </el-form-item>
@@ -43,6 +46,7 @@
                                <el-input
                                    v-model="formData.base.authorName"
                                    placeholder="请输入作者"
+                                    clearable
                                />
                            </div>
                        </el-form-item>
@@ -50,9 +54,12 @@
                            <div class="w-80">
                                <el-input
                                    v-model="formData.base.remarks"
-                                    class="el-input"
+                                    class="w-full"
                                    type="textarea"
-                                    :rows="4"
+                                    :autosize="{ minRows: 4, maxRows: 4 }"
+                                    maxlength="200"
+                                    show-word-limit
+                                    clearable
                                />
                            </div>
                        </el-form-item>
@@ -90,7 +97,7 @@
                                        v-model="row.isRequired"
                                        :true-label="1"
                                        :false-label="0"
-                                    ></el-checkbox>
+                                    />
                                </template>
                            </el-table-column>
                            <el-table-column label="插入" width="80">
@@ -99,7 +106,7 @@
                                        v-model="row.isInsert"
                                        :true-label="1"
                                        :false-label="0"
-                                    ></el-checkbox>
+                                    />
                                </template>
                            </el-table-column>
                            <el-table-column label="编辑" width="80">
@@ -108,7 +115,7 @@
                                        v-model="row.isEdit"
                                        :true-label="1"
                                        :false-label="0"
-                                    ></el-checkbox>
+                                    />
                                </template>
                            </el-table-column>
                            <el-table-column label="列表" width="80">
@@ -117,7 +124,7 @@
                                        v-model="row.isList"
                                        :true-label="1"
                                        :false-label="0"
-                                    ></el-checkbox>
+                                    />
                                </template>
                            </el-table-column>
                            <el-table-column label="查询" width="80">
@@ -126,7 +133,7 @@
                                        v-model="row.isQuery"
                                        :true-label="1"
                                        :false-label="0"
-                                    ></el-checkbox>
+                                    />
                                </template>
                            </el-table-column>
                            <el-table-column label="查询方式">
@@ -196,6 +203,7 @@
                                <el-input
                                    v-model="formData.gen.moduleName"
                                    placeholder="请输入模块名"
+                                    clearable
                                />
                                <div class="form-tips">生成文件所在模块名</div>
                            </div>
@@ -205,6 +213,7 @@
                                <el-input
                                    v-model="formData.gen.functionName"
                                    placeholder="请输入功能名称"
+                                    clearable
                                />
                            </div>
                        </el-form-item>
@@ -223,6 +232,7 @@
                                <el-input
                                    v-model="formData.gen.genPath"
                                    placeholder="请输入自定义路径"
+                                    clearable
                                />
                            </div>
                        </el-form-item>
@@ -263,6 +273,37 @@
                            </el-form-item>
                        </template>
                    </el-tab-pane>
+                    <el-tab-pane label="关联配置" name="relation">
+                        <el-form-item label="关联子表的表名" prop="gen.subTableName">
+                            <el-select class="w-80" v-model="formData.gen.subTableName" clearable>
+                                <el-option
+                                    v-for="item in optionsData.dataTable"
+                                    :key="item.tableName"
+                                    :value="item.tableName"
+                                    :label="`${item.tableName}：${item.tableComment}`"
+                                />
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="子表关联的外键名 " prop="gen.subTableFk">
+                            <el-select class="w-80" v-model="formData.gen.subTableFk" clearable>
+                                <el-option
+                                    v-for="item in formData.column"
+                                    :key="item.id"
+                                    :value="item.columnName"
+                                    :label="`${item.columnName}：${item.columnComment}`"
+                                />
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="关联表主键 " prop="gen.subTableFr">
+                            <div class="w-80">
+                                <el-input
+                                    v-model="formData.gen.subTableFr"
+                                    placeholder="请输入关联表主键"
+                                    clearable
+                                />
+                            </div>
+                        </el-form-item>
+                    </el-tab-pane>
                </el-tabs>
            </el-form>
        </el-card>
@@ -272,14 +313,14 @@
    </div>
 </template>

-<script lang="ts" setup>
-import { generateEdit, tableDetail } from '@/api/tools/code'
+<script lang="ts" setup name="tableEdit">
+import { dataTableAll, generateEdit, tableDetail } from '@/api/tools/code'
 import { dictTypeAll } from '@/api/setting/dict'
 import type { FormInstance } from 'element-plus'
 import feedback from '@/utils/feedback'
 import { menuLists } from '@/api/perms/menu'
 import { useDictOptions } from '@/hooks/useDictOptions'
-
+import useMultipleTabs from '@/hooks/useMultipleTabs'
 enum GenTpl {
    CRUD = 'crud',
    TREE = 'tree'
@@ -292,6 +333,7 @@ enum GenType {

 const route = useRoute()
 const router = useRouter()
+const { removeTab } = useMultipleTabs()
 const activeName = ref('column')
 const formData = reactive({
    base: {
@@ -311,6 +353,7 @@ const formData = reactive({
        moduleName: '',
        subTableFk: '',
        subTableName: '',
+        subTableFr: '',
        treeParent: '',
        treePrimary: '',
        treeName: ''
@@ -343,6 +386,7 @@ const getDetails = async () => {
 const { optionsData } = useDictOptions<{
    dictType: any[]
    menu: any[]
+    dataTable: any[]
 }>({
    dictType: {
        api: dictTypeAll
@@ -354,6 +398,9 @@ const { optionsData } = useDictOptions<{
            menu.children = data
            return menu
        }
+    },
+    dataTable: {
+        api: dataTableAll
    }
 })

@@ -363,6 +410,7 @@ const handleSave = async () => {
        const { base, column, gen } = formData
        await generateEdit({ ...base, ...gen, column })
        feedback.msgSuccess('操作成功')
+        removeTab()
        router.back()
    } catch (error: any) {
        for (const err in error) {
--- a/admin/src/views/dev_tools/code/index.vue
+++ b/admin/src/views/dev_tools/code/index.vue
@@ -3,10 +3,20 @@
        <el-card class="!border-none" shadow="never">
            <el-form class="mb-[-16px]" :model="formData" inline>
                <el-form-item label="表名称">
-                    <el-input class="w-56" v-model="formData.tableName" />
+                    <el-input
+                        class="w-[280px]"
+                        v-model="formData.tableName"
+                        clearable
+                        @keyup.enter="resetPage"
+                    />
                </el-form-item>
                <el-form-item label="表描述">
-                    <el-input class="w-56" v-model="formData.tableComment" />
+                    <el-input
+                        class="w-[280px]"
+                        v-model="formData.tableComment"
+                        clearable
+                        @keyup.enter="resetPage"
+                    />
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" @click="resetPage">查询</el-button>
@@ -138,7 +148,7 @@
    </div>
 </template>

-<script lang="ts" setup>
+<script lang="ts" setup name="codeGenerate">
 import {
    generateTable,
    syncColumn,
@@ -228,5 +238,9 @@ const handleCommand = (command: any, row: any) => {
    }
 }

+onActivated(() => {
+    getLists()
+})
+
 getLists()
 </script>
--- a/admin/src/views/dev_tools/components/data-table.vue
+++ b/admin/src/views/dev_tools/components/data-table.vue
@@ -13,10 +13,20 @@
            </template>
            <el-form class="ls-form" :model="formData" inline>
                <el-form-item label="表名称">
-                    <el-input class="w-56" v-model="formData.tableName" />
+                    <el-input
+                        class="w-[280px]"
+                        v-model="formData.tableName"
+                        clearable
+                        @keyup.enter="resetPage"
+                    />
                </el-form-item>
                <el-form-item label="表描述">
-                    <el-input class="w-56" v-model="formData.tableComment" />
+                    <el-input
+                        class="w-[280px]"
+                        v-model="formData.tableComment"
+                        clearable
+                        @keyup.enter="resetPage"
+                    />
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" @click="resetPage">查询</el-button>
--- a/admin/src/views/error/403.vue
+++ b/admin/src/views/error/403.vue
@@ -1,10 +1,12 @@
 <template>
    <div class="error404">
-        <error
-            code="403"
-            title="您的账号权限不足，请联系管理员添加权限！"
-            :show-btn="false"
-        ></error>
+        <error code="403" title="您的账号权限不足，请联系管理员添加权限！" :show-btn="false">
+            <template #content>
+                <div class="flex justify-center">
+                    <img class="w-[150px] h-[150px]" src="@/assets/images/no_perms.png" alt="" />
+                </div>
+            </template>
+        </error>
    </div>
 </template>

--- a/admin/src/views/error/components/error.vue
+++ b/admin/src/views/error/components/error.vue
@@ -1,8 +1,10 @@
 <template>
    <div class="error">
        <div>
-            <div class="error-code">{{ code }}</div>
-            <div class="lg lighter mt-7 mb-7">{{ title }}</div>
+            <slot name="content">
+                <div class="error-code">{{ code }}</div>
+            </slot>
+            <div class="text-lg text-tx-secondary mt-7 mb-7">{{ title }}</div>
            <el-button v-if="showBtn" type="primary" @click="router.go(-1)">
                {{ second }} 秒后返回上一页
            </el-button>
--- a/admin/src/views/material/index.vue
+++ b/admin/src/views/material/index.vue
@@ -23,7 +23,7 @@
    </div>
 </template>

-<script lang="ts" setup>
+<script lang="ts" setup name="materialCenter">
 const tabsMap = [
    {
        type: 'image',
--- a/admin/src/views/message/notice/edit.vue
+++ b/admin/src/views/message/notice/edit.vue
@@ -1,7 +1,7 @@
 <template>
    <div>
        <el-card class="!border-none" shadow="never">
-            <el-page-header content="编辑通知设置" @back="$router.back()" />
+            <el-page-header :content="$route.meta.title" @back="$router.back()" />
        </el-card>
        <el-form
            ref="formRef"
@@ -37,16 +37,14 @@
                        <div class="w-full max-w-[320px]">
                            <el-input
                                type="textarea"
-                                :rows="6"
+                                :autosize="{ minRows: 6, maxRows: 6 }"
                                v-model="formData.smsNotice.content"
                            />
                        </div>
                        <div class="form-tips">
-                            可选变量 用户昵称:nickname 订单编号:order_sn 支付时间:pay_time
-                            <br />
-                            示例：亲爱的${nickname}，您的订单${order_sn}已支付成功，商家正在快马加鞭为您安排发货。
-                            <br />
-                            生效条件：1、管理后台完成短信设置。2、第三方短信平台申请模板。
+                            <div v-for="(item, index) in formData.smsNotice.tips" :key="index">
+                                {{ item }}
+                            </div>
                        </div>
                    </div>
                </el-form-item>
@@ -58,10 +56,11 @@
    </div>
 </template>

-<script lang="ts" setup>
+<script lang="ts" setup name="noticeEdit">
 import type { FormInstance } from 'element-plus'
 import feedback from '@/utils/feedback'
 import { noticeDetail, setNoticeConfig } from '@/api/message'
+import useMultipleTabs from '@/hooks/useMultipleTabs'

 const route = useRoute()
 const router = useRouter()
@@ -75,7 +74,8 @@ const formData = reactive({
    smsNotice: {
        status: 0,
        templateId: '',
-        content: ''
+        content: '',
+        tips: []
    }
 })

@@ -95,7 +95,7 @@ const rules = {
        }
    ]
 }
-
+const { removeTab } = useMultipleTabs()
 const formRef = shallowRef<FormInstance>()

 const getDetails = async () => {
@@ -114,6 +114,7 @@ const handleSave = async () => {
    await formRef.value?.validate()
    await setNoticeConfig(formData)
    feedback.msgSuccess('操作成功')
+    removeTab()
    router.back()
 }

--- a/admin/src/views/message/notice/index.vue
+++ b/admin/src/views/message/notice/index.vue
@@ -47,7 +47,7 @@
        </el-card>
    </div>
 </template>
-<script lang="ts" setup>
+<script lang="ts" setup name="notice">
 import { noticeLists } from '@/api/message'
 import { getRoutePath } from '@/router'

@@ -87,5 +87,9 @@ const getLists = async () => {
    }
 }

+onActivated(() => {
+    getLists()
+})
+
 getLists()
 </script>
--- a/admin/src/views/message/short_letter/index.vue
+++ b/admin/src/views/message/short_letter/index.vue
@@ -26,7 +26,7 @@
        <edit-popup ref="editRef" @success="getLists" />
    </div>
 </template>
-<script lang="ts" setup>
+<script lang="ts" setup name="shortLetter">
 import { smsLists } from '@/api/message'
 import EditPopup from './edit.vue'
 const editRef = shallowRef<InstanceType<typeof EditPopup>>()
--- a/admin/src/views/organization/department/edit.vue
+++ b/admin/src/views/organization/department/edit.vue
@@ -26,17 +26,27 @@
                    />
                </el-form-item>
                <el-form-item label="部门名称" prop="name">
-                    <el-input v-model="formData.name" placeholder="请输入部门名称" clearable />
+                    <el-input
+                        v-model="formData.name"
+                        placeholder="请输入部门名称"
+                        clearable
+                        :maxlength="100"
+                    />
                </el-form-item>
                <el-form-item label="负责人" prop="duty">
-                    <el-input v-model="formData.duty" placeholder="请输入负责人姓名" clearable />
+                    <el-input
+                        v-model="formData.duty"
+                        placeholder="请输入负责人姓名"
+                        clearable
+                        :maxlength="30"
+                    />
                </el-form-item>
                <el-form-item label="联系电话" prop="mobile">
                    <el-input v-model="formData.mobile" placeholder="请输入联系电话" clearable />
                </el-form-item>
                <el-form-item label="排序" prop="sort">
                    <div>
-                        <el-input-number v-model="formData.sort" :min="0" />
+                        <el-input-number v-model="formData.sort" :min="0" :max="9999" />
                        <div class="form-tips">默认为0， 数值越大越排前</div>
                    </div>
                </el-form-item>
@@ -71,7 +81,7 @@ const formData = reactive({
 })
 const checkMobile = (rule: any, value: any, callback: any) => {
    if (!value) {
-        return callback(new Error('手机号不能为空'))
+        return callback()
    } else {
        const reg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/
        console.log(reg.test(value))
--- a/admin/src/views/organization/department/index.vue
+++ b/admin/src/views/organization/department/index.vue
@@ -4,14 +4,14 @@
            <el-form ref="formRef" class="mb-[-16px]" :model="queryParams" :inline="true">
                <el-form-item label="部门名称" prop="name">
                    <el-input
-                        class="w-56"
+                        class="w-[280px]"
                        v-model="queryParams.name"
                        clearable
                        @keyup.enter="getLists"
                    />
                </el-form-item>
                <el-form-item label="部门状态" prop="isStop">
-                    <el-select class="w-56" v-model="queryParams.isStop">
+                    <el-select class="w-[280px]" v-model="queryParams.isStop">
                        <el-option label="全部" value />
                        <el-option label="正常" value="0" />
                        <el-option label="停用" value="1" />
@@ -91,7 +91,7 @@
        <edit-popup v-if="showEdit" ref="editRef" @success="getLists" @close="showEdit = false" />
    </div>
 </template>
-<script lang="ts" setup>
+<script lang="ts" setup name="department">
 import type { ElTable, FormInstance } from 'element-plus'
 import EditPopup from './edit.vue'
 import { deptDelete, deptLists } from '@/api/org/department'
--- a/admin/src/views/organization/post/edit.vue
+++ b/admin/src/views/organization/post/edit.vue
@@ -10,14 +10,19 @@
        >
            <el-form ref="formRef" :model="formData" label-width="84px" :rules="formRules">
                <el-form-item label="岗位名称" prop="name">
-                    <el-input v-model="formData.name" placeholder="请输入岗位名称" clearable />
+                    <el-input
+                        v-model="formData.name"
+                        placeholder="请输入岗位名称"
+                        clearable
+                        :maxlength="100"
+                    />
                </el-form-item>
                <el-form-item label="岗位编码" prop="code">
                    <el-input v-model="formData.code" placeholder="请输入岗位编码" clearable />
                </el-form-item>
                <el-form-item label="排序" prop="sort">
                    <div>
-                        <el-input-number v-model="formData.sort" :min="0" />
+                        <el-input-number v-model="formData.sort" :min="0" :max="9999" />
                        <div class="form-tips">默认为0， 数值越大越排前</div>
                    </div>
                </el-form-item>
@@ -27,6 +32,8 @@
                        placeholder="请输入备注"
                        type="textarea"
                        :autosize="{ minRows: 4, maxRows: 6 }"
+                        maxlength="200"
+                        show-word-limit
                    />
                </el-form-item>
                <el-form-item label="岗位状态" prop="isStop">
--- a/admin/src/views/organization/post/index.vue
+++ b/admin/src/views/organization/post/index.vue
@@ -4,7 +4,7 @@
            <el-form ref="formRef" class="mb-[-16px]" :model="queryParams" :inline="true">
                <el-form-item label="岗位编码">
                    <el-input
-                        class="w-56"
+                        class="w-[280px]"
                        v-model="queryParams.code"
                        clearable
                        @keyup.enter="resetPage"
@@ -12,14 +12,14 @@
                </el-form-item>
                <el-form-item label="岗位名称">
                    <el-input
-                        class="w-56"
+                        class="w-[280px]"
                        v-model="queryParams.name"
                        clearable
                        @keyup.enter="resetPage"
                    />
                </el-form-item>
                <el-form-item label="岗位状态">
-                    <el-select class="w-56" v-model="queryParams.isStop">
+                    <el-select class="w-[280px]" v-model="queryParams.isStop">
                        <el-option label="全部" value />
                        <el-option label="正常" :value="0" />
                        <el-option label="停用" :value="1" />
@@ -51,7 +51,7 @@
                    show-overflow-tooltip
                />
                <el-table-column label="添加时间" prop="createTime" min-width="180" />
-                <el-table-column label="部门状态" prop="isStop" min-width="100">
+                <el-table-column label="岗位状态" prop="isStop" min-width="100">
                    <template #default="{ row }">
                        <el-tag class="ml-2" :type="row.isStop ? 'danger' : ''">
                            {{ row.isStop ? '停用' : '正常' }}
@@ -86,7 +86,7 @@
        <edit-popup v-if="showEdit" ref="editRef" @success="getLists" @close="showEdit = false" />
    </div>
 </template>
-<script lang="ts" setup>
+<script lang="ts" setup name="post">
 import { postDelete, postLists } from '@/api/org/post'
 import { usePaging } from '@/hooks/usePaging'
 import feedback from '@/utils/feedback'
--- a/admin/src/views/permission/admin/edit.vue
+++ b/admin/src/views/permission/admin/edit.vue
@@ -28,18 +28,19 @@
                <el-form-item label="名称" prop="nickname">
                    <el-input v-model="formData.nickname" placeholder="请输入名称" clearable />
                </el-form-item>
-                <el-form-item label="归属部门" prop="deptId">
+                <el-form-item label="归属部门" prop="deptIds">
                    <el-tree-select
                        class="flex-1"
-                        v-model="formData.deptId"
+                        v-model="formData.deptIds"
                        :data="optionsData.dept"
                        clearable
                        node-key="id"
+                        multiple
                        :props="{
                            value: 'id',
                            label: 'name',
                            disabled(data: any) {
-                                return data.isStop
+                                return !!data.isStop
                            }
                        }"
                        check-strictly
@@ -47,11 +48,12 @@
                        placeholder="请选择上级部门"
                    />
                </el-form-item>
-                <el-form-item label="岗位" prop="deptId">
+                <el-form-item label="岗位" prop="postIds">
                    <el-select
                        class="flex-1"
                        clearable
-                        v-model="formData.postId"
+                        multiple
+                        v-model="formData.postIds"
                        placeholder="请选择岗位"
                    >
                        <el-option
@@ -63,10 +65,11 @@
                    </el-select>
                </el-form-item>

-                <el-form-item label="角色" prop="role">
+                <el-form-item label="角色" prop="roleIds">
                    <el-select
-                        v-model="formData.role"
+                        v-model="formData.roleIds"
                        :disabled="isRoot"
+                        multiple
                        class="flex-1"
                        clearable
                        placeholder="请选择角色"
@@ -76,7 +79,7 @@
                            v-for="(item, index) in optionsData.role"
                            :key="index"
                            :label="item.name"
-                            :value="String(item.id)"
+                            :value="item.id"
                        />
                    </el-select>
                </el-form-item>
@@ -135,12 +138,12 @@ const popupTitle = computed(() => {
 })

 const formData = reactive({
-    id: '',
+    id: 0,
    username: '',
    nickname: '',
-    deptId: '',
-    postId: '',
-    role: '',
+    deptIds: [],
+    postIds: [],
+    roleIds: [],
    avatar: '',
    password: '',
    passwordConfirm: '',
@@ -149,7 +152,7 @@ const formData = reactive({
 })

 const isRoot = computed(() => {
-    return formData.role == '0'
+    return formData.id == 1
 })

 const passwordConfirmValidator = (rule: object, value: string, callback: any) => {
@@ -174,8 +177,9 @@ const formRules = reactive({
            trigger: ['blur']
        }
    ],
-    role: [
+    roleIds: [
        {
+            type: 'array',
            required: true,
            message: '请选择角色',
            trigger: ['blur']
@@ -231,6 +235,13 @@ const open = (type = 'add') => {
 }

 const setFormData = async (row: any) => {
+    formRules.password = []
+    formRules.passwordConfirm = [
+        {
+            validator: passwordConfirmValidator,
+            trigger: 'blur'
+        }
+    ]
    const data = await adminDetail({
        id: row.id
    })
@@ -239,16 +250,7 @@ const setFormData = async (row: any) => {
            //@ts-ignore
            formData[key] = data[key]
        }
-        Number(formData.deptId) == 0 && (formData.deptId = '')
-        Number(formData.postId) == 0 && (formData.postId = '')
    }
-    formRules.password = []
-    formRules.passwordConfirm = [
-        {
-            validator: passwordConfirmValidator,
-            trigger: 'blur'
-        }
-    ]
 }

 const handleClose = () => {
--- a/admin/src/views/permission/admin/index.vue
+++ b/admin/src/views/permission/admin/index.vue
@@ -5,7 +5,7 @@
                <el-form-item label="管理员账号">
                    <el-input
                        v-model="formData.username"
-                        class="w-56"
+                        class="w-[280px]"
                        clearable
                        @keyup.enter="resetPage"
                    />
@@ -13,13 +13,13 @@
                <el-form-item label="管理员名称">
                    <el-input
                        v-model="formData.nickname"
-                        class="w-56"
+                        class="w-[280px]"
                        clearable
                        @keyup.enter="resetPage"
                    />
                </el-form-item>
                <el-form-item label="管理员角色">
-                    <el-select class="w-56" v-model="formData.role">
+                    <el-select class="w-[280px]" v-model="formData.role">
                        <el-option label="全部" value="" />
                        <el-option
                            v-for="(item, index) in optionsData.role"
@@ -52,8 +52,18 @@
                    </el-table-column>
                    <el-table-column label="账号" prop="username" min-width="100" />
                    <el-table-column label="名称" prop="nickname" min-width="100" />
-                    <el-table-column label="角色" prop="role" min-width="100" />
-                    <el-table-column label="部门" prop="dept" min-width="100" />
+                    <el-table-column
+                        label="角色"
+                        prop="role"
+                        show-tooltip-when-overflow
+                        min-width="100"
+                    />
+                    <el-table-column
+                        label="部门"
+                        prop="dept"
+                        show-tooltip-when-overflow
+                        min-width="100"
+                    />
                    <el-table-column label="创建时间" prop="createTime" min-width="180" />
                    <el-table-column label="最近登录时间" prop="lastLoginTime" min-width="180" />
                    <el-table-column label="最近登录IP" prop="lastLoginIp" min-width="120" />
@@ -100,7 +110,7 @@
    </div>
 </template>

-<script lang="ts" setup>
+<script lang="ts" setup name="admin">
 import { adminLists, adminDelete, adminStatus } from '@/api/perms/admin'
 import { roleAll } from '@/api/perms/role'
 import { useDictOptions } from '@/hooks/useDictOptions'
--- a/admin/src/views/permission/menu/edit.vue
+++ b/admin/src/views/permission/menu/edit.vue
@@ -73,7 +73,11 @@
                        </div>
                    </div>
                </el-form-item>
-                <el-form-item label="选中菜单" prop="p" v-if="formData.menuType == MenuEnum.MENU">
+                <el-form-item
+                    label="选中菜单"
+                    prop="selected"
+                    v-if="formData.menuType == MenuEnum.MENU"
+                >
                    <div class="flex-1">
                        <el-input
                            v-model="formData.selected"
@@ -116,20 +120,20 @@
                        </div>
                    </div>
                </el-form-item>
-                <!-- <el-form-item
-                        v-if="formData.menuType == MenuEnum.MENU"
-                        label="是否缓存"
-                        prop="isCache"
-                        required
-                    >
-                        <div>
-                            <el-radio-group v-model="formData.isCache">
-                                <el-radio :label="1">缓存</el-radio>
-                                <el-radio :label="0">不缓存</el-radio>
-                            </el-radio-group>
-                            <div class="form-tips">选择缓存则会被`keep-alive`缓存</div>
-                        </div>
-                    </el-form-item> -->
+                <el-form-item
+                    v-if="formData.menuType == MenuEnum.MENU"
+                    label="是否缓存"
+                    prop="isCache"
+                    required
+                >
+                    <div>
+                        <el-radio-group v-model="formData.isCache">
+                            <el-radio :label="1">缓存</el-radio>
+                            <el-radio :label="0">不缓存</el-radio>
+                        </el-radio-group>
+                        <div class="form-tips">选择缓存则会被`keep-alive`缓存</div>
+                    </div>
+                </el-form-item>
                <el-form-item
                    v-if="formData.menuType != MenuEnum.BUTTON"
                    label="是否显示"
@@ -162,7 +166,7 @@
                </el-form-item>
                <el-form-item label="菜单排序" prop="menuSort">
                    <div>
-                        <el-input-number v-model="formData.menuSort" />
+                        <el-input-number v-model="formData.menuSort" :max="9999" />
                        <div class="form-tips">数值越大越排前</div>
                    </div>
                </el-form-item>
@@ -259,15 +263,12 @@ const formRules = {
 }
 const menuOptions = ref<any[]>([])

-const pageOptions = ref<any[]>([])
-
 const getMenu = async () => {
    const data: any = await menuLists()
-    const menu = { id: 0, menuName: '顶级', children: [] }
-    pageOptions.value = arrayToTree(
+    const menu: any = { id: 0, menuName: '顶级', children: [] }
+    menu.children = arrayToTree(
        treeToArray(data).filter((item) => item.menuType != MenuEnum.BUTTON)
    )
-    menu.children = data
    menuOptions.value.push(menu)
 }

--- a/admin/src/views/permission/menu/index.vue
+++ b/admin/src/views/permission/menu/index.vue
@@ -90,7 +90,7 @@
        <edit-popup v-if="showEdit" ref="editRef" @success="getLists" @close="showEdit = false" />
    </div>
 </template>
-<script lang="ts" setup>
+<script lang="ts" setup name="menu">
 import { menuDelete, menuLists } from '@/api/perms/menu'
 import type { ElTable } from 'element-plus'
 import { MenuEnum } from '@/enums/appEnums'
--- a/admin/src/views/permission/role/edit.vue
+++ b/admin/src/views/permission/role/edit.vue
@@ -27,8 +27,10 @@
                    <el-input
                        v-model="formData.remark"
                        type="textarea"
-                        :rows="4"
+                        :autosize="{ minRows: 4, maxRows: 6 }"
                        placeholder="请输入备注"
+                        maxlength="200"
+                        show-word-limit
                    />
                </el-form-item>
                <el-form-item label="排序" prop="sort">
--- a/admin/src/views/permission/role/index.vue
+++ b/admin/src/views/permission/role/index.vue
@@ -63,7 +63,7 @@
    </div>
 </template>

-<script lang="ts" setup>
+<script lang="ts" setup name="role">
 import { roleLists, roleDelete } from '@/api/perms/role'
 import { usePaging } from '@/hooks/usePaging'
 import feedback from '@/utils/feedback'
--- a/admin/src/views/setting/dict/data/edit.vue
+++ b/admin/src/views/setting/dict/data/edit.vue
@@ -31,7 +31,7 @@
                </el-form-item>
                <el-form-item label="排序" prop="sort">
                    <div>
-                        <el-input-number v-model="formData.sort" />
+                        <el-input-number v-model="formData.sort" :min="0" :max="9999" />
                        <div class="form-tips">数值越大越排前</div>
                    </div>
                </el-form-item>
@@ -42,7 +42,14 @@
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="备注" prop="remark">
-                    <el-input v-model="formData.remark" type="textarea" rows="4" clearable />
+                    <el-input
+                        v-model="formData.remark"
+                        type="textarea"
+                        :autosize="{ minRows: 4, maxRows: 6 }"
+                        clearable
+                        maxlength="200"
+                        show-word-limit
+                    />
                </el-form-item>
            </el-form>
        </popup>
--- a/admin/src/views/setting/dict/data/index.vue
+++ b/admin/src/views/setting/dict/data/index.vue
@@ -4,7 +4,7 @@
            <el-page-header class="mb-4" content="数据管理" @back="$router.back()" />
            <el-form ref="formRef" class="mb-[-16px]" :model="queryParams" inline>
                <el-form-item label="字典名称">
-                    <el-select class="w-56" v-model="queryParams.dictType" @change="getLists">
+                    <el-select class="w-[280px]" v-model="queryParams.dictType" @change="getLists">
                        <el-option
                            v-for="item in optionsData.dictType"
                            :label="item.dictName"
@@ -15,14 +15,14 @@
                </el-form-item>
                <el-form-item label="数据名称">
                    <el-input
-                        class="w-56"
+                        class="w-[280px]"
                        v-model="queryParams.name"
                        clearable
                        @keyup.enter="resetPage"
                    />
                </el-form-item>
                <el-form-item label="数据状态">
-                    <el-select class="w-56" v-model="queryParams.status">
+                    <el-select class="w-[280px]" v-model="queryParams.status">
                        <el-option label="全部" value />
                        <el-option label="正常" :value="1" />
                        <el-option label="停用" :value="0" />
@@ -71,7 +71,12 @@
                                <el-tag v-else type="danger">停用</el-tag>
                            </template>
                        </el-table-column>
-                        <el-table-column label="备注" prop="remark" min-width="120" />
+                        <el-table-column
+                            label="备注"
+                            prop="remark"
+                            min-width="120"
+                            show-tooltip-when-overflow
+                        />
                        <el-table-column label="排序" prop="sort" />
                        <el-table-column label="操作" width="120" fixed="right">
                            <template #default="{ row }">
@@ -104,7 +109,7 @@
    </div>
 </template>

-<script lang="ts" setup>
+<script lang="ts" setup name="dictData">
 import { dictDataDelete, dictDataLists, dictTypeAll } from '@/api/setting/dict'
 import { useDictOptions } from '@/hooks/useDictOptions'
 import { usePaging } from '@/hooks/usePaging'
--- a/admin/src/views/setting/dict/type/edit.vue
+++ b/admin/src/views/setting/dict/type/edit.vue
@@ -28,7 +28,14 @@
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="备注" prop="dictRemark">
-                    <el-input v-model="formData.dictRemark" type="textarea" rows="4" clearable />
+                    <el-input
+                        v-model="formData.dictRemark"
+                        type="textarea"
+                        :autosize="{ minRows: 4, maxRows: 6 }"
+                        clearable
+                        maxlength="200"
+                        show-word-limit
+                    />
                </el-form-item>
            </el-form>
        </popup>
--- a/admin/src/views/setting/dict/type/index.vue
+++ b/admin/src/views/setting/dict/type/index.vue
@@ -4,7 +4,7 @@
            <el-form ref="formRef" class="mb-[-16px]" :model="queryParams" inline>
                <el-form-item label="字典名称">
                    <el-input
-                        class="w-56"
+                        class="w-[280px]"
                        v-model="queryParams.dictName"
                        clearable
                        @keyup.enter="resetPage"
@@ -12,14 +12,14 @@
                </el-form-item>
                <el-form-item label="字典类型">
                    <el-input
-                        class="w-56"
+                        class="w-[280px]"
                        v-model="queryParams.dictType"
                        clearable
                        @keyup.enter="resetPage"
                    />
                </el-form-item>
                <el-form-item label="状态">
-                    <el-select class="w-56" v-model="queryParams.dictStatus">
+                    <el-select class="w-[280px]" v-model="queryParams.dictStatus">
                        <el-option label="全部" value />
                        <el-option label="正常" :value="1" />
                        <el-option label="停用" :value="0" />
@@ -68,7 +68,11 @@
                                <el-tag v-else type="danger">停用</el-tag>
                            </template>
                        </el-table-column>
-                        <el-table-column label="备注" prop="dictRemark" />
+                        <el-table-column
+                            label="备注"
+                            prop="dictRemark"
+                            show-tooltip-when-overflow
+                        />
                        <el-table-column label="创建时间" prop="createTime" min-width="180" />
                        <el-table-column label="操作" width="190" fixed="right">
                            <template #default="{ row }">
@@ -80,20 +84,17 @@
                                >
                                    编辑
                                </el-button>
-                                <el-button
-                                    v-perms="['setting:dict:data:list']"
-                                    type="primary"
-                                    link
-                                    @click="
-                                        $router.push({
+                                <el-button v-perms="['setting:dict:data:list']" type="primary" link>
+                                    <router-link
+                                        :to="{
                                            path: getRoutePath('setting:dict:data:list'),
                                            query: {
                                                type: row.dictType
                                            }
-                                        })
-                                    "
-                                >
-                                    数据管理
+                                        }"
+                                    >
+                                        数据管理
+                                    </router-link>
                                </el-button>
                                <el-button
                                    v-perms="['setting:dict:type:del']"
@@ -116,7 +117,7 @@
    </div>
 </template>

-<script lang="ts" setup>
+<script lang="ts" setup name="dictType">
 import { dictTypeDelete, dictTypeLists } from '@/api/setting/dict'
 import { usePaging } from '@/hooks/usePaging'
 import { getRoutePath } from '@/router'
--- a/admin/src/views/setting/search/index.vue
+++ b/admin/src/views/setting/search/index.vue
@@ -9,30 +9,36 @@
                            <el-radio :label="0">关闭</el-radio>
                        </el-radio-group>

-                        <div class="form-tips">默认开始，关闭则前端不显示该功能</div>
+                        <div class="form-tips">默认开启，关闭则前端不显示该功能</div>
                    </div>
                </el-form-item>
            </el-form>
        </el-card>

        <el-card class="!border-none mt-4" shadow="never">
-            <div class="flex">
-                <div class="flex-1 w-3/5">
-                    <el-button type="primary" class="mb-4" @click="handleAdd">添加</el-button>
+            <div class="lg:flex">
+                <div class="flex-1 min-w-0">
+                    <el-button type="primary" class="mb-4" @click="handleAdd">
+                        <template #icon>
+                            <icon name="el-icon-Plus" />
+                        </template>
+                        添加
+                    </el-button>
                    <el-table size="large" :data="formData.list">
-                        <el-table-column label="ID" prop="id" width="120">
-                            <template #default="{ $index }">
-                                {{ $index }}
+                        <el-table-column label="关键词" prop="describe" min-width="200">
+                            <template #default="{ row }">
+                                <el-input
+                                    v-model.trim="row.name"
+                                    clearable
+                                    placeholder="请输入关键字"
+                                    show-word-limit
+                                    maxlength="30"
+                                />
                            </template>
                        </el-table-column>
-                        <el-table-column label="关键词" prop="describe" min-width="160">
+                        <el-table-column label="排序" prop="describe" min-width="80">
                            <template #default="{ row }">
-                                <el-input v-model="row.name" clearable />
-                            </template>
-                        </el-table-column>
-                        <el-table-column label="排序" prop="describe" min-width="160">
-                            <template #default="{ row }">
-                                <el-input v-model="row.sort" type="number" />
+                                <el-input v-model="row.sort" type="number" clearable />
                            </template>
                        </el-table-column>
                        <el-table-column label="操作" min-width="80" fixed="right">
@@ -50,8 +56,8 @@
                    </el-table>
                </div>

-                <div class="w-2/5 hot-search-phone">
-                    <span class="mb-4">- 热搜预览图 -</span>
+                <div class="flex-none hot-search-phone mt-4 lg:mt-0 lg:ml-4">
+                    <div class="mb-4 text-center">- 热搜预览图 -</div>
                    <div class="hot-search-phone-content">
                        <!-- 搜索框 -->
                        <div class="search-com">
@@ -63,7 +69,12 @@
                        <!-- 热门搜索 -->
                        <div class="hot-search-title">热门搜索</div>
                        <div class="hot-search-text">
-                            <span v-for="(text, index) in list" :key="index">{{ text.name }}</span>
+                            <span
+                                class="truncate max-w-full"
+                                v-for="(text, index) in list"
+                                :key="index"
+                                >{{ text.name }}</span
+                            >
                        </div>
                    </div>
                </div>
@@ -76,7 +87,7 @@
    </div>
 </template>

-<script setup lang="ts">
+<script setup lang="ts" name="search">
 import { getSearch, setSearch } from '@/api/setting/search'
 import type { Search } from '@/api/setting/search'
 import feedback from '@/utils/feedback'
@@ -87,7 +98,7 @@ const formData = reactive<Search>({
 })

 const list = computed(() => {
-    return [...formData.list].sort((v1, v2) => v2.sort - v1.sort)
+    return formData.list.filter((item) => item.name).sort((v1, v2) => v2.sort - v1.sort)
 })

 // 获取登录注册数据
@@ -105,7 +116,7 @@ const getData = async () => {

 const handleAdd = () => {
    formData.list.push({
-        name: '关键字',
+        name: '',
        sort: 0
    })
 }
@@ -130,12 +141,10 @@ getData()
 <style lang="scss" scoped>
 .hot-search {
    .hot-search-phone {
-        margin-left: 20px;
-        @apply flex flex-col items-center;
-
+        width: 300px;
        &-content {
-            width: 280px;
-            height: 494px;
+            width: 100%;
+            height: 530px;
            padding: 12px 12px;
            border-radius: 10px;
            border: 1px solid #e6e6e6;
--- a/admin/src/views/setting/storage/index.vue
+++ b/admin/src/views/setting/storage/index.vue
@@ -35,7 +35,7 @@
        <edit-popup ref="editRef" @success="getLists" />
    </div>
 </template>
-<script lang="ts" setup>
+<script lang="ts" setup name="storage">
 import { storageLists } from '@/api/setting/storage'
 import EditPopup from './edit.vue'
 const editRef = shallowRef<InstanceType<typeof EditPopup>>()
--- a/admin/src/views/setting/system/cache.vue
+++ b/admin/src/views/setting/system/cache.vue
@@ -136,7 +136,7 @@
    </div>
 </template>

-<script setup lang="ts">
+<script setup lang="ts" name="cache">
 import { systemCache } from '@/api/setting/system'
 import vCharts from 'vue-echarts'
 import { reactive } from 'vue'
--- a/admin/src/views/setting/system/environment.vue
+++ b/admin/src/views/setting/system/environment.vue
@@ -113,7 +113,7 @@
    </div>
 </template>

-<script lang="ts" setup>
+<script lang="ts" setup name="environment">
 import { systemInfo } from '@/api/setting/system'
 const loading = ref(false)
 const info = ref({
--- a/admin/src/views/setting/system/journal.vue
+++ b/admin/src/views/setting/system/journal.vue
@@ -4,22 +4,34 @@
        <el-card class="!border-none" shadow="never">
            <el-form class="ls-form" :model="formData" inline>
                <el-form-item label="管理员">
-                    <el-input class="w-56" placeholder="请输入" v-model="formData.username" />
+                    <el-input
+                        class="w-[280px]"
+                        placeholder="请输入"
+                        v-model="formData.username"
+                        clearable
+                        @keyup.enter="resetPage"
+                    />
                </el-form-item>

                <el-form-item label="访问方式">
-                    <el-select class="w-56" v-model="formData.type" placeholder="请选择">
+                    <el-select class="w-[280px]" v-model="formData.type" placeholder="请选择">
                        <el-option
                            v-for="(item, index) in visitType"
                            :key="index"
                            :label="item.label"
                            :value="item.value"
-                        ></el-option>
+                        />
                    </el-select>
                </el-form-item>

                <el-form-item label="来源IP">
-                    <el-input class="w-56" placeholder="请输入" v-model="formData.ip" />
+                    <el-input
+                        class="w-[280px]"
+                        placeholder="请输入"
+                        v-model="formData.ip"
+                        clearable
+                        @keyup.enter="resetPage"
+                    />
                </el-form-item>

                <el-form-item label="访问时间">
@@ -30,7 +42,13 @@
                </el-form-item>

                <el-form-item label="访问链接">
-                    <el-input class="w-56" placeholder="请输入" v-model="formData.url" />
+                    <el-input
+                        class="w-[280px]"
+                        placeholder="请输入"
+                        v-model="formData.url"
+                        clearable
+                        @keyup.enter="resetPage"
+                    />
                </el-form-item>

                <el-form-item>
@@ -61,7 +79,7 @@
    </div>
 </template>

-<script setup lang="ts">
+<script setup lang="ts" name="journal">
 import { systemLogLists } from '@/api/setting/system'
 import { usePaging } from '@/hooks/usePaging'

--- a/admin/src/views/setting/system/scheduled_task/edit.vue
+++ b/admin/src/views/setting/system/scheduled_task/edit.vue
@@ -0,0 +1,142 @@
+<template>
+    <div class="article-edit">
+        <el-card class="!border-none" shadow="never">
+            <el-page-header :content="$route.meta.title" @back="$router.back()" />
+        </el-card>
+        <el-card class="mt-4 !border-none" shadow="never">
+            <el-form
+                ref="formRef"
+                class="ls-form"
+                :model="formData"
+                label-width="96px"
+                :rules="rules"
+            >
+                <el-form-item label="任务名称" prop="name">
+                    <div class="w-80">
+                        <el-input
+                            v-model="formData.name"
+                            placeholder="请输入任务名称"
+                            maxlength="30"
+                            clearable
+                        />
+                    </div>
+                </el-form-item>
+                <el-form-item label="任务分组" prop="groups">
+                    <el-select
+                        class="w-80"
+                        v-model="formData.groups"
+                        clearable
+                        placeholder="请选择任务分组"
+                    >
+                        <el-option label="默认" value="default" />
+                        <el-option label="系统" value="system" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="调用方法" prop="command">
+                    <div class="w-80">
+                        <el-input
+                            v-model="formData.command"
+                            placeholder="请输入调用目标字符串"
+                            clearable
+                        />
+                    </div>
+                </el-form-item>
+
+                <el-form-item label="cron表达式" prop="rules">
+                    <div class="w-80">
+                        <el-input v-model="formData.rules" placeholder="请输入cron执行表达式" />
+                    </div>
+                </el-form-item>
+
+                <el-form-item label="备注" prop="remark">
+                    <div class="w-80">
+                        <el-input
+                            v-model="formData.remark"
+                            type="textarea"
+                            :autosize="{ minRows: 3, maxRows: 6 }"
+                            :maxlength="200"
+                            show-word-limit
+                            clearable
+                        />
+                    </div>
+                </el-form-item>
+                <el-form-item label="执行策略" prop="groups">
+                    <el-radio-group v-model="formData.strategy">
+                        <el-radio :label="1"> 立即执行 </el-radio>
+                        <el-radio :label="2"> 执行一次 </el-radio>
+                        <el-radio :label="3"> 放弃执行 </el-radio>
+                    </el-radio-group>
+                </el-form-item>
+                <el-form-item label="是否并发" prop="concurrent">
+                    <el-radio-group v-model="formData.concurrent">
+                        <el-radio :label="1"> 允许 </el-radio>
+                        <el-radio :label="0"> 禁止 </el-radio>
+                    </el-radio-group>
+                </el-form-item>
+                <el-form-item label="状态">
+                    <el-switch v-model="formData.status" :active-value="1" :inactive-value="2" />
+                </el-form-item>
+            </el-form>
+        </el-card>
+        <footer-btns>
+            <el-button type="primary" @click="handleSave">保存</el-button>
+        </footer-btns>
+    </div>
+</template>
+
+<script lang="ts" setup name="scheduledTaskEdit">
+import type { FormInstance } from 'element-plus'
+import { crontabAdd, crontabEdit, crontabDetail } from '@/api/setting/system'
+import useMultipleTabs from '@/hooks/useMultipleTabs'
+import feedback from '@/utils/feedback'
+
+const route = useRoute()
+const router = useRouter()
+const formData = reactive({
+    id: '',
+    name: '',
+    groups: '',
+    command: '',
+    rules: '',
+    status: 1,
+    strategy: 1,
+    concurrent: 0,
+    remark: ''
+})
+
+const { removeTab } = useMultipleTabs()
+const formRef = shallowRef<FormInstance>()
+const rules = reactive({
+    name: [{ required: true, message: '请输入任务名称' }],
+    command: [{ required: true, message: '请输入调用目标字符串' }],
+    rules: [{ required: true, message: '请输入cron执行表达式' }]
+})
+
+const getDetails = async () => {
+    const data = await crontabDetail({
+        id: route.query.id
+    })
+    Object.keys(formData).forEach((key) => {
+        //@ts-ignore
+        formData[key] = data[key]
+    })
+}
+
+const handleSave = async () => {
+    await formRef.value?.validate()
+    if (route.query.id) {
+        await crontabEdit(formData)
+    } else {
+        await crontabAdd(formData)
+    }
+    feedback.msgSuccess('操作成功')
+    removeTab()
+    router.back()
+}
+onMounted(async () => {
+    if (!route.query.id) {
+        return
+    }
+    await getDetails()
+})
+</script>
--- a/admin/src/views/setting/system/scheduled_task/index.vue
+++ b/admin/src/views/setting/system/scheduled_task/index.vue
@@ -0,0 +1,111 @@
+<template>
+    <div>
+        <el-card shadow="never" class="!border-none">
+            <router-link
+                v-perms="['crontab/add', 'crontab/add:edit']"
+                :to="getRoutePath('crontab/add:edit')"
+            >
+                <el-button type="primary" class="mb-[16px]">
+                    <template #icon>
+                        <icon name="el-icon-Plus" />
+                    </template>
+                    新增
+                </el-button>
+            </router-link>
+
+            <el-table
+                ref="paneTable"
+                class="m-t-24"
+                :data="pager.lists"
+                v-loading="pager.loading"
+                style="width: 100%"
+            >
+                <el-table-column prop="name" label="名称" min-width="120" />
+                <el-table-column prop="groups" label="分组" min-width="100">
+                    <template #default="{ row }">
+                        <dict-value
+                            :value="row.groups"
+                            :options="[
+                                {
+                                    name: '默认',
+                                    value: 'default'
+                                },
+                                {
+                                    name: '系统',
+                                    value: 'system'
+                                }
+                            ]"
+                        />
+                    </template>
+                </el-table-column>
+                <el-table-column prop="command" label="调用目标字符串" min-width="100" />
+                <el-table-column prop="rules" label="cron表达式" min-width="100" />
+                <el-table-column prop="status" label="状态" min-width="100">
+                    <template #default="{ row }">
+                        <el-tag v-if="row.status == 1" type="success">运行中</el-tag>
+                        <el-tag v-if="row.status == 2" type="info">已停止</el-tag>
+                        <el-tag v-if="row.status == 3" type="danger">错误</el-tag>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="error" label="错误信息" min-width="120" />
+                <el-table-column label="最后执行时间" prop="endTime" min-width="180" />
+                <el-table-column prop="taskTime" label="执行耗时（ms）" min-width="100" />
+
+                <el-table-column label="操作" width="120" fixed="right">
+                    <template #default="{ row }">
+                        <div class="flex">
+                            <el-button type="primary" link>
+                                <router-link
+                                    v-perms="['crontab/edit', 'crontab/add:edit']"
+                                    :to="{
+                                        path: getRoutePath('crontab/add:edit'),
+                                        query: {
+                                            id: row.id
+                                        }
+                                    }"
+                                >
+                                    <el-button type="primary" link> 编辑 </el-button>
+                                </router-link>
+                            </el-button>
+                            <el-button
+                                v-perms="['crontab/delete']"
+                                type="danger"
+                                link
+                                @click="handleDelete(row.id)"
+                            >
+                                删除
+                            </el-button>
+                        </div>
+                    </template>
+                </el-table-column>
+            </el-table>
+
+            <div class="flex justify-end mt-4">
+                <pagination v-model="pager" @change="getLists" />
+            </div>
+        </el-card>
+    </div>
+</template>
+
+<script lang="ts" setup name="scheduledTask">
+import { crontabLists, crontabDel } from '@/api/setting/system'
+import { usePaging } from '@/hooks/usePaging'
+import { getRoutePath } from '@/router'
+import feedback from '@/utils/feedback'
+
+const { pager, getLists } = usePaging({
+    fetchFun: crontabLists,
+    params: {}
+})
+
+const handleDelete = async (id: number) => {
+    await feedback.confirm('确定要删除？')
+    await crontabDel({ id })
+    feedback.msgSuccess('删除成功')
+    getLists()
+}
+
+getLists()
+</script>
+
+<style lang="scss"></style>
--- a/admin/src/views/setting/user/login_register.vue
+++ b/admin/src/views/setting/user/login_register.vue
@@ -98,7 +98,7 @@
    </div>
 </template>

-<script lang="ts" setup>
+<script lang="ts" setup name="loginRegister">
 import type { LoginSetup } from '@/api/setting/user'
 import { getLogin, setLogin } from '@/api/setting/user'
 import feedback from '@/utils/feedback'
--- a/admin/src/views/setting/user/setup.vue
+++ b/admin/src/views/setting/user/setup.vue
@@ -25,7 +25,7 @@
    </div>
 </template>

-<script lang="ts" setup>
+<script lang="ts" setup name="userSetup">
 import { getUserSetup, setUserSetup } from '@/api/setting/user'
 import feedback from '@/utils/feedback'
 // import type { FormInstance } from 'element-plus'
--- a/admin/src/views/setting/website/filing.vue
+++ b/admin/src/views/setting/website/filing.vue
@@ -50,7 +50,7 @@
    </div>
 </template>

-<script lang="ts" setup>
+<script lang="ts" setup name="webFilling">
 import { getCopyright, setCopyright } from '@/api/setting/website'
 import feedback from '@/utils/feedback'
 // 表单数据
@@ -84,7 +84,9 @@ const handleDelete = (index: number) => {

 // 设置备案信息
 const handleSubmit = async () => {
-    await setCopyright(formData.value)
+    await setCopyright({
+        list: formData.value
+    })
    feedback.msgSuccess('操作成功')
    getData()
 }
--- a/admin/src/views/setting/website/information.vue
+++ b/admin/src/views/setting/website/information.vue
@@ -34,7 +34,7 @@
                </el-form-item>
            </el-card>
            <el-card shadow="never" class="!border-none mt-4">
-                <div class="text-xl font-medium mb-[20px]">商城设置</div>
+                <div class="text-xl font-medium mb-[20px]">前台设置</div>
                <el-form-item label="商城名称" prop="shopName">
                    <div class="w-80">
                        <el-input
@@ -59,7 +59,7 @@
    </div>
 </template>

-<script lang="ts" setup>
+<script lang="ts" setup name="webInformation">
 import { getWebsite, setWebsite } from '@/api/setting/website'
 import useAppStore from '@/stores/modules/app'
 import feedback from '@/utils/feedback'
--- a/admin/src/views/setting/website/protocol.vue
+++ b/admin/src/views/setting/website/protocol.vue
@@ -30,7 +30,7 @@
    </footer-btns>
 </template>

-<script setup lang="ts">
+<script setup lang="ts" naem="webProtocol">
 import { getProtocol, setProtocol } from '@/api/setting/website'
 import feedback from '@/utils/feedback'

--- a/Show More
+++ b/Show More