diff --git a/admin/src/app/api/cloud.ts b/admin/src/app/api/cloud.ts
index 06b5793dd..966cdd472 100644
--- a/admin/src/app/api/cloud.ts
+++ b/admin/src/app/api/cloud.ts
@@ -2,7 +2,6 @@ import request from '@/utils/request'
 
 /**
  * 云编译
- * @param addon
  */
 export function cloudBuild() {
     return request.post('niucloud/build', {})
@@ -10,7 +9,6 @@ export function cloudBuild() {
 
 /**
  * 获取云编译任务
- * @param addon
  */
 export function getCloudBuildTask() {
     return request.get('niucloud/build')
diff --git a/admin/src/app/api/diy.ts b/admin/src/app/api/diy.ts
index 3d3debbbe..76ae0e79f 100644
--- a/admin/src/app/api/diy.ts
+++ b/admin/src/app/api/diy.ts
@@ -8,15 +8,16 @@ import request from '@/utils/request'
  * @returns
  */
 export function getDiyPageList(params: Record<string, any>) {
-    return request.get(`diy/diy`, {params})
+	return request.get(`diy/diy`, {params})
 }
+
 /**
  * 获取自定义页面分页列表，轮播搜索组件用
  * @param params
  * @returns
  */
 export function getDiyPageListByCarouselSearch(params: Record<string, any>) {
-    return request.get(`diy/carousel_search`, {params})
+	return request.get(`diy/carousel_search`, {params})
 }
 
 /**
@@ -25,7 +26,7 @@ export function getDiyPageListByCarouselSearch(params: Record<string, any>) {
  * @returns
  */
 export function getDiyList(params: Record<string, any>) {
-    return request.get(`diy/list`, {params})
+	return request.get(`diy/list`, {params})
 }
 
 /**
@@ -34,7 +35,7 @@ export function getDiyList(params: Record<string, any>) {
  * @returns
  */
 export function getDiyPageInfo(id: number) {
-    return request.get(`diy/diy/${id}`);
+	return request.get(`diy/diy/${id}`);
 }
 
 /**
@@ -43,7 +44,7 @@ export function getDiyPageInfo(id: number) {
  * @returns
  */
 export function addDiyPage(params: Record<string, any>) {
-    return request.post('diy/diy', params, {showSuccessMessage: true})
+	return request.post('diy/diy', params, {showSuccessMessage: true})
 }
 
 /**
@@ -51,7 +52,7 @@ export function addDiyPage(params: Record<string, any>) {
  * @param params
  */
 export function editDiyPage(params: Record<string, any>) {
-    return request.put(`diy/diy/${params.id}`, params, {showSuccessMessage: true})
+	return request.put(`diy/diy/${params.id}`, params, {showSuccessMessage: true})
 }
 
 /**
@@ -59,7 +60,7 @@ export function editDiyPage(params: Record<string, any>) {
  * @param params
  */
 export function setUseDiyPage(params: Record<string, any>) {
-    return request.put(`diy/use`, params, {showSuccessMessage: true})
+	return request.put(`diy/use`, params, {showSuccessMessage: true})
 }
 
 /**
@@ -67,7 +68,7 @@ export function setUseDiyPage(params: Record<string, any>) {
  * @param params
  */
 export function editDiyPageShare(params: Record<string, any>) {
-    return request.put(`diy/diy/share`, params, {showSuccessMessage: true})
+	return request.put(`diy/diy/share`, params, {showSuccessMessage: true})
 }
 
 /**
@@ -76,35 +77,35 @@ export function editDiyPageShare(params: Record<string, any>) {
  * @returns
  */
 export function deleteDiyPage(id: number) {
-    return request.delete(`diy/diy/${id}`, {showSuccessMessage: true})
+	return request.delete(`diy/diy/${id}`, {showSuccessMessage: true})
 }
 
 /**
  * 获取自定义页面初始化数据
  */
 export function initPage(params: Record<string, any>) {
-    return request.get(`diy/init`, {params})
+	return request.get(`diy/init`, {params})
 }
 
 /**
  * 获取自定义链接列表
  */
 export function getLink(params: Record<string, any>) {
-    return request.get(`diy/link`, {params})
+	return request.get(`diy/link`, {params})
 }
 
 /**
  * 获取底部导航列表
  */
 export function getDiyBottomList(params: Record<string, any>) {
-    return request.get(`diy/bottom`, {params})
+	return request.get(`diy/bottom`, {params})
 }
 
 /**
  * 获取底部导航数据
  */
 export function getDiyBottomConfig(params: Record<string, any>) {
-    return request.get(`diy/bottom/config`, {params})
+	return request.get(`diy/bottom/config`, {params})
 }
 
 /**
@@ -113,21 +114,21 @@ export function getDiyBottomConfig(params: Record<string, any>) {
  * @returns
  */
 export function setDiyBottomConfig(params: Record<string, any>) {
-    return request.post('diy/bottom', params, {showSuccessMessage: true})
+	return request.post('diy/bottom', params, {showSuccessMessage: true})
 }
 
 /**
  * 获取页面模板类型
  */
 export function getDiyTemplate(params: Record<string, any>) {
-    return request.get(`diy/template`, {params})
+	return request.get(`diy/template`, {params})
 }
 
 /**
  * 获取模板页面列表
  */
 export function getDiyTemplatePages(params: Record<string, any>) {
-    return request.get(`diy/template/pages`, {params})
+	return request.get(`diy/template/pages`, {params})
 }
 
 /**
@@ -136,7 +137,7 @@ export function getDiyTemplatePages(params: Record<string, any>) {
  * @returns
  */
 export function getDiyRouteList(params: Record<string, any>) {
-    return request.get(`diy/route`, {params})
+	return request.get(`diy/route`, {params})
 }
 
 /**
@@ -144,7 +145,7 @@ export function getDiyRouteList(params: Record<string, any>) {
  * @returns
  */
 export function getDiyRouteAppList() {
-    return request.get(`diy/route/apps`)
+	return request.get(`diy/route/apps`)
 }
 
 /**
@@ -152,7 +153,7 @@ export function getDiyRouteAppList() {
  * @param params
  */
 export function getDiyRouteInfo(params: Record<string, any>) {
-    return request.get(`diy/route/info`, {params});
+	return request.get(`diy/route/info`, {params});
 }
 
 /**
@@ -160,7 +161,7 @@ export function getDiyRouteInfo(params: Record<string, any>) {
  * @param params
  */
 export function editDiyRouteShare(params: Record<string, any>) {
-    return request.put(`diy/route/share`, params, {showSuccessMessage: true})
+	return request.put(`diy/route/share`, params, {showSuccessMessage: true})
 }
 
 /**
@@ -169,7 +170,7 @@ export function editDiyRouteShare(params: Record<string, any>) {
  * @returns
  */
 export function getDecoratePage(params: Record<string, any>) {
-    return request.get(`diy/decorate`, {params})
+	return request.get(`diy/decorate`, {params})
 }
 
 /**
@@ -178,7 +179,7 @@ export function getDecoratePage(params: Record<string, any>) {
  * @returns
  */
 export function changeTemplate(params: Record<string, any>) {
-    return request.put(`diy/change`, params, {showSuccessMessage: true})
+	return request.put(`diy/change`, params, {showSuccessMessage: true})
 }
 
 /**
@@ -187,5 +188,5 @@ export function changeTemplate(params: Record<string, any>) {
  * @returns
  */
 export function getApps(params: Record<string, any>) {
-    return request.get(`diy/apps`)
+	return request.get(`diy/apps`)
 }
\ No newline at end of file
diff --git a/admin/src/app/api/home.ts b/admin/src/app/api/home.ts
index c73c1bca5..80d10edfa 100644
--- a/admin/src/app/api/home.ts
+++ b/admin/src/app/api/home.ts
@@ -3,3 +3,17 @@ import request from '@/utils/request'
 export function getHomeSite(params: Record<string, any>) {
     return request.get(`home/site`, { params })
 }
+
+/**
+ * 查询站点套餐
+ */
+export function getSiteGroup() {
+    return request.get(`home/site/group`)
+}
+
+/**
+ * 创建站点套餐
+ */
+export function createSite(params: Record<string, any>) {
+    return request.post(`home/site/create`, params)
+}
diff --git a/admin/src/app/api/module.ts b/admin/src/app/api/module.ts
index 876e0abe2..d6bf62cba 100644
--- a/admin/src/app/api/module.ts
+++ b/admin/src/app/api/module.ts
@@ -33,7 +33,6 @@ export function getModule() {
 
 /**
  * 获取插件版本
- * @param params
  * @returns
  */
 export function getModuleVersion() {
@@ -51,7 +50,6 @@ export function downloadVersion(params: Record<string, any>) {
 
 /**
  * 获取框架最新版本
- * @param params
  * @returns
  */
 export function getFrameworkNewVersion() {
diff --git a/admin/src/app/api/pay.ts b/admin/src/app/api/pay.ts
index 426d0fbe9..fd37d4cbd 100644
--- a/admin/src/app/api/pay.ts
+++ b/admin/src/app/api/pay.ts
@@ -48,7 +48,7 @@ export function getPayRefundPages(params: Record<string, any>) {
 
 /**
  * 获取退款详情
- * @param id
+ * @param refund_no
  */
 export function getPayRefundInfo(refund_no: string) {
     return request.get(`pay/refund/${refund_no}`)
@@ -56,7 +56,6 @@ export function getPayRefundInfo(refund_no: string) {
 
 /**
  * 退款方式
- * @param id
  */
 export function getRefundType() {
     return request.get(`pay/refund/type`)
@@ -64,8 +63,15 @@ export function getRefundType() {
 
 /**
  * 退款转账
- * @param id
+ * @param params
  */
 export function getRefundTransfer(params: Record<string, any>) {
     return request.post(`pay/refund/transfer`, params, {showSuccessMessage: true})
-}
\ No newline at end of file
+}
+
+/**
+ * 全部支付方式
+ */
+export function getAllPayType() {
+    return request.get(`pay/type/all`)
+}
diff --git a/admin/src/app/api/site.ts b/admin/src/app/api/site.ts
index dad1c52ca..a1fb632e9 100644
--- a/admin/src/app/api/site.ts
+++ b/admin/src/app/api/site.ts
@@ -83,7 +83,7 @@ export function getSiteGroupList(params: Record<string, any>) {
 
 /**
  * 获取站点分组详情
- * @param site_id
+ * @param groupId
  */
 export function getSiteGroupInfo(groupId: number) {
     return request.get(`site/group/${groupId}`);
@@ -123,6 +123,14 @@ export function getSiteGroupAll(params: Record<string, any> = {}) {
     return request.get(`site/group/all`)
 }
 
+/**
+ * 获取全部站点分组(包含套餐下用户站点数量)
+ * @param params
+ */
+export function getUserSiteGroupAll(params: Record<string, any> = {}) {
+    return request.get(`site/group/user`, { params })
+}
+
 /***************************************************** 当前站点用户 *************************************************/
 
 /**
@@ -159,15 +167,6 @@ export function editUser(params: Record<string, any>) {
     return request.put(`site/user/${params.uid}`, params, { showSuccessMessage: true })
 }
 
-/**
- * 删除用户
- * @param uid
- * @returns
- */
-export function deleteUser(uid: number) {
-    return request.delete(`site/user/${uid}`, { showSuccessMessage: true })
-}
-
 
 /**
  * 锁定用户
diff --git a/admin/src/app/api/sys.ts b/admin/src/app/api/sys.ts
index 95d2fe569..26df83cc5 100644
--- a/admin/src/app/api/sys.ts
+++ b/admin/src/app/api/sys.ts
@@ -81,6 +81,7 @@ export function getMenus(type: string) {
 
 /**
  * 获取菜单信息
+ * @param app_type
  * @param menu_key
  */
 export function getMenuInfo(app_type: string, menu_key: string) {
@@ -106,6 +107,7 @@ export function editMenu(params: Record<string, any>) {
 
 /**
  * 删除菜单
+ * @param app_type
  * @param menu_key
  */
 export function deleteMenu(app_type: string, menu_key: string) {
@@ -311,7 +313,6 @@ export function getIconList(params: Record<string, any>) {
 
 /**
  * 获取evn
- * @param params
  * @returns
  */
 export function getEnv() {
@@ -414,7 +415,7 @@ export function getPayList() {
  * 获取打款设置配置
  * @param channel
  */
-export function getTransferInfo(channel) {
+export function getTransferInfo(channel: string) {
     return request.get(`pay/channel/lists/${channel}`)
 }
 
@@ -624,14 +625,6 @@ export function setIndexList(params: Record<string, any>) {
     return request.put(`sys/config/site_index`, params, { showSuccessMessage: true })
 }
 
-/**
- * 获取布局
- * @returns
- */
-export function getLayouts() {
-    return request.get('sys/layout')
-}
-
 /**
  * 获取支付待审核记录
  */
@@ -719,6 +712,24 @@ export function setLayout(params: Record<string, any>) {
     return request.put(`sys/config/layout`, params, { showSuccessMessage: true })
 }
 
+/**
+ * 获取色调设置
+ * @returns
+ */
+export function getThemecolor() {
+    return request.get('sys/config/themecolor')
+}
+
+/**
+ * 更新色调设置
+ * @param params
+ * @returns
+ */
+export function setThemecolor(params: Record<string, any>) {
+    return request.put(`sys/config/themecolor`, params)
+}
+
+
 /***************************************************** 报表导出 ****************************************************/
 
 /**
@@ -767,4 +778,12 @@ export function exportDataCheck(type: string, params: Record<string, any>) {
  */
 export function deleteExport(id: number) {
     return request.delete(`sys/export/${id}`, { showSuccessMessage: true })
-}
\ No newline at end of file
+}
+
+/**
+ * 获取网站开放平台设置
+ * @returns
+ */
+export function getWxoplatform() {
+    return request.get('sys/wxoplatform/config')
+}
diff --git a/admin/src/app/api/tools.ts b/admin/src/app/api/tools.ts
index 2996acad2..fb0872a2a 100644
--- a/admin/src/app/api/tools.ts
+++ b/admin/src/app/api/tools.ts
@@ -37,7 +37,7 @@ export function getAddonDevelopCheck(key: any) {
  * 获取插件key黑名单
  * @returns
  */
-export function getAddonKeyBlackList(key: any) {
+export function getAddonKeyBlackList() {
     return request.get('addon_develop/key/blacklist')
 }
 
diff --git a/admin/src/app/api/upgrade.ts b/admin/src/app/api/upgrade.ts
index 979e2ab49..ed2f93fbe 100644
--- a/admin/src/app/api/upgrade.ts
+++ b/admin/src/app/api/upgrade.ts
@@ -11,7 +11,6 @@ export function getUpgradeContent(addon: string = '') {
 
 /**
  * 获取升级任务
- * @param addon
  */
 export function getUpgradeTask() {
     return request.get('upgrade/task')
diff --git a/admin/src/app/api/user.ts b/admin/src/app/api/user.ts
index 79fe9cc0f..981a57995 100644
--- a/admin/src/app/api/user.ts
+++ b/admin/src/app/api/user.ts
@@ -6,8 +6,8 @@ import request from '@/utils/request'
 
 /**
  * 获取用户列表
- * @param params 
- * @returns 
+ * @param params
+ * @returns
  */
 export function getUserList(params: Record<string, any>) {
     return request.get(`user/user`, { params })
@@ -16,7 +16,7 @@ export function getUserList(params: Record<string, any>) {
 /**
  * 获取用户详情
  * @param uid 用户uid
- * @returns 
+ * @returns
  */
 export function getUserInfo(uid: number) {
     return request.get(`user/user/${uid}`);
@@ -24,25 +24,17 @@ export function getUserInfo(uid: number) {
 
 /**
  * 添加用户
- * @param params 
- * @returns 
+ * @param params
+ * @returns
  */
 export function addUser(params: Record<string, any>) {
     return request.post('user/user', params, { showSuccessMessage: true })
 }
 
-/**
- * 更新用户
- * @param params
- */
-export function editUser(params: Record<string, any>) {
-    return request.put(`user/user/${params.uid}`, params, { showSuccessMessage: true })
-}
-
 /**
  * 获取所有用户列表
- * @param params 
- * @returns 
+ * @param params
+ * @returns
  */
 export function getAllUserList(params: Record<string, any>) {
     return request.get(`user/user_all`, { params })
@@ -50,9 +42,49 @@ export function getAllUserList(params: Record<string, any>) {
 
 /**
  * 查询用户名是否存在
- * @param username 
- * @returns 
+ * @param username
+ * @returns
  */
 export function checkUsernameIsExist(username: string) {
     return request.get(`user/isexist`, { params: { username } })
-}
\ No newline at end of file
+}
+
+/**
+ * 获取用户站点创建限制
+ * @param params
+ */
+export function getUserCreateSiteLimit(uid: number) {
+    return request.get(`user/user/create_site_limit/${uid}`)
+}
+
+/**
+ *
+ * @param id
+ */
+export function getUserCreateSiteLimitInfo(id: number) {
+    return request.get(`user/user/create_site_limit/info/${id}`)
+}
+
+/**
+ * 添加用户站点创建限制
+ * @param params
+ */
+export function addUserCreateSiteLimit(params: Record<string, any>) {
+    return request.post(`user/user/create_site_limit`, params, { showSuccessMessage: true })
+}
+
+/**
+ * 编辑用户站点创建限制
+ * @param params
+ */
+export function editUserCreateSiteLimit(params: Record<string, any>) {
+    return request.put(`user/user/create_site_limit/${params.id}`, params, { showSuccessMessage: true })
+}
+
+/**
+ * 编辑用户站点创建限制
+ * @param params
+ */
+export function delUserCreateSiteLimit(id: number) {
+    return request.delete(`user/user/create_site_limit/${id}`, { showSuccessMessage: true })
+}
diff --git a/admin/src/app/api/verify.ts b/admin/src/app/api/verify.ts
index f16304d9c..1aa0a98a6 100644
--- a/admin/src/app/api/verify.ts
+++ b/admin/src/app/api/verify.ts
@@ -33,10 +33,19 @@ export function getVerifierList(params: Record<string, any>) {
 }
 
 /**
- * 获取核销类型列表
+ * 获取核销员列表
  * @param params
  * @returns
  */
+export function getVerifierSelect() {
+    return request.get(`verify/verifier/select`)
+}
+
+
+/**
+ * 获取核销类型列表
+ * @returns
+ */
 export function getVerifyTypeList() {
     return request.get(`verify/verifier/type`)
 }
diff --git a/admin/src/app/api/wechat.ts b/admin/src/app/api/wechat.ts
index a537ddf8e..8a4d3b680 100644
--- a/admin/src/app/api/wechat.ts
+++ b/admin/src/app/api/wechat.ts
@@ -124,7 +124,6 @@ export function setSubscribeReply(params: Record<string, any>) {
     return request.put('wechat/reply/subscribe', params, { showSuccessMessage: true })
 }
 
-
 /**
  * 查询素材列表
  */
diff --git a/admin/src/app/api/wxoplatform.ts b/admin/src/app/api/wxoplatform.ts
new file mode 100644
index 000000000..5938ba931
--- /dev/null
+++ b/admin/src/app/api/wxoplatform.ts
@@ -0,0 +1,69 @@
+import request from '@/utils/request'
+
+/**
+ * 获取微信配置
+ * @returns
+ */
+export function getConfig() {
+    return request.get('wxoplatform/config')
+}
+
+/**
+ * 微信配置所需的静态信息
+ */
+export function getStatic() {
+    return request.get('wxoplatform/static');
+}
+
+/**
+ * 编辑微信配置
+ * @param params
+ * @returns
+ */
+export function editConfig(params: Record<string, any>) {
+    return request.put('wxoplatform/config', params, { showSuccessMessage: true })
+}
+
+/**
+ * 获取授权url
+ */
+export function getAuthorizationUrl() {
+    return request.get('wxoplatform/authorizationUrl');
+}
+
+/**
+ * 获取授权结果
+ */
+export function getAuthorizationResult(params: Record<string, any>) {
+    return request.get('wxoplatform/authorization', { params, showErrorMessage: false });
+}
+
+/**
+ * 小程序代码提交
+ * @returns
+ */
+export function weappCommit() {
+    return request.post('wxoplatform/weapp/version/commit', {}, { showSuccessMessage: true })
+}
+
+/**
+ * 获取提交记录
+ */
+export function getWeappCommitRecord(params: Record<string, any>) {
+    return request.get('wxoplatform/weapp/commit', { params })
+}
+
+/**
+ * 获取最后一次提交记录
+ */
+export function getWeappLastCommitRecord() {
+    return request.get('wxoplatform/weapp/commit/last')
+}
+
+/**
+ * 小程序代码提交
+ * @returns
+ */
+export function siteWeappCommit() {
+    return request.post('wxoplatform/site/weapp/commit', {}, { showSuccessMessage: true })
+}
diff --git a/admin/src/app/assets/images/creatBg.png b/admin/src/app/assets/images/creatBg.png
new file mode 100644
index 000000000..2460bc7fe
Binary files /dev/null and b/admin/src/app/assets/images/creatBg.png differ
diff --git a/admin/src/app/assets/images/diy/head/nav_style6.jpg b/admin/src/app/assets/images/diy/head/nav_style6.jpg
new file mode 100644
index 000000000..e16bd39d5
Binary files /dev/null and b/admin/src/app/assets/images/diy/head/nav_style6.jpg differ
diff --git a/admin/src/app/assets/images/diy/head/nav_style6.png b/admin/src/app/assets/images/diy/head/nav_style6.png
deleted file mode 100644
index 9c11b4867..000000000
Binary files a/admin/src/app/assets/images/diy/head/nav_style6.png and /dev/null differ
diff --git a/admin/src/app/assets/images/empty.png b/admin/src/app/assets/images/empty.png
deleted file mode 100644
index c8421c96c..000000000
Binary files a/admin/src/app/assets/images/empty.png and /dev/null differ
diff --git a/admin/src/app/assets/images/error.png b/admin/src/app/assets/images/error.png
index 143d6c633..053a54a14 100644
Binary files a/admin/src/app/assets/images/error.png and b/admin/src/app/assets/images/error.png differ
diff --git a/admin/src/app/assets/images/index/app1.png b/admin/src/app/assets/images/index/app1.png
index 476affffd..5f1e4e71d 100644
Binary files a/admin/src/app/assets/images/index/app1.png and b/admin/src/app/assets/images/index/app1.png differ
diff --git a/admin/src/app/assets/images/index/auth1.png b/admin/src/app/assets/images/index/auth1.png
index 01c07663e..f6da7255d 100644
Binary files a/admin/src/app/assets/images/index/auth1.png and b/admin/src/app/assets/images/index/auth1.png differ
diff --git a/admin/src/app/assets/images/index/new_site1.png b/admin/src/app/assets/images/index/new_site1.png
index f9d2b2e05..b8071933d 100644
Binary files a/admin/src/app/assets/images/index/new_site1.png and b/admin/src/app/assets/images/index/new_site1.png differ
diff --git a/admin/src/app/assets/images/index/site1.png b/admin/src/app/assets/images/index/site1.png
index b1ea6dd92..3e630ff30 100644
Binary files a/admin/src/app/assets/images/index/site1.png and b/admin/src/app/assets/images/index/site1.png differ
diff --git a/admin/src/app/assets/images/index/site_class1.png b/admin/src/app/assets/images/index/site_class1.png
index d15af258f..8137ae574 100644
Binary files a/admin/src/app/assets/images/index/site_class1.png and b/admin/src/app/assets/images/index/site_class1.png differ
diff --git a/admin/src/app/assets/images/no_attachment.png b/admin/src/app/assets/images/no_attachment.png
new file mode 100644
index 000000000..c80ea4152
Binary files /dev/null and b/admin/src/app/assets/images/no_attachment.png differ
diff --git a/admin/src/app/assets/images/site_empty.png b/admin/src/app/assets/images/site_empty.png
new file mode 100644
index 000000000..7703baa42
Binary files /dev/null and b/admin/src/app/assets/images/site_empty.png differ
diff --git a/admin/src/app/assets/images/tools/code.png b/admin/src/app/assets/images/tools/code.png
index 498bd675d..60e94e15c 100644
Binary files a/admin/src/app/assets/images/tools/code.png and b/admin/src/app/assets/images/tools/code.png differ
diff --git a/admin/src/app/components/cloud-build/index.vue b/admin/src/app/components/cloud-build/index.vue
index 2b0eeed30..c14982707 100644
--- a/admin/src/app/components/cloud-build/index.vue
+++ b/admin/src/app/components/cloud-build/index.vue
@@ -1,8 +1,7 @@
 <template>
-    <el-dialog v-model="showDialog" :title="t('cloudbuild.title')" width="850px" :close-on-click-modal="false"
-               :close-on-press-escape="false" :before-close="dialogClose">
+    <el-dialog v-model="showDialog" :title="t('cloudbuild.title')" width="850px" :close-on-click-modal="false" :close-on-press-escape="false" :before-close="dialogClose">
 
-        <div v-show="active == 'build'" class="h-[60vh]" v-loading="loading">
+        <div v-if="active == 'build'" class="h-[60vh]" v-loading="loading">
             <div class="h-[60vh] flex flex-col" v-if="cloudBuildCheck && !cloudBuildTask">
                 <el-scrollbar>
                     <div class="bg-[#fff] my-3" v-if="cloudBuildCheck.dir">
@@ -19,8 +18,7 @@
                                     <span>{{ t('status') }}</span>
                                 </el-col>
                             </el-row>
-                            <el-row class="pb-[10px] items pl-[15px]"
-                                    v-for="item in cloudBuildCheck.dir.is_readable">
+                            <el-row class="pb-[10px] items pl-[15px]" v-for="item in cloudBuildCheck.dir.is_readable">
                                 <el-col :span="12">
                                     <span>{{ item.dir }}</span>
                                 </el-col>
@@ -36,8 +34,7 @@
                                         </span>
                                 </el-col>
                             </el-row>
-                            <el-row class="pb-[10px] items pl-[15px]"
-                                    v-for="item in cloudBuildCheck.dir.is_write">
+                            <el-row class="pb-[10px] items pl-[15px]" v-for="item in cloudBuildCheck.dir.is_write">
                                 <el-col :span="12">
                                     <span>{{ item.dir }}</span>
                                 </el-col>
@@ -47,10 +44,10 @@
                                 <el-col :span="6">
                                     <span v-if="item.status"><el-icon color="green"><Select /></el-icon></span>
                                     <span v-else>
-                                            <el-icon color="red">
-                                                <CloseBold />
-                                            </el-icon>
-                                        </span>
+                                        <el-icon color="red">
+                                            <CloseBold />
+                                        </el-icon>
+                                    </span>
                                 </el-col>
                             </el-row>
                         </div>
@@ -58,12 +55,11 @@
                 </el-scrollbar>
             </div>
             <div class="h-[60vh]" v-show="cloudBuildTask">
-                <terminal ref="terminalRef" context="" :init-log="null" :show-header="false"
-                          :show-log-time="true" @exec-cmd="onExecCmd"/>
+                <terminal ref="terminalRef" context="" :init-log="null" :show-header="false" :show-log-time="true" @exec-cmd="onExecCmd"/>
             </div>
         </div>
 
-        <div v-show="active == 'complete'">
+        <div v-if="active == 'complete'">
             <div class="h-[60vh] flex flex-col">
                 <div class="flex-1 h-0">
                     <el-result icon="success" :title="t('cloudbuild.cloudbuildSuccess')"></el-result>
@@ -81,7 +77,6 @@ import { Terminal, TerminalFlash } from 'vue-web-terminal'
 import 'vue-web-terminal/lib/theme/dark.css'
 import { AnyObject } from "@/types/global"
 import { ElNotification, ElMessageBox } from "element-plus"
-import {preUpgradeCheck} from "@/app/api/upgrade";
 
 const showDialog = ref<boolean>(false)
 const cloudBuildTask = ref<null | AnyObject>(null)
@@ -120,7 +115,7 @@ const getCloudBuildLogFn = () => {
             return
         }
 
-        const data = res.data.data ?? []
+        const data = res.data.data ?? [];
         let error = ''
 
         if (data[0] && data[0].length && showDialog.value) {
@@ -174,11 +169,11 @@ const elNotificationClick = () => {
 }
 
 const open = async () => {
-    showDialog.value = true
     loading.value = true
     active.value = 'build'
 
     if (cloudBuildTask.value) {
+        showDialog.value = true
         loading.value = false
         getCloudBuildLogFn()
         return
@@ -189,9 +184,11 @@ const open = async () => {
             cloudBuild().then(({ data }) => {
                 loading.value = false
                 cloudBuildTask.value = data
+                showDialog.value = true
                 getCloudBuildLogFn()
             }).catch(() => {
                 showDialog.value = false
+                loading.value = false
             })
         } else {
             loading.value = false
@@ -205,7 +202,7 @@ const open = async () => {
 /**
  * 升级进度动画
  */
-let flashInterval = null
+let flashInterval: null | number = null
 const terminalFlash = new TerminalFlash()
 const onExecCmd = (key, command, success, failed, name) => {
     if (command == '开始编译') {
@@ -230,7 +227,7 @@ const makeIterator = (array: string[]) => {
 }
 
 const dialogClose = (done: () => {}) => {
-    if (active.value == 'cloudbuild' && cloudBuildTask.value) {
+    if (active.value == 'build' && cloudBuildTask.value) {
         ElMessageBox.confirm(
             t('cloudbuild.showDialogCloseTips'),
             t('warning'),
@@ -240,6 +237,7 @@ const dialogClose = (done: () => {}) => {
                 type: 'warning'
             }
         ).then(() => {
+            terminalRef.value.execute('clear')
             done()
         }).catch(() => { })
     } else {
@@ -249,6 +247,7 @@ const dialogClose = (done: () => {}) => {
 
 watch(() => showDialog.value, () => {
     if (!showDialog.value) {
+        cloudBuildTask.value = null
         active.value = 'build'
         cloudBuildLog = []
         flashInterval && clearInterval(flashInterval)
@@ -258,7 +257,8 @@ watch(() => showDialog.value, () => {
 
 defineExpose({
     open,
-    cloudBuildTask
+    cloudBuildTask,
+    loading
 })
 </script>
 
diff --git a/admin/src/app/components/upgrade/index.vue b/admin/src/app/components/upgrade/index.vue
index e0d289061..ed8385d60 100644
--- a/admin/src/app/components/upgrade/index.vue
+++ b/admin/src/app/components/upgrade/index.vue
@@ -45,8 +45,7 @@
                                     <span>{{ t('status') }}</span>
                                 </el-col>
                             </el-row>
-                            <el-row class="pb-[10px] items pl-[15px]"
-                                    v-for="item in upgradeCheck.dir.is_readable">
+                            <el-row class="pb-[10px] items pl-[15px]" v-for="item in upgradeCheck.dir.is_readable">
                                 <el-col :span="12">
                                     <span>{{ item.dir }}</span>
                                 </el-col>
@@ -56,14 +55,13 @@
                                 <el-col :span="6">
                                     <span v-if="item.status"><el-icon color="green"><Select /></el-icon></span>
                                     <span v-else>
-                                            <el-icon color="red">
-                                                <CloseBold />
-                                            </el-icon>
-                                        </span>
+                                        <el-icon color="red">
+                                            <CloseBold />
+                                        </el-icon>
+                                    </span>
                                 </el-col>
                             </el-row>
-                            <el-row class="pb-[10px] items pl-[15px]"
-                                    v-for="item in upgradeCheck.dir.is_write">
+                            <el-row class="pb-[10px] items pl-[15px]" v-for="item in upgradeCheck.dir.is_write">
                                 <el-col :span="12">
                                     <span>{{ item.dir }}</span>
                                 </el-col>
@@ -73,10 +71,10 @@
                                 <el-col :span="6">
                                     <span v-if="item.status"><el-icon color="green"><Select /></el-icon></span>
                                     <span v-else>
-                                            <el-icon color="red">
-                                                <CloseBold />
-                                            </el-icon>
-                                        </span>
+                                        <el-icon color="red">
+                                            <CloseBold />
+                                        </el-icon>
+                                    </span>
                                 </el-col>
                             </el-row>
                         </div>
@@ -84,8 +82,7 @@
                 </el-scrollbar>
             </div>
             <div class="h-[60vh]" v-show="upgradeTask">
-                <terminal ref="terminalRef" :context="upgradeTask ? upgradeTask.upgrade.app_key : ''" :init-log="null" :show-header="false"
-                          :show-log-time="true" @exec-cmd="onExecCmd"/>
+                <terminal ref="terminalRef" :context="upgradeTask ? upgradeTask.upgrade.app_key : ''" :init-log="null" :show-header="false" :show-log-time="true" @exec-cmd="onExecCmd"/>
             </div>
         </div>
 
diff --git a/admin/src/app/components/user-info-edit/index.vue b/admin/src/app/components/user-info-edit/index.vue
index 2699cfa4e..f6769fa04 100644
--- a/admin/src/app/components/user-info-edit/index.vue
+++ b/admin/src/app/components/user-info-edit/index.vue
@@ -1,12 +1,8 @@
 <template>
-    <el-dialog
-        v-model="dialogVisible"
-        :title="t('accountSettings')"
-        width="500"
-    >
+    <el-dialog v-model="dialogVisible" :title="t('accountSettings')" width="500">
         <el-form :model="saveInfo" label-width="90px" ref="formRef" class="page-form">
             <el-form-item :label="t('headImg')">
-                <upload-image v-model="saveInfo.head_img" :limit="1" />
+                <upload-image v-model="saveInfo.head_img" :limit="1" :type="'avatar'" />
             </el-form-item>
             <el-form-item :label="t('userName')">
                 <span>{{saveInfo.username}}</span>
@@ -27,10 +23,12 @@
 import { reactive, ref } from 'vue'
 import { t } from '@/lang'
 import type { FormInstance } from 'element-plus'
-
+import { deepClone } from '@/utils/common'
 import { getUserInfo, setUserInfo } from '@/app/api/personal'
 import { useRouter } from 'vue-router'
+import useUserStore from '@/stores/modules/user'
 
+const userStore = useUserStore()
 const router = useRouter()
 // 提交信息
 const saveInfo = reactive({})
@@ -42,7 +40,6 @@ const dialogVisible = ref(false)
  * 获取用户信息
  */
 const getUserInfoFn = () => {
-    
     getUserInfo().then(res => {
         loading.value = false
         const data = res.data
@@ -64,6 +61,9 @@ const submitForm = (formEl: FormInstance | undefined) => {
             setUserInfo(saveInfo).then((res: any) => {
                 loading.value = false
                 dialogVisible.value = false
+                let data = deepClone(userStore.userInfo) 
+                data.head_img = saveInfo.head_img
+                userStore.setUserInfo(data)
             }).catch(() => {
                 loading.value = false
             })
diff --git a/admin/src/app/lang/zh-cn/channel.weapp.access.json b/admin/src/app/lang/zh-cn/channel.weapp.access.json
index d12ef4740..afc70cae7 100644
--- a/admin/src/app/lang/zh-cn/channel.weapp.access.json
+++ b/admin/src/app/lang/zh-cn/channel.weapp.access.json
@@ -19,5 +19,9 @@
 	"wechatSet": "小程序配置",
 	"subscribeMessage": "订阅消息",
 	"weappRelease": "版本管理",
-	"alert":"您正在体验通用版小程序，不发布你将不可用"
+	"alert":"您正在体验通用版小程序，不发布你将不可用",
+	"authWeapp": "授权绑定微信小程序",
+	"clickSetting": "点击配置微信小程序",
+	"seeConfig": "查看配置",
+	"refreshAuth": "重新授权"
 }
diff --git a/admin/src/app/lang/zh-cn/channel.weapp.code.json b/admin/src/app/lang/zh-cn/channel.weapp.code.json
index 22d482aad..1038dfac7 100644
--- a/admin/src/app/lang/zh-cn/channel.weapp.code.json
+++ b/admin/src/app/lang/zh-cn/channel.weapp.code.json
@@ -41,5 +41,6 @@
 	"localInsertTips": "请先将uni-app编译成微信小程序，然后使用微信开发者工具进行上传",
 	"uploadSuccessTips": "小程序上传成功后还需到<a href='https://mp.weixin.qq.com/' target='_blank' class='text-primary'>微信公众平台</a>提交审核，审核通过后发布才算正式上线。",
 	"knownToKnow": "我已知晓，不需要再次提示",
-	"siteAuthTips": "上传代码需先绑定授权码，请联系平台管理员进行绑定"
+	"siteAuthTips": "上传代码需先绑定授权码，请联系平台管理员进行绑定",
+	"againUpload": "重新上传"
 }
diff --git a/admin/src/app/lang/zh-cn/channel.wechat.access.json b/admin/src/app/lang/zh-cn/channel.wechat.access.json
index 828fcdb8d..ac91b2ec0 100644
--- a/admin/src/app/lang/zh-cn/channel.wechat.access.json
+++ b/admin/src/app/lang/zh-cn/channel.wechat.access.json
@@ -7,7 +7,7 @@
 	"clickAccess": "点击接入",
 	"wechatSetting": "微信公众号配置",
 	"wechatSetting1": "微信公众号认证之后配置微信公众号连接，具体查看配置与发布教程",
-	"settingInfo": "点击配置",
+	"settingInfo": "点击配置微信公众号",
 	"wechatAccess": "微信公众号发布",
 	"releaseCourse": "发布教程",
 	"completeAccess": "完成接入",
@@ -16,5 +16,9 @@
 	"wechatAccessBtn": "查看审核进度",
 	"clickAccess2":"扫描二维码进入微信公众号",
 	"wechatTemplate": "模板消息",
-	"reply": "自动回复"
+	"reply": "自动回复",
+	"authWechat": "授权绑定微信公众号",
+	"clickSetting": "点击配置微信公众号",
+	"seeConfig": "查看配置",
+	"refreshAuth": "重新授权"
 }
diff --git a/admin/src/app/lang/zh-cn/diy.edit.json b/admin/src/app/lang/zh-cn/diy.edit.json
index a1a739804..c2b5dc799 100644
--- a/admin/src/app/lang/zh-cn/diy.edit.json
+++ b/admin/src/app/lang/zh-cn/diy.edit.json
@@ -155,10 +155,6 @@
   "customGoods": "手动选择",
   "goodsNum": "商品数量",
   "selectCategory": "选择分类",
-  "isBecomeFenxiao": "成为分销商",
-  "isBecomeFenxiaoDesc": "是否展示会员成为分销商的按钮",
-  "are": "是",
-  "no": "否",
   "categoryName": "分类名称",
   "categoryImage": "分类图片",
   "selectSource": "选择数据源",
diff --git a/admin/src/app/lang/zh-cn/index.index.json b/admin/src/app/lang/zh-cn/index.index.json
index 41c3acd1e..2c7889e48 100644
--- a/admin/src/app/lang/zh-cn/index.index.json
+++ b/admin/src/app/lang/zh-cn/index.index.json
@@ -38,7 +38,9 @@
 	"newSite": "新增站点",
 	"appMarketplace": "应用市场",
 	"siteDistribution": "站点分布",
+	"addUser": "新增用户",
 	"normalSiteSum": "正常站点（个）",
+    "weekExpireSiteCount":"即将到期站点(个)",
 	"expireSiteSum": "过期站点（个）",
 	"noInstallAppSun": "未安装应用（个）",
 	"installAppSun": "已安装应用（个）",
diff --git a/admin/src/app/lang/zh-cn/index.store.json b/admin/src/app/lang/zh-cn/index.store.json
index 9046f8aa1..f777d931e 100644
--- a/admin/src/app/lang/zh-cn/index.store.json
+++ b/admin/src/app/lang/zh-cn/index.store.json
@@ -67,7 +67,7 @@
 	"addonUninstall": "插件卸载",
 	"appIdentification":"应用标识",
 	"tipText":"标识指开发应用或插件的文件夹名称",
-	"uninstallTips": "卸载插件将会移除admin web uni-app目录下该插件的内容，是否要继续进行卸载？",
+	"uninstallTips": "是否要卸载该插件？",
 	"upgrade": "升级",
 	"newVersion": "最新版本",
 	"cloudBuild": "云编译",
diff --git a/admin/src/app/lang/zh-cn/marketing.verify.json b/admin/src/app/lang/zh-cn/marketing.verify.json
index a7fa2b2a8..32798d112 100644
--- a/admin/src/app/lang/zh-cn/marketing.verify.json
+++ b/admin/src/app/lang/zh-cn/marketing.verify.json
@@ -21,6 +21,7 @@
     "verifyType": "核销类型",
     "verifyTypePlaceholder": "请选择核销类型",
     "verifier": "核销员",
+    "verifierPlaceholder": "请选择核销员",
     "createTime":"添加时间",
 	"addVerifier":"添加核销员",
 	"verifierDeleteTips":"确定要删除该核销员吗？",
diff --git a/admin/src/app/lang/zh-cn/member.level_edit.json b/admin/src/app/lang/zh-cn/member.level_edit.json
index f340194e0..fda82f0f1 100644
--- a/admin/src/app/lang/zh-cn/member.level_edit.json
+++ b/admin/src/app/lang/zh-cn/member.level_edit.json
@@ -16,5 +16,10 @@
     "growthFormatError": "成长值只能为整数",
     "growthNeedLt": "成长值需小于",
     "growthNeedGt": "成长值需大于",
-    "growthTips": "升级到该等级需达到的最低成长值"
+    "growthTips": "升级到该等级需达到的最低成长值",
+    "levelStyle": "等级样式",
+    "levelImg": "等级图标",
+    "bgColor": "背景颜色",
+    "bgImg": "背景图片",
+    "borderColor": "边框颜色"
 }
diff --git a/admin/src/app/lang/zh-cn/member.member.json b/admin/src/app/lang/zh-cn/member.member.json
index a880a497d..582eb6504 100644
--- a/admin/src/app/lang/zh-cn/member.member.json
+++ b/admin/src/app/lang/zh-cn/member.member.json
@@ -50,5 +50,6 @@
     "memberInfoPlaceholder":"请输入会员编号/昵称/手机号",
 	"lock": "锁定",
 	"normal": "正常",
-    "memberLevel": "会员等级"
+    "memberLevel": "会员等级",
+    "memberLevelPlaceholder": "请选择会员等级"
 }
diff --git a/admin/src/app/lang/zh-cn/setting.layout.json b/admin/src/app/lang/zh-cn/setting.layout.json
index 8d1550c8c..9c6f8bbf9 100644
--- a/admin/src/app/lang/zh-cn/setting.layout.json
+++ b/admin/src/app/lang/zh-cn/setting.layout.json
@@ -3,5 +3,7 @@
 	"setting": "设置",
 	"selectLayout": "选择布局",
 	"emptyData": "还没有安装应用",
-	"manyApp": "多应用"
+	"manyApp": "多应用",
+	"layout": "布局",
+	"themeColor": "色调"
 }
diff --git a/admin/src/app/lang/zh-cn/setting.login.json b/admin/src/app/lang/zh-cn/setting.login.json
index d74fd9ac3..42a758961 100644
--- a/admin/src/app/lang/zh-cn/setting.login.json
+++ b/admin/src/app/lang/zh-cn/setting.login.json
@@ -10,6 +10,7 @@
 	"isBindMobileTip": "开启之后，会员通过账号或者第三方注册账户会强制绑定手机号，方便商家进行管理，同时方便会员在不同端口统一账号",
 	"agreement": "政策协议",
 	"agreementTips": "注册时服务协议和隐私协议是否进行展示",
+	"mobileOrUsernameNoEmpty":"普通注册方式至少需启用一种",
 	"commonSetting": "通用设置",
 	"tripartiteSetting": "第三方设置"
 }
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/setting.pay.json b/admin/src/app/lang/zh-cn/setting.pay.json
index acc6f15af..f65d5af81 100644
--- a/admin/src/app/lang/zh-cn/setting.pay.json
+++ b/admin/src/app/lang/zh-cn/setting.pay.json
@@ -43,7 +43,7 @@
 	"defaultTamplate": "请选择模板",
     "isEnable": "是否启用",
     "onState": "开启状态",
-    "configurePaymentMethod": "请先配置值该支付方式",
+    "configurePaymentMethod": "请先配置该支付方式",
     "enablePaymentMode": "请先开启该支付方式",
     "clickConfigure": "点击配置",
     "setConfig": "设置支付配置",
@@ -58,4 +58,4 @@
     "collectionBankPlaceholder": "请输入收款银行",
     "collectionAccountPlaceholder": "请输入收款账号",
     "collectionDescPlaceholder": "请输入转账说明"
-}
\ No newline at end of file
+}
diff --git a/admin/src/app/lang/zh-cn/setting.wxoplatform.json b/admin/src/app/lang/zh-cn/setting.wxoplatform.json
deleted file mode 100644
index d992cfe3c..000000000
--- a/admin/src/app/lang/zh-cn/setting.wxoplatform.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-	"oplatformSetting": "开放平台设置",
-	"appidPlaceholder": "微信第三方平台AppId",
-	"appsecretPlaceholder": "微信第三方平台AppSecret",
-	"oplatformComm": "开放平台通信",
-	"empowerStartDomain": "授权发起页域名",
-	"empowerReceiveUrl": "授权事件接收URL",
-	"messageValidationToken": "消息校验Token",
-	"messageDecryptKey": "消息加解密Key",
-	"messageReceiveUrl": "消息与事件接收URL",
-	"wechatDomain": "公众号开发域名",
-	"weappDomain": "小程序服务器域名",
-	"weappBusinessDomain": "小程序业务域名",
-	"oplatformBuilder": "开发者设置",
-	"builderEmail": "开发者邮箱",
-	"builderMobile": "开发者手机号",
-	"builderQQ": "开发者QQ",
-	"builderWx": "开发者微信"
-}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/site.list.json b/admin/src/app/lang/zh-cn/site.list.json
index b683bafe6..a059acaa1 100644
--- a/admin/src/app/lang/zh-cn/site.list.json
+++ b/admin/src/app/lang/zh-cn/site.list.json
@@ -15,6 +15,7 @@
       "statusExpire":"已到期",
       "phone":"客服电话",
       "groupIdPlaceholder":"请选择套餐",
+      "uIdPlaceholder":"请选择站点管理员",
       "appIdPlaceholder":"请选择应用",
       "keywordsPlaceholder":"请输入关键字",
       "keywords":"关键字",
diff --git a/admin/src/app/lang/zh-cn/site.user.json b/admin/src/app/lang/zh-cn/site.user.json
index d08687493..63f23e248 100644
--- a/admin/src/app/lang/zh-cn/site.user.json
+++ b/admin/src/app/lang/zh-cn/site.user.json
@@ -8,5 +8,21 @@
     "siteNum": "站点数量",
     "endDate": "结束时间",
     "startDate": "开始时间",
-    "loginTime": "最后登录时间"
+    "loginTime": "最后登录时间",
+    "addUser": "添加用户",
+    "username": "账号",
+    "passwordPlaceholder": "请输入用户密码",
+    "usernamePlaceholder": "请输入用户账号",
+    "realNamePlaceholder": "请输入真实姓名",
+    "confirmPasswordPlaceholder": "请再次确认密码",
+    "userRealNamePlaceholder": "请输入名称",
+    "userCreateSiteLimit": "套餐权限",
+    "siteGroup": "站点套餐",
+    "siteMonth": "站点效期限",
+    "siteNum": "建站数量",
+    "month": "月",
+    "siteMonthPlaceholder": "请输入站点效期限",
+    "siteNumPlaceholder": "请输入建站数量",
+    "siteMonthCannotLtOne": "站点效期限不能小于1",
+    "siteNumCannotLtOne": "建站数量不能小于1"
 }
diff --git a/admin/src/app/lang/zh-cn/site.user_info.json b/admin/src/app/lang/zh-cn/site.user_info.json
index 4d2556af0..785ca2eb9 100644
--- a/admin/src/app/lang/zh-cn/site.user_info.json
+++ b/admin/src/app/lang/zh-cn/site.user_info.json
@@ -13,5 +13,18 @@
     "lastLoginTime": "最后登录时间",
     "lastLoginIP": "最后登录IP",
     "yes": "是",
-    "no": "否"
-}
\ No newline at end of file
+    "no": "否",
+    "siteGroup": "站点套餐",
+    "siteGroupPlaceholder": "请选择站点套餐",
+    "userCreateSiteLimit": "套餐权限",
+    "addSserCreateSiteLimit": "添加套餐权限",
+    "createSiteNum": "可创建站点数量",
+    "createSiteTimeLimit": "站点有效期限",
+    "month": "月",
+    "createdSiteNum": "已创建站点数",
+    "numPlaceholder": "请输入可创建站点数量",
+    "monthPlaceholder": "请输入站点创建有效期限",
+    "numCannotLtZero": "站点创建数量不能小于0",
+    "monthCannotLtZero": "站点创建有效期不能小于0",
+    "createSiteTimeLimitDeleteTips": "确认要删除吗？"
+}
diff --git a/admin/src/app/lang/zh-cn/tools.addon.index.json b/admin/src/app/lang/zh-cn/tools.addon.index.json
index bcc99b4b1..94e1f1b83 100644
--- a/admin/src/app/lang/zh-cn/tools.addon.index.json
+++ b/admin/src/app/lang/zh-cn/tools.addon.index.json
@@ -9,7 +9,7 @@
     "key":"插件标识",
     "type":"插件类型",
     "version":"版本号",
-    "stutas":"状态",
+    "status":"状态",
     "codeDeleteTips":"删除插件后对应文件会一并删除，是否确认",
     "step1":"新建一个插件",
     "describe1":"点击新建插件，生成插件后系统会生成对应插件的基础代码",
diff --git a/admin/src/app/lang/zh-cn/wxoplatform.setting.json b/admin/src/app/lang/zh-cn/wxoplatform.setting.json
new file mode 100644
index 000000000..eb34452a9
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/wxoplatform.setting.json
@@ -0,0 +1,33 @@
+{
+	"oplatformSetting": "开放平台设置",
+	"appidPlaceholder": "请输入微信第三方平台AppId",
+	"appSecretPlaceholder": "请输入微信第三方平台AppSecret",
+	"tokenPlaceholder": "请输入消息校验Token",
+	"aesKeyPlaceholder": "请输入消息加解密Key",
+	"oplatformComm": "开放平台通信",
+	"empowerStartDomain": "授权发起页域名",
+	"empowerReceiveUrl": "授权事件接收URL",
+	"messageValidationToken": "消息校验Token",
+	"messageDecryptKey": "消息加解密Key",
+	"messageReceiveUrl": "消息与事件接收URL",
+	"wechatDomain": "公众号开发域名",
+	"weappDomain": "小程序服务器域名",
+	"weappBusinessDomain": "小程序业务域名",
+	"oplatformBuilder": "开发者设置",
+	"builderEmail": "开发者邮箱",
+	"builderMobile": "开发者手机号",
+	"builderQQ": "开发者QQ",
+	"builderWx": "开发者微信",
+	"messageDecryptKeyTips": "在代替公众号或小程序收发消息过程中使用。必须是长度为43位的字符串，只能是字母和数字。",
+	"regenerate": "重新生成",
+	"messagesReceiving": "消息与事件接收",
+	"domainSetting": "域名配置",
+	"developerWeappUpload": "开发小程序配置",
+	"developerAppid": "开发小程序appid",
+	"uploadKey": "代码上传密钥",
+	"uploadKeyTips": "",
+	"uploadIpTips": "",
+	"developAppid": "开发小程序APPID",
+	"developAppidPlaceholder": "请输入开发小程序APPID",
+	"uploadIpTips": "如果小程序代码上传开启了ip白名单设置，在ip白名单中添加ip："
+}
diff --git a/admin/src/app/lang/zh-cn/wxoplatform.weapp_version.json b/admin/src/app/lang/zh-cn/wxoplatform.weapp_version.json
new file mode 100644
index 000000000..c68218d6e
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/wxoplatform.weapp_version.json
@@ -0,0 +1,11 @@
+{
+	"groupName": "站点套餐",
+	"lastTime": "上次同步时间",
+	"weappVersionUpdate": "小程序同步",
+	"weappVersionUpdateRecord": "小程序同步记录",
+	"createTime": "提交时间",
+	"userVersion": "版本号",
+	"failReason": "失败原因",
+	"updateTips": "版本提交成功之后会自动给已授权的小程序进行同步更新，使用该功能必须要启动消息队列",
+	"seeUpdateRecord": "查看同步记录"
+}
diff --git a/admin/src/app/views/app/authorize.vue b/admin/src/app/views/app/authorize.vue
index 62ca92b94..ca5b08168 100644
--- a/admin/src/app/views/app/authorize.vue
+++ b/admin/src/app/views/app/authorize.vue
@@ -1,90 +1,92 @@
 <template>
-	<div class="main main-container min-w-[1000px] min-h-[650px]" v-loading="loading">
-		<el-card class="box-card !border-none" shadow="never" v-if="!loading">
-			<div class="flex">
-				<div class="bg-[#F3F6FF] mr-[14px] w-[402px] pt-[30px] pl-[32px] pr-[20px] pb-[60px] timeline-log-wrap">
-					<div class="flex items-center justify-between">
-						<span class="text-page-title">版本信息</span>
+    <!--授权信息-->
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never" v-if="!loading">
+
+            <div class="flex">
+                <div class="w-[450px] mr-[20px] p-[50px] bg-[var(--el-color-info-light-9)]">
+                    <div class="flex items-center justify-between">
+                        <span class="text-page-title">版本信息</span>
                         <div class="flex-1 w-0 flex justify-end">
                             <el-button class="text-[#4C4C4C] w-[78px] h-[32px] !bg-transparent" @click="getFrameworkVersionListFn" v-if="!newVersion || (newVersion && newVersion.version_no == versions)">检测更新</el-button>
                             <el-button class="text-[#4C4C4C] w-[78px] h-[32px]" type="primary" @click="handleUpgrade" v-else>一键升级</el-button>
-                            <el-button class="text-[#4C4C4C] w-[78px] h-[32px]" type="primary" @click="handleCloudBuild">云编译</el-button>
+                            <el-button class="text-[#4C4C4C] w-[78px] h-[32px]" type="primary" @click="handleCloudBuild" :loading="cloudBuildRef?.loading">云编译</el-button>
                         </div>
-					</div>
-					<div class="mt-[30px] flex items-center text-[14px] text-[#797979]">
-						<span>当前版本</span>
-						<span class="text-[26px] ml-[15px] mr-[10px] text-[#656668]">{{versions}}</span>
-						<em class="text-[12px]" v-if="!newVersion || (newVersion && newVersion.version_no == versions)">(当前已是最新版本)</em>
+                    </div>
+                    <div class="mt-[30px] flex items-center text-[14px] text-[#797979]">
+                        <span>当前版本</span>
+                        <span class="text-[26px] ml-[15px] mr-[10px] text-[#656668]">{{versions}}</span>
+                        <em class="text-[12px]" v-if="!newVersion || (newVersion && newVersion.version_no == versions)">(当前已是最新版本)</em>
                         <em class="text-[12px] text-[red]" v-else>(最新版本{{ newVersion.version_no }})</em>
-					</div>
-				</div>
-				<div class="flex-1 flex justify-between items-center bg-[#F3F6FF] pt-[34px] pl-[30px] pr-[60px] pb-[62px] timeline-log-wrap">
-					<div class="flex flex-col">
-						<div class="flex flex-wrap items-center">
-							<p class="text-page-title mr-[20px]">授权信息</p>
-							<span class="text-[14px] text-[#666]">{{ authinfo.company_name || '--' }}</span>
-						</div>
-						<div class="mt-[46px] ml-[40px] flex flex-wrap">
-							<span class="text-[14px] mr-[84px]">授权域名<em class="ml-[12px] text-[12px]">{{ authinfo.site_address || '--' }}</em></span>
-							<span class="text-[14px] flex items-center">
-								<span>授权码</span>
-								<em class="ml-[12px] mr-[10px] text-[12px]">{{ authinfo.auth_code ? (isCheck ? authinfo.auth_code : hideAuthCode(authinfo.auth_code)) : '--' }}</em>
-								<el-icon v-if="!isCheck" @click="isCheck = !isCheck" class="text-[12px] cursor-pointer">
-									<View />
-								</el-icon>
-								<el-icon v-else @click="isCheck = !isCheck" class="text-[12px] cursor-pointer">
-									<Hide />
-								</el-icon>
-							</span>
-						</div>
-					</div>
-					<div class="flex flex-1  flex-wrap justify-end relative">
-						<el-button class="w-[154px] !h-[48px] mt-[8px]" type="primary" @click="authCodeApproveFn">授权码认证</el-button>
-						<el-popover ref="getAuthCodeDialog" placement="bottom-start" :width="478" trigger="click"
-							class="mt-[8px]">
-							<div class="px-[18px] py-[8px]">
-								<p class="leading-[32px] text-[14px]">您在官方应用市场购买任意一款应用，即可获得授权码。输入正确授权码认证通过后，即可支持在线升级和其它相关服务
-								</p>
-								<div class="flex justify-end mt-[36px]">
-									<el-button class="w-[182px] !h-[48px]" plain @click="market">去应用市场逛逛</el-button>
-									<el-button class="w-[100px] !h-[48px]" plain @click="getAuthCodeDialog.hide()">关闭</el-button>
-								</div>
-							</div>
-							<template #reference>
-								<el-button
-									class="w-[154px] !h-[48px] mt-[8px] !text-[var(--el-color-primary)] hover:!text-[var(--el-color-primary)] !bg-transparent"
-									plain type="primary">如何获取授权码?</el-button>
-							</template>
-						</el-popover>
-					</div>
-					<el-dialog v-model="authCodeApproveDialog" title="授权码认证" width="400px">
-						<el-form :model="formData" label-width="0" ref="formRef" :rules="formRules" class="page-form">
-							<el-card class="box-card !border-none" shadow="never">
-								<el-form-item prop="auth_code">
-									<el-input v-model.trim="formData.auth_code" :placeholder="t('authCodePlaceholder')" class="input-width" clearable size="large" />
-								</el-form-item>
+                    </div>
+                </div>
 
-								<div class="mt-[20px]">
-									<el-form-item prop="auth_secret">
-										<el-input v-model.trim="formData.auth_secret" clearable :placeholder="t('authSecretPlaceholder')" class="input-width" size="large" />
-									</el-form-item>
-								</div>
+                <div class="flex flex-1 justify-between items-center p-[50px] bg-[var(--el-color-info-light-9)]">
+                    <div class="flex flex-col">
+                        <div class="flex flex-wrap items-center">
+                            <p class="text-page-title mr-[20px]">授权信息</p>
+                            <span class="text-[14px] text-[#666]">{{ authinfo.company_name || '--' }}</span>
+                        </div>
+                        <div class="mt-[46px] ml-[40px] flex flex-wrap">
+                            <span class="text-[14px] mr-[84px]">授权域名<em class="ml-[12px] text-[12px]">{{ authinfo.site_address || '--' }}</em></span>
+                            <span class="text-[14px] flex items-center">
+                                <span>授权码</span>
+                                <em class="ml-[12px] mr-[10px] text-[12px]">{{ authinfo.auth_code ? (isCheck ? authinfo.auth_code : hideAuthCode(authinfo.auth_code)) : '--' }}</em>
+                                <el-icon v-if="!isCheck" @click="isCheck = !isCheck" class="text-[12px] cursor-pointer">
+                                    <View />
+                                </el-icon>
+                                <el-icon v-else @click="isCheck = !isCheck" class="text-[12px] cursor-pointer">
+                                    <Hide />
+                                </el-icon>
+                            </span>
+                        </div>
+                    </div>
+                    <div class="flex flex-1 flex-wrap justify-end relative">
+                        <el-button class="w-[154px] !h-[48px] mt-[8px]" type="primary" @click="authCodeApproveFn">授权码认证</el-button>
+                        <el-popover ref="getAuthCodeDialog" placement="bottom-start" :width="478" trigger="click" class="mt-[8px]">
+                            <div class="px-[18px] py-[8px]">
+                                <p class="leading-[32px] text-[14px]">您在官方应用市场购买任意一款应用，即可获得授权码。输入正确授权码认证通过后，即可支持在线升级和其它相关服务
+                                </p>
+                                <div class="flex justify-end mt-[36px]">
+                                    <el-button class="w-[182px] !h-[48px]" plain @click="market">去应用市场逛逛</el-button>
+                                    <el-button class="w-[100px] !h-[48px]" plain @click="getAuthCodeDialog.hide()">关闭</el-button>
+                                </div>
+                            </div>
+                            <template #reference>
+                                <el-button
+                                    class="w-[154px] !h-[48px] mt-[8px] !text-[var(--el-color-primary)] hover:!text-[var(--el-color-primary)] !bg-transparent"
+                                    plain type="primary">如何获取授权码?</el-button>
+                            </template>
+                        </el-popover>
+                    </div>
 
-								<div class="text-sm mt-[10px] text-info">{{ t('authInfoTips') }}</div>
+                    <el-dialog v-model="authCodeApproveDialog" title="授权码认证" width="400px">
+                        <el-form :model="formData" label-width="0" ref="formRef" :rules="formRules" class="page-form">
+                            <el-card class="box-card !border-none" shadow="never">
+                                <el-form-item prop="auth_code">
+                                    <el-input v-model.trim="formData.auth_code" :placeholder="t('authCodePlaceholder')" class="input-width" clearable size="large" />
+                                </el-form-item>
 
-								<div class="mt-[20px]">
-									<el-button type="primary" class="w-full" size="large" :loading="saveLoading"
-										@click="save(formRef)">{{ t('confirm') }}</el-button>
-								</div>
-								<div class="mt-[10px] text-right">
-									<el-button type="primary" link @click="market">{{ t('notHaveAuth') }}</el-button>
-								</div>
-							</el-card>
-						</el-form>
-					</el-dialog>
-				</div>
-			</div>
-		</el-card>
+                                <div class="mt-[20px]">
+                                    <el-form-item prop="auth_secret">
+                                        <el-input v-model.trim="formData.auth_secret" clearable :placeholder="t('authSecretPlaceholder')" class="input-width" size="large" />
+                                    </el-form-item>
+                                </div>
+
+                                <div class="text-sm mt-[10px] text-info">{{ t('authInfoTips') }}</div>
+
+                                <div class="mt-[20px]">
+                                    <el-button type="primary" class="w-full" size="large" :loading="saveLoading" @click="save(formRef)">{{ t('confirm') }}</el-button>
+                                </div>
+                                <div class="mt-[10px] text-right">
+                                    <el-button type="primary" link @click="market">{{ t('notHaveAuth') }}</el-button>
+                                </div>
+                            </el-card>
+                        </el-form>
+                    </el-dialog>
+                </div>
+            </div>
+        </el-card>
 
         <el-card class="box-card !border-none " shadow="never" v-if="!loading">
             <div class="text-page-title mb-[20px]">历史版本</div>
@@ -99,7 +101,7 @@
 
         <upgrade ref="upgradeRef" />
         <cloud-build ref="cloudBuildRef" />
-	</div>
+    </div>
 </template>
 
 <script lang="ts" setup>
@@ -141,9 +143,9 @@ const authCodeApproveFn = () => {
 }
 
 interface AuthInfo {
-	company_name: string,
-	site_address: string,
-	auth_code: string
+    company_name: string,
+    site_address: string,
+    auth_code: string
 }
 
 const authinfo = ref<AuthInfo>({
@@ -154,19 +156,18 @@ const authinfo = ref<AuthInfo>({
 const loading = ref(true)
 const saveLoading = ref(false)
 const checkAppMange = () => {
-    getAuthinfo()
-        .then((res) => {
-            loading.value = false
-            if (res.data.data && res.data.data.length != 0) {
-                authinfo.value = res.data.data
-                authCodeApproveDialog.value = false
-            }
-        })
-        .catch(() => {
-            loading.value = false
+    getAuthinfo().then((res) => {
+        loading.value = false
+        if (res.data.data && res.data.data.length != 0) {
+            authinfo.value = res.data.data
             authCodeApproveDialog.value = false
-        })
+        }
+    }).catch(() => {
+        loading.value = false
+        authCodeApproveDialog.value = false
+    })
 }
+
 checkAppMange()
 
 const formData = reactive<Record<string, string>>({
@@ -247,41 +248,4 @@ const handleCloudBuild = () => {
 }
 </script>
 
-<style lang="scss" scoped>
-.app-text {
-	overflow: hidden;
-	white-space: nowrap;
-	text-overflow: ellipsis;
-	-o-text-overflow: ellipsis;
-}
-
-.main {
-	background-color: var(--el-bg-color-overlay);
-}
-
-em {
-	font-style: normal
-}
-.timeline-log-wrap {
-    background: #F5F7F9;
-}
-html.dark {
-    .timeline-log-wrap {
-        background: var(--el-bg-color);
-        color: var(--el-text-color-regular);
-    }
-}
-</style>
-<style>
-.auth-code-dialog .el-overlay {
-	background-color: transparent;
-}
-
-.auth-code-dialog .el-dialog__header {
-	padding: 0;
-}
-
-.auth-code-dialog .el-dialog__body {
-	padding: 20px 30px;
-}
-</style>
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/app/index.vue b/admin/src/app/views/app/index.vue
index 70fc06f66..2c5885752 100644
--- a/admin/src/app/views/app/index.vue
+++ b/admin/src/app/views/app/index.vue
@@ -1,12 +1,15 @@
 <template>
-    <div class="main-container w-full " v-loading="loading">
+    <!--应用管理-->
+    <div class="main-container" v-loading="loading">
         <el-card class="box-card !border-none" shadow="never">
+
             <div class="flex justify-between items-center">
                 <span class="text-page-title">应用管理</span>
             </div>
+
             <div class="flex flex-wrap plug-list pb-10 plug-large" v-if="appList.length">
                 <div v-for="(item, index) in appList" :key="index + 'b'">
-                    <div class="relative bg-page cursor-pointer px-4 mr-4 mt-[20px] border-br-light border-[1px] hover:border-primary">
+                    <div class="relative cursor-pointer mt-[20px] mr-4 px-4 border-br-light border-[1px] bg-[var(--el-color-info-light-9)] hover:border-primary">
                         <div @click="toLink(item.key)" class="flex py-5 items-center">
                             <div class="flex justify-center items-center">
                                 <el-image class="w-[40px] h-[40px]" :src="img(item.icon)" fit="contain">
@@ -24,7 +27,8 @@
                     </div>
                 </div>
             </div>
-            <div class="empty flex items-center  justify-center" v-if="!loading && !appList.length">
+
+            <div class="empty flex items-center justify-center" v-if="!loading && !appList.length">
                 <el-empty :description="t('emptyAppData')" />
             </div>
         </el-card>
@@ -57,25 +61,12 @@ const toLink = (addon: string) => {
 </script>
 
 <style lang="scss" scoped>
-.main-container,
-.empty {
-    min-height: calc(100vh - 84px);
-}
-
-.app-text {
-    overflow: hidden;
-    /* 超出部分隐藏 */
-    white-space: nowrap;
-    /* 禁止文本换行 */
-    text-overflow: ellipsis;
-    /* 显示省略号 */
-}
-
-.app-item:hover .with-ite {
-    display: block;
-}
-
-.el-form-item {
-    margin-bottom: 0px !important;
-}
+    .app-text {
+        overflow: hidden;
+        /* 超出部分隐藏 */
+        white-space: nowrap;
+        /* 禁止文本换行 */
+        text-overflow: ellipsis;
+        /* 显示省略号 */
+    }
 </style>
diff --git a/admin/src/app/views/app/store.vue b/admin/src/app/views/app/store.vue
deleted file mode 100644
index d37d9a8c6..000000000
--- a/admin/src/app/views/app/store.vue
+++ /dev/null
@@ -1,814 +0,0 @@
-<template>
-    <div class="app-store" v-loading="loading">
-        <el-card class="box-card !border-none" shadow="never">
-            <div v-if="info[activeName] && !loading">
-                <div class="flex justify-between items-center h-[32px]">
-                    <span class="text-[16px] text-[#222] font-600">{{ t('localAppText') }}</span>
-                    <div class="w-[247px]">
-                        <el-input :placeholder="t('search')" v-model.trim="searchName" @keyup.enter="query">
-                            <template #suffix>
-                                <el-icon class="el-input__icon  cursor-pointer" size="14px" @click="query">
-                                    <search />
-                                </el-icon>
-                            </template>
-                        </el-input>
-                    </div>
-                </div>
-                <div class="flex mt-[16px]">
-                    <div :class="{ '!bg-[#000] !border-0 !text-[#fff]': activeName === 'installed' }"
-                        class="w-[78px] h-[30rpx] text-[14px] text-[#242424] text-center rounded-[15px] leading-[30px] bg-[#F0F0F0] border-solid border-1 border-[#E0E0E0] cursor-pointer mr-[24px]"
-                        @click="activeName = 'installed'">
-                        {{ t('installLabel') }}
-                    </div>
-                    <div :class="{ '!bg-[#000] !border-0 !text-[#fff]': activeName === 'uninstalled' }"
-                        class="w-[78px] h-[30rpx] text-[14px] text-[#242424] text-center rounded-[15px] leading-[30px] bg-[#F0F0F0] border-solid border-1 border-[#E0E0E0] cursor-pointer mr-[24px]"
-                        @click="activeName = 'uninstalled'">
-                        {{ t('uninstalledLabel') }}
-                    </div>
-                    <div :class="{ '!bg-[#000] !border-0 !text-[#fff]': activeName === 'all' }"
-                        class="w-[78px] h-[30rpx] text-[14px] text-[#242424] text-center rounded-[15px] leading-[30px] bg-[#F0F0F0] border-solid border-1 border-[#E0E0E0] cursor-pointer mr-[24px]"
-                        @click="activeName = 'all'">
-                        {{ t('buyLabel') }}
-                    </div>
-                </div>
-                <div class="mt-[32px]">
-                    <el-table v-if="localList[activeName].length" :data="info[activeName]" size="large" class="pt-[5px]">
-                        <el-table-column :label="t('appName')" align="left" width="320">
-                            <template #default="{ row }">
-                                <div class="flex items-center"
-                                    :class="{ 'cursor-pointer': row.type == 'app' && Object.keys(row.install_info).length }"
-                                    @click="itemPath(row)">
-                                    <el-image class="w-[54px] h-[54px]" :src="row.icon" fit="contain">
-                                        <template #error>
-                                            <img class="w-[54px] h-[54px]" src="@/app/assets/images/icon-addon.png" alt="">
-                                        </template>
-                                    </el-image>
-                                    <div class="flex flex-col justify-center h-[54px] pl-[20px] text-[#222] font-500 text-[13px]">
-                                        <div class="w-[236px] truncate leading-[18px]">{{ row.title }}</div>
-                                        <div class="w-[236px] truncate leading-[18px] mt-[6px]">{{ row.version }}</div>
-                                    </div>
-                                </div>
-                            </template>
-                        </el-table-column>
-                        <el-table-column align="left" min-width="120">
-                            <template #header>
-                                <div class="flex items-center">
-                                    <span class="text-[#222] font-500 text-[13px] mr-[5px]">{{ t('appIdentification') }}</span>
-                                    <el-tooltip class="box-item" effect="light" :content="t('tipText')" placement="bottom">
-                                        <el-icon class="cursor-pointer text-[16px] text-[#a9a9a9]">
-                                            <QuestionFilled />
-                                        </el-icon>
-                                    </el-tooltip>
-                                </div>
-                            </template>
-                            <template #default="{ row }">
-                                <span class="text-[#222] font-500 text-[13px]">{{ row.key }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column prop="" :label="t('introduction')" align="left" min-width="200">
-                            <template #default="{ row }">
-                                <span class="text-[#222] font-500 text-[13px] multi-hidden">{{ row.desc }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column :label="t('type')" align="left" min-width="100">
-                            <template #default="{ row }">
-                                <span class="text-[#222] font-500 text-[13px]">{{ row.type === 'app' ? t('app') : t('addon') }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column prop="" :label="t('author')" align="left" min-width="100">
-                            <template #default="{ row }">
-                                <span class="text-[#222] font-500 text-[13px]">{{ row.author }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column :label="t('operation')" fixed="right" align="right" width="150">
-                            <template #default="{ row }">
-                                <el-button class="!text-[13px]" type="primary" link @click="getAddonDetialFn(row)">{{ t('detail') }}</el-button>
-                                <el-button class="!text-[13px]" v-if="row.install_info && Object.keys(row.install_info)?.length" type="primary" link @click="uninstallAddonFn(row.key)">{{ t('unload') }}</el-button>
-                                <el-button class="!text-[13px]" v-else-if="row.is_download && row.install_info <= 0" type="primary" link @click="installAddonFn(row.key)">{{ t('install') }}</el-button>
-                                <el-button class="!text-[13px]" v-else :loading="downloading == row.key" :disabled="downloading != ''" type="primary" link @click.stop="downEvent(row)">{{ t('down') }}</el-button>
-                            </template>
-                        </el-table-column>
-                    </el-table>
-                    <el-empty class="mx-auto overview-empty" v-if="!localList.installed.length && !loading && activeName == 'installed'">
-                        <template #image>
-                            <div class="w-[230px] mx-auto">
-                                <img src="@/app/assets/images/index/apply_empty.png" class="max-w-full" alt="">
-                            </div>
-                        </template>
-                        <template #description>
-                            <p class="flex items-center">{{ t('installed-empty') }}</p>
-                        </template>
-                    </el-empty>
-                    <el-empty class="mx-auto overview-empty" v-if="!localList.uninstalled.length && !loading && activeName == 'uninstalled'">
-                        <template #image>
-                            <div class="w-[230px] mx-auto">
-                                <img src="@/app/assets/images/index/apply_empty.png" class="max-w-full" alt="">
-                            </div>
-                        </template>
-                        <template #description>
-                            <p class="flex items-center">
-                                <span>{{ t('descriptionLeft') }}</span>
-                                <el-link type="primary" @click="goRouter" class="mx-[5px]">{{ t('link') }}</el-link>
-                                <span>{{ t('descriptionRight') }}</span>
-                            </p>
-                        </template>
-                    </el-empty>
-                    <div v-if="!localList.all.length && !loading && !authinfo && activeName == 'all'" class="mx-auto overview-empty flex flex-col items-center pt-14 pb-6">
-                        <div class="mb-[20px] text-sm text-[#888]">检测到当前账号尚未绑定授权，请先绑定授权！</div>
-                        <div class="flex flex-1  flex-wrap justify-center relative">
-                            <el-button class="w-[154px] !h-[48px] mt-[8px]" type="primary" @click="authCodeApproveFn">授权码认证</el-button>
-                            <el-popover ref="getAuthCodeDialog" placement="bottom" :width="478" trigger="click" class="mt-[8px]">
-                                <div class="px-[18px] py-[8px]">
-                                    <p class="leading-[32px] text-[14px]">
-                                        您在官方应用市场购买任意一款应用，即可获得授权码。输入正确授权码认证通过后，即可支持在线升级和其它相关服务</p>
-                                    <div class="flex justify-end mt-[36px]">
-                                        <el-button class="w-[182px] !h-[48px]" plain @click="market">去应用市场逛逛</el-button>
-                                        <el-button class="w-[100px] !h-[48px]" plain @click="getAuthCodeDialog.hide()">关闭</el-button>
-                                    </div>
-                                </div>
-                                <template #reference>
-                                    <el-button
-                                        class="w-[154px] !h-[48px] mt-[8px] !text-[var(--el-color-primary)] hover:!text-[var(--el-color-primary)] !bg-transparent"
-                                        plain type="primary">如何获取授权码?</el-button>
-                                </template>
-                            </el-popover>
-                        </div>
-                    </div>
-                </div>
-                <el-dialog v-model="authCodeApproveDialog" title="授权码认证" width="400px">
-                    <el-form :model="formData" label-width="0" ref="formRef" :rules="formRules" class="page-form">
-                        <el-card class="box-card !border-none" shadow="never">
-                            <el-form-item prop="auth_code">
-                                <el-input v-model.trim="formData.auth_code" :placeholder="t('authCodePlaceholder')" class="input-width" clearable size="large" />
-                            </el-form-item>
-
-                            <div class="mt-[20px]">
-                                <el-form-item prop="auth_secret">
-                                    <el-input v-model.trim="formData.auth_secret" clearable :placeholder="t('authSecretPlaceholder')" class="input-width" size="large" />
-                                </el-form-item>
-                            </div>
-
-                            <div class="text-sm mt-[10px] text-info">{{ t('authInfoTips') }}</div>
-
-                            <div class="mt-[20px]">
-                                <el-button type="primary" class="w-full" size="large" :loading="saveLoading" @click="save(formRef)">{{ t('confirm') }}</el-button>
-                            </div>
-                            <div class="mt-[10px] text-right">
-                                <el-button type="primary" link @click="market">{{ t('notHaveAuth') }}</el-button>
-                            </div>
-                        </el-card>
-                    </el-form>
-                </el-dialog>
-                <!-- 详情 -->
-                <el-dialog v-model="appStoreShowDialog" :title="t('plugDetail')" width="500px" :destroy-on-close="true">
-                    <el-form :model="appStoreInfo" label-width="120px" ref="formRef" class="page-form">
-                        <el-form-item :label="t('title')">
-                            <div class="input-width"> {{ appStoreInfo.title }} </div>
-                        </el-form-item>
-                        <el-form-item :label="t('desc')">
-                            <div class="input-width"> {{ appStoreInfo.desc }} </div>
-                        </el-form-item>
-                        <el-form-item :label="t('author')">
-                            <div class="input-width"> {{ appStoreInfo.author }} </div>
-                        </el-form-item>
-                        <el-form-item :label="t('version')">
-                            <div class="input-width"> {{ appStoreInfo.version }} </div>
-                        </el-form-item>
-                    </el-form>
-                    <template #footer>
-                        <span class="dialog-footer">
-                            <el-button type="primary" @click="appStoreShowDialog = false">{{ t('confirm') }}</el-button>
-                        </span>
-                    </template>
-                </el-dialog>
-
-                <!-- 安装弹窗 -->
-                <el-dialog v-model="installShowDialog" :title="t('addonInstall')" width="850px" :close-on-click-modal="false" :close-on-press-escape="false" :before-close="installShowDialogClose">
-                    <el-steps :space="200" :active="installStep" finish-status="success" align-center>
-                        <el-step :title="t('envCheck')" class="flex-1" />
-                        <el-step :title="t('installProgress')" class="flex-1" />
-                        <el-step :title="t('installComplete')" class="flex-1" />
-                    </el-steps>
-                    <div v-show="installStep == 1" v-loading="!installCheckResult.dir">
-                        <el-scrollbar max-height="50vh">
-                            <div class="min-h-[150px]">
-                                <div class="bg-[#fff] my-3" v-if="installCheckResult.dir">
-                                    <p class="pt-[20px] pl-[20px] ">{{ t('dirPermission') }}</p>
-                                    <div class="px-[20px] pt-[10px] text-[14px]">
-                                        <el-row class="py-[10px] items table-head-bg pl-[15px] mb-[10px]">
-                                            <el-col :span="12">
-                                                <span>{{ t('path') }}</span>
-                                            </el-col>
-                                            <el-col :span="6">
-                                                <span>{{ t('demand') }}</span>
-                                            </el-col>
-                                            <el-col :span="6">
-                                                <span>{{ t('status') }}</span>
-                                            </el-col>
-                                        </el-row>
-                                        <el-row class="pb-[10px] items pl-[15px]" v-for="(item, index) in installCheckResult.dir.is_readable" :key="index">
-                                            <el-col :span="12">
-                                                <span>{{ item.dir }}</span>
-                                            </el-col>
-                                            <el-col :span="6">
-                                                <span>{{ t('readable') }}</span>
-                                            </el-col>
-                                            <el-col :span="6">
-                                                <span v-if="item.status"><el-icon color="green"><Select /></el-icon></span>
-                                                <span v-else>
-                                                    <el-icon color="red">
-                                                        <CloseBold />
-                                                    </el-icon>
-                                                </span>
-                                            </el-col>
-                                        </el-row>
-                                        <el-row class="pb-[10px] items pl-[15px]" v-for="(item, index) in installCheckResult.dir.is_write" :key="index">
-                                            <el-col :span="12">
-                                                <span>{{ item.dir }}</span>
-                                            </el-col>
-                                            <el-col :span="6">
-                                                <span>{{ t('write') }}</span>
-                                            </el-col>
-                                            <el-col :span="6">
-                                                <span v-if="item.status"><el-icon color="green"><Select /></el-icon></span>
-                                                <span v-else>
-                                                    <el-icon color="red">
-                                                        <CloseBold />
-                                                    </el-icon>
-                                                </span>
-                                            </el-col>
-                                        </el-row>
-                                    </div>
-                                </div>
-                            </div>
-                        </el-scrollbar>
-                        <div class="flex justify-end">
-                            <el-tooltip effect="dark" :content="t('installTips')" placement="top">
-                                <el-button type="default" :disabled="!installCheckResult.is_pass || cloudInstalling"
-                                    :loading="localInstalling" @click="handleInstall">{{ t('localInstall') }}</el-button>
-                            </el-tooltip>
-                            <el-tooltip effect="dark" :content="t('cloudInstallTips')" placement="top">
-                                <el-button type="primary" :disabled="!installCheckResult.is_pass || localInstalling"
-                                    :loading="cloudInstalling" @click="handleCloudInstall">{{ t('cloudInstall') }}</el-button>
-                            </el-tooltip>
-                        </div>
-                    </div>
-                    <div v-show="installStep == 2" class="h-[50vh] mt-[20px]">
-                        <terminal name="my-terminal" :context="currAddon" :init-log="null" :show-header="false" :show-log-time="true" />
-                    </div>
-                    <div v-show="installStep == 3" class="h-[50vh] mt-[20px] flex flex-col">
-                        <el-result icon="success" :title="t('addonInstallSuccess')"></el-result>
-                        <!-- 提示信息 -->
-                        <div v-for="(item, index) in installAfterTips" class="mb-[10px]" :key="index">
-                            <el-alert :title="item" type="error" :closable="false" />
-                        </div>
-                    </div>
-                </el-dialog>
-
-                <el-dialog v-model="uninstallShowDialog" :title="t('addonUninstall')" width="850px" :close-on-click-modal="false" :close-on-press-escape="false">
-                    <el-scrollbar max-height="50vh">
-                        <div class="min-h-[150px]">
-                            <div class="bg-[#fff] my-3" v-if="uninstallCheckResult.dir">
-                                <p class="pt-[20px] pl-[20px] ">{{ t('dirPermission') }}</p>
-                                <div class="px-[20px] pt-[10px] text-[14px]">
-                                    <el-row class="py-[10px] items table-head-bg pl-[15px] mb-[10px]">
-                                        <el-col :span="12">
-                                            <span>{{ t('path') }}</span>
-                                        </el-col>
-                                        <el-col :span="6">
-                                            <span>{{ t('demand') }}</span>
-                                        </el-col>
-                                        <el-col :span="6">
-                                            <span>{{ t('status') }}</span>
-                                        </el-col>
-                                    </el-row>
-                                    <el-row class="pb-[10px] items pl-[15px]" v-for="(item, index) in uninstallCheckResult.dir.is_readable" :key="index">
-                                        <el-col :span="12">
-                                            <span>{{ item.dir }}</span>
-                                        </el-col>
-                                        <el-col :span="6">
-                                            <span>{{ t('readable') }}</span>
-                                        </el-col>
-                                        <el-col :span="6">
-                                            <span v-if="item.status"><el-icon color="green"><Select /></el-icon></span>
-                                            <span v-else>
-                                                <el-icon color="red">
-                                                    <CloseBold />
-                                                </el-icon>
-                                            </span>
-                                        </el-col>
-                                    </el-row>
-                                    <el-row class="pb-[10px] items pl-[15px]" v-for="(item, index) in uninstallCheckResult.dir.is_write" :key="index">
-                                        <el-col :span="12">
-                                            <span>{{ item.dir }}</span>
-                                        </el-col>
-                                        <el-col :span="6">
-                                            <span>{{ t('write') }}</span>
-                                        </el-col>
-                                        <el-col :span="6">
-                                            <span v-if="item.status"><el-icon color="green"><Select /></el-icon></span>
-                                            <span v-else>
-                                                <el-icon color="red">
-                                                    <CloseBold />
-                                                </el-icon>
-                                            </span>
-                                        </el-col>
-                                    </el-row>
-                                </div>
-                            </div>
-                        </div>
-                    </el-scrollbar>
-                </el-dialog>
-            </div>
-        </el-card>
-    </div>
-</template>
-
-<script lang="ts" setup>
-import { ref, reactive, watch, h } from 'vue'
-import { t } from '@/lang'
-import { getAddonLocal, uninstallAddon, installAddon, preInstallCheck, cloudInstallAddon, getAddonInstalltask, getAddonCloudInstallLog, preUninstallCheck, cancelInstall } from '@/app/api/addon'
-import { downloadVersion, getAuthinfo, setAuthinfo } from '@/app/api/module'
-import { ElMessageBox, ElNotification, FormInstance, FormRules, NotificationHandle } from 'element-plus'
-// import { img } from '@/utils/common'
-import { Terminal, api as terminalApi } from 'vue-web-terminal'
-import { findFirstValidRoute } from '@/router/routers'
-import storage from '@/utils/storage'
-import { useRouter } from 'vue-router'
-import useUserStore from '@/stores/modules/user'
-import { AnyObject } from '@/types/global'
-
-const router = useRouter()
-const activeName = ref('installed')
-
-const loading = ref<Boolean>(true)
-const downloading = ref('')
-const installAfterTips = ref<string[]>([])
-const userStore: any = useUserStore()
-
-const downEvent = (param: Record<string, any>) => {
-    if (downloading.value) return
-    downloading.value = param.key
-
-    downloadVersion({ addon: param.key, version: param.version }).then(() => {
-        installAddonFn(param.key)
-        localListFn()
-        downloading.value = ''
-    }).catch(() => {
-        downloading.value = ''
-    })
-}
-
-const authCode = ref('')
-getAuthinfo().then(res => {
-    if (res.data.data && res.data.data.auth_code) {
-        authCode.value = res.data.data.auth_code
-    }
-}).catch(() => {
-})
-
-/**
- * 本地下载的插件列表
- */
-// input 筛选
-const searchName = ref('')
-// 表格展示数据
-const info:AnyObject = ref<{
-    installed: never[];
-    uninstalled: never[];
-    all: never[];
-}>({
-    installed: [],
-    uninstalled: [],
-    all: []
-})
-const query = () => {
-    if (searchName.value == '' || searchName.value == null) {
-        info.value.installed = localList.value.installed
-        info.value.uninstalled = localList.value.uninstalled
-        info.value.all = localList.value.all
-        return false
-    }
-    info.value.installed = localList.value.installed.filter((el: any) => el.title.indexOf(searchName.value) != -1)
-    info.value.uninstalled = localList.value.uninstalled.filter((el: any) => el.title.indexOf(searchName.value) != -1)
-    info.value.all = localList.value.all.filter((el: any) => el.title.indexOf(searchName.value) != -1)
-}
-const localList:AnyObject = ref({
-    installed: [],
-    uninstalled: [],
-    all: [],
-    error: ''
-})
-
-const localListFn = () => {
-    loading.value = true
-    getAddonLocal({}).then(res => {
-        const data:any = res.data.list
-        localList.value.error = res.data.error
-        localList.value.installed = []
-        localList.value.uninstalled = []
-        localList.value.all = []
-        for (const i in data) {
-            if (data[i].is_local == false) localList.value.all.push(data[i])
-
-            if (data[i].install_info && Object.keys(data[i].install_info)?.length) {
-                localList.value.installed.push(data[i])
-            } else {
-                if (data[i].is_download == true) localList.value.uninstalled.push(data[i])
-            }
-        }
-        query()
-        userStore.routers.forEach((item:AnyObject, index:number) => {
-            if (item.children && item.children.length) {
-                item.name = findFirstValidRoute(item.children)
-                appLink.value[item.meta.app] = findFirstValidRoute(item.children)
-            } else {
-                appLink.value[item.meta.app] = item.name
-            }
-        })
-        loading.value = false
-    }).catch(() => {
-        loading.value = false
-    })
-}
-
-localListFn()
-
-// 点击应用可以进系统
-
-const appLink: any = ref({})
-const itemPath = (data: any) => {
-    if (data.type == 'app' && Object.keys(data.install_info).length) {
-        storage.set({ key: 'menuAppStorage', data: data.key })
-        storage.set({ key: 'plugMenuTypeStorage', data: '' })
-        const appMenuList = userStore.appMenuList
-        appMenuList.push(data.key)
-        userStore.setAppMenuList(appMenuList)
-        const name: any = appLink.value[data.key]
-        router.push({ name })
-    }
-}
-
-const currAddon = ref('')
-
-// 安装面板弹窗
-const installShowDialog = ref(false)
-
-// 安装步骤
-const installStep = ref(1)
-
-// 安装检测结果
-const installCheckResult = ref<AnyObject>({})
-
-/**
- * 安装
- * @param key
- */
-const installAddonFn = (key: string) => {
-    currAddon.value = key
-
-    preInstallCheck(key).then(res => {
-        installStep.value = 1
-        installShowDialog.value = true
-        installAfterTips.value = []
-        installCheckResult.value = res.data
-        userStore.clearRouters()
-    }).catch(() => { })
-}
-
-/**
- * 获取正在进行的安装任务
- */
-let notificationEl: NotificationHandle | null | any = null
-const getInstallTask = (first: boolean = true) => {
-    getAddonInstalltask().then(res => {
-        if (res.data) {
-            if (first) {
-                installLog = []
-                currAddon.value = res.data.addon
-                if (!installShowDialog.value) {
-                    notificationEl = ElNotification.success({
-                        title: t('warning'),
-                        dangerouslyUseHTMLString: true,
-                        message: h('div', {}, [
-                            t('installingTips'),
-                            h('span', { class: 'text-primary cursor-pointer', onClick: checkInstallTask }, [t('installPercent')])
-                        ]),
-                        duration: 0,
-                        showClose: false
-                    })
-                }
-            }
-            if (res.data.error) {
-                return
-            }
-            if (res.data.mode == 'cloud') {
-                getCloudInstallLog()
-            }
-            setTimeout(() => {
-                getInstallTask(false)
-            }, 2000)
-        } else {
-            if (!first) {
-                installStep.value = 3
-                localListFn()
-                userStore.clearRouters()
-                notificationEl.close()
-            }
-        }
-    })
-}
-
-getInstallTask()
-
-const checkInstallTask = () => {
-    installShowDialog.value = true
-    installStep.value = 2
-}
-
-const localInstalling = ref(false)
-/**
- * 安装插件
- */
-const handleInstall = () => {
-    if (!installCheckResult.value.is_pass || localInstalling.value) return
-    localInstalling.value = true
-
-    installAddon({ addon: currAddon.value }).then(res => {
-        installStep.value = 3
-        localListFn()
-        userStore.getAppList()
-        localInstalling.value = false
-        if (res.data.length) installAfterTips.value = res.data
-    }).catch((res) => {
-        localInstalling.value = false
-    })
-}
-
-const cloudInstalling = ref(false)
-
-/**
- * 云安装插件
- */
-const handleCloudInstall = () => {
-    if (!authCode.value) {
-        authElMessageBox()
-        return
-    }
-
-    if (!installCheckResult.value.is_pass || cloudInstalling.value) return
-    cloudInstalling.value = true
-
-    cloudInstallAddon({ addon: currAddon.value }).then(res => {
-        installStep.value = 2
-        terminalApi.execute('my-terminal', 'clear')
-        terminalApi.pushMessage('my-terminal', { content: '开始安装插件', class: 'info' })
-        getInstallTask()
-        cloudInstalling.value = false
-    }).catch((res) => {
-        cloudInstalling.value = false
-    })
-}
-
-const authElMessageBox = () => {
-    ElMessageBox.confirm(
-        t('authTips'),
-        t('warning'),
-        {
-            distinguishCancelAndClose: true,
-            confirmButtonText: t('toBind'),
-            cancelButtonText: t('toNiucloud')
-        }
-    ).then(() => {
-        router.push({ path: '/app/authorize' })
-    }).catch((action: string) => {
-        if (action === 'cancel') {
-            window.open('https://www.niucloud.com/app')
-        }
-    })
-}
-
-let installLog: string[] = []
-const getCloudInstallLog = () => {
-    getAddonCloudInstallLog(currAddon.value)
-        .then(res => {
-            const data = res.data.data ?? []
-            if (data[0] && data[0].length && installShowDialog.value == true) {
-                data[0].forEach((item: { action: string; code: number; msg: any }) => {
-                    if (!installLog.includes(item.action)) {
-                        terminalApi.pushMessage('my-terminal', { content: `正在执行：${item.action}` })
-                        installLog.push(item.action)
-
-                        if (item.code == 0) {
-                            terminalApi.pushMessage('my-terminal', { content: item.msg, class: 'error' })
-                        }
-                    }
-                })
-            }
-        })
-        .catch(() => {
-            notificationEl?.close()
-        })
-}
-
-watch(currAddon, (nval) => {
-    installCheckResult.value = {}
-})
-
-// 卸载面板弹窗
-const uninstallShowDialog = ref(false)
-
-// 卸载环境检测结果
-const uninstallCheckResult = ref<AnyObject>({})
-
-/**
- * 卸载
- * @param key
- */
-const uninstallAddonFn = (key: string) => {
-    preUninstallCheck(key).then(({ data }) => {
-        if (data.is_pass) {
-            uninstallAddon({ addon: key }).then(res => {
-                localListFn()
-                userStore.clearRouters()
-                loading.value = false
-            }).catch(() => {
-                loading.value = false
-            })
-        } else {
-            uninstallCheckResult.value = data
-            uninstallShowDialog.value = true
-        }
-    })
-}
-
-const market = () => {
-    window.open('https://www.niucloud.com/app')
-}
-
-/**
- * 安装弹窗关闭提示
- * @param done
- */
-const installShowDialogClose = (done: () => {}) => {
-    if (installStep.value == 2) {
-        ElMessageBox.confirm(
-            t('installShowDialogCloseTips'),
-            t('warning'),
-            {
-                confirmButtonText: t('confirm'),
-                cancelButtonText: t('cancel'),
-                type: 'warning'
-            }
-        ).then(() => {
-            cancelInstall(currAddon.value)
-            done()
-        }).catch(() => { })
-    } else done()
-}
-
-// 插件详情
-const appStoreShowDialog = ref(false)
-const appStoreInfo = ref<AnyObject>({})
-const getAddonDetialFn = (data: AnyObject) => {
-    appStoreShowDialog.value = true
-    appStoreInfo.value = data
-}
-
-// 授权
-const authCodeApproveDialog = ref(false)
-const authinfo = ref('')
-const getAuthCodeDialog: Record<string, any> | null = ref(null)
-const saveLoading = ref(false)
-const checkAppMange = () => {
-    getAuthinfo()
-        .then((res) => {
-            if (res.data.data && res.data.data.length != 0) {
-                authinfo.value = res.data.data
-            }
-        })
-        .catch(() => {
-            authCodeApproveDialog.value = false
-        })
-}
-checkAppMange()
-const authCodeApproveFn = () => {
-    authCodeApproveDialog.value = true
-}
-
-const formData = reactive<Record<string, string>>({
-    auth_code: '',
-    auth_secret: ''
-})
-const formRef = ref<FormInstance>()
-
-// 表单验证规则
-const formRules = reactive<FormRules>({
-    auth_code: [
-        { required: true, message: t('authCodePlaceholder'), trigger: 'blur' }
-    ],
-    auth_secret: [
-        { required: true, message: t('authSecretPlaceholder'), trigger: 'blur' }
-    ]
-})
-
-const save = async (formEl: FormInstance | undefined) => {
-    if (saveLoading.value || !formEl) return
-
-    await formEl.validate(async (valid) => {
-        if (valid) {
-            saveLoading.value = true
-
-            setAuthinfo(formData)
-                .then(() => {
-                    saveLoading.value = false
-                    setTimeout(() => {
-                        location.reload()
-                    }, 1000)
-                })
-                .catch(() => {
-                    saveLoading.value = false
-                })
-        }
-    })
-}
-
-const goRouter = () => {
-    window.open('https://www.niucloud.com/app')
-}
-</script>
-
-<style lang="scss" scoped>
-/* 多行超出隐藏 */
-.multi-hidden {
-    word-break: break-all;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-line-clamp: 2;
-    -webkit-box-orient: vertical;
-}
-
-.demo-tabs>.el-tabs__content {
-    padding: 32px;
-    color: #6b778c;
-    font-size: 32px;
-    font-weight: 600;
-}
-
-.plug-item {
-    .plug-item-operate {
-        color: var(--el-color-primary);
-        border-color: var(--el-color-primary);
-        font-size: var(--el-font-size-extra-small);
-    }
-}
-
-:deep(.t-container) {
-    box-shadow: none !important;
-
-    .t-window {
-        padding: 10px 20px !important;
-    }
-}
-
-.switch-btn.active {
-    border-color: var(--el-color-primary);
-    color: #fff;
-    background-color: var(--el-color-primary);
-}
-
-.plug-large {
-    .plug-item-operate {
-        color: var(--el-color-primary);
-        border-color: var(--el-color-primary);
-        font-size: var(--el-font-size-extra-small);
-    }
-}
-
-.app-text {
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    -o-text-overflow: ellipsis;
-}
-
-// 插件安装-弹窗-表格样式
-.table-head-bg {
-    background: #f5f7f9;
-}
-
-html.dark .table-head-bg {
-    background: #141414;
-}
-
-.el-alert .el-alert__title {
-    font-size: 16px;
-    line-height: 18px;
-}
-
-.app-store {
-    height: calc(100vh - 120px);
-    box-sizing: border-box;
-}
-</style>
diff --git a/admin/src/app/views/auth/components/edit-menu.vue b/admin/src/app/views/auth/components/edit-menu.vue
index efd5209b8..649e76a5b 100644
--- a/admin/src/app/views/auth/components/edit-menu.vue
+++ b/admin/src/app/views/auth/components/edit-menu.vue
@@ -1,7 +1,6 @@
 <template>
     <el-dialog v-model="showDialog" :title="popTitle" width="500px" :destroy-on-close="true">
-        <el-form :model="formData" label-width="90px" class="page-form" ref="formRef" :rules="formRules"
-            v-loading="loading">
+        <el-form :model="formData" label-width="90px" class="page-form" ref="formRef" :rules="formRules" v-loading="loading">
             <el-form-item :label="t('menuName')" prop="menu_name">
                 <el-input v-model="formData.menu_name" :placeholder="t('menuNamePlaceholder')" class="input-width" />
             </el-form-item>
diff --git a/admin/src/app/views/auth/components/edit-user.vue b/admin/src/app/views/auth/components/edit-user.vue
index 4e13ca2ed..5d33a161b 100644
--- a/admin/src/app/views/auth/components/edit-user.vue
+++ b/admin/src/app/views/auth/components/edit-user.vue
@@ -64,8 +64,8 @@
 import { ref, reactive, computed, toRaw } from 'vue'
 import { t } from '@/lang'
 import type { FormInstance } from 'element-plus'
-import { getUserInfo, getAllUserList } from '@/app/api/user'
-import { addUser, editUser } from '@/app/api/site'
+import { getAllUserList } from '@/app/api/user'
+import { getUserInfo, addUser, editUser } from '@/app/api/site'
 import { allRole } from '@/app/api/sys'
 import { img, deepClone } from '@/utils/common'
 import { AnyObject } from '@/types/global'
diff --git a/admin/src/app/views/auth/components/user-log-detail.vue b/admin/src/app/views/auth/components/user-log-detail.vue
index 25d829bc1..82c389de4 100644
--- a/admin/src/app/views/auth/components/user-log-detail.vue
+++ b/admin/src/app/views/auth/components/user-log-detail.vue
@@ -23,7 +23,6 @@
 <script lang="ts" setup>
 import { ref } from 'vue'
 import { t } from '@/lang'
-// import type { FormInstance } from 'element-plus'
 import { getLogInfo } from '@/app/api/site'
 
 const showDialog = ref(false)
diff --git a/admin/src/app/views/auth/log.vue b/admin/src/app/views/auth/log.vue
index a3b8031cb..e4e12f560 100644
--- a/admin/src/app/views/auth/log.vue
+++ b/admin/src/app/views/auth/log.vue
@@ -1,10 +1,13 @@
 <template>
+    <!--操作日志-->
     <div class="main-container">
         <el-card class="box-card !border-none" shadow="never">
+
             <div class="flex justify-between items-center">
-                <span class="text-page-title">{{pageName}}</span>
+                <span class="text-page-title">{{ pageName }}</span>
             </div>
-            <div class="flex justify-between items-center mt-[16px]">
+
+            <div class="flex justify-between items-center mt-[20px]">
                 <el-form :inline="true" :model="sysUserLogTableData.searchParam" ref="searchFormRef">
                     <el-form-item :label="t('ip')" prop="ip">
                         <el-input v-model="sysUserLogTableData.searchParam.ip" :placeholder="t('ipPlaceholder')" />
@@ -43,11 +46,12 @@
                             <el-button type="primary" link @click="detailEvent(row)">{{ t('detail') }}</el-button>
                         </template>
                     </el-table-column>
-
                 </el-table>
+
                 <div class="mt-[16px] flex justify-end">
                     <el-pagination v-model:current-page="sysUserLogTableData.page" v-model:page-size="sysUserLogTableData.limit" layout="total, sizes, prev, pager, next, jumper" :total="sysUserLogTableData.total" @size-change="loadSysUserLogList()" @current-change="loadSysUserLogList" />
                 </div>
+
                 <user-log-detail ref="userLogDetailDialog" @complete="loadSysUserLogList()" />
             </div>
         </el-card>
diff --git a/admin/src/app/views/auth/menu.vue b/admin/src/app/views/auth/menu.vue
index c8fb8738e..e6a6524f8 100644
--- a/admin/src/app/views/auth/menu.vue
+++ b/admin/src/app/views/auth/menu.vue
@@ -1,7 +1,9 @@
 <template>
+    <!--平台菜单-->
     <div class="main-container">
         <el-card class="box-card !border-none" shadow="never">
-            <div class="flex justify-between items-center mb-[20px]">
+
+            <div class="flex justify-between items-center">
                 <span class="text-page-title">{{ pageName }}</span>
                 <div class="flex items-center">
                     <el-button type="primary" class="w-[100px]" @click="addEvent">
@@ -11,13 +13,13 @@
                         {{ t('initializeMenu') }}
                     </el-button>
                 </div>
-                
             </div>
 
-            <el-table :data="menusTableData.data" row-key="menu_key" size="large" v-loading="menusTableData.loading">
+            <el-table class="mt-[20px]" :data="menusTableData.data" row-key="menu_key" size="large" v-loading="menusTableData.loading">
                 <template #empty>
                     <span>{{ !menusTableData.loading ? t('emptyData') : '' }}</span>
                 </template>
+
                 <el-table-column prop="menu_name" :show-overflow-tooltip="true" :label="t('menuName')" min-width="150" />
                 <el-table-column :label="t('icon')" width="100" align="center">
                     <template #default="{ row }">
diff --git a/admin/src/app/views/auth/role.vue b/admin/src/app/views/auth/role.vue
index c3eb262c1..bc77b7df8 100644
--- a/admin/src/app/views/auth/role.vue
+++ b/admin/src/app/views/auth/role.vue
@@ -1,10 +1,13 @@
 <template>
+    <!--角色管理-->
     <div class="main-container">
         <el-card class="box-card !border-none" shadow="never">
+
             <div class="flex justify-between items-center">
-                <span class="text-page-title">{{pageName}}</span>
+                <span class="text-page-title">{{ pageName }}</span>
             </div>
-            <div class="flex justify-between items-center mt-[16px]">
+
+            <div class="flex justify-between items-center mt-[20px]">
                 <el-form :inline="true" :model="roleTableData.searchParam" ref="searchFormRef">
                     <el-form-item :label="t('roleName')" prop="search">
                         <el-input v-model="roleTableData.searchParam.search" class="w-[240px]" :placeholder="t('roleNamePlaceholder')" />
diff --git a/admin/src/app/views/auth/site_menu.vue b/admin/src/app/views/auth/site_menu.vue
index 9f57c9faa..8842613f0 100644
--- a/admin/src/app/views/auth/site_menu.vue
+++ b/admin/src/app/views/auth/site_menu.vue
@@ -1,8 +1,11 @@
 <template>
+    <!--站点菜单-->
     <div class="main-container">
         <el-card class="box-card !border-none" shadow="never">
+
             <div class="flex justify-between items-center">
                 <span class="text-page-title">{{ pageName }}</span>
+
                 <div class="flex items-center">
                     <el-button type="primary" class="w-[100px]" @click="addEvent">
                         {{ t('addMenu') }}
diff --git a/admin/src/app/views/auth/user.vue b/admin/src/app/views/auth/user.vue
index 8af33b11f..ef509fac4 100644
--- a/admin/src/app/views/auth/user.vue
+++ b/admin/src/app/views/auth/user.vue
@@ -1,10 +1,13 @@
 <template>
+    <!--管理员-->
     <div class="main-container">
         <el-card class="box-card !border-none" shadow="never">
+
             <div class="flex justify-between items-center">
-                <span class="text-page-title">{{pageName}}</span>
+                <span class="text-page-title">{{ pageName }}</span>
             </div>
-            <div class="flex justify-between items-center mt-[16px]">
+
+            <div class="flex justify-between items-center mt-[20px]">
                 <el-form :inline="true" :model="userTableData.searchParam" ref="searchFormRef">
                     <el-form-item :label="t('accountNumber')" prop="seach">
                         <el-input v-model="userTableData.searchParam.seach" class="input-width" :placeholder="t('accountNumberPlaceholder')" />
@@ -16,11 +19,13 @@
                 </el-form>
                 <el-button type="primary" class="w-[100px] self-start" @click="addEvent">{{ t('addUser') }}</el-button>
             </div>
+
             <div>
                 <el-table :data="userTableData.data" size="large" v-loading="userTableData.loading">
                     <template #empty>
                         <span>{{ !userTableData.loading ? t('emptyData') : '' }}</span>
                     </template>
+
                     <el-table-column :label="t('headImg')" width="100" align="left">
                         <template #default="{ row }">
                             <div class="w-[35px] h-[35px] flex items-center justify-center">
@@ -30,7 +35,11 @@
                         </template>
                     </el-table-column>
                     <el-table-column prop="username" :label="t('accountNumber')" min-width="120" show-overflow-tooltip />
-                    <el-table-column prop="real_name" :label="t('userRealName')" min-width="120" show-overflow-tooltip />
+                    <el-table-column prop="real_name" :label="t('userRealName')" min-width="120" show-overflow-tooltip>
+                        <template #default="{ row }">
+                            <span>{{ row.real_name ? row.real_name :'--' }}</span>
+                        </template>
+                    </el-table-column>
                     <el-table-column :label="t('userRoleName')" min-width="120" show-overflow-tooltip>
                         <template #default="{ row }">
                             <span v-if="row.is_admin">{{ t('administrator') }}</span>
@@ -82,8 +91,7 @@
 <script lang="ts" setup>
 import { reactive, ref } from 'vue'
 import { t } from '@/lang'
-import { lockUser, unlockUser } from '@/app/api/site'
-import { getUserList } from '@/app/api/user'
+import { getUserList, lockUser, unlockUser } from '@/app/api/site'
 import EditUser from '@/app/views/auth/components/edit-user.vue'
 import { img } from '@/utils/common'
 import { ElMessageBox } from 'element-plus'
diff --git a/admin/src/app/views/channel/aliapp/access.vue b/admin/src/app/views/channel/aliapp/access.vue
index b645b79a7..f003e4923 100644
--- a/admin/src/app/views/channel/aliapp/access.vue
+++ b/admin/src/app/views/channel/aliapp/access.vue
@@ -1,232 +1,106 @@
 <template>
-    <!-- <div class="w-full p-5  ">
-        <div class="flex justify-between items-center mb-[20px]">
-            <span class="text-[16px]">{{ t('aliappAccessFlow') }}</span>
-        </div>
-        <div>
-            <ul class="progress-wrap flex items-center text-center min-h-[120px]">
-                <li class="progress-point ">
-                    <div
-                        class="progress-point-pic list-none inline-block w-[30px] h-[30px] leading-[30px] text-center mt-[10px] mb-[20px]">
-                        <img class="max-w-[100%] max-h-[100%]" src="@/app/assets/images/register.png" alt="">
-                    </div>
-                    <p class="text-[14px] text-[14px]">{{ t('aliappAttestation') }}</p>
-                    <el-button link type="primary" @click="linkEvent('https://open.alipay.com/develop/manage')">{{ t('aliappAttest')
-                    }}</el-button>
-                </li>
+    <!--支付宝小程序-->
+    <div class="main-container">
+        <el-card class="card !border-none" shadow="never">
 
-                <li class="progress-point-arrow list-none">
-                    <img src="@/app/assets/images/arrow.png" alt="">
-                </li>
-                <li class="progress-point">
-                    <div
-                        class="progress-point-pic list-none inline-block w-[30px] h-[30px] leading-[30px] text-center mt-[10px] mb-[20px]">
-                        <img class="max-w-[100%] max-h-[100%]" src="@/app/assets/images/config_info.png" alt="">
-                    </div>
-                    <p class="text-[14px]">{{ t('aliappwebsite') }}</p>
-                    <el-button link type="primary" @click="router.push('/channel/aliapp/config')">{{ t('aliappSet')
-                    }}</el-button>
-                </li>
-
-                <li class="progress-point-arrow list-none">
-                    <img src="@/app/assets/images/arrow.png" alt="">
-                </li>
-                <li class="progress-point ">
-                    <div
-                        class="progress-point-pic list-none inline-block w-[30px] h-[30px] leading-[30px] text-center mt-[10px] mb-[20px]">
-                        <img class="max-w-[100%] max-h-[100%]" src="@/app/assets/images/complete.png" alt="">
-                    </div>
-                    <p class="text-[14px]">{{ t('aliappEmplace') }}</p>
-                    <el-button link type="primary" @click="linkEvent('https://open.alipay.com/develop/manage')">{{ t('emplace')
-                    }}</el-button>
-                </li>
-
-                <li class="progress-point-arrow list-none">
-                    <img src="@/app/assets/images/arrow.png" alt="">
-                </li>
-                <li class="progress-point ">
-                    <div
-                        class="progress-point-pic list-none inline-block w-[30px] h-[30px] leading-[30px] text-center mt-[10px] mb-[20px]">
-                        <img class="max-w-[100%] max-h-[100%]" src="@/app/assets/images/public_number.png" alt="">
-                    </div>
-                    <p class="text-[14px]">{{ t('uploadVersion') }}</p>
-                    <el-button link type="primary" @click="router.push('/channel/aliapp/course')">{{
-                        t('releaseCourse') }}</el-button>
-                </li>
-                <li class="progress-point-arrow list-none">
-                    <img src="@/app/assets/images/arrow.png" alt="">
-                </li>
-                <li class="progress-point ">
-                    <div
-                        class="progress-point-pic list-none inline-block w-[30px] h-[30px] leading-[30px] text-center mt-[10px] mb-[20px]">
-                        <img class="max-w-[100%] max-h-[100%]" src="@/app/assets/images/complete.png" alt="">
-                    </div>
-                    <p class="text-[14px]">{{ t('completeAccess') }}</p>
-                    <el-button link type="primary"></el-button>
-                </li>
-            </ul>
-        </div>
-        <div class="flex justify-between items-center mt-[40px]">
-            <span class="text-[16px]">{{ t('aliappInlet') }}</span>
-        </div>
-        <div class="flex flex-wrap p-5">
-            <div class="w-[280px] h-[70px] flex bg-[#f7f8fa] items-center my-[20px] mr-[20px] cursor-pointer" @click="router.push('/channel/aliapp/config')">
-                <img class="w-[40px] h-[40px] mr-[10px] ml-[20px]" src="@/app/assets/images/wechat_icon.png" alt="">
-                <div class="flex flex-col h-[40px] justify-around">
-                    <p class="text-[#666] text-[14px]">{{ t('aliappSet') }}</p>
-                    <p class="text-[#999] text-[12px]">{{ t('aliappSet') }}</p>
-                </div>
+            <div class="flex justify-between items-center">
+                <span class="text-page-title">{{ pageName }}</span>
             </div>
-        </div>
-    </div> -->
-    <div class="w-full p-5 bg-body">
-        <div class="flex justify-between items-center mb-[20px]">
-            <span class="text-page-title">{{ t('title') }}</span>
-        </div>
-        <el-tabs v-model="activeName" class="demo-tabs" @tab-change="handleClick">
-            <el-tab-pane :label="t('weappAccessFlow')" name="/channel/aliapp" />
-            <!-- <el-tab-pane :label="t('subscribeMessage')" name="/channel/aliapp/message" />
-            <el-tab-pane :label="t('weappRelease')" name="/channel/aliapp/code" /> -->
-        </el-tabs>
-        <div class="p-[20px]">
-            <p class="text-[16px] mb-[20px]">{{ t("weappInlet") }}</p>
-            <el-row>
-                <el-col :span="20">
-                    <el-steps direction="vertical">
-                        <el-step>
-                            <template #icon v-if="active > 1">
-                                <el-icon size="25px" class="text-color">
-                                    <CircleCheckFilled />
-                                </el-icon>
-                            </template>
-                            <template #icon v-else-if="active == 1">
-                                <div class="w-[24px] h-[24px] box-border rounded-full bg-color1 flex items-center justify-center">
-                                    <div class="h-[12px] w-[12px] bg-color rounded-full"></div>
-                                </div>
-                            </template>
-                            <template #icon v-else>
-                                <div class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">1</div>
-                            </template>
-                            <template #title>
-                                <p class="text-[14px] text-[#303133] font-[700]">
-                                    {{ t("weappAttestation") }}
-                                </p>
-                            </template>
-                            <template #description>
-                                <span class="text-[#999]">{{ t("weappAttest") }}</span>
-                                <div class="mt-[20px] mb-[40px] h-[32px]">
-                                    <el-button type="primary" @click="linkEvent('https://open.alipay.com/develop/manage')">{{ t("clickAccess") }}</el-button>
-                                </div>
-                            </template>
-                        </el-step>
-                        <el-step>
-                            <template #icon v-if="active > 2">
-                                <el-icon size="25px">
-                                    <CircleCheckFilled />
-                                </el-icon>
-                            </template>
-                            <template #icon v-else-if="active == 2">
-                                <div class="w-[24px] h-[24px] box-border rounded-full bg-color1 flex items-center justify-center">
-                                    <div class="h-[12px] w-[12px] bg-color rounded-full"></div>
-                                </div>
-                            </template>
-                            <template #icon v-else>
-                                <div class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">2</div>
-                            </template>
-                            <template #title>
-                                <p class="text-[14px] text-[#303133] font-[700]">
-                                    {{ t("weappSetting") }}
-                                </p>
-                            </template>
-                            <template #description>
-                                <span class="text-[#999]">{{ t("emplace") }}</span>
-                                <div class="mt-[20px] mb-[40px] h-[32px]">
-                                    <el-button type="primary" plain @click="router.push('/channel/aliapp/config')">{{ t("weappSettingBtn") }}</el-button>
-                                </div>
-                            </template>
-                        </el-step>
-                        <el-step>
-                            <template #icon v-if="active > 3">
-                                <el-icon size="25px">
-                                    <CircleCheckFilled />
-                                </el-icon>
-                            </template>
-                            <template #icon v-else-if="active == 3">
-                                <div class="w-[24px] h-[24px] box-border rounded-full bg-color1 flex items-center justify-center">
-                                    <div class="h-[12px] w-[12px] bg-color rounded-full"></div>
-                                </div>
-                            </template>
-                            <template #icon v-else>
-                                <div class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">3</div>
-                            </template>
-                            <template #title>
-                                <p class="text-[14px] text-[#303133] font-[700]">
-                                    {{ t("uploadVersion") }}
-                                </p>
-                            </template>
-                            <template #description>
-                                <span class="text-[#999]">{{ t("releaseCourse") }}</span>
-                                <div class="mt-[20px] mb-[40px] h-[32px]">
-                                    <!-- <el-button type="primary" plain @click="router.push('/channel/aliapp/code')">{{
-                                        t("weappRelease") }}</el-button> -->
-                                </div>
-                            </template>
-                        </el-step>
-                        <el-step>
-                            <template #icon v-if="active > 4">
-                                <el-icon size="25px">
-                                    <CircleCheckFilled />
-                                </el-icon>
-                            </template>
-                            <template #icon v-else-if="active == 4">
-                                <div class="w-[24px] h-[24px] box-border rounded-full bg-color1 flex items-center justify-center">
-                                    <div class="h-[12px] w-[12px] bg-color rounded-full"></div>
-                                </div>
-                            </template>
-                            <template #icon v-else>
-                                <div class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">4</div>
-                            </template>
-                            <template #title>
-                                <p class="text-[14px] text-[#303133] font-[700]">
-                                    {{ t("completeAccess") }}
-                                </p>
-                            </template>
-                            <template #description>
-                                <span class="text-[#999]">{{ t("releaseCourse") }}</span>
-                                <!-- <div class="mt-[20px] mb-[40px] h-[32px]">
-                                    <el-button type="primary" plain>{{
-                                        t("wechatAccessBtn") }}</el-button>
-                                </div> -->
-                            </template>
-                        </el-step>
-                    </el-steps>
-                </el-col>
-                <el-col :span="4">
-                    <div class="flex justify-center">
-                        <el-image class="w-[180px] h-[180px]" :src="qrCode ? img(qrCode) : ''">
-                            <template #error>
-                                <div class="w-[100%] h-[100%] flex items-center  justify-center bg-[#f5f7fa]">
-                                    <span>{{ qrCode ? t('fileErr') : t('emptyQrCode') }}</span>
-                                </div>
-                            </template>
-                        </el-image>
-                    </div>
-                    <div class="mt-[22px] text-center">
-                        <p class=" text-[14px] text-[#303133] font-[700]">{{ t('clickAccess2') }}</p>
-                    </div>
-                </el-col>
-            </el-row>
-        </div>
+
+            <el-tabs v-model="activeName" class="my-[20px]" @tab-change="handleClick">
+                <el-tab-pane :label="t('weappAccessFlow')" name="/channel/aliapp" />
+            </el-tabs>
+
+            <div class="p-[20px]">
+                <h3 class="panel-title !text-sm">{{ t("weappInlet") }}</h3>
+
+                <el-row>
+                    <el-col :span="20">
+                        <el-steps :active="4" direction="vertical">
+                            <el-step>
+                                <template #title>
+                                    <p class="text-[14px] font-[700]">
+                                        {{ t("weappAttestation") }}
+                                    </p>
+                                </template>
+                                <template #description>
+                                    <span class="text-[#999]">{{ t("weappAttest") }}</span>
+                                    <div class="mt-[20px] mb-[40px] h-[32px]">
+                                        <el-button type="primary" @click="linkEvent('https://open.alipay.com/develop/manage')">{{ t("clickAccess") }}</el-button>
+                                    </div>
+                                </template>
+                            </el-step>
+
+                            <el-step>
+                                <template #title>
+                                    <p class="text-[14px] font-[700]">
+                                        {{ t("weappSetting") }}
+                                    </p>
+                                </template>
+                                <template #description>
+                                    <span class="text-[#999]">{{ t("emplace") }}</span>
+                                    <div class="mt-[20px] mb-[40px] h-[32px]">
+                                        <el-button type="primary" plain @click="router.push('/channel/aliapp/config')">{{ t("weappSettingBtn") }}</el-button>
+                                    </div>
+                                </template>
+                            </el-step>
+
+                            <el-step>
+                                <template #title>
+                                    <p class="text-[14px] font-[700]">
+                                        {{ t("uploadVersion") }}
+                                    </p>
+                                </template>
+                                <template #description>
+                                    <span class="text-[#999]">{{ t("releaseCourse") }}</span>
+                                    <div class="mt-[20px] mb-[40px] h-[32px]"></div>
+                                </template>
+                            </el-step>
+
+                            <el-step>
+                                <template #title>
+                                    <p class="text-[14px] font-[700]">
+                                        {{ t("completeAccess") }}
+                                    </p>
+                                </template>
+                                <template #description>
+                                    <span class="text-[#999]">{{ t("releaseCourse") }}</span>
+                                </template>
+                            </el-step>
+                        </el-steps>
+                    </el-col>
+
+                    <el-col :span="4">
+                        <div class="flex justify-center">
+                            <el-image class="w-[180px] h-[180px]" :src="qrCode ? img(qrCode) : ''">
+                                <template #error>
+                                    <div class="w-[100%] h-[100%] flex items-center  justify-center bg-[#f5f7fa]">
+                                        <span>{{ qrCode ? t('fileErr') : t('emptyQrCode') }}</span>
+                                    </div>
+                                </template>
+                            </el-image>
+                        </div>
+                        <div class="mt-[22px] text-center">
+                            <p class=" text-[12px]">{{ t('clickAccess2') }}</p>
+                        </div>
+                    </el-col>
+                </el-row>
+            </div>
+        </el-card>
     </div>
 </template>
+
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue'
-import { useRouter } from 'vue-router'
 import { t } from '@/lang'
 import { img } from '@/utils/common'
 import { getAliappConfig } from '@/app/api/aliapp'
+import { useRoute, useRouter } from 'vue-router'
 
+const route = useRoute()
 const router = useRouter()
+const pageName = route.meta.title
+
 const activeName = ref('/channel/aliapp')
 const active = ref(2)
 const qrCode = ref<string>('')
@@ -242,57 +116,4 @@ const handleClick = (val: any) => {
 }
 </script>
 
-<style lang="scss" scoped>
-.progress-point {
-    flex-grow: 1;
-    list-style: none;
-}
-
-.border-color {
-    border-color: var(--el-color-primary);
-}
-
-.bg-color {
-    background-color: var(--el-color-primary);
-}
-
-.text-color {
-    color: var(--el-color-primary);
-}
-
-.bg-color1 {
-    background-color: var(--el-color-info-light-8);
-}
-
-:deep(.el-tabs__item:hover) {
-    border-bottom: 2px solid var(--el-color-primary);
-}
-
-:deep(.el-tabs__item) {
-    padding: 0;
-}
-
-:deep(.el-tabs__item+.el-tabs__item) {
-    margin-right: 20px;
-    margin-left: 20px;
-    // border-bottom: 2px solid var(--el-color-primary);
-}
-
-:deep(.el-tabs--top) {
-    .el-tabs__item.is-top:nth-child(2) {
-        margin-right: 20px;
-    }
-
-}
-
-:deep(.el-step.is-vertical .el-step__icon.is-icon) {
-    padding: 8px 0;
-    height: 40px;
-    background-color: #fff;
-}
-
-:deep(.el-step__title) {
-    height: 40px;
-    line-height: 40px !important;
-}
-</style>
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/channel/aliapp/config.vue b/admin/src/app/views/channel/aliapp/config.vue
index 82c3ff146..6c29fa384 100644
--- a/admin/src/app/views/channel/aliapp/config.vue
+++ b/admin/src/app/views/channel/aliapp/config.vue
@@ -1,14 +1,12 @@
 <template>
+    <!--支付宝配置-->
     <div class="main-container">
-        <div class="detail-head">
-            <div class="left" @click="router.push({ path: '/channel/aliapp' })">
-                <span class="iconfont iconxiangzuojiantou !text-xs"></span>
-                <span class="ml-[1px]">{{ t('returnToPreviousPage') }}</span>
-            </div>
-            <span class="adorn">|</span>
-            <span class="right">{{ pageName }}</span>
-        </div>
-        <el-form :model="formData" label-width="150px" ref="formRef" class="page-form" v-loading="loading">
+
+        <el-card class="card !border-none" shadow="never">
+            <el-page-header :content="pageName" :icon="ArrowLeft" @back="$router.back()" />
+        </el-card>
+
+        <el-form class="page-form mt-[15px]" :model="formData" label-width="150px" ref="formRef" v-loading="loading">
             <el-card class="box-card !border-none" shadow="never">
                 <h3 class="panel-title !text-sm">{{ t('aliappSet') }}</h3>
 
@@ -20,10 +18,9 @@
                     <upload-image v-model="formData.qrcode" />
                     <div class="form-tip">{{ t('aliappQrcodeTips') }}</div>
                 </el-form-item>
-
             </el-card>
 
-            <el-card class="box-card !border-none mt-[16px]" shadow="never">
+            <el-card class="box-card !border-none mt-[15px]" shadow="never">
                 <h3 class="panel-title !text-sm">{{ t('aliappDevelopInfo') }}</h3>
 
                 <el-form-item :label="t('aliappOriginal')">
@@ -60,7 +57,7 @@
                 </el-form-item>
             </el-card>
 
-            <el-card class="box-card !border-none mt-[16px]" shadow="never">
+            <el-card class="box-card !border-none mt-[15px]" shadow="never">
                 <h3 class="panel-title !text-sm">{{ t('theServerSetting') }}</h3>
 
                 <el-form-item label="AESKey">
@@ -68,10 +65,8 @@
                 </el-form-item>
             </el-card>
 
-            <el-card class="box-card !border-none mt-[16px]" shadow="never">
-                <div class="flex">
-                    <h3 class="panel-title !text-sm">{{ t('functionSetting') }}</h3>
-                </div>
+            <el-card class="box-card !border-none mt-[15px]" shadow="never">
+                <h3 class="panel-title !text-sm">{{ t('functionSetting') }}</h3>
 
                 <el-form-item :label="t('serveWhiteList')">
                     <el-input :model-value="formData.request_url" class="input-width" :readonly="true">
@@ -80,7 +75,6 @@
                         </template>
                     </el-input>
                 </el-form-item>
-
             </el-card>
         </el-form>
 
@@ -98,6 +92,7 @@ import { t } from '@/lang'
 import { setAliappConfig, getAliappConfig, getAliappStatic } from '@/app/api/aliapp'
 import { useClipboard } from '@vueuse/core'
 import { ElMessage, FormInstance } from 'element-plus'
+import { ArrowLeft } from '@element-plus/icons-vue'
 import { useRoute, useRouter } from 'vue-router'
 
 const route = useRoute()
diff --git a/admin/src/app/views/channel/aliapp/course.vue b/admin/src/app/views/channel/aliapp/course.vue
index 941e0dd8c..74b3157a5 100644
--- a/admin/src/app/views/channel/aliapp/course.vue
+++ b/admin/src/app/views/channel/aliapp/course.vue
@@ -1,104 +1,100 @@
 <template>
-	<div class="main-container">
-		<div class="detail-head">
-			<div class="left" @click="router.push({ path: '/channel/aliapp' })">
-				<span class="iconfont iconxiangzuojiantou !text-xs"></span>
-				<span class="ml-[1px]">{{ t('returnToPreviousPage') }}</span>
-			</div>
-			<span class="adorn">|</span>
-			<span class="right">{{ pageName }}</span>
-		</div>
-		<el-card class="box-card !border-none" shadow="never">
-			<div class="mt-[20px]">
-				<div class="flex">
-					<div class="min-w-[60px]">
-						<span class="flex justify-center items-center block w-[40px] h-[40px] border-[1px] border-primary rounded-[999px] text-primary">1</span>
-					</div>
-					<div>
-						<p class="flex items-center text-[14px]">{{ t('alipayCourseTipsOne1') }}--<el-button link type="primary" @click="linkEvent">{{ t('alipayCourseTipsOne2') }}</el-button>, {{ t('alipayCourseTipsOne3') }}</p>
-						<div class="w-[100%] mt-[10px]">
-							<img class="w-[100%]" src="@/app/assets/images/setting/alipay1.png" />
-						</div>
-						<p class="flex items-center text-[14px] mt-[20px]">{{ t('alipayCourseTipsTwo1') }}</p>
-						<div class="w-[100%] mt-[10px]">
-							<img class="w-[100%]" src="@/app/assets/images/setting/alipay2.png" />
-						</div>
-						<div class="w-[100%] mt-[10px]">
-							<img class="w-[100%]" src="@/app/assets/images/setting/alipay3.png" />
-						</div>
-					</div>
-				</div>
-				<div class="flex mt-[40px]">
-					<div class="min-w-[60px]">
-						<span class="flex justify-center items-center block w-[40px] h-[40px] border-[1px] border-primary rounded-[999px] text-primary">2</span>
-					</div>
-					<div>
-						<p class="flex items-center text-[14px]">{{ t('alipayCourseTipsTwo2') }}</p>
-						<div class="w-[100%] mt-[10px] flex flex-wrap">
-							<div class="w-[100%]">
-								<img class="w-[100%]" src="@/app/assets/images/setting/alipay4.png" />
-							</div>
-							<div>
-								<el-row :gutter="20">
-									<el-col :span="6">
-										<div class="w-[100%]">
-											<img class="w-[100%]" src="@/app/assets/images/setting/alipay4_1.jpg" />
-										</div>
-									</el-col>
-									<el-col :span="6">
-										<div class="w-[100%]">
-											<img class="w-[100%]" src="@/app/assets/images/setting/alipay4_2.jpg" />
-										</div>
-									</el-col>
-									<el-col :span="6">
-										<div class="w-[100%]">
-											<img class="w-[100%]" src="@/app/assets/images/setting/alipay4_3.jpg" />
-										</div>
-									</el-col>
-									<el-col :span="6">
-										<div class="w-[100%]">
-											<img class="w-[100%]" src="@/app/assets/images/setting/alipay4_4.jpg" />
-										</div>
-									</el-col>
-								</el-row>
-							</div>
-						</div>
-					</div>
-				</div>
-				<div class="flex mt-[40px]">
-					<div class="min-w-[60px]">
-						<span class="flex justify-center items-center block w-[40px] h-[40px] border-[1px] border-primary rounded-[999px] text-primary">3</span>
-					</div>
-					<div>
-						<!-- <span class="text-primary">{{ t('alipayCourseTipsThree2') }}</span> -->
-						<p class="flex items-center text-[14px]">{{ t('alipayCourseTipsThree1') }}
-						</p>
-						<div class="w-[100%] mt-[10px]">
-							<img class="w-[100%]" src="@/app/assets/images/setting/alipay5.png" />
-						</div>
-						<div class="w-[100%] mt-[10px]">
-							<img class="w-[100%]" src="@/app/assets/images/setting/alipay6.png" />
-						</div>
-						<p class="flex items-center text-[14px] mt-[20px]">{{ t('alipayCourseTipsThree2') }}</p>
-						<div class="w-[100%] mt-[10px]">
-							<img class="w-[100%]" src="@/app/assets/images/setting/alipay7.png" />
-						</div>
-						<p class="flex items-center text-[14px] mt-[20px]">{{ t('alipayCourseTipsThree3') }}</p>
-						<div class="w-[100%] mt-[10px]">
-							<img class="w-[100%]" src="@/app/assets/images/setting/alipay8.png" />
-						</div>
-					</div>
-				</div>
-			</div>
-		</el-card>
-	</div>
+    <!--配置教程-->
+    <div class="main-container">
+
+        <el-card class="card !border-none" shadow="never">
+            <el-page-header :content="pageName" :icon="ArrowLeft" @back="$router.back()" />
+        </el-card>
+
+        <el-card class="box-card mt-[15px] !border-none" shadow="never">
+            <div class="flex">
+                <div class="min-w-[60px]">
+                    <span class="flex justify-center items-center block w-[40px] h-[40px] border-[1px] border-primary rounded-[999px] text-primary">1</span>
+                </div>
+                <div>
+                    <p class="flex items-center text-[14px]">{{ t('alipayCourseTipsOne1') }}--<el-button link type="primary" @click="linkEvent">{{ t('alipayCourseTipsOne2') }}</el-button>, {{ t('alipayCourseTipsOne3') }}</p>
+                    <div class="w-[100%] mt-[10px]">
+                        <img class="w-[100%]" src="@/app/assets/images/setting/alipay1.png" />
+                    </div>
+                    <p class="flex items-center text-[14px] mt-[20px]">{{ t('alipayCourseTipsTwo1') }}</p>
+                    <div class="w-[100%] mt-[10px]">
+                        <img class="w-[100%]" src="@/app/assets/images/setting/alipay2.png" />
+                    </div>
+                    <div class="w-[100%] mt-[10px]">
+                        <img class="w-[100%]" src="@/app/assets/images/setting/alipay3.png" />
+                    </div>
+                </div>
+            </div>
+            <div class="flex mt-[40px]">
+                <div class="min-w-[60px]">
+                    <span class="flex justify-center items-center block w-[40px] h-[40px] border-[1px] border-primary rounded-[999px] text-primary">2</span>
+                </div>
+                <div>
+                    <p class="flex items-center text-[14px]">{{ t('alipayCourseTipsTwo2') }}</p>
+                    <div class="w-[100%] mt-[10px] flex flex-wrap">
+                        <div class="w-[100%]">
+                            <img class="w-[100%]" src="@/app/assets/images/setting/alipay4.png" />
+                        </div>
+                        <div>
+                            <el-row :gutter="20">
+                                <el-col :span="6">
+                                    <div class="w-[100%]">
+                                        <img class="w-[100%]" src="@/app/assets/images/setting/alipay4_1.jpg" />
+                                    </div>
+                                </el-col>
+                                <el-col :span="6">
+                                    <div class="w-[100%]">
+                                        <img class="w-[100%]" src="@/app/assets/images/setting/alipay4_2.jpg" />
+                                    </div>
+                                </el-col>
+                                <el-col :span="6">
+                                    <div class="w-[100%]">
+                                        <img class="w-[100%]" src="@/app/assets/images/setting/alipay4_3.jpg" />
+                                    </div>
+                                </el-col>
+                                <el-col :span="6">
+                                    <div class="w-[100%]">
+                                        <img class="w-[100%]" src="@/app/assets/images/setting/alipay4_4.jpg" />
+                                    </div>
+                                </el-col>
+                            </el-row>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="flex mt-[40px]">
+                <div class="min-w-[60px]">
+                    <span class="flex justify-center items-center block w-[40px] h-[40px] border-[1px] border-primary rounded-[999px] text-primary">3</span>
+                </div>
+                <div>
+                    <!-- <span class="text-primary">{{ t('alipayCourseTipsThree2') }}</span> -->
+                    <p class="flex items-center text-[14px]">{{ t('alipayCourseTipsThree1') }}
+                    </p>
+                    <div class="w-[100%] mt-[10px]">
+                        <img class="w-[100%]" src="@/app/assets/images/setting/alipay5.png" />
+                    </div>
+                    <div class="w-[100%] mt-[10px]">
+                        <img class="w-[100%]" src="@/app/assets/images/setting/alipay6.png" />
+                    </div>
+                    <p class="flex items-center text-[14px] mt-[20px]">{{ t('alipayCourseTipsThree2') }}</p>
+                    <div class="w-[100%] mt-[10px]">
+                        <img class="w-[100%]" src="@/app/assets/images/setting/alipay7.png" />
+                    </div>
+                    <p class="flex items-center text-[14px] mt-[20px]">{{ t('alipayCourseTipsThree3') }}</p>
+                    <div class="w-[100%] mt-[10px]">
+                        <img class="w-[100%]" src="@/app/assets/images/setting/alipay8.png" />
+                    </div>
+                </div>
+            </div>
+        </el-card>
+    </div>
 </template>
 
 <script lang="ts" setup>
 import { reactive, ref } from 'vue'
 import { t } from '@/lang'
 import { getWechatConfig } from '@/app/api/wechat'
-// import { img } from '@/utils/common'
+import { ArrowLeft } from '@element-plus/icons-vue'
 import { useRoute, useRouter } from 'vue-router'
 
 const route = useRoute()
diff --git a/admin/src/app/views/channel/h5/config.vue b/admin/src/app/views/channel/h5/config.vue
index 47794d96c..35eb7f36f 100644
--- a/admin/src/app/views/channel/h5/config.vue
+++ b/admin/src/app/views/channel/h5/config.vue
@@ -1,10 +1,13 @@
 <template>
-    <div class="main-container bg-[#fff] rounded-[4px]">
-        <div class="flex ml-[18px] justify-between items-center pt-[20px]">
-			<span class="text-page-title">{{pageName}}</span>
-		</div>
-        <el-form :model="formData" label-width="150px" ref="formRef" class="page-form" v-loading="loading">
-            <el-card class="box-card !border-none" shadow="never">
+    <!--H5端-->
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
+
+            <div class="flex justify-between items-center">
+                <span class="text-page-title">{{ pageName }}</span>
+            </div>
+
+            <el-form class="page-form mt-[20px]" :model="formData" label-width="150px" ref="formRef">
                 <el-form-item :label="t('isOpen')">
                     <el-switch v-model="formData.is_open"/>
                 </el-form-item>
@@ -16,9 +19,8 @@
                     </el-input>
                     <span class="ml-2 cursor-pointer visit-btn" @click="visitFn">{{t('clickVisit')}}</span>
                 </el-form-item>
-
-            </el-card>
-        </el-form>
+            </el-form>
+        </el-card>
 
         <div class="fixed-footer-wrap">
             <div class="fixed-footer">
@@ -116,7 +118,7 @@ const save = async (formEl: FormInstance | undefined) => {
 </script>
 
 <style lang="scss" scoped>
-.visit-btn{
-    color:var(--el-color-primary);
-}
+    .visit-btn{
+        color:var(--el-color-primary);
+    }
 </style>
diff --git a/admin/src/app/views/channel/pc/config.vue b/admin/src/app/views/channel/pc/config.vue
index 78fe54736..e797c76cd 100644
--- a/admin/src/app/views/channel/pc/config.vue
+++ b/admin/src/app/views/channel/pc/config.vue
@@ -1,13 +1,16 @@
 <template>
-    <div class="main-container bg-[#fff] rounded-[4px]" v-loading="loading">
-        <div class="flex pl-[18px] justify-between items-center pt-[20px]">
-			<span class="text-page-title">{{pageName}}</span>
-		</div>
-        <el-form :model="formData" label-width="150px" ref="formRef" class="page-form">
-            <el-card class="box-card !border-none" shadow="never">
-<!--                <el-form-item :label="t('preview')" prop="weapp_name">-->
-<!--                    <img class="w-[500px]" src="@/app/assets/images/channel/preview.png" alt="">-->
-<!--                </el-form-item>-->
+    <!--PC端-->
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
+
+            <div class="flex justify-between items-center">
+                <span class="text-page-title">{{ pageName }}</span>
+            </div>
+
+            <el-form class="page-form mt-[20px]" :model="formData" label-width="150px" ref="formRef">
+                <!-- <el-form-item :label="t('preview')" prop="weapp_name">
+                   <img class="w-[500px]" src="@/app/assets/images/channel/preview.png" alt="">
+                </el-form-item> -->
 
                 <el-form-item :label="t('isOpen')">
                     <el-switch v-model="formData.is_open"/>
@@ -19,11 +22,10 @@
                             <div class="cursor-pointer" @click="copyEvent(formData.request_url)">{{ t('copy') }}</div>
                         </template>
                     </el-input>
-                    <span class="ml-2 cursor-pointer visit-btn" @click="visitFn">{{t('clickVisit')}}</span>
+                    <span class="ml-2 cursor-pointer visit-btn">{{t('clickVisit')}}</span>
                 </el-form-item>
-            </el-card>
-
-        </el-form>
+            </el-form>
+        </el-card>
 
         <div class="fixed-footer-wrap">
             <div class="fixed-footer">
@@ -121,7 +123,7 @@ const save = async (formEl: FormInstance | undefined) => {
 </script>
 
 <style lang="scss" scoped>
-.visit-btn{
-    color:var(--el-color-primary);
-}
+    .visit-btn {
+        color: var(--el-color-primary);
+    }
 </style>
diff --git a/admin/src/app/views/channel/weapp/access.vue b/admin/src/app/views/channel/weapp/access.vue
index 77eb89e41..6f46f1eec 100644
--- a/admin/src/app/views/channel/weapp/access.vue
+++ b/admin/src/app/views/channel/weapp/access.vue
@@ -1,225 +1,164 @@
 <template>
-    <div class="w-full p-5 bg-body">
-        <div class="flex justify-between items-center mb-[20px]">
-            <span class="text-page-title">{{ t('title') }}</span>
-        </div>
-        <el-tabs v-model="activeName" class="demo-tabs" @tab-change="handleClick">
-            <el-tab-pane :label="t('weappAccessFlow')" name="/channel/weapp" />
-            <el-tab-pane :label="t('subscribeMessage')" name="/channel/weapp/message" />
-            <el-tab-pane :label="t('weappRelease')" name="/channel/weapp/code" />
-        </el-tabs>
-        <div class="p-[20px]">
-            <p class="text-[16px] mb-[20px]">{{ t("weappInlet") }}</p>
-            <el-row>
-                <el-col :span="20">
-                    <el-steps direction="vertical">
-                        <el-step>
-                            <template #icon v-if="active > 1">
-                                <el-icon size="25px" class="text-color">
-                                    <CircleCheckFilled />
-                                </el-icon>
-                            </template>
-                            <template #icon v-else-if="active == 1">
-                                <div class="w-[24px] h-[24px] box-border rounded-full bg-color1 flex items-center justify-center">
-                                    <div class="h-[12px] w-[12px] bg-color rounded-full"></div>
-                                </div>
-                            </template>
-                            <template #icon v-else>
-                                <div class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">1</div>
-                            </template>
-                            <template #title>
-                                <p class="text-[14px] text-[#303133] font-[700]">
-                                    {{ t("weappAttestation") }}
-                                </p>
-                            </template>
-                            <template #description>
-                                <span class="text-[#999]">{{ t("weappAttest") }}</span>
-                                <div class="mt-[20px] mb-[40px] h-[32px]">
-                                    <el-button type="primary" @click="linkEvent('https://mp.weixin.qq.com/')">{{ t("clickAccess") }}</el-button>
-                                </div>
-                            </template>
-                        </el-step>
-                        <el-step>
-                            <template #icon v-if="active > 2">
-                                <el-icon size="25px">
-                                    <CircleCheckFilled />
-                                </el-icon>
-                            </template>
-                            <template #icon v-else-if="active == 2">
-                                <div class="w-[24px] h-[24px] box-border rounded-full bg-color1 flex items-center justify-center">
-                                    <div class="h-[12px] w-[12px] bg-color rounded-full"></div>
-                                </div>
-                            </template>
-                            <template #icon v-else>
-                                <div class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">2</div>
-                            </template>
-                            <template #title>
-                                <p class="text-[14px] text-[#303133] font-[700]">
-                                    {{ t("weappSetting") }}
-                                </p>
-                            </template>
-                            <template #description>
-                                <span class="text-[#999]">{{ t("emplace") }}</span>
-                                <div class="mt-[20px] mb-[40px] h-[32px]">
-                                    <el-button type="primary" plain @click="router.push('/channel/weapp/config')">{{ t("weappSettingBtn") }}</el-button>
-                                </div>
-                            </template>
-                        </el-step>
-                        <el-step>
-                            <template #icon v-if="active > 3">
-                                <el-icon size="25px">
-                                    <CircleCheckFilled />
-                                </el-icon>
-                            </template>
-                            <template #icon v-else-if="active == 3">
-                                <div class="w-[24px] h-[24px] box-border rounded-full bg-color1 flex items-center justify-center">
-                                    <div class="h-[12px] w-[12px] bg-color rounded-full"></div>
-                                </div>
-                            </template>
-                            <template #icon v-else>
-                                <div class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">3</div>
-                            </template>
-                            <template #title>
-                                <p class="text-[14px] text-[#303133] font-[700]">
-                                    {{ t("uploadVersion") }}
-                                </p>
-                            </template>
-                            <template #description>
-                                <span class="text-[#999]">{{ t("releaseCourse") }}</span>
-                                <div class="mt-[20px] mb-[40px] h-[32px]">
-                                    <el-button type="primary" plain @click="router.push('/channel/weapp/code')">{{ t("weappRelease") }}</el-button>
-                                </div>
-                            </template>
-                        </el-step>
-                        <el-step>
-                            <template #icon v-if="active > 4">
-                                <el-icon size="25px">
-                                    <CircleCheckFilled />
-                                </el-icon>
-                            </template>
-                            <template #icon v-else-if="active == 4">
-                                <div class="w-[24px] h-[24px] box-border rounded-full bg-color1 flex items-center justify-center">
-                                    <div class="h-[12px] w-[12px] bg-color rounded-full"></div>
-                                </div>
-                            </template>
-                            <template #icon v-else>
-                                <div class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">4</div>
-                            </template>
-                            <template #title>
-                                <p class="text-[14px] text-[#303133] font-[700]">
-                                    {{ t("completeAccess") }}
-                                </p>
-                            </template>
-                            <template #description>
-                                <span class="text-[#999]">{{ t("releaseCourse") }}</span>
-                                <div class="mt-[20px] mb-[40px] h-[32px]">
-                                    <!-- <el-button type="primary" plain>{{
-                                        t("wechatAccessBtn") }}</el-button> -->
-                                </div>
-                            </template>
-                        </el-step>
-                    </el-steps>
-                </el-col>
-                <el-col :span="4">
-                    <div class="flex justify-center">
-                        <el-image class="w-[180px] h-[180px]" :src="qrCode ? img(qrCode) : ''">
-                            <template #error>
-                                <div class="w-[100%] h-[100%] flex items-center  justify-center bg-[#f5f7fa]">
-                                    <span>{{ qrCode ? t('fileErr') : t('emptyQrCode') }}</span>
-                                </div>
-                            </template>
-                        </el-image>
-                    </div>
-                    <div class="mt-[22px] text-center">
-                        <p class=" text-[14px] text-[#303133] font-[700]">{{ t('clickAccess2') }}</p>
-                    </div>
-                </el-col>
-            </el-row>
-        </div>
+    <!--微信小程序-->
+    <div class="main-container">
+        <el-card class="card !border-none" shadow="never">
+
+            <div class="flex justify-between items-center">
+                <span class="text-page-title">{{ pageName }}</span>
+            </div>
+
+            <el-tabs v-model="activeName" class="mt-[20px]" @tab-change="handleClick">
+                <el-tab-pane :label="t('weappAccessFlow')" name="/channel/weapp" />
+                <el-tab-pane :label="t('subscribeMessage')" name="/channel/weapp/message" />
+                <el-tab-pane :label="t('weappRelease')" name="/channel/weapp/code" />
+            </el-tabs>
+
+            <div class="p-[20px]">
+                <h3 class="panel-title !text-sm">{{ t("weappInlet") }}</h3>
+
+                <el-row>
+                    <el-col :span="20">
+                        <el-steps class="!mt-[10px]" :active="4" direction="vertical">
+                            <el-step>
+                                <template #title>
+                                    <p class="text-[14px] font-[700]">
+                                        {{ t("weappAttestation") }}
+                                    </p>
+                                </template>
+                                <template #description>
+                                    <span class="text-[#999]">{{ t("weappAttest") }}</span>
+                                    <div class="mt-[20px] mb-[40px] h-[32px]">
+                                        <el-button type="primary" @click="linkEvent('https://mp.weixin.qq.com/')">{{ t("clickAccess") }}</el-button>
+                                    </div>
+                                </template>
+                            </el-step>
+
+                            <el-step>
+                                <template #title>
+                                    <p class="text-[14px] font-[700]">
+                                        {{ t("weappSetting") }}
+                                    </p>
+                                </template>
+                                <template #description>
+                                    <span class="text-[#999]">{{ t("emplace") }}</span>
+                                    <div class="mt-[20px] mb-[40px] h-[32px]">
+                                        <template v-if="oplatformConfig.app_id && oplatformConfig.app_secret">
+                                            <el-button type="primary" @click="router.push('/channel/weapp/config')">{{ weappConfig.app_id ? t("seeConfig") : t("weappSettingBtn") }}</el-button>
+                                            <el-button type="primary" plain @click="authBindWeapp">{{ weappConfig.is_authorization ? t("refreshAuth") : t("authWeapp") }}</el-button>
+                                        </template>
+                                        <template v-else>
+                                            <el-button type="primary" @click="router.push('/channel/weapp/config')">{{ t("weappSettingBtn") }}</el-button>
+                                            <el-button type="primary" plain @click="router.push('/channel/weapp/course')">配置教程</el-button>
+                                        </template>
+                                    </div>
+                                </template>
+                            </el-step>
+
+                            <el-step>
+                                <template #title>
+                                    <p class="text-[14px] font-[700]">
+                                        {{ t("uploadVersion") }}
+                                    </p>
+                                </template>
+                                <template #description>
+                                    <span class="text-[#999]">{{ t("releaseCourse") }}</span>
+                                    <div class="mt-[20px] mb-[40px] h-[32px]">
+                                        <el-button type="primary" plain @click="router.push('/channel/weapp/code')">{{ t("weappRelease") }}</el-button>
+                                    </div>
+                                </template>
+                            </el-step>
+
+                            <el-step>
+                                <template #title>
+                                    <p class="text-[14px] font-[700]">
+                                        {{ t("completeAccess") }}
+                                    </p>
+                                </template>
+                                <template #description>
+                                    <span class="text-[#999]">{{ t("releaseCourse") }}</span>
+                                    <div class="mt-[20px] mb-[40px] h-[32px]"></div>
+                                </template>
+                            </el-step>
+                        </el-steps>
+                    </el-col>
+
+                    <el-col :span="4">
+                        <div class="flex justify-center">
+                            <el-image class="w-[180px] h-[180px]" :src="qrCode ? img(qrCode) : ''">
+                                <template #error>
+                                    <div class="w-[100%] h-[100%] flex items-center  justify-center bg-[#f5f7fa]">
+                                        <span>{{ qrCode ? t('fileErr') : t('emptyQrCode') }}</span>
+                                    </div>
+                                </template>
+                            </el-image>
+                        </div>
+                        <div class="mt-[22px] text-center">
+                            <p class=" text-[12px]">{{ t('clickAccess2') }}</p>
+                        </div>
+                    </el-col>
+                </el-row>
+            </div>
+        </el-card>
     </div>
 </template>
 
 <script lang="ts" setup>
-import { onMounted, ref } from 'vue'
-import { useRouter } from 'vue-router'
+import { onMounted, onUnmounted, ref } from 'vue'
 import { t } from '@/lang'
 import { img } from '@/utils/common'
 import { getWeappConfig } from '@/app/api/weapp'
+import { getAuthorizationUrl } from '@/app/api/wxoplatform'
+import { getWxoplatform } from '@/app/api/sys'
+import { useRoute, useRouter } from 'vue-router'
 
+const route = useRoute()
 const router = useRouter()
+const pageName = route.meta.title
+
 const activeName = ref('/channel/weapp')
 const active = ref(2)
 const qrCode = ref('')
+const weappConfig = ref({})
+const oplatformConfig = ref({})
+
+const onShowGetWeappConfig = async () => {
+    await getWeappConfig().then(({ data }) => {
+        weappConfig.value = data
+        qrCode.value = data.qr_code
+    })
+}
+
 onMounted(async () => {
-    const res = await getWeappConfig()
-    qrCode.value = res.data.qr_code
+    onShowGetWeappConfig()
+
+    await getWxoplatform().then(({ data }) => {
+        oplatformConfig.value = data
+    })
+
+    document.addEventListener('visibilitychange', () => {
+        if (document.visibilityState === 'visible') {
+            onShowGetWeappConfig()
+        }
+    })
 })
+
+onUnmounted(() => {
+    document.removeEventListener('visibilitychange', () => {
+
+    })
+})
+
 const linkEvent = (url: string) => {
     window.open(url, '_blank')
 }
 const handleClick = (val: any) => {
     router.push({ path: activeName.value })
 }
+const authBindWeapp = () => {
+    getAuthorizationUrl().then(({ data }) => {
+        window.open(data)
+    })
+}
 </script>
 
-<style lang="scss" scoped>
-.progress-point {
-    flex-grow: 1;
-    list-style: none;
-}
-
-.border-color {
-    border-color: var(--el-color-primary);
-}
-
-.bg-color {
-    background-color: var(--el-color-primary);
-}
-
-.text-color {
-    color: var(--el-color-primary);
-}
-
-.bg-color1 {
-    background-color: var(--el-color-info-light-8);
-}
-
-:deep(.el-tabs__item:hover) {
-    border-bottom: 2px solid var(--el-color-primary);
-}
-
-:deep(.el-tabs__item) {
-    padding: 0;
-}
-
-:deep(.el-tabs__item+.el-tabs__item) {
-    margin-right: 20px;
-    margin-left: 20px;
-    // border-bottom: 2px solid var(--el-color-primary);
-}
-
-:deep(.el-tabs--top) {
-    .el-tabs__active-bar {
-        display: none;
-    }
-
-    .el-tabs__item.is-active {
-        border-bottom: 2px solid var(--el-color-primary);
-    }
-
-    .el-tabs__item.is-top:nth-child(2) {
-        margin-right: 20px;
-    }
-
-}
-
-:deep(.el-step.is-vertical .el-step__icon.is-icon) {
-    padding: 8px 0;
-    height: 40px;
-    background-color: #fff;
-}
-
-:deep(.el-step__title) {
-    height: 40px;
-    line-height: 40px !important;
-}</style>
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/channel/weapp/code.vue b/admin/src/app/views/channel/weapp/code.vue
index 982717332..d18afed7b 100644
--- a/admin/src/app/views/channel/weapp/code.vue
+++ b/admin/src/app/views/channel/weapp/code.vue
@@ -1,24 +1,29 @@
 <template>
-    <div class="main-container min-h-[300px] p-5 bg-[#fff] rounded-[4px]">
-        <div class="flex justify-between items-center mb-[20px]">
-            <span class="text-page-title">{{ pageName }}</span>
-        </div>
-        <el-tabs v-model="activeName" class="demo-tabs" @tab-change="handleClick">
-            <el-tab-pane :label="t('weappAccessFlow')" name="/channel/weapp" />
-            <el-tab-pane :label="t('subscribeMessage')" name="/channel/weapp/message" />
-            <el-tab-pane :label="t('weappRelease')" name="/channel/weapp/code" />
-        </el-tabs>
-        <el-card class="box-card !border-none" shadow="never" v-loading="loading">
-            <div class="mt-[50px]">
-                <el-button type="primary" @click="insert" :loading="uploading" :disabled="weappTableData.loading">{{ t('cloudRelease') }}</el-button>
-                <el-button @click="localInsert" :disabled="weappTableData.loading">{{ t('localRelease') }}</el-button>
+    <!--小程序发布-->
+    <div class="main-container">
+        <el-card class="card !border-none" shadow="never">
+
+            <div class="flex justify-between items-center">
+                <span class="text-page-title">{{ pageName }}</span>
             </div>
+
+            <el-tabs v-model="activeName" class="my-[20px]" @tab-change="handleClick">
+                <el-tab-pane :label="t('weappAccessFlow')" name="/channel/weapp" />
+                <el-tab-pane :label="t('subscribeMessage')" name="/channel/weapp/message" />
+                <el-tab-pane :label="t('weappRelease')" name="/channel/weapp/code" />
+            </el-tabs>
+
+            <div class="mt-[20px]" v-if="!weappConfig.is_authorization">
+                <el-button type="primary" @click="insert" :loading="uploading" :disabled="loading">{{ t('cloudRelease') }}</el-button>
+                <el-button @click="localInsert" :disabled="loading">{{ t('localRelease') }}</el-button>
+            </div>
+
             <el-table class="mt-[15px]" :data="weappTableData.data" v-loading="weappTableData.loading" size="default">
                 <template #empty>
                     <span>{{ t('emptyData') }}</span>
                 </template>
+
                 <el-table-column prop="version" :label="t('code')" align="left" />
-                <!-- <el-table-column prop="desc" :label="t('content')" align="left" /> -->
                 <el-table-column prop="status_name" :label="t('status')" align="left">
                     <template #default="{ row }">
                         <div>{{ row.status_name }}</div>
@@ -27,27 +32,30 @@
                 <el-table-column prop="create_time" :label="t('createTime')" align="center" />
                 <el-table-column :label="t('operation')" fixed="right" align="right" min-width="120">
                     <template #default="{ row, $index }">
-                        <template v-if="previewContent && $index == 0 && row.status == 1 && weappTableData.page == 1">
+                        <template v-if="previewContent && $index == 0 && (row.status == 1 || row.status == 2) && weappTableData.page == 1">
                             <el-tooltip :content="previewContent" raw-content effect="light">
                                 <el-button type="primary" link>{{ t('preview') }}</el-button>
                             </el-tooltip>
                         </template>
-                        <el-button type="primary" link v-if="row.status == -1" @click="handleFailReason(row)">
+                        <el-button type="primary" link v-if="row.status == -1 || row.status == -2" @click="handleFailReason(row)">
                             {{ t('failReason') }}</el-button>
+                        <el-button type="primary" link v-if="row.status == -2" @click="againUpload(row)" :loading="uploading">
+                            {{ t('againUpload') }}</el-button>
                     </template>
                 </el-table-column>
             </el-table>
+
             <div class="mt-[16px] flex justify-end">
                 <el-pagination v-model:current-page="weappTableData.page" v-model:page-size="weappTableData.limit"
                     layout="total, sizes, prev, pager, next, jumper" :total="weappTableData.total"
-                    @size-change="getWeappVersionListFn" @current-change="getWeappVersionListFn" />
+                    @size-change="getWeappVersionListFn()" @current-change="getWeappVersionListFn" />
             </div>
         </el-card>
+
         <el-dialog v-model="dialogVisible" :title="t('codeDownTwoDesc')" width="30%" :before-close="handleClose">
             <el-form ref="ruleFormRef" :model="form" label-width="120px">
                 <el-form-item prop="code" :label="t('code')">
-                    <el-input v-model="form.code" :placeholder="t('codePlaceholder')"
-                        onkeyup="this.value = this.value.replace(/[^\d\.]/g,'');" />
+                    <el-input v-model="form.code" :placeholder="t('codePlaceholder')" onkeyup="this.value = this.value.replace(/[^\d\.]/g,'');" />
                 </el-form-item>
                 <el-form-item prop="path" :label="t('path')">
                     <upload-file v-model="form.path" :api="'weapp/upload'" :accept="'.zip'" />
@@ -65,11 +73,13 @@
                 </span>
             </template>
         </el-dialog>
+
         <el-dialog v-model="failReasonDialogVisible" :title="t('failReason')" width="60%">
             <el-scrollbar class="h-[60vh] w-full whitespace-pre p-[20px]">
                 {{ failReason }}
             </el-scrollbar>
         </el-dialog>
+
         <el-dialog v-model="uploadSuccessShowDialog" :title="t('warning')" width="500px" draggable>
             <span v-html="t('uploadSuccessTips')"></span>
             <template #footer>
@@ -92,6 +102,7 @@ import { getAppType } from '@/utils/common'
 import { ElMessageBox } from 'element-plus'
 import { AnyObject } from '@/types/global'
 import Storage from '@/utils/storage'
+import {siteWeappCommit} from "@/app/api/wxoplatform";
 
 const route = useRoute()
 const router = useRouter()
@@ -132,10 +143,12 @@ getAuthinfo().then(res => {
 
 const weappConfig = ref<{
     app_id:string,
-    app_secret:string
+    app_secret:string,
+    is_authorization: number
 }>({
     app_id: '',
-    app_secret: ''
+    app_secret: '',
+    is_authorization: 0
 })
 getWeappConfig().then(res => {
     weappConfig.value = res.data
@@ -207,11 +220,9 @@ const localInsert = () => {
 const previewContent = ref('')
 const getWeappPreviewImage = () => {
     if (!authCode.value) return
-    getWeappPreview()
-        .then(res => {
-            if (res.data) previewContent.value = `<img src="${res.data}" class="w-[150px]">`
-        })
-        .catch()
+    getWeappPreview().then(res => {
+        if (res.data) previewContent.value = `<img src="${ res.data }" class="w-[150px]">`
+    }).catch()
 }
 
 const getWeappUploadLogFn = (key: string) => {
@@ -283,43 +294,19 @@ const knownToKnow = () => {
     Storage.set({ key: 'weappUploadTipsLock', data: true })
     uploadSuccessShowDialog.value = false
 }
+
+const againUpload = () => {
+    if (uploading.value) return
+    uploading.value = true
+
+    siteWeappCommit().then(() => {
+        getWeappVersionListFn()
+        getWeappPreviewImage()
+        uploading.value = false
+    }).catch(() => {
+        uploading.value = false
+    })
+}
 </script>
 
-<style lang="scss" scoped>
-.el-collapse {
-    border: 0px !important
-}
-
-.el-collapse-item .el-collapse-item__wrap {
-    border: 0px !important
-}
-
-:deep(.el-tabs__item:hover) {
-    border-bottom: 2px solid var(--el-color-primary);
-}
-
-:deep(.el-tabs__item) {
-    padding: 0;
-}
-
-:deep(.el-tabs__item+.el-tabs__item) {
-    margin-right: 20px;
-    margin-left: 20px;
-    // border-bottom: 2px solid var(--el-color-primary);
-}
-
-:deep(.el-tabs--top) {
-    .el-tabs__active-bar {
-        display: none;
-    }
-
-    .el-tabs__item.is-active {
-        border-bottom: 2px solid var(--el-color-primary);
-    }
-
-    .el-tabs__item.is-top:nth-child(2) {
-        margin-right: 20px;
-    }
-
-}
-</style>
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/channel/weapp/config.vue b/admin/src/app/views/channel/weapp/config.vue
index efb009b10..b8fde5d1a 100644
--- a/admin/src/app/views/channel/weapp/config.vue
+++ b/admin/src/app/views/channel/weapp/config.vue
@@ -1,48 +1,44 @@
 <template>
+    <!--小程序配置-->
     <div class="main-container">
-        <div class="detail-head">
-            <div class="left" @click="router.push({ path: '/channel/weapp' })">
-                <span class="iconfont iconxiangzuojiantou !text-xs"></span>
-                <span class="ml-[1px]">{{ t('returnToPreviousPage') }}</span>
-            </div>
-            <span class="adorn">|</span>
-            <span class="right">{{ pageName }}</span>
-        </div>
-        <el-form :model="formData" label-width="170px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
+
+        <el-card class="card !border-none" shadow="never">
+            <el-page-header :content="pageName" :icon="ArrowLeft" @back="$router.back()" />
+        </el-card>
+
+        <el-form class="page-form mt-[15px]" :model="formData" label-width="170px" ref="formRef" :rules="formRules" v-loading="loading">
             <el-card class="box-card !border-none" shadow="never">
                 <h3 class="panel-title !text-sm">{{ t('weappInfo') }}</h3>
 
                 <el-form-item :label="t('weappName')" prop="weapp_name">
-                    <el-input v-model.trim="formData.weapp_name" :placeholder="t('weappNamePlaceholder')" class="input-width" clearable />
+                    <el-input v-model.trim="formData.weapp_name" :placeholder="t('weappNamePlaceholder')" class="input-width" clearable :readonly="formData.is_authorization"/>
                 </el-form-item>
 
                 <el-form-item :label="t('weappOriginal')" prop="weapp_original">
-                    <el-input v-model.trim="formData.weapp_original" :placeholder="t('weappOriginalPlaceholder')" class="input-width" clearable />
+                    <el-input v-model.trim="formData.weapp_original" :placeholder="t('weappOriginalPlaceholder')" class="input-width" clearable :readonly="formData.is_authorization"/>
                 </el-form-item>
 
                 <el-form-item :label="t('weappQrcode')" prop="qr_code">
                     <upload-image v-model="formData.qr_code" />
                     <div class="form-tip">{{ t('weappQrcodeTips') }}</div>
                 </el-form-item>
-
             </el-card>
 
-            <el-card class="box-card !border-none mt-[16px]" shadow="never">
+            <el-card class="box-card !border-none mt-[15px]" shadow="never">
                 <h3 class="panel-title !text-sm">{{ t('weappDevelopInfo') }}</h3>
 
                 <el-form-item :label="t('weappAppid')" prop="app_id">
-                    <el-input v-model.trim="formData.app_id" :placeholder="t('appidPlaceholder')" class="input-width" clearable />
+                    <el-input v-model.trim="formData.app_id" :placeholder="t('appidPlaceholder')" class="input-width" clearable :readonly="formData.is_authorization"/>
                     <div class="form-tip">{{ t('weappAppidTips') }}</div>
                 </el-form-item>
 
-                <el-form-item :label="t('weappAppsecret')" prop="app_secret">
+                <el-form-item :label="t('weappAppsecret')" prop="app_secret" v-if="!formData.is_authorization">
                     <el-input v-model.trim="formData.app_secret" :placeholder="t('appSecretPlaceholder')" class="input-width" clearable />
                     <div class="form-tip">{{ t('weappAppsecretTips') }}</div>
                 </el-form-item>
-
             </el-card>
 
-            <el-card class="box-card !border-none mt-[16px]" shadow="never">
+            <el-card class="box-card !border-none mt-[15px]" shadow="never" v-if="!formData.is_authorization">
                 <h3 class="panel-title !text-sm">{{ t('weappUpload') }}</h3>
 
                 <el-form-item :label="t('uploadKey')" prop="upload_private_key">
@@ -54,7 +50,7 @@
                 </el-form-item>
             </el-card>
 
-            <el-card class="box-card !border-none mt-[16px]" shadow="never">
+            <el-card class="box-card !border-none mt-[15px]" shadow="never">
                 <h3 class="panel-title !text-sm">{{ t('theServerSetting') }}</h3>
 
                 <el-form-item label="URL">
@@ -71,8 +67,7 @@
                 </el-form-item>
 
                 <el-form-item label="EncodingAESKey" prop="encoding_aes_key">
-                    <el-input v-model.trim="formData.encoding_aes_key" :placeholder="t('encodingAesKeyPlaceholder')"
-                        class="input-width" maxlength="43" show-word-limit clearable />
+                    <el-input v-model.trim="formData.encoding_aes_key" :placeholder="t('encodingAesKeyPlaceholder')" class="input-width" maxlength="43" show-word-limit clearable />
                     <div class="form-tip">{{ t('encodingAESKeyTips') }}</div>
                 </el-form-item>
 
@@ -88,7 +83,7 @@
                 </el-form-item>
             </el-card>
 
-            <el-card class="box-card !border-none mt-[16px]" shadow="never">
+            <el-card class="box-card !border-none mt-[15px]" shadow="never">
                 <div class="flex">
                     <h3 class="panel-title !text-sm">{{ t('functionSetting') }}</h3>
                 </div>
@@ -121,7 +116,6 @@
                         </template>
                     </el-input>
                 </el-form-item>
-
             </el-card>
         </el-form>
 
@@ -134,11 +128,12 @@
 </template>
 
 <script lang="ts" setup>
-import { reactive, ref, watch } from 'vue'
+import { reactive, ref, watch, computed } from 'vue'
 import { t } from '@/lang'
 import { getWeappConfig, setWeappConfig } from '@/app/api/weapp'
 import { useClipboard } from '@vueuse/core'
 import { ElMessage, FormInstance, FormRules } from 'element-plus'
+import { ArrowLeft } from '@element-plus/icons-vue'
 import { useRoute, useRouter } from 'vue-router'
 
 const route = useRoute()
@@ -147,7 +142,7 @@ const pageName = route.meta.title
 
 const loading = ref(true)
 
-const formData = reactive<Record<string, string>>({
+const formData = reactive<Record<string, any>>({
     weapp_name: '',
     weapp_original: '',
     app_id: '',
@@ -161,31 +156,34 @@ const formData = reactive<Record<string, string>>({
     socket_url: '',
     upload_url: '',
     download_url: '',
-    upload_private_key: ''
+    upload_private_key: '',
+    is_authorization: 0
 })
 
 const formRef = ref<FormInstance>()
 
 // 表单验证规则
-const formRules = reactive<FormRules>({
-    weapp_name: [
-        { required: true, message: t('weappNamePlaceholder'), trigger: 'blur' }
-    ],
-    weapp_original: [
-        { required: true, message: t('weappOriginalPlaceholder'), trigger: 'blur' }
-    ],
-    app_id: [
-        { required: true, message: t('appidPlaceholder'), trigger: 'blur' }
-    ],
-    app_secret: [
-        { required: true, message: t('appSecretPlaceholder'), trigger: 'blur' }
-    ],
-    token: [
-        { required: true, message: t('tokenPlaceholder'), trigger: 'blur' }
-    ],
-    encoding_aes_key: [
-        { required: true, message: t('encodingAesKeyPlaceholder'), trigger: 'blur' }
-    ]
+const formRules = computed(() => {
+    return {
+        weapp_name: [
+            { required: true, message: t('weappNamePlaceholder'), trigger: 'blur' }
+        ],
+        weapp_original: [
+            { required: true, message: t('weappOriginalPlaceholder'), trigger: 'blur' }
+        ],
+        app_id: [
+            { required: true, message: t('appidPlaceholder'), trigger: 'blur' }
+        ],
+        app_secret: [
+            { required: !formData.is_authorization, message: t('appSecretPlaceholder'), trigger: 'blur' }
+        ],
+        token: [
+            { required: true, message: t('tokenPlaceholder'), trigger: 'blur' }
+        ],
+        encoding_aes_key: [
+            { required: true, message: t('encodingAesKeyPlaceholder'), trigger: 'blur' }
+        ]
+    }
 })
 
 /**
diff --git a/admin/src/app/views/channel/weapp/course.vue b/admin/src/app/views/channel/weapp/course.vue
index 8d3a22843..098048907 100644
--- a/admin/src/app/views/channel/weapp/course.vue
+++ b/admin/src/app/views/channel/weapp/course.vue
@@ -1,68 +1,63 @@
 <template>
+    <!--配置教程-->
 	<div class="main-container">
-		<div class="detail-head">
-			<div class="left" @click="router.push({ path: '/channel/weapp' })">
-				<span class="iconfont iconxiangzuojiantou !text-xs"></span>
-				<span class="ml-[1px]">{{ t('returnToPreviousPage') }}</span>
-			</div>
-			<span class="adorn">|</span>
-			<span class="right">{{ pageName }}</span>
-		</div>
-		<el-card class="box-card !border-none" shadow="never">
-			<div class="mt-[20px]">
-				<div class="flex">
-					<div class="min-w-[60px]">
-						<span class="flex justify-center items-center block w-[40px] h-[40px] border-[1px] border-primary rounded-[999px] text-primary">1</span>
-					</div>
-					<div>
-						<p class="flex items-center text-[14px]">{{ t('writingTipsOne1') }}<el-button link type="primary" @click="linkEvent">{{ t("writingTipsOne2") }}</el-button>,{{ t('writingTipsOne3') }}</p>
-						<div class="w-[100%] mt-[10px]">
-							<img class="w-[100%]" src="@/app/assets/images/setting/weapp_1.png" />
-						</div>
-					</div>
-				</div>
-				<div class="flex mt-[40px]">
-					<div class="min-w-[60px]">
-						<span class="flex justify-center items-center block w-[40px] h-[40px] border-[1px] border-primary rounded-[999px] text-primary">2</span>
-					</div>
-					<div>
-						<p class="flex items-center text-[14px]">{{ t('writingTipsTwo1') }}</p>
-						<div class="w-[100%] mt-[10px]">
-							<img class="w-[100%]" src="@/app/assets/images/setting/weapp_2.png" />
-						</div>
-					</div>
-				</div>
-				<div class="flex mt-[40px]">
-					<div class="min-w-[60px]">
-						<span class="flex justify-center items-center block w-[40px] h-[40px] border-[1px] border-primary rounded-[999px] text-primary">3</span>
-					</div>
-					<div>
-						<p class="flex items-center text-[14px]">{{ t('writingTipsThree1') }}<span class="text-primary">{{ t('writingTipsThree2') }}</span></p>
-						<div class="w-[100%] mt-[10px]">
-							<img class="w-[100%]" src="@/app/assets/images/setting/weapp_3.png" />
-						</div>
-					</div>
-				</div>
-				<div class="flex mt-[40px]">
-					<div class="min-w-[60px]">
-						<span class="flex justify-center items-center block w-[40px] h-[40px] border-[1px] border-primary rounded-[999px] text-primary">4</span>
-					</div>
-					<div>
-						<p class="flex items-center text-[14px]">{{ t('writingTipsFour1') }}<span class="text-primary">URL /
-								Token / EncondingAESKey</span>{{ t('writingTipsFour2') }}</p>
-						<div class="w-[100%] mt-[10px]">
-							<img class="w-[100%]" src="@/app/assets/images/setting/weapp_4.png" />
-						</div>
-					</div>
-				</div>
-			</div>
+
+		<el-card class="card !border-none" shadow="never">
+		    <el-page-header :content="pageName" :icon="ArrowLeft" @back="$router.back()" />
+		</el-card>
+
+		<el-card class="box-card mt-[15px] !border-none" shadow="never">
+            <div class="flex">
+                <div class="min-w-[60px]">
+                    <span class="flex justify-center items-center block w-[40px] h-[40px] border-[1px] border-primary rounded-[999px] text-primary">1</span>
+                </div>
+                <div>
+                    <p class="flex items-center text-[14px]">{{ t('writingTipsOne1') }}<el-button link type="primary" @click="linkEvent">{{ t("writingTipsOne2") }}</el-button>,{{ t('writingTipsOne3') }}</p>
+                    <div class="w-[100%] mt-[10px]">
+                        <img class="w-[100%]" src="@/app/assets/images/setting/weapp_1.png" />
+                    </div>
+                </div>
+            </div>
+            <div class="flex mt-[40px]">
+                <div class="min-w-[60px]">
+                    <span class="flex justify-center items-center block w-[40px] h-[40px] border-[1px] border-primary rounded-[999px] text-primary">2</span>
+                </div>
+                <div>
+                    <p class="flex items-center text-[14px]">{{ t('writingTipsTwo1') }}</p>
+                    <div class="w-[100%] mt-[10px]">
+                        <img class="w-[100%]" src="@/app/assets/images/setting/weapp_2.png" />
+                    </div>
+                </div>
+            </div>
+            <div class="flex mt-[40px]">
+                <div class="min-w-[60px]">
+                    <span class="flex justify-center items-center block w-[40px] h-[40px] border-[1px] border-primary rounded-[999px] text-primary">3</span>
+                </div>
+                <div>
+                    <p class="flex items-center text-[14px]">{{ t('writingTipsThree1') }}<span class="text-primary">{{ t('writingTipsThree2') }}</span></p>
+                    <div class="w-[100%] mt-[10px]">
+                        <img class="w-[100%]" src="@/app/assets/images/setting/weapp_3.png" />
+                    </div>
+                </div>
+            </div>
+            <div class="flex mt-[40px]">
+                <div class="min-w-[60px]">
+                    <span class="flex justify-center items-center block w-[40px] h-[40px] border-[1px] border-primary rounded-[999px] text-primary">4</span>
+                </div>
+                <div>
+                    <p class="flex items-center text-[14px]">{{ t('writingTipsFour1') }}<span class="text-primary">URL / Token / EncondingAESKey</span>{{ t('writingTipsFour2') }}</p>
+                    <div class="w-[100%] mt-[10px]">
+                        <img class="w-[100%]" src="@/app/assets/images/setting/weapp_4.png" />
+                    </div>
+                </div>
+            </div>
 		</el-card>
 	</div>
 </template>
 
 <script lang="ts" setup>
 import { t } from '@/lang'
-// import { img } from '@/utils/common'
+import { ArrowLeft } from '@element-plus/icons-vue'
 import { useRoute, useRouter } from 'vue-router'
 
 const route = useRoute()
diff --git a/admin/src/app/views/channel/weapp/template.vue b/admin/src/app/views/channel/weapp/template.vue
index cb4e059f5..fa80602a0 100644
--- a/admin/src/app/views/channel/weapp/template.vue
+++ b/admin/src/app/views/channel/weapp/template.vue
@@ -1,39 +1,33 @@
 <template>
-    <div class="main-container p-5 bg-[#fff] rounded-[4px]">
-        <div class="flex justify-between items-center mb-[20px]">
-            <span class="text-page-title">{{ pageName }}</span>
-        </div>
-        <el-tabs v-model="activeName" class="demo-tabs" @tab-change="handleClick">
-            <el-tab-pane :label="t('weappAccessFlow')" name="/channel/weapp" />
-            <el-tab-pane :label="t('subscribeMessage')" name="/channel/weapp/message" />
-            <el-tab-pane :label="t('weappRelease')" name="/channel/weapp/code" />
-        </el-tabs>
-        <el-card class="box-card !border-none" shadow="never">
-            <el-alert class="warm-prompt !my-[20px]" type="info">
-                <template #default>
-                    <div class="flex">
-                        <el-icon class="mr-2 mt-[2px]" size="18">
-                            <Warning />
-                        </el-icon>
-                        <div>
-                            <p class="text-base">{{ t('operationTipTwo') }}</p>
-                        </div>
-                    </div>
-                </template>
-            </el-alert>
-            <div>
-                <el-table :data="cronTableData.data" :span-method="templateSpan" size="large" v-loading="cronTableData.loading">
+    <!--订阅消息-->
+    <div class="main-container">
+        <el-card class="card !border-none" shadow="never">
 
+            <div class="flex justify-between items-center">
+                <span class="text-page-title">{{ pageName }}</span>
+            </div>
+
+            <el-tabs v-model="activeName" class="my-[20px]" @tab-change="handleClick">
+                <el-tab-pane :label="t('weappAccessFlow')" name="/channel/weapp" />
+                <el-tab-pane :label="t('subscribeMessage')" name="/channel/weapp/message" />
+                <el-tab-pane :label="t('weappRelease')" name="/channel/weapp/code" />
+            </el-tabs>
+
+            <el-alert :title="t('operationTipTwo')" type="info" show-icon />
+
+            <div class="mt-[20px]">
+                <el-table :data="cronTableData.data" :span-method="templateSpan" size="large" v-loading="cronTableData.loading">
                     <template #empty>
                         <span>{{ !cronTableData.loading ? t('emptyData') : '' }}</span>
                     </template>
+
                     <el-table-column prop="addon_name" :label="t('addon')" min-width="120" />
                     <el-table-column prop="name" :show-overflow-tooltip="true" :label="t('name')" min-width="150" >
                         <template #default="{ row }">
                             <div class="flex items-center">
                                 <span class="mr-[5px]">{{row.name }}</span>
                                 <el-tooltip :content="row.weapp.tips" v-if="row.weapp.tips" placement="top">
-                                    <icon name="element-WarningFilled" />
+                                    <icon name="element WarningFilled" />
                                 </el-tooltip>
                             </div>
                         </template>
@@ -174,32 +168,4 @@ const infoSwitch = (res:any) => {
 
 </script>
 
-<style lang="scss" scoped>
-:deep(.el-tabs__item:hover) {
-    border-bottom: 2px solid var(--el-color-primary);
-}
-
-:deep(.el-tabs__item) {
-    padding: 0;
-}
-
-:deep(.el-tabs__item+.el-tabs__item) {
-    margin-right: 20px;
-    margin-left: 20px;
-    // border-bottom: 2px solid var(--el-color-primary);
-}
-
-:deep(.el-tabs--top) {
-    .el-tabs__active-bar {
-        display: none;
-    }
-
-    .el-tabs__item.is-active {
-        border-bottom: 2px solid var(--el-color-primary);
-    }
-
-    .el-tabs__item.is-top:nth-child(2) {
-        margin-right: 20px;
-    }
-
-}</style>
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/channel/wechat/access.vue b/admin/src/app/views/channel/wechat/access.vue
index f63f6b729..c1afeec48 100644
--- a/admin/src/app/views/channel/wechat/access.vue
+++ b/admin/src/app/views/channel/wechat/access.vue
@@ -1,147 +1,138 @@
 <template>
-    <div class="w-full p-5 bg-body">
-        <div class="flex justify-between items-center mb-[20px]">
-            <span class="text-page-title">{{ t('title') }}</span>
-        </div>
-        <el-tabs v-model="activeName" class="demo-tabs" @tab-change="handleClick">
-            <el-tab-pane :label="t('wechatAccessFlow')" name="/channel/wechat" />
-            <el-tab-pane :label="t('customMenu')" name="/channel/wechat/menu" />
-            <el-tab-pane :label="t('wechatTemplate')" name="/channel/wechat/message" />
-            <el-tab-pane :label="t('reply')" name="/channel/wechat/reply" />
-        </el-tabs>
-        <div class="p-[20px]">
-            <p class="text-[16px] mb-[20px]">{{ t("wechatInlet") }}</p>
-            <el-row>
-                <el-col :span="20">
-                    <el-steps direction="vertical">
-                        <el-step>
-                            <template #icon v-if="active > 1">
-                                <el-icon size="25px" class="text-color">
-                                    <CircleCheckFilled />
-                                </el-icon>
-                            </template>
-                            <template #icon v-else-if="active == 1">
-                                <div
-                                    class="w-[24px] h-[24px] box-border rounded-full bg-color1 flex items-center justify-center">
-                                    <div class="h-[12px] w-[12px] bg-color rounded-full"></div>
-                                </div>
-                            </template>
-                            <template #icon v-else>
-                                <div
-                                    class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">
-                                    1</div>
-                            </template>
-                            <template #title>
-                                <p class=" text-[14px] text-[#303133] font-[700]">
-                                    {{ t("wechatAttestation") }}
-                                </p>
-                            </template>
-                            <template #description>
-                                <span class="text-[#999]">{{ t("wechatAttestation1") }}</span>
-                                <div class="mt-[20px] mb-[40px] h-[32px]">
-                                    <el-button type="primary" @click="linkEvent('https://mp.weixin.qq.com/')">{{
-                                        t("clickAccess") }}</el-button>
-                                </div>
-                            </template>
-                        </el-step>
-                        <el-step>
-                            <template #icon v-if="active > 2">
-                                <el-icon size="25px">
-                                    <CircleCheckFilled />
-                                </el-icon>
-                            </template>
-                            <template #icon v-else-if="active == 2">
-                                <div
-                                    class="w-[24px] h-[24px] box-border rounded-full bg-color1 flex items-center justify-center">
-                                    <div class="h-[12px] w-[12px] bg-color rounded-full"></div>
-                                </div>
-                            </template>
-                            <template #icon v-else>
-                                <div
-                                    class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">
-                                    2</div>
-                            </template>
-                            <template #title>
-                                <p class=" text-[14px] text-[#303133] font-[700]">
-                                    {{ t("wechatSetting") }}
-                                </p>
-                            </template>
-                            <template #description>
-                                <span class="text-[#999]">{{ t("wechatSetting1") }}</span>
-                                <div class="mt-[20px] mb-[40px] h-[32px]">
-                                    <el-button type="primary" plain @click="router.push('/channel/wechat/config')">{{
-                                        t("settingInfo")
-                                    }}</el-button>
-                                </div>
-                            </template>
-                        </el-step>
-                        <el-step>
-                            <template #icon v-if="active > 3">
-                                <el-icon size="25px">
-                                    <CircleCheckFilled />
-                                </el-icon>
-                            </template>
-                            <template #icon v-else-if="active == 3">
-                                <div
-                                    class="w-[24px] h-[24px] box-border rounded-full bg-color1 flex items-center justify-center">
-                                    <div class="h-[12px] w-[12px] bg-color rounded-full"></div>
-                                </div>
-                            </template>
-                            <template #icon v-else>
-                                <div
-                                    class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">
-                                    3</div>
-                            </template>
-                            <template #title>
-                                <p class=" text-[14px] text-[#303133] font-[700]">
-                                    {{ t("wechatAccess") }}
-                                </p>
-                            </template>
-                            <template #description>
-                                <span class="text-[#999]">{{ t("wechatAccess") }}</span>
-                                <div class="mt-[20px] mb-[40px] h-[32px]">
-                                    <el-button type="primary" plain @click="router.push('/channel/wechat/course')">{{
-                                        t("releaseCourse")
-                                    }}</el-button>
-                                </div>
-                            </template>
-                        </el-step>
-                    </el-steps>
-                </el-col>
-                <el-col :span="4">
-                    <div class="flex justify-center">
-                        <el-image class="w-[180px] h-[180px]" :src="qrcode ? img(qrcode) : ''">
-                            <template #error>
-                                <div class="w-[100%] h-[100%] flex items-center  justify-center bg-[#f5f7fa]">
-                                    <span>{{ qrcode ? t('fileErr') : t('emptyQrCode') }}</span>
-                                </div>
-                            </template>
-                        </el-image>
-                    </div>
-                    <div class="mt-[22px] text-center">
-                        <p class=" text-[14px] text-[#303133] font-[700]">{{ t('clickAccess2') }}</p>
-                    </div>
-                </el-col>
-            </el-row>
-        </div>
+    <!--微信公众号-->
+    <div class="main-container">
+        <el-card class="card !border-none" shadow="never">
+
+            <div class="flex justify-between items-center">
+                <span class="text-page-title">{{ pageName }}</span>
+            </div>
+
+            <el-tabs v-model="activeName" class="my-[20px]" @tab-change="handleClick">
+                <el-tab-pane :label="t('wechatAccessFlow')" name="/channel/wechat" />
+                <el-tab-pane :label="t('customMenu')" name="/channel/wechat/menu" />
+                <el-tab-pane :label="t('wechatTemplate')" name="/channel/wechat/message" />
+                <el-tab-pane :label="t('reply')" name="/channel/wechat/reply" />
+            </el-tabs>
+
+            <div class="p-[20px]">
+                <h3 class="panel-title !text-sm">{{ t("wechatInlet") }}</h3>
+
+                <el-row>
+                    <el-col :span="20">
+                        <el-steps class="!mt-[10px]" :active="3" direction="vertical">
+                            <el-step>
+                                <template #title>
+                                    <p class="text-[14px] font-[700]">
+                                        {{ t("wechatAttestation") }}
+                                    </p>
+                                </template>
+                                <template #description>
+                                    <span class="text-[#999]">{{ t("wechatAttestation1") }}</span>
+                                    <div class="mt-[20px] mb-[40px] h-[32px]">
+                                        <el-button type="primary" @click="linkEvent('https://mp.weixin.qq.com/')">{{ t("clickAccess") }}</el-button>
+                                    </div>
+                                </template>
+                            </el-step>
+
+                            <el-step>
+                                <template #title>
+                                    <p class="text-[14px] font-[700]">
+                                        {{ t("wechatSetting") }}
+                                    </p>
+                                </template>
+                                <template #description>
+                                    <span class="text-[#999]">{{ t("wechatSetting1") }}</span>
+                                    <div class="mt-[20px] mb-[40px] h-[32px]">
+                                        <template v-if="oplatformConfig.app_id && oplatformConfig.app_secret">
+                                            <el-button type="primary" @click="router.push('/channel/wechat/config')">{{ wechatConfig.app_id ? t("seeConfig") : t("clickSetting") }}</el-button>
+                                            <el-button type="primary" plain @click="authBindWechat">{{ wechatConfig.is_authorization ? t("refreshAuth") : t("authWechat") }}</el-button>
+                                        </template>
+                                        <template v-else>
+                                            <el-button type="primary" @click="router.push('/channel/wechat/config')">{{ t("clickSetting") }}</el-button>
+                                        </template>
+                                    </div>
+                                </template>
+                            </el-step>
+
+                            <el-step>
+                                <template #title>
+                                    <p class="text-[14px] font-[700]">
+                                        {{ t("wechatAccess") }}
+                                    </p>
+                                </template>
+                                <template #description>
+                                    <span class="text-[#999]">{{ t("wechatAccess") }}</span>
+                                    <div class="mt-[20px] mb-[40px] h-[32px]">
+                                        <el-button type="primary" plain @click="router.push('/channel/wechat/course')">{{ t("releaseCourse") }}</el-button>
+                                    </div>
+                                </template>
+                            </el-step>
+                        </el-steps>
+                    </el-col>
+
+                    <el-col :span="4">
+                        <div class="flex justify-center">
+                            <el-image class="w-[180px] h-[180px]" :src="qrcode ? img(qrcode) : ''">
+                                <template #error>
+                                    <div class="w-[100%] h-[100%] flex items-center justify-center bg-[#f5f7fa]">
+                                        <span>{{ qrcode ? t('fileErr') : t('emptyQrCode') }}</span>
+                                    </div>
+                                </template>
+                            </el-image>
+                        </div>
+                        <div class="mt-[22px] text-center">
+                            <p class="text-[12px]">{{ t('clickAccess2') }}</p>
+                        </div>
+                    </el-col>
+                </el-row>
+            </div>
+        </el-card>
     </div>
 </template>
 
 <script lang="ts" setup>
-import { ref, onMounted } from 'vue'
-import { useRouter } from 'vue-router'
+import { ref, onMounted, onUnmounted } from 'vue'
 import { t } from '@/lang'
 import { img } from '@/utils/common'
 import { getWechatConfig } from '@/app/api/wechat'
+import { getAuthorizationUrl } from '@/app/api/wxoplatform'
+import { getWxoplatform } from '@/app/api/sys'
+import { useRoute, useRouter } from 'vue-router'
 
+const route = useRoute()
 const router = useRouter()
+const pageName = route.meta.title
+
 const activeName = ref('/channel/wechat')
 const active = ref(2)
 const qrcode = ref('')
+const wechatConfig = ref({})
+const oplatformConfig = ref({})
+
+const onShowGetWechatConfig = async () => {
+    await getWechatConfig().then(({data}) => {
+        wechatConfig.value = data
+        qrcode.value = data.qr_code
+    })
+}
 
 onMounted(async () => {
-    const res = await getWechatConfig()
-    qrcode.value = res.data.qr_code
+    onShowGetWechatConfig()
+
+    await getWxoplatform().then(({ data }) => {
+        oplatformConfig.value = data
+    })
+
+    document.addEventListener('visibilitychange', () => {
+        if (document.visibilityState === 'visible') {
+            onShowGetWechatConfig()
+        }
+    })
+})
+
+onUnmounted(() => {
+    document.removeEventListener('visibilitychange', () => {
+    })
 })
 
 const linkEvent = (url: string) => {
@@ -151,67 +142,12 @@ const linkEvent = (url: string) => {
 const handleClick = (val: any) => {
     router.push({ path: activeName.value })
 }
+
+const authBindWechat = () => {
+    getAuthorizationUrl().then(({ data }) => {
+        window.open(data)
+    })
+}
 </script>
 
-<style lang="scss" scoped>
-.progress-point {
-    flex-grow: 1;
-    list-style: none;
-}
-
-.border-color {
-    border-color: var(--el-color-primary);
-}
-
-.bg-color {
-    background-color: var(--el-color-primary);
-}
-
-.text-color {
-    color: var(--el-color-primary);
-}
-
-.bg-color1 {
-    background-color: var(--el-color-info-light-8);
-}
-
-:deep(.el-tabs__item:hover) {
-    border-bottom: 2px solid var(--el-color-primary);
-}
-
-:deep(.el-tabs__item) {
-    padding: 0;
-}
-
-:deep(.el-tabs__item+.el-tabs__item) {
-    margin-right: 20px;
-    margin-left: 20px;
-    // border-bottom: 2px solid var(--el-color-primary);
-}
-
-:deep(.el-tabs--top) {
-    .el-tabs__active-bar {
-        display: none;
-    }
-
-    .el-tabs__item.is-active {
-        border-bottom: 2px solid var(--el-color-primary);
-    }
-
-    .el-tabs__item.is-top:nth-child(2) {
-        margin-right: 20px;
-    }
-
-}
-
-:deep(.el-step.is-vertical .el-step__icon.is-icon) {
-    padding: 8px 0;
-    height: 40px;
-    background-color: #fff;
-}
-
-:deep(.el-step__title) {
-    height: 40px;
-    line-height: 40px !important;
-}
-</style>
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/channel/wechat/components/news-card.vue b/admin/src/app/views/channel/wechat/components/news-card.vue
index 3a489824b..ec704a786 100644
--- a/admin/src/app/views/channel/wechat/components/news-card.vue
+++ b/admin/src/app/views/channel/wechat/components/news-card.vue
@@ -23,7 +23,7 @@
                 {{ data.value.news_item[0].title }}
             </div>
             <div class="absolute z-[1] flex items-center justify-center w-full h-full inset-0 bg-black bg-opacity-60 cursor-pointer" @click="data = null" v-show="hover && props.mode == 'select'">
-                <icon name="element-Delete" color="#fff" size="40px" />
+                <icon name="element Delete" color="#fff" size="40px" />
             </div>
         </div>
     </div>
diff --git a/admin/src/app/views/channel/wechat/components/reply-form.vue b/admin/src/app/views/channel/wechat/components/reply-form.vue
index 8dc2ad6d4..1a64f97a9 100644
--- a/admin/src/app/views/channel/wechat/components/reply-form.vue
+++ b/admin/src/app/views/channel/wechat/components/reply-form.vue
@@ -1,29 +1,24 @@
 <template>
     <div class="border border-br-light rounded">
         <div class="py-[10px] px-[30px] flex text-sm border-0 border-b border-br-light text-tx-regular">
-            <div class="pr-[25px] cursor-pointer flex items-center" :class="{'text-primary': formData.msgtype == 'text'}"
-                 @click="switchMsgType('text')">
-                <icon name="iconfont-iconxingzhuang-wenzi" size="18" class="mr-[5px]"/>
+            <div class="pr-[25px] cursor-pointer flex items-center" :class="{'text-primary': formData.msgtype == 'text'}" @click="switchMsgType('text')">
+                <icon name="iconfont iconxingzhuang-wenzi" size="18" class="mr-[5px]"/>
                 文本
             </div>
-            <div class="pr-[25px] cursor-pointer flex items-center" :class="{'text-primary': formData.msgtype == 'image'}"
-                 @click="switchMsgType('image')">
-                <icon name="iconfont-icontupian" size="18px" class="mr-[5px]"/>
+            <div class="pr-[25px] cursor-pointer flex items-center" :class="{'text-primary': formData.msgtype == 'image'}" @click="switchMsgType('image')">
+                <icon name="iconfont icontupian" size="18px" class="mr-[5px]"/>
                 图片
             </div>
-            <div class="pr-[25px] cursor-pointer flex items-center" :class="{'text-primary': formData.msgtype == 'video'}"
-                 @click="switchMsgType('video')">
-                <icon name="iconfont-iconshipin1" size="18" class="mr-[5px]"/>
+            <div class="pr-[25px] cursor-pointer flex items-center" :class="{'text-primary': formData.msgtype == 'video'}" @click="switchMsgType('video')">
+                <icon name="iconfont iconshipin1" size="18" class="mr-[5px]"/>
                 视频
             </div>
-            <div class="pr-[25px] cursor-pointer flex items-center" :class="{'text-primary': formData.msgtype == 'mpnewsarticle'}"
-                 @click="switchMsgType('mpnewsarticle')">
-                <icon name="iconfont-icontuwendaohang2" size="13px" class="mr-[5px]"/>
+            <div class="pr-[25px] cursor-pointer flex items-center" :class="{'text-primary': formData.msgtype == 'mpnewsarticle'}" @click="switchMsgType('mpnewsarticle')">
+                <icon name="iconfont icontuwendaohang2" size="13px" class="mr-[5px]"/>
                 图文
             </div>
-            <div class="pr-[25px] cursor-pointer flex items-center" :class="{'text-primary': formData.msgtype == 'miniprogrampage'}"
-                 @click="switchMsgType('miniprogrampage')">
-                <icon name="iconfont-iconxiaochengxu" size="14px" class="mr-[5px]"/>
+            <div class="pr-[25px] cursor-pointer flex items-center" :class="{'text-primary': formData.msgtype == 'miniprogrampage'}" @click="switchMsgType('miniprogrampage')">
+                <icon name="iconfont iconxiaochengxu" size="14px" class="mr-[5px]"/>
                 小程序卡片
             </div>
         </div>
@@ -43,7 +38,7 @@
                     <div class="flex flex-1 h-full border border-br-light cursor-pointer select-media">
                         <select-wechat-media type="image" @success="setImageMedia">
                             <div class="flex items-center justify-center flex-col">
-                                <icon name="element-Plus" size="20px" color="var(--el-text-color-secondary)" />
+                                <icon name="element Plus" size="20px" color="var(--el-text-color-secondary)" />
                                 <div class="leading-none text-xs mt-[10px] text-secondary">从素材库选择</div>
                             </div>
                         </select-wechat-media>
@@ -51,7 +46,7 @@
                     <div class="flex flex-1 h-full ml-[20px] border border-br-light cursor-pointer">
                         <upload-media type="image" class="w-full h-full flex items-center justify-center" @success="setImageMedia">
                             <div class="flex items-center justify-center flex-col">
-                                <icon name="element-Plus" size="20px" color="var(--el-text-color-secondary)" />
+                                <icon name="element Plus" size="20px" color="var(--el-text-color-secondary)" />
                                 <div class="leading-none text-xs mt-[10px] text-secondary">上传图片</div>
                             </div>
                         </upload-media>
@@ -66,7 +61,7 @@
                     <div class="flex flex-1 h-full border border-br-light cursor-pointer select-media">
                         <select-wechat-media type="video" @success="setVideoMedia">
                             <div class="flex items-center justify-center flex-col">
-                                <icon name="element-Plus" size="20px" color="var(--el-text-color-secondary)" />
+                                <icon name="element Plus" size="20px" color="var(--el-text-color-secondary)" />
                                 <div class="leading-none text-xs mt-[10px] text-secondary">从素材库选择</div>
                             </div>
                         </select-wechat-media>
@@ -74,7 +69,7 @@
                     <div class="flex flex-1 h-full ml-[20px] border border-br-light cursor-pointer">
                         <upload-media type="video" class="w-full h-full flex items-center justify-center" @success="setVideoMedia">
                             <div class="flex items-center justify-center flex-col">
-                                <icon name="element-Plus" size="20px" color="var(--el-text-color-secondary)" />
+                                <icon name="element Plus" size="20px" color="var(--el-text-color-secondary)" />
                                 <div class="leading-none text-xs mt-[10px] text-secondary">上传视频</div>
                             </div>
                         </upload-media>
@@ -89,7 +84,7 @@
                     <div class="flex flex-1 h-full border border-br-light cursor-pointer select-media">
                         <select-wechat-media type="news" @success="setNewsMedia">
                             <div class="flex items-center justify-center flex-col">
-                                <icon name="element-Plus" size="20px" color="var(--el-text-color-secondary)" />
+                                <icon name="element Plus" size="20px" color="var(--el-text-color-secondary)" />
                                 <div class="leading-none text-xs mt-[10px] text-secondary">从素材库选择</div>
                             </div>
                         </select-wechat-media>
@@ -113,7 +108,7 @@
                         <select-wechat-media type="image" @success="setWeappImageMedia" v-else>
                             <div class="rounded cursor-pointer overflow-hidden relative border border-solid border-color image-wrap mr-[10px] w-[100px] h-[100px]">
                                 <div class="w-full h-full flex items-center justify-center flex-col content-wrap">
-                                    <icon name="element-Plus" size="20px" color="var(--el-text-color-secondary)" />
+                                    <icon name="element Plus" size="20px" color="var(--el-text-color-secondary)" />
                                     <div class="leading-none text-xs mt-[10px] text-secondary">{{ t('upload.root') }}</div>
                                 </div>
                             </div>
diff --git a/admin/src/app/views/channel/wechat/components/select-wechat-media.vue b/admin/src/app/views/channel/wechat/components/select-wechat-media.vue
index 21d126e41..3665a24d1 100644
--- a/admin/src/app/views/channel/wechat/components/select-wechat-media.vue
+++ b/admin/src/app/views/channel/wechat/components/select-wechat-media.vue
@@ -2,8 +2,7 @@
     <div @click="openDialog">
         <slot></slot>
     </div>
-    <el-dialog v-model="showDialog" :title="t('upload.select' + type)" width="60%" class="attachment-dialog"
-        :destroy-on-close="true">
+    <el-dialog v-model="showDialog" :title="t('upload.select' + type)" width="60%" class="attachment-dialog" :destroy-on-close="true">
         <div class="flex border-t border-b main-wrap border-color w-full h-[40vh]">
             <!-- 素材 -->
             <div class="attachment-list-wrap flex flex-col p-[15px] flex-1 overflow-hidden">
@@ -24,15 +23,13 @@
                         <!-- 素材管理 -->
                         <div v-if="attachment.data.length">
                             <div class="flex flex-wrap" v-if="prop.type != 'news'">
-                                <div class="attachment-item mr-[10px] mb-[10px] w-[120px]" v-for="(item, index) in attachment.data"
-                                     :key="index" @click="selectedFile = item">
+                                <div class="attachment-item mr-[10px] mb-[10px] w-[120px]" v-for="(item, index) in attachment.data" :key="index" @click="selectedFile = item">
                                     <div
                                         class="attachment-wrap w-full rounded cursor-pointer overflow-hidden relative flex items-center justify-center h-[120px]">
-                                        <el-image :src="img(item.value)" fit="contain" v-if="type == 'image'"
-                                                  :preview-src-list="item.image_list" />
+                                        <el-image :src="img(item.value)" fit="contain" v-if="type == 'image'" :preview-src-list="item.image_list" />
                                         <video :src="img(item.value)" v-else-if="type == 'video'"></video>
                                         <div class="absolute z-[1] flex items-center justify-center w-full h-full inset-0 bg-black bg-opacity-60" v-show="selectedFile.id == item.id">
-                                            <icon name="element-Select" color="#fff" size="40px" />
+                                            <icon name="element Select" color="#fff" size="40px" />
                                         </div>
                                     </div>
                                 </div>
@@ -64,16 +61,14 @@
                                             {{ item.value.news_item[0].title }}
                                         </div>
                                         <div class="absolute z-[1] flex items-center justify-center w-full h-full inset-0 bg-black bg-opacity-60" v-show="selectedFile.id == item.id">
-                                            <icon name="element-Select" color="#fff" size="40px" />
+                                            <icon name="element Select" color="#fff" size="40px" />
                                         </div>
                                     </div>
                                 </div>
                             </div>
                         </div>
                         <div class="flex items-center justify-center" v-else>
-                            <el-empty v-if="!attachment.loading"
-                                :description="t('upload.mediaEmpty')"
-                                :image-size="100" />
+                            <el-empty v-if="!attachment.loading" :description="t('upload.mediaEmpty')" :image-size="100" />
                         </div>
                     </el-scrollbar>
                 </div>
@@ -198,8 +193,7 @@
                     heights[i] = item.clientHeight + 10
                 } else {
                     let minHeight = Math.min(...heights) //  找到第一列的最小高度
-                    let minIndex = heights.findIndex(item => item ===
-                        minHeight) // 找到最小高度的索引
+                    let minIndex = heights.findIndex(item => item === minHeight) // 找到最小高度的索引
                     let position = {}
                     position.top = minHeight + 10 + "px"
                     position.left = positions[minIndex].left
diff --git a/admin/src/app/views/channel/wechat/config.vue b/admin/src/app/views/channel/wechat/config.vue
index 05bea78a3..38ecded8b 100644
--- a/admin/src/app/views/channel/wechat/config.vue
+++ b/admin/src/app/views/channel/wechat/config.vue
@@ -1,49 +1,44 @@
 <template>
+    <!--公众号配置-->
     <div class="main-container">
-        <div class="detail-head">
-            <div class="left" @click="router.push({ path: '/channel/wechat' })">
-                <span class="iconfont iconxiangzuojiantou !text-xs"></span>
-                <span class="ml-[1px]">{{ t('returnToPreviousPage') }}</span>
-            </div>
-            <span class="adorn">|</span>
-            <span class="right">{{ pageName }}</span>
-        </div>
 
-        <el-form :model="formData" label-width="150px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
+        <el-card class="card !border-none" shadow="never">
+            <el-page-header :content="pageName" :icon="ArrowLeft" @back="$router.back()" />
+        </el-card>
+
+        <el-form class="page-form mt-[15px]" :model="formData" label-width="150px" ref="formRef" :rules="formRules" v-loading="loading">
             <el-card class="box-card !border-none" shadow="never">
                 <h3 class="panel-title !text-sm">{{ t('wechatInfo') }}</h3>
 
                 <el-form-item :label="t('wechatName')" prop="wechat_name">
-                    <el-input v-model.trim="formData.wechat_name" :placeholder="t('wechatNamePlaceholder')" class="input-width" clearable />
+                    <el-input v-model.trim="formData.wechat_name" :placeholder="t('wechatNamePlaceholder')" class="input-width" clearable :readonly="formData.is_authorization"/>
                 </el-form-item>
 
                 <el-form-item :label="t('wechatOriginal')" prop="wechat_original">
-                    <el-input v-model.trim="formData.wechat_original" :placeholder="t('wechatOriginalPlaceholder')" class="input-width" clearable />
+                    <el-input v-model.trim="formData.wechat_original" :placeholder="t('wechatOriginalPlaceholder')" class="input-width" clearable :readonly="formData.is_authorization"/>
                 </el-form-item>
 
                 <el-form-item :label="t('wechatQrcode')" prop="qr_code">
                     <upload-image v-model="formData.qr_code" />
                     <div class="form-tip">{{ t('wechatQrcodeTips') }}</div>
                 </el-form-item>
-
             </el-card>
 
-            <el-card class="box-card !border-none mt-[16px]" shadow="never">
+            <el-card class="box-card !border-none mt-[15px]" shadow="never">
                 <h3 class="panel-title !text-sm">{{ t('wechatDevelopInfo') }}</h3>
 
                 <el-form-item :label="t('wechatAppid')" prop="app_id">
-                    <el-input v-model.trim="formData.app_id" :placeholder="t('appidPlaceholder')" class="input-width" clearable />
+                    <el-input v-model.trim="formData.app_id" :placeholder="t('appidPlaceholder')" class="input-width" clearable :readonly="formData.is_authorization"/>
                     <div class="form-tip">{{ t('wechatAppidTips') }}</div>
                 </el-form-item>
 
-                <el-form-item :label="t('wechatAppsecret')" prop="app_secret">
+                <el-form-item :label="t('wechatAppsecret')" prop="app_secret" v-if="!formData.is_authorization">
                     <el-input v-model.trim="formData.app_secret" :placeholder="t('appSecretPlaceholder')" class="input-width" clearable />
                     <div class="form-tip">{{ t('wechatAppsecretTips') }}</div>
                 </el-form-item>
-
             </el-card>
 
-            <el-card class="box-card !border-none mt-[16px]" shadow="never">
+            <el-card class="box-card !border-none mt-[15px]" shadow="never">
                 <h3 class="panel-title !text-sm">{{ t('theServerSetting') }}</h3>
 
                 <el-form-item label="URL">
@@ -76,7 +71,7 @@
                 </el-form-item>
             </el-card>
 
-            <el-card class="box-card !border-none mt-[16px]" shadow="never">
+            <el-card class="box-card !border-none mt-[15px]" shadow="never">
                 <div class="flex">
                     <h3 class="panel-title !text-sm">{{ t('functionSetting') }}</h3>
                 </div>
@@ -111,7 +106,6 @@
                         </template>
                     </el-input>
                 </el-form-item>
-
             </el-card>
         </el-form>
 
@@ -124,11 +118,12 @@
 </template>
 
 <script lang="ts" setup>
-import { reactive, ref, watch } from 'vue'
+import { reactive, ref, watch, computed } from 'vue'
 import { t } from '@/lang'
 import { getWechatConfig, getWechatStatic, editWechatConfig } from '@/app/api/wechat'
 import { useClipboard } from '@vueuse/core'
-import { ElMessage, FormInstance, FormRules } from 'element-plus'
+import { ElMessage, FormInstance } from 'element-plus'
+import { ArrowLeft } from '@element-plus/icons-vue'
 import { useRoute, useRouter } from 'vue-router'
 
 const route = useRoute()
@@ -137,7 +132,7 @@ const pageName = route.meta.title
 
 const loading = ref(true)
 
-const formData = reactive<Record<string, string>>({
+const formData = reactive<Record<string, any>>({
     wechat_name: '',
     wechat_original: '',
     app_id: '',
@@ -145,31 +140,34 @@ const formData = reactive<Record<string, string>>({
     qr_code: '',
     token: '',
     encoding_aes_key: '',
-    encryption_type: 'not_encrypt'
+    encryption_type: 'not_encrypt',
+    is_authorization: 0
 })
 
 const formRef = ref<FormInstance>()
 
 // 表单验证规则
-const formRules = reactive<FormRules>({
-    wechat_name: [
-        { required: true, message: t('wechatNamePlaceholder'), trigger: 'blur' }
-    ],
-    wechat_original: [
-        { required: true, message: t('wechatOriginalPlaceholder'), trigger: 'blur' }
-    ],
-    app_id: [
-        { required: true, message: t('appidPlaceholder'), trigger: 'blur' }
-    ],
-    app_secret: [
-        { required: true, message: t('appSecretPlaceholder'), trigger: 'blur' }
-    ],
-    token: [
-        { required: true, message: t('tokenPlaceholder'), trigger: 'blur' }
-    ],
-    encoding_aes_key: [
-        { required: true, message: t('encodingAesKeyPlaceholder'), trigger: 'blur' }
-    ]
+const formRules = computed(() => {
+    return {
+        wechat_name: [
+            { required: true, message: t('wechatNamePlaceholder'), trigger: 'blur' }
+        ],
+        wechat_original: [
+            { required: true, message: t('wechatOriginalPlaceholder'), trigger: 'blur' }
+        ],
+        app_id: [
+            { required: true, message: t('appidPlaceholder'), trigger: 'blur' }
+        ],
+        app_secret: [
+            { required: !formData.is_authorization, message: t('appSecretPlaceholder'), trigger: 'blur' }
+        ],
+        token: [
+            { required: true, message: t('tokenPlaceholder'), trigger: 'blur' }
+        ],
+        encoding_aes_key: [
+            { required: true, message: t('encodingAesKeyPlaceholder'), trigger: 'blur' }
+        ]
+    }
 })
 
 /**
diff --git a/admin/src/app/views/channel/wechat/course.vue b/admin/src/app/views/channel/wechat/course.vue
index 5eaeae270..0ba78e867 100644
--- a/admin/src/app/views/channel/wechat/course.vue
+++ b/admin/src/app/views/channel/wechat/course.vue
@@ -1,68 +1,60 @@
 <template>
-	<div class="main-container">
-		<div class="detail-head">
-			<div class="left" @click="router.push({ path: '/channel/wechat' })">
-				<span class="iconfont iconxiangzuojiantou !text-xs"></span>
-				<span class="ml-[1px]">{{ t('returnToPreviousPage') }}</span>
-			</div>
-			<span class="adorn">|</span>
-			<span class="right">{{ pageName }}</span>
-		</div>
-		<el-card class="box-card !border-none" shadow="never">
+    <!--发布教程-->
+    <div class="main-container">
 
-			<div class="mt-[20px]">
-				<div class="flex">
-					<div class="min-w-[60px]">
-						<span
-							class="flex justify-center items-center block w-[40px] h-[40px] border-[1px] border-primary rounded-[999px] text-primary">1</span>
-					</div>
-					<div>
-						<p class="flex items-center text-[14px]">{{ t('writingTipsOne1') }}--<el-button link type="primary"
-								@click="linkEvent">{{ t('writingTipsOne2') }}</el-button>, {{ t('writingTipsOne3') }}<span
-								class="text-primary">URL / Token / EncondingAESKey</span>{{ t('writingTipsOne4') }}</p>
-						<div class="w-[100%] mt-[10px]">
-							<img class="w-[100%]" src="@/app/assets/images/setting/wechat_1.png" />
-						</div>
-						<p class="flex items-center text-[14px] mt-[20px]">{{ t('writingTipsOne5') }}</p>
-						<div class="w-[100%] mt-[10px]">
-							<img class="w-[100%]" src="@/app/assets/images/setting/wechat_4.png" />
-						</div>
-					</div>
-				</div>
-				<div class="flex mt-[40px]">
-					<div class="min-w-[60px]">
-						<span
-							class="flex justify-center items-center block w-[40px] h-[40px] border-[1px] border-primary rounded-[999px] text-primary">2</span>
-					</div>
-					<div>
-						<p class="flex items-center text-[14px]">{{ t('writingTipsTwo1') }}</p>
-						<div class="w-[100%] mt-[10px]">
-							<img class="w-[100%]" src="@/app/assets/images/setting/wechat_2.png" />
-						</div>
-					</div>
-				</div>
-				<div class="flex mt-[40px]">
-					<div class="min-w-[60px]">
-						<span
-							class="flex justify-center items-center block w-[40px] h-[40px] border-[1px] border-primary rounded-[999px] text-primary">3</span>
-					</div>
-					<div>
-						<p class="flex items-center text-[14px]">{{ t('writingTipsThree1') }}<span
-								class="text-primary">{{ t('writingTipsThree2') }}</span></p>
-						<div class="w-[100%] mt-[10px]">
-							<img class="w-[100%]" src="@/app/assets/images/setting/wechat_3.png" />
-						</div>
-					</div>
-				</div>
-			</div>
-		</el-card>
-	</div>
+        <el-card class="card !border-none" shadow="never">
+            <el-page-header :content="pageName" :icon="ArrowLeft" @back="$router.back()" />
+        </el-card>
+
+        <el-card class="box-card mt-[15px] pt-[20px] !border-none" shadow="never">
+            <div class="flex">
+                <div class="min-w-[60px]">
+                    <span class="flex justify-center items-center block w-[40px] h-[40px] border-[1px] border-primary rounded-[999px] text-primary">1</span>
+                </div>
+                <div>
+                    <p class="flex items-center text-[14px]">{{ t('writingTipsOne1') }}--<el-button link type="primary"
+                            @click="linkEvent">{{ t('writingTipsOne2') }}</el-button>, {{ t('writingTipsOne3') }}<span
+                            class="text-primary">URL / Token / EncondingAESKey</span>{{ t('writingTipsOne4') }}</p>
+                    <div class="w-[100%] mt-[10px]">
+                        <img class="w-[100%]" src="@/app/assets/images/setting/wechat_1.png" />
+                    </div>
+                    <p class="flex items-center text-[14px] mt-[20px]">{{ t('writingTipsOne5') }}</p>
+                    <div class="w-[100%] mt-[10px]">
+                        <img class="w-[100%]" src="@/app/assets/images/setting/wechat_4.png" />
+                    </div>
+                </div>
+            </div>
+            <div class="flex mt-[40px]">
+                <div class="min-w-[60px]">
+                    <span class="flex justify-center items-center block w-[40px] h-[40px] border-[1px] border-primary rounded-[999px] text-primary">2</span>
+                </div>
+                <div>
+                    <p class="flex items-center text-[14px]">{{ t('writingTipsTwo1') }}</p>
+                    <div class="w-[100%] mt-[10px]">
+                        <img class="w-[100%]" src="@/app/assets/images/setting/wechat_2.png" />
+                    </div>
+                </div>
+            </div>
+            <div class="flex mt-[40px]">
+                <div class="min-w-[60px]">
+                    <span class="flex justify-center items-center block w-[40px] h-[40px] border-[1px] border-primary rounded-[999px] text-primary">3</span>
+                </div>
+                <div>
+                    <p class="flex items-center text-[14px]">{{ t('writingTipsThree1') }}<span class="text-primary">{{ t('writingTipsThree2') }}</span></p>
+                    <div class="w-[100%] mt-[10px]">
+                        <img class="w-[100%]" src="@/app/assets/images/setting/wechat_3.png" />
+                    </div>
+                </div>
+            </div>
+        </el-card>
+    </div>
 </template>
 
 <script lang="ts" setup>
 import { reactive, ref } from 'vue'
 import { t } from '@/lang'
 import { getWechatConfig } from '@/app/api/wechat'
+import { ArrowLeft } from '@element-plus/icons-vue'
 import { useRouter, useRoute } from 'vue-router'
 
 const route = useRoute()
diff --git a/admin/src/app/views/channel/wechat/keyword_reply_edit.vue b/admin/src/app/views/channel/wechat/keyword_reply_edit.vue
index 3f0e8d021..8e2063a17 100644
--- a/admin/src/app/views/channel/wechat/keyword_reply_edit.vue
+++ b/admin/src/app/views/channel/wechat/keyword_reply_edit.vue
@@ -1,15 +1,12 @@
 <template>
+    <!--关键字回复添加/编辑-->
     <div class="main-container">
-        <div class="detail-head">
-            <div class="left" @click="router.push({ path: '/channel/wechat/reply' })">
-                <span class="iconfont iconxiangzuojiantou !text-xs"></span>
-                <span class="ml-[1px]">{{ t('returnToPreviousPage') }}</span>
-            </div>
-            <span class="adorn">|</span>
-            <span class="right">{{ pageName }}</span>
-        </div>
 
-        <el-form :model="formData" label-width="150px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
+        <el-card class="card !border-none" shadow="never">
+            <el-page-header :content="pageName" :icon="ArrowLeft" @back="$router.back()" />
+        </el-card>
+
+        <el-form class="page-form mt-[15px]" :model="formData" label-width="150px" ref="formRef" :rules="formRules" v-loading="loading">
             <el-card class="box-card !border-none" shadow="never">
 
                 <el-form-item :label="t('ruleName')" prop="name">
@@ -46,7 +43,7 @@
                             <div class="w-[300px] bg-page p-[10px] mr-[10px] mb-[10px] rounded" v-if="item.msgtype == 'miniprogrampage'">
                                 小程序卡片【{{ item.miniprogrampage.appid }}】
                             </div>
-                            <icon name="element-Delete" class="cursor-pointer" @click="removeContent(index)"/>
+                            <icon name="element Delete" class="cursor-pointer" @click="removeContent(index)"/>
                         </div>
                         <div class="mt-[10px]">
                             <el-button type="primary" @click="showDialog = true">{{ t('addReplyContent') }}</el-button>
@@ -68,19 +65,18 @@
                 <el-button type="primary" :loading="loading" @click="save(formRef)">{{ t('save') }}</el-button>
             </div>
         </div>
+
+        <el-dialog v-model="showDialog" :title="t('addReplyContent')" width="60%" :destroy-on-close="true">
+            <reply-form v-model="replyContent" ref="ReplyRef"/>
+
+            <template #footer>
+                <span class="dialog-footer">
+                    <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                    <el-button type="primary" @click="addReplyContent">{{ t('confirm') }}</el-button>
+                </span>
+            </template>
+        </el-dialog>
     </div>
-
-    <el-dialog v-model="showDialog" :title="t('addReplyContent')" width="60%"
-       :destroy-on-close="true">
-        <reply-form v-model="replyContent" ref="ReplyRef"/>
-
-        <template #footer>
-            <span class="dialog-footer">
-                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
-                <el-button type="primary" @click="addReplyContent">{{ t('confirm') }}</el-button>
-            </span>
-        </template>
-    </el-dialog>
 </template>
 
 <script lang="ts" setup>
@@ -88,6 +84,7 @@ import { reactive, ref } from 'vue'
 import { t } from '@/lang'
 import { getKeywordsReplyInfo, editKeywordsReply, addKeywordsReply } from '@/app/api/wechat'
 import { ElMessage, FormInstance, FormRules } from 'element-plus'
+import { ArrowLeft } from '@element-plus/icons-vue'
 import { useRoute, useRouter } from 'vue-router'
 import ReplyForm from '@/app/views/channel/wechat/components/reply-form.vue'
 import NewsCard from '@/app/views/channel/wechat/components/news-card.vue'
diff --git a/admin/src/app/views/channel/wechat/menu.vue b/admin/src/app/views/channel/wechat/menu.vue
index abed6f0ef..21c73894a 100644
--- a/admin/src/app/views/channel/wechat/menu.vue
+++ b/admin/src/app/views/channel/wechat/menu.vue
@@ -1,85 +1,88 @@
 <template>
-    <div class="main-container p-5 bg-[#fff] rounded-[4px]">
-        <div class="flex justify-between items-center mb-[20px]">
-            <span class="text-page-title">{{ pageName }}</span>
-        </div>
-        <el-tabs v-model="activeName" class="demo-tabs" @tab-change="handleClick">
-            <el-tab-pane :label="t('wechatAccessFlow')" name="/channel/wechat" />
-            <el-tab-pane :label="t('customMenu')" name="/channel/wechat/menu" />
-            <el-tab-pane :label="t('wechatTemplate')" name="/channel/wechat/message" />
-            <el-tab-pane :label="t('reply')" name="/channel/wechat/reply" />
-        </el-tabs>
-        <div class="flex" v-loading="loading">
-            <div class="preview-wrap w-[300px] h-[550px] mr-[16px] bg-overlay rounded-md flex flex-col justify-between border border-color">
-                <div class="head w-full h-[70px]"></div>
+    <!--自定义菜单-->
+    <div class="main-container">
+        <el-card class="card !border-none" shadow="never">
 
-                <div class="menu-list h-[70px] flex border-t border-color">
-                    <div class="py-[15px]">
-                        <div class="flex h-full px-[10px] items-center justify-center border-r border-color">
-                            <icon name="iconfont-iconjianpan" size="20px" color="#b1b2b3" />
-                        </div>
-                    </div>
-                    <div class="flex-1 flex w-0">
-                        <div class="menu-item py-[15px] flex items-center justify-center cursor-pointer"
-                            :class="{ 'size-1': button.length == 1, 'size-2-3': button.length > 1, 'active': index == buttonIndex, 'curr': index == buttonIndex && subButtonIndex == -1 }"
-                            v-for="(item, index) in button" :key="index" @click="selectButton(index)">
-                            <div
-                                class="menu-name px-[10px] border-r border-color w-full leading-[40px] text-base truncate text-center">
-                                {{ item.name }}</div>
-                            <div class="active-shade"></div>
+            <div class="flex justify-between items-center">
+                <span class="text-page-title">{{ pageName }}</span>
+            </div>
 
-                            <!-- 子菜单 -->
-                            <div class="sub-menu-wrap w-full bg-overlay border border-color rounded">
-                                <div class="menu-item h-[50px] p-[10px] border-b border-color flex items-center justify-center cursor-pointer"
-                                    :class="{ 'curr': subIndex == subButtonIndex }"
-                                    v-for="(subItem, subIndex) in item.sub_button" :key="subIndex"
-                                    @click.stop="selectBubButton(index, subIndex)">
-                                    <div class="menu-name w-full text-base truncate text-center">{{ subItem.name }}</div>
-                                    <div class="active-shade"></div>
-                                </div>
-                                <!-- 添加子菜单 -->
-                                <div class="add-menu flex items-center justify-center flex-1 cursor-pointer menu-item h-[50px]"
-                                    v-show="!item.sub_button || item.sub_button.length < 5"
-                                    @click.stop="addSubButton(index)">
-                                    <icon name="element-Plus" />
-                                </div>
+            <el-tabs v-model="activeName" class="my-[20px]" @tab-change="handleClick">
+                <el-tab-pane :label="t('wechatAccessFlow')" name="/channel/wechat" />
+                <el-tab-pane :label="t('customMenu')" name="/channel/wechat/menu" />
+                <el-tab-pane :label="t('wechatTemplate')" name="/channel/wechat/message" />
+                <el-tab-pane :label="t('reply')" name="/channel/wechat/reply" />
+            </el-tabs>
+
+            <div class="flex" v-loading="loading">
+                <div class="preview-wrap w-[300px] h-[550px] mr-[16px] bg-overlay rounded-md flex flex-col justify-between border border-color">
+                    <div class="head w-full h-[70px]"></div>
+
+                    <div class="menu-list h-[70px] flex border-t border-color">
+                        <div class="py-[15px]">
+                            <div class="flex h-full px-[10px] items-center justify-center border-r border-color">
+                                <icon name="iconfont iconjianpan" size="20px" color="#b1b2b3" />
                             </div>
                         </div>
-                        <!-- 添加菜单 -->
-                        <div class="add-menu flex items-center justify-center flex-1 cursor-pointer menu-item"
-                            v-show="button.length < 3" @click="addButton">
-                            <icon name="element-Plus" />
+                        <div class="flex-1 flex w-0">
+                            <div class="menu-item py-[15px] flex items-center justify-center cursor-pointer"
+                                :class="{ 'size-1': button.length == 1, 'size-2-3': button.length > 1, 'active': index == buttonIndex, 'curr': index == buttonIndex && subButtonIndex == -1 }"
+                                v-for="(item, index) in button" :key="index" @click="selectButton(index)">
+                                <div class="menu-name px-[10px] border-r border-color w-full leading-[40px] text-base truncate text-center">{{ item.name }}</div>
+                                <div class="active-shade"></div>
+
+                                <!-- 子菜单 -->
+                                <div class="sub-menu-wrap w-full bg-overlay border border-color rounded">
+                                    <div class="menu-item h-[50px] p-[10px] border-b border-color flex items-center justify-center cursor-pointer"
+                                        :class="{ 'curr': subIndex == subButtonIndex }"
+                                        v-for="(subItem, subIndex) in item.sub_button" :key="subIndex"
+                                        @click.stop="selectBubButton(index, subIndex)">
+                                        <div class="menu-name w-full text-base truncate text-center">{{ subItem.name }}</div>
+                                        <div class="active-shade"></div>
+                                    </div>
+                                    <!-- 添加子菜单 -->
+                                    <div class="add-menu flex items-center justify-center flex-1 cursor-pointer menu-item h-[50px]"
+                                        v-show="!item.sub_button || item.sub_button.length < 5"
+                                        @click.stop="addSubButton(index)">
+                                        <icon name="element Plus" />
+                                    </div>
+                                </div>
+                            </div>
+                            <!-- 添加菜单 -->
+                            <div class="add-menu flex items-center justify-center flex-1 cursor-pointer menu-item" v-show="button.length < 3" @click="addButton">
+                                <icon name="element Plus" />
+                            </div>
                         </div>
                     </div>
                 </div>
-            </div>
 
-            <div class="flex-1">
-                <el-card class="box-card !border-none h-auto" shadow="never">
-                    <template v-if="button.length">
+                <div class="flex-1">
+                    <el-card class="box-card !border-none h-auto" shadow="never">
+                        <template v-if="button.length">
 
-                        <div v-for="(item, index) in button" :key="index">
-                            <div v-show="index == buttonIndex && subButtonIndex == -1">
-                                <menu-form :data="item" @delete="deleteButton" :index="index" ref="formRef" />
-                            </div>
+                            <div v-for="(item, index) in button" :key="index">
+                                <div v-show="index == buttonIndex && subButtonIndex == -1">
+                                    <menu-form :data="item" @delete="deleteButton" :index="index" ref="formRef" />
+                                </div>
 
-                            <div v-for="(subItem, subIndex) in item.sub_button" :key="subIndex">
-                                <div v-show="index == buttonIndex && subIndex == subButtonIndex">
-                                    <menu-form :data="subItem" @delete="deleteButton" :index="index" :sub-index="subIndex"
-                                        ref="formRef" />
+                                <div v-for="(subItem, subIndex) in item.sub_button" :key="subIndex">
+                                    <div v-show="index == buttonIndex && subIndex == subButtonIndex">
+                                        <menu-form :data="subItem" @delete="deleteButton" :index="index" :sub-index="subIndex" ref="formRef" />
+                                    </div>
                                 </div>
                             </div>
-                        </div>
 
-                    </template>
-                    <div v-else class="py-[20px] leading">尚未添加自定义菜单，点击左侧添加菜单为公众号创建菜单栏。</div>
-                </el-card>
+                        </template>
+                        <div v-else class="py-[20px] leading">尚未添加自定义菜单，点击左侧添加菜单为公众号创建菜单栏。</div>
+                    </el-card>
+                </div>
+            </div>
+        </el-card>
+
+        <div class="fixed-footer-wrap">
+            <div class="fixed-footer">
+                <el-button type="primary" :loading="loading" @click="save()">{{ t('save') }}</el-button>
             </div>
-        </div>
-    </div>
-    <div class="fixed-footer-wrap">
-        <div class="fixed-footer">
-            <el-button type="primary" :loading="loading" @click="save()">{{ t('save') }}</el-button>
         </div>
     </div>
 </template>
@@ -221,100 +224,74 @@ const save = async () => {
 </script>
 
 <style lang="scss" scoped>
-.preview-wrap {
-    .head {
-        background: url('@/app/assets/images/wechat-menu-head-bg.png');
-        background-size: cover;
-    }
+    .preview-wrap {
 
-    .menu-item {
-        position: relative;
-
-        &.size-1 {
-            width: 50%;
+        .head {
+            background: url('@/app/assets/images/wechat-menu-head-bg.png');
+            background-size: cover;
         }
 
-        &.size-2-3 {
-            width: 33.33%;
+        .menu-item {
+            position: relative;
+
+            &.size-1 {
+                width: 50%;
+            }
+
+            &.size-2-3 {
+                width: 33.33%;
+            }
+
+            &:nth-child(3)>.menu-name {
+                border-right: 0;
+            }
+
+            .active-shade {
+                position: absolute;
+                width: 100%;
+                height: 100%;
+                border: 1px solid var(--el-color-primary);
+                display: none;
+                left: 0;
+                top: 0;
+            }
+
+            &.curr {
+                background: var(--el-color-primary-light-9);
+
+                >.menu-name {
+                    color: var(--el-color-primary);
+                }
+
+                &>.active-shade {
+                    display: block;
+                }
+            }
+
+            &.active {
+                .sub-menu-wrap {
+                    display: block !important;
+                }
+            }
         }
 
-        &:nth-child(3)>.menu-name {
-            border-right: 0;
-        }
-
-        .active-shade {
-            position: absolute;
-            width: 100%;
-            height: 100%;
-            border: 1px solid var(--el-color-primary);
+        .sub-menu-wrap {
             display: none;
-            left: 0;
+            position: absolute;
             top: 0;
-        }
+            transform: translateY(calc(-100% - 15px));
 
-        &.curr {
-            background: var(--el-color-primary-light-9);
-
-            >.menu-name {
-                color: var(--el-color-primary);
-            }
-
-            &>.active-shade {
-                display: block;
-            }
-        }
-
-        &.active {
-            .sub-menu-wrap {
-                display: block !important;
+            .menu-item:nth-child(5) {
+                border-bottom: 0;
             }
         }
     }
 
-    .sub-menu-wrap {
-        display: none;
-        position: absolute;
-        top: 0;
-        transform: translateY(calc(-100% - 15px));
+    .dark {
 
-        .menu-item:nth-child(5) {
-            border-bottom: 0;
+        .preview-wrap .head {
+            background: url('@/app/assets/images/wechat-menu-head-dark-bg.png');
+            background-size: cover;
         }
     }
-}
-
-.dark {
-    .preview-wrap .head {
-        background: url('@/app/assets/images/wechat-menu-head-dark-bg.png');
-        background-size: cover;
-    }
-}
-
-:deep(.el-tabs__item:hover) {
-    border-bottom: 2px solid var(--el-color-primary);
-}
-
-:deep(.el-tabs__item) {
-    padding: 0;
-}
-
-:deep(.el-tabs__item+.el-tabs__item) {
-    margin-right: 20px;
-    margin-left: 20px;
-    // border-bottom: 2px solid var(--el-color-primary);
-}
-
-:deep(.el-tabs--top) {
-    .el-tabs__active-bar {
-        display: none;
-    }
-
-    .el-tabs__item.is-active {
-        border-bottom: 2px solid var(--el-color-primary);
-    }
-
-    .el-tabs__item.is-top:nth-child(2) {
-        margin-right: 20px;
-    }
-
-}</style>
+</style>
diff --git a/admin/src/app/views/channel/wechat/reply.vue b/admin/src/app/views/channel/wechat/reply.vue
index 91dc49657..0e22d275c 100644
--- a/admin/src/app/views/channel/wechat/reply.vue
+++ b/admin/src/app/views/channel/wechat/reply.vue
@@ -1,68 +1,77 @@
 <template>
-    <div class="w-full p-5 bg-body">
-        <div class="flex justify-between items-center mb-[20px]">
-            <span class="text-page-title">{{ t('title') }}</span>
-        </div>
-        <el-tabs v-model="activeName" class="demo-tabs" @tab-change="handleClick">
-            <el-tab-pane :label="t('wechatAccessFlow')" name="/channel/wechat" />
-            <el-tab-pane :label="t('customMenu')" name="/channel/wechat/menu" />
-            <el-tab-pane :label="t('wechatTemplate')" name="/channel/wechat/message" />
-            <el-tab-pane :label="t('reply')" name="/channel/wechat/reply" />
-        </el-tabs>
-        <div class="py-[20px]">
-            <el-radio-group v-model="replyType" style="margin-bottom: 30px">
-                <el-radio-button label="keyword">{{ t('keywordReply') }}</el-radio-button>
-                <el-radio-button label="default">{{ t('defaultReply') }}</el-radio-button>
-                <el-radio-button label="subscribe">{{ t('subscribeReply') }}</el-radio-button>
-            </el-radio-group>
-            <div v-show="replyType == 'keyword'">
-                <div class="flex justify-between items-center">
-                    <el-button type="primary" @click="addKeywordsReply">新建回复</el-button>
+    <!--自动回复-->
+    <div class="main-container">
+        <el-card class="card !border-none" shadow="never">
+
+            <div class="flex justify-between items-center">
+                <span class="text-page-title">{{ t('title') }}</span>
+            </div>
+
+            <el-tabs v-model="activeName" class="my-[20px]" @tab-change="handleClick">
+                <el-tab-pane :label="t('wechatAccessFlow')" name="/channel/wechat" />
+                <el-tab-pane :label="t('customMenu')" name="/channel/wechat/menu" />
+                <el-tab-pane :label="t('wechatTemplate')" name="/channel/wechat/message" />
+                <el-tab-pane :label="t('reply')" name="/channel/wechat/reply" />
+            </el-tabs>
+
+            <div>
+                <el-radio-group v-model="replyType" style="margin-bottom: 30px">
+                    <el-radio-button label="keyword">{{ t('keywordReply') }}</el-radio-button>
+                    <el-radio-button label="default">{{ t('defaultReply') }}</el-radio-button>
+                    <el-radio-button label="subscribe">{{ t('subscribeReply') }}</el-radio-button>
+                </el-radio-group>
+
+                <div v-show="replyType == 'keyword'">
+                    <div class="flex justify-between items-center">
+                        <el-button type="primary" @click="addKeywordsReply">新建回复</el-button>
+                    </div>
+
+                    <div class="mt-[10px]">
+                        <el-table :data="replyTableData.data" size="large" v-loading="replyTableData.loading">
+                            <template #empty>
+                                <span>{{ !replyTableData.loading ? t('emptyData') : '' }}</span>
+                            </template>
+                            <el-table-column prop="name" label="规则名称" min-width="120" />
+                            <el-table-column prop="keyword" label="关键字" min-width="120" />
+                            <el-table-column label="匹配规则" min-width="150" align="center">
+                                <template #default="{ row }">
+                                    {{ row.matching_type == 'full' ? '全匹配' : '模糊匹配' }}
+                                </template>
+                            </el-table-column>
+                            <el-table-column label="回复方式" min-width="150" align="center">
+                                <template #default="{ row }">
+                                    {{ row.reply_method == 'all' ? '全部回复' : '随机回复一条' }}
+                                </template>
+                            </el-table-column>
+                            <el-table-column :label="t('operation')" align="right" fixed="right" width="180">
+                                <template #default="{ row }">
+                                    <el-button type="primary" link @click="editKeywordsReply(row)">{{ t('edit') }}</el-button>
+                                    <el-button type="primary" link @click="deleteKeyword(row)">{{ t('delete') }}</el-button>
+                                </template>
+                            </el-table-column>
+                        </el-table>
+
+                        <div class="mt-[16px] flex justify-end">
+                            <el-pagination v-model:current-page="replyTableData.page" v-model:page-size="replyTableData.limit"
+                               layout="total, sizes, prev, pager, next, jumper" :total="replyTableData.total"
+                               @size-change="loadKeywordsReplyList()" @current-change="loadKeywordsReplyList" />
+                        </div>
+                    </div>
                 </div>
-                <div class="mt-[10px]">
-                    <el-table :data="replyTableData.data" size="large" v-loading="replyTableData.loading">
-                        <template #empty>
-                            <span>{{ !replyTableData.loading ? t('emptyData') : '' }}</span>
-                        </template>
-                        <el-table-column prop="name" label="规则名称" min-width="120" />
-                        <el-table-column prop="keyword" label="关键字" min-width="120" />
-                        <el-table-column label="匹配规则" min-width="150" align="center">
-                            <template #default="{ row }">
-                                {{ row.matching_type == 'full' ? '全匹配' : '模糊匹配' }}
-                            </template>
-                        </el-table-column>
-                        <el-table-column label="回复方式" min-width="150" align="center">
-                            <template #default="{ row }">
-                                {{ row.reply_method == 'all' ? '全部回复' : '随机回复一条' }}
-                            </template>
-                        </el-table-column>
-                        <el-table-column :label="t('operation')" align="right" fixed="right" width="180">
-                            <template #default="{ row }">
-                                <el-button type="primary" link @click="editKeywordsReply(row)">{{ t('edit') }}</el-button>
-                                <el-button type="primary" link @click="deleteKeyword(row)">{{ t('delete') }}</el-button>
-                            </template>
-                        </el-table-column>
-                    </el-table>
-                    <div class="mt-[16px] flex justify-end">
-                        <el-pagination v-model:current-page="replyTableData.page" v-model:page-size="replyTableData.limit"
-                           layout="total, sizes, prev, pager, next, jumper" :total="replyTableData.total"
-                           @size-change="loadKeywordsReplyList()" @current-change="loadKeywordsReplyList" />
+                <div v-show="replyType == 'default'">
+                    <reply-form v-model="defaultReply" ref="defaultReplyRef"/>
+                    <div class="mt-[20px]">
+                        <el-button type="primary" :loading="loading" @click="save()">{{ t('save') }}</el-button>
+                    </div>
+                </div>
+                <div v-show="replyType == 'subscribe'">
+                    <reply-form v-model="subscribeReply" ref="subscribeReplyRef"/>
+                    <div class="mt-[20px]">
+                        <el-button type="primary" :loading="loading" @click="save()">{{ t('save') }}</el-button>
                     </div>
                 </div>
             </div>
-            <div v-show="replyType == 'default'">
-                <reply-form v-model="defaultReply" ref="defaultReplyRef"/>
-                <div class="mt-[20px]">
-                    <el-button type="primary" :loading="loading" @click="save()">{{ t('save') }}</el-button>
-                </div>
-            </div>
-            <div v-show="replyType == 'subscribe'">
-                <reply-form v-model="subscribeReply" ref="subscribeReplyRef"/>
-                <div class="mt-[20px]">
-                    <el-button type="primary" :loading="loading" @click="save()">{{ t('save') }}</el-button>
-                </div>
-            </div>
-        </div>
+        </el-card>
     </div>
 </template>
 
diff --git a/admin/src/app/views/channel/wechat/template.vue b/admin/src/app/views/channel/wechat/template.vue
index 7eff2e15c..1df0e57b5 100644
--- a/admin/src/app/views/channel/wechat/template.vue
+++ b/admin/src/app/views/channel/wechat/template.vue
@@ -1,68 +1,64 @@
 <template>
-    <div class="main-container p-5 bg-[#fff] rounded-[4px]">
-        <div class="flex justify-between items-center mb-[20px]">
-            <span class="text-page-title">{{ pageName }}</span>
-        </div>
-        <el-tabs v-model="activeName" class="demo-tabs" @tab-change="handleClick">
-            <el-tab-pane :label="t('wechatAccessFlow')" name="/channel/wechat" />
-            <el-tab-pane :label="t('customMenu')" name="/channel/wechat/menu" />
-            <el-tab-pane :label="t('wechatTemplate')" name="/channel/wechat/message" />
-            <el-tab-pane :label="t('reply')" name="/channel/wechat/reply" />
-        </el-tabs>
-        <el-card class="box-card !border-none" shadow="never">
+    <!--模板消息-->
+    <div class="main-container">
+        <el-card class="card !border-none" shadow="never">
+
             <div class="flex justify-between items-center">
                 <span class="text-page-title">{{ pageName }}</span>
-                <el-button type="primary" class="w-[100px]" @click="batchAcquisitionFn()">{{ t('batchAcquisition')
-                }}</el-button>
+                <el-button type="primary" class="w-[100px]" @click="batchAcquisitionFn()">{{ t('batchAcquisition') }}</el-button>
             </div>
-            <div class="mt-[10px]">
-                <el-table :data="cronTableData.data" :span-method="templateSpan" size="large" v-loading="cronTableData.loading">
-                    <template #empty>
-                        <span>{{ !cronTableData.loading ? t('emptyData') : '' }}</span>
+
+            <el-tabs v-model="activeName" class="my-[20px]" @tab-change="handleClick">
+                <el-tab-pane :label="t('wechatAccessFlow')" name="/channel/wechat" />
+                <el-tab-pane :label="t('customMenu')" name="/channel/wechat/menu" />
+                <el-tab-pane :label="t('wechatTemplate')" name="/channel/wechat/message" />
+                <el-tab-pane :label="t('reply')" name="/channel/wechat/reply" />
+            </el-tabs>
+
+            <el-table :data="cronTableData.data" :span-method="templateSpan" size="large" v-loading="cronTableData.loading">
+                <template #empty>
+                    <span>{{ !cronTableData.loading ? t('emptyData') : '' }}</span>
+                </template>
+
+                <el-table-column prop="addon_name" :label="t('addon')" min-width="120" />
+                <el-table-column prop="name" :show-overflow-tooltip="true" :label="t('name')" min-width="150" >
+                    <template #default="{ row }">
+                        <div class="flex items-center">
+                            <span class="mr-[5px]">{{row.name }}</span>
+                            <el-tooltip :content="row.wechat.tips" v-if="row.wechat.tips" placement="top">
+                                <icon name="element WarningFilled" />
+                            </el-tooltip>
+                        </div>
                     </template>
-                    <el-table-column prop="addon_name" :label="t('addon')" min-width="120" />
-                    <el-table-column prop="name" :show-overflow-tooltip="true" :label="t('name')" min-width="150" >
-                        <template #default="{ row }">
-                            <div class="flex items-center">
-                                <span class="mr-[5px]">{{row.name }}</span>
-                                <el-tooltip :content="row.wechat.tips" v-if="row.wechat.tips" placement="top">
-                                    <icon name="element-WarningFilled" />
-                                </el-tooltip>
-                            </div>
-                        </template>
-                    </el-table-column>
+                </el-table-column>
 
-                    <el-table-column :label="t('messageType')" min-width="100" align="center">
-                        <template #default="{ row }">
-                            <span>{{ row.message_type == 1 ? t('buyerNews') : t('sellerMessage') }}</span>
-                        </template>
-                    </el-table-column>
+                <el-table-column :label="t('messageType')" min-width="100" align="center">
+                    <template #default="{ row }">
+                        <span>{{ row.message_type == 1 ? t('buyerNews') : t('sellerMessage') }}</span>
+                    </template>
+                </el-table-column>
 
-                    <el-table-column :label="t('isStart')" min-width="100" align="center">
-                        <template #default="{ row }">
-                            {{ row.is_wechat == 1 ? t('startUsing') : t('statusDeactivate') }}
-                        </template>
-                    </el-table-column>
+                <el-table-column :label="t('isStart')" min-width="100" align="center">
+                    <template #default="{ row }">
+                        {{ row.is_wechat == 1 ? t('startUsing') : t('statusDeactivate') }}
+                    </template>
+                </el-table-column>
 
-                    <el-table-column :label="t('response')" min-width="180">
-                        <template #default="{ row }">
-                            <div v-for="(item, index) in row.wechat.content" :key="'a' + index" class="text-left">
-                                {{ item.join("：") }}</div>
-                        </template>
-                    </el-table-column>
+                <el-table-column :label="t('response')" min-width="180">
+                    <template #default="{ row }">
+                        <div v-for="(item, index) in row.wechat.content" :key="'a' + index" class="text-left">{{ item.join("：") }}</div>
+                    </template>
+                </el-table-column>
 
-                    <el-table-column prop="wechat_template_id" :label="t('serialNumber')" min-width="140" />
-
-                    <el-table-column :label="t('operation')" fixed="right" align="right" width="200">
-                        <template #default="{ row }">
-                            <el-button type="primary" link @click="infoSwitch(row)">{{ row.is_wechat == 1 ? t('close') :
-                                t('open') }}</el-button>
-                            <el-button type="primary" link @click="batchAcquisitionFn(row)">{{ t('regain') }}</el-button>
-                        </template>
-                    </el-table-column>
-                </el-table>
-            </div>
+                <el-table-column prop="wechat_template_id" :label="t('serialNumber')" min-width="140" />
 
+                <el-table-column :label="t('operation')" fixed="right" align="right" width="200">
+                    <template #default="{ row }">
+                        <el-button type="primary" link @click="infoSwitch(row)">{{ row.is_wechat == 1 ? t('close') : t('open') }}</el-button>
+                        <el-button type="primary" link @click="batchAcquisitionFn(row)">{{ t('regain') }}</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
         </el-card>
     </div>
 </template>
diff --git a/admin/src/app/views/dict/components/dict.vue b/admin/src/app/views/dict/components/dict.vue
index 0f2e05566..92233444d 100644
--- a/admin/src/app/views/dict/components/dict.vue
+++ b/admin/src/app/views/dict/components/dict.vue
@@ -21,42 +21,34 @@
         <template #footer>
             <span class="dialog-footer">
                 <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
-                <el-button type="primary" @click="confirm()">{{
-                    t('confirm')
-                }}</el-button>
+                <el-button type="primary" @click="confirm()">{{ t('confirm') }}</el-button>
             </span>
         </template>
-        <el-dialog v-model="dialogVisible" :title="type != 'edit' ? t('addDictData') : t('editDictData')" width="480"
-            class="diy-dialog-wrap" :destroy-on-close="true">
+        <el-dialog v-model="dialogVisible" :title="type != 'edit' ? t('addDictData') : t('editDictData')" width="480" class="diy-dialog-wrap" :destroy-on-close="true">
             <el-form :model="formData" label-width="120px" ref="formRef" :rules="formRules" class="page-form">
                 <el-form-item :label="t('name')">
                     <el-input v-model="name" disabled class="input-width" />
                 </el-form-item>
                 <el-form-item :label="t('dataName')" prop="name">
-                    <el-input v-model="formData.name" clearable :placeholder="t('dataNamePlaceholder')"
-                        class="input-width" />
+                    <el-input v-model="formData.name" clearable :placeholder="t('dataNamePlaceholder')" class="input-width" />
                 </el-form-item>
                 <el-form-item :label="t('dataValue')" prop="value">
-                    <el-input v-model="formData.value" clearable :placeholder="t('dataValuePlaceholder')"
-                        class="input-width" />
+                    <el-input v-model="formData.value" clearable :placeholder="t('dataValuePlaceholder')" class="input-width" />
                 </el-form-item>
                 <el-form-item :label="t('sort')" prop="sort">
                     <div>
-                    <el-input-number v-model="formData.sort" ::step="1" step-strictly :value-on-clear="0" :min="0" class="input-width" />
-                    <p class="text-[12px] text-[#a9a9a9] leading-normal mt-[5px]">{{ t('sortPlaceholder') }}</p>
-                </div>
+                        <el-input-number v-model="formData.sort" ::step="1" step-strictly :value-on-clear="0" :min="0" class="input-width" />
+                        <p class="text-[12px] text-[#a9a9a9] leading-normal mt-[5px]">{{ t('sortPlaceholder') }}</p>
+                    </div>
                 </el-form-item>
                 <el-form-item :label="t('memo')">
-                    <el-input v-model="formData.memo" type="textarea" clearable :placeholder="t('momePlaceholder')"
-                        class="input-width" />
+                    <el-input v-model="formData.memo" type="textarea" clearable :placeholder="t('momePlaceholder')" class="input-width" />
                 </el-form-item>
             </el-form>
             <template #footer>
                 <span class="dialog-footer">
                     <el-button @click="dialogVisible = false">{{ t('cancel') }}</el-button>
-                    <el-button type="primary" @click="submit(formRef)">{{
-                        t('confirm')
-                    }}</el-button>
+                    <el-button type="primary" @click="submit(formRef)">{{ t('confirm') }}</el-button>
                 </span>
             </template>
         </el-dialog>
@@ -94,11 +86,9 @@ const formRules = computed(() => {
     return {
         name: [
             { required: true, message: t('dataNamePlaceholder'), trigger: 'blur' }
-
         ],
         value: [
             { required: true, message: t('dataValuePlaceholder'), trigger: 'blur' }
-
         ]
     }
 })
@@ -107,10 +97,10 @@ const addEvent = () => {
     formData.value = cloneDeep(initialFormData)
     dialogVisible.value = true
 }
-const tabelIndex = ref(0)
+const tableIndex = ref(0)
 const editEvent = (row: any, index: number) => {
     type.value = 'edit'
-    tabelIndex.value = index
+    tableIndex.value = index
     formData.value = cloneDeep(initialFormData)
     formData.value = Object.assign(formData.value, cloneDeep(row))
     dialogVisible.value = true
@@ -125,7 +115,7 @@ const submit = async (formEl: FormInstance | undefined) => {
             if (type.value != 'edit') {
                 tableDate.value.push(cloneDeep(formData.value))
             } else {
-                tableDate.value.splice(tabelIndex.value, 1, cloneDeep(formData.value))
+                tableDate.value.splice(tableIndex.value, 1, cloneDeep(formData.value))
             }
             tableDate.value.sort(function (a, b) { return b.sort - a.sort })
             dialogVisible.value = false
@@ -142,7 +132,6 @@ const deleteEvent = (index: number) => {
 }
 /**
  * 确认
- * @param formEl
  */
 const confirm = async () => {
     loading.value = true
diff --git a/admin/src/app/views/dict/components/edit.vue b/admin/src/app/views/dict/components/edit.vue
index efa967e3d..cc48783a0 100644
--- a/admin/src/app/views/dict/components/edit.vue
+++ b/admin/src/app/views/dict/components/edit.vue
@@ -1,25 +1,21 @@
 <template>
-    <el-dialog v-model="showDialog" :title="formData.id ? t('updateDict') : t('addDict')" width="480" class="diy-dialog-wrap"
-        :destroy-on-close="true">
+    <el-dialog v-model="showDialog" :title="formData.id ? t('updateDict') : t('addDict')" width="480" class="diy-dialog-wrap" :destroy-on-close="true">
         <el-form :model="formData" label-width="120px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
-                <el-form-item :label="t('name')" prop="name">
-                    <el-input v-model="formData.name" clearable :placeholder="t('namePlaceholder')" class="input-width" />
-                </el-form-item>
-                <el-form-item :label="t('key')" prop="key">
-                    <el-input v-model="formData.key" clearable :placeholder="t('keyPlaceholder')" class="input-width" />
-                </el-form-item>
-                <el-form-item :label="t('memo')">
-                    <el-input v-model="formData.memo" type="textarea" clearable :placeholder="t('memoPlaceholder')" class="input-width" />
-                </el-form-item>
-
+            <el-form-item :label="t('name')" prop="name">
+                <el-input v-model="formData.name" clearable :placeholder="t('namePlaceholder')" class="input-width" />
+            </el-form-item>
+            <el-form-item :label="t('key')" prop="key">
+                <el-input v-model="formData.key" clearable :placeholder="t('keyPlaceholder')" class="input-width" />
+            </el-form-item>
+            <el-form-item :label="t('memo')">
+                <el-input v-model="formData.memo" type="textarea" clearable :placeholder="t('memoPlaceholder')" class="input-width" />
+            </el-form-item>
         </el-form>
 
         <template #footer>
             <span class="dialog-footer">
                 <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
-                <el-button type="primary" :loading="loading" @click="confirm(formRef)">{{
-                    t('confirm')
-                }}</el-button>
+                <el-button type="primary" :loading="loading" @click="confirm(formRef)">{{ t('confirm') }}</el-button>
             </span>
         </template>
     </el-dialog>
@@ -42,7 +38,6 @@ const initialFormData = {
     name: '',
     key: '',
     memo: ''
-
 }
 const formData: Record<string, any> = reactive({ ...initialFormData })
 
diff --git a/admin/src/app/views/dict/list.vue b/admin/src/app/views/dict/list.vue
index ed38ea79a..3ae4d8f38 100644
--- a/admin/src/app/views/dict/list.vue
+++ b/admin/src/app/views/dict/list.vue
@@ -1,4 +1,5 @@
 <template>
+    <!--数据字典-->
     <div class="main-container">
         <el-card class="box-card !border-none" shadow="never">
 
@@ -155,14 +156,4 @@ const resetForm = (formEl: FormInstance | undefined) => {
 
 </script>
 
-<style lang="scss" scoped>
-/* 多行超出隐藏 */
-.multi-hidden {
-		word-break: break-all;
-		text-overflow: ellipsis;
-		overflow: hidden;
-		display: -webkit-box;
-		-webkit-line-clamp: 2;
-		-webkit-box-orient: vertical;
-	}
-</style>
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/diy/components/edit-active-cube.vue b/admin/src/app/views/diy/components/edit-active-cube.vue
index b097f93ad..8f23e14d1 100644
--- a/admin/src/app/views/diy/components/edit-active-cube.vue
+++ b/admin/src/app/views/diy/components/edit-active-cube.vue
@@ -101,12 +101,12 @@
                             </el-form-item>
                             <el-form-item :label="t('activeCubeSubTitleBgColor')">
                                 <el-color-picker v-model="item.subTitle.startColor" show-alpha :predefine="diyStore.predefineColors" />
-                                <icon name="iconfont-iconmap-connect" size="20px" class="block !text-gray-400 mx-[5px]"/>
+                                <icon name="iconfont iconmap-connect" size="20px" class="block !text-gray-400 mx-[5px]"/>
                                 <el-color-picker v-model="item.subTitle.endColor" show-alpha :predefine="diyStore.predefineColors"/>
                             </el-form-item>
                             <el-form-item :label="t('activeListFrameColor')">
                                 <el-color-picker v-model="item.listFrame.startColor" show-alpha :predefine="diyStore.predefineColors" />
-                                <icon name="iconfont-iconmap-connect" size="20px" class="block !text-gray-400 mx-[5px]"/>
+                                <icon name="iconfont iconmap-connect" size="20px" class="block !text-gray-400 mx-[5px]"/>
                                 <el-color-picker v-model="item.listFrame.endColor" show-alpha :predefine="diyStore.predefineColors"/>
                             </el-form-item>
                         </div>
@@ -118,7 +118,7 @@
 
                             <el-form-item :label="t('activeCubeButtonColor')">
                                 <el-color-picker v-model="item.moreTitle.startColor" show-alpha :predefine="diyStore.predefineColors" />
-                                <icon name="iconfont-iconmap-connect" size="20px" class="block !text-gray-400 mx-[5px]"/>
+                                <icon name="iconfont iconmap-connect" size="20px" class="block !text-gray-400 mx-[5px]"/>
                                 <el-color-picker v-model="item.moreTitle.endColor" show-alpha :predefine="diyStore.predefineColors"/>
                             </el-form-item>
                         </div>
@@ -128,7 +128,7 @@
 						</el-form-item>
 
 						<div class="del absolute cursor-pointer z-[2] top-[-8px] right-[-8px]" v-show="diyStore.editComponent.list.length > 1" @click="diyStore.editComponent.list.splice(index,1)">
-							<icon name="element-CircleCloseFilled" color="#bbb" size="20px"/>
+							<icon name="element CircleCloseFilled" color="#bbb" size="20px"/>
 						</div>
 					</div>
 				</div>
@@ -160,7 +160,7 @@
 					</el-form-item>
 				<el-form-item :label="t('subTextBgColor')">
 					<el-color-picker v-model="diyStore.editComponent.subTitle.startColor" show-alpha :predefine="diyStore.predefineColors"/>
-					<icon name="iconfont-iconmap-connect" size="20px" class="block !text-gray-400 mx-[5px]"/>
+					<icon name="iconfont iconmap-connect" size="20px" class="block !text-gray-400 mx-[5px]"/>
 					<el-color-picker v-model="diyStore.editComponent.subTitle.endColor" show-alpha :predefine="diyStore.predefineColors"/>
 				</el-form-item>
 			</el-form>
diff --git a/admin/src/app/views/diy/components/edit-carousel-search.vue b/admin/src/app/views/diy/components/edit-carousel-search.vue
index db6eecbc5..d52d57adf 100644
--- a/admin/src/app/views/diy/components/edit-carousel-search.vue
+++ b/admin/src/app/views/diy/components/edit-carousel-search.vue
@@ -58,7 +58,7 @@
 						</el-form-item>
 
 						<div class="del absolute cursor-pointer z-[2] top-[-8px] right-[-8px]" @click="diyStore.editComponent.search.hotWord.list.splice(index,1)">
-							<icon name="element-CircleCloseFilled" color="#bbb" size="20px"/>
+							<icon name="element CircleCloseFilled" color="#bbb" size="20px"/>
 						</div>
 
 					</div>
@@ -101,7 +101,7 @@
 									</el-form-item>
 
 									<div class="del absolute cursor-pointer z-[2] top-[-8px] right-[-8px]" v-show="diyStore.editComponent.tab.list.length > 1" @click="diyStore.editComponent.tab.list.splice(index,1)">
-										<icon name="element-CircleCloseFilled" color="#bbb" size="20px"/>
+										<icon name="element CircleCloseFilled" color="#bbb" size="20px"/>
 									</div>
 
 								</div>
@@ -151,7 +151,7 @@
 								</el-form-item>
 
 								<div class="del absolute cursor-pointer z-[2] top-[-8px] right-[-8px]" v-show="diyStore.editComponent.swiper.list.length > 1" @click="diyStore.editComponent.swiper.list.splice(index,1)">
-									<icon name="element-CircleCloseFilled" color="#bbb" size="20px"/>
+									<icon name="element CircleCloseFilled" color="#bbb" size="20px"/>
 								</div>
 
 								<el-form-item :label="t('link')">
diff --git a/admin/src/app/views/diy/components/edit-float-btn.vue b/admin/src/app/views/diy/components/edit-float-btn.vue
index 504a6a45a..fe0862af6 100644
--- a/admin/src/app/views/diy/components/edit-float-btn.vue
+++ b/admin/src/app/views/diy/components/edit-float-btn.vue
@@ -36,7 +36,7 @@
 						</el-form-item>
 
 						<div class="del absolute cursor-pointer z-[2] top-[-8px] right-[-8px]" v-show="diyStore.editComponent.list.length > 1" @click="diyStore.editComponent.list.splice(index,1)">
-							<icon name="element-CircleCloseFilled" color="#bbb" size="20px"/>
+							<icon name="element CircleCloseFilled" color="#bbb" size="20px"/>
 						</div>
 
 						<el-form-item :label="t('link')">
diff --git a/admin/src/app/views/diy/components/edit-graphic-nav.vue b/admin/src/app/views/diy/components/edit-graphic-nav.vue
index f64915419..1565904fa 100644
--- a/admin/src/app/views/diy/components/edit-graphic-nav.vue
+++ b/admin/src/app/views/diy/components/edit-graphic-nav.vue
@@ -65,7 +65,7 @@
 						</el-form-item>
 
 						<div class="del absolute cursor-pointer z-[2] top-[-8px] right-[-8px]" v-show="diyStore.editComponent.list.length > 1" @click="diyStore.editComponent.list.splice(index,1)">
-							<icon name="element-CircleCloseFilled" color="#bbb" size="20px"/>
+							<icon name="element CircleCloseFilled" color="#bbb" size="20px"/>
 						</div>
 
 						<el-form-item :label="t('link')">
diff --git a/admin/src/app/views/diy/components/edit-image-ads.vue b/admin/src/app/views/diy/components/edit-image-ads.vue
index f372eb34c..39ffe3626 100644
--- a/admin/src/app/views/diy/components/edit-image-ads.vue
+++ b/admin/src/app/views/diy/components/edit-image-ads.vue
@@ -19,7 +19,7 @@
 						</el-form-item>
 
 						<div class="del absolute cursor-pointer z-[2] top-[-8px] right-[-8px]" v-show="diyStore.editComponent.list.length > 1" @click="diyStore.editComponent.list.splice(index,1)">
-							<icon name="element-CircleCloseFilled" color="#bbb" size="20px"/>
+							<icon name="element CircleCloseFilled" color="#bbb" size="20px"/>
 						</div>
 
 						<el-form-item :label="t('link')">
diff --git a/admin/src/app/views/diy/components/edit-notice.vue b/admin/src/app/views/diy/components/edit-notice.vue
index 1769850b5..aa92c673d 100644
--- a/admin/src/app/views/diy/components/edit-notice.vue
+++ b/admin/src/app/views/diy/components/edit-notice.vue
@@ -58,7 +58,7 @@
 						</el-form-item>
 
 						<div class="del absolute cursor-pointer z-[2] top-[-8px] right-[-8px]" v-show="diyStore.editComponent.list.length > 1" @click="diyStore.editComponent.list.splice(index,1)">
-							<icon name="element-CircleCloseFilled" color="#bbb" size="20px"/>
+							<icon name="element CircleCloseFilled" color="#bbb" size="20px"/>
 						</div>
 
 						<el-form-item :label="t('link')" v-if="diyStore.editComponent.showType == 'link'">
diff --git a/admin/src/app/views/diy/components/edit-page.vue b/admin/src/app/views/diy/components/edit-page.vue
index 1e87cd4dd..7a399c8bc 100644
--- a/admin/src/app/views/diy/components/edit-page.vue
+++ b/admin/src/app/views/diy/components/edit-page.vue
@@ -73,7 +73,7 @@
                     <img class="max-w-[100%] max-h-[100%]" src="@/app/assets/images/diy/head/nav_style5.png" />
                 </div>
                 <div class="flex items-center justify-center overflow-hidden w-[32%] h-[100px] cursor-pointer border bg-gray-50" :class="{ 'border-primary': selectStyle == 'style-6' }" @click="selectStyle = 'style-6'">
-                    <img class="max-w-[100%] max-h-[100%]" src="@/app/assets/images/diy/head/nav_style6.png" />
+                    <img class="max-w-[100%] max-h-[100%]" src="@/app/assets/images/diy/head/nav_style6.jpg" />
                 </div>
             </div>
 
@@ -94,7 +94,7 @@
 			<el-form label-width="80px" class="px-[10px]">
 				<el-form-item :label="t('pageBgColor')">
 					<el-color-picker v-model="diyStore.editComponent.pageStartBgColor" show-alpha :predefine="diyStore.predefineColors" />
-					<icon name="iconfont-iconmap-connect" size="20px" class="block !text-gray-400 mx-[5px]"/>
+					<icon name="iconfont iconmap-connect" size="20px" class="block !text-gray-400 mx-[5px]"/>
 					<el-color-picker v-model="diyStore.editComponent.pageEndBgColor" show-alpha :predefine="diyStore.predefineColors" />
 				</el-form-item>
 				<el-form-item :label="t('bgGradientAngle')">
@@ -137,7 +137,7 @@
 
 <script lang="ts" setup>
 import { t } from '@/lang'
-import { watch, ref, onMounted, computed } from 'vue'
+import { watch, ref } from 'vue'
 import useDiyStore from '@/stores/modules/diy'
 import { img } from '@/utils/common'
 
@@ -153,6 +153,10 @@ watch(
             diyStore.global.imgWidth = image.width
             diyStore.global.imgHeight = image.height
         }
+        if(!diyStore.global.bgUrl){
+            diyStore.global.imgWidth = ''
+            diyStore.global.imgHeight = ''
+        }
     }
 )
 
diff --git a/admin/src/app/views/diy/components/edit-rubik-cube.vue b/admin/src/app/views/diy/components/edit-rubik-cube.vue
index 6aa64c1df..40525cb0a 100644
--- a/admin/src/app/views/diy/components/edit-rubik-cube.vue
+++ b/admin/src/app/views/diy/components/edit-rubik-cube.vue
@@ -10,7 +10,7 @@
 				</el-form-item>
 				<ul class="selected-template-list">
 					<li v-for="(item,i) in templateList" :key="i" :class="[(item.className == diyStore.editComponent.mode) ?  'selected' : '' ]" @click="changeTemplateList(i)">
-						<icon :name="'iconfont-' + item.src" size="16px"/>
+						<icon :name="'iconfont ' + item.src" size="16px"/>
 					</li>
 				</ul>
 			</el-form>
diff --git a/admin/src/app/views/diy/components/edit-text.vue b/admin/src/app/views/diy/components/edit-text.vue
index 9afb9c3c3..93072fa2c 100644
--- a/admin/src/app/views/diy/components/edit-text.vue
+++ b/admin/src/app/views/diy/components/edit-text.vue
@@ -148,10 +148,4 @@ defineExpose({})
 
 </script>
 
-<style lang="scss">
-.horz-blank-slider {
-	.el-slider__input {
-		width: 100px;
-	}
-}</style>
 <style lang="scss" scoped></style>
diff --git a/admin/src/app/views/diy/edit.vue b/admin/src/app/views/diy/edit.vue
index 5327ed15b..48684d847 100644
--- a/admin/src/app/views/diy/edit.vue
+++ b/admin/src/app/views/diy/edit.vue
@@ -13,12 +13,14 @@
                 <!--<el-icon class="font-bold"><EditPen /></el-icon>-->
             </div>
 
-            <div v-if="diyStore.type && diyStore.type != 'DIY_PAGE'">
+            <div v-if="diyStore.type && diyStore.type != 'DIY_PAGE'" class="flex items-center">
                 <span class="text-white mr-[10px] text-base">{{ t('templatePagePlaceholder') }}</span>
-                <el-select size="small" v-model="template" class="w-[180px]" :placeholder="t('templatePagePlaceholder')" @change="changeTemplatePage">
-                    <el-option :label="t('templatePageEmpty')" value="" />
-                    <el-option v-for="(item, key) in templatePages" :label="item.title" :value="key" :key="key"/>
-                </el-select>
+                <div class="w-[180px]">
+                    <el-select size="small" v-model="template" :placeholder="t('templatePagePlaceholder')" @change="changeTemplatePage">
+                        <el-option :label="t('templatePageEmpty')" value="" />
+                        <el-option v-for="(item, key) in templatePages" :label="item.title" :value="key" :key="key"/>
+                    </el-select>
+                </div>
             </div>
             <div class="flex-1"></div>
             <el-button @click="preview()">{{ t('preview') }}</el-button>
@@ -36,7 +38,7 @@
                             <ul class="flex flex-row flex-wrap">
                                 <li v-for="(compItem, compKey) in item.list" :key="compKey" class="w-2/6 text-center cursor-pointer h-[65px]" :title="compItem.title" @click="diyStore.addComponent(compKey, compItem)">
                                     <icon v-if="compItem.icon" :name="compItem.icon" size="20px" class="inline-block mt-[3px]" />
-                                    <icon v-else name="iconfont-iconkaifazujian" size="20px" class="inline-block mt-[3px]" />
+                                    <icon v-else name="iconfont iconkaifazujian" size="20px" class="inline-block mt-[3px]" />
                                     <span class="block text-[12px] truncate">{{ compItem.title }}</span>
                                 </li>
                             </ul>
@@ -84,19 +86,19 @@
 
                             <ul class="quick-action absolute text-center -right-[70px] top-[20px] w-[42px] rounded shadow-md">
                                 <el-tooltip effect="light" :content="t('moveUpComponent')" placement="right">
-                                    <icon name="iconfont-iconjiantoushang" size="20px" class="block cursor-pointer leading-[40px]" @click="diyStore.moveUpComponent" />
+                                    <icon name="iconfont iconjiantoushang" size="20px" class="block cursor-pointer leading-[40px]" @click="diyStore.moveUpComponent" />
                                 </el-tooltip>
                                 <el-tooltip effect="light" :content="t('moveDownComponent')" placement="right">
-                                    <icon name="iconfont-iconjiantouxia" size="20px" class="block cursor-pointer leading-[40px]" @click="diyStore.moveDownComponent" />
+                                    <icon name="iconfont iconjiantouxia" size="20px" class="block cursor-pointer leading-[40px]" @click="diyStore.moveDownComponent" />
                                 </el-tooltip>
                                 <el-tooltip effect="light" :content="t('copyComponent')" placement="right">
-                                    <icon name="iconfont-iconcopy-line" size="20px" class="block cursor-pointer leading-[40px]" @click="diyStore.copyComponent" />
+                                    <icon name="iconfont iconcopy-line" size="20px" class="block cursor-pointer leading-[40px]" @click="diyStore.copyComponent" />
                                 </el-tooltip>
                                 <el-tooltip effect="light" :content="t('delComponent')" placement="right">
-                                    <icon name="iconfont-icondelete-line" size="20px" class="block cursor-pointer leading-[40px]" @click="diyStore.delComponent" />
+                                    <icon name="iconfont icondelete-line" size="20px" class="block cursor-pointer leading-[40px]" @click="diyStore.delComponent" />
                                 </el-tooltip>
                                 <el-tooltip effect="light" :content="t('resetComponent')" placement="right">
-                                    <icon name="iconfont-iconloader-line" size="20px" class="block cursor-pointer leading-[40px]" @click="diyStore.resetComponent" />
+                                    <icon name="iconfont iconloader-line" size="20px" class="block cursor-pointer leading-[40px]" @click="diyStore.resetComponent" />
                                 </el-tooltip>
                             </ul>
 
@@ -145,7 +147,7 @@
                                             <template v-if="diyStore.editComponent.ignore.indexOf('pageBgColor') == -1">
                                                 <el-form-item :label="t('bottomBgColor')">
                                                     <el-color-picker v-model="diyStore.editComponent.pageStartBgColor" show-alpha :predefine="diyStore.predefineColors" />
-                                                    <icon name="iconfont-iconmap-connect" size="20px" class="block !text-gray-400 mx-[5px]"/>
+                                                    <icon name="iconfont iconmap-connect" size="20px" class="block !text-gray-400 mx-[5px]"/>
                                                     <el-color-picker v-model="diyStore.editComponent.pageEndBgColor" show-alpha :predefine="diyStore.predefineColors" />
                                                 </el-form-item>
                                                 <div class="text-sm text-gray-400 ml-[90px] mb-[10px]">{{ t('bottomBgTips') }}</div>
@@ -168,7 +170,7 @@
 
                                             <el-form-item :label="t('componentBgColor')" v-if="diyStore.editComponent.ignore.indexOf('componentBgColor') == -1">
                                                 <el-color-picker v-model="diyStore.editComponent.componentStartBgColor" show-alpha :predefine="diyStore.predefineColors" />
-                                                <icon name="iconfont-iconmap-connect" size="20px" class="block !text-gray-400 mx-[5px]"/>
+                                                <icon name="iconfont iconmap-connect" size="20px" class="block !text-gray-400 mx-[5px]"/>
                                                 <el-color-picker v-model="diyStore.editComponent.componentEndBgColor" show-alpha :predefine="diyStore.predefineColors" />
                                             </el-form-item>
 
@@ -328,7 +330,7 @@ watch(
 // 切换模板页面
 const changeTemplatePage = (value:any)=> {
     // 存在数据则弹框提示确认
-    if(diyStore.value.length) {
+    if (diyStore.value.length) {
         ElMessageBox.confirm(t('changeTemplatePageTips'), t('warning'), {
             confirmButtonText: t('confirm'),
             cancelButtonText: t('cancel'),
@@ -344,13 +346,13 @@ const changeTemplatePage = (value:any)=> {
             } else {
                 // 清空
                 diyStore.init();
-                if(route.query.title) diyStore.global.title = diyStore.typeName
+                if (route.query.title) diyStore.global.title = diyStore.typeName
             }
         }).catch(() => {
             // 还原
             template.value = oldTemplate.value;
         });
-    }else{
+    } else {
         if (value) {
             let data = templatePages[value].data;
             diyStore.global = data.global;
@@ -360,7 +362,7 @@ const changeTemplatePage = (value:any)=> {
         } else {
             // 清空
             diyStore.init();
-            if(route.query.title) diyStore.global.title = diyStore.typeName
+            if (route.query.title) diyStore.global.title = diyStore.typeName
         }
     }
 };
@@ -402,6 +404,7 @@ initPage({
     diyStore.type = data.type
     diyStore.typeName = data.type_name
     diyStore.templateName = data.template
+    template.value = data.template;
     diyStore.isDefault = data.is_default
     diyStore.pageMode = data.mode
     if (data.value) {
@@ -443,23 +446,6 @@ initPage({
         }
     }
 
-    // 加载插件引用
-    if (data.addon_list) {
-        const addonModules = import.meta.glob('@/**/views/diy/components/*.vue')
-        for (let i = 0; i < data.addon_list.length; i++) {
-            const item = data.addon_list[i]
-            for (const [key, value] of Object.entries(addonModules)) {
-                const moduleName = key.split('/')
-                const addonName = moduleName[2]
-                if (item.key == addonName) {
-                    const name = moduleName[moduleName.length - 1].replace('.vue', '')
-                    const module = await value()
-                    modules[name] = module.default
-                }
-            }
-        }
-    }
-
     loadDiyTemplatePages(data.type);
 
     // 加载预览
@@ -737,100 +723,104 @@ const settingTips = () => {
     border: none;
 }
 
-
-.diy-view-wrap .preview-head{
+.diy-view-wrap .preview-head {
     padding: 28px 15px 0;
-    .content-wrap{
+
+    .content-wrap {
         height: 30px;
     }
-	&.style-1 {
-		.content-wrap {
-			.title-wrap {
+
+    &.style-1 {
+        .content-wrap {
+            .title-wrap {
                 height: 30px;
                 line-height: 30px;
-			}
-		}
-	}
+            }
+        }
+    }
 
-	&.style-2 {
-		.content-wrap {
-			.title-wrap {
-				display: flex;
+    &.style-2 {
+        .content-wrap {
+            .title-wrap {
+                display: flex;
                 align-items: center;
 
-				> div {
-					height: 30px;
-					line-height: 30px;
-					max-width: 150px;
-					font-size: 14px;
+                > div {
+                    height: 30px;
+                    line-height: 30px;
+                    max-width: 150px;
+                    font-size: 14px;
 
-					&:last-child {
-						overflow: hidden; //超出的文本隐藏
-						text-overflow: ellipsis; //用省略号显示
-						white-space: nowrap; //不换行
-						flex: 1;
-					    max-width: 200px;
-					}
-				}
-			}
-		}
-	}
+                    &:last-child {
+                        overflow: hidden; //超出的文本隐藏
+                        text-overflow: ellipsis; //用省略号显示
+                        white-space: nowrap; //不换行
+                        flex: 1;
+                        max-width: 200px;
+                    }
+                }
+            }
+        }
+    }
 
-	&.style-3 {
-		.content-wrap {
+    &.style-3 {
+        .content-wrap {
             display: flex;
             align-items: center;
-			.title-wrap {
-				height: 30px;
-				max-width: 85px;
-				margin-right: 5px;
-				display: flex;
-				align-items: center;
-                justify-content: center;
-			}
 
-			.search {
-				flex: 1;
-				padding-right: 10px;
+            .title-wrap {
+                height: 30px;
+                max-width: 85px;
+                margin-right: 5px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+            }
+
+            .search {
+                flex: 1;
+                padding-right: 10px;
                 padding-left: 31px;
                 position: relative;
-				background-color: #fff;
-				text-align: left;
-				border-radius: 30px;
-				height: 30px;
-				line-height: 30px;
-				border: 1px solid #eeeeee;
-				color: rgb(102, 102, 102);
-				display: flex;
-				align-items: center;
-				margin-right: 105px;
+                background-color: #fff;
+                text-align: left;
+                border-radius: 30px;
+                height: 30px;
+                line-height: 30px;
+                border: 1px solid #eeeeee;
+                color: rgb(102, 102, 102);
+                display: flex;
+                align-items: center;
+                margin-right: 105px;
                 overflow: hidden;
-                span{
+
+                span {
                     overflow: hidden; //超出的文本隐藏
                     text-overflow: ellipsis; //用省略号显示
                     white-space: nowrap; //不换行
                 }
-				.iconfont {
-					color: #909399;
-					font-size: 16px;
-					margin-right: 5px;
-				}
-			}
-		}
-	}
 
-	&.style-4 {
-		.content-wrap {
+                .iconfont {
+                    color: #909399;
+                    font-size: 16px;
+                    margin-right: 5px;
+                }
+            }
+        }
+    }
+
+    &.style-4 {
+        .content-wrap {
             display: flex;
             align-items: center;
 
-			.title-wrap {
-				flex: none;
-				margin: 0 5px;
-				max-width: 180px;
-				font-size: 14px;
-			}
-		}
-	}
+            .title-wrap {
+                flex: none;
+                margin: 0 5px;
+                max-width: 180px;
+                font-size: 14px;
+            }
+        }
+    }
 }
 </style>
diff --git a/admin/src/app/views/diy/index.vue b/admin/src/app/views/diy/index.vue
index 65e2318bc..6ba0d831f 100644
--- a/admin/src/app/views/diy/index.vue
+++ b/admin/src/app/views/diy/index.vue
@@ -1,67 +1,67 @@
 <template>
-    <div class="flex flex-wrap pt-[20px] min-w-[1200px] bg-[#fff] rounded-[4px]" v-if="page.use_template">
-        <div class="page-item relative bg-no-repeat ml-[20px] mr-[40px] bg-[#f7f7f7] w-[340px] pt-[90px] pb-[20px]">
-            <p class="absolute top-[54px] left-[50%] translate-x-[-50%] text-[14px] truncate w-[130px] text-center">{{ page.use_template.title }}</p>
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
 
-            <div v-show="page.use_template.url" class="w-[320px] h-[550px] mx-auto">
-                <iframe :id="'previewIframe_' + type" v-show="page.loadingIframe" class="w-[320px] h-[550px] mx-auto" :src="page.use_template.wapPreview" frameborder="0"></iframe>
-                <div v-show="page.loadingDev" class="w-[320px] h-[550px] mx-auto bg-body pt-[20px] px-[20px]">
-                    <div class="font-bold text-xl mb-[40px]">{{ t('developTitle') }}</div>
-                    <div class="mb-[20px] flex flex-col">
-                        <text class="mb-[10px]">{{ t('wapDomain') }}</text>
-                        <el-input v-model="wapDomain" :placeholder="t('wapDomainPlaceholder')" clearable />
+            <div class="flex flex-wrap min-w-[1200px]" v-if="page.use_template">
+                <div class="page-item relative w-[340px] mr-[40px] pt-[90px] pb-[20px] bg-[#f7f7f7] bg-no-repeat">
+                    <p class="absolute top-[54px] left-[50%] translate-x-[-50%] w-[130px] text-[14px] truncate text-center">{{ page.use_template.title }}</p>
+
+                    <div v-show="page.use_template.url" class="w-[320px] h-[550px] mx-auto">
+                        <iframe :id="'previewIframe_' + type" v-show="page.loadingIframe" class="w-[320px] h-[550px] mx-auto" :src="page.use_template.wapPreview" frameborder="0"></iframe>
+                        <div v-show="page.loadingDev" class="w-[320px] h-[550px] mx-auto bg-body pt-[20px] px-[20px]">
+                            <div class="font-bold text-xl mb-[40px]">{{ t('developTitle') }}</div>
+                            <div class="mb-[20px] flex flex-col">
+                                <text class="mb-[10px]">{{ t('wapDomain') }}</text>
+                                <el-input v-model="wapDomain" :placeholder="t('wapDomainPlaceholder')" clearable />
+                            </div>
+                            <div class="flex">
+                                <el-button type="primary" @click="saveDomain()">{{ t('confirm') }}</el-button>
+                                <el-button type="primary" @click="settingTips()" plain>{{ t('settingTips') }}</el-button>
+                            </div>
+                        </div>
                     </div>
-                    <div class="flex">
-                        <el-button type="primary" @click="saveDomain()">{{ t('confirm') }}</el-button>
-                        <el-button type="primary" @click="settingTips()" plain>{{ t('settingTips') }}</el-button>
+
+                    <div v-show="!page.use_template.wapPreview" class="overflow-hidden w-[320px] h-[550px] mx-auto">
+                        <img class="max-w-full" v-if="page.use_template.cover" :src="img(page.use_template.cover)" />
+                    </div>
+
+                    <div class="popup-wrap absolute inset-x-0 inset-y-0 select-none" :class="{ 'disabled': page.isDisabledPop }"></div>
+
+                </div>
+
+                <div class="w-[700px]">
+                    <div class="flex flex-wrap">
+                        <diy-link v-model="link" :ignore="['DIY_LINK']" @success="changePage">
+                            <el-button type="primary">{{ t('changePage') }}</el-button>
+                        </diy-link>
+                        <el-button type="primary" @click="toDecorate()" v-show="page.use_template.action == 'decorate'" class="ml-[12px]">{{ t('decorate') }}</el-button>
+                    </div>
+
+                    <div class="info-wrap">
+                        <div class="mt-[20px] p-[20px] flex items-center justify-between bg">
+                            <div>
+                                <div class="font-bold">{{ t('H5') }}</div>
+                                <el-form label-width="40px" class="mt-[5px]">
+                                    <el-form-item :label="t('link')" class="mb-[5px]">
+                                        <el-input readonly :value="page.shareUrl" class="!w-[390px]">
+                                            <template #append>
+                                                <el-button @click="copyEvent(page.shareUrl)" class="bg-primary copy">{{ t('copy') }}</el-button>
+                                            </template>
+                                        </el-input>
+                                    </el-form-item>
+                                </el-form>
+                                <div class="text-[#999] text-base">{{ t('scanQRCodeOnRight') }}</div>
+                            </div>
+                            <div class="text-center">
+                                <el-image class="w-[100px] h-[100px] mb-[5px]" :src="wapImage" />
+                                <div @click="toPreview()" class="text-primary text-base cursor-pointer">{{ t('preview') }}</div>
+                            </div>
+                        </div>
                     </div>
                 </div>
             </div>
-
-            <div v-show="!page.use_template.wapPreview" class="overflow-hidden w-[320px] h-[550px] mx-auto">
-                <img class="max-w-full" v-if="page.use_template.cover" :src="img(page.use_template.cover)" />
-            </div>
-
-            <div class="popup-wrap absolute inset-x-0 inset-y-0 select-none" :class="{ 'disabled': page.isDisabledPop }"></div>
-
-        </div>
-
-        <div class="w-[700px]">
-            <div class="flex flex-wrap">
-                <diy-link v-model="link" :ignore="['DIY_LINK']" @success="changePage">
-                    <el-button type="primary">{{ t('changePage') }}</el-button>
-                </diy-link>
-                <el-button type="primary" @click="toDecorate()" v-show="page.use_template.action == 'decorate'" class="ml-[12px]">{{ t('decorate') }}</el-button>
-            </div>
-
-            <div class="info-wrap">
-
-                <div class="mt-[20px] bg-[#F7F8FA] p-[20px] flex items-center justify-between">
-                    <div>
-                        <div class="font-bold">{{ t('H5') }}</div>
-						<el-form label-width="40px" class="mt-[5px]">
-							<el-form-item :label="t('link')" class="mb-[5px]">
-								<el-input readonly :value="page.shareUrl" class="!w-[390px]">
-									<template #append>
-										<el-button @click="copyEvent(page.shareUrl)" class="bg-primary copy">{{ t('copy') }}</el-button>
-									</template>
-								</el-input>
-							</el-form-item>
-						</el-form>
-                        <div class="text-[#999] text-base">{{ t('scanQRCodeOnRight') }}</div>
-                    </div>
-                    <div class="text-center">
-                        <el-image class="w-[100px] h-[100px] mb-[5px]" :src="wapImage" />
-                        <div @click="toPreview()" class="text-primary text-base cursor-pointer">{{ t('preview') }}</div>
-                    </div>
-                </div>
-
-            </div>
-
-        </div>
-
+        </el-card>
     </div>
-
 </template>
 
 <script lang="ts" setup>
@@ -327,19 +327,19 @@ watch(copied, () => {
 </script>
 
 <style lang="scss" scoped>
-.page-item {
-    background-image: url(@/app/assets/images/iphone_bg.png);
-    background-color: var(--el-bg-color);
-    background-size: 100%;
+    .page-item {
+        background-image: url(@/app/assets/images/iphone_bg.png);
+        background-color: var(--el-bg-color);
+        background-size: 100%;
 
-    .popup-wrap {
-        display: none;
-    }
+        .popup-wrap {
+            display: none;
+        }
 
-    &:hover {
-        .popup-wrap:not(.disabled) {
-            display: block !important;
+        &:hover {
+            .popup-wrap:not(.disabled) {
+                display: block !important;
+            }
         }
     }
-}
 </style>
diff --git a/admin/src/app/views/diy/list.vue b/admin/src/app/views/diy/list.vue
index eff8b6012..8848a4d1c 100644
--- a/admin/src/app/views/diy/list.vue
+++ b/admin/src/app/views/diy/list.vue
@@ -1,6 +1,7 @@
 <template>
     <div class="main-container">
         <el-card class="box-card !border-none" shadow="never">
+
             <div class="flex justify-between items-center">
                 <span class="text-page-title">{{ pageName }}</span>
                 <el-button type="primary" class="w-[100px]" @click="dialogVisible = true">{{ t('addDiyPage') }}</el-button>
@@ -31,7 +32,6 @@
             </el-card>
 
             <el-table :data="diyPageTableData.data" size="large" v-loading="diyPageTableData.loading">
-
                 <template #empty>
                     <span>{{ !diyPageTableData.loading ? t('emptyData') : '' }}</span>
                 </template>
@@ -130,9 +130,10 @@ import { getApps,getDiyPageList, deleteDiyPage, getDiyTemplate, editDiyPageShare
 import { ElMessageBox, FormInstance } from 'element-plus'
 import { useRoute, useRouter } from 'vue-router'
 
-const router = useRouter()
 const route = useRoute()
+const router = useRouter()
 const pageName = route.meta.title
+
 const pageType: any = reactive({}) // 页面类型
 
 // 添加自定义页面
@@ -344,5 +345,4 @@ const resetForm = (formEl: FormInstance | undefined) => {
 
 </script>
 
-<style lang="scss" scoped>
-</style>
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/diy/member.vue b/admin/src/app/views/diy/member.vue
index 655d46e02..f0f7ca4da 100644
--- a/admin/src/app/views/diy/member.vue
+++ b/admin/src/app/views/diy/member.vue
@@ -1,87 +1,86 @@
 <template>
-    <div class="flex flex-wrap pt-[20px] min-w-[1200px] bg-[#fff] rounded-[4px]" v-if="page.use_template">
-        <div class="page-item relative bg-no-repeat ml-[20px] mr-[40px] bg-[#f7f7f7] w-[340px] pt-[90px] pb-[20px]">
-            <p class="absolute top-[54px] left-[50%] translate-x-[-50%] text-[14px] truncate w-[130px] text-center">{{ page.use_template.title }}</p>
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
+            <div class="flex flex-wrap min-w-[1200px]" v-if="page.use_template">
+                <div class="page-item relative w-[340px] mr-[40px] pt-[90px] pb-[20px] bg-[#f7f7f7] bg-no-repeat">
+                    <p class="absolute top-[54px] left-[50%] translate-x-[-50%] w-[130px] text-[14px] truncate text-center">{{ page.use_template.title }}</p>
 
-            <div v-show="page.use_template.url" class="w-[320px] h-[550px] mx-auto">
-                <iframe :id="'previewIframe_' + type" v-show="page.loadingIframe" class="w-[320px] h-[550px] mx-auto" :src="page.use_template.wapPreview" frameborder="0"></iframe>
-                <div v-show="page.loadingDev" class="w-[320px] h-[550px] mx-auto bg-body pt-[20px] px-[20px]">
-                    <div class="font-bold text-xl mb-[40px]">{{ t('developTitle') }}</div>
-                    <div class="mb-[20px] flex flex-col">
-                        <text class="mb-[10px]">{{ t('wapDomain') }}</text>
-                        <el-input v-model="wapDomain" :placeholder="t('wapDomainPlaceholder')" clearable />
+                    <div v-show="page.use_template.url" class="w-[320px] h-[550px] mx-auto">
+                        <iframe :id="'previewIframe_' + type" v-show="page.loadingIframe" class="w-[320px] h-[550px] mx-auto" :src="page.use_template.wapPreview" frameborder="0"></iframe>
+                        <div v-show="page.loadingDev" class="w-[320px] h-[550px] mx-auto bg-body pt-[20px] px-[20px]">
+                            <div class="font-bold text-xl mb-[40px]">{{ t('developTitle') }}</div>
+                            <div class="mb-[20px] flex flex-col">
+                                <text class="mb-[10px]">{{ t('wapDomain') }}</text>
+                                <el-input v-model="wapDomain" :placeholder="t('wapDomainPlaceholder')" clearable />
+                            </div>
+                            <div class="flex">
+                                <el-button type="primary" @click="saveDomain()">{{ t('confirm') }}</el-button>
+                                <el-button type="primary" @click="settingTips()" plain>{{ t('settingTips') }}</el-button>
+                            </div>
+                        </div>
                     </div>
-                    <div class="flex">
-                        <el-button type="primary" @click="saveDomain()">{{ t('confirm') }}</el-button>
-                        <el-button type="primary" @click="settingTips()" plain>{{ t('settingTips') }}</el-button>
+
+                    <div v-show="!page.use_template.wapPreview" class="overflow-hidden w-[320px] h-[550px] mx-auto">
+                        <img class="max-w-full" v-if="page.use_template.cover" :src="img(page.use_template.cover)" />
+                    </div>
+
+                    <div class="popup-wrap absolute inset-x-0 inset-y-0 select-none" :class="{ 'disabled': page.isDisabledPop }"></div>
+
+                </div>
+
+                <div class="w-[700px]">
+                    <div class="flex flex-wrap">
+                        <!-- 多应用切换启动页 -->
+                        <el-button type="primary" @click="showDialog = true" v-if="siteApps.length > 1">{{ t('changePage') }}</el-button>
+                        <el-button type="primary" @click="toDecorate()" v-show="page.use_template.action == 'decorate'" class="ml-[12px]">{{ t('decorate') }}</el-button>
+                    </div>
+
+                    <div class="info-wrap">
+                        <div class="mt-[20px] p-[20px] flex items-center justify-between bg">
+                            <div>
+                                <div class="font-bold">{{ t('H5') }}</div>
+                                <el-form label-width="40px" class="mt-[5px]">
+                                    <el-form-item :label="t('link')" class="mb-[5px]">
+                                        <el-input readonly :value="page.shareUrl" class="!w-[400px]">
+                                            <template #append>
+                                                <el-button @click="copyEvent(page.shareUrl)" class="bg-primary copy">{{ t('copy') }}</el-button>
+                                            </template>
+                                        </el-input>
+                                    </el-form-item>
+                                </el-form>
+                                <div class="text-[#999] text-base">{{ t('scanQRCodeOnRight') }}</div>
+                            </div>
+                            <div class="text-center">
+                                <el-image class="w-[100px] h-[100px] mb-[5px]" :src="wapImage" />
+                                <div @click="toPreview()" class="text-primary text-base cursor-pointer">{{ t('preview') }}</div>
+                            </div>
+                        </div>
                     </div>
                 </div>
             </div>
 
-            <div v-show="!page.use_template.wapPreview" class="overflow-hidden w-[320px] h-[550px] mx-auto">
-                <img class="max-w-full" v-if="page.use_template.cover" :src="img(page.use_template.cover)" />
-            </div>
-
-            <div class="popup-wrap absolute inset-x-0 inset-y-0 select-none" :class="{ 'disabled': page.isDisabledPop }"></div>
-
-        </div>
-
-        <div class="w-[700px]">
-            <div class="flex flex-wrap">
-                <!-- 多应用切换启动页 -->
-                <el-button type="primary" @click="showDialog = true" v-if="siteApps.length > 1">{{ t('changePage') }}</el-button>
-                <el-button type="primary" @click="toDecorate()" v-show="page.use_template.action == 'decorate'" class="ml-[12px]">{{ t('decorate') }}</el-button>
-            </div>
-
-            <div class="info-wrap">
-
-                <div class="mt-[20px] bg-[#F7F8FA] p-[20px] flex items-center justify-between">
-                    <div>
-                        <div class="font-bold">{{ t('H5') }}</div>
-						<el-form label-width="40px" class="mt-[5px]">
-							<el-form-item :label="t('link')" class="mb-[5px]">
-								<el-input readonly :value="page.shareUrl" class="!w-[400px]">
-									<template #append>
-										<el-button @click="copyEvent(page.shareUrl)" class="bg-primary copy">{{ t('copy') }}</el-button>
-									</template>
-								</el-input>
-							</el-form-item>
-						</el-form>
-                        <div class="text-[#999] text-base">{{ t('scanQRCodeOnRight') }}</div>
-                    </div>
-                    <div class="text-center">
-                        <el-image class="w-[100px] h-[100px] mb-[5px]" :src="wapImage" />
-                        <div @click="toPreview()" class="text-primary text-base cursor-pointer">{{ t('preview') }}</div>
-                    </div>
+            <el-dialog v-model="showDialog" :title="t('pageSelectTips')" width="400px" :close-on-press-escape="false" :destroy-on-close="true" :close-on-click-modal="false">
+                <div class="flex items-start">
+                    <el-scrollbar class="pl-4 h-[300px] flex-1">
+                        <div class="flex flex-wrap">
+                            <div v-for="(item, key) in pageType" :key="key"
+                                 class="border border-br rounded-[3px] mr-[10px] mb-[10px] px-4 h-[32px] leading-[32px] cursor-pointer hover:bg-primary-light-9 px-[10px] hover:text-primary"
+                                 :class="[key == link.name ? 'border-primary text-primary' : '']"
+                                 @click="changeLink(key,item)">{{ item.title }}
+                            </div>
+                        </div>
+                    </el-scrollbar>
                 </div>
 
-            </div>
-
-        </div>
-
+                <template #footer>
+                    <span class="dialog-footer">
+                        <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                        <el-button type="primary" @click="changePage()">{{ t('confirm') }}</el-button>
+                    </span>
+                </template>
+            </el-dialog>
+        </el-card>
     </div>
-
-    <el-dialog v-model="showDialog" :title="t('pageSelectTips')" width="400px" :close-on-press-escape="false" :destroy-on-close="true" :close-on-click-modal="false">
-        <div class="flex items-start">
-            <el-scrollbar class="pl-4 h-[300px] flex-1">
-                <div class="flex flex-wrap">
-                    <div v-for="(item, key) in pageType" :key="key"
-                         class="border border-br rounded-[3px] mr-[10px] mb-[10px] px-4 h-[32px] leading-[32px] cursor-pointer hover:bg-primary-light-9 px-[10px] hover:text-primary"
-                         :class="[key == link.name ? 'border-primary text-primary' : '']"
-                         @click="changeLink(key,item)">{{ item.title }}
-                    </div>
-                </div>
-            </el-scrollbar>
-        </div>
-
-        <template #footer>
-            <span class="dialog-footer">
-                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
-                <el-button type="primary" @click="changePage()">{{ t('confirm') }}</el-button>
-            </span>
-        </template>
-    </el-dialog>
-
 </template>
 
 <script lang="ts" setup>
@@ -371,19 +370,19 @@ watch(copied, () => {
 </script>
 
 <style lang="scss" scoped>
-.page-item {
-    background-image: url(@/app/assets/images/iphone_bg.png);
-    background-color: var(--el-bg-color);
-    background-size: 100%;
+    .page-item {
+        background-image: url(@/app/assets/images/iphone_bg.png);
+        background-color: var(--el-bg-color);
+        background-size: 100%;
 
-    .popup-wrap {
-        display: none;
-    }
+        .popup-wrap {
+            display: none;
+        }
 
-    &:hover {
-        .popup-wrap:not(.disabled) {
-            display: block !important;
+        &:hover {
+            .popup-wrap:not(.disabled) {
+                display: block !important;
+            }
         }
     }
-}
 </style>
diff --git a/admin/src/app/views/diy/route.vue b/admin/src/app/views/diy/route.vue
index f2e0581ae..bf9ff59f4 100644
--- a/admin/src/app/views/diy/route.vue
+++ b/admin/src/app/views/diy/route.vue
@@ -1,6 +1,7 @@
 <template>
     <div class="main-container">
         <el-card class="box-card !border-none" shadow="never">
+
             <div class="flex justify-between items-center">
                 <span class="text-page-title">{{pageName}}</span>
             </div>
@@ -27,6 +28,7 @@
                 <template #empty>
                     <span>{{ !diyRouteTableData.loading ? t('emptyData') : '' }}</span>
                 </template>
+
                 <el-table-column prop="title" :label="t('title')" min-width="70" />
                 <el-table-column prop="addon_title" :label="t('forAddon')" min-width="70">
                     <template #default="{ row }">
@@ -98,11 +100,12 @@ import { useRoute, useRouter } from 'vue-router'
 import { useClipboard } from '@vueuse/core'
 import { getUrl } from '@/app/api/sys'
 
-const pageTemplate: any = reactive({})
-const router = useRouter()
 const route = useRoute()
+const router = useRouter()
 const pageName = route.meta.title
 
+const pageTemplate: any = reactive({})
+
 const formRef = ref<FormInstance>()
 const dialogVisible = ref(false)
 
@@ -127,7 +130,7 @@ getDomain()
 
 const apps: any = reactive({}) // 应用插件列表
 
-getDiyRouteAppList({}).then(res=>{
+getDiyRouteAppList().then(res=>{
     if(res.data){
         for (const key in res.data) {
             apps[key] = res.data[key];
diff --git a/admin/src/app/views/diy/tabbar.vue b/admin/src/app/views/diy/tabbar.vue
index 8a8f62e01..edd089291 100644
--- a/admin/src/app/views/diy/tabbar.vue
+++ b/admin/src/app/views/diy/tabbar.vue
@@ -1,12 +1,12 @@
 <template>
     <div class="main-container">
         <el-card class="box-card !border-none" shadow="never">
+
             <div class="flex justify-between items-center">
                 <span class="text-page-title">{{ pageName }}</span>
             </div>
 
             <el-table class="mt-[20px]" :data="bottomNavTableData.data" size="large" v-loading="bottomNavTableData.loading">
-
                 <template #empty>
                     <span>{{ !bottomNavTableData.loading ? t('emptyData') : '' }}</span>
                 </template>
@@ -24,8 +24,8 @@
                         <el-button type="primary" link @click="editEvent(row)">{{ t('edit') }}</el-button>
                     </template>
                 </el-table-column>
-
             </el-table>
+
             <div class="mt-[16px] flex justify-end">
                 <el-pagination v-model:current-page="bottomNavTableData.page" v-model:page-size="bottomNavTableData.limit"
                                layout="total, sizes, prev, pager, next, jumper" :total="bottomNavTableData.total"
@@ -43,8 +43,8 @@
     import { getDiyBottomList } from '@/app/api/diy'
     import { useRoute, useRouter } from 'vue-router'
 
-    const router = useRouter()
     const route = useRoute()
+    const router = useRouter()
     const pageName = route.meta.title
 
     const bottomNavTableData: any = reactive({
@@ -86,5 +86,4 @@
 
 </script>
 
-<style lang="scss" scoped>
-</style>
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/diy/tabbar_edit.vue b/admin/src/app/views/diy/tabbar_edit.vue
index 9be58f487..5d218c4bc 100644
--- a/admin/src/app/views/diy/tabbar_edit.vue
+++ b/admin/src/app/views/diy/tabbar_edit.vue
@@ -1,9 +1,13 @@
 <template>
     <div class="main-container">
-        <el-card class="box-card !border-none" shadow="never" v-loading="loading">
+        <el-card class="card !border-none" shadow="never">
+            <el-page-header :content="pageName" :icon="ArrowLeft" @back="$router.back()" />
+        </el-card>
+
+        <el-card class="box-card mt-[15px] !border-none" shadow="never" v-loading="loading">
             <div class="flex">
                 <div class="w-[360px] h-[400px] absolute mr-[30px] border-[1px] border-gray-300">
-                    <div class="flex items-center justify-between absolute h-[60px] left-[0px] right-[0px] bottom-[0px]  border-[1px] border-primary" :style="{ 'backgroundColor': diyBottomData.value.backgroundColor }">
+                    <div class="flex items-center justify-between absolute h-[60px] left-[0px] right-[0px] bottom-[0px] border-[1px] border-primary" :style="{ 'backgroundColor': diyBottomData.value.backgroundColor }">
                         <div class="flex flex-1 flex-col items-center justify-center" v-for="(item, index) in diyBottomData.value.list" :key="'b' + index">
                             <el-image class="w-[22px] h-[22px] mb-[5px] leading-1" :src="img(item.iconPath)" :fit="contain"  v-if="['1', '2'].includes(diyBottomData.value.type.toString())">
                                 <template #error>
@@ -41,7 +45,7 @@
                                             </div>
                                         </el-form-item>
                                         <el-form-item :label="t('navTitleOne')">
-                                            <el-input class="w-[215px]" v-model="item.text" :placeholder="t('titleContent')" maxlength="5" show-word-limit />
+                                            <el-input class="!w-[215px]" v-model="item.text" :placeholder="t('titleContent')" maxlength="5" show-word-limit />
                                         </el-form-item>
                                         <el-form-item :label="t('navLinkOne')">
                                             <diy-link v-model="item.link"/>
@@ -103,16 +107,18 @@ import { ref, reactive, onMounted, nextTick } from 'vue'
 import { t } from '@/lang'
 import { img } from '@/utils/common'
 import type { FormInstance, ElNotification } from 'element-plus'
+import { ArrowLeft } from '@element-plus/icons-vue'
 import { getDiyBottomConfig, setDiyBottomConfig } from '@/app/api/diy'
 import Sortable from 'sortablejs'
 import { range } from 'lodash-es'
 import { useRoute,useRouter } from 'vue-router'
 
-const activeName = ref<string>('navPicture')
-const loading = ref<boolean>(false)
 const route = useRoute()
 const router = useRouter()
+const pageName = route.meta.title
 
+const activeName = ref<string>('navPicture')
+const loading = ref<boolean>(false)
 route.query.key = route.query.key || '';
 
 // 底部导航数据
diff --git a/admin/src/app/views/finance/account.vue b/admin/src/app/views/finance/account.vue
index 7c1eab639..536571901 100644
--- a/admin/src/app/views/finance/account.vue
+++ b/admin/src/app/views/finance/account.vue
@@ -1,167 +1,169 @@
 <template>
-	<div class="main-container">
-		<el-card class="box-card !border-none" shadow="never">
+    <!--财务流水-->
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
 
-			<div class="flex justify-between items-center">
-				<span class="text-page-title">{{ pageName }}</span>
-			</div>
-			<el-card class="box-card !border-none base-bg !px-[35px]" shadow="never">
-				<el-row class="flex">
-					<el-col :span="8" class="min-w-[100px]">
-						<div class="statistic-card">
-							<el-statistic :value="accountStat.pay ? accountStat.pay.toFixed(2) : '0.00'"></el-statistic>
-							<div class="statistic-footer">
-								<div class="footer-item text-[14px] text-[#666]">
-									<span>{{ t('totalPay') }}</span>
-								</div>
-							</div>
-						</div>
-					</el-col>
-					<el-col :span="8" class="min-w-[100px]">
-						<div class="statistic-card">
-							<el-statistic :value="accountStat.refund ? accountStat.refund.toFixed(2) : '0.00'"></el-statistic>
-							<div class="statistic-footer">
-								<div class="footer-item text-[14px] text-[#666]">
-									<span>{{ t('totalRefund') }}</span>
-								</div>
-							</div>
-						</div>
-					</el-col>
-					<el-col :span="8" class="min-w-[100px]">
-						<div class="statistic-card">
-							<el-statistic :value="accountStat.transfer ? accountStat.transfer.toFixed(2) : '0.00'"></el-statistic>
-							<div class="statistic-footer">
-								<div class="footer-item text-[14px] text-[#666]">
-									<span>{{ t('totalTransfer') }}</span>
-								</div>
-							</div>
-						</div>
-					</el-col>
-				</el-row>
-			</el-card>
-			<el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never">
-				<el-form :inline="true" :model="siteAccountLogTable.searchParam" ref="searchFormRef">
-					<el-form-item :label="t('type')" class="items-center" prop="type">
-						<el-select v-model="siteAccountLogTable.searchParam.type" class="m-2" :placeholder="t('accountType')">
+            <div class="flex justify-between items-center">
+                <span class="text-page-title">{{ pageName }}</span>
+            </div>
+
+            <el-card class="box-card !border-none !px-[35px]" shadow="never">
+                <el-row class="flex">
+                    <el-col :span="8" class="min-w-[100px]">
+                        <div class="statistic-card">
+                            <el-statistic :value="accountStat.pay ? accountStat.pay.toFixed(2) : '0.00'"></el-statistic>
+                            <div class="statistic-footer">
+                                <div class="footer-item text-[14px] text-[#666]">
+                                    <span>{{ t('totalPay') }}</span>
+                                </div>
+                            </div>
+                        </div>
+                    </el-col>
+                    <el-col :span="8" class="min-w-[100px]">
+                        <div class="statistic-card">
+                            <el-statistic :value="accountStat.refund ? accountStat.refund.toFixed(2) : '0.00'"></el-statistic>
+                            <div class="statistic-footer">
+                                <div class="footer-item text-[14px] text-[#666]">
+                                    <span>{{ t('totalRefund') }}</span>
+                                </div>
+                            </div>
+                        </div>
+                    </el-col>
+                    <el-col :span="8" class="min-w-[100px]">
+                        <div class="statistic-card">
+                            <el-statistic :value="accountStat.transfer ? accountStat.transfer.toFixed(2) : '0.00'"></el-statistic>
+                            <div class="statistic-footer">
+                                <div class="footer-item text-[14px] text-[#666]">
+                                    <span>{{ t('totalTransfer') }}</span>
+                                </div>
+                            </div>
+                        </div>
+                    </el-col>
+                </el-row>
+            </el-card>
+
+            <el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never">
+                <el-form :inline="true" :model="siteAccountLogTable.searchParam" ref="searchFormRef">
+                    <el-form-item :label="t('type')" class="items-center" prop="type">
+                        <el-select v-model="siteAccountLogTable.searchParam.type" class="m-2" :placeholder="t('accountType')">
                             <el-option :label="t('all')" value="" />
-							<el-option v-for="(item, index) in accountType" :key="index" :label="item" :value="index" />
-						</el-select>
-					</el-form-item>
-					<el-form-item :label="t('tradeNo')" prop="trade_no">
-						<el-input v-model="siteAccountLogTable.searchParam.trade_no" :placeholder="t('tradeNoPlaceholder')" />
-					</el-form-item>
-					<el-form-item :label="t('createTime')" prop="create_time">
-						<el-date-picker v-model="siteAccountLogTable.searchParam.create_time" type="datetimerange"
-							value-format="YYYY-MM-DD HH:mm:ss" :start-placeholder="t('startDate')"
-							:end-placeholder="t('endDate')" />
-					</el-form-item>
+                            <el-option v-for="(item, index) in accountType" :key="index" :label="item" :value="index" />
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item :label="t('tradeNo')" prop="trade_no">
+                        <el-input v-model="siteAccountLogTable.searchParam.trade_no" :placeholder="t('tradeNoPlaceholder')" />
+                    </el-form-item>
+                    <el-form-item :label="t('createTime')" prop="create_time">
+                        <el-date-picker v-model="siteAccountLogTable.searchParam.create_time" type="datetimerange"
+                            value-format="YYYY-MM-DD HH:mm:ss" :start-placeholder="t('startDate')"
+                            :end-placeholder="t('endDate')" />
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="primary" @click="loadSiteAccountLogList()">{{ t('search') }}</el-button>
+                        <el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button>
+                    </el-form-item>
+                </el-form>
+            </el-card>
 
-					<el-form-item>
-						<el-button type="primary" @click="loadSiteAccountLogList()">{{ t('search') }}</el-button>
-						<el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button>
-					</el-form-item>
-				</el-form>
-			</el-card>
+            <div class="mt-[10px]">
+                <el-table :data="siteAccountLogTable.data" size="large" v-loading="siteAccountLogTable.loading">
+                    <template #empty>
+                        <span>{{ !siteAccountLogTable.loading ? t('emptyData') : '' }}</span>
+                    </template>
 
-			<div class="mt-[10px]">
-				<el-table :data="siteAccountLogTable.data" size="large" v-loading="siteAccountLogTable.loading">
-					<template #empty>
-						<span>{{ !siteAccountLogTable.loading ? t('emptyData') : '' }}</span>
-					</template>
-					<el-table-column prop="trade_no" :label="t('tradeNo')" min-width="120" />
-					<el-table-column prop="type_name" :label="t('type')" min-width="120" />
-					<el-table-column prop="money" :label="t('money')" min-width="120" align="right" />
-					<el-table-column :label="t('createTime')" min-width="150" align="center">
-						<template #default="{ row }">
-							{{ row.create_time || '' }}
-						</template>
-					</el-table-column>
+                    <el-table-column prop="trade_no" :label="t('tradeNo')" min-width="120" />
+                    <el-table-column prop="type_name" :label="t('type')" min-width="120" />
+                    <el-table-column prop="money" :label="t('money')" min-width="120" align="right" />
+                    <el-table-column :label="t('createTime')" min-width="150" align="center">
+                        <template #default="{ row }">
+                            {{ row.create_time || '' }}
+                        </template>
+                    </el-table-column>
+                    <el-table-column :label="t('operation')" align="right" fixed="right" min-width="120">
+                        <template #default="{ row }">
+                            <el-button type="primary" link @click="detailEvent(row)">{{ t('detail') }}</el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
 
-					<el-table-column :label="t('operation')" align="right" fixed="right" min-width="120">
-						<template #default="{ row }">
-							<el-button type="primary" link @click="detailEvent(row)">{{ t('detail') }}</el-button>
-						</template>
-					</el-table-column>
+                <div class="mt-[16px] flex justify-end">
+                    <el-pagination v-model:current-page="siteAccountLogTable.page"
+                        v-model:page-size="siteAccountLogTable.limit" layout="total, sizes, prev, pager, next, jumper"
+                        :total="siteAccountLogTable.total" @size-change="loadSiteAccountLogList()"
+                        @current-change="loadSiteAccountLogList" />
+                </div>
+            </div>
+        </el-card>
 
-				</el-table>
-				<div class="mt-[16px] flex justify-end">
-					<el-pagination v-model:current-page="siteAccountLogTable.page"
-						v-model:page-size="siteAccountLogTable.limit" layout="total, sizes, prev, pager, next, jumper"
-						:total="siteAccountLogTable.total" @size-change="loadSiteAccountLogList()"
-						@current-change="loadSiteAccountLogList" />
-				</div>
-			</div>
-		</el-card>
-		<el-dialog v-model="showDialog" :title="t('accountDetail')" width="550px" :destroy-on-close="true">
-			<el-form :model="formData" label-width="110px" ref="formRef" class="page-form">
+        <el-dialog v-model="showDialog" :title="t('accountDetail')" width="550px" :destroy-on-close="true">
+            <el-form :model="formData" label-width="110px" ref="formRef" class="page-form">
 
 <!--				<el-form-item :label="t('tradeNo')">-->
 <!--					<div class="input-width"> {{ formData.trade_no }} </div>-->
 <!--				</el-form-item>-->
-				<el-form-item :label="t('type')">
-					<div class="input-width"> {{ formData.type_name }} </div>
-				</el-form-item>
-				<el-form-item :label="t('money')">
-					<div class="input-width"> {{ formData.money }} </div>
-				</el-form-item>
-				<el-form-item :label="t('createTime')">
-					<div class="input-width"> {{ formData.create_time }} </div>
-				</el-form-item>
-				<div v-if="formData.type == 'transfer'">
-					<el-form-item :label="t('transferNo')">
-						<div class="input-width"> {{ formData.pay_info.transfer_no }} </div>
-					</el-form-item>
-					<el-form-item :label="t('transferTime')">
-						<div class="input-width"> {{ formData.pay_info.transfer_time }} </div>
-					</el-form-item>
-					<el-form-item :label="t('transferType')">
-						<div class="input-width"> {{ formData.pay_info.transfer_type }} </div>
-					</el-form-item>
-					<el-form-item :label="t('transferMoney')">
-						<div class="input-width"> {{ formData.pay_info.money }} </div>
-					</el-form-item>
-					<el-form-item :label="t('transferRemark')">
-						<div class="input-width"> {{ formData.pay_info.remark }} </div>
-					</el-form-item>
-				</div>
-				<div v-if="formData.type == 'refund'">
-					<el-form-item :label="t('outTradeNo')">
-						<div class="input-width"> {{ formData.pay_info.out_trade_no }} </div>
-					</el-form-item>
-					<el-form-item :label="t('createTime')">
-						<div class="input-width"> {{ formData.pay_info.create_time }} </div>
-					</el-form-item>
-					<el-form-item :label="t('refundMoney')">
-						<div class="input-width"> {{ formData.pay_info.money }} </div>
-					</el-form-item>
-					<el-form-item :label="t('failReason')">
-						<div class="input-width"> {{ formData.pay_info.fail_reason }} </div>
-					</el-form-item>
-				</div>
-				<div v-if="formData.type == 'pay'">
-					<el-form-item :label="t('outTradeNo')">
-						<div class="input-width"> {{ formData.pay_info.out_trade_no }} </div>
-					</el-form-item>
-					<el-form-item :label="t('createTime')">
-						<div class="input-width"> {{ formData.pay_info.create_time }} </div>
-					</el-form-item>
-					<el-form-item :label="t('money')">
-						<div class="input-width"> {{ formData.pay_info.money }} </div>
-					</el-form-item>
-					<el-form-item :label="t('body')">
-						<div class="input-width"> {{ formData.pay_info.body }} </div>
-					</el-form-item>
-				</div>
+                <el-form-item :label="t('type')">
+                    <div class="input-width"> {{ formData.type_name }} </div>
+                </el-form-item>
+                <el-form-item :label="t('money')">
+                    <div class="input-width"> {{ formData.money }} </div>
+                </el-form-item>
+                <el-form-item :label="t('createTime')">
+                    <div class="input-width"> {{ formData.create_time }} </div>
+                </el-form-item>
+                <div v-if="formData.type == 'transfer'">
+                    <el-form-item :label="t('transferNo')">
+                        <div class="input-width"> {{ formData.pay_info.transfer_no }} </div>
+                    </el-form-item>
+                    <el-form-item :label="t('transferTime')">
+                        <div class="input-width"> {{ formData.pay_info.transfer_time }} </div>
+                    </el-form-item>
+                    <el-form-item :label="t('transferType')">
+                        <div class="input-width"> {{ formData.pay_info.transfer_type }} </div>
+                    </el-form-item>
+                    <el-form-item :label="t('transferMoney')">
+                        <div class="input-width"> {{ formData.pay_info.money }} </div>
+                    </el-form-item>
+                    <el-form-item :label="t('transferRemark')">
+                        <div class="input-width"> {{ formData.pay_info.remark }} </div>
+                    </el-form-item>
+                </div>
+                <div v-if="formData.type == 'refund'">
+                    <el-form-item :label="t('outTradeNo')">
+                        <div class="input-width"> {{ formData.pay_info.out_trade_no }} </div>
+                    </el-form-item>
+                    <el-form-item :label="t('createTime')">
+                        <div class="input-width"> {{ formData.pay_info.create_time }} </div>
+                    </el-form-item>
+                    <el-form-item :label="t('refundMoney')">
+                        <div class="input-width"> {{ formData.pay_info.money }} </div>
+                    </el-form-item>
+                    <el-form-item :label="t('failReason')">
+                        <div class="input-width"> {{ formData.pay_info.fail_reason }} </div>
+                    </el-form-item>
+                </div>
+                <div v-if="formData.type == 'pay'">
+                    <el-form-item :label="t('outTradeNo')">
+                        <div class="input-width"> {{ formData.pay_info.out_trade_no }} </div>
+                    </el-form-item>
+                    <el-form-item :label="t('createTime')">
+                        <div class="input-width"> {{ formData.pay_info.create_time }} </div>
+                    </el-form-item>
+                    <el-form-item :label="t('money')">
+                        <div class="input-width"> {{ formData.pay_info.money }} </div>
+                    </el-form-item>
+                    <el-form-item :label="t('body')">
+                        <div class="input-width"> {{ formData.pay_info.body }} </div>
+                    </el-form-item>
+                </div>
+            </el-form>
 
-			</el-form>
-
-			<template #footer>
-				<span class="dialog-footer">
-					<el-button type="primary" @click="showDialog = false">{{ t('confirm') }}</el-button>
-				</span>
-			</template>
-		</el-dialog>
-	</div>
+            <template #footer>
+                <span class="dialog-footer">
+                    <el-button type="primary" @click="showDialog = false">{{ t('confirm') }}</el-button>
+                </span>
+            </template>
+        </el-dialog>
+    </div>
 </template>
 
 <script lang="ts" setup>
@@ -256,8 +258,8 @@ const detailEvent = (info:any) => {
 
 interface AccountStat{
     pay: number,
-	refund: number,
-	transfer: number
+    refund: number,
+    transfer: number
 }
 
 const accountStat = ref<AccountStat>({
diff --git a/admin/src/app/views/finance/cash_out.vue b/admin/src/app/views/finance/cash_out.vue
index f7f5d5175..0c268ad97 100644
--- a/admin/src/app/views/finance/cash_out.vue
+++ b/admin/src/app/views/finance/cash_out.vue
@@ -1,10 +1,13 @@
 <template>
+    <!--会员提现-->
     <div class="main-container">
         <el-card class="box-card !border-none" shadow="never">
-            <div class="flex justify-between items-center mb-[5px]">
+
+            <div class="flex justify-between items-center">
                 <span class="text-page-title">{{ pageName }}</span>
             </div>
-            <el-card class="box-card !border-none base-bg !px-[35px]" shadow="never">
+
+            <el-card class="box-card !border-none !px-[35px]" shadow="never">
                 <el-row class="flex">
                     <el-col :span="12">
                         <div class="statistic-card">
@@ -141,7 +144,6 @@
                         @size-change="loadOrderList()" @current-change="loadOrderList" />
                 </div>
             </div>
-
         </el-card>
 
         <!-- 详情 -->
@@ -169,6 +171,7 @@
                     <div class="input-width"> {{ cashOutInfo.status_name }} </div>
                 </el-form-item>
             </el-form>
+
             <template #footer>
                 <span class="dialog-footer">
                     <el-button type="primary" @click="cashOutShowDialog = false">{{ t('confirm') }}</el-button>
@@ -356,7 +359,6 @@ const transferFn = (data:any) => {
  * 详情
  * @param data
  */
-
 const cashOutShowDialog = ref(false)
 const cashOutInfo = ref({
     nickname: '',
@@ -394,7 +396,6 @@ const cashOutAuditFn = (data:any) => {
 
 /**
  *  拒绝审核
- * @param data
  */
 const confirm = () => {
     auditShowDialog.value = false
diff --git a/admin/src/app/views/finance/offlinepay.vue b/admin/src/app/views/finance/offlinepay.vue
index d0df36f17..9a54a411c 100644
--- a/admin/src/app/views/finance/offlinepay.vue
+++ b/admin/src/app/views/finance/offlinepay.vue
@@ -36,8 +36,7 @@
                 <template #empty>
                     <span>{{ !payListTable.loading ? t('emptyData') : '' }}</span>
                 </template>
-                <el-table-column prop="out_trade_no" :label="t('outTradeNo')" min-width="230"
-                    :show-overflow-tooltip="true" />
+                <el-table-column prop="out_trade_no" :label="t('outTradeNo')" min-width="230" :show-overflow-tooltip="true" />
                 <el-table-column prop="body" :label="t('body')" min-width="150" :show-overflow-tooltip="true" />
                 <el-table-column prop="money" :label="t('money')" min-width="120" align="right" />
                 <el-table-column :label="t('createTime')" min-width="150" align="center" :show-overflow-tooltip="true">
diff --git a/admin/src/app/views/finance/pay_detail.vue b/admin/src/app/views/finance/pay_detail.vue
index bab0a0dc9..870b3e990 100644
--- a/admin/src/app/views/finance/pay_detail.vue
+++ b/admin/src/app/views/finance/pay_detail.vue
@@ -1,15 +1,12 @@
 <template>
+    <!--支付详情-->
     <div class="main-container">
-        <div class="detail-head">
-            <div class="left" @click="router.push({ path: '/finance/pay/offlinepay' })">
-                <span class="iconfont iconxiangzuojiantou !text-xs"></span>
-                <span class="ml-[1px]">{{ t('returnToPreviousPage') }}</span>
-            </div>
-            <span class="adorn">|</span>
-            <span class="right">{{ pageName }}</span>
-        </div>
 
-        <el-card class="box-card !border-none" shadow="never" v-loading="loading">
+        <el-card class="card !border-none" shadow="never">
+            <el-page-header :content="pageName" :icon="ArrowLeft" @back="$router.back()" />
+        </el-card>
+
+        <el-card class="box-card mt-[15px] !border-none" shadow="never" v-loading="loading">
             <el-form :model="formData" label-width="150px" ref="formRef" class="page-form mt-[10px]" v-if="!loading">
                 <el-form-item :label="t('outTradeNo')">
                     <div class="input-width">{{ formData.out_trade_no }}</div>
@@ -53,8 +50,7 @@
             </el-form>
         </el-card>
     </div>
-    <el-image-viewer :url-list="previewImageList" v-if="imageViewerShow" @close="imageViewerShow = false" :initial-index="0"
-        :zoom-rate="1" />
+    <el-image-viewer :url-list="previewImageList" v-if="imageViewerShow" @close="imageViewerShow = false" :initial-index="0" :zoom-rate="1" />
 </template>
 
 <script lang="ts" setup>
@@ -64,6 +60,7 @@ import { useRoute, useRouter } from 'vue-router'
 import { getPayDetail, payAuditPass, payAuditRefuse } from '@/app/api/sys'
 import { img } from '@/utils/common'
 import { ElMessageBox } from 'element-plus'
+import { ArrowLeft } from '@element-plus/icons-vue'
 
 const route = useRoute()
 const router = useRouter()
@@ -114,11 +111,9 @@ const refuseEvent = () => {
         inputPattern: /\S/,
         inputType: 'textarea'
     }).then(({ value }) => {
-        payAuditRefuse({ out_trade_no: formData.value.out_trade_no, reason: value })
-            .then(() => {
-                setFormData()
-            })
-            .catch()
+        payAuditRefuse({ out_trade_no: formData.value.out_trade_no, reason: value }).then(() => {
+            setFormData()
+        }).catch()
     }).catch(() => {
 
     })
diff --git a/admin/src/app/views/finance/pay_refund.vue b/admin/src/app/views/finance/pay_refund.vue
index 4b7885e80..0db491de8 100644
--- a/admin/src/app/views/finance/pay_refund.vue
+++ b/admin/src/app/views/finance/pay_refund.vue
@@ -1,9 +1,10 @@
 <template>
+    <!--会员退款-->
     <div class="main-container">
         <el-card class="box-card !border-none" shadow="never">
 
             <div class="flex justify-between items-center">
-                <span class="text-page-title">{{pageName}}</span>
+                <span class="text-page-title">{{ pageName }}</span>
             </div>
 
             <el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never">
@@ -30,17 +31,17 @@
                         <span>{{ !payRefundTable.loading ? t('emptyData') : '' }}</span>
                     </template>
                     <el-table-column prop="refund_no" :label="t('refundNo')" min-width="200" />
-					<el-table-column prop="money" :label="t('refundMoney')" min-width="120" />
+                    <el-table-column prop="money" :label="t('refundMoney')" min-width="120" />
                     <el-table-column prop="type_name" :label="t('payType')" min-width="120" />
                     <el-table-column prop="status_name" :label="t('status')" min-width="120" />
-					<el-table-column prop="create_time" :label="t('createTime')" min-width="160" />
+                    <el-table-column prop="create_time" :label="t('createTime')" min-width="160" />
                     <el-table-column :label="t('operation')" fixed="right" align="right" min-width="120">
                        <template #default="{ row }">
                            <el-button type="primary" link @click="infoEvent(row)">{{ t('info') }}</el-button>
                        </template>
                     </el-table-column>
-
                 </el-table>
+
                 <div class="mt-[16px] flex justify-end">
                     <el-pagination v-model:current-page="payRefundTable.page" v-model:page-size="payRefundTable.limit"
                         layout="total, sizes, prev, pager, next, jumper" :total="payRefundTable.total"
@@ -57,6 +58,7 @@ import { t } from '@/lang'
 import { getPayRefundPages } from '@/app/api/pay'
 import { useRouter, useRoute } from 'vue-router'
 import type { FormInstance } from 'element-plus'
+
 const route = useRoute()
 const router = useRouter()
 const pageName = route.meta.title
@@ -75,9 +77,6 @@ const payRefundTable = reactive({
 
 const searchFormRef = ref<FormInstance>()
 
-// 选中数据
-// const selectData = ref<any[]>([])
-
 /**
  * 获取商品标签列表
  */
@@ -110,14 +109,4 @@ const resetForm = (formEl: FormInstance | undefined) => {
 }
 </script>
 
-<style lang="scss" scoped>
-/* 多行超出隐藏 */
-.multi-hidden {
-		word-break: break-all;
-		text-overflow: ellipsis;
-		overflow: hidden;
-		display: -webkit-box;
-		-webkit-line-clamp: 2;
-		-webkit-box-orient: vertical;
-	}
-</style>
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/finance/refund_detail.vue b/admin/src/app/views/finance/refund_detail.vue
index 7635e94d0..42bb1072e 100644
--- a/admin/src/app/views/finance/refund_detail.vue
+++ b/admin/src/app/views/finance/refund_detail.vue
@@ -1,18 +1,17 @@
 <template>
+    <!--退款详情-->
     <div class="main-container">
-        <div class="detail-head">
-            <div class="left" @click="router.push({ path: '/finance/refund' })">
-                <span class="iconfont iconxiangzuojiantou !text-xs"></span>
-                <span class="ml-[1px]">{{ t('returnToPreviousPage') }}</span>
-            </div>
-            <span class="adorn">|</span>
-            <span class="right">{{ pageName }}</span>
-        </div>
-        <el-card class="box-card !border-none relative" shadow="never" v-if="formData">
-            <div class="flex px-[20px] py-[20px] justify-between">
+
+        <el-card class="card !border-none" shadow="never">
+            <el-page-header :content="pageName" :icon="ArrowLeft" @back="$router.back()" />
+        </el-card>
+
+        <el-card class="box-card mt-[15px] !border-none relative" shadow="never" v-if="formData">
+            <div class="flex mt-[5px] mb-[20px] justify-between">
                 <span>{{ t('refundMoney') }}：<span>￥{{ formData.money }}</span></span>
                 <span>{{ t('refundNo') }}：<span>{{ formData.refund_no }}</span></span>
             </div>
+
             <el-table :data="refundList" size="large">
                 <el-table-column prop="out_trade_no" :label="t('outTradeNo')" min-width="200" />
                 <el-table-column prop="create_time" :label="t('createTime')" min-width="160" />
@@ -25,36 +24,31 @@
                 <el-table-column prop="status_name" :label="t('statusName')" min-width="120" />
                 <el-table-column :label="t('operation')" fixed="right" align="right" min-width="120">
                     <template #default="{ row }">
-                        <el-button type="primary" link @click="transferEvent(row)" v-if="row.status == 'wait'">{{
-                            t('transfer') }}</el-button>
+                        <el-button type="primary" link @click="transferEvent(row)" v-if="row.status == 'wait'">{{ t('transfer') }}</el-button>
                     </template>
                 </el-table-column>
             </el-table>
         </el-card>
 
         <el-dialog v-model="transferDialog" :title="title" width="500px" class="diy-dialog-wrap" :destroy-on-close="true">
-            <el-form :model="transfeFormData" label-width="120px" ref="formRef" :rules="formRules" class="page-form"
-                v-loading="loading">
+            <el-form :model="transferFormData" label-width="120px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
                 <el-form-item :label="t('transferType')">
-                    <el-radio-group v-model="transfeFormData.refund_type">
-                        <el-radio :label="item.value" v-for="(item, index) in refundTypeData" :key="index">{{ item.name
-                        }}</el-radio>
+                    <el-radio-group v-model="transferFormData.refund_type">
+                        <el-radio :label="item.value" v-for="(item, index) in refundTypeData" :key="index">{{ item.name }}</el-radio>
                     </el-radio-group>
                 </el-form-item>
                 <el-form-item :label="t('refundMoney')">
-                    <span>{{ transfeFormData.refund_money }}</span>
+                    <span>{{ transferFormData.refund_money }}</span>
                 </el-form-item>
-                <el-form-item :label="t('voucher')" v-if="transfeFormData.refund_type == 'offline'">
-                    <upload-image v-model="transfeFormData.voucher" />
+                <el-form-item :label="t('voucher')" v-if="transferFormData.refund_type == 'offline'">
+                    <upload-image v-model="transferFormData.voucher" />
                 </el-form-item>
             </el-form>
 
             <template #footer>
                 <span class="dialog-footer">
                     <el-button @click="transferDialog = false">{{ t('cancel') }}</el-button>
-                    <el-button type="primary" :loading="loading" @click="confirm(formRef)">{{
-                        t('confirm')
-                    }}</el-button>
+                    <el-button type="primary" :loading="loading" @click="confirm(formRef)">{{ t('confirm') }}</el-button>
                 </span>
             </template>
         </el-dialog>
@@ -67,10 +61,12 @@ import { t } from '@/lang'
 import { getPayRefundInfo, getRefundType, getRefundTransfer } from '@/app/api/pay'
 import { useRoute, useRouter } from 'vue-router'
 import { FormInstance } from 'element-plus'
+import { ArrowLeft } from '@element-plus/icons-vue'
 
 const route = useRoute()
 const router = useRouter()
 const pageName = route.meta.title
+
 const refundNo: string = route.query.refund_no
 const loading = ref(true)
 
@@ -104,8 +100,8 @@ getRefundType().then((data) => {
 const transferDialog = ref(false)
 const transferEvent = (data:any) => {
     transferDialog.value = true
-    transfeFormData.refund_no = data.refund_no
-    transfeFormData.refund_money = data.money
+    transferFormData.refund_no = data.refund_no
+    transferFormData.refund_money = data.money
 }
 
 const initialFormData = {
@@ -114,7 +110,7 @@ const initialFormData = {
     voucher: '',
     refund_money: 0.00
 }
-const transfeFormData: Record<string, any> = reactive({ ...initialFormData })
+const transferFormData: Record<string, any> = reactive({ ...initialFormData })
 
 const formRef = ref<FormInstance>()
 
@@ -134,7 +130,7 @@ const confirm = async (formEl: FormInstance | undefined) => {
     await formEl.validate(async (valid) => {
         if (valid) {
             loading.value = true
-            const data = transfeFormData
+            const data = transferFormData
             getRefundTransfer(data).then(res => {
                 loading.value = false
                 transferDialog.value = false
@@ -147,15 +143,6 @@ const confirm = async (formEl: FormInstance | undefined) => {
         }
     })
 }
-
-// const transferEvent = () => {
-//     const routeUrl = router.resolve({
-// 	    path: '/member/refund',
-// 	    query: { refund_id: formData.value.refund_id }
-//     })
-//     window.open(routeUrl.href, '_blank')
-// }
-
 </script>
 
 <style lang="scss" scoped></style>
diff --git a/admin/src/app/views/home/edit_personal.vue b/admin/src/app/views/home/edit_personal.vue
index d45f0d94e..2bdebd760 100644
--- a/admin/src/app/views/home/edit_personal.vue
+++ b/admin/src/app/views/home/edit_personal.vue
@@ -12,8 +12,7 @@
                     <span>{{ saveInfo.username }}</span>
                 </el-form-item>
                 <el-form-item :label="t('realName')">
-                    <el-input v-model="saveInfo.real_name" :placeholder="t('realNamePlaceholder')" clearable
-                        class="input-width" />
+                    <el-input v-model="saveInfo.real_name" :placeholder="t('realNamePlaceholder')" clearable class="input-width" />
                 </el-form-item>
             </el-form>
             <div class="flex justify-center mt-[50px]">
diff --git a/admin/src/app/views/home/index.vue b/admin/src/app/views/home/index.vue
index 81b796aa4..8d434b941 100644
--- a/admin/src/app/views/home/index.vue
+++ b/admin/src/app/views/home/index.vue
@@ -1,4 +1,3 @@
-<!-- eslint-disable vue/no-deprecated-v-on-native-modifier -->
 <template>
     <div>
         <div class="flex justify-between items-center py-[24px] pl-[62px] pr-[64px] home-head">
@@ -16,7 +15,7 @@
         <div class="w-[1200px] m-auto  mt-[62px]">
             <div class="flex justify-between items-center">
                 <span class="text-[24px] font-bold">站点列表</span>
-                <el-button type="primary" class="w-[90px] !h-[34px]" @click="handleChick">创建站点</el-button>
+                <el-button type="primary" class="w-[90px] !h-[34px]" :disabled="siteGroupLoading" @click="handleChick">创建站点</el-button>
             </div>
             <div class="flex justify-between items-center mt-[18px]">
                 <div class="w-[800px] text-[14px] whitespace-nowrap">
@@ -38,7 +37,8 @@
                 <div class="flex flex-wrap mt-[30px]" v-loading="loading">
                     <div v-for="(item, index) in tableData" :key="index" @click="selectSite(item)"
                         :class="['home-item w-[285px] box-border mb-[20px] cursor-pointer',{'mr-[20px]': index ==0 || (index+1)%4 != 0}]">
-                        <div class="flex items-center px-[24px] pt-[22px] pb-[16px] bg-[#F0F2F4] home-item-head">
+                        <div class="flex items-center px-[24px] pt-[22px] pb-[16px] bg-[#F0F2F4] home-item-head relative">
+                            <div class="absolute h-[5px] w-full z-1 left-0 top-0" :style="{'background-color': item.theme_color}" v-if="item.theme_color"></div>
                             <img v-if="item.icon" class="w-[48px] h-[48px] mr-[15px] rounded-[50%] overflow-hidden" :src="img(item.icon)" />
                             <img v-else class="w-[48px] h-[48px] mr-[15px] rounded-[50%] overflow-hidden" src="@/app/assets/images/member_head.png" />
                             <div class="flex flex-col flex-1 justify-center">
@@ -56,9 +56,9 @@
                             <p class="text-[14px] mt-[2px]">站点套餐：{{item.group_name || '--'}}</p>
                         </div>
                     </div>
-                    <div v-if="!tableData.length && !loading" class="m-auto">
-                        <img src="@/app/assets/images/empty.png"/>
-                        <p class="text-center text-gray-400">暂无站点</p>
+                    <div v-if="!tableData.length && !loading" class="m-auto mt-[100px]">
+                        <img src="@/app/assets/images/site_empty.png"/>
+                        <p class="text-center text-gray-400 mt-[20px]">暂无站点</p>
                     </div>
                 </div>
             </div>
@@ -70,12 +70,62 @@
             </div>
         </div>
     </div>
+
+    <el-dialog v-model="createSiteDialog" width="54vw" :destroy-on-close="true" style="border-radius: 25px;">
+        <template #title>
+            <div class="text-[#333333] text-[22px] ml-[10px] leading-[1]">创建站点</div>
+        </template>
+        <div class="flex flex-col mx-[20px] h-[430px]">
+            <div class="flex items-center">
+                <div class="text-[18px] text-[#333333]">站点名称</div>
+                <div class="w-[420px] h-[34px] ml-[10px]">
+                    <el-form :model="createSiteData.formData" ref="formRef" :rules="formRules">
+                        <el-form-item prop="username">
+                            <el-input class="create-site-name" v-model="createSiteData.formData.site_name" maxlength="20" placeholder="请输入站点名称" autocomplete="off"></el-input>
+                        </el-form-item>
+                    </el-form>
+                </div>
+            </div>
+            
+            <div class="flex-1 mt-[20px] h-[160px]" v-show="createSiteData.step == 1">
+                <div class="text-[18px] text-[#333333]">店铺套餐</div>
+                <el-scrollbar class="w-full mt-[10px] -ml-[10px]" height="350px">
+                    <div class="w-full whitespace-nowrap" v-show="createSiteData.step == 1">
+                        <div v-for="(item, index) in siteGroup" :key="index"
+                             class="inline-flex flex-col w-[300px] h-[330px] box-border rounded-[17px] border-transparent border-[2px] border-solid create-site-item my-[10px]"
+                            :class="{'bg-[#F6F7FF] border-[#466CEA]': createSiteData.formData.group_id == item.group_id ,'ml-[20px]': index > 0, ' ml-[10px]': index == 0, 'mr-[10px]': (siteGroup.length-1) == index }"
+                            @click="createSiteData.formData.group_id = item.group_id"
+                        >
+                            <div class="w-[140px] h-[40px] truncate text-white text-[16px] text-center leading-[40px] creatBg relative -left-[1px] -top-[2px]">
+                                {{ item.site_group.group_name }}
+                            </div>
+                            <el-scrollbar class="flex pb-[20px] pt-[4px] box-border !h-[260px]">
+                                <div class="flex mx-[30px] mt-[14px] leading-[1] items-center" v-for="app in item.site_group.app_name">
+                                    <div class="nc-iconfont nc-icon-duiV6mm text-[#466CEA]"></div>
+                                    <div class="text-[14px] text-[#666666] ml-[3px] truncate">{{ app }}</div>
+                                </div>
+                                <div class="flex mx-[30px] mt-[14px] leading-[1] text-center" v-for="addon in item.site_group.addon_name">
+                                    <div class="nc-iconfont nc-icon-duiV6mm text-[#466CEA]"></div>
+                                    <div class="text-[14px] text-[#666666] ml-[3px] truncate">{{ addon }}</div>
+                                </div>
+                            </el-scrollbar>
+                        </div>
+                    </div>
+                </el-scrollbar>
+            </div>
+        </div>
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button type="primary" @click="createSiteFn" class="w-[118px] h-[44px] text-[16px]">创建站点</el-button>
+            </span>
+        </template>
+    </el-dialog>
 </template>
 
 <script lang="ts" setup>
-import { reactive, ref, toRefs, computed } from 'vue'
+import {reactive, ref, toRefs, computed, watch} from 'vue'
 import { Search } from '@element-plus/icons-vue'
-import { getHomeSite } from '@/app/api/home'
+import { getHomeSite, getSiteGroup, createSite } from '@/app/api/home'
 import { img } from '@/utils/common'
 import useUserStore from '@/stores/modules/user'
 import useSystemStore from '@/stores/modules/system'
@@ -83,6 +133,8 @@ import storage from '@/utils/storage'
 import { getInstalledAddonList } from '@/app/api/addon'
 import { ElMessage } from 'element-plus'
 import { AnyObject } from '@/types/global'
+import Test from '@/utils/test'
+
 const userStore:AnyObject = useUserStore()
 
 interface Site{
@@ -168,9 +220,66 @@ getInstalledAddonList().then(({ data }) => {
     addonList.value = apps
 }).catch()
 
+const siteGroupLoading = ref(true)
+const siteGroup = ref([])
+getSiteGroup().then(({ data }) => {
+    !Test.empty(data) && (siteGroup.value = data)
+    siteGroupLoading.value = false
+}).catch(() => {
+    siteGroupLoading.value = false
+})
+
+const createSiteDialog = ref(false)
 const handleChick = () => {
-    ElMessage('加班加点研发中...')
+    if (!siteGroup.value.length) {
+        ElMessage('暂无店铺套餐')
+        return
+    }
+    createSiteDialog.value = true
 }
+
+const createSiteData = ref({
+    step: 1,
+    loading: false,
+    formData: {
+        group_id: 0,
+        site_name: ''
+    }
+})
+
+const createSiteFn = () => {
+    if (!createSiteData.value.formData.group_id) {
+        ElMessage({ message: '请先选择店铺套餐', type: 'error' })
+        return
+    }
+    if (Test.empty(createSiteData.value.formData.site_name)) {
+        ElMessage({ message: '请输入站点名称', type: 'error' })
+        return
+    }
+    if (createSiteData.value.loading) return
+    createSiteData.value.loading = true
+
+    createSite(createSiteData.value.formData).then(() => {
+        createSiteData.value.loading = false
+        createSiteDialog.value = false
+        getHomeSiteFn()
+    }).catch(() => {
+        createSiteData.value.loading = false
+    }) 
+}
+
+watch(() => createSiteDialog.value, () => {
+    if (!createSiteDialog.value) {
+        createSiteData.value = {
+            step: 1,
+            loading: false,
+            formData: {
+                group_id: 0,
+                site_name: ''
+            }
+        }
+    }
+})
 </script>
 
 <style lang="scss" scoped>
@@ -206,4 +315,16 @@ const handleChick = () => {
 .home-head{
     box-shadow: 0 4px 8px 0 rgba(28,31,55,0.04);
 }
+.creatBg{
+    background: url('@/app/assets/images/creatBg.png');
+    background-repeat: no-repeat;
+}
+.create-site-item{
+    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.1);
+}
 </style>
+<style lang="scss">
+.create-site-name .el-input__wrapper{
+    border-radius: 6px !important;
+}
+</style>
\ No newline at end of file
diff --git a/admin/src/app/views/home/personal.vue b/admin/src/app/views/home/personal.vue
index 52e9d13cb..49cb0aefc 100644
--- a/admin/src/app/views/home/personal.vue
+++ b/admin/src/app/views/home/personal.vue
@@ -9,8 +9,7 @@
                 <el-form-item :label="t('headImg')">
                     <el-image class="w-[70px] h-[70px]" :src="img(saveInfo.head_img)" fit="contain">
                         <template #error>
-                            <div
-                                class="image-slot bg-[#c0c4cc] flex items-center justify-center w-[70px] h-[70px] rounded-full">
+                            <div class="image-slot bg-[#c0c4cc] flex items-center justify-center w-[70px] h-[70px] rounded-full">
                                 <el-icon class="!text-[#fff] !text-[45px]">
                                     <UserFilled />
                                 </el-icon>
diff --git a/admin/src/app/views/index/app_manage.vue b/admin/src/app/views/index/app_manage.vue
index 6571c098b..74c5f58ed 100644
--- a/admin/src/app/views/index/app_manage.vue
+++ b/admin/src/app/views/index/app_manage.vue
@@ -4,8 +4,7 @@
             <div class="flex justify-between items-center">
                 <div>
                     <div class="font-[600] text-[26px] text-[#222] leading-[37px]">{{ t('app') }}</div>
-                    <div class="font-[500] text-[14px] text-[#222] leading-[20px] mt-[12px]">{{ t('versionInfo') }}&nbsp;{{
-                        t('currentVersion') }}</div>
+                    <div class="font-[500] text-[14px] text-[#222] leading-[20px] mt-[12px]">{{ t('versionInfo') }}&nbsp;{{ t('currentVersion') }}</div>
                 </div>
                 <el-button @click="toAppStore" class="px-[15px]">
                     <div class="mr-[9px] text-[#3F3F3F] iconfont iconxiazai01"></div>
@@ -19,8 +18,7 @@
                             <el-image class="w-[44px] h-[44px]  rounded-[8px]" :src="img(item.icon)" fit="contain">
                                 <template #error>
                                     <div class="image-slot">
-                                        <img class="w-[40px] h-[40px] rounded-[8px]"
-                                            src="@/app/assets/images/app_store/app_store_default.png" />
+                                        <img class="w-[40px] h-[40px] rounded-[8px]" src="@/app/assets/images/app_store/app_store_default.png" />
                                     </div>
                                 </template>
                             </el-image>
diff --git a/admin/src/app/views/index/index.vue b/admin/src/app/views/index/index.vue
index a1c2710dd..4f3632f61 100644
--- a/admin/src/app/views/index/index.vue
+++ b/admin/src/app/views/index/index.vue
@@ -1,22 +1,18 @@
-<!-- eslint-disable no-undef -->
 <template>
     <div v-loading="loading">
         <el-card class="box-card !border-none" shadow="never">
-            <div
-                class="px-[32px] pt-[24px] pb-[14px] bg-[#fff] border-[1px] border-[#E9EBF0] border-solid box-border">
-                <el-card class="box-card !border-none profile-data" shadow="never"
-                    :body-style="{ padding: '49px 32px 20px' }">
+            <div class="p-[30px] box-border border-[1px] border-[var(--el-border-color)] border-solid bg-[var(--el-bg-color)]">
+                <el-card class="box-card !border-none profile-data" shadow="never">
                     <template #header>
-                        <div class="card-header mb-[20px]">
-                            <span class="text-[18px] font-[600] text-[#333] leading-[24px]">{{
-                                t("dataSummarize")
-                            }}</span>
+                        <div class="card-header mb-[20px] w-full">
+                            <span class="text-[18px]">{{ t("dataSummarize") }}</span>
                             <span class="text-[12px] text-[#666] leading-[16px] ml-[18px]">更新时间 : </span>
                             <span class="text-[12px] text-[#666] leading-[16px]">{{ time }}</span>
                         </div>
                     </template>
-                    <el-row :gutter="20">
-                        <el-col :span="6">
+
+                    <el-row :gutter="20" class="mt-[20px] top">
+                        <el-col>
                             <div @click="toHref('site/list','1')" class="cursor-pointer">
                                 <el-statistic :value="statInfo.today_data.norma_site_count" >
                                     <template #title>
@@ -27,7 +23,18 @@
                                 </el-statistic>
                             </div>
                         </el-col>
-                        <el-col :span="6">
+                        <el-col>
+                            <div @click="toHref('site/list','1')" class="cursor-pointer">
+                                <el-statistic :value="statInfo.today_data.week_expire_site_count" >
+                                    <template #title>
+                                        <div class="text-[14px] mb-[9px] text-[#666]">
+                                            {{ t("weekExpireSiteCount") }}
+                                        </div>
+                                    </template>
+                                </el-statistic>
+                            </div>
+                        </el-col>
+                        <el-col>
                             <div @click="toHref('site/list','2')" class="cursor-pointer">
                                 <el-statistic :value="statInfo.today_data.expire_site_count">
                                     <template #title>
@@ -38,7 +45,7 @@
                                 </el-statistic>
                             </div>
                         </el-col>
-                        <el-col :span="6">
+                        <el-col>
                             <div @click="toHref('/app_manage/app_store','uninstalled')" class="cursor-pointer">
                                 <el-statistic :value="statInfo.app.app_no_installed_count">
                                     <template #title>
@@ -49,7 +56,7 @@
                                 </el-statistic>
                             </div>
                         </el-col>
-                        <el-col :span="6">
+                        <el-col>
                             <div @click="toHref('/app_manage/app_store','installed')" class="cursor-pointer">
                                 <el-statistic :value="statInfo.app.app_installed_count">
                                     <template #title>
@@ -62,80 +69,48 @@
                         </el-col>
                     </el-row>
                 </el-card>
+                
                 <div class="flex justify-between mt-[15px]">
-                    <div class="flex-1 h-[145px] bg-[#F9F9F9] flex justify-center flex-col items-center cursor-pointer mr-[25px]"
-                        @click="toLink('site/list')">
-                        <img class="w-[52px]" src="@/app/assets/images/index/site1.png" />
-                        <span class="text-[16px] text-[#333]">{{ t("siteList") }}</span>
+                    <div class="flex-1 h-[145px] bg-[var(--el-color-info-light-9)] flex justify-center flex-col items-center cursor-pointer mr-[25px]" @click="toLink('site/list')">
+                        <img class="max-w-[40px] max-h-[40px] mb-[5px]" src="@/app/assets/images/index/site1.png" />
+                        <span class="text-[16px]">{{ t("siteList") }}</span>
                     </div>
-                    <div class="flex-1 h-[145px] bg-[#F9F9F9] flex justify-center flex-col items-center cursor-pointer mr-[25px]"
-                        @click="toLink('site/group')">
-                        <img class="w-[52px]" src="@/app/assets/images/index/site_class1.png" />
-                        <span class="text-[16px] text-[#333]">{{ t("sitePackage") }}</span>
+                    <div class="flex-1 h-[145px] bg-[var(--el-color-info-light-9)] flex justify-center flex-col items-center cursor-pointer mr-[25px]" @click="toLink('site/group')">
+                        <img class="max-w-[40px] max-h-[40px] mb-[5px]" src="@/app/assets/images/index/site_class1.png" />
+                        <span class="text-[16px]">{{ t("sitePackage") }}</span>
                     </div>
-                    <div class="flex-1 h-[145px] bg-[#F9F9F9] flex justify-center flex-col items-center cursor-pointer mr-[25px]"
-                        @click="toLink('site/list')">
-                        <img class="w-[52px]" src="@/app/assets/images/index/new_site1.png" />
-                        <span class="text-[16px] text-[#333]">{{ t("newSite") }}</span>
+                    <div class="flex-1 h-[145px] bg-[var(--el-color-info-light-9)] flex justify-center flex-col items-center cursor-pointer mr-[25px]" @click="toLink('site/list')">
+                        <img class="max-w-[40px] max-h-[40px] mb-[5px]" src="@/app/assets/images/index/new_site1.png" />
+                        <span class="text-[16px]">{{ t("newSite") }}</span>
                     </div>
-                    <div class="flex-1 h-[145px] bg-[#F9F9F9] flex justify-center flex-col items-center cursor-pointer mr-[25px]"
-                        @click="toLink('/admin/site/user')">
-                        <img class="w-[52px]" src="@/app/assets/images/index/auth1.png" />
-                        <span class="text-[16px] text-[#333]">{{
-                            t("administrator")
-                        }}</span>
+                    <div class="flex-1 h-[145px] bg-[var(--el-color-info-light-9)] flex justify-center flex-col items-center cursor-pointer mr-[25px]" @click="toLink('/admin/site/user')">
+                        <img class="max-w-[40px] max-h-[40px] mb-[5px]" src="@/app/assets/images/index/auth1.png" />
+                        <span class="text-[16px]">{{ t("administrator") }}</span>
                     </div>
-                    <div class="flex-1 h-[145px] bg-[#F9F9F9] flex justify-center flex-col items-center cursor-pointer"
-                        @click="toApplication">
-                        <img class="w-[52px]" src="@/app/assets/images/index/app1.png" />
-                        <span class="text-[16px] text-[#333]">{{
-                            t("appMarketplace")
-                        }}</span>
+                    <div class="flex-1 h-[145px] bg-[var(--el-color-info-light-9)] flex justify-center flex-col items-center cursor-pointer" @click="toApplication">
+                        <img class="max-w-[40px] max-h-[40px] mb-[5px]" src="@/app/assets/images/index/app1.png" />
+                        <span class="text-[16px]">{{ t("appMarketplace") }}</span>
                     </div>
                 </div>
+
                 <div class="mt-[60px] flex site">
-                    <el-card class="box-card !border-none flex-1 mr-[30px]" shadow="never"
-                        :body-style="{ paddingLeft: '0' }">
+                    <el-card class="box-card !border-none flex-1 profile-data mr-[30px]" shadow="never">
                         <template #header>
-                            <div class="card-header">
-                                <span class="text-[18px] text-[#333] font-[600]">{{
-                                    t("newSite")
-                                }}</span>
+                            <div class="card-header mb-[20px]">
+                                <span class="text-[18px]">{{ t("newSite") }}</span>
                             </div>
                         </template>
-                        <div ref="newSiteStat" :style="{ width: '100%', height: '300px' }"></div>
+                        <div ref="newSiteStat" class="mt-[20px]" :style="{ width: '100%', height: '300px' }"></div>
                     </el-card>
-                    <el-card class="box-card !border-none flex-1" shadow="never" :body-style="{ paddingLeft: '0' }">
+                    <el-card class="box-card !border-none flex-1 profile-data" shadow="never">
                         <template #header>
-                            <div class="card-header">
-                                <span class="text-[18px] text-[#333] font-[600]">{{
-                                    t("siteDistribution")
-                                }}</span>
+                            <div class="card-header mb-[20px]">
+                                <span class="text-[18px]">{{ t("addUser") }}</span>
                             </div>
                         </template>
-                        <div ref="siteStat" :style="{ width: '100%', height: '300px' }"></div>
+                        <div ref="addUser" class="mt-[20px]" :style="{ width: '100%', height: '300px' }"></div>
                     </el-card>
                 </div>
-                <el-card class="box-card !border-none mt-[15px] site" shadow="never" :body-style="{ marginTop: '13px' }">
-                    <template #header>
-                        <div class="card-header">
-                            <span class="text-[18px] font-[600] text-[#333]">{{
-                                t("systemInfo")
-                            }}</span>
-                        </div>
-                    </template>
-                    <el-descriptions>
-                        <el-descriptions-item :label="t('os')">{{
-                            statInfo.system.os
-                        }}</el-descriptions-item>
-                        <el-descriptions-item :label="t('phpVersions')">{{
-                            statInfo.system.php_v
-                        }}</el-descriptions-item>
-                        <el-descriptions-item :label="t('productionEnvironment')">{{
-                            statInfo.system.environment
-                            }}</el-descriptions-item>
-                    </el-descriptions>
-                </el-card>
             </div>
         </el-card>
     </div>
@@ -146,14 +121,15 @@ import { ref, watch } from 'vue'
 import { t } from '@/lang'
 import { getStatInfo } from '@/app/api/stat'
 import * as echarts from 'echarts'
-import useStyleStore from '@/stores/modules/style'
 import { getFrameworkNewVersion } from '@/app/api/module'
 import { useRoute, useRouter } from 'vue-router'
 import { AnyObject } from '@/types/global'
+import useStyleStore from '@/stores/modules/style'
+
 const loading = ref(true)
 
 const newSiteStat = ref<any>(null)
-const siteStat = ref<any>(null)
+const addUser = ref<any>(null)
 
 const styleStore = useStyleStore()
 
@@ -167,6 +143,7 @@ interface StatInfo {
     about: any,
     site_stat: AnyObject,
     site_group_stat: AnyObject,
+    member_count_stat: AnyObject,
     app: AnyObject
 }
 
@@ -183,6 +160,7 @@ const statInfo = ref<StatInfo>({
     system: {},
     version: {},
     about: [],
+    member_count_stat: {},
     site_stat: {},
     site_group_stat: {},
     app: {}
@@ -221,41 +199,33 @@ const drawChart = () => {
     newSiteStatOption.value.series[0].data = statInfo.value.site_stat.value
     newSiteStatChart.setOption(newSiteStatOption.value)
 
-    // 站点分布
-    const siteStatChart = echarts.init(siteStat.value)
-    const siteStatOption:AnyObject = ref({
-        legend: {
-            orient: 'vertical',
-            right: 20,
-            top: 40
+    // 新增用户
+    const newUserChart = echarts.init(addUser.value)
+    const newUserOption:AnyObject = ref({
+        legend: {},
+        xAxis: {
+            data: []
+        },
+        yAxis: {},
+        tooltip: {
+            trigger: 'axis'
         },
-        tooltip: {},
         series: [
             {
-                type: 'pie',
+                name: t('addUser'),
+                type: 'line',
                 data: []
             }
         ]
     })
+    newUserOption.value.xAxis.data = statInfo.value.member_count_stat.date
+    newUserOption.value.series[0].data = statInfo.value.member_count_stat.value
+    newUserChart.setOption(newUserOption.value)
 
-    const len = statInfo.value.site_group_stat.type.length
-    for (let i = 0; i < len; i++) {
-        const obj:{
-            name: string,
-            value: number
-        } = {
-            name: '',
-            value: 0
-        }
-        obj.name = statInfo.value.site_group_stat.type[i]
-        obj.value = statInfo.value.site_group_stat.value[i]
-        siteStatOption.value.series[0].data.push(obj)
-    }
-    siteStatChart.setOption(siteStatOption.value)
     window.addEventListener('resize', () => {
         // 页面大小变化后Echarts也更改大小
         newSiteStatChart.resize()
-        siteStatChart.resize()
+        newUserChart.resize()
     })
 }
 
@@ -305,42 +275,21 @@ const nowTime = () => {
 }
 nowTime()
 
-const toUpgrade = () => {
-    router.push({ path: '/tools/authorize' })
-}
 </script>
 
 <style lang="scss" scoped>
+    .profile-data {
+        background-color: transparent !important;
+    }
 
-:deep(.profile-data .el-card__header) {
-    padding: 0 !important;
-}
+    :deep(.profile-data .el-card__header) {
+        padding: 0 !important;
+    }
 
-:deep(.site .el-card__header) {
-    padding-left: 0 !important;
-}
-
-.card-header>span {
-    line-height: 21px;
-}
-
-.text-color {
-    color: var(--el-menu-active-color);
-}
-
-:deep(.el-descriptions__body) {
-    background-color: #fbfbfb !important;
-    padding: 16px 34px 2px;
-    border-bottom: solid 1px #e9ebf0;
-}
-
-:deep(.el-descriptions__label) {
-    font-weight: 600;
-    color: #575657;
-    line-height: 20px;
-}
-
-:deep(.el-descriptions__content) {
-    color: #666;
-}
+    :deep(.profile-data .el-card__body) {
+        padding: 20px 0 !important;
+    }
+    .top :deep(.el-col){
+        max-width: calc(100% / 5) !important;
+    }
 </style>
diff --git a/admin/src/app/views/index/preview.vue b/admin/src/app/views/index/preview.vue
index 81b82803f..9cf9a4606 100644
--- a/admin/src/app/views/index/preview.vue
+++ b/admin/src/app/views/index/preview.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="main-container w-[375px] mx-auto mt-[20px] mb-[40px] relative">
 
-        <div class="flex full-container">
+        <div class="flex full-container h-[800px]">
             <iframe v-show="loadingIframe" class="w-[375px]" :src="wapPreview" frameborder="0" id="previewIframe"></iframe>
             <div v-show="loadingDev" class="w-[375px] border border-slate-100 bg-body pt-[20px] px-[20px]">
                 <div class="font-bold text-xl mb-[40px]">{{ t('developTitle') }}</div>
diff --git a/admin/src/app/views/index/site_index.vue b/admin/src/app/views/index/site_index.vue
index 5173f4447..a009d359b 100644
--- a/admin/src/app/views/index/site_index.vue
+++ b/admin/src/app/views/index/site_index.vue
@@ -31,8 +31,7 @@
 							</div>
 						</div>
 						<div class="ml-[40px]">
-							<el-button v-if="statInfo.site_info.over_date <= 7"
-								class="bottom-back w-[80px] h-[40px] text-[14px] bg-transparent" type="primary" plain @click="renew">{{ t('renew') }}</el-button>
+							<el-button v-if="statInfo.site_info.over_date <= 7" class="bottom-back w-[80px] h-[40px] text-[14px] bg-transparent" type="primary" plain @click="renew">{{ t('renew') }}</el-button>
 							<el-button class="w-[80px] h-[40px] text-[14px]" type="primary">{{ t('accessSite') }}</el-button>
 						</div>
 					</div>
@@ -68,8 +67,7 @@
 							</div>
 						</div>
 						<div v-else class="flex flex-wrap">
-							<div v-for="(items, index) in shortcut_menu" :style="{ backgroundColor: items.bg_color }" :key="index"
-								class="w-[180px] h-[120px] relative mt-[30px] rounded-[5px] overflow-hidden mr-[30px] cursor-pointer">
+							<div v-for="(items, index) in shortcut_menu" :style="{ backgroundColor: items.bg_color }" :key="index" class="w-[180px] h-[120px] relative mt-[30px] rounded-[5px] overflow-hidden mr-[30px] cursor-pointer">
 								<div class="flex items-center h-[88px]" @click="toLink(items.router_path)">
 									<!-- <img :src="img(items.img)"/> -->
 									<div class="ml-[24px] w-[40px]">
@@ -77,22 +75,19 @@
 									</div>
 									<span class="text-item text-[16px] text-[#fff] ml-[12px] max-w-[120px]">{{ items.name }}</span>
 								</div>
-								<div class="item-bottom h-[32px] leading-[32px] text-center"
-									@click="toLink(items.router_path)">
+								<div class="item-bottom h-[32px] leading-[32px] text-center" @click="toLink(items.router_path)">
 									<span class="text-item text-[12px] text-[#fff] max-w-[150px]">{{ items.desc }}</span>
 								</div>
 							</div>
 						</div>
-						<div v-if="edit_menu"
-							class="w-[180px] h-[120px] mt-[30px] rounded-[5px] overflow-hidden border-dashed border-[1px] border-[#D0D7D9] cursor-pointer"
-							@click="showFromMenu">
+						<div v-if="edit_menu" class="w-[180px] h-[120px] mt-[30px] rounded-[5px] overflow-hidden border-dashed border-[1px] border-[#D0D7D9] cursor-pointer" @click="showFromMenu">
 							<div class="w-[40px] mx-auto mt-[20px]"><img class="w-[40px]" src="@/app/assets/images/index/add_menu.png" /></div>
 							<p class="text-center mt-[5px] text-[20px]">{{ t('addMenu') }}</p>
 						</div>
 						<div v-if="shortcut_menu.length <= 0 && !edit_menu" class="flex w-full justify-center items-center min-w-[1000px] min-h-[400px]">
 							<div v-if="!loading">
-								<img src="@/app/assets/images/empty.png" />
-								<p class="text-center text-gray-400">{{ t('emptyMenu') }}</p>
+								<img src="@/app/assets/images/site_empty.png" />
+								<p class="text-center text-gray-400 mt-[20px]">{{ t('emptyMenu') }}</p>
 							</div>
 						</div>
 					</div>
@@ -166,7 +161,7 @@
 		<el-dialog v-model="renewDialog" :title="t('message')" width="500px" :destroy-on-close="true">
 			<div class="flex mt-1">
 				<div class="mr-[30px] flex">
-					<icon name="iconfont-icondianhua" class="leading-[1]" size="20px" color="#000"></icon>
+					<icon name="iconfont icondianhua" class="leading-[1]" size="20px" color="#000"></icon>
 					<p class="text-[14px] ml-2">{{ t('tel') }}</p>
 				</div>
 				<div>
@@ -181,8 +176,7 @@
 		</el-dialog>
 		<el-dialog v-model="showMenu" :title="t('pathSelect')" width="500px" :destroy-on-close="true">
 			<div class="flex mt-1 flex-wrap">
-				<el-button v-for="(item,index) in menu_list" class="menu-btn mb-[5px] mr-[10px] ml-[0px]" :key="index"
-					@click="selectMenu(item)">{{ item.menu_name }}</el-button>
+				<el-button v-for="(item,index) in menu_list" class="menu-btn mb-[5px] mr-[10px] ml-[0px]" :key="index" @click="selectMenu(item)">{{ item.menu_name }}</el-button>
 			</div>
 		</el-dialog>
 		<el-dialog v-model="customPath" width="500px" :destroy-on-close="true">
diff --git a/admin/src/app/views/index/store.vue b/admin/src/app/views/index/store.vue
index 39e1ada10..4d57e2de3 100644
--- a/admin/src/app/views/index/store.vue
+++ b/admin/src/app/views/index/store.vue
@@ -1,8 +1,11 @@
 <template>
-    <div class="box-border main-container">
+    <!--应用市场-->
+    <div class="main-container">
         <el-card class="box-card !border-none" shadow="never">
-            <div class="flex justify-between items-center h-[32px] mb-4">
-                <span class="text-page-title text-[#222]">{{ t('localAppText') }}</span>
+
+            <div class="flex justify-between items-center">
+                <span class="text-page-title">{{ t('localAppText') }}</span>
+
                 <el-input class="!w-[250px]" :placeholder="t('search')" v-model.trim="search_name" @keyup.enter="query">
                     <template #suffix>
                         <el-icon class="el-input__icon  cursor-pointer" size="14px" @click="query">
@@ -11,27 +14,23 @@
                     </template>
                 </el-input>
             </div>
-            <div class="flex my-[10px] justify-between">
+
+            <div class="flex justify-between my-[20px]">
                 <div class="flex">
-                    <div :class="['flex items-center text-[14px] h-[32px] border-[1px] border-solid my-[3px] border-[#E0E0E0] rounded-full px-[20px] mr-[24px] cursor-pointer bg-[#f8f8f8] hover:bg-[#fff]', { 'text-[#fff] !bg-[#000] border-[#000]': activeName === 'installed' }]"
-                        @click="activeNameTabFn('installed')">
+                    <div :class="['flex items-center text-[14px] h-[32px] text-[#a6a9ad] border-[1px] border-solid my-[3px] border-[var(--el-color-info-light-8)] rounded-full px-[20px] mr-[24px] cursor-pointer hover:bg-[var(--el-color-info-light-8)]', { '!text-[#fff] !bg-[#000] !border-[#000]': activeName === 'installed' }]" @click="activeNameTabFn('installed')">
                         {{ t('installLabel') }}
                     </div>
-                    <div :class="['flex items-center text-[14px] h-[32px] border-[1px] border-solid my-[3px] border-[#E0E0E0] rounded-full px-[20px] mr-[24px] cursor-pointer bg-[#f8f8f8] hover:bg-[#fff]', { 'text-[#fff] !bg-[#000] border-[#000]': activeName === 'uninstalled' }]"
-                        @click="activeNameTabFn('uninstalled')">
+                    <div :class="['flex items-center text-[14px] h-[32px] text-[#a6a9ad] border-[1px] border-solid my-[3px] border-[var(--el-color-info-light-8)] rounded-full px-[20px] mr-[24px] cursor-pointer hover:bg-[var(--el-color-info-light-8)]', { '!text-[#fff] !bg-[#000] !border-[#000]': activeName === 'uninstalled' }]" @click="activeNameTabFn('uninstalled')">
                         {{ t('uninstalledLabel') }}
                     </div>
-                    <div :class="['flex items-center text-[14px] h-[32px] border-[1px] border-solid my-[3px] border-[#E0E0E0] rounded-full px-[20px] mr-[24px] cursor-pointer bg-[#f8f8f8] hover:bg-[#fff]', { 'text-[#fff] !bg-[#000] border-[#000]': activeName === 'all' }]"
-                        @click="activeNameTabFn('all')">
+                    <div :class="['flex items-center text-[14px] h-[32px] text-[#a6a9ad] border-[1px] border-solid my-[3px] border-[var(--el-color-info-light-8)] rounded-full px-[20px] mr-[24px] cursor-pointer hover:bg-[var(--el-color-info-light-8)]', { '!text-[#fff] !bg-[#000] !border-[#000]': activeName === 'all' }]" @click="activeNameTabFn('all')">
                         {{ t('buyLabel') }}
                     </div>
                 </div>
-                <div :class="['flex items-center text-white text-[14px] h-[32px] border-[1px] border-solid my-[3px] border-primary rounded-full px-[20px] cursor-pointer bg-primary hover:bg-primary']"
-                     @click="handleCloudBuild">
-                    {{ t('cloudBuild') }}
-                </div>
+                <el-button type="primary" round @click="handleCloudBuild" :loading="cloudBuildRef?.loading">{{ t('cloudBuild') }}</el-button>
             </div>
-            <div class="min-h-[300px]" v-loading="authLoading">
+
+            <div>
                 <el-table v-if="localList[activeName].length&&!authLoading" :data="info[activeName]" size="large" class="pt-[5px]">
                     <el-table-column :label="t('appName')" align="left" width="320">
                         <template #default="{ row }">
@@ -39,13 +38,11 @@
                                 <el-image class="w-[54px] h-[54px]" :src="row.icon" fit="contain">
                                     <template #error>
                                         <div class="flex items-center w-full h-full">
-                                            <img class="max-w-full max-h-full" src="@/app/assets/images/icon-addon.png"
-                                                alt="">
+                                            <img class="max-w-full max-h-full" src="@/app/assets/images/icon-addon.png" alt="">
                                         </div>
                                     </template>
                                 </el-image>
-                                <div
-                                    class="flex flex-col justify-center pl-[20px] text-[#222] font-500 text-[13px]">
+                                <div class="flex flex-col justify-center pl-[20px] font-500 text-[13px]">
                                     <div class="w-[236px] truncate leading-[18px]">{{ row.title }}</div>
                                     <div class="w-[236px] truncate leading-[18px] mt-[6px]" v-if="row.install_info && Object.keys(row.install_info)?.length">{{ row.install_info.version }}</div>
                                     <div class="w-[236px] truncate leading-[18px] mt-[6px]" v-else>{{ row.version }}</div>
@@ -59,7 +56,7 @@
                     <el-table-column align="left" min-width="120">
                         <template #header>
                             <div class="flex items-center">
-                                <span class="text-[#222] font-500 text-[13px] mr-[5px]">{{ t('appIdentification') }}</span>
+                                <span class="font-500 text-[13px] mr-[5px]">{{ t('appIdentification') }}</span>
                                 <el-tooltip class="box-item" effect="light" :content="t('tipText')" placement="bottom">
                                     <el-icon class="cursor-pointer text-[16px] text-[#a9a9a9]">
                                         <QuestionFilled />
@@ -68,51 +65,53 @@
                             </div>
                         </template>
                         <template #default="{ row }">
-                            <span class="text-[#222] font-500 text-[13px]">{{ row.key }}</span>
+                            <span class="font-500 text-[13px]">{{ row.key }}</span>
                         </template>
                     </el-table-column>
                     <el-table-column prop="" :label="t('introduction')" align="left" min-width="200">
                         <template #default="{ row }">
-                            <span class="text-[#222] font-500 text-[13px] multi-hidden">{{ row.desc }}</span>
+                            <span class="font-500 text-[13px] multi-hidden">{{ row.desc }}</span>
                         </template>
                     </el-table-column>
                     <el-table-column :label="t('type')" align="left" min-width="100">
                         <template #default="{ row }">
-                            <span class="text-[#222] font-500 text-[13px]">{{ row.type === 'app' ? t('app') : t('addon')
-                            }}</span>
+                            <span class="font-500 text-[13px]">{{ row.type === 'app' ? t('app') : t('addon') }}</span>
                         </template>
                     </el-table-column>
                     <el-table-column prop="" :label="t('author')" align="left" min-width="100">
                         <template #default="{ row }">
-                            <span class="text-[#222] font-500 text-[13px]">{{ row.author }}</span>
+                            <span class="font-500 text-[13px]">{{ row.author }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column :label="t('operation')" fixed="right" align="right" width="150">
+                    <el-table-column :label="t('operation')" fixed="right" align="right" width="200">
                         <template #default="{ row }">
-                            <el-button class="!text-[13px]" type="primary" link @click="getAddonDetialFn(row)">{{
-                                t('detail') }}</el-button>
-                            <el-button class="!text-[13px]" v-if="row.install_info && Object.keys(row.install_info)?.length && row.install_info.version != row.version"
-                                type="primary" link @click="upgradeAddonFn(row.key)">{{ t('upgrade') }}</el-button>
-                            <el-button class="!text-[13px]"
-                                v-if="row.install_info && Object.keys(row.install_info)?.length"
-                                type="primary" link @click="uninstallAddonFn(row.key)">{{ t('unload') }}</el-button>
+                            <el-button class="!text-[13px]" v-if="row.install_info && Object.keys(row.install_info)?.length && row.install_info.version != row.version" type="primary" link @click="upgradeAddonFn(row.key)">{{ t('upgrade') }}</el-button>
+                            <el-button class="!text-[13px]" v-if="row.install_info && Object.keys(row.install_info)?.length" type="primary" link @click="uninstallAddonFn(row.key)">{{ t('unload') }}</el-button>
                             <template v-if="row.is_download && Object.keys(row.install_info) <= 0">
-                                <el-button class="!text-[13px]"
-                                   type="primary"
-                                   link @click="installAddonFn(row.key)">{{ t('install') }}</el-button>
-                                <el-button class="!text-[13px]"
-                                   type="primary"
-                                   link @click="deleteAddonFn(row.key)">{{ t('delete') }}</el-button>
+                                <el-button class="!text-[13px]" type="primary" link @click="installAddonFn(row.key)">{{ t('install') }}</el-button>
+                                <el-button class="!text-[13px]" type="primary" link @click="deleteAddonFn(row.key)">{{ t('delete') }}</el-button>
                             </template>
-                            <el-button class="!text-[13px]" v-if="!row.is_download" :loading="downloading == row.key"
-                                :disabled="downloading != ''" type="primary" link @click.stop="downEvent(row)">
+                            <el-button class="!text-[13px]" v-if="!row.is_download" :loading="downloading == row.key" :disabled="downloading != ''" type="primary" link @click.stop="downEvent(row)">
                                 <span>{{ t('down') }}</span>
                             </el-button>
+                            <el-button class="!text-[13px]" type="primary" link @click="getAddonDetialFn(row)">{{ t('detail') }}</el-button>
                         </template>
                     </el-table-column>
                 </el-table>
-                <el-empty class="mx-auto overview-empty"
-                    v-if="!localList.installed.length && !loading && activeName == 'installed'&&!authLoading">
+                <div class="data-loading" v-if="authLoading || !localList[activeName].length">
+                    <el-table :data="[]" size="large" class="pt-[5px]">
+                        <el-table-column :label="t('appName')" align="left" width="320"></el-table-column>
+                        <el-table-column align="left" min-width="120"></el-table-column>
+                        <el-table-column prop="" :label="t('introduction')" align="left" min-width="200"></el-table-column>
+                        <el-table-column :label="t('type')" align="left" min-width="100"></el-table-column>
+                        <el-table-column prop="" :label="t('author')" align="left" min-width="100"></el-table-column>
+                        <el-table-column :label="t('operation')" fixed="right" align="right" width="150"></el-table-column>
+                        <template #empty><span></span></template>
+                    </el-table>
+                    <div class="h-[100px]" v-loading="authLoading" v-if="authLoading">
+                    </div>
+                </div>
+                <el-empty class="mx-auto overview-empty" v-if="!localList.installed.length && !loading && activeName == 'installed'&&!authLoading">
                     <template #image>
                         <div class="w-[230px] mx-auto">
                             <img src="@/app/assets/images/index/apply_empty.png" class="max-w-full" alt="">
@@ -122,8 +121,7 @@
                         <p class="flex items-center">{{ t('installed-empty') }}</p>
                     </template>
                 </el-empty>
-                <el-empty class="mx-auto overview-empty"
-                    v-if="!localList.uninstalled.length && !loading && activeName == 'uninstalled'&&!authLoading">
+                <el-empty class="mx-auto overview-empty" v-if="!localList.uninstalled.length && !loading && activeName == 'uninstalled'&&!authLoading">
                     <template #image>
                         <div class="w-[230px] mx-auto">
                             <img src="@/app/assets/images/index/apply_empty.png" class="max-w-full" alt="">
@@ -137,14 +135,11 @@
                         </p>
                     </template>
                 </el-empty>
-                <div v-if="!localList.all.length && !loading && !authinfo && activeName == 'all'&&!authLoading"
-                    class="mx-auto overview-empty flex flex-col items-center pt-14 pb-6">
+                <div v-if="!localList.all.length && !loading && !authinfo && activeName == 'all'&&!authLoading" class="mx-auto overview-empty flex flex-col items-center pt-14 pb-6">
                     <div class="mb-[20px] text-sm text-[#888]">检测到当前账号尚未绑定授权，请先绑定授权！</div>
                     <div class="flex flex-1  flex-wrap justify-center relative">
-                        <el-button class="w-[154px] !h-[48px] mt-[8px]" type="primary"
-                            @click="authCodeApproveFn">授权码认证</el-button>
-                        <el-popover ref="getAuthCodeDialog" placement="bottom" :width="478" trigger="click"
-                            class="mt-[8px]">
+                        <el-button class="w-[154px] !h-[48px] mt-[8px]" type="primary" @click="authCodeApproveFn">授权码认证</el-button>
+                        <el-popover ref="getAuthCodeDialog" placement="bottom" :width="478" trigger="click" class="mt-[8px]">
                             <div class="px-[18px] py-[8px]">
                                 <p class="leading-[32px] text-[14px]">
                                     您在官方应用市场购买任意一款应用，即可获得授权码。输入正确授权码认证通过后，即可支持在线升级和其它相关服务</p>
@@ -155,15 +150,12 @@
                                 </div>
                             </div>
                             <template #reference>
-                                <el-button
-                                    class="w-[154px] !h-[48px] mt-[8px] !text-[var(--el-color-primary)] hover:!text-[var(--el-color-primary)] !bg-transparent"
-                                    plain type="primary">如何获取授权码?</el-button>
+                                <el-button class="w-[154px] !h-[48px] mt-[8px] !text-[var(--el-color-primary)] hover:!text-[var(--el-color-primary)] !bg-transparent" plain type="primary">如何获取授权码?</el-button>
                             </template>
                         </el-popover>
                     </div>
                 </div>
-                <el-empty class="mx-auto overview-empty"
-                     v-if="!localList.all.length && !loading && authinfo && activeName == 'all'&&!authLoading">
+                <el-empty class="mx-auto overview-empty" v-if="!localList.all.length && !loading && authinfo && activeName == 'all'&&!authLoading">
                     <template #image>
                         <div class="w-[230px] mx-auto">
                             <img src="@/app/assets/images/index/apply_empty.png" class="max-w-full" alt="">
@@ -178,26 +170,24 @@
                     </template>
                 </el-empty>
             </div>
+
             <el-dialog v-model="authCodeApproveDialog" title="授权码认证" width="400px">
                 <el-form :model="formData" label-width="0" ref="formRef" :rules="formRules" class="page-form">
                     <el-card class="box-card !border-none" shadow="never">
                         <el-form-item prop="auth_code">
-                            <el-input v-model.trim="formData.auth_code" :placeholder="t('authCodePlaceholder')"
-                                class="input-width" clearable size="large" />
+                            <el-input v-model.trim="formData.auth_code" :placeholder="t('authCodePlaceholder')" class="input-width" clearable size="large" />
                         </el-form-item>
 
                         <div class="mt-[20px]">
                             <el-form-item prop="auth_secret">
-                                <el-input v-model.trim="formData.auth_secret" clearable :placeholder="t('authSecretPlaceholder')"
-                                    class="input-width" size="large" />
+                                <el-input v-model.trim="formData.auth_secret" clearable :placeholder="t('authSecretPlaceholder')" class="input-width" size="large" />
                             </el-form-item>
                         </div>
 
                         <div class="text-sm mt-[10px] text-info">{{ t('authInfoTips') }}</div>
 
                         <div class="mt-[20px]">
-                            <el-button type="primary" class="w-full" size="large" :loading="saveLoading"
-                                @click="save(formRef)">{{ t('confirm') }}</el-button>
+                            <el-button type="primary" class="w-full" size="large" :loading="saveLoading" @click="save(formRef)">{{ t('confirm') }}</el-button>
                         </div>
                         <div class="mt-[10px] text-right">
                             <el-button type="primary" link @click="market">{{ t('notHaveAuth') }}</el-button>
@@ -229,8 +219,7 @@
             </el-dialog>
 
             <!-- 安装弹窗 -->
-            <el-dialog v-model="installShowDialog" :title="t('addonInstall')" width="850px" :close-on-click-modal="false"
-                :close-on-press-escape="false" :before-close="installShowDialogClose">
+            <el-dialog v-model="installShowDialog" :title="t('addonInstall')" width="850px" :close-on-click-modal="false" :close-on-press-escape="false" :before-close="installShowDialogClose">
                 <el-steps :space="200" :active="installStep" finish-status="success" align-center>
                     <el-step :title="t('envCheck')" class="flex-1" />
                     <el-step :title="t('installProgress')" class="flex-1" />
@@ -239,7 +228,7 @@
                 <div v-show="installStep == 1" v-loading="!installCheckResult.dir">
                     <el-scrollbar max-height="50vh">
                         <div class="min-h-[150px]">
-                            <div class="bg-[#fff] my-3" v-if="installCheckResult.dir">
+                            <div class="my-3" v-if="installCheckResult.dir">
                                 <p class="pt-[20px] pl-[20px] ">{{ t('dirPermission') }}</p>
                                 <div class="px-[20px] pt-[10px] text-[14px]">
                                     <el-row class="py-[10px] items table-head-bg pl-[15px] mb-[10px]">
@@ -253,8 +242,7 @@
                                             <span>{{ t('status') }}</span>
                                         </el-col>
                                     </el-row>
-                                    <el-row class="pb-[10px] items pl-[15px]"
-                                        v-for="(item,index) in installCheckResult.dir.is_readable" :key="index">
+                                    <el-row class="pb-[10px] items pl-[15px]" v-for="(item,index) in installCheckResult.dir.is_readable" :key="index">
                                         <el-col :span="12">
                                             <span>{{ item.dir }}</span>
                                         </el-col>
@@ -270,8 +258,7 @@
                                             </span>
                                         </el-col>
                                     </el-row>
-                                    <el-row class="pb-[10px] items pl-[15px]"
-                                        v-for="(item,index) in installCheckResult.dir.is_write" :key="index">
+                                    <el-row class="pb-[10px] items pl-[15px]" v-for="(item,index) in installCheckResult.dir.is_write" :key="index">
                                         <el-col :span="12">
                                             <span>{{ item.dir }}</span>
                                         </el-col>
@@ -293,22 +280,15 @@
                     </el-scrollbar>
                     <div class="flex justify-end">
                         <el-tooltip effect="dark" :content="t('installTips')" placement="top">
-                            <el-button type="default" :disabled="!installCheckResult.is_pass || cloudInstalling"
-                                :loading="localInstalling" @click="handleInstall">{{
-                                    t('localInstall')
-                                }}</el-button>
+                            <el-button type="default" :disabled="!installCheckResult.is_pass || cloudInstalling" :loading="localInstalling" @click="handleInstall">{{ t('localInstall') }}</el-button>
                         </el-tooltip>
                         <el-tooltip effect="dark" :content="t('cloudInstallTips')" placement="top">
-                            <el-button type="primary" :disabled="!installCheckResult.is_pass || localInstalling"
-                                :loading="cloudInstalling" @click="handleCloudInstall">{{
-                                    t('cloudInstall')
-                                }}</el-button>
+                            <el-button type="primary" :disabled="!installCheckResult.is_pass || localInstalling" :loading="cloudInstalling" @click="handleCloudInstall">{{ t('cloudInstall') }}</el-button>
                         </el-tooltip>
                     </div>
                 </div>
                 <div v-show="installStep == 2" class="h-[50vh] mt-[20px]">
-                    <terminal ref="terminalRef" :context="currAddon" :init-log="null" :show-header="false"
-                        :show-log-time="true" @exec-cmd="onExecCmd"/>
+                    <terminal ref="terminalRef" :context="currAddon" :init-log="null" :show-header="false" :show-log-time="true" @exec-cmd="onExecCmd"/>
                 </div>
                 <div v-show="installStep == 3" class="h-[50vh] mt-[20px] flex flex-col">
                     <el-result icon="success" :title="t('addonInstallSuccess')"></el-result>
@@ -319,8 +299,7 @@
                 </div>
             </el-dialog>
 
-            <el-dialog v-model="uninstallShowDialog" :title="t('addonUninstall')" width="850px"
-                :close-on-click-modal="false" :close-on-press-escape="false">
+            <el-dialog v-model="uninstallShowDialog" :title="t('addonUninstall')" width="850px" :close-on-click-modal="false" :close-on-press-escape="false">
                 <el-scrollbar max-height="50vh">
                     <div class="min-h-[150px]">
                         <div class="bg-[#fff] my-3" v-if="uninstallCheckResult.dir">
@@ -337,8 +316,7 @@
                                         <span>{{ t('status') }}</span>
                                     </el-col>
                                 </el-row>
-                                <el-row class="pb-[10px] items pl-[15px]"
-                                    v-for="(item,index) in uninstallCheckResult.dir.is_readable" :key="index">
+                                <el-row class="pb-[10px] items pl-[15px]" v-for="(item,index) in uninstallCheckResult.dir.is_readable" :key="index">
                                     <el-col :span="12">
                                         <span>{{ item.dir }}</span>
                                     </el-col>
@@ -464,7 +442,6 @@ getAuthinfo().then(res => {
 /**
  * 本地下载的插件列表
  */
-// input 筛选
 const search_name = ref('')
 // 表格展示数据
 const info = ref({
@@ -747,21 +724,17 @@ const uninstallCheckResult = ref({})
  * @param key
  */
 const uninstallAddonFn = (key: string) => {
-    if (import.meta.env.MODE == 'development') {
-        ElMessageBox.confirm(
-            t('uninstallTips'),
-            t('warning'),
-            {
-                confirmButtonText: t('confirm'),
-                cancelButtonText: t('cancel'),
-                type: 'warning'
-            }
-        ).then(() => {
-            handleUninstallAddon(key)
-        }).catch(() => { })
-    } else {
+    ElMessageBox.confirm(
+        t('uninstallTips'),
+        t('warning'),
+        {
+            confirmButtonText: t('confirm'),
+            cancelButtonText: t('cancel'),
+            type: 'warning'
+        }
+    ).then(() => {
         handleUninstallAddon(key)
-    }
+    }).catch(() => { })
 }
 
 /**
@@ -1009,6 +982,11 @@ html.dark .table-head-bg {
 :deep(.terminal .t-log-box span) {
     white-space: pre-wrap;
 }
+:deep(.data-loading) {
+    .el-table__body-wrapper {
+        display: none!important;
+    }
+}
 </style>
 
 <style>
diff --git a/admin/src/app/views/index/tools.vue b/admin/src/app/views/index/tools.vue
index 84dbdf5ef..c38b56ff1 100644
--- a/admin/src/app/views/index/tools.vue
+++ b/admin/src/app/views/index/tools.vue
@@ -1,116 +1,124 @@
 <template>
-	<div class="box-border main-container pt-[20px]">
-		<div class="text-page-title text-[#222] mb-[16px] pl-[20px]">工具管理</div>
-		<div class="flex flex-wrap">
-			<div class="w-[256px] tools-item-shadow m-[20px] !mr-[0px] !mt-[0px] rounded-[8px] flex flex-col cursor-pointer leading-[1]" @click="toLink('/admin/tools/addon')">
-				<div class="flex-1 pt-[18px] pb-[14px] px-[24px] flex flex-col">
-					<span class="text-[16px] text-[#222] font-bold">插件开发</span>
-					<div class="text-[13px] text-[#6D7278] leading-[18px] mt-[8px] truncate">
-						点击新建插件，生成插件后系统会生成对应插
-					</div>
-				</div>
-				<img src="@/app/assets/images/tools/addon_develop.png" class="w-[256px] h-[128px]" />
-			</div>
-			<div class="w-[256px] tools-item-shadow m-[20px] !mr-[0px] !mt-[0px] rounded-[8px] flex flex-col cursor-pointer leading-[1]" @click="toLink('/admin/tools/code')">
-				<div class="flex-1 pt-[18px] pb-[14px] px-[24px] flex flex-col">
-					<span class="text-[16px] text-[#222] font-bold">代码生成</span>
-					<div class="text-[13px] text-[#6D7278] leading-[18px] mt-[8px] truncate">
-						代码生成
-					</div>
-				</div>
-				<img src="@/app/assets/images/tools/code.png" class="w-[256px] h-[128px]" />
-			</div>
-			<div class="w-[256px] tools-item-shadow m-[20px] !mr-[0px] !mt-[0px] rounded-[8px] flex flex-col cursor-pointer leading-[1]" @click="toLink('/admin/tools/list')">
-				<div class="flex-1 pt-[18px] pb-[14px] px-[24px] flex flex-col">
-					<span class="text-[16px] text-[#222] font-bold">数据字典</span>
-					<div class="text-[13px] text-[#6D7278] leading-[18px] mt-[8px] truncate">
-						数据字典
-					</div>
-				</div>
-				<img src="@/app/assets/images/tools/sys_dict_list.png" class="w-[256px] h-[128px]" />
-			</div>
-			<div class="w-[256px] tools-item-shadow m-[20px] !mr-[0px] !mt-[0px] rounded-[8px] flex flex-col cursor-pointer leading-[1]" @click="toLink('/admin/tools/detection')">
-				<div class="flex-1 pt-[18px] pb-[14px] px-[24px] flex flex-col">
-					<span class="text-[16px] text-[#222] font-bold">环境监测</span>
-					<div class="text-[13px] text-[#6D7278] leading-[18px] mt-[8px] truncate">
-						环境监测
-					</div>
-				</div>
-				<img src="@/app/assets/images/tools/tools_check_environment.png" class="w-[256px] h-[128px] cursor-pointer" />
-			</div>
-			<div class="w-[256px] tools-item-shadow m-[20px] !mr-[0px] !mt-[0px] rounded-[8px] flex flex-col cursor-pointer leading-[1]" @click="toLink('/admin/tools/schedule')">
-				<div class="flex-1 pt-[18px] pb-[14px] px-[24px] flex flex-col">
-					<span class="text-[16px] text-[#222] font-bold">计划任务</span>
-					<div class="text-[13px] text-[#6D7278] leading-[18px] mt-[8px] truncate">
-						计划任务
-					</div>
-				</div>
-				<img src="@/app/assets/images/tools/tools_schedule.png" class="w-[256px] h-[128px]" />
-			</div>
-			<div class="w-[256px] tools-item-shadow m-[20px] !mr-[0px] !mt-[0px] rounded-[8px] flex flex-col cursor-pointer leading-[1]" @click="toLink('/admin/tools/authorize')">
-				<div class="flex-1 pt-[18px] pb-[14px] px-[24px] flex flex-col">
-					<span class="text-[16px] text-[#222] font-bold">授权信息</span>
-					<div class="text-[13px] text-[#6D7278] leading-[18px] mt-[8px] truncate">
-						查看授权信息及重新认证授权
-					</div>
-				</div>
-				<img src="@/app/assets/images/tools/app_auth.png" class="w-[256px] h-[128px]" />
-			</div>
-			<div class="w-[256px] tools-item-shadow m-[20px] !mr-[0px] !mt-[0px] rounded-[8px] flex flex-col cursor-pointer leading-[1]" @click="toLink('/admin/tools/admin_menu')">
-				<div class="flex-1 pt-[18px] pb-[14px] px-[24px] flex flex-col">
-					<span class="text-[16px] text-[#222] font-bold">平台菜单</span>
-					<div class="text-[13px] text-[#6D7278] leading-[18px] mt-[8px] truncate">
-						平台菜单
-					</div>
-				</div>
-				<img src="@/app/assets/images/tools/official_market.png" class="w-[256px] h-[128px]" />
-			</div>
-			<div class="w-[256px] tools-item-shadow m-[20px] !mr-[0px] !mt-[0px] rounded-[8px] flex flex-col cursor-pointer leading-[1]" @click="toLink('/admin/tools/site_menu')">
-				<div class="flex-1 pt-[18px] pb-[14px] px-[24px] flex flex-col">
-					<span class="text-[16px] text-[#222] font-bold">站点菜单</span>
-					<div class="text-[13px] text-[#6D7278] leading-[18px] mt-[8px] truncate">
-						站点菜单
-					</div>
-				</div>
-				<img src="@/app/assets/images/tools/official_market.png" class="w-[256px] h-[128px]" />
-			</div>
-			<div class="w-[256px] tools-item-shadow m-[20px] !mr-[0px] !mt-[0px] rounded-[8px] flex flex-col cursor-pointer leading-[1]" @click="developerDialogVisible = true">
-				<div class="flex-1 pt-[18px] pb-[14px] px-[24px] flex flex-col">
-					<span class="text-[16px] text-[#222] font-bold">开发模式</span>
-					<div class="text-[13px] text-[#6D7278] leading-[18px] mt-[8px] truncate">
-						开发环境和生产环境说明
-					</div>
-				</div>
-				<img src="@/app/assets/images/tools/developer.png" class="w-[256px] h-[128px]" />
-			</div>
-			<div class="w-[256px] tools-item-shadow m-[20px] !mr-[0px] !mt-[0px] rounded-[8px] flex flex-col cursor-pointer leading-[1]" @click="goRouter">
-				<div class="flex-1 pt-[18px] pb-[14px] px-[24px] flex flex-col">
-					<span class="text-[16px] text-[#222] font-bold">官方市场</span>
-					<div class="text-[13px] text-[#6D7278] leading-[18px] mt-[8px] truncate">
-						官方市场
-					</div>
-				</div>
-				<img src="@/app/assets/images/tools/official_market.png" class="w-[256px] h-[128px]" />
-			</div>
-		</div>
-		<el-dialog v-model="developerDialogVisible" class="developer-dialog-wrap" title="开发人员模式说明" width="30%">
-			<div>
-				<p class="text-[16px] mb-[4px] text-[#333]">开发模式</p>
-				<div class="text-[14px] indent-[2em]">
-					开发人员模式即软件开发环境，指框架开启了开发模式(DEBUG=TRUE) ，开发模式时会出现开发选项卡，仅用于开发人员使用，包括应用及插件的安装卸载，系统升级等等。本菜单及子项功能均不受系统管理和权限控制
-				</div>
-				<p class="text-[16px] mt-[15px] mb-[4px] text-[#333]">生产模式</p>
-				<div class="text-[14px] indent-[2em]">
-					生产模式即软件生产环境，指框架关闭了调试开发模式(DEBUG=FALSE) 软件正式部署运营开发选项卡隐藏，一般来说，开发人员开发或者部署好环境后，要关闭开发模式。
-				</div>
-			</div>
-			<template #footer>
-				<span class="dialog-footer">
-					<el-button @click="developerDialogVisible = false">确定</el-button>
-				</span>
-			</template>
-		</el-dialog>
-	</div>
+    <!--工具管理-->
+    <div class="main-container">
+        <el-card class="card !border-none" shadow="never">
+
+            <div class="flex justify-between items-center">
+                <span class="text-page-title">工具管理</span>
+            </div>
+
+            <div class="flex flex-wrap mt-[20px]">
+                <div class="w-[256px] tools-item-shadow m-[20px] !mr-[0px] !mt-[0px] rounded-[8px] flex flex-col cursor-pointer leading-[1]" @click="toLink('/admin/tools/addon')">
+                    <div class="flex-1 pt-[18px] pb-[14px] px-[24px] flex flex-col bg-[var(--el-bg-color)]">
+                        <span class="text-[16px] font-bold">插件开发</span>
+                        <div class="text-[13px] text-[#6D7278] leading-[18px] mt-[8px] truncate">
+                            点击新建插件，生成插件后系统会生成对应插
+                        </div>
+                    </div>
+                    <img src="@/app/assets/images/tools/addon_develop.png" class="w-[256px] h-[128px]" />
+                </div>
+                <div class="w-[256px] tools-item-shadow m-[20px] !mr-[0px] !mt-[0px] rounded-[8px] flex flex-col cursor-pointer leading-[1]" @click="toLink('/admin/tools/code')">
+                    <div class="flex-1 pt-[18px] pb-[14px] px-[24px] flex flex-col bg-[var(--el-bg-color)]">
+                        <span class="text-[16px] font-bold">代码生成</span>
+                        <div class="text-[13px] text-[#6D7278] leading-[18px] mt-[8px] truncate">
+                            代码生成
+                        </div>
+                    </div>
+                    <img src="@/app/assets/images/tools/code.png" class="w-[256px] h-[128px]" />
+                </div>
+                <div class="w-[256px] tools-item-shadow m-[20px] !mr-[0px] !mt-[0px] rounded-[8px] flex flex-col cursor-pointer leading-[1]" @click="toLink('/admin/tools/list')">
+                    <div class="flex-1 pt-[18px] pb-[14px] px-[24px] flex flex-col bg-[var(--el-bg-color)]">
+                        <span class="text-[16px] font-bold">数据字典</span>
+                        <div class="text-[13px] text-[#6D7278] leading-[18px] mt-[8px] truncate">
+                            数据字典
+                        </div>
+                    </div>
+                    <img src="@/app/assets/images/tools/sys_dict_list.png" class="w-[256px] h-[128px]" />
+                </div>
+                <div class="w-[256px] tools-item-shadow m-[20px] !mr-[0px] !mt-[0px] rounded-[8px] flex flex-col cursor-pointer leading-[1]" @click="toLink('/admin/tools/detection')">
+                    <div class="flex-1 pt-[18px] pb-[14px] px-[24px] flex flex-col bg-[var(--el-bg-color)]">
+                        <span class="text-[16px] font-bold">环境监测</span>
+                        <div class="text-[13px] text-[#6D7278] leading-[18px] mt-[8px] truncate">
+                            环境监测
+                        </div>
+                    </div>
+                    <img src="@/app/assets/images/tools/tools_check_environment.png" class="w-[256px] h-[128px] cursor-pointer" />
+                </div>
+                <div class="w-[256px] tools-item-shadow m-[20px] !mr-[0px] !mt-[0px] rounded-[8px] flex flex-col cursor-pointer leading-[1]" @click="toLink('/admin/tools/schedule')">
+                    <div class="flex-1 pt-[18px] pb-[14px] px-[24px] flex flex-col bg-[var(--el-bg-color)]">
+                        <span class="text-[16px] font-bold">计划任务</span>
+                        <div class="text-[13px] text-[#6D7278] leading-[18px] mt-[8px] truncate">
+                            计划任务
+                        </div>
+                    </div>
+                    <img src="@/app/assets/images/tools/tools_schedule.png" class="w-[256px] h-[128px]" />
+                </div>
+                <div class="w-[256px] tools-item-shadow m-[20px] !mr-[0px] !mt-[0px] rounded-[8px] flex flex-col cursor-pointer leading-[1]" @click="toLink('/admin/tools/authorize')">
+                    <div class="flex-1 pt-[18px] pb-[14px] px-[24px] flex flex-col bg-[var(--el-bg-color)]">
+                        <span class="text-[16px] font-bold">授权信息</span>
+                        <div class="text-[13px] text-[#6D7278] leading-[18px] mt-[8px] truncate">
+                            查看授权信息及重新认证授权
+                        </div>
+                    </div>
+                    <img src="@/app/assets/images/tools/app_auth.png" class="w-[256px] h-[128px]" />
+                </div>
+                <div class="w-[256px] tools-item-shadow m-[20px] !mr-[0px] !mt-[0px] rounded-[8px] flex flex-col cursor-pointer leading-[1]" @click="toLink('/admin/tools/admin_menu')">
+                    <div class="flex-1 pt-[18px] pb-[14px] px-[24px] flex flex-col bg-[var(--el-bg-color)]">
+                        <span class="text-[16px] font-bold">平台菜单</span>
+                        <div class="text-[13px] text-[#6D7278] leading-[18px] mt-[8px] truncate">
+                            平台菜单
+                        </div>
+                    </div>
+                    <img src="@/app/assets/images/tools/official_market.png" class="w-[256px] h-[128px]" />
+                </div>
+                <div class="w-[256px] tools-item-shadow m-[20px] !mr-[0px] !mt-[0px] rounded-[8px] flex flex-col cursor-pointer leading-[1]" @click="toLink('/admin/tools/site_menu')">
+                    <div class="flex-1 pt-[18px] pb-[14px] px-[24px] flex flex-col bg-[var(--el-bg-color)]">
+                        <span class="text-[16px] font-bold">站点菜单</span>
+                        <div class="text-[13px] text-[#6D7278] leading-[18px] mt-[8px] truncate">
+                            站点菜单
+                        </div>
+                    </div>
+                    <img src="@/app/assets/images/tools/official_market.png" class="w-[256px] h-[128px]" />
+                </div>
+                <div class="w-[256px] tools-item-shadow m-[20px] !mr-[0px] !mt-[0px] rounded-[8px] flex flex-col cursor-pointer leading-[1]" @click="developerDialogVisible = true">
+                    <div class="flex-1 pt-[18px] pb-[14px] px-[24px] flex flex-col bg-[var(--el-bg-color)]">
+                        <span class="text-[16px] font-bold">开发模式</span>
+                        <div class="text-[13px] text-[#6D7278] leading-[18px] mt-[8px] truncate">
+                            开发环境和生产环境说明
+                        </div>
+                    </div>
+                    <img src="@/app/assets/images/tools/developer.png" class="w-[256px] h-[128px]" />
+                </div>
+                <div class="w-[256px] tools-item-shadow m-[20px] !mr-[0px] !mt-[0px] rounded-[8px] flex flex-col cursor-pointer leading-[1]" @click="goRouter">
+                    <div class="flex-1 pt-[18px] pb-[14px] px-[24px] flex flex-col bg-[var(--el-bg-color)]">
+                        <span class="text-[16px] font-bold">官方市场</span>
+                        <div class="text-[13px] text-[#6D7278] leading-[18px] mt-[8px] truncate">
+                            官方市场
+                        </div>
+                    </div>
+                    <img src="@/app/assets/images/tools/official_market.png" class="w-[256px] h-[128px]" />
+                </div>
+            </div>
+        </el-card>
+
+        <el-dialog v-model="developerDialogVisible" class="developer-dialog-wrap" title="开发人员模式说明" width="30%">
+            <div>
+                <p class="text-[16px] mb-[4px]">开发模式</p>
+                <div class="text-[14px] indent-[2em]">
+                    开发人员模式即软件开发环境，指框架开启了开发模式(DEBUG=TRUE) ，开发模式时会出现开发选项卡，仅用于开发人员使用，包括应用及插件的安装卸载，系统升级等等。本菜单及子项功能均不受系统管理和权限控制
+                </div>
+                <p class="text-[16px] mt-[15px] mb-[4px]">生产模式</p>
+                <div class="text-[14px] indent-[2em]">
+                    生产模式即软件生产环境，指框架关闭了调试开发模式(DEBUG=FALSE) 软件正式部署运营开发选项卡隐藏，一般来说，开发人员开发或者部署好环境后，要关闭开发模式。
+                </div>
+            </div>
+            <template #footer>
+                <span class="dialog-footer">
+                    <el-button @click="developerDialogVisible = false">确定</el-button>
+                </span>
+            </template>
+        </el-dialog>
+    </div>
 </template>
 
 <script lang="ts" setup>
@@ -132,21 +140,12 @@ const goRouter = () => {
 }
 </script>
 
-<style lang="scss" scoped></style>
-<style>
-	.tools-item-shadow{
-		box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
-	}
-	/* 多行超出隐藏 */
-	.multi-hidden {
-		word-break: break-all;
-		text-overflow: ellipsis;
-		overflow: hidden;
-		display: -webkit-box;
-		-webkit-line-clamp: 2;
-		-webkit-box-orient: vertical;
-	}
-	.developer-dialog-wrap .el-dialog__body{
-		padding: 15px 20px;
-	}
+<style lang="scss" scoped>
+    .tools-item-shadow {
+        box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
+    }
+
+    img {
+        opacity: .8;
+    }
 </style>
diff --git a/admin/src/app/views/index/wxoplatform_callback.vue b/admin/src/app/views/index/wxoplatform_callback.vue
new file mode 100644
index 000000000..2a4e08dcb
--- /dev/null
+++ b/admin/src/app/views/index/wxoplatform_callback.vue
@@ -0,0 +1,53 @@
+<template>
+    <div class="flex w-screen h-screen flex-col items-center justify-center" v-loading="loading">
+        <template v-if="!loading">
+            <template v-if="authResult.result == 'success'">
+                <icon name="element CircleCheckFilled" size="50px" color="#0eb118"/>
+                <h3 class="text-xl mt-[20px]">授权绑定成功</h3>
+            </template>
+            <template v-else>
+                <icon name="element CircleCloseFilled" size="50px" color="#e70000"/>
+                <h3 class="text-xl mt-[20px]">抱歉，授权绑定失败</h3>
+            </template>
+            <p class="text-secondary mt-[5px]" v-if="authResult.result == 'fail'">
+                {{ authResult.msg }}
+                <el-button type="primary" link @click="authBindWechat">重新授权</el-button>
+            </p>
+            <el-button type="primary" class="mt-[20px] w-[150px]" @click="confirm">确认</el-button>
+        </template>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { useRoute } from 'vue-router'
+import { getAuthorizationUrl, getAuthorizationResult } from '@/app/api/wxoplatform'
+
+const route = useRoute()
+const loading = ref(true)
+const authResult = ref({
+    result: 'fail',
+    msg: ''
+})
+
+getAuthorizationResult(route.query).then(({ data }) => {
+    authResult.value.result = 'success'
+    loading.value = false
+}).catch((e) => {
+    authResult.value.msg = e.toString()
+    loading.value = false
+})
+
+const authBindWechat = () => {
+    getAuthorizationUrl().then(({ data }) => {
+        location.href = data
+    })
+}
+
+const confirm = () => {
+    window.close()
+}
+</script>
+
+<style lang="scss" scoped>
+</style>
diff --git a/admin/src/app/views/login/index.vue b/admin/src/app/views/login/index.vue
index c98acc079..d9c23cf21 100644
--- a/admin/src/app/views/login/index.vue
+++ b/admin/src/app/views/login/index.vue
@@ -1,6 +1,5 @@
 <template>
-    <el-container
-        :class="['w-full h-screen bg-page flex flex-col', { 'login-wrap': loginType == 'admin' }, { 'site-login-wrap': loginType == 'site' }]">
+    <el-container :class="['w-full h-screen bg-page flex flex-col', { 'login-wrap': loginType == 'admin' }, { 'site-login-wrap': loginType == 'site' }]">
         <!-- 平台端登录 -->
         <el-main class="login-main items-center justify-center flex-1 h-0" v-if="loginType == 'admin'">
             <div class="flex rounded-2xl overflow-hidden">
@@ -19,7 +18,7 @@
                                 autocomplete="off"
                                 @keyup.enter="handleLogin(formRef)" class="h-[40px] input-with-select">
                                 <template #prepend>
-                                    <icon name="element-User" />
+                                    <icon name="element User" />
                                 </template>
                             </el-input>
                         </el-form-item>
@@ -30,14 +29,13 @@
                                 @keyup.enter="handleLogin(formRef)" :show-password="true"
                                 class="h-[40px] input-with-select">
                                 <template #prepend>
-                                    <icon name="element-Lock" />
+                                    <icon name="element Lock" />
                                 </template>
                             </el-input>
                         </el-form-item>
 
                         <el-form-item>
-                            <el-button type="primary" class="mt-[30px] h-[40px] w-full" @click="handleLogin(formRef)"
-                                :loading="loading">{{ loading ? t('logging') : t('login') }}</el-button>
+                            <el-button type="primary" class="mt-[30px] h-[40px] w-full" @click="handleLogin(formRef)" :loading="loading">{{ loading ? t('logging') : t('login') }}</el-button>
                         </el-form-item>
 
                     </el-form>
@@ -46,44 +44,37 @@
         </el-main>
 
         <!-- 站点端登录 -->
-        <el-main class="login-main w-full login-site-main items-center h-screen justify-evenly bg-[#F8FAFF]"
-            v-else-if="!imgLoading && loginType == 'site'">
+        <el-main class="login-main w-full login-site-main items-center h-screen justify-evenly bg-[#F8FAFF]" v-else-if="!imgLoading && loginType == 'site'">
             <div class="flex rounded-2xl overflow-hidden h-screen w-full relative">
                 <template v-if="loginConfig">
                     <img v-if="loginConfig.site_bg&&!imgLoading" class="hidden h-[100%] lg:block" :src="img(loginConfig.site_bg)" />
                     <img v-else class="hidden h-[100%] lg:block" src="@/app/assets/images/site_login_bg.png" />
                 </template>
-                <div
-                    class="w-[100%] bg-[#F8FAFF] flex flex-col absolute right-0 top-0 h-screen lg:w-[60%]">
+                <div class="w-[100%] bg-[#F8FAFF] flex flex-col absolute right-0 top-0 h-screen lg:w-[60%]">
                     <div class="flex justify-center items-center flex-1 h-0">
                         <div class="site-login-item w-[45%] py-[30px] relative rounded-[13px] max-w-[350px] bg-[#fff]">
                             <div class="w-[80%] mx-auto">
                                 <h3 class="text-3xl mb-[30px]">{{ t('siteLogin') }}</h3>
                                 <el-form :model="form" ref="formRef" :rules="formRules">
                                     <el-form-item prop="username">
-                                        <el-input v-model="form.username" @keyup.enter="handleLogin(formRef)"
-                                        autocomplete="off"
-                                                  class="w-50 m-1 h-[40px]" :placeholder="t('userPlaceholder')">
+                                        <el-input v-model="form.username" @keyup.enter="handleLogin(formRef)" autocomplete="off" class="w-50 m-1 h-[40px]" :placeholder="t('userPlaceholder')">
                                             <template #prefix>
-                                                <icon name="element-User" />
+                                                <icon name="element User" />
                                             </template>
                                         </el-input>
                                     </el-form-item>
 
                                     <el-form-item prop="password">
                                         <el-input type="password" v-model="form.password" @keyup.enter="handleLogin(formRef)"
-                                        autocomplete="new-password"
-                                                  :show-password="true" class="w-50 m-1 h-[40px]"
-                                                  :placeholder="t('passwordPlaceholder')">
+                                        autocomplete="new-password" :show-password="true" class="w-50 m-1 h-[40px]" :placeholder="t('passwordPlaceholder')">
                                             <template #prefix>
-                                                <icon name="element-Lock" />
+                                                <icon name="element Lock" />
                                             </template>
                                         </el-input>
                                     </el-form-item>
 
                                     <el-form-item>
-                                        <el-button type="primary" class="mt-[30px] h-[40px] w-full"
-                                                   @click="handleLogin(formRef)" :loading="loading">{{ loading ? t('logging') :
+                                        <el-button type="primary" class="mt-[30px] h-[40px] w-full" @click="handleLogin(formRef)" :loading="loading">{{ loading ? t('logging') :
                                             t('login') }}</el-button>
                                     </el-form-item>
                                 </el-form>
@@ -123,24 +114,24 @@
         </div>
 
         <!-- 验证组件 -->
-        <verify @success="success" :mode="pop" captchaType="blockPuzzle" :imgSize="{ width: '330px', height: '155px' }"
-            ref="verifyRef"></verify>
+        <verify @success="success" :mode="pop" captchaType="blockPuzzle" :imgSize="{ width: '330px', height: '155px' }" ref="verifyRef"></verify>
         <!-- <el-footer></el-footer> -->
     </el-container>
 </template>
 
 <script lang="ts" setup>
-import { computed, reactive, ref, watch } from 'vue'
+import { computed, reactive, ref } from 'vue'
 import type { FormInstance, FormRules } from 'element-plus'
 import { useRoute, useRouter } from 'vue-router'
 import { t } from '@/lang'
 import storage from '@/utils/storage'
 import { getLoginConfig } from '@/app/api/auth'
 import useUserStore from '@/stores/modules/user'
-import { setWindowTitle, img, getAppType } from '@/utils/common'
+import { img, getAppType } from '@/utils/common'
 import { getWebCopyright } from '@/app/api/sys'
 import useSystemStore from '@/stores/modules/system'
 import Test from '@/utils/test'
+import { ADMIN_ROUTE, SITE_ROUTE } from '@/router/routers'
 
 const loading = ref(false)
 const imgLoading = ref(false)
@@ -207,12 +198,10 @@ const loginFn = (data = {}) => {
     loading.value = true
     userStore.login({ username: form.username, password: form.password, ...data }, loginType.value).then(res => {
         storage.set({ key: 'app_type', data: loginType.value })
-        const { query: { redirect } } = route
-        const path = typeof redirect === 'string' ? redirect : '/'
         if (loginType.value == 'admin' && Test.empty(res.data.userrole)) {
             router.push('/home/index')
         } else {
-            router.push(path)
+            router.push({ name: loginType.value == 'admin' ? ADMIN_ROUTE.children[0].name : SITE_ROUTE.children[0].name })
         }
     }).catch(() => {
         loading.value = false
diff --git a/admin/src/app/views/marketing/components/sign-continue.vue b/admin/src/app/views/marketing/components/sign-continue.vue
index 0cffea648..20d2060b9 100644
--- a/admin/src/app/views/marketing/components/sign-continue.vue
+++ b/admin/src/app/views/marketing/components/sign-continue.vue
@@ -1,8 +1,7 @@
 <template>
     <el-form :model="formData" :rules="formRules" class="page-form" ref="formRef">
         <el-form-item :label="t('continueSign')" prop="continue_sign">
-            <el-input class="input-width" v-model.trim="formData.continue_sign" clearable /><span class="ml-[10px]">{{ t('day')
-            }}</span>
+            <el-input class="input-width" v-model.trim="formData.continue_sign" clearable /><span class="ml-[10px]">{{ t('day') }}</span>
         </el-form-item>
         <el-form-item :label="t('continueSign')" >
             <div>
@@ -13,13 +12,10 @@
         </el-form-item>
         <el-form-item :label="t('receiveLimit')" prop="receive_num">
             <div>
-                <el-radio class="mb-[15px]" v-model="formData.receive_limit" :label="1" @change="radioChange($event, 1)">{{
-                    t('noLimit') }}</el-radio>
+                <el-radio class="mb-[15px]" v-model="formData.receive_limit" :label="1" @change="radioChange($event, 1)">{{ t('noLimit') }}</el-radio>
                 <div class="flex">
-                    <el-radio class="!mr-[15px]" v-model="formData.receive_limit" :label="2" @change="radioChange($event, 2)">{{
-                        t('everyOneLimit') }}</el-radio>
-                    <el-input class="input-width" v-model="formData.receive_num" clearable /><span class="ml-[10px]">{{
-                        t('time') }}</span>
+                    <el-radio class="!mr-[15px]" v-model="formData.receive_limit" :label="2" @change="radioChange($event, 2)">{{ t('everyOneLimit') }}</el-radio>
+                    <el-input class="input-width" v-model="formData.receive_num" clearable /><span class="ml-[10px]">{{ t('time') }}</span>
                 </div>
             </div>
         </el-form-item>
@@ -33,6 +29,7 @@ import { FormRules } from 'element-plus'
 import { getGiftDict } from '@/app/api/member'
 import { guid } from '@/utils/common'
 import Test from '@/utils/test'
+
 const gifts = ref({})
 const props = defineProps({
     modelValue: {
@@ -85,7 +82,6 @@ const formRules = reactive<FormRules>({
         { required: true, message: t('continueSignPlaceholder'), trigger: 'blur' },
         {
             validator: (rule: any, value: any, callback: Function) => {
-                console.log(formData.value.continue_sign)
                 if (!Test.digits(formData.value.continue_sign)) {
                     callback('连续签到格式错误')
                 } else if (formData.value.continue_sign <= 0) {
diff --git a/admin/src/app/views/marketing/sign_config.vue b/admin/src/app/views/marketing/sign_config.vue
index cae5518ed..9d706f343 100644
--- a/admin/src/app/views/marketing/sign_config.vue
+++ b/admin/src/app/views/marketing/sign_config.vue
@@ -1,127 +1,110 @@
 <template>
-    <div class="main-container bg-[#fff] rounded-[4px]">
-        <el-card class="box-card !border-none" shadow="never">
-            <div class="flex justify-between items-center mb-[5px]">
-                <span class="text-page-title">{{ pageName }}</span>
-            </div>
-            <el-card class="box-card !border-none my-[10px]" shadow="never">
-                <el-form :model="formData" label-width="150px" ref="ruleFormRef" :rules="formRules" class="page-form"
-                    v-loading="loading">
-                    <el-card class="box-card !border-none" shadow="never">
-                        <h3 class="panel-title !text-sm">{{ t('signRule') }}</h3>
-                        <el-form-item :label="t('isUse')">
-                            <el-switch v-model="formData.is_use" />
-                        </el-form-item>
+    <!--签到设置-->
+    <div class="main-container">
 
-                        <el-form-item :label="t('signPeriod')" v-if="formData.is_use">
-                            <el-input-number v-model="formData.sign_period" clearable class="input-width"
-                                controls-position="right" /><span class="ml-[10px]">天</span>
-                        </el-form-item>
+        <el-form class="page-form" :model="formData" label-width="150px" ref="ruleFormRef" :rules="formRules" v-loading="loading">
+            <el-card class="box-card !border-none" shadow="never">
+                <h3 class="panel-title !text-sm">{{ t('signRule') }}</h3>
 
-                        <el-form-item :label="t('daySignAward')" prop="formData.day_award" v-if="formData.is_use">
-                            <div v-for="(item, index) in daySignAwardText" :key="index">
-                                <span v-if="item.is_use == '1'">{{ item.content }}&nbsp;&nbsp;</span>
-                            </div>
-                            <span class="cursor-pointer tutorial-btn ml-[5px]" @click="daySignAwardSet"
-                                v-if="formData.day_award == ''">{{ t('set') }}</span>
-                            <div class="flex ml-[5px]" v-else>
-                                <span class="cursor-pointer tutorial-btn" @click="daySignAwardSet">{{ t('modify') }}</span>
-                                <span class="ml-[5px] mr-[5px]">|</span>
-                                <span class="cursor-pointer tutorial-btn" @click="daySignAwardDel">{{ t('delete') }}</span>
-                            </div>
+                <el-form-item :label="t('isUse')">
+                    <el-switch v-model="formData.is_use" />
+                </el-form-item>
 
-                            <div class="form-tip">{{ t('daySignAwardTip') }}</div>
-                        </el-form-item>
+                <el-form-item :label="t('signPeriod')" v-if="formData.is_use">
+                    <el-input-number v-model="formData.sign_period" clearable class="input-width" controls-position="right" /><span class="ml-[10px]">天</span>
+                </el-form-item>
 
-                        <el-form-item :label="t('continueSignAward')" prop="formData.continue_award" v-if="formData.is_use">
-                            <div>
-                                <div class="form-tip">{{ t('continueSignAwardTipTop') }}</div>
-                                <div class="mt-[10px]">
-                                    <el-table :data="continueSignAwardTableData.data" size="large"
-                                        v-loading="continueSignAwardTableData.loading">
-                                        <template #empty>
-                                            <span>{{ !continueSignAwardTableData.loading ? t('emptyData') : '' }}</span>
-                                        </template>
-
-                                        <el-table-column prop="continue_sign" :label="t('continueSign')" min-width="120" />
-
-                                        <el-table-column :label="t('continueSignAward')" min-width="300">
-                                            <template #default="{ row }">
-                                                <div v-for="(item, index) in row.continue_award" :key="index">
-                                                    <span v-if="item.is_use == '1'">{{ item.content }}</span>
-                                                </div>
-                                            </template>
-                                        </el-table-column>
-
-                                        <el-table-column :label="t('receiveLimit')" min-width="120">
-                                            <template #default="{ row }">
-                                                <span v-if="row.receive_limit == 1">{{ t('noLimit') }}</span>
-                                                <span v-else>{{ t('everyOneLimit') }}{{ row.receive_num }}{{
-                                                    t('time') }}</span>
-                                            </template>
-                                        </el-table-column>
-
-                                        <el-table-column :label="t('operation')" align="right" fixed="right" width="130">
-                                            <template #default="scope">
-                                                <el-button type="primary" link
-                                                    @click="continueSignAwardModify(true, scope.$index)">{{
-                                                        t('modify') }}</el-button>
-                                                <el-button type="primary" link
-                                                    @click="deleteContinueSignAwardEvent(scope.$index)">{{
-                                                        t('delete') }}</el-button>
-                                            </template>
-                                        </el-table-column>
-                                    </el-table>
-                                </div>
-                                <div class="flex mt-[10px]">
-                                    <span class="cursor-pointer tutorial-btn" @click="continueSignAwardSet">{{
-                                        t('add') }}</span>
-                                </div>
-
-                                <div class="form-tip">{{ t('continueSignAwardTipBottom') }}</div>
-                            </div>
-                        </el-form-item>
-
-                        <el-form-item :label="t('ruleExplain')" prop="formData.rule_explain" v-if="formData.is_use">
-                            <div class="flex">
-                                <el-input v-model="formData.rule_explain" :placeholder="t('ruleExplainTip')" type="textarea"
-                                    rows="5" class="textarea-width" clearable />
-                                <el-button class="ml-[20px]" type="primary" @click="defaultExplainEvent()" plain>{{
-                                    t('useDefaultExplain') }}</el-button>
-                            </div>
-
-                        </el-form-item>
-                    </el-card>
-                </el-form>
-                <!-- 日签奖励 -->
-                <el-dialog v-model="daySignDialog" :title="t('daySignTitle')" width="1200px" :destroy-on-close="true"
-                    v-if="formData.is_use">
-                    <sign-day ref="benefitsRef" v-model="formData.day_award" />
-                    <template #footer>
-                        <span class="dialog-footer">
-                            <el-button @click="daySignDialog = false">{{ t('cancel') }}</el-button>
-                            <el-button type="primary" @click="setDaySignAward()">{{ t('confirm') }}</el-button>
-                        </span>
-                    </template>
-                </el-dialog>
-                <!-- 连签奖励 -->
-                <el-dialog v-model="continueSignDialog" :title="t('continueSignTitle')" width="1200px"
-                    :destroy-on-close="true" v-if="formData.is_use">
-                    <sign-continue ref="continueRef" v-model="continue_award" />
-                    <template #footer>
-                        <span class="dialog-footer">
-                            <el-button @click="continueSignDialog = false">{{ t('cancel') }}</el-button>
-                            <el-button type="primary" @click="setContinueSignAward()">{{ t('confirm') }}</el-button>
-                        </span>
-                    </template>
-                </el-dialog>
-                <div class="fixed-footer-wrap">
-                    <div class="fixed-footer">
-                        <el-button type="primary" @click="onSave(ruleFormRef)">{{ t('save') }}</el-button>
+                <el-form-item :label="t('daySignAward')" prop="formData.day_award" v-if="formData.is_use">
+                    <div v-for="(item, index) in daySignAwardText" :key="index">
+                        <span v-if="item.is_use == '1'">{{ item.content }}&nbsp;&nbsp;</span>
                     </div>
-                </div>
+                    <span class="cursor-pointer tutorial-btn ml-[5px]" @click="daySignAwardSet" v-if="formData.day_award == ''">{{ t('set') }}</span>
+                    <div class="flex ml-[5px]" v-else>
+                        <span class="cursor-pointer tutorial-btn" @click="daySignAwardSet">{{ t('modify') }}</span>
+                        <span class="ml-[5px] mr-[5px]">|</span>
+                        <span class="cursor-pointer tutorial-btn" @click="daySignAwardDel">{{ t('delete') }}</span>
+                    </div>
+                    <div class="form-tip">{{ t('daySignAwardTip') }}</div>
+                </el-form-item>
+
+                <el-form-item :label="t('continueSignAward')" prop="formData.continue_award" v-if="formData.is_use">
+                    <div>
+                        <div class="form-tip">{{ t('continueSignAwardTipTop') }}</div>
+                        <div class="mt-[10px]">
+                            <el-table :data="continueSignAwardTableData.data" size="large" v-loading="continueSignAwardTableData.loading">
+                                <template #empty>
+                                    <span>{{ !continueSignAwardTableData.loading ? t('emptyData') : '' }}</span>
+                                </template>
+
+                                <el-table-column prop="continue_sign" :label="t('continueSign')" min-width="120" />
+
+                                <el-table-column :label="t('continueSignAward')" min-width="300">
+                                    <template #default="{ row }">
+                                        <div v-for="(item, index) in row.continue_award" :key="index">
+                                            <span v-if="item.is_use == '1'">{{ item.content }}</span>
+                                        </div>
+                                    </template>
+                                </el-table-column>
+
+                                <el-table-column :label="t('receiveLimit')" min-width="120">
+                                    <template #default="{ row }">
+                                        <span v-if="row.receive_limit == 1">{{ t('noLimit') }}</span>
+                                        <span v-else>{{ t('everyOneLimit') }}{{ row.receive_num }}{{ t('time') }}</span>
+                                    </template>
+                                </el-table-column>
+
+                                <el-table-column :label="t('operation')" align="right" fixed="right" width="130">
+                                    <template #default="scope">
+                                        <el-button type="primary" link @click="continueSignAwardModify(true, scope.$index)">{{ t('modify') }}</el-button>
+                                        <el-button type="primary" link @click="deleteContinueSignAwardEvent(scope.$index)">{{ t('delete') }}</el-button>
+                                    </template>
+                                </el-table-column>
+                            </el-table>
+                        </div>
+                        <div class="flex mt-[10px]">
+                            <span class="cursor-pointer tutorial-btn" @click="continueSignAwardSet">{{ t('add') }}</span>
+                        </div>
+                        <div class="form-tip">{{ t('continueSignAwardTipBottom') }}</div>
+                    </div>
+                </el-form-item>
+
+                <el-form-item :label="t('ruleExplain')" prop="formData.rule_explain" v-if="formData.is_use">
+                    <div class="flex">
+                        <el-input v-model="formData.rule_explain" :placeholder="t('ruleExplainTip')" type="textarea" rows="5" class="textarea-width" clearable />
+                        <el-button class="ml-[20px]" type="primary" @click="defaultExplainEvent()" plain>{{ t('useDefaultExplain') }}</el-button>
+                    </div>
+                </el-form-item>
             </el-card>
-        </el-card>
+        </el-form>
+
+        <!-- 日签奖励 -->
+        <el-dialog v-model="daySignDialog" :title="t('daySignTitle')" width="1200px" :destroy-on-close="true" v-if="formData.is_use">
+            <sign-day ref="benefitsRef" v-model="formData.day_award" />
+            <template #footer>
+                <span class="dialog-footer">
+                    <el-button @click="daySignDialog = false">{{ t('cancel') }}</el-button>
+                    <el-button type="primary" @click="setDaySignAward()">{{ t('confirm') }}</el-button>
+                </span>
+            </template>
+        </el-dialog>
+
+        <!-- 连签奖励 -->
+        <el-dialog v-model="continueSignDialog" :title="t('continueSignTitle')" width="1200px" :destroy-on-close="true" v-if="formData.is_use">
+            <sign-continue ref="continueRef" v-model="continue_award" />
+            <template #footer>
+                <span class="dialog-footer">
+                    <el-button @click="continueSignDialog = false">{{ t('cancel') }}</el-button>
+                    <el-button type="primary" @click="setContinueSignAward()">{{ t('confirm') }}</el-button>
+                </span>
+            </template>
+        </el-dialog>
+
+        <div class="fixed-footer-wrap">
+            <div class="fixed-footer">
+                <el-button type="primary" @click="onSave(ruleFormRef)">{{ t('save') }}</el-button>
+            </div>
+        </div>
+
     </div>
 </template>
 
@@ -238,7 +221,6 @@ const setMemberBenefitsContent = async () => {
     })
 }
 
-
 /**
  * 获取连签奖励显示文本
  * @param content 请求参数
@@ -258,7 +240,6 @@ const setMemberBenefitsContents = async (content: any, item: any, index: number
     newArr.receive_limit = item.receive_limit
     newArr.continue_award = continueSignAwardText.value
 
-
     if (!isEdit) {
         if (tag == 0) {
             continueSignAwardTableData.data.splice(index, 1, JSON.parse(JSON.stringify(newArr)))
@@ -304,7 +285,6 @@ const daySignAwardSet = () => {
 const benefitsRef = ref(null)
 const setDaySignAward = async () => {
     if (!await benefitsRef.value?.verify()) return
-    console.log(formData.day_award)
     daySignDialog.value = false
     if (!formData.day_award.hasOwnProperty('balance') && !formData.day_award.hasOwnProperty('point') && formData.day_award.shop_coupon.is_use == 0) {
         formData.day_award = ''
@@ -393,25 +373,23 @@ const deleteContinueSignAwardEvent = (index: number) => {
 const defaultExplainEvent = () => {
     formData.rule_explain = t('ruleExplainDefault');
 }
-
-
 </script>
 
 <style lang="scss" scoped>
-.input-width {
-    width: 100px;
-}
+    .input-width {
+        width: 100px;
+    }
 
-.textarea-width {
-    width: 400px;
-}
+    .textarea-width {
+        width: 400px;
+    }
 
-.el-form .form-tip {
-    line-height: 1.5;
-    margin-top: 5px;
-}
+    .el-form .form-tip {
+        line-height: 1.5;
+        margin-top: 5px;
+    }
 
-.tutorial-btn {
-    color: var(--el-color-primary);
-}
+    .tutorial-btn {
+        color: var(--el-color-primary);
+    }
 </style>
diff --git a/admin/src/app/views/marketing/sign_list.vue b/admin/src/app/views/marketing/sign_list.vue
index ceba199b0..5542c98f6 100644
--- a/admin/src/app/views/marketing/sign_list.vue
+++ b/admin/src/app/views/marketing/sign_list.vue
@@ -1,35 +1,33 @@
 <template>
+    <!--签到记录-->
     <div class="main-container">
         <el-card class="box-card !border-none" shadow="never">
-            <div class="flex justify-between items-center mb-[5px]">
+
+            <div class="flex justify-between items-center">
                 <span class="text-page-title">{{ pageName }}</span>
             </div>
-            <el-card class="box-card !border-none mb-[10px] table-search-wrap" shadow="never">
-                <el-form :inline="true" :model="memberSignListTableData.searchParam" ref="searchFormRef">
 
+            <el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never">
+                <el-form :inline="true" :model="memberSignListTableData.searchParam" ref="searchFormRef">
                     <el-form-item :label="t('memberInfo')" prop="keywords">
-                        <el-input v-model="memberSignListTableData.searchParam.keywords" class="w-[240px]"
-                            :placeholder="t('memberInfoPlaceholder')" />
+                        <el-input v-model="memberSignListTableData.searchParam.keywords" class="w-[240px]" :placeholder="t('memberInfoPlaceholder')" />
                     </el-form-item>
                     <el-form-item :label="t('createTime')" prop="create_time">
-                        <el-date-picker v-model="memberSignListTableData.searchParam.create_time" type="datetimerange"
-                            value-format="YYYY-MM-DD HH:mm:ss" :start-placeholder="t('startDate')"
-                            :end-placeholder="t('endDate')" />
+                        <el-date-picker v-model="memberSignListTableData.searchParam.create_time" type="datetimerange" value-format="YYYY-MM-DD HH:mm:ss" :start-placeholder="t('startDate')" :end-placeholder="t('endDate')" />
                     </el-form-item>
                     <el-form-item>
                         <el-button type="primary" @click="loadMemberSignList()">{{ t('search') }}</el-button>
                         <el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button>
                     </el-form-item>
                 </el-form>
-
             </el-card>
 
             <div class="mt-[10px]">
                 <el-table :data="memberSignListTableData.data" size="large" v-loading="memberSignListTableData.loading">
-
                     <template #empty>
                         <span>{{ !memberSignListTableData.loading ? t('emptyData') : '' }}</span>
                     </template>
+
                     <el-table-column prop="member_id" :label="t('memberId')" min-width="100" :show-overflow-tooltip="true">
                         <template #default="{ row }">
                             {{ row.member.member_no }}
@@ -38,10 +36,8 @@
                     <el-table-column :label="t('memberInfo')" min-width="140" :show-overflow-tooltip="true">
                         <template #default="{ row }">
                             <div class="flex items-center cursor-pointer" @click="toMember(row.member_id)">
-                                <img class="w-[50px] h-[50px] mr-[10px]" v-if="row.member.headimg"
-                                    :src="img(row.member.headimg)" alt="">
-                                <img class="w-[50px] h-[50px] mr-[10px]" v-else
-                                    src="@/app/assets/images/default_headimg.png" alt="">
+                                <img class="w-[50px] h-[50px] mr-[10px]" v-if="row.member.headimg" :src="img(row.member.headimg)" alt="">
+                                <img class="w-[50px] h-[50px] mr-[10px]" v-else src="@/app/assets/images/default_headimg.png" alt="">
                                 <div class="flex flex flex-col">
                                     <span>{{ row.member.nickname || '' }}</span>
                                 </div>
@@ -61,26 +57,24 @@
                     <el-table-column :label="t('dayAward')" min-width="100">
                         <template #default="{ row }">
                             <div v-if="row.day_award">
-                                <div v-if="row.day_award.balance.is_use">{{ row.day_award.balance.content }}</div>
-                                <div v-if="row.day_award.point.is_use">{{ row.day_award.point.content }}</div>
-                                <div v-if="row.day_award.shop_coupon.is_use">{{ row.day_award.shop_coupon.content }}</div>
+                                <template v-for="item in row.day_award">
+                                    <div v-if="item.content">{{ item.content }}</div>
+                                </template>
                             </div>
                         </template>
                     </el-table-column>
-                    <el-table-column :label="t('continueAward')" min-width="100">
+                    <el-table-column :label="t('continueAward')" min-width="150">
                         <template #default="{ row }">
                             <div v-if="row.continue_award">
-                                <div v-if="row.continue_award.balance.is_use">{{ row.continue_award.balance.content }}</div>
-                                <div v-if="row.continue_award.point.is_use">{{ row.continue_award.point.content }}</div>
-                                <div v-if="row.continue_award.shop_coupon.is_use">{{
-                                    row.continue_award.shop_coupon.content }}</div>
+                                <template v-for="item in row.continue_award">
+                                    <div v-if="item.content">{{ item.content }}</div>
+                                </template>
                             </div>
                         </template>
                     </el-table-column>
-                    <el-table-column prop="create_time" :show-overflow-tooltip="true" :label="t('createTime')"
-                        min-width="150" />
-
+                    <el-table-column prop="create_time" :show-overflow-tooltip="true" :label="t('createTime')" min-width="150" />
                 </el-table>
+
                 <div class="mt-[16px] flex justify-end">
                     <el-pagination v-model:current-page="memberSignListTableData.page"
                         v-model:page-size="memberSignListTableData.limit" layout="total, sizes, prev, pager, next, jumper"
@@ -103,6 +97,7 @@ import { useRoute, useRouter } from 'vue-router'
 const route = useRoute()
 const router = useRouter()
 const pageName = route.meta.title
+
 const memberSignListTableData = reactive({
     page: 1,
     limit: 10,
diff --git a/admin/src/app/views/marketing/verifier.vue b/admin/src/app/views/marketing/verifier.vue
index 67cfb2b12..950bc7c8f 100644
--- a/admin/src/app/views/marketing/verifier.vue
+++ b/admin/src/app/views/marketing/verifier.vue
@@ -1,24 +1,24 @@
 <template>
+    <!--核销员-->
     <div class="main-container">
         <el-card class="box-card !border-none" shadow="never">
+
             <div class="flex justify-between items-center">
                 <span class="text-page-title">{{ pageName }}</span>
                 <el-button type="primary" @click="addEvent">{{ t('addVerifier') }}</el-button>
             </div>
 
-            <div class="mt-[10px]">
+            <div class="mt-[20px]">
                 <el-table :data="verifierTable.data" size="large" v-loading="verifierTable.loading">
                     <template #empty>
                         <span>{{ !verifierTable.loading ? t('emptyData') : '' }}</span>
                     </template>
+
                     <el-table-column :label="t('memberInfo')" min-width="120">
                         <template #default="{ row }">
-                            <div class="flex items-center cursor-pointer " @click="toMember(row.member.member_id)"
-                                v-if="row.member">
-                                <img class="w-[50px] h-[50px] mr-[10px]" v-if="row.member.headimg"
-                                    :src="img(row.member.headimg)" alt="">
-                                <img class="w-[50px] h-[50px] mr-[10px]" v-else
-                                    src="@/app/assets/images/default_headimg.png" alt="">
+                            <div class="flex items-center cursor-pointer " @click="toMember(row.member.member_id)" v-if="row.member">
+                                <img class="w-[50px] h-[50px] mr-[10px]" v-if="row.member.headimg" :src="img(row.member.headimg)" alt="">
+                                <img class="w-[50px] h-[50px] mr-[10px]" v-else src="@/app/assets/images/default_headimg.png" alt="">
                                 <div class="flex flex flex-col">
                                     <span>{{ row.member.nickname || '' }}</span>
                                     <span>{{ row.member.mobile || '' }}</span>
@@ -26,6 +26,7 @@
                             </div>
                         </template>
                     </el-table-column>
+
                     <el-table-column :label="t('verifyType')" min-width="120">
                         <template #default="{ row }">
                             <div class="flex flex-col">
@@ -35,13 +36,16 @@
                             </div>
                         </template>
                     </el-table-column>
+
                     <el-table-column :label="t('createTime')" prop="create_time" min-width="120" />
+
                     <el-table-column :label="t('operation')" fixed="right" align="right" width="100">
                         <template #default="{ row }">
                             <el-button type="primary" link @click="deleteEvent(row.id)">{{ t('delete') }}</el-button>
                         </template>
                     </el-table-column>
                 </el-table>
+
                 <div class="mt-[16px] flex justify-end">
                     <el-pagination v-model:current-page="verifierTable.page" v-model:page-size="verifierTable.limit"
                         layout="total, sizes, prev, pager, next, jumper" :total="verifierTable.total"
@@ -51,8 +55,7 @@
         </el-card>
 
         <el-dialog v-model="showDialog" :title="t('addVerifier')" width="500px" :destroy-on-close="true">
-            <el-form :model="formData" label-width="90px" ref="formRef" :rules="formRules" class="page-form"
-                v-loading="addLoading">
+            <el-form :model="formData" label-width="90px" ref="formRef" :rules="formRules" class="page-form" v-loading="addLoading">
                 <el-form-item :label="t('member')" prop="member_id">
                     <el-select v-model="formData.member_id" filterable remote reserve-keyword clearable
                         :placeholder="t('searchPlaceholder')" :remote-method="searchMember" :loading="searchLoading"
@@ -62,8 +65,7 @@
                     </el-select>
                 </el-form-item>
                 <el-form-item :label="t('verifyType')" prop="verify_type">
-                    <el-select v-model="formData.verify_type" multiple collapse-tags clearable
-                        :placeholder="t('verifyTypePlaceholder')" class="input-width">
+                    <el-select v-model="formData.verify_type" multiple collapse-tags clearable :placeholder="t('verifyTypePlaceholder')" class="input-width">
                         <el-option v-for="(item, index) in verifyTypeList" :key="index" :label="item.name" :value="index" />
                     </el-select>
                 </el-form-item>
@@ -72,8 +74,7 @@
             <template #footer>
                 <span class="dialog-footer">
                     <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
-                    <el-button type="primary" :loading="addLoading" @click="addVerifiers(formRef)">{{ t('confirm')
-                    }}</el-button>
+                    <el-button type="primary" :loading="addLoading" @click="addVerifiers(formRef)">{{ t('confirm') }}</el-button>
                 </span>
             </template>
         </el-dialog>
@@ -90,6 +91,7 @@ import { ElMessageBox, FormInstance } from 'element-plus'
 import { img } from '@/utils/common'
 
 const route = useRoute()
+const router = useRouter()
 const pageName = route.meta.title
 
 const showDialog = ref(false)
@@ -213,8 +215,6 @@ const setVerifyTypeList = () => {
 }
 setVerifyTypeList();
 
-const router = useRouter()
-
 /**
  * 会员详情
  */
diff --git a/admin/src/app/views/marketing/verify.vue b/admin/src/app/views/marketing/verify.vue
index 3f12c614d..c28a2bea7 100644
--- a/admin/src/app/views/marketing/verify.vue
+++ b/admin/src/app/views/marketing/verify.vue
@@ -1,69 +1,69 @@
 <template>
+    <!--核销记录-->
     <div class="main-container">
         <el-card class="box-card !border-none" shadow="never">
+
             <div class="flex justify-between items-center">
                 <span class="text-page-title">{{ pageName }}</span>
             </div>
 
-            <el-card class="box-card !border-none table-search-wrap" shadow="never">
-                <el-card class="box-card !border-none table-search-wrap" shadow="never">
-                    <el-form :inline="true" :model="recordTable.searchParam" ref="searchFormRef">
-                        <el-form-item :label="t('verifyCode')" prop="code">
-                            <el-input v-model="recordTable.searchParam.code" :placeholder="t('verifyCodePlaceholder')" />
-                        </el-form-item>
-                        <el-form-item :label="t('verifyType')" prop="type">
-                            <el-select v-model="recordTable.searchParam.type" clearable
-                                :placeholder="t('verifyTypePlaceholder')" class="input-width">
-                                <el-option :label="t('selectPlaceholder')" value="" />
-                                <el-option :label="item.name" :value="key" v-for="(item, key) in verifyTypeList"
-                                    :key="key" />
-                            </el-select>
-                        </el-form-item>
-                        <el-form-item :label="t('verifyTime')" prop="create_time">
-                            <el-date-picker v-model="recordTable.searchParam.create_time" type="datetimerange"
-                                value-format="YYYY-MM-DD HH:mm:ss" :start-placeholder="t('startDate')"
-                                :end-placeholder="t('endDate')" />
-                        </el-form-item>
-                        <el-form-item>
-                            <el-button type="primary" @click="loadRecordList()">{{ t('search') }}</el-button>
-                            <el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button>
-                        </el-form-item>
-                    </el-form>
-                </el-card>
-
-                <div class="mt-[10px]">
-                    <el-table :data="recordTable.data" size="large" v-loading="recordTable.loading">
-                        <template #empty>
-                            <span>{{ !recordTable.loading ? t('emptyData') : '' }}</span>
-                        </template>
-
-                        <el-table-column prop="code" :show-overflow-tooltip="true" :label="t('verifyCode')" align="left"
-                            min-width="150" />
-                        <el-table-column prop="type_name" :label="t('verifyType')" align="left" min-width="150" />
-                        <el-table-column :label="t('verifyTime')" min-width="180" align="center"
-                            :show-overflow-tooltip="true">
-                            <template #default="{ row }">
-                                {{ row.create_time || '' }}
-                            </template>
-                        </el-table-column>
-                        <el-table-column prop="member.nickname" :label="t('verifyer')" min-width="180" align="center">
-                        </el-table-column>
-                        <el-table-column :label="t('operation')" align="right" fixed="right" width="100">
-                            <template #default="{ row }">
-                                <div class="flex justify-end">
-                                    <el-button type="primary" link @click="detailEvent(row)">{{ t('详情') }}</el-button>
-                                </div>
-                            </template>
-                        </el-table-column>
-
-                    </el-table>
-                    <div class="mt-[16px] flex justify-end">
-                        <el-pagination v-model:current-page="recordTable.page" v-model:page-size="recordTable.limit"
-                            layout="total, sizes, prev, pager, next, jumper" :total="recordTable.total"
-                            @size-change="loadRecordList()" @current-change="loadRecordList" />
-                    </div>
-                </div>
+            <el-card class="box-card mt-[10px] !border-none table-search-wrap" shadow="never">
+                <el-form :inline="true" :model="recordTable.searchParam" ref="searchFormRef">
+                    <el-form-item :label="t('verifyCode')" prop="code">
+                        <el-input v-model="recordTable.searchParam.code" :placeholder="t('verifyCodePlaceholder')" />
+                    </el-form-item>
+                    <el-form-item :label="t('verifyType')" prop="type">
+                        <el-select v-model="recordTable.searchParam.type" clearable :placeholder="t('verifyTypePlaceholder')" class="input-width">
+                            <el-option :label="t('selectPlaceholder')" value="" />
+                            <el-option :label="item.name" :value="key" v-for="(item, key) in verifyTypeList" :key="key" />
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item :label="t('verifyer')" prop="verifier_member_id">
+                        <el-select v-model="recordTable.searchParam.verifier_member_id" clearable :placeholder="t('verifierPlaceholder')" class="input-width">
+                            <el-option :label="t('selectPlaceholder')" value="" />
+                            <el-option :label="item.member.nickname" :value="item.member_id" v-for="(item, key) in verifierList" :key="key" />
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item :label="t('verifyTime')" prop="create_time">
+                        <el-date-picker v-model="recordTable.searchParam.create_time" type="datetimerange" value-format="YYYY-MM-DD HH:mm:ss" :start-placeholder="t('startDate')" :end-placeholder="t('endDate')" />
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="primary" @click="loadRecordList()">{{ t('search') }}</el-button>
+                        <el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button>
+                    </el-form-item>
+                </el-form>
             </el-card>
+
+            <div class="mt-[10px]">
+                <el-table :data="recordTable.data" size="large" v-loading="recordTable.loading">
+                    <template #empty>
+                        <span>{{ !recordTable.loading ? t('emptyData') : '' }}</span>
+                    </template>
+
+                    <el-table-column prop="code" :show-overflow-tooltip="true" :label="t('verifyCode')" align="left" min-width="150" />
+                    <el-table-column prop="type_name" :label="t('verifyType')" align="left" min-width="150" />
+                    <el-table-column :label="t('verifyTime')" min-width="180" align="center" :show-overflow-tooltip="true">
+                        <template #default="{ row }">
+                            {{ row.create_time || '' }}
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="member.nickname" :label="t('verifyer')" min-width="180" align="center">
+                    </el-table-column>
+                    <el-table-column :label="t('operation')" align="right" fixed="right" width="100">
+                        <template #default="{ row }">
+                            <div class="flex justify-end">
+                                <el-button type="primary" link @click="detailEvent(row)">{{ t('详情') }}</el-button>
+                            </div>
+                        </template>
+                    </el-table-column>
+                </el-table>
+
+                <div class="mt-[16px] flex justify-end">
+                    <el-pagination v-model:current-page="recordTable.page" v-model:page-size="recordTable.limit"
+                        layout="total, sizes, prev, pager, next, jumper" :total="recordTable.total"
+                        @size-change="loadRecordList()" @current-change="loadRecordList" />
+                </div>
+            </div>
         </el-card>
     </div>
 </template>
@@ -73,12 +73,12 @@ import { reactive, ref } from 'vue'
 import { t } from '@/lang'
 import { useRoute, useRouter } from 'vue-router'
 import { FormInstance } from 'element-plus'
-import { getVerifyRecord, getVerifyTypeList } from '@/app/api/verify'
+import { getVerifyRecord, getVerifyTypeList, getVerifierSelect } from '@/app/api/verify'
 import { img } from '@/utils/common'
 
 const route = useRoute()
-const pageName = route.meta.title
 const router = useRouter()
+const pageName = route.meta.title
 
 const recordTable = reactive({
     page: 1,
@@ -89,6 +89,7 @@ const recordTable = reactive({
     searchParam: {
         code: '',
         type: '',
+        verifier_member_id: '',
         create_time: []
     }
 })
@@ -125,7 +126,18 @@ const setVerifyTypeList = () => {
         verifyTypeList.value = res.data
     }).catch()
 }
-setVerifyTypeList();
+setVerifyTypeList()
+
+/**
+ * 获取核销员
+ */
+const verifierList = ref<any>([])
+const setVerifyerList = () => {
+    getVerifierSelect().then(res => {
+        verifierList.value = res.data
+    }).catch()
+}
+setVerifyerList()
 
 // 重置
 const resetForm = (formEl: FormInstance | undefined) => {
@@ -135,7 +147,7 @@ const resetForm = (formEl: FormInstance | undefined) => {
 }
 
 // 详情
-const detailEvent = (data: any)=>{
+const detailEvent = (data: any) => {
     router.push(`/marketing/verify/detail?code=${data.code}`)
 }
 </script>
diff --git a/admin/src/app/views/marketing/verify_detail.vue b/admin/src/app/views/marketing/verify_detail.vue
index e4c87235f..087e10071 100644
--- a/admin/src/app/views/marketing/verify_detail.vue
+++ b/admin/src/app/views/marketing/verify_detail.vue
@@ -1,58 +1,71 @@
 <template>
-	<div class="main-container" v-loading="loading">
-		<div class="detail-head !ml-[20px] !mb-[5px]">
-			<div class="left" @click="router.push({ path: '/marketing/verify' })">
-				<span class="iconfont iconxiangzuojiantou !text-xs"></span>
-				<span class="ml-[1px]">{{t('returnToPreviousPage')}}</span>
-			</div>
-			<span class="adorn">|</span>
-			<span class="right">{{ pageName }}</span>
-		</div>
-		<el-card class="box-card !border-none" shadow="never">
-            <h3 class="panel-title">{{ t('核销信息') }}</h3>
-			<div class="flex items-center mt-[15px]">
-				<span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('核销类型') }}</span>
-				<span class="text-[14px] text-[#666666]">
-					{{ verifyData.type_name }}
-				</span>
-			</div>
-			<div class="flex items-center mt-[15px]">
-				<span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('核销状态') }}</span>
-				<span class="text-[14px] text-[#666666]">
-                    已核销
-				</span>
-			</div>
+    <!--核销详情-->
+    <div class="main-container" v-loading="loading">
 
-			<div class="flex items-center mt-[15px]">
-				<span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('核销人员') }}</span>
-				<span class="text-[14px] text-[#666666]">
-					{{ verifyData.member ? verifyData.member.nickname : '--' }}
-				</span>
-			</div>
+        <el-card class="card !border-none" shadow="never">
+            <el-page-header :content="pageName" :icon="ArrowLeft" @back="$router.back()" />
+        </el-card>
+
+        <el-card class="box-card mt-[15px] !border-none" shadow="never">
+            <h3 class="panel-title !text-sm">{{ t('核销信息') }}</h3>
+
+            <div class="flex items-center mt-[15px]">
+                <span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('核销类型') }}</span>
+                <span class="text-[14px] text-[#666666]">
+                    {{ verifyData.type_name }}
+                </span>
+            </div>
+            <div class="flex items-center mt-[15px]">
+                <span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('核销状态') }}</span>
+                <span class="text-[14px] text-[#666666]">
+                    已核销
+                </span>
+            </div>
+
+            <div class="flex items-center mt-[15px]">
+                <span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('核销人员') }}</span>
+                <span class="text-[14px] text-[#666666]">
+                    {{ verifyData.member ? verifyData.member.nickname : '--' }}
+                </span>
+            </div>
             <div class="flex items-center mt-[15px]">
                 <span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('核销时间') }}</span>
                 <span class="text-[14px] text-[#666666]">
-					{{verifyData.create_time}}
-				</span>
+                    {{verifyData.create_time}}
+                </span>
             </div>
             <div class="flex items-center mt-[15px]" v-for="(item,index) in verifyContentData.fixed" :key="index">
                 <span class="text-[14px] w-[130px] text-right mr-[20px]">{{ item.title }}</span>
                 <span class="text-[14px] text-[#666666]">
-					{{ item.value }}
-				</span>
+                    {{ item.value }}
+                </span>
             </div>
-		</el-card>
-        <el-card class="box-card !border-none" shadow="never" v-for="(item,index) in verifyContentData.diy" :key="index">
-            <h3 class="panel-title">{{ item.title }}</h3>
-			<div class="flex items-center mt-[15px]" v-for="(subItem,subIndex) in item.list" :key="subIndex">
-				<span class="text-[14px] w-[130px] text-right mr-[20px]">{{ subItem.title }}</span>
-				<span class="text-[14px] text-[#666666]">
-					{{ subItem.value }}
-				</span>
-			</div>
-		</el-card>
-        <el-card class="box-card !border-none" shadow="never">
-            <h3 class="panel-title">{{ t('商品信息') }}</h3>
+
+            <div v-for="(item,index) in verifyData.verify_info" :key="index">
+                <div class="flex items-center mt-[15px]" v-for="(val,key) in item" :key="key">
+                    <span class="text-[14px] w-[130px] text-right mr-[20px]">{{ val.name }}</span>
+                    <span class="text-[14px] text-[#666666]">
+                        {{ val.value }}
+                    </span>
+                </div>
+            </div>
+
+        </el-card>
+
+        <el-card class="box-card mt-[15px] !border-none" shadow="never" v-for="(item,index) in verifyContentData.diy" :key="index">
+            <h3 class="panel-title !text-sm">{{ item.title }}</h3>
+
+            <div class="flex items-center mt-[15px]" v-for="(subItem,subIndex) in item.list" :key="subIndex">
+                <span class="text-[14px] w-[130px] text-right mr-[20px]">{{ subItem.title }}</span>
+                <span class="text-[14px] text-[#666666]">
+                    {{ subItem.value }}
+                </span>
+            </div>
+        </el-card>
+
+        <el-card class="box-card mt-[15px] !border-none" shadow="never">
+            <h3 class="panel-title !text-sm">{{ t('商品信息') }}</h3>
+
             <el-table :data="verifyGoodsList" size="large">
                 <el-table-column :label="t('商品名称')" align="left" width="300">
                     <template #default="{ row }">
@@ -68,16 +81,17 @@
                 </el-table-column>
                 <el-table-column prop="num" :label="t('数量')" min-width="50" align="right" />
             </el-table>
-		</el-card>
-	</div>
+        </el-card>
+    </div>
 </template>
 
 <script lang="ts" setup>
 import { reactive, ref } from 'vue'
 import { t } from '@/lang'
+import { useRouter, useRoute } from 'vue-router'
 import { getVerifyDetail } from '@/app/api/verify'
 import { ElMessage } from 'element-plus'
-import { useRouter, useRoute } from 'vue-router'
+import { ArrowLeft } from '@element-plus/icons-vue'
 import { img } from '@/utils/common'
 import PointEdit from '@/app/views/member/components/member-point-edit.vue'
 import BalanceEdit from '@/app/views/member/components/member-balance-edit.vue'
@@ -85,17 +99,17 @@ import EditMember from '@/app/views/member/components/edit-member.vue'
 import useAppStore from '@/stores/modules/app'
 
 const route = useRoute()
-const pageName = route.meta.title
-const appStore = useAppStore()
 const router = useRouter()
+const pageName = route.meta.title
 
+const appStore = useAppStore()
 const loading = ref(true)
 
 // 获取核销信息
 const code: any = route.query.code
-let verifyData: any = ref({})
-let verifyContentData: any = ref({})
-let verifyGoodsList: any = ref([])
+const verifyData: any = ref({})
+const verifyContentData: any = ref({})
+const verifyGoodsList: any = ref([])
 
 const getVerifyDetailFn = async () => {
     loading.value = true
@@ -108,7 +122,7 @@ const getVerifyDetailFn = async () => {
             }, 2000)
             return false
         }
-        verifyData.value = data;
+        verifyData.value = data
         verifyContentData.value = data.value.content || {}
         verifyGoodsList.value = data.value.list || []
         loading.value = false
@@ -117,9 +131,6 @@ const getVerifyDetailFn = async () => {
     }
 }
 getVerifyDetailFn()
-
-
 </script>
 
-<style lang="scss" scoped>
-</style>
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/member/balance.vue b/admin/src/app/views/member/balance.vue
index c5c0ea2fe..c468828c7 100644
--- a/admin/src/app/views/member/balance.vue
+++ b/admin/src/app/views/member/balance.vue
@@ -1,10 +1,13 @@
 <template>
+    <!--会员余额-->
     <div class="main-container">
         <el-card class="box-card !border-none" shadow="never">
-            <div class="flex justify-between items-center mb-[5px]">
+
+            <div class="flex justify-between items-center">
                 <span class="text-page-title">{{ pageName }}</span>
             </div>
-            <el-card class="box-card !border-none base-bg !px-[35px]" shadow="never">
+
+            <el-card class="box-card !border-none !px-[35px]" shadow="never">
                 <el-row class="flex">
                     <el-col :span="8" class="min-w-[100px]">
                         <div class="statistic-card">
@@ -38,6 +41,7 @@
                     </el-col>
                 </el-row>
             </el-card>
+
             <el-card class="box-card !border-none mb-[10px] table-search-wrap" shadow="never">
                 <el-form :inline="true" :model="memberAccountLogTableData.searchParam" ref="searchFormRef">
 
@@ -68,7 +72,6 @@
                         <el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button>
                     </el-form-item>
                 </el-form>
-
             </el-card>
 
             <div class="mt-[10px]">
@@ -125,7 +128,9 @@
                 </div>
             </div>
         </el-card>
+
         <balance-info ref="balanceDialog" @complete="loadMemberAccountLogList" />
+
     </div>
 </template>
 
@@ -146,9 +151,10 @@ import balanceInfo from '@/app/views/member/components/member-balance-info.vue'
 import { useRoute, useRouter } from 'vue-router'
 
 const route = useRoute()
-const member_id: number = parseInt(route.query.id || 0)
 const pageName = route.meta.title
 
+const member_id: number = parseInt(route.query.id || 0)
+
 const memberAccountLogTableData = reactive({
     page: 1,
     limit: 10,
diff --git a/admin/src/app/views/member/commission.vue b/admin/src/app/views/member/commission.vue
index 609f6bb14..22112252b 100644
--- a/admin/src/app/views/member/commission.vue
+++ b/admin/src/app/views/member/commission.vue
@@ -1,10 +1,13 @@
 <template>
+    <!--会员佣金-->
     <div class="main-container">
         <el-card class="box-card !border-none" shadow="never">
-            <div class="flex justify-between items-center mb-[5px]">
+
+            <div class="flex justify-between items-center">
                 <span class="text-page-title">{{ pageName }}</span>
             </div>
-            <el-card class="box-card !border-none base-bg !px-[35px]" shadow="never">
+
+            <el-card class="box-card !border-none !px-[35px]" shadow="never">
                 <el-row class="flex">
                     <el-col :span="6" class="min-w-[100px]">
                         <div class="statistic-card">
@@ -128,7 +131,9 @@
                 </div>
             </div>
         </el-card>
+
         <money-info ref="moneyDialog" @complete="loadMemberAccountLogList" />
+
     </div>
 </template>
 
@@ -142,9 +147,10 @@ import moneyInfo from '@/app/views/member/components/member-commission-info.vue'
 import { useRouter, useRoute } from 'vue-router'
 
 const route = useRoute()
-const member_id: number = parseInt(route.query.id || 0)
 const pageName = route.meta.title
 
+const member_id: number = parseInt(route.query.id || 0)
+
 const memberAccountLogTableData = reactive({
     page: 1,
     limit: 10,
diff --git a/admin/src/app/views/member/components/add-member.vue b/admin/src/app/views/member/components/add-member.vue
index eb16ea9f0..097b182b8 100644
--- a/admin/src/app/views/member/components/add-member.vue
+++ b/admin/src/app/views/member/components/add-member.vue
@@ -11,14 +11,14 @@
             </el-form-item>
 
             <el-form-item :label="t('nickname')">
-                <el-input v-model="formData.nickname" clearable :placeholder="t('nickNamePlaceholder')" class="input-width" />
+                <el-input v-model="formData.nickname" clearable :placeholder="t('nickNamePlaceholder')" class="input-width" maxlength="10" show-word-limit  :readonly="nickname_name_input" @click="nickname_name_input = false" @blur="nickname_name_input = true" />
             </el-form-item>
 
             <el-form-item :label="t('password')" prop="password">
-                <el-input v-model="formData.password" type="password" :placeholder="t('passwordPlaceholder')" clearable class="input-width" />
+                <el-input v-model="formData.password" type="password" :placeholder="t('passwordPlaceholder')" clearable class="input-width" :show-password="true"  :readonly="password_input" @click="password_input = false" @blur="password_input = true" />
             </el-form-item>
             <el-form-item :label="t('passwordCopy')" prop="password_copy">
-                <el-input v-model="formData.password_copy" type="password" :placeholder="t('passwordPlaceholder')" clearable class="input-width" />
+                <el-input v-model="formData.password_copy" type="password" :placeholder="t('passwordPlaceholder')" clearable class="input-width" :show-password="true"  :readonly="password_copy_input" @click="password_copy_input = false" @blur="password_copy_input = true" />
             </el-form-item>
 
         </el-form>
@@ -45,6 +45,10 @@ const repeat = ref(false)
 let popTitle: string = ''
 let memberNo: string = ''
 
+const nickname_name_input = ref(true)
+const password_input = ref(true)
+const password_copy_input = ref(true)
+
 /**
  * 表单数据
  */
diff --git a/admin/src/app/views/member/components/edit-member.vue b/admin/src/app/views/member/components/edit-member.vue
index fb48dca7a..fdde1e3b5 100644
--- a/admin/src/app/views/member/components/edit-member.vue
+++ b/admin/src/app/views/member/components/edit-member.vue
@@ -44,9 +44,10 @@
 <script lang="ts" setup>
 import { ref, reactive, computed } from 'vue'
 import { t } from '@/lang'
+import { deepClone } from '@/utils/common'
 import type { FormInstance } from 'element-plus'
 import { editMemberDetail, getMemberLabelAll, getMemberLevelAll } from '@/app/api/member'
-import Test from "@/utils/test";
+import Test from '@/utils/test'
 
 // 修改类型
 const type = ref('')
@@ -126,10 +127,12 @@ const confirm = async (formEl: FormInstance | undefined) => {
             if (repeat.value) return
             repeat.value = true
 
+            const val = saveData[type.value] ? deepClone(saveData[type.value]) : ''
+
             const data = ref({
                 member_id: memberId.value,
                 field: type.value,
-                value: saveData[type.value]
+                value: val
             })
 
             editMemberDetail(data.value).then(res => {
diff --git a/admin/src/app/views/member/components/member-balance-info.vue b/admin/src/app/views/member/components/member-balance-info.vue
index 9e8856821..b2c0b77f3 100644
--- a/admin/src/app/views/member/components/member-balance-info.vue
+++ b/admin/src/app/views/member/components/member-balance-info.vue
@@ -87,8 +87,6 @@ const formRules = computed(() => {
     }
 })
 
-// const emit = defineEmits(['complete'])
-
 const setFormData = async (row: any = null) => {
     loading.value = true
     Object.assign(formData, initialFormData)
diff --git a/admin/src/app/views/member/components/member-commission-info.vue b/admin/src/app/views/member/components/member-commission-info.vue
index f53faafdf..9cdb91a41 100644
--- a/admin/src/app/views/member/components/member-commission-info.vue
+++ b/admin/src/app/views/member/components/member-commission-info.vue
@@ -87,8 +87,6 @@ const formRules = computed(() => {
     }
 })
 
-// const emit = defineEmits(['complete'])
-
 const setFormData = async (row: any = null) => {
     loading.value = true
     Object.assign(formData, initialFormData)
diff --git a/admin/src/app/views/member/components/member-money-info.vue b/admin/src/app/views/member/components/member-money-info.vue
index 09f7ae120..3ad541e51 100644
--- a/admin/src/app/views/member/components/member-money-info.vue
+++ b/admin/src/app/views/member/components/member-money-info.vue
@@ -80,8 +80,6 @@ const formRules = computed(() => {
     }
 })
 
-// const emit = defineEmits(['complete'])
-
 const setFormData = async (row: any = null) => {
     loading.value = true
     Object.assign(formData, initialFormData)
diff --git a/admin/src/app/views/member/components/member-point-info.vue b/admin/src/app/views/member/components/member-point-info.vue
index 48ecd8bbc..94f88bdaf 100644
--- a/admin/src/app/views/member/components/member-point-info.vue
+++ b/admin/src/app/views/member/components/member-point-info.vue
@@ -87,8 +87,6 @@ const formRules = computed(() => {
     }
 })
 
-// const emit = defineEmits(['complete'])
-
 const setFormData = async (row: any = null) => {
     loading.value = true
     Object.assign(formData, initialFormData)
diff --git a/admin/src/app/views/member/growth.vue b/admin/src/app/views/member/growth.vue
index 802965a46..8f8c2304b 100644
--- a/admin/src/app/views/member/growth.vue
+++ b/admin/src/app/views/member/growth.vue
@@ -1,9 +1,12 @@
 <template>
+    <!--会员成长值-->
     <div class="main-container">
         <el-card class="box-card !border-none" shadow="never">
-            <div class="flex justify-between items-center mb-[5px]">
+
+            <div class="flex justify-between items-center">
                 <span class="text-page-title">{{ pageName }}</span>
             </div>
+
             <el-card class="box-card !border-none mb-[10px] table-search-wrap" shadow="never">
                 <el-form :inline="true" :model="memberAccountLogTableData.searchParam" ref="searchFormRef">
                     <el-form-item :label="t('fromType')" prop="from_type">
@@ -88,9 +91,10 @@ import pointInfo from '@/app/views/member/components/member-point-info.vue'
 import { useRouter, useRoute } from 'vue-router'
 
 const route = useRoute()
-const memberId: number = parseInt(route.query.id || 0)
 const pageName = route.meta.title
 
+const memberId: number = parseInt(route.query.id || 0)
+
 const memberAccountLogTableData = reactive({
     page: 1,
     limit: 10,
diff --git a/admin/src/app/views/member/label.vue b/admin/src/app/views/member/label.vue
index 88a4542a6..1dcd74a3f 100644
--- a/admin/src/app/views/member/label.vue
+++ b/admin/src/app/views/member/label.vue
@@ -1,6 +1,8 @@
 <template>
+    <!--会员标签-->
     <div class="main-container">
         <el-card class="box-card !border-none" shadow="never">
+
             <div class="flex justify-between items-center">
                 <span class="text-page-title">{{pageName}}</span>
                 <el-button type="primary" @click="addEvent">{{ t('addMemberLabel') }}</el-button>
diff --git a/admin/src/app/views/member/level.vue b/admin/src/app/views/member/level.vue
index 684b96bd6..bd37d61fe 100644
--- a/admin/src/app/views/member/level.vue
+++ b/admin/src/app/views/member/level.vue
@@ -1,8 +1,10 @@
 <template>
+    <!--会员等级-->
     <div class="main-container">
         <el-card class="box-card !border-none" shadow="never">
+
             <div class="flex justify-between items-center">
-                <span class="text-page-title">{{pageName}}</span>
+                <span class="text-page-title">{{ pageName }}</span>
                 <el-button type="primary" @click="addEvent">{{ t('addMemberLevel') }}</el-button>
             </div>
 
diff --git a/admin/src/app/views/member/level_edit.vue b/admin/src/app/views/member/level_edit.vue
index fa709f8c8..6d7b79886 100644
--- a/admin/src/app/views/member/level_edit.vue
+++ b/admin/src/app/views/member/level_edit.vue
@@ -1,18 +1,15 @@
 <template>
+    <!--编辑等级-->
     <div class="main-container">
-        <el-card class="box-card !border-none" shadow="never" v-loading="loading">
-            <div class="detail-head !ml-[20px] !mb-[5px]">
-                <div class="left" @click="router.push({ path: '/member/level' })">
-                    <span class="iconfont iconxiangzuojiantou !text-xs"></span>
-                    <span class="ml-[1px]">{{t('returnToPreviousPage')}}</span>
-                </div>
-                <span class="adorn">|</span>
-                <span class="right">{{ pageName }}</span>
-            </div>
-            <el-form :model="formData" label-width="120px" ref="formRef" :rules="formRules" class="page-form" >
-                <el-card class="box-card !border-none" shadow="never">
-                    <h3 class="panel-title !text-sm">{{ t('basicInfo') }}</h3>
-                </el-card>
+
+        <el-card class="card !border-none" shadow="never">
+            <el-page-header :content="pageName" :icon="ArrowLeft" @back="$router.back()" />
+        </el-card>
+
+        <el-card class="box-card mt-[15px] !border-none" shadow="never" v-loading="loading">
+            <el-form class="page-form" :model="formData" label-width="120px" ref="formRef" :rules="formRules">
+                <h3 class="panel-title !text-sm">{{ t('basicInfo') }}</h3>
+
                 <el-form-item :label="t('levelName')" prop="level_name">
                     <el-input v-model.trim="formData.level_name" :placeholder="t('levelNamePlaceholder')" class="input-width" maxlength="20" show-word-limit clearable />
                 </el-form-item>
@@ -28,18 +25,17 @@
                     </div>
                 </el-form-item>
             </el-form>
-            <el-card class="box-card !border-none" shadow="never">
-                <h3 class="panel-title !text-sm">{{ t('levelBenefits') }}</h3>
-                <div class="pl-[100px]">
-                    <member-benefits ref="benefitsRef" v-model="formData.level_benefits"/>
-                </div>
-            </el-card>
-            <el-card class="box-card !border-none" shadow="never">
-                <h3 class="panel-title !text-sm">{{ t('levelGift') }}</h3>
-                <div class="pl-[100px]">
-                    <member-gift ref="giftRef" v-model="formData.level_gifts"/>
-                </div>
-            </el-card>
+
+            <h3 class="panel-title !text-sm">{{ t('levelBenefits') }}</h3>
+            <div class="pl-[100px]">
+                <member-benefits ref="benefitsRef" v-model="formData.level_benefits"/>
+            </div>
+
+            <h3 class="panel-title !text-sm">{{ t('levelGift') }}</h3>
+            <div class="pl-[100px]">
+                <member-gift ref="giftRef" v-model="formData.level_gifts"/>
+            </div>
+
         </el-card>
 
         <div class="fixed-footer-wrap">
@@ -54,6 +50,7 @@
 import { reactive, ref } from 'vue'
 import { t } from '@/lang'
 import { FormInstance, FormRules } from 'element-plus'
+import { ArrowLeft } from '@element-plus/icons-vue'
 import { useRoute, useRouter } from 'vue-router'
 import memberBenefits from '@/app/views/member/components/member-benefits.vue'
 import memberGift from '@/app/views/member/components/member-gift.vue'
@@ -63,6 +60,7 @@ import Test from '@/utils/test'
 const route = useRoute()
 const router = useRouter()
 const pageName = route.meta.title
+
 const benefitsRef = ref(null)
 const giftRef = ref(null)
 const loading = ref(true)
@@ -109,19 +107,20 @@ const formRules = reactive<FormRules>({
 if (route.query.id) {
     getMemberLevelInfo(route.query.id).then(({ data }) => {
         Object.assign(formData, data)
+
         getMemberLevelAll().then(({ data }) => {
             let index = 0
             data.forEach((item, i) => {
                 item.level_id == formData.level_id && (index = i)
             })
-            data[ index - 1 ] && (growthInterval.value.min = data[ index - 1 ].growth)
-            data[ index + 1 ] && (growthInterval.value.max = data[ index + 1 ].growth)
+            data[index - 1] && (growthInterval.value.min = data[index - 1].growth)
+            data[index + 1] && (growthInterval.value.max = data[index + 1].growth)
         })
         loading.value = false
     })
 } else {
     getMemberLevelAll().then(({ data }) => {
-        data[ data.length - 1 ] && (growthInterval.value.min = data[ data.length - 1 ].growth)
+        data[data.length - 1] && (growthInterval.value.min = data[data.length - 1].growth)
     })
     loading.value = false
 }
diff --git a/admin/src/app/views/member/member.vue b/admin/src/app/views/member/member.vue
index 228792e3b..db850c757 100644
--- a/admin/src/app/views/member/member.vue
+++ b/admin/src/app/views/member/member.vue
@@ -1,4 +1,5 @@
 <template>
+    <!--会员列表-->
     <div class="main-container">
         <el-card class="box-card !border-none" shadow="never">
 
@@ -7,31 +8,28 @@
                 <el-button type="primary" @click="addEvent">{{ t('addMember') }}</el-button>
             </div>
 
-            <el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never">
+            <el-card class="box-card !border-none my-[20px] table-search-wrap" shadow="never">
                 <el-form :inline="true" :model="memberTableData.searchParam" ref="searchFormRef">
                     <el-form-item :label="t('memberInfo')" prop="keyword">
                         <el-input v-model="memberTableData.searchParam.keyword" class="w-[240px]" :placeholder="t('memberInfoPlaceholder')" />
                     </el-form-item>
 
                     <el-form-item :label="t('registerChannel')" prop="register_channel">
-                        <el-select v-model="memberTableData.searchParam.register_channel" clearable
-                            :placeholder="t('channelPlaceholder')" class="input-width">
+                        <el-select v-model="memberTableData.searchParam.register_channel" clearable :placeholder="t('channelPlaceholder')" class="input-width">
                             <el-option :label="t('selectPlaceholder')" value="" />
                             <el-option :label="item" :value="key" v-for="(item, key) in channelList" :key="key" />
                         </el-select>
                     </el-form-item>
 
                     <el-form-item :label="t('memberLabel')" prop="member_label">
-                        <el-select v-model="memberTableData.searchParam.member_label" collapse-tags clearable
-                            :placeholder="t('memberLabelPlaceholder')" class="input-width">
+                        <el-select v-model="memberTableData.searchParam.member_label" collapse-tags clearable :placeholder="t('memberLabelPlaceholder')" class="input-width">
                             <el-option :label="t('selectPlaceholder')" value="" />
                             <el-option :label="item['label_name']" :value="item['label_id']" v-for="(item, index) in labelSelectData" :key="index" />
                         </el-select>
                     </el-form-item>
 
                     <el-form-item :label="t('memberLevel')" prop="member_label">
-                        <el-select v-model="memberTableData.searchParam.member_level" collapse-tags clearable
-                            :placeholder="t('memberLevelPlaceholder')" class="input-width">
+                        <el-select v-model="memberTableData.searchParam.member_level" collapse-tags clearable :placeholder="t('memberLevelPlaceholder')" class="input-width">
                             <el-option :label="t('selectPlaceholder')" value="" />
                             <el-option :label="item['level_name']" :value="item['level_id']" v-for="(item, index) in levelSelectData" :key="index" />
                         </el-select>
@@ -47,19 +45,19 @@
                     </el-form-item>
                 </el-form>
             </el-card>
+
             <div class="mt-[10px]">
                 <el-table :data="memberTableData.data" size="large" v-loading="memberTableData.loading">
-
                     <template #empty>
                         <span>{{ !memberTableData.loading ? t('emptyData') : '' }}</span>
                     </template>
+
                     <el-table-column prop="member_no" :label="t('memberNo')" min-width="120" />
                     <el-table-column prop="nickname" :show-overflow-tooltip="true" :label="t('memberInfo')" min-width="170">
                         <template #default="{ row }">
                             <div class="flex items-center">
                                 <img class="w-[50px] h-[50px] mr-[10px]" v-if="row.headimg" :src="img(row.headimg)" alt="">
-                                <img class="w-[50px] h-[50px] mr-[10px]" v-else
-                                    src="@/app/assets/images/default_headimg.png" alt="">
+                                <img class="w-[50px] h-[50px] mr-[10px]" v-else src="@/app/assets/images/default_headimg.png" alt="">
                                 <div class="flex flex flex-col">
                                     <span>{{ row.nickname || '' }}</span>
                                 </div>
@@ -107,7 +105,7 @@
                         <template #default="{ row }">
                             <div class="flex items-center">
                                 <el-button type="primary" link @click="detailEvent(row)">{{ t('detail') }}</el-button>
-                                <el-button type="primary" link @click="setMemberLable(row)">{{ t('setLable') }}</el-button>
+                                <el-button type="primary" link @click="setMemberLablel(row)">{{ t('setLable') }}</el-button>
                                 <!-- <el-button type="primary" link @click="deleteEvent(row)">{{ t('memberDelete') }}</el-button> -->
                             </div>
                         </template>
@@ -140,6 +138,7 @@ import EditMember from '@/app/views/member/components/edit-member.vue'
 
 const route = useRoute()
 const pageName = route.meta.title
+
 const memberTableData = reactive({
     page: 1,
     limit: 10,
@@ -209,7 +208,7 @@ const editMemberDialog: Record<string, any> | null = ref(null)
 /**
  * 获取标签
  */
-function memberLable(res: any) {
+function memberLablel(res: any) {
     let data
     if (!res.member_label_array) return ''
     data = res.member_label_array.map((item: any) => {
@@ -222,7 +221,7 @@ function memberLable(res: any) {
 /**
  * 设置标签
  */
-function setMemberLable(res: any) {
+function setMemberLablel(res: any) {
     const data = ref({
         type: 'member_label',
         id: res.member_id,
diff --git a/admin/src/app/views/member/member_detail.vue b/admin/src/app/views/member/member_detail.vue
index f767f9931..f0376ca88 100644
--- a/admin/src/app/views/member/member_detail.vue
+++ b/admin/src/app/views/member/member_detail.vue
@@ -1,105 +1,103 @@
 <template>
-	<div class="main-container" v-loading="loading">
-		<div class="detail-head !ml-[20px] !mb-[5px]">
-			<div class="left" @click="back">
-				<span class="iconfont iconxiangzuojiantou !text-xs"></span>
-				<span class="ml-[1px]">{{t('returnToPreviousPage')}}</span>
-			</div>
-			<span class="adorn">|</span>
-			<span class="right">{{ pageName }}</span>
-		</div>
-		<el-card class="box-card !border-none" shadow="never">
-			<div class="bg-page py-[20px] pr-[80px] pl-[280px] relative">
-				<div class="member-info absolute w-[250px]">
-					<div class="flex items-center">
-						<span class="text-[14px] min-w-[110px] text-right mr-[20px]">{{ t('headimg') }}</span>
-						<span class="flex items-end text-[14px]">
-							<img class="w-[50px] h-[50px] inline-block" v-if="formData.headimg" :src="img(formData.headimg)" alt="">
-							<img class="w-[50px] h-[50px] inline-block" v-else src="@/app/assets/images/default_headimg.png" alt="">
-							<el-icon @click="editMemberInfo('headimg')" class="-bottom-[2px] -right-[4px] cursor-pointer">
-								<EditPen color="#273CE2" />
-							</el-icon>
-						</span>
-					</div>
-					<div class="flex items-center mt-[20px]">
-						<span class="text-[14px] min-w-[110px] text-right mr-[20px]">UID</span>
-						<span class="member-info-item text-[14px] text-[#666666] font-bold w-[150px]">
-							{{ formData.member_no || t('notAvailable') }}
-						</span>
-					</div>
-				</div>
-				<div>
-					<el-row justify="space-evenly" class="flex">
-						<el-col :span="4">
-							<div class="statistic-card">
-								<el-statistic :value="formData.point">
-									<template #title>
-										<div style="display: inline-flex; align-items: center">
-											<span class="text-[14px]">
-												{{ t('point') }}
-											</span>
-											<el-tooltip effect="dark" :content="t('adjust')" placement="top">
-												<el-icon @click="adjustPoint(formData)" class="ml-2 cursor-pointer" :size="12">
-													<EditPen color="#273CE2" />
-												</el-icon>
-											</el-tooltip>
-											<el-tooltip effect="dark" :content="t('detail')" placement="top">
-												<el-icon @click="infoPoint(formData)" class="ml-2 cursor-pointer" :size="12">
-													<View />
-												</el-icon>
-											</el-tooltip>
-										</div>
-									</template>
-								</el-statistic>
-								<div class="statistic-footer">
-									<div class="footer-item text-[14px] text-secondary">
-										<span>{{ t('accumulative') }}</span>
-										<span class="green ml-1">
-											{{ formData.point_get }}
-										</span>
-									</div>
-								</div>
-							</div>
-						</el-col>
-						<el-col :span="4">
-							<div class="statistic-card">
-								<el-statistic :value="formData.balance">
-									<template #title>
-										<div style="display: inline-flex; align-items: center">
-											<span class="text-[14px]">
-												{{ t('balance') }}
-											</span>
-											<el-tooltip effect="dark" :content="t('adjust')" placement="top">
-												<el-icon @click="adjustBalance(formData)" class="ml-2 cursor-pointer" :size="12">
-													<EditPen color="#273CE2" />
-												</el-icon>
-											</el-tooltip>
-											<el-tooltip effect="dark" :content="t('detail')" placement="top">
-												<el-icon @click="infoBalance(formData)" class="ml-2 cursor-pointer" :size="12">
-													<View />
-												</el-icon>
-											</el-tooltip>
-										</div>
-									</template>
-								</el-statistic>
-								<div class="statistic-footer">
-									<div class="footer-item text-[14px] text-secondary">
-										<span>{{ t('accumulative') }}</span>
-										<span class="red ml-1">
-											{{ formData.balance_get }}
-										</span>
-									</div>
-								</div>
-							</div>
-						</el-col>
+    <!--会员详情-->
+    <div class="main-container" v-loading="loading">
+
+        <el-card class="card !border-none" shadow="never">
+            <el-page-header :content="pageName" :icon="ArrowLeft" @back="back" />
+        </el-card>
+
+        <el-card class="box-card mt-[15px] !border-none" shadow="never">
+            <div class="bg-page py-[20px] pr-[80px] pl-[280px] relative">
+                <div class="member-info absolute w-[250px]">
+                    <div class="flex items-center">
+                        <span class="text-[14px] min-w-[110px] text-right mr-[20px]">{{ t('headimg') }}</span>
+                        <span class="flex items-end text-[14px]">
+                            <img class="w-[50px] h-[50px] inline-block" v-if="formData.headimg" :src="img(formData.headimg)" alt="">
+                            <img class="w-[50px] h-[50px] inline-block" v-else src="@/app/assets/images/default_headimg.png" alt="">
+                            <el-icon @click="editMemberInfo('headimg')" class="-bottom-[2px] -right-[4px] cursor-pointer">
+                                <EditPen color="#273CE2" />
+                            </el-icon>
+                        </span>
+                    </div>
+                    <div class="flex items-center mt-[20px]">
+                        <span class="text-[14px] min-w-[110px] text-right mr-[20px]">UID</span>
+                        <span class="member-info-item text-[14px] text-[#666666] font-bold w-[150px]">
+                            {{ formData.member_no || t('notAvailable') }}
+                        </span>
+                    </div>
+                </div>
+                <div>
+                    <el-row justify="space-evenly" class="flex">
+                        <el-col :span="4">
+                            <div class="statistic-card">
+                                <el-statistic :value="formData.point">
+                                    <template #title>
+                                        <div style="display: inline-flex; align-items: center">
+                                            <span class="text-[14px]">
+                                                {{ t('point') }}
+                                            </span>
+                                            <el-tooltip effect="dark" :content="t('adjust')" placement="top">
+                                                <el-icon @click="adjustPoint(formData)" class="ml-2 cursor-pointer" :size="12">
+                                                    <EditPen color="#273CE2" />
+                                                </el-icon>
+                                            </el-tooltip>
+                                            <el-tooltip effect="dark" :content="t('detail')" placement="top">
+                                                <el-icon @click="infoPoint(formData)" class="ml-2 cursor-pointer" :size="12">
+                                                    <View />
+                                                </el-icon>
+                                            </el-tooltip>
+                                        </div>
+                                    </template>
+                                </el-statistic>
+                                <div class="statistic-footer">
+                                    <div class="footer-item text-[14px] text-secondary">
+                                        <span>{{ t('accumulative') }}</span>
+                                        <span class="green ml-1">
+                                            {{ formData.point_get }}
+                                        </span>
+                                    </div>
+                                </div>
+                            </div>
+                        </el-col>
+                        <el-col :span="4">
+                            <div class="statistic-card">
+                                <el-statistic :value="formData.balance">
+                                    <template #title>
+                                        <div style="display: inline-flex; align-items: center">
+                                            <span class="text-[14px]">
+                                                {{ t('balance') }}
+                                            </span>
+                                            <el-tooltip effect="dark" :content="t('adjust')" placement="top">
+                                                <el-icon @click="adjustBalance(formData)" class="ml-2 cursor-pointer" :size="12">
+                                                    <EditPen color="#273CE2" />
+                                                </el-icon>
+                                            </el-tooltip>
+                                            <el-tooltip effect="dark" :content="t('detail')" placement="top">
+                                                <el-icon @click="infoBalance(formData)" class="ml-2 cursor-pointer" :size="12">
+                                                    <View />
+                                                </el-icon>
+                                            </el-tooltip>
+                                        </div>
+                                    </template>
+                                </el-statistic>
+                                <div class="statistic-footer">
+                                    <div class="footer-item text-[14px] text-secondary">
+                                        <span>{{ t('accumulative') }}</span>
+                                        <span class="red ml-1">
+                                            {{ formData.balance_get }}
+                                        </span>
+                                    </div>
+                                </div>
+                            </div>
+                        </el-col>
                         <el-col :span="4">
                             <div class="statistic-card">
                                 <el-statistic :value="formData.growth">
                                     <template #title>
                                         <div style="display: inline-flex; align-items: center">
-											<span class="text-[14px]">
-												{{ t('growth') }}
-											</span>
+                                            <span class="text-[14px]">
+                                                {{ t('growth') }}
+                                            </span>
 <!--                                            <el-tooltip effect="dark" :content="t('adjust')" placement="top">-->
 <!--                                                <el-icon @click="adjustGrowth(formData)" class="ml-2 cursor-pointer" :size="12">-->
 <!--                                                    <EditPen color="#273CE2" />-->
@@ -115,156 +113,156 @@
                                 </el-statistic>
                             </div>
                         </el-col>
-						<el-col :span="4">
-							<div class="statistic-card">
-								<el-statistic :value="formData.money" title="New transactions today">
-									<template #title>
-										<div style="display: inline-flex; align-items: center">
-											<span class="text-[14px]">
-												{{ t("money") }}
-											</span>
-											<el-tooltip effect="dark" :content="t('detail')" placement="top">
-												<el-icon @click="infoBalance(formData)" class="ml-2 cursor-pointer" :size="12">
-													<View />
-												</el-icon>
-											</el-tooltip>
-										</div>
-									</template>
-								</el-statistic>
-								<div class="statistic-footer">
-									<div class="footer-item text-[14px] text-secondary">
-										<span>{{ t('accumulative') }}</span>
-										<span class="green ml-1">
-											{{ formData.money_get }}
-										</span>
-									</div>
-								</div>
-							</div>
-						</el-col>
-						<el-col :span="4">
-							<div class="statistic-card">
-								<el-statistic :value="formData.commission" title="New transactions today">
-									<template #title>
-										<div style="display: inline-flex; align-items: center ">
-											<span class="text-[14px]">
-												{{ t("commission") }}
-											</span>
-											<el-tooltip effect="dark" :content="t('detail')" placement="top">
-												<el-icon @click="infoCommission(formData)" class="ml-2 cursor-pointer" :size="12">
-													<View />
-												</el-icon>
-											</el-tooltip>
-										</div>
-									</template>
-								</el-statistic>
-								<div class="statistic-footer">
-									<div class="footer-item text-[14px] text-secondary">
-										<span>{{ t('accumulative') }}</span>
-										<span class="green ml-1">
-											{{ formData.commission_get }}
-										</span>
-									</div>
-								</div>
-							</div>
-						</el-col>
-					</el-row>
-				</div>
-			</div>
-		</el-card>
-		<el-card class="box-card !border-none" shadow="never">
-			<div class="flex items-center mt-[15px]">
-				<span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('urserName') }}</span>
-				<span class="text-[14px] text-[#666666]">
-					{{ formData.username || t('notAvailable') }}
-				</span>
-			</div>
-			<div class="flex items-center mt-[15px]">
-				<span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('nickname') }}</span>
-				<span class="text-[14px] text-[#666666]">
-					{{ formData.nickname || t('notAvailable') }}
-				</span>
-			</div>
+                        <el-col :span="4">
+                            <div class="statistic-card">
+                                <el-statistic :value="formData.money" title="New transactions today">
+                                    <template #title>
+                                        <div style="display: inline-flex; align-items: center">
+                                            <span class="text-[14px]">
+                                                {{ t("money") }}
+                                            </span>
+                                            <el-tooltip effect="dark" :content="t('detail')" placement="top">
+                                                <el-icon @click="infoBalance(formData)" class="ml-2 cursor-pointer" :size="12">
+                                                    <View />
+                                                </el-icon>
+                                            </el-tooltip>
+                                        </div>
+                                    </template>
+                                </el-statistic>
+                                <div class="statistic-footer">
+                                    <div class="footer-item text-[14px] text-secondary">
+                                        <span>{{ t('accumulative') }}</span>
+                                        <span class="green ml-1">
+                                            {{ formData.money_get }}
+                                        </span>
+                                    </div>
+                                </div>
+                            </div>
+                        </el-col>
+                        <el-col :span="4">
+                            <div class="statistic-card">
+                                <el-statistic :value="formData.commission" title="New transactions today">
+                                    <template #title>
+                                        <div style="display: inline-flex; align-items: center ">
+                                            <span class="text-[14px]">
+                                                {{ t("commission") }}
+                                            </span>
+                                            <el-tooltip effect="dark" :content="t('detail')" placement="top">
+                                                <el-icon @click="infoCommission(formData)" class="ml-2 cursor-pointer" :size="12">
+                                                    <View />
+                                                </el-icon>
+                                            </el-tooltip>
+                                        </div>
+                                    </template>
+                                </el-statistic>
+                                <div class="statistic-footer">
+                                    <div class="footer-item text-[14px] text-secondary">
+                                        <span>{{ t('accumulative') }}</span>
+                                        <span class="green ml-1">
+                                            {{ formData.commission_get }}
+                                        </span>
+                                    </div>
+                                </div>
+                            </div>
+                        </el-col>
+                    </el-row>
+                </div>
+            </div>
+        </el-card>
+        <el-card class="box-card !border-none" shadow="never">
+            <div class="flex items-center mt-[15px]">
+                <span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('urserName') }}</span>
+                <span class="text-[14px] text-[#666666]">
+                    {{ formData.username || t('notAvailable') }}
+                </span>
+            </div>
+            <div class="flex items-center mt-[15px]">
+                <span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('nickname') }}</span>
+                <span class="text-[14px] text-[#666666]">
+                    {{ formData.nickname || t('notAvailable') }}
+                </span>
+            </div>
 
-			<div class="flex items-center mt-[15px]">
-				<span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('mobile') }}</span>
-				<span class="text-[14px] text-[#666666]">
-					{{ formData.mobile || t('notAvailable') }}
-				</span>
-			</div>
+            <div class="flex items-center mt-[15px]">
+                <span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('mobile') }}</span>
+                <span class="text-[14px] text-[#666666]">
+                    {{ formData.mobile || t('notAvailable') }}
+                </span>
+            </div>
             <div class="flex items-center mt-[15px]">
                 <span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('memberLevel') }}</span>
                 <span class="text-[14px] text-[#666666]">
-					{{ formData.member_level_name || t('notAvailable') }}<el-icon @click="editMemberInfo('member_level')" class="-bottom-[2px] -right-[4px] cursor-pointer">
-						<EditPen color="#273CE2" />
-					</el-icon>
-				</span>
+                    {{ formData.member_level_name || t('notAvailable') }}<el-icon @click="editMemberInfo('member_level')" class="-bottom-[2px] -right-[4px] cursor-pointer">
+                        <EditPen color="#273CE2" />
+                    </el-icon>
+                </span>
             </div>
-			<div class="flex items-center mt-[15px]">
-				<span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('memberLabel') }}</span>
-				<span class="text-[14px] text-[#666666]">
-					{{ formData.member_label_name.toString() || t('notAvailable') }}<el-icon @click="editMemberInfo('member_label')" class="-bottom-[2px] -right-[4px] cursor-pointer">
-						<EditPen color="#273CE2" />
-					</el-icon>
-				</span>
-			</div>
-			<div class="flex items-center mt-[15px]">
-				<span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('birthday') }}</span>
-				<span class="text-[14px] text-[#666666]">
-					{{ formData.birthday || t('notAvailable') }}<el-icon @click="editMemberInfo('birthday')" class="-bottom-[2px] -right-[4px] cursor-pointer">
-						<EditPen color="#273CE2" />
-					</el-icon>
-				</span>
-			</div>
-			<div class="flex items-center mt-[15px]">
-				<span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('sex') }}</span>
-				<span class="text-[14px] text-[#666666]">
-					{{ formData.sex == 1 && t('manSex') || formData.sex == 2 && t('girlSex') || t('secrecySex') }}<el-icon @click="editMemberInfo('sex')" class="-bottom-[2px] -right-[4px] cursor-pointer">
-						<EditPen color="#273CE2" />
-					</el-icon>
-				</span>
-			</div>
-			<div class="flex items-center mt-[15px]">
-				<span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('wxUnionid') }}</span>
-				<span class="text-[14px] text-[#666666]">
-					{{ formData.wx_unionid || t('notAvailable') }}
-				</span>
-			</div>
-			<div class="flex items-center mt-[15px]">
-				<span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('weappOpenid') }}</span>
-				<span class="text-[14px] text-[#666666]">
-					{{ formData.weapp_openid || t('notAvailable') }}
-				</span>
-			</div>
-			<div class="flex items-center mt-[15px]">
-				<span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('wxOpenid') }}</span>
-				<span class="text-[14px] text-[#666666]">
-					{{ formData.wx_openid || t('notAvailable') }}
-				</span>
-			</div>
-			<div class="flex items-center mt-[15px]">
-				<span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('registeredSource') }}</span>
-				<span class="text-[14px] text-[#666666]">
-					{{ formData.register_channel_name || t('notAvailable') }}
-				</span>
-			</div>
-			<div class="flex items-center mt-[15px]">
-				<span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('createTime') }}</span>
-				<span class="text-[14px] text-[#666666]">
-					{{ formData.create_time || t('notAvailable') }}
-				</span>
-			</div>
-			<div class="flex items-center mt-[15px]">
-				<span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('lastVisitTime') }}</span>
-				<span class="text-[14px] text-[#666666]">
-					{{ formData.last_visit_time || t('notAvailable') }}
-				</span>
-			</div>
-		</el-card>
+            <div class="flex items-center mt-[15px]">
+                <span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('memberLabel') }}</span>
+                <span class="text-[14px] text-[#666666]">
+                    {{ formData.member_label_name.toString() || t('notAvailable') }}<el-icon @click="editMemberInfo('member_label')" class="-bottom-[2px] -right-[4px] cursor-pointer">
+                        <EditPen color="#273CE2" />
+                    </el-icon>
+                </span>
+            </div>
+            <div class="flex items-center mt-[15px]">
+                <span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('birthday') }}</span>
+                <span class="text-[14px] text-[#666666]">
+                    {{ formData.birthday || t('notAvailable') }}<el-icon @click="editMemberInfo('birthday')" class="-bottom-[2px] -right-[4px] cursor-pointer">
+                        <EditPen color="#273CE2" />
+                    </el-icon>
+                </span>
+            </div>
+            <div class="flex items-center mt-[15px]">
+                <span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('sex') }}</span>
+                <span class="text-[14px] text-[#666666]">
+                    {{ formData.sex == 1 && t('manSex') || formData.sex == 2 && t('girlSex') || t('secrecySex') }}<el-icon @click="editMemberInfo('sex')" class="-bottom-[2px] -right-[4px] cursor-pointer">
+                        <EditPen color="#273CE2" />
+                    </el-icon>
+                </span>
+            </div>
+            <div class="flex items-center mt-[15px]">
+                <span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('wxUnionid') }}</span>
+                <span class="text-[14px] text-[#666666]">
+                    {{ formData.wx_unionid || t('notAvailable') }}
+                </span>
+            </div>
+            <div class="flex items-center mt-[15px]">
+                <span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('weappOpenid') }}</span>
+                <span class="text-[14px] text-[#666666]">
+                    {{ formData.weapp_openid || t('notAvailable') }}
+                </span>
+            </div>
+            <div class="flex items-center mt-[15px]">
+                <span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('wxOpenid') }}</span>
+                <span class="text-[14px] text-[#666666]">
+                    {{ formData.wx_openid || t('notAvailable') }}
+                </span>
+            </div>
+            <div class="flex items-center mt-[15px]">
+                <span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('registeredSource') }}</span>
+                <span class="text-[14px] text-[#666666]">
+                    {{ formData.register_channel_name || t('notAvailable') }}
+                </span>
+            </div>
+            <div class="flex items-center mt-[15px]">
+                <span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('createTime') }}</span>
+                <span class="text-[14px] text-[#666666]">
+                    {{ formData.create_time || t('notAvailable') }}
+                </span>
+            </div>
+            <div class="flex items-center mt-[15px]">
+                <span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('lastVisitTime') }}</span>
+                <span class="text-[14px] text-[#666666]">
+                    {{ formData.last_visit_time || t('notAvailable') }}
+                </span>
+            </div>
+        </el-card>
 
-		<point-edit ref="pointDialog" @complete="getMemberInfoFn" />
-		<balance-edit ref="balanceDialog" @complete="getMemberInfoFn" />
-		<edit-member ref="editMemberDialog" @complete="getMemberInfoFn()" />
-	</div>
+        <point-edit ref="pointDialog" @complete="getMemberInfoFn" />
+        <balance-edit ref="balanceDialog" @complete="getMemberInfoFn" />
+        <edit-member ref="editMemberDialog" @complete="getMemberInfoFn()" />
+    </div>
 </template>
 
 <script lang="ts" setup>
@@ -272,6 +270,7 @@ import { reactive, ref } from 'vue'
 import { t } from '@/lang'
 import { getMemberInfo } from '@/app/api/member'
 import { ElMessage } from 'element-plus'
+import { ArrowLeft } from '@element-plus/icons-vue'
 import { useRouter, useRoute } from 'vue-router'
 import { img } from '@/utils/common'
 import PointEdit from '@/app/views/member/components/member-point-edit.vue'
@@ -281,8 +280,8 @@ import useAppStore from '@/stores/modules/app'
 
 const route = useRoute()
 const pageName = route.meta.title
-const appStore = useAppStore()
 
+const appStore = useAppStore()
 const loading = ref(true)
 
 // 获取会员信息
@@ -385,19 +384,23 @@ const infoCommission = () => {
 }
 
 const back = () => {
-    router.go(-1)
-}
+    if (window.history.length > 1){
+        router.go(-1)
+    }else{
+        router.push(`/member/member`)
+    }
+        }
 </script>
 
 <style lang="scss" scoped>
-.member-info {
-	left: 0px
-}
+    .member-info {
+        left: 0px
+    }
 
-.member-info-item {
-	overflow: hidden;
-	white-space: nowrap;
-	text-overflow: ellipsis;
-	-o-text-overflow: ellipsis;
-}
+    .member-info-item {
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        -o-text-overflow: ellipsis;
+    }
 </style>
diff --git a/admin/src/app/views/member/point.vue b/admin/src/app/views/member/point.vue
index 7d4cfd071..da3fd11f0 100644
--- a/admin/src/app/views/member/point.vue
+++ b/admin/src/app/views/member/point.vue
@@ -1,10 +1,13 @@
 <template>
+    <!--积分明细-->
     <div class="main-container">
         <el-card class="box-card !border-none" shadow="never">
-            <div class="flex justify-between items-center mb-[5px]">
+
+            <div class="flex justify-between items-center">
                 <span class="text-page-title">{{ pageName }}</span>
             </div>
-            <el-card class="box-card !border-none base-bg !px-[35px]" shadow="never">
+
+            <el-card class="box-card !border-none !px-[35px]" shadow="never">
                 <el-row class="flex">
                     <el-col :span="12" class="min-w-[100px]">
                         <div class="statistic-card">
@@ -26,9 +29,9 @@
                             </div>
                         </div>
                     </el-col>
-
                 </el-row>
             </el-card>
+
             <el-card class="box-card !border-none mb-[10px] table-search-wrap" shadow="never">
                 <el-form :inline="true" :model="memberAccountLogTableData.searchParam" ref="searchFormRef">
                     <el-form-item :label="t('memberInfo')" prop="keywords">
@@ -108,7 +111,9 @@
                 </div>
             </div>
         </el-card>
+
         <point-info ref="pointDialog" @complete="loadMemberAccountLogList" />
+
     </div>
 </template>
 
@@ -122,9 +127,10 @@ import pointInfo from '@/app/views/member/components/member-point-info.vue'
 import { useRouter, useRoute } from 'vue-router'
 
 const route = useRoute()
-const member_id: number = parseInt(route.query.id || 0)
 const pageName = route.meta.title
 
+const member_id: number = parseInt(route.query.id || 0)
+
 const memberAccountLogTableData = reactive({
     page: 1,
     limit: 10,
diff --git a/admin/src/app/views/poster/edit.vue b/admin/src/app/views/poster/edit.vue
index a6f53799a..b62469bd0 100644
--- a/admin/src/app/views/poster/edit.vue
+++ b/admin/src/app/views/poster/edit.vue
@@ -35,7 +35,7 @@
                             <ul class="flex flex-row flex-wrap">
                                 <li v-for="(compItem, compKey) in item.list" :key="compKey" class="w-2/6 text-center cursor-pointer h-[65px]" :title="compItem.title" @click="posterStore.addComponent(compKey, compItem)">
                                     <icon v-if="compItem.icon" :name="compItem.icon" size="20px" class="inline-block mt-[3px]" />
-                                    <icon v-else name="iconfont-iconkaifazujian" size="20px" class="inline-block mt-[3px]" />
+                                    <icon v-else name="iconfont iconkaifazujian" size="20px" class="inline-block mt-[3px]" />
                                     <span class="block text-[12px] truncate">{{ compItem.title }}</span>
                                 </li>
                             </ul>
@@ -58,19 +58,19 @@
                         <div class="preview-block relative">
                             <ul class="quick-action absolute text-center -right-[70px] top-[20px] w-[42px] rounded shadow-md">
                                 <el-tooltip effect="light" :content="t('moveUpComponentZIndex')" placement="right">
-                                    <icon name="iconfont-iconjiantoushang" size="20px" class="block cursor-pointer leading-[40px]" @click="posterStore.moveUpComponent" />
+                                    <icon name="iconfont iconjiantoushang" size="20px" class="block cursor-pointer leading-[40px]" @click="posterStore.moveUpComponent" />
                                 </el-tooltip>
                                 <el-tooltip effect="light" :content="t('moveDownComponentZIndex')" placement="right">
-                                    <icon name="iconfont-iconjiantouxia" size="20px" class="block cursor-pointer leading-[40px]" @click="posterStore.moveDownComponent" />
+                                    <icon name="iconfont iconjiantouxia" size="20px" class="block cursor-pointer leading-[40px]" @click="posterStore.moveDownComponent" />
                                 </el-tooltip>
                                 <el-tooltip effect="light" :content="t('copyComponent')" placement="right">
-                                    <icon name="iconfont-iconcopy-line" size="20px" class="block cursor-pointer leading-[40px]" @click="posterStore.copyComponent" />
+                                    <icon name="iconfont iconcopy-line" size="20px" class="block cursor-pointer leading-[40px]" @click="posterStore.copyComponent" />
                                 </el-tooltip>
                                 <el-tooltip effect="light" :content="t('delComponent')" placement="right">
-                                    <icon name="iconfont-icondelete-line" size="20px" class="block cursor-pointer leading-[40px]" @click="posterStore.delComponent" />
+                                    <icon name="iconfont icondelete-line" size="20px" class="block cursor-pointer leading-[40px]" @click="posterStore.delComponent" />
                                 </el-tooltip>
                                 <el-tooltip effect="light" :content="t('resetComponent')" placement="right">
-                                    <icon name="iconfont-iconloader-line" size="20px" class="block cursor-pointer leading-[40px]" @click="posterStore.resetComponent" />
+                                    <icon name="iconfont iconloader-line" size="20px" class="block cursor-pointer leading-[40px]" @click="posterStore.resetComponent" />
                                 </el-tooltip>
                             </ul>
 
diff --git a/admin/src/app/views/poster/list.vue b/admin/src/app/views/poster/list.vue
index d691c9ae0..043ffe62d 100644
--- a/admin/src/app/views/poster/list.vue
+++ b/admin/src/app/views/poster/list.vue
@@ -1,6 +1,7 @@
 <template>
     <div class="main-container">
         <el-card class="box-card !border-none" shadow="never">
+
             <div class="flex justify-between items-center">
                 <span class="text-page-title">{{ pageName }}</span>
                 <el-button type="primary" class="w-[100px]" @click="dialogVisible = true">{{ t('添加海报') }}</el-button>
@@ -108,6 +109,7 @@ import { img } from '@/utils/common'
 const router = useRouter()
 const route = useRoute()
 const pageName = route.meta.title
+
 const posterType: any = reactive({}) // 自定义海报类型
 
 // 添加自定义海报
@@ -282,5 +284,4 @@ const resetForm = (formEl: FormInstance | undefined) => {
 
 </script>
 
-<style lang="scss" scoped>
-</style>
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/setting/adminlogin.vue b/admin/src/app/views/setting/adminlogin.vue
index 0584916e5..cde884504 100644
--- a/admin/src/app/views/setting/adminlogin.vue
+++ b/admin/src/app/views/setting/adminlogin.vue
@@ -1,39 +1,32 @@
 <template>
     <div class="main-container">
-        <div class="flex ml-[18px] justify-between items-center mt-[20px]">
-			<span class="text-page-title">{{pageName}}</span>
-		</div>
 
-        <el-form :model="formData" label-width="150px" ref="ruleFormRef" class="page-form" v-loading="loading">
+        <el-form class="page-form" :model="formData" label-width="150px" ref="ruleFormRef" v-loading="loading">
             <el-card class="box-card !border-none" shadow="never">
-
                 <h3 class="panel-title !text-sm">{{ t('admin') }}</h3>
 
                 <el-form-item :label="t('isCaptcha')" prop="formData.is_auth_register">
                     <el-switch v-model="formData.is_captcha"/>
                 </el-form-item>
-
                 <el-form-item :label="t('bgImg')">
                     <upload-image v-model="formData.bg" />
                     <div class="form-tip">{{t('adminBgImgTip')}}</div>
                 </el-form-item>
-
             </el-card>
 
-            <el-card class="box-card !border-none mt-4" shadow="never">
+            <el-card class="box-card mt-[15px] !border-none" shadow="never">
                 <h3 class="panel-title !text-sm">{{ t('site') }}</h3>
 
                 <el-form-item :label="t('isCaptcha')" prop="formData.is_auth_register">
                     <el-switch v-model="formData.is_site_captcha"/>
                 </el-form-item>
-
                 <el-form-item :label="t('bgImg')">
                     <upload-image v-model="formData.site_bg" />
                     <div class="form-tip">{{t('siteBgImgTip')}}</div>
                 </el-form-item>
-
             </el-card>
         </el-form>
+
         <div class="fixed-footer-wrap">
             <div class="fixed-footer">
                 <el-button type="primary" @click="onSave(ruleFormRef)">{{ t('save') }}</el-button>
@@ -90,9 +83,4 @@ const onSave = async (formEl: FormInstance | undefined) => {
 }
 </script>
 
-<style lang="scss" scoped>
-.el-form .form-tip{
-    line-height: 1.5;
-    margin-top: 5px;
-}
-</style>
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/setting/agreement.vue b/admin/src/app/views/setting/agreement.vue
index 82815f0b1..e8ba09f4c 100644
--- a/admin/src/app/views/setting/agreement.vue
+++ b/admin/src/app/views/setting/agreement.vue
@@ -1,9 +1,11 @@
 <template>
     <div class="main-container">
         <el-card class="box-card !border-none" shadow="never">
+
            <div class="flex justify-between items-center">
-                <span class="text-page-title">{{pageName}}</span>
+                <span class="text-page-title">{{ pageName }}</span>
             </div>
+
             <div class="mt-[20px]">
                 <el-table :data="agreementTableData.data" size="large" v-loading="agreementTableData.loading">
 
diff --git a/admin/src/app/views/setting/agreement_edit.vue b/admin/src/app/views/setting/agreement_edit.vue
index 68fc85c26..733d74ab5 100644
--- a/admin/src/app/views/setting/agreement_edit.vue
+++ b/admin/src/app/views/setting/agreement_edit.vue
@@ -1,14 +1,11 @@
 <template>
     <div class="main-container">
-        <div class="detail-head">
-            <div class="left" @click="router.push({ path: '/setting/agreement' })">
-                <span class="iconfont iconxiangzuojiantou !text-xs"></span>
-                <span class="ml-[1px]">{{t('returnToPreviousPage')}}</span>
-            </div>
-            <span class="adorn">|</span>
-            <span class="right">{{ pageName }}</span>
-        </div>
-        <el-card class="box-card !border-none" shadow="never" v-loading="loading">
+
+        <el-card class="card !border-none" shadow="never">
+            <el-page-header :content="pageName" :icon="ArrowLeft" @back="$router.back()" />
+        </el-card>
+
+        <el-card class="box-card mt-[15px] !border-none" shadow="never" v-loading="loading">
             <el-form :model="formData" label-width="90px" ref="formRef" :rules="formRules" class="page-form">
                 <el-form-item :label="t('type')">
                     <el-input v-model.trim="formData.agreement_key_name" readonly class="input-width" />
@@ -21,6 +18,7 @@
                 </el-form-item>
             </el-form>
         </el-card>
+
         <div class="fixed-footer-wrap">
             <div class="fixed-footer">
                 <el-button type="primary" @click="onSave(formRef)">{{ t('save') }}</el-button>
@@ -34,12 +32,11 @@
 import { ref, reactive, computed } from 'vue'
 import { t } from '@/lang'
 import type { FormInstance } from 'element-plus'
+import { ArrowLeft } from '@element-plus/icons-vue'
 import { getAgreementInfo, editAgreement } from '@/app/api/sys'
 import { useRoute, useRouter } from 'vue-router'
 import useTabbarStore from '@/stores/modules/tabbar'
-// import useAppStore from '@/stores/modules/app'
 
-// const appStore = useAppStore()
 const route = useRoute()
 const router = useRouter()
 const agreement_key: string = route.query.key || ''
diff --git a/admin/src/app/views/setting/cash_out.vue b/admin/src/app/views/setting/cash_out.vue
index 8f38cc636..40011e60b 100644
--- a/admin/src/app/views/setting/cash_out.vue
+++ b/admin/src/app/views/setting/cash_out.vue
@@ -1,44 +1,51 @@
 <template>
-    <div class="main-container bg-[#fff] rounded-[4px]">
-        <div class="flex ml-[18px] justify-between items-center pt-[20px]">
-			<span class="text-page-title">{{pageName}}</span>
-		</div>
-        <el-form :model="formData" label-width="150px" ref="ruleFormRef" :rules="rules" class="page-form" v-loading="loading">
-            <el-card class="box-card !border-none" shadow="never">
+    <!--提现设置-->
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
 
-                <el-form-item :label="t('isOpen')">
-                    <el-switch v-model="formData.is_open" />
-                </el-form-item>
+            <div class="flex justify-between items-center">
+                <span class="text-page-title">{{ pageName }}</span>
+            </div>
 
-                <el-form-item :label="t('cashWithdrawalAmount')" v-if="formData.is_open" prop="min">
-                    <el-input v-model="formData.min" @keyup="filterDigit($event)" class="input-width" :placeholder="t('cashWithdrawalAmountPlaceholder')" />
-                </el-form-item>
+            <el-form class="page-form mt-[20px]" :model="formData" label-width="150px" ref="ruleFormRef" :rules="rules" v-loading="loading">
+                <el-card class="box-card !border-none" shadow="never">
 
-                <el-form-item :label="t('commissionRatio')" v-if="formData.is_open" prop="rate">
-                    <el-input v-model="formData.rate" @keyup="filterDigit($event)" class="input-width" :placeholder="t('commissionRatioPlaceholder')" />
-                    <span class="ml-2">%</span>
-                </el-form-item>
-                <el-form-item :label="t('audit')" v-if="formData.is_open"  class="items-center">
-                    <el-radio-group v-model="formData.is_auto_verify">
-                        <el-radio label="0" size="large">{{t('manualAudit')}}</el-radio>
-                        <el-radio label="1" size="large">{{t('automaticAudit')}}</el-radio>
-                    </el-radio-group>
-                </el-form-item>
+                    <el-form-item :label="t('isOpen')">
+                        <el-switch v-model="formData.is_open" />
+                    </el-form-item>
 
-                <el-form-item :label="t('transfer')" v-if="formData.is_open" class="items-center">
-                    <el-radio-group v-model="formData.is_auto_transfer">
-                        <el-radio label="0" size="large">{{t('manualTransfer')}}</el-radio>
-                        <el-radio label="1" size="large">{{t('automatedTransit')}}</el-radio>
-                    </el-radio-group>
-                </el-form-item>
+                    <el-form-item :label="t('cashWithdrawalAmount')" v-if="formData.is_open" prop="min">
+                        <el-input v-model="formData.min" @keyup="filterDigit($event)" class="input-width" :placeholder="t('cashWithdrawalAmountPlaceholder')" />
+                    </el-form-item>
+
+                    <el-form-item :label="t('commissionRatio')" v-if="formData.is_open" prop="rate">
+                        <el-input v-model="formData.rate" @keyup="filterDigit($event)" class="input-width" :placeholder="t('commissionRatioPlaceholder')" />
+                        <span class="ml-2">%</span>
+                    </el-form-item>
+
+                    <el-form-item :label="t('audit')" v-if="formData.is_open"  class="items-center">
+                        <el-radio-group v-model="formData.is_auto_verify">
+                            <el-radio label="0" size="large">{{t('manualAudit')}}</el-radio>
+                            <el-radio label="1" size="large">{{t('automaticAudit')}}</el-radio>
+                        </el-radio-group>
+                    </el-form-item>
+
+                    <el-form-item :label="t('transfer')" v-if="formData.is_open" class="items-center">
+                        <el-radio-group v-model="formData.is_auto_transfer">
+                            <el-radio label="0" size="large">{{t('manualTransfer')}}</el-radio>
+                            <el-radio label="1" size="large">{{t('automatedTransit')}}</el-radio>
+                        </el-radio-group>
+                    </el-form-item>
+
+                    <el-form-item :label="t('transferMode')" v-if="formData.is_open" class="items-center">
+                        <el-checkbox-group v-model="formData.transfer_type" size="large">
+                            <el-checkbox :label="item.key"  v-for="(item,index) in Transfertype" :key="'a'+index">{{item.name}}</el-checkbox>
+                        </el-checkbox-group>
+                    </el-form-item>
+                </el-card>
+            </el-form>
+        </el-card>
 
-                <el-form-item :label="t('transferMode')" v-if="formData.is_open" class="items-center">
-                    <el-checkbox-group v-model="formData.transfer_type" size="large">
-                        <el-checkbox :label="item.key"  v-for="(item,index) in Transfertype" :key="'a'+index">{{item.name}}</el-checkbox>
-                    </el-checkbox-group>
-                </el-form-item>
-            </el-card>
-        </el-form>
         <div class="fixed-footer-wrap">
             <div class="fixed-footer">
                 <el-button type="primary" @click="onSave(ruleFormRef)">{{ t('save') }}</el-button>
diff --git a/admin/src/app/views/setting/components/notice-records-info.vue b/admin/src/app/views/setting/components/notice-records-info.vue
index 63b0fd01d..ee579cacd 100644
--- a/admin/src/app/views/setting/components/notice-records-info.vue
+++ b/admin/src/app/views/setting/components/notice-records-info.vue
@@ -69,8 +69,6 @@ const formRules = computed(() => {
     }
 })
 
-// const emit = defineEmits(['complete'])
-
 const setFormData = async (row: any = null) => {
     loading.value = true
     Object.assign(formData, initialFormData)
diff --git a/admin/src/app/views/setting/components/pay-alipay.vue b/admin/src/app/views/setting/components/pay-alipay.vue
index ee130a8a7..fae7ac745 100644
--- a/admin/src/app/views/setting/components/pay-alipay.vue
+++ b/admin/src/app/views/setting/components/pay-alipay.vue
@@ -43,8 +43,7 @@
 import { ref, reactive, computed } from 'vue'
 import { t } from '@/lang'
 import type { FormInstance } from 'element-plus'
-// import { setPatConfig } from '@/app/api/sys'
-// import { number } from 'echarts'
+import Test from '@/utils/test'
 
 const showDialog = ref(false)
 const loading = ref(true)
@@ -119,9 +118,16 @@ const setFormData = async (data: any = null) => {
     loading.value = false
 }
 
+const enableVerify = () => {
+    let verify = true
+    if (Test.empty(formData.config.app_id) || Test.empty(formData.config.app_secret_cert) || Test.empty(formData.config.app_public_cert_path) || Test.empty(formData.config.alipay_public_cert_path) || Test.empty(formData.config.alipay_root_cert_path)) verify = false
+    return verify
+}
+
 defineExpose({
     showDialog,
-    setFormData
+    setFormData,
+    enableVerify
 })
 </script>
 
diff --git a/admin/src/app/views/setting/components/pay-offlinepay.vue b/admin/src/app/views/setting/components/pay-offlinepay.vue
index a45c41941..9524a0eaa 100644
--- a/admin/src/app/views/setting/components/pay-offlinepay.vue
+++ b/admin/src/app/views/setting/components/pay-offlinepay.vue
@@ -1,26 +1,21 @@
 <template>
     <el-dialog v-model="showDialog" :title="t('updateOfflinepay')" width="550px" :destroy-on-close="true">
-        <el-form :model="formData" label-width="110px" ref="formRef" :rules="formRules" class="page-form"
-            v-loading="loading">
+        <el-form :model="formData" label-width="110px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
 
             <el-form-item :label="t('collectionName')" prop="config.collection_name">
-                <el-input v-model="formData.config.collection_name" :placeholder="t('collectionNamePlaceholder')"
-                    class="input-width" show-word-limit clearable />
+                <el-input v-model="formData.config.collection_name" :placeholder="t('collectionNamePlaceholder')" class="input-width" show-word-limit clearable />
             </el-form-item>
 
             <el-form-item :label="t('collectionBank')" prop="config.collection_bank">
-                <el-input v-model="formData.config.collection_bank" :placeholder="t('collectionBankPlaceholder')"
-                    class="input-width" clearable />
+                <el-input v-model="formData.config.collection_bank" :placeholder="t('collectionBankPlaceholder')" class="input-width" clearable />
             </el-form-item>
 
             <el-form-item :label="t('collectionAccount')" prop="config.collection_account">
-                <el-input v-model="formData.config.collection_account" :placeholder="t('collectionAccountPlaceholder')"
-                    class="input-width" clearable />
+                <el-input v-model="formData.config.collection_account" :placeholder="t('collectionAccountPlaceholder')" class="input-width" clearable />
             </el-form-item>
 
             <el-form-item :label="t('collectionDesc')" prop="config.collection_desc">
-                <el-input v-model="formData.config.collection_desc" :placeholder="t('collectionDescPlaceholder')"
-                    class="input-width" type="textarea" rows="4" clearable />
+                <el-input v-model="formData.config.collection_desc" :placeholder="t('collectionDescPlaceholder')" class="input-width" type="textarea" rows="4" clearable />
             </el-form-item>
         </el-form>
 
diff --git a/admin/src/app/views/setting/components/pay-wechatpay.vue b/admin/src/app/views/setting/components/pay-wechatpay.vue
index 9af8e8558..3dc0e577f 100644
--- a/admin/src/app/views/setting/components/pay-wechatpay.vue
+++ b/admin/src/app/views/setting/components/pay-wechatpay.vue
@@ -1,17 +1,14 @@
 <template>
     <el-dialog v-model="showDialog" :title="t('updateWechat')" width="500px" :destroy-on-close="true">
-        <el-form :model="formData" label-width="90px" ref="formRef" :rules="formRules" class="page-form"
-            v-loading="loading">
+        <el-form :model="formData" label-width="90px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
 
             <el-form-item :label="t('mchId')" prop="config.mch_id">
-                <el-input v-model.trim="formData.config.mch_id" :placeholder="t('mchIdPlaceholder')" class="input-width"
-                    maxlength="32" show-word-limit clearable />
+                <el-input v-model.trim="formData.config.mch_id" :placeholder="t('mchIdPlaceholder')" class="input-width" maxlength="32" show-word-limit clearable />
                 <div class="form-tip">{{ t('mchIdTips') }}</div>
             </el-form-item>
 
             <el-form-item :label="t('mchSecretKey')" prop="config.mch_secret_key">
-                <el-input v-model.trim="formData.config.mch_secret_key" :placeholder="t('mchSecretKeyPlaceholder')"
-                    class="input-width" maxlength="32" show-word-limit clearable />
+                <el-input v-model.trim="formData.config.mch_secret_key" :placeholder="t('mchSecretKeyPlaceholder')" class="input-width" maxlength="32" show-word-limit clearable />
                 <div class="form-tip">{{ t('mchSecretKeyTips') }}</div>
             </el-form-item>
 
@@ -44,7 +41,7 @@
 import { ref, reactive, computed } from 'vue'
 import { t } from '@/lang'
 import type { FormInstance } from 'element-plus'
-// import { setPatConfig } from '@/app/api/sys'
+import Test from '@/utils/test'
 
 const showDialog = ref(false)
 const loading = ref(true)
@@ -115,9 +112,16 @@ const setFormData = async (data: any = null) => {
     loading.value = false
 }
 
+const enableVerify = () => {
+    let verify = true
+    if (Test.empty(formData.config.mch_id) || Test.empty(formData.config.mch_secret_key) || Test.empty(formData.config.mch_secret_cert) || Test.empty(formData.config.mch_public_cert_path)) verify = false
+    return verify
+}
+
 defineExpose({
     showDialog,
-    setFormData
+    setFormData,
+    enableVerify
 })
 </script>
 
diff --git a/admin/src/app/views/setting/components/storage-qiniu.vue b/admin/src/app/views/setting/components/storage-qiniu.vue
index 6a169d8a7..20c538ee0 100644
--- a/admin/src/app/views/setting/components/storage-qiniu.vue
+++ b/admin/src/app/views/setting/components/storage-qiniu.vue
@@ -78,7 +78,6 @@ const formRules = computed(() => {
         domain: [
             { required: true, message: t('domainPlaceholder'), trigger: 'blur' }
         ]
-
     }
 })
 
diff --git a/admin/src/app/views/setting/copyright.vue b/admin/src/app/views/setting/copyright.vue
index 6189bc6e2..11895fe72 100644
--- a/admin/src/app/views/setting/copyright.vue
+++ b/admin/src/app/views/setting/copyright.vue
@@ -1,52 +1,42 @@
 <template>
     <div class="main-container">
-        <el-card class="box-card !border-none" shadow="never">
-            <div class="flex justify-between items-center">
-                <span class="text-page-title">{{pageName}}</span>
-            </div>
-            <el-form :model="formData" label-width="150px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
-                <el-card class="box-card !border-none" shadow="never">
-                    <h3 class="panel-title !text-sm">{{ t('copyrightEdit') }}</h3>
-                    <el-form-item :label="t('logo')">
-                        <upload-image v-model="formData.logo" />
-                    </el-form-item>
 
-                    <el-form-item :label="t('companyName')" prop="company_name">
-                        <el-input v-model="formData.company_name" :placeholder="t('companyNamePlaceholder')" class="input-width" clearable maxlength="30"/>
-                    </el-form-item>
+        <el-form class="page-form" :model="formData" label-width="150px" ref="formRef" :rules="formRules" v-loading="loading">
+            <el-card class="box-card !border-none" shadow="never">
+                <h3 class="panel-title !text-sm">{{ t('copyrightEdit') }}</h3>
 
-                    <el-form-item :label="t('copyrightLink')" >
-                        <el-input v-model="formData.copyright_link" :placeholder="t('copyrightLinkPlaceholder')" class="input-width" clearable />
-                    </el-form-item>
+                <el-form-item :label="t('logo')">
+                    <upload-image v-model="formData.logo" />
+                </el-form-item>
+                <el-form-item :label="t('companyName')" prop="company_name">
+                    <el-input v-model="formData.company_name" :placeholder="t('companyNamePlaceholder')" class="input-width" clearable maxlength="30"/>
+                </el-form-item>
+                <el-form-item :label="t('copyrightLink')" >
+                    <el-input v-model="formData.copyright_link" :placeholder="t('copyrightLinkPlaceholder')" class="input-width" clearable />
+                </el-form-item>
+                <el-form-item :label="t('copyrightDesc')" >
+                    <el-input v-model="formData.copyright_desc" type="textarea" rows="4" clearable :placeholder="t('copyrightDescPlaceholder')" class="input-width" maxlength="150" />
+                </el-form-item>
+            </el-card>
 
-                    <el-form-item :label="t('copyrightDesc')" >
-                        <el-input v-model="formData.copyright_desc" type="textarea" rows="4" clearable :placeholder="t('copyrightDescPlaceholder')" class="input-width" maxlength="150" />
-                    </el-form-item>
+            <el-card class="box-card mt-[15px] !border-none" shadow="never">
+                <h3 class="panel-title !text-sm">{{ t('putOnRecordEdit') }}</h3>
 
-                </el-card>
+                <el-form-item :label="t('icp')" prop="icp">
+                    <el-input v-model="formData.icp" :placeholder="t('icpPlaceholder')" class="input-width" clearable maxlength="20"/>
+                </el-form-item>
+                <el-form-item :label="t('govRecord')" >
+                    <el-input v-model="formData.gov_record" :placeholder="t('govRecordPlaceholder')" class="input-width" clearable maxlength="50"/>
+                </el-form-item>
+                <el-form-item :label="t('govUrl')" >
+                    <el-input v-model="formData.gov_url" :placeholder="t('govUrlPlaceholder')" class="input-width" clearable />
+                </el-form-item>
+                <el-form-item :label="t('marketSupervisionUrl')" >
+                    <el-input v-model="formData.market_supervision_url" rows="4" clearable :placeholder="t('marketSupervisionUrlPlaceholder')" class="input-width" />
+                </el-form-item>
+            </el-card>
+        </el-form>
 
-                <el-card class="box-card !border-none mt-[16px]" shadow="never">
-                    <h3 class="panel-title !text-sm">{{ t('putOnRecordEdit') }}</h3>
-
-                    <el-form-item :label="t('icp')" prop="icp">
-                        <el-input v-model="formData.icp" :placeholder="t('icpPlaceholder')" class="input-width" clearable maxlength="20"/>
-                    </el-form-item>
-
-                    <el-form-item :label="t('govRecord')" >
-                        <el-input v-model="formData.gov_record" :placeholder="t('govRecordPlaceholder')" class="input-width" clearable maxlength="50"/>
-                    </el-form-item>
-
-                    <el-form-item :label="t('govUrl')" >
-                        <el-input v-model="formData.gov_url" :placeholder="t('govUrlPlaceholder')" class="input-width" clearable />
-                    </el-form-item>
-
-                    <el-form-item :label="t('marketSupervisionUrl')" >
-                        <el-input v-model="formData.market_supervision_url" rows="4" clearable :placeholder="t('marketSupervisionUrlPlaceholder')" class="input-width" />
-                    </el-form-item>
-
-                </el-card>
-            </el-form>
-        </el-card>
         <div class="fixed-footer-wrap">
             <div class="fixed-footer">
                 <el-button type="primary" :loading="loading" @click="save(formRef)">{{ t('save') }}</el-button>
diff --git a/admin/src/app/views/setting/cron.vue b/admin/src/app/views/setting/cron.vue
deleted file mode 100644
index 380b3e294..000000000
--- a/admin/src/app/views/setting/cron.vue
+++ /dev/null
@@ -1,135 +0,0 @@
-<template>
-    <div class="main-container">
-        <el-card class="box-card !border-none" shadow="never">
-
-            <el-card class="box-card !border-none my-[16px] table-search-wrap" shadow="never">
-                <el-form :inline="true" :model="cronTableData.searchParam" ref="searchFormRef">
-                    <el-form-item :label="t('title')" prop="title">
-                        <el-input v-model="cronTableData.searchParam.title" :placeholder="t('titlePlaceholder')" />
-                    </el-form-item>
-                    <el-form-item :label="t('lastTime')" prop="last_time">
-                        <el-date-picker
-                            v-model="cronTableData.searchParam.last_time"
-                            type="datetimerange"
-                            value-format="YYYY-MM-DD HH:mm:ss"
-                            :start-placeholder="t('startDate')"
-                            :end-placeholder="t('endDate')"
-                        />
-                    </el-form-item>
-                    <el-form-item>
-                        <el-button type="primary" @click="loadCronList()">{{ t('search') }}</el-button>
-                        <el-button @click="searchFormRef?.resetFields()">{{ t('reset') }}</el-button>
-                    </el-form-item>
-                </el-form>
-            </el-card>
-
-            <div class="mt-[16px]">
-                <el-table :data="cronTableData.data" size="large" v-loading="cronTableData.loading">
-
-                    <template #empty>
-                        <span>{{ !cronTableData.loading ? t('emptyData') : '' }}</span>
-                    </template>
-
-                    <el-table-column prop="title" :show-overflow-tooltip="true" :label="t('title')" min-width="150" />
-                    <el-table-column prop="type_name" :label="t('typeName')" min-width="120" />
-
-                    <el-table-column :label="t('crondType')" min-width="180" align="center">
-                        <template #default="{ row }">
-                            <span v-if="row.type == 'crond'">{{ row.crond_length }}{{ row.crond_type_name }}</span>
-                            <span v-else>{{ t('cron') }}</span>
-                        </template>
-                    </el-table-column>
-
-                    <el-table-column prop="count" :label="t('count')" min-width="120" />
-
-                    <el-table-column :label="t('lastTime')" min-width="180" align="center">
-                        <template #default="{ row }">
-                            {{ row.last_time || '' }}
-                        </template>
-                    </el-table-column>
-
-                    <el-table-column :label="t('nextTime')" min-width="180" align="center">
-                        <template #default="{ row }">
-                            {{ row.next_time || '' }}
-                        </template>
-                    </el-table-column>
-
-                    <el-table-column :label="t('operation')" align="right" fixed="right" width="100">
-                        <template #default="{ row }">
-                            <el-button type="primary" link @click="infoEvent(row)">{{ t('info') }}</el-button>
-                        </template>
-                    </el-table-column>
-
-                </el-table>
-                <div class="mt-[16px] flex justify-end">
-                    <el-pagination v-model:current-page="cronTableData.page" v-model:page-size="cronTableData.limit"
-                        layout="total, sizes, prev, pager, next, jumper" :total="cronTableData.total"
-                        @size-change="loadCronList()" @current-change="loadCronList" />
-                </div>
-            </div>
-
-        </el-card>
-        <cron-info ref="cronDialog" @complete="loadCronList" />
-    </div>
-</template>
-
-<script lang="ts" setup>
-import { reactive, ref } from 'vue'
-import { t } from '@/lang'
-import { getCronList } from '@/app/api/sys'
-// import { img } from '@/utils/common'
-import { FormInstance } from 'element-plus'
-// import { useRouter } from 'vue-router'
-import CronInfo from '@/app/views/setting/components/cron-info.vue'
-
-const cronTableData = reactive({
-    page: 1,
-    limit: 10,
-    total: 0,
-    loading: true,
-    data: [],
-    searchParam: {
-        title: '',
-        type: '',
-        last_time: ''
-    }
-})
-
-const searchFormRef = ref<FormInstance>()
-
-/**
- * 获取任务列表
- */
-const loadCronList = (page: number = 1) => {
-    cronTableData.loading = true
-    cronTableData.page = page
-
-    getCronList({
-        page: cronTableData.page,
-        limit: cronTableData.limit,
-        ...cronTableData.searchParam
-    }).then(res => {
-        cronTableData.loading = false
-        cronTableData.data = res.data.data
-        cronTableData.total = res.data.total
-    }).catch(() => {
-        cronTableData.loading = false
-    })
-}
-loadCronList()
-
-// const router = useRouter()
-
-const cronDialog: Record<string, any> | null = ref(null)
-/**
- * 查看任务
- * @param data
- */
-const infoEvent = (data: any) => {
-    cronDialog.value.setFormData(data)
-    cronDialog.value.showDialog = true
-}
-
-</script>
-
-<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/setting/developer_token.vue b/admin/src/app/views/setting/developer_token.vue
index 1690b909b..26b93add2 100644
--- a/admin/src/app/views/setting/developer_token.vue
+++ b/admin/src/app/views/setting/developer_token.vue
@@ -1,8 +1,9 @@
 <template>
     <div class="main-container">
-        <el-form :model="formData" label-width="0" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
-            <el-card class="box-card !border-none" shadow="never">
+        <el-card class="box-card !border-none" shadow="never">
+            <el-form class="page-form" :model="formData" label-width="0" ref="formRef" :rules="formRules" v-loading="loading">
                 <h3 class="panel-title !text-sm">{{ t('developerTokenEdit') }}</h3>
+
                 <el-form-item label="" prop="token">
                     <div>
                         <el-input v-model="formData.token" :placeholder="t('tokenPlaceholder')" class="input-width" clearable maxlength="30"/>
@@ -12,8 +13,8 @@
                 <el-form-item label="">
                     <el-button type="primary" :loading="loading" @click="save(formRef)">{{ t('save') }}</el-button>
                 </el-form-item>
-            </el-card>
-        </el-form>
+            </el-form>
+        </el-card>
     </div>
 </template>
 
diff --git a/admin/src/app/views/setting/export.vue b/admin/src/app/views/setting/export.vue
index 3fd279b0f..e28cbef1c 100644
--- a/admin/src/app/views/setting/export.vue
+++ b/admin/src/app/views/setting/export.vue
@@ -9,15 +9,13 @@
             <el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never">
                 <el-form :inline="true" :model="exportTableData.searchParam" ref="searchFormRef">
                     <el-form-item :label="t('exportKey')" prop="export_key">
-                        <el-select v-model="exportTableData.searchParam.export_key" clearable
-                            :placeholder="t('exportKeyPlaceholder')" class="input-width">
+                        <el-select v-model="exportTableData.searchParam.export_key" clearable :placeholder="t('exportKeyPlaceholder')" class="input-width">
                             <el-option :label="t('selectPlaceholder')" value="" />
                             <el-option :label="item" :value="key" v-for="(item, key) in exportKeyList" :key="key" />
                         </el-select>
                     </el-form-item>
                     <el-form-item :label="t('exportStatus')" prop="export_status">
-                        <el-select v-model="exportTableData.searchParam.export_status" clearable
-                            :placeholder="t('exportStatusPlaceholder')" class="input-width">
+                        <el-select v-model="exportTableData.searchParam.export_status" clearable :placeholder="t('exportStatusPlaceholder')" class="input-width">
                             <el-option :label="t('selectPlaceholder')" value="" />
                             <el-option :label="item" :value="key" v-for="(item, key) in exportStatusList" :key="key" />
                         </el-select>
@@ -33,6 +31,7 @@
                     </el-form-item>
                 </el-form>
             </el-card>
+
             <div class="mt-[10px]">
                 <el-table :data="exportTableData.data" size="large" v-loading="exportTableData.loading">
                     <template #empty>
@@ -41,8 +40,7 @@
                     <el-table-column prop="id" :label="t('id')" min-width="120" />
                     <el-table-column prop="export_key_name" :label="t('exportKey')" min-width="120" />
                     <el-table-column prop="export_num" :label="t('exportNum')" min-width="120" />
-                    <el-table-column prop="file_path" :label="t('filePath')" min-width="180"
-                        :show-overflow-tooltip="true" />
+                    <el-table-column prop="file_path" :label="t('filePath')" min-width="180" :show-overflow-tooltip="true" />
                     <el-table-column prop="file_size" :label="t('fileSize')" min-width="110">
                         <template #default="{ row }">
                             {{ row.file_size / 1000 }}k
@@ -50,12 +48,8 @@
                     </el-table-column>
                     <el-table-column prop="export_status" :label="t('exportStatus')" min-width="120" align="center">
                         <template #default="{ row }">
-                            <el-tag type="warning" v-if="row.export_status == 1" class="cursor-pointer">{{
-                                row.export_status_name
-                            }}</el-tag>
-                            <el-tag type="success" v-else-if="row.export_status == 2" class="cursor-pointer">{{
-                                row.export_status_name
-                            }}</el-tag>
+                            <el-tag type="warning" v-if="row.export_status == 1" class="cursor-pointer">{{ row.export_status_name }}</el-tag>
+                            <el-tag type="success" v-else-if="row.export_status == 2" class="cursor-pointer">{{ row.export_status_name }}</el-tag>
                             <el-tag type="error" v-else class="cursor-pointer">{{ row.export_status_name }}</el-tag>
                         </template>
                     </el-table-column>
@@ -67,10 +61,8 @@
                     <el-table-column :label="t('operation')" align="right" fixed="right" width="100">
                         <template #default="{ row }">
                             <div class="flex justify-end">
-                                <el-button type="primary" link @click="downloadEvent(row)" v-if="row.export_status == 2">{{
-                                    t('download') }}</el-button>
-                                <el-button type="primary" link @click="deleteEvent(row.id)">{{ t('delete')
-                                }}</el-button>
+                                <el-button type="primary" link @click="downloadEvent(row)" v-if="row.export_status == 2">{{ t('download') }}</el-button>
+                                <el-button type="primary" link @click="deleteEvent(row.id)">{{ t('delete') }}</el-button>
                             </div>
                         </template>
                     </el-table-column>
diff --git a/admin/src/app/views/setting/growth_rule.vue b/admin/src/app/views/setting/growth_rule.vue
index a87bdfd5a..fa0b57a8f 100644
--- a/admin/src/app/views/setting/growth_rule.vue
+++ b/admin/src/app/views/setting/growth_rule.vue
@@ -1,24 +1,27 @@
 <template>
-    <div class="main-container rounded-[4px]" v-loading="loading">
+    <!--成长值规则-->
+    <div class="main-container" v-loading="loading">
         <el-card class="box-card !border-none" shadow="never">
+
             <div class="flex justify-between items-center">
-                <span class="text-page-title">{{pageName}}</span>
+                <span class="text-page-title">{{ pageName }}</span>
             </div>
+
             <div class="mt-[20px]">
-                <div class="bg-[#f7f7f7] flex items-center">
-                    <span class="p-[15px] w-[20%] text-[14px] text-[#666]">规则名称</span>
-                    <span class="p-[15px] w-[50%] text-[14px] text-[#666]">规则详情</span>
-                    <span class="p-[15px] w-[15%] text-[14px] text-[#666]">是否启用</span>
-                    <span class="p-[15px] w-[15%] text-[14px] text-[#666]">操作</span>
+                <div class="flex items-center bg">
+                    <span class="p-[15px] w-[25%] text-[14px]">规则名称</span>
+                    <span class="p-[15px] w-[50%] text-[14px]">规则详情</span>
+                    <span class="p-[15px] w-[15%] text-[14px]">是否启用</span>
+                    <span class="p-[15px] w-[10%] text-[14px]">操作</span>
                 </div>
                 <div v-for="(item, key) in rules" :key="key"  class="flex items-center">
-                    <span class="p-[15px] w-[20%] text-[14px] text-[#666]">{{ item.name }}</span>
+                    <span class="p-[15px] w-[25%] text-[14px]">{{ item.name }}</span>
                     <span class="p-[15px] w-[50%] text-[14px] text-[#666]">{{ formData[item.key] && formData[item.key].content ? formData[item.key].content : '--' }}</span>
                     <span class="p-[15px] w-[15%] text-[14px] text-[#666]">
                         <el-tag type="success" v-if="formData[item.key] && formData[item.key].is_use">已启用</el-tag>
                         <el-tag type="danger" v-else>未启用</el-tag>
                     </span>
-                    <span class="p-[15px] w-[15%] text-[14px] text-[#666] text-[var(--el-color-primary)] cursor-pointer" @click="examineFn(key)">配置</span>
+                    <span class="p-[15px] w-[10%] text-[14px] text-[#666] text-[var(--el-color-primary)] cursor-pointer" @click="examineFn(key)">配置</span>
                 </div>
             </div>
 
@@ -96,5 +99,4 @@ const examineFn = (key:string) => {
 }
 </script>
 
-<style lang="scss" scoped>
-</style>
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/setting/layout.vue b/admin/src/app/views/setting/layout.vue
index b7a6645a7..8ee615f58 100644
--- a/admin/src/app/views/setting/layout.vue
+++ b/admin/src/app/views/setting/layout.vue
@@ -1,11 +1,12 @@
 <template>
-    <div class="main-container rounded-[4px]">
+    <div class="main-container">
         <el-card class="box-card !border-none" shadow="never">
+
             <div class="flex justify-between items-center">
                 <span class="text-page-title">{{ pageName }}</span>
             </div>
 
-            <div class="mt-[10px]">
+            <div class="mt-[20px]">
                 <el-table :data="addonList" size="large" v-loading="loading">
                     <template #empty>
                         <span>{{ !loading ? t('emptyData') : '' }}</span>
@@ -31,38 +32,39 @@
                             <el-button type="primary" link @click="openSettingLayer(row.key)">{{ t('setting') }}</el-button>
                         </template>
                     </el-table-column>
-
                 </el-table>
             </div>
         </el-card>
     </div>
 
-    <el-dialog v-model="showDialog" :title="t('selectLayout')" width="50%" class="diy-dialog-wrap"
-               :destroy-on-close="true">
-        <div class="h-[50vh]">
+    <el-dialog v-model="showDialog" :title="t('selectLayout')" width="800" :destroy-on-close="true">
+        <div class="h-[300px]">
             <el-scrollbar >
-                <div class="flex flex-wrap">
-                    <div class="w-[180px] h-[130px] border mr-[10px] mb-[10px] hover:border-primary cursor-pointer"
+                <h3 class="panel-title !text-sm">{{ t('layout') }}</h3>
+                <div class="flex justify-items-stretch">
+                    <div class="w-[180px] h-[130px] mr-[10px] mb-[10px] border hover:border-primary cursor-pointer"
                          :class="{'border-primary': ((!layoutConfig[currAddon] && item.layout == 'default') || (layoutConfig[currAddon] == item.layout)) }"
                          @click="layoutConfig[currAddon] = item.layout"
                          v-for="item in systemLayout">
-                        <img :src="assetImg(item.cover)" class="w-full h-full" />
+                        <img :src="img(item.cover)" class="w-full h-full" />
                     </div>
-                    <div class="w-[180px] h-[130px] border mr-[10px] mb-[10px] hover:border-primary cursor-pointer"
+                    <div class="w-[180px] h-[130px] mr-[20px] border hover:border-primary cursor-pointer"
                          :class="{'border-primary': ((!layoutConfig[currAddon] && addonLayout.layout == 'default') || (layoutConfig[currAddon] == addonLayout.layout)) }"
                          @click="layoutConfig[currAddon] = addonLayout.layout"
                          v-if="addonLayout">
-                        <img :src="assetImg(addonLayout.cover)" class="w-full h-full" />
+                        <img :src="img(addonLayout.cover)" class="w-full h-full" />
                     </div>
                 </div>
+                <h3 class="panel-title !text-sm">{{ t('themeColor') }}</h3>
+                <div class="flex justify-items-stretch">
+                    <el-color-picker v-model="themeColor[currAddon]" size="large" />
+                </div>
             </el-scrollbar>
         </div>
         <template #footer>
             <span class="dialog-footer">
                 <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
-                <el-button type="primary" :loading="loading" @click="confirm()">{{
-                        t('confirm')
-                    }}</el-button>
+                <el-button type="primary" :loading="loading" @click="confirm()">{{ t('confirm') }}</el-button>
             </span>
         </template>
     </el-dialog>
@@ -73,8 +75,8 @@ import { ref } from 'vue'
 import { t } from '@/lang'
 import { useRoute } from 'vue-router'
 import { getInstalledAddonList } from '@/app/api/addon'
-import { setLayout, getLayout } from '@/app/api/sys'
-import { assetImg } from '@/utils/common'
+import { setLayout, getLayout, getThemecolor, setThemecolor } from '@/app/api/sys'
+import { img } from '@/utils/common'
 
 const route = useRoute()
 const pageName = route.meta.title
@@ -82,6 +84,7 @@ const loading = ref(true)
 const layoutConfig = ref({})
 const systemLayout = ref([])
 const addonLayout = ref(null)
+const themeColor = ref({})
 const addonList = ref([
     {
         title: t('manyApp'),
@@ -109,6 +112,9 @@ const getLayoutConfig = () => {
     getLayout().then(({ data }) => {
         layoutConfig.value = data
     })
+    getThemecolor().then(({ data }) => {
+        themeColor.value = data
+    })
 }
 getLayoutConfig()
 
@@ -126,14 +132,16 @@ const openSettingLayer = async (key: string) => {
 }
 
 const confirm = () => {
+    setThemecolor({
+        key: currAddon.value,
+        value: themeColor.value[currAddon.value] ? themeColor.value[currAddon.value] : ''
+    })
     setLayout({
         key: currAddon.value,
         value: layoutConfig.value[currAddon.value] ? layoutConfig.value[currAddon.value] : 'default'
-    }).then(() => {
-        showDialog.value = false
     })
+    showDialog.value = false
 }
 </script>
 
-<style lang="scss" scoped>
-</style>
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/setting/login.vue b/admin/src/app/views/setting/login.vue
index 1b3ca5a0a..37bf3bc3f 100644
--- a/admin/src/app/views/setting/login.vue
+++ b/admin/src/app/views/setting/login.vue
@@ -1,13 +1,11 @@
 <template>
-    <div class="main-container bg-[#fff] rounded-[4px]">
-        <div class="flex ml-[18px] justify-between items-center pt-[20px]">
-            <span class="text-page-title">{{pageName}}</span>
-        </div>
-        <el-form :model="formData" label-width="150px" ref="ruleFormRef" class="page-form" v-loading="loading">
+    <div class="main-container">
+
+        <el-form class="page-form" :model="formData" :rules="formRules"  label-width="150px" ref="ruleFormRef" v-loading="loading">
             <el-card class="box-card !border-none" shadow="never">
                 <h3 class="panel-title !text-sm">{{ t('commonSetting') }}</h3>
 
-                <el-form-item :label="t('logonMode')">
+                <el-form-item :label="t('logonMode')" prop="type">
                     <el-checkbox v-model="formData.is_username" :label="t('isUsername')" @change="switchChange($event, 'is_username')" />
                     <div class="form-tip">{{ t('isUsernameTip') }}</div>
                     <el-checkbox v-model="formData.is_mobile" :label="t('isMobile')" @change="switchChange($event, 'is_mobile')" />
@@ -23,7 +21,9 @@
                     <el-switch v-model="formData.agreement_show" @change="switchChange($event, 'agreement_show')" />
                     <div class="form-tip">{{ t('agreementTips') }}</div>
                 </el-form-item>
+            </el-card>
 
+            <el-card class="box-card mt-[15px] !border-none" shadow="never">
                 <h3 class="panel-title !text-sm">{{ t('tripartiteSetting') }}</h3>
 
                 <el-form-item :label="t('isAuthRegister')" prop="formData.is_auth_register">
@@ -32,6 +32,7 @@
                 </el-form-item>
             </el-card>
         </el-form>
+
         <div class="fixed-footer-wrap">
             <div class="fixed-footer">
                 <el-button type="primary" @click="onSave(ruleFormRef)">{{ t('save') }}</el-button>
@@ -41,7 +42,7 @@
 </template>
 
 <script lang="ts" setup>
-import { reactive, ref } from 'vue'
+import { reactive, ref, computed } from 'vue'
 import { t } from '@/lang'
 import { getLoginConfig, setLoginConfig } from '@/app/api/member'
 import { FormInstance } from 'element-plus'
@@ -60,6 +61,24 @@ const formData = reactive<Record<string, number | boolean>>({
     agreement_show: 0
 })
 
+const formRules = computed(() => {
+    return {
+        type: [
+            {
+                required: true,
+                trigger: 'change',
+                validator: (rule: any, value: any, callback: any) => {
+                    if (!formData.is_mobile && !formData.is_username) {
+                        callback(new Error(t('mobileOrUsernameNoEmpty')))
+                    } else {
+                        callback()
+                    }
+                }
+            }
+        ]
+    }
+})
+
 const setFormData = async (id: number = 0) => {
     const data = await (await getLoginConfig()).data
     Object.keys(formData).forEach((key: string) => {
@@ -92,9 +111,4 @@ const onSave = async (formEl: FormInstance | undefined) => {
 }
 </script>
 
-<style lang="scss" scoped>
-.el-form .form-tip {
-    line-height: 1.5;
-    margin-top: 5px;
-}
-</style>
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/setting/map.vue b/admin/src/app/views/setting/map.vue
index fb45f223a..43bf5aed9 100644
--- a/admin/src/app/views/setting/map.vue
+++ b/admin/src/app/views/setting/map.vue
@@ -1,11 +1,12 @@
 <template>
     <div class="main-container">
         <el-card class="box-card !border-none" shadow="never">
+
             <div class="flex justify-between items-center">
                 <span class="text-page-title">{{ t('mapSetting') }}</span>
             </div>
 
-            <el-form :model="formData" :rules="formRules" label-width="150px" ref="formRef" class="page-form" v-loading="loading">
+            <el-form class="page-form mt-[20px]" :model="formData" :rules="formRules" label-width="150px" ref="formRef" v-loading="loading">
                 <el-form-item :label="t('mapKey')" prop="key">
                     <el-input v-model.trim="formData.key" class="input-width" clearable />
                     <span class="ml-2 cursor-pointer tutorial-btn" @click="tutorialFn">{{ t('clickTutorial') }}</span>
@@ -20,13 +21,14 @@
                 </el-form-item>
                 <div class="ml-[150px] text-sm text-gray-400">{{ t('validTimeTips') }}</div>
             </el-form>
-
-            <div class="fixed-footer-wrap">
-                <div class="fixed-footer">
-                    <el-button type="primary" :loading="loading" @click="save(formRef)">{{ t('save') }}</el-button>
-                </div>
-            </div>
         </el-card>
+
+        <div class="fixed-footer-wrap">
+            <div class="fixed-footer">
+                <el-button type="primary" :loading="loading" @click="save(formRef)">{{ t('save') }}</el-button>
+            </div>
+        </div>
+
     </div>
 </template>
 
@@ -104,14 +106,14 @@ const tutorialFn = () => {
 const secretFn = () => {
     window.open('https://lbs.qq.com/dev/console/key/manage')
 }
-
 </script>
-<style lang="scss" scoped>
-.tutorial-btn{
-    color:var(--el-color-primary);
-}
 
-.secret-btn{
-    color:var(--el-color-primary);
-}
+<style lang="scss" scoped>
+    .tutorial-btn {
+        color:var(--el-color-primary);
+    }
+
+    .secret-btn {
+        color:var(--el-color-primary);
+    }
 </style>
diff --git a/admin/src/app/views/setting/member.vue b/admin/src/app/views/setting/member.vue
index d28d3289a..4344e702d 100644
--- a/admin/src/app/views/setting/member.vue
+++ b/admin/src/app/views/setting/member.vue
@@ -1,24 +1,23 @@
 <template>
     <div class="main-container">
-        <el-form :model="formData" label-width="150px" ref="ruleFormRef" :rules="formRules" class="page-form" v-loading="loading">
-            <el-card class="box-card !border-none" shadow="never">
-                <h3 class="panel-title">{{ t('memberNoRule') }}</h3>
+        <el-card class="box-card !border-none" shadow="never">
+
+            <el-form class="page-form" :model="formData" label-width="150px" ref="ruleFormRef" :rules="formRules" v-loading="loading">
+                <h3 class="panel-title !text-sm">{{ t('memberNoRule') }}</h3>
 
                 <el-form-item :label="t('prefix')" prop="prefix">
                     <el-input v-model="formData.prefix" :placeholder="t('prefixPlaceholder')" class="input-width" clearable maxlength="20" @change="getMemberNo(ruleFormRef)"/>
-
                 </el-form-item>
-
                 <el-form-item :label="t('length')" prop="length">
                     <el-input v-model.trim="formData.length" :placeholder="t('lengthPlaceholder')" class="input-width" clearable @keyup="filterNumber($event)" @change="getMemberNo(ruleFormRef)" @blur="formData.length = $event.target.value"/>
                     <div class="form-tip">{{ t('lengthTips') }}</div>
                 </el-form-item>
-
                 <el-form-item >
                     <div class="text-lg">{{ memberNo }}</div>
                 </el-form-item>
-            </el-card>
-        </el-form>
+            </el-form>
+        </el-card>
+
         <div class="fixed-footer-wrap">
             <div class="fixed-footer">
                 <el-button type="primary" @click="onSave(ruleFormRef)">{{ t('save') }}</el-button>
@@ -99,7 +98,7 @@ const onSave = async (formEl: FormInstance | undefined) => {
         if (valid) {
             setMemberConfig(formData).then(() => {
                 loading.value = false
-                getMemberNo()
+                getMemberNo(ruleFormRef.value)
             }).catch(() => {
                 loading.value = false
             })
@@ -108,9 +107,4 @@ const onSave = async (formEl: FormInstance | undefined) => {
 }
 </script>
 
-<style lang="scss" scoped>
-.el-form .form-tip {
-    line-height: 1.5;
-    margin-top: 5px;
-}
-</style>
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/setting/notice.vue b/admin/src/app/views/setting/notice.vue
index a05e8e284..2e57ed376 100644
--- a/admin/src/app/views/setting/notice.vue
+++ b/admin/src/app/views/setting/notice.vue
@@ -1,36 +1,29 @@
 <template>
-    <div class="main-container bg-[#fff] rounded-[4px]" v-loading="noticeTableData.loading">
-        <div class="flex ml-[18px] justify-between items-center pt-[20px]">
-            <span class="text-page-title">{{ pageName }}</span>
-        </div>
+    <!--消息模板-->
+    <div class="main-container" v-loading="noticeTableData.loading">
         <el-card class="box-card !border-none" shadow="never">
-            <h3 class="panel-title !text-base">{{ t('buyerNotice') }}</h3>
-            <div class="flex flex-row flex-wrap m-[-4px]">
+            <h3 class="panel-title !text-sm">{{ t('buyerNotice') }}</h3>
+
+            <div class="flex flex-row flex-wrap">
                 <el-table :data="noticeTableData.buyer" size="large" :span-method="buyerSpan">
                     <el-table-column prop="addon_name" :label="t('addon')" min-width="120" />
                     <el-table-column prop="name" :label="t('noticeType')" min-width="120" />
                     <el-table-column :label="t('operation')" align="right" fixed="right" min-width="300">
                         <template #default="{ row }">
                             <div class="flex">
-                                <div class="text-sm mr-1 flex items-center cursor-pointer"
-                                     v-if="row.support_type.indexOf('sms') != -1"
-                                     @click="setNotice(row, 'sms')">
+                                <div class="text-sm mr-1 flex items-center cursor-pointer" v-if="row.support_type.indexOf('sms') != -1" @click="setNotice(row, 'sms')">
                                     <el-icon class="text-[15px] mr-[3px]" :class="row.is_sms ? 'open' : ''">
                                         <SuccessFilled />
                                     </el-icon>
                                     <span class="ml-0.5">{{ t('sms') }}</span>
                                 </div>
-                                <div class="text-sm  flex items-center cursor-pointer ml-[20px]"
-                                     v-if="row.support_type.indexOf('wechat') != -1"
-                                     @click="setNotice(row, 'wechat')">
+                                <div class="text-sm  flex items-center cursor-pointer ml-[20px]" v-if="row.support_type.indexOf('wechat') != -1" @click="setNotice(row, 'wechat')">
                                     <el-icon class="text-[15px] mr-[3px]" :class="row.is_wechat ? 'open' : ''">
                                         <SuccessFilled />
                                     </el-icon>
                                     <span class="ml-0.5">{{ t('wechat') }}</span>
                                 </div>
-                                <div class="text-sm  flex items-center cursor-pointer ml-[20px]"
-                                     v-if="row.support_type.indexOf('weapp') != -1"
-                                     @click="setNotice(row, 'weapp')">
+                                <div class="text-sm  flex items-center cursor-pointer ml-[20px]" v-if="row.support_type.indexOf('weapp') != -1" @click="setNotice(row, 'weapp')">
                                     <el-icon class="text-[15px] mr-[3px]" :class="row.is_weapp ? 'open' : ''">
                                         <SuccessFilled />
                                     </el-icon>
@@ -43,9 +36,10 @@
             </div>
         </el-card>
 
-        <el-card class="box-card !border-none mt-[16px]" shadow="never">
-            <h3 class="panel-title !text-base">{{ t('sellerNotice') }}</h3>
-            <div class="flex flex-row flex-wrap m-[-4px]">
+        <el-card class="box-card mt-[15px] !border-none" shadow="never">
+            <h3 class="panel-title !text-sm">{{ t('sellerNotice') }}</h3>
+
+            <div class="flex flex-row flex-wrap">
                 <el-table :data="noticeTableData.seller" size="large" :span-method="buyerSpan">
                     <el-table-column prop="addon_name" :label="t('addon')" min-width="120" />
                     <el-table-column prop="name" :label="t('noticeType')" min-width="120" />
@@ -97,8 +91,8 @@ import { getNoticeList } from '@/app/api/notice'
 import Sms from '@/app/views/setting/components/notice-sms.vue'
 import Wechat from '@/app/views/setting/components/notice-wechat.vue'
 import Weapp from '@/app/views/setting/components/notice-weapp.vue'
-
 import { useRoute } from 'vue-router'
+
 const route = useRoute()
 const pageName = route.meta.title
 
@@ -173,13 +167,13 @@ const setNotice = (data : any, type : string) => {
 </script>
 
 <style lang="scss" scoped>
-.open {
-    color: var(--el-color-primary);
-}
-
-.notice-type {
-    >div:nth-last-child(1):first-child {
-        width: 100%;
+    .open {
+        color: var(--el-color-primary);
+    }
+
+    .notice-type {
+        >div:nth-last-child(1):first-child {
+            width: 100%;
+        }
     }
-}
 </style>
diff --git a/admin/src/app/views/setting/notice_records.vue b/admin/src/app/views/setting/notice_records.vue
index 8982cdf41..9da3a7a27 100644
--- a/admin/src/app/views/setting/notice_records.vue
+++ b/admin/src/app/views/setting/notice_records.vue
@@ -1,8 +1,10 @@
 <template>
+    <!--发送记录-->
     <div class="main-container">
         <el-card class="box-card !border-none" shadow="never">
+
             <div class="flex justify-between items-center">
-                <span class="text-page-title">{{pageName}}</span>
+                <span class="text-page-title">{{ pageName }}</span>
             </div>
 
             <el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never">
@@ -58,6 +60,7 @@
                     </el-table-column>
 
                 </el-table>
+
                 <div class="mt-[16px] flex justify-end">
                     <el-pagination v-model:current-page="recordsTableData.page" v-model:page-size="recordsTableData.limit"
                         layout="total, sizes, prev, pager, next, jumper" :total="recordsTableData.total"
diff --git a/admin/src/app/views/setting/pay.vue b/admin/src/app/views/setting/pay.vue
index c1e7dd356..da70ea8c8 100644
--- a/admin/src/app/views/setting/pay.vue
+++ b/admin/src/app/views/setting/pay.vue
@@ -1,86 +1,92 @@
 <template>
+    <!--支付设置-->
     <div class="main-container" v-loading="payLoading">
+
         <el-card class="box-card !border-none" shadow="never">
-            <!-- 设置支付配置 -->
             <div class="flex justify-between items-center" v-if="!payLoading">
                 <span class="text-page-title">{{ pageName }}</span>
                 <el-button type="primary" @click="isEdit = true" ref="setConfigBtn">{{ t('setConfig') }}</el-button>
             </div>
-            <el-card class="box-card box-pay-card !border-none mt-[20px]" shadow="never"
-                v-for="(payItems, payKey) in payConfigData" :key="payKey">
-                <div class="flex mb-3">
-                    <span class="text-base">{{ payItems.name }}</span>
+        </el-card>
+
+        <el-card class="box-card mt-[15px] !border-none" shadow="never" v-for="(payItems, payKey) in payConfigData" :key="payKey">
+            <h3 class="panel-title !text-sm">{{ payItems.name }}</h3>
+
+            <div>
+                <div class="flex items-center justify-between p-[10px] table-item-border bg">
+                    <span class="text-base w-[150px]">{{ t('payType') }}</span>
+                    <span class="text-base w-[110px] text-center">{{ t('onState') }}</span>
+                    <span class="text-base w-[80px] text-center" v-if="isEdit">{{ t('templateName') }}</span>
                 </div>
-                <div class="pay-table">
-                    <div
-                        class="flex items-center pay-table-head table-bg table-item-pd table-item-border justify-between table-bg">
-                        <span class="text-base text-[#999] w-[150px]">{{ t('payType') }}</span>
-                        <!-- <span class="text-base font-bold text-[#999] w-[110px]">{{t('settingDefaultPay')}}</span> -->
-                        <span class="text-base text-[#999] w-[110px] text-center">{{ t('onState') }}</span>
-                        <span class="text-base text-[#999] w-[80px] text-center" v-if="isEdit">{{ t('templateName') }}</span>
-                    </div>
-                    <div ref="fieldBoxRefs" :data-key="payKey">
-                        <div v-for="(childrenItem, childrenIndex) in payItems.pay_type" :key="childrenItem.redio_key"
-                            class="flex table-item-border table-item-pd justify-between" :id="payKey + '_' + childrenIndex">
-                            <div class="table-item-flex w-[150px]">
-                                <span v-if="isEdit" class="iconfont icontuodong mr-2 handle cursor-pointer"></span>
-                                <div class="flex items-center select-none">
-                                    <div class="mr-[15px] w-[30px] h-[30px]"><img class="w-[30px]"
-                                            :src="img(childrenItem.icon)" /></div>
-                                    <span class="text-base text-[#666]">{{ childrenItem.name }}</span>
+
+                <div ref="fieldBoxRefs" :data-key="payKey">
+                    <div class="flex items-center justify-between p-[10px] table-item-border" v-for="(childrenItem, childrenIndex) in payItems.pay_type" :key="childrenItem.redio_key" :id="payKey + '_' + childrenIndex">
+                        <div class="flex w-[150px]">
+                            <span v-if="isEdit" class="iconfont icontuodong mr-2 handle cursor-pointer"></span>
+                            <div class="flex items-center select-none">
+                                <div class="mr-[15px] w-[30px] h-[30px]">
+                                    <img class="w-[30px]" :src="img(childrenItem.icon)" />
                                 </div>
+                                <span class="text-base text-[#666]">{{ childrenItem.name }}</span>
                             </div>
-                            <!-- <div class="table-item-flex w-[110px] select-none">
-                                <el-radio v-model="payItems.default_pay_type" :label="childrenItem.redio_key" size="large" @change="settingDefault(childrenItem,payKey)">{{ t('settingDefault') }}</el-radio>
-                            </div> -->
-                            <div class="table-item-flex w-[110px] justify-center select-none">
-                                <el-switch v-if="isEdit" v-model="childrenItem.status" :active-text="t('isEnable')"
-                                    @change="enablePaymentMode(childrenItem)" />
-                                <div v-else>
-                                    <el-tag v-if="childrenItem.status" class="ml-2" type="success">{{ t('open') }}</el-tag>
-                                    <el-tag v-else class="ml-2" type="info">{{ t('notOpen') }}</el-tag>
-                                </div>
-                            </div>
-                            <div class="table-item-flex w-[80px]  justify-center select-none" v-if="isEdit">
-                                <button @click="configPayFn(childrenItem)" class="text-base"
-                                    v-if="childrenItem.key != 'balancepay'">{{ t('clickConfigure')
-                                    }}</button>
-                                <button v-else>--</button>
+                        </div>
+                        <div class="flex items-center justify-center w-[110px] select-none">
+                            <el-switch v-if="isEdit" v-model="childrenItem.status" :active-text="t('isEnable')" @change="enablePaymentMode(childrenItem)" />
+                            <div v-else>
+                                <el-tag v-if="childrenItem.status" class="ml-2" type="success">{{ t('open') }}</el-tag>
+                                <el-tag v-else class="ml-2" type="info">{{ t('notOpen') }}</el-tag>
                             </div>
                         </div>
+                        <div class="flex items-center justify-center w-[80px] select-none" v-if="isEdit">
+                            <button class="text-base" @click="configPayFn(childrenItem)" v-if="childrenItem.setting_component">{{ t('clickConfigure') }}</button>
+                            <button v-else>--</button>
+                        </div>
                     </div>
                 </div>
-            </el-card>
-            <div class="fixed-footer-wrap" v-if="isEdit">
-                <div class="fixed-footer">
-                    <el-button type="primary" :loading="loading" @click="cancelFn">{{ t('cancel') }}</el-button>
-                    <el-button type="primary" :loading="loading" @click="saveFn(formRef)">{{ t('save') }}</el-button>
-                </div>
             </div>
-            <wechatpay ref="wechatpayDialog" @complete="setConfigInfo" />
-            <alipay ref="alipayDialog" @complete="setConfigInfo" />
-            <offlinepay ref="offlinepayDialog" @complete="setConfigInfo" />
         </el-card>
+
+        <div class="fixed-footer-wrap" v-if="isEdit">
+            <div class="fixed-footer">
+                <el-button type="primary" :loading="loading" @click="cancelFn">{{ t('cancel') }}</el-button>
+                <el-button type="primary" :loading="loading" @click="saveFn(formRef)">{{ t('save') }}</el-button>
+            </div>
+        </div>
+
+        <template v-for="(item, index) in payTypeList">
+            <component :is="item.setting_component" :ref="(el) => setPayTypeRefs(el, item.key)" v-if="item.setting_component" @complete="setConfigInfo"/>
+        </template>
+
     </div>
 </template>
 
 <script lang="ts" setup>
-import { ref, watch, nextTick } from 'vue'
+import { ref, watch, nextTick, defineAsyncComponent } from 'vue'
 import { t } from '@/lang'
 import { getPayConfigList, setPatConfig } from '@/app/api/sys'
-import Wechatpay from '@/app/views/setting/components/pay-wechatpay.vue'
-import Alipay from '@/app/views/setting/components/pay-alipay.vue'
-import Offlinepay from '@/app/views/setting/components/pay-offlinepay.vue'
+import { getAllPayType } from '@/app/api/pay'
 import { img } from '@/utils/common'
 import { ElMessage } from 'element-plus'
 import Sortable, { SortableEvent } from 'sortablejs'
 import { useRoute } from 'vue-router'
+
 const route = useRoute()
 const pageName = route.meta.title
 
-const wechatpayDialog: Record<string, any> | null = ref(null)
-const alipayDialog: Record<string, any> | null = ref(null)
-const offlinepayDialog: Record<string, any> | null = ref(null)
+const payTypeList = ref([])
+const payTypeRefs = ref({})
+const modules: any = import.meta.glob('@/**/*.vue')
+
+getAllPayType().then(({ data }) => {
+    Object.keys(data).forEach((key: string) => {
+        data[key].setting_component && (data[key].setting_component = defineAsyncComponent(modules[data[key].setting_component]))
+    })
+    payTypeList.value = data
+})
+
+const setPayTypeRefs = (el: any, index: string) => {
+    payTypeRefs.value[index] = (el)
+}
 
 const payLoading = ref(true)
 
@@ -135,16 +141,21 @@ const setConfigInfo = (data:any) => {
 
 // 初始化配置信息
 const configPayFn = (data:any) => {
-    eval(data.key + 'Dialog.value.setFormData(data)')
-    eval(data.key + 'Dialog.value.showDialog = true;')
+    payTypeRefs.value[data.key].setFormData(data)
+    payTypeRefs.value[data.key].showDialog = true
 }
 
 // 开启支付方式
-const enablePaymentMode = (res) => {
-    if (res.key == 'wechatpay' && !res?.config?.mch_secret_cert || res.key == 'alipay' && !res?.config?.alipay_root_cert_path) {
-        res.status = false
-        ElMessage(t('configurePaymentMethod'))
-        return false
+const enablePaymentMode = async (data: object) => {
+    if (payTypeRefs.value[data.key] && typeof payTypeRefs.value[data.key].enableVerify == 'function') {
+        payTypeRefs.value[data.key].setFormData(data)
+
+        const verify = payTypeRefs.value[data.key].enableVerify()
+        if (!verify) {
+            data.status = false
+            ElMessage(t('configurePaymentMethod'))
+            return false
+        }
     }
 }
 
@@ -206,28 +217,7 @@ const cancelFn = () => {
 </script>
 
 <style lang="scss" scoped>
-.table-item-pd {
-    @apply py-[10px] px-[11px];
-}
-
-.table-item-border {
-    @apply border-b border-[#ebeef5];
-}
-
-.table-item-flex {
-    display: flex;
-    align-items: center;
-}
-
-:deep(.box-pay-card) .el-card__body {
-    padding: 0;
-}
-
-.table-bg {
-    background: #f5f7f9;
-}
-
-html.dark .table-bg {
-    background: #141414;
-}
+    .table-item-border {
+        @apply border-b border-[var(--el-border-color)];
+    }
 </style>
diff --git a/admin/src/app/views/setting/point_rule.vue b/admin/src/app/views/setting/point_rule.vue
index 8176ca9a0..942d7980e 100644
--- a/admin/src/app/views/setting/point_rule.vue
+++ b/admin/src/app/views/setting/point_rule.vue
@@ -1,29 +1,31 @@
 <template>
-    <div class="main-container rounded-[4px]" v-loading="loading">
+    <div class="main-container" v-loading="loading">
         <el-card class="box-card !border-none" shadow="never">
+
             <div class="flex justify-between items-center">
-                <span class="text-page-title">{{pageName}}</span>
+                <span class="text-page-title">{{ pageName }}</span>
             </div>
+
             <div class="mt-[20px]">
-                <div class="bg-[#f7f7f7] flex items-center">
-                    <span class="p-[15px] w-[20%] text-[14px] text-[#666]">规则名称</span>
-                    <span class="p-[15px] w-[50%] text-[14px] text-[#666]">规则详情</span>
-                    <span class="p-[15px] w-[15%] text-[14px] text-[#666]">是否启用</span>
-                    <span class="p-[15px] w-[15%] text-[14px] text-[#666]">操作</span>
+                <div class="flex items-center bg">
+                    <span class="p-[15px] w-[25%] text-[14px]">规则名称</span>
+                    <span class="p-[15px] w-[50%] text-[14px]">规则详情</span>
+                    <span class="p-[15px] w-[15%] text-[14px]">是否启用</span>
+                    <span class="p-[15px] w-[10%] text-[14px]">操作</span>
                 </div>
-                <div v-for="(item, key) in rules.grant" :key="key"  class="flex items-center">
-                    <span class="p-[15px] w-[20%] text-[14px] text-[#666]">{{ item.name }}</span>
+                <div v-for="(item, key) in rules.grant" :key="key" class="flex items-center">
+                    <span class="p-[15px] w-[25%] text-[14px]">{{ item.name }}</span>
                     <span class="p-[15px] w-[50%] text-[14px] text-[#666]">{{ formData.grant[item.key] && formData.grant[item.key].content ? formData.grant[item.key].content : '--' }}</span>
-                    <span class="p-[15px] w-[15%] text-[14px] text-[#666]">
+                    <span class="p-[15px] w-[10%] text-[14px] text-[#666]">
                         <el-tag type="success" v-if="formData.grant[item.key] && formData.grant[item.key].is_use">已启用</el-tag>
                         <el-tag type="danger" v-else>未启用</el-tag>
                     </span>
                     <span class="p-[15px] w-[15%] text-[14px] text-[#666] text-[var(--el-color-primary)] cursor-pointer" @click="examineFn(key)">配置</span>
                 </div>
                 <div v-for="(item, key) in rules.consume" :key="key"  class="flex items-center">
-                    <span class="p-[15px] w-[20%] text-[14px] text-[#666]">{{ item.name }}</span>
+                    <span class="p-[15px] w-[25%] text-[14px]">{{ item.name }}</span>
                     <span class="p-[15px] w-[50%] text-[14px] text-[#666]">{{ formData.consume[item.key] && formData.consume[item.key].content ? formData.consume[item.key].content : '--' }}</span>
-                    <span class="p-[15px] w-[15%] text-[14px] text-[#666]">
+                    <span class="p-[15px] w-[10%] text-[14px] text-[#666]">
                         <el-tag type="success" v-if="formData.consume[item.key] && formData.consume[item.key].is_use">已启用</el-tag>
                         <el-tag type="danger" v-else>未启用</el-tag>
                     </span>
@@ -60,6 +62,7 @@ import Test from '@/utils/test'
 
 const route = useRoute()
 const pageName = route.meta.title
+
 const rules = ref({})
 const formData = ref({
     grant: {},
@@ -114,5 +117,4 @@ const examineFn = (key:string) => {
 }
 </script>
 
-<style lang="scss" scoped>
-</style>
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/setting/sms.vue b/admin/src/app/views/setting/sms.vue
index 7cf56ce91..8544a33f6 100644
--- a/admin/src/app/views/setting/sms.vue
+++ b/admin/src/app/views/setting/sms.vue
@@ -1,9 +1,12 @@
 <template>
+    <!--短信设置-->
     <div class="main-container">
         <el-card class="box-card !border-none" shadow="never">
+
             <div class="flex justify-between items-center">
-                <span class="text-page-title">{{pageName}}</span>
+                <span class="text-page-title">{{ pageName }}</span>
             </div>
+
             <div class="mt-[20px]">
                 <el-table :data="smsTableData.data" size="large" v-loading="smsTableData.loading">
                     <template #empty>
@@ -18,58 +21,62 @@
                         </template>
                     </el-table-column>
                     <el-table-column :label="t('operation')" align="right" fixed="right" width="100">
-                       <template #default="{ row }">
-                           <el-button type="primary" link @click="editEvent(row)">{{ t('config') }}</el-button>
+                       <template #default="{ row, $index }">
+                           <el-button type="primary" link @click="editEvent(row, $index)">{{ t('config') }}</el-button>
                        </template>
                     </el-table-column>
 
                 </el-table>
             </div>
 
-            <ali ref="aliyunDialog" @complete="loadSmsList()" />
-            <tencent ref="tencentDialog" @complete="loadSmsList()" />
+            <template v-for="(item, index) in smsTableData.data">
+                <component :is="item.component" :ref="(el) => setSmsTypeRefs(el, index)" v-if="item.component" @complete="loadSmsList()"/>
+            </template>
         </el-card>
     </div>
 </template>
 
 <script lang="ts" setup>
-import { reactive, ref } from 'vue'
+import { defineAsyncComponent, reactive, ref } from 'vue'
 import { t } from '@/lang'
 import { getSmsList } from '@/app/api/notice'
-import Ali from '@/app/views/setting/components/sms-ali.vue'
-import Tencent from '@/app/views/setting/components/sms-tencent.vue'
 import { useRoute } from 'vue-router'
 
 const route = useRoute()
 const pageName = route.meta.title
-
-const aliyunDialog: Record<string, any> | null = ref(null)
-const tencentDialog: Record<string, any> | null = ref(null)
+const smsTypeRefs = ref([])
 
 const smsTableData = reactive({
     loading: true,
     data: []
 })
 
+const modules: any = import.meta.glob('@/**/*.vue')
 /**
  * 获取配置信息
  */
 const loadSmsList = () => {
     smsTableData.loading = true
-    getSmsList().then(res => {
-        smsTableData.data = res.data
+    getSmsList().then(({ data }) => {
+        Object.keys(data).forEach((key: string) => {
+            data[key].component && (data[key].component = defineAsyncComponent(modules[data[key].component]))
+        })
+        smsTableData.data = data
         smsTableData.loading = false
     }).catch(() => {
         smsTableData.loading = false
     })
 }
 
-loadSmsList()
-const editEvent = (data: any) => {
-    eval(data.sms_type + 'Dialog.value.setFormData(data)')
-    eval(data.sms_type + 'Dialog.value.showDialog = true;')
+const setSmsTypeRefs = (el, index) => {
+    smsTypeRefs.value[index] = (el)
 }
 
+loadSmsList()
+const editEvent = (data: any, index: number) => {
+    smsTypeRefs.value[index].setFormData(data)
+    smsTypeRefs.value[index].showDialog = true
+}
 </script>
 
 <style lang="scss" scoped></style>
diff --git a/admin/src/app/views/setting/sms_records.vue b/admin/src/app/views/setting/sms_records.vue
index 2ed6edfe1..de3a5eb46 100644
--- a/admin/src/app/views/setting/sms_records.vue
+++ b/admin/src/app/views/setting/sms_records.vue
@@ -1,9 +1,12 @@
 <template>
+    <!--发送记录-->
     <div class="main-container">
         <el-card class="box-card !border-none" shadow="never">
+
             <div class="flex justify-between items-center">
-                <span class="text-page-title">{{pageName}}</span>
+                <span class="text-page-title">{{ pageName }}</span>
             </div>
+
             <el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never">
                 <el-form :inline="true" :model="recordsTableData.searchParam" ref="searchFormRef">
                     <el-form-item :label="t('searchReceiver')" prop="receiver">
@@ -50,6 +53,7 @@
                     </el-table-column>
 
                 </el-table>
+
                 <div class="mt-[16px] flex justify-end">
                     <el-pagination v-model:current-page="recordsTableData.page" v-model:page-size="recordsTableData.limit"
                         layout="total, sizes, prev, pager, next, jumper" :total="recordsTableData.total"
diff --git a/admin/src/app/views/setting/storage.vue b/admin/src/app/views/setting/storage.vue
index 5a6b073c2..7861bb01c 100644
--- a/admin/src/app/views/setting/storage.vue
+++ b/admin/src/app/views/setting/storage.vue
@@ -1,10 +1,12 @@
 <template>
     <div class="main-container">
         <el-card class="box-card !border-none" shadow="never">
+
            <div class="flex justify-between items-center">
                 <span class="text-page-title">{{pageName}}</span>
             </div>
-            <div class="mt-[16px]">
+
+            <div class="mt-[20px]">
                 <el-table :data="storageTableData.data" size="large" v-loading="loading">
 
                     <template #empty>
@@ -21,52 +23,47 @@
                     </el-table-column>
 
                     <el-table-column :label="t('operation')" align="right" fixed="right" width="100">
-                       <template #default="{ row }">
-                           <el-button type="primary" link @click="editEvent(row)">{{ t('config') }}</el-button>
+                       <template #default="{ row, $index }">
+                           <el-button type="primary" link @click="editEvent(row, $index)">{{ t('config') }}</el-button>
                        </template>
                     </el-table-column>
 
                 </el-table>
             </div>
 
-            <storage-local ref="localDialog" @complete="loadStorageList()" />
-            <storage-qiniu ref="qiniuDialog" @complete="loadStorageList()" />
-            <storage-ali ref="aliyunDialog" @complete="loadStorageList()" />
-            <storage-tencent ref="tencentDialog" @complete="loadStorageList()" />
+            <template v-for="(item, index) in storageTableData.data">
+                <component :is="item.component" :ref="(el) => setStorageTypeRefs(el, index)" v-if="item.component" @complete="loadStorageList()"/>
+            </template>
         </el-card>
     </div>
 </template>
 
 <script lang="ts" setup>
-import { reactive, ref } from 'vue'
+import { defineAsyncComponent, reactive, ref } from 'vue'
 import { t } from '@/lang'
 import { getStorageList } from '@/app/api/sys'
-import storageLocal from '@/app/views/setting/components/storage-local.vue'
-import storageQiniu from '@/app/views/setting/components/storage-qiniu.vue'
-import storageAli from '@/app/views/setting/components/storage-ali.vue'
-import storageTencent from '@/app/views/setting/components/storage-tencent.vue'
 import { useRoute } from 'vue-router'
 
 const route = useRoute()
 const pageName = route.meta.title
-
-const localDialog: Record<string, any> | null = ref(null)
-const qiniuDialog: Record<string, any> | null = ref(null)
-const aliyunDialog: Record<string, any> | null = ref(null)
-const tencentDialog: Record<string, any> | null = ref(null)
+const storageTypeRefs = ref([])
 
 const storageTableData = reactive({
     data: []
 })
 const loading = ref(true)
 
+const modules: any = import.meta.glob('@/**/*.vue')
 /**
  * 获取配置信息
  */
 const loadStorageList = () => {
     loading.value = true
-    getStorageList().then(res => {
-        storageTableData.data = res.data
+    getStorageList().then(({ data }) => {
+        Object.keys(data).forEach((key: string) => {
+            data[key].component && (data[key].component = defineAsyncComponent(modules[data[key].component]))
+        })
+        storageTableData.data = data
         loading.value = false
     }).catch(() => {
         loading.value = false
@@ -75,9 +72,13 @@ const loadStorageList = () => {
 
 loadStorageList()
 
-const editEvent = (data: any) => {
-    eval(data.storage_type + 'Dialog.value.setFormData(data)');
-    eval(data.storage_type + 'Dialog.value.showDialog = true;');
+const setStorageTypeRefs = (el, index) => {
+    storageTypeRefs.value[index] = (el)
+}
+
+const editEvent = (data: any, index: number) => {
+    storageTypeRefs.value[index].setFormData(data)
+    storageTypeRefs.value[index].showDialog = true
 }
 
 </script>
diff --git a/admin/src/app/views/setting/system.vue b/admin/src/app/views/setting/system.vue
index a12d031e3..54dc9ea40 100644
--- a/admin/src/app/views/setting/system.vue
+++ b/admin/src/app/views/setting/system.vue
@@ -1,67 +1,61 @@
 <template>
     <div class="main-container">
-        <el-card class="box-card !border-none" shadow="never">
-            <div class="flex justify-between items-center">
-                <span class="text-page-title">{{pageName}}</span>
-            </div>
-            <el-form :model="formData" label-width="150px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
-                <el-card class="box-card !border-none" shadow="never">
-                    <h3 class="panel-title !text-sm">{{ t('websiteInfo') }}</h3>
 
-                    <el-form-item :label="t('siteName')" prop="site_name">
-                        <el-input v-model.trim="formData.site_name" :placeholder="t('siteNamePlaceholder')" class="input-width" clearable maxlength="20" show-word-limit />
-                    </el-form-item>
+        <el-form class="page-form" :model="formData" label-width="150px" ref="formRef" :rules="formRules" v-loading="loading">
+            <el-card class="box-card !border-none" shadow="never">
+                <h3 class="panel-title !text-sm">{{ t('websiteInfo') }}</h3>
 
-                    <el-form-item :label="t('logo')">
-                        <div>
-                            <upload-image v-model="formData.logo" />
-                            <p class="text-[12px] text-[#a9a9a9]">{{ t('logoPlaceholder') }}</p>
-                        </div>
-                    </el-form-item>
+                <el-form-item :label="t('siteName')" prop="site_name">
+                    <el-input v-model.trim="formData.site_name" :placeholder="t('siteNamePlaceholder')" class="input-width" clearable maxlength="20" show-word-limit />
+                </el-form-item>
+                <el-form-item :label="t('logo')">
+                    <div>
+                        <upload-image v-model="formData.logo" />
+                        <p class="text-[12px] text-[#a9a9a9]">{{ t('logoPlaceholder') }}</p>
+                    </div>
+                </el-form-item>
+                <el-form-item :label="t('icon')">
+                    <div>
+                        <upload-image v-model="formData.icon" />
+                        <p class="text-[12px] text-[#a9a9a9]">{{ t('iconPlaceholder') }}</p>
+                    </div>
+                </el-form-item>
+                <el-form-item :label="t('keywords')">
+                    <el-input v-model="formData.keywords" :placeholder="t('keywordsPlaceholder')" class="input-width" clearable maxlength="20" show-word-limit />
+                </el-form-item>
+                <el-form-item :label="t('desc')">
+                    <el-input v-model="formData.desc" type="textarea" :rows="4" clearable :placeholder="t('descPlaceholder')" class="input-width" maxlength="100" show-word-limit />
+                </el-form-item>
+            </el-card>
 
-                    <el-form-item :label="t('icon')">
-                        <div>
-                            <upload-image v-model="formData.icon" />
-                            <p class="text-[12px] text-[#a9a9a9]">{{ t('iconPlaceholder') }}</p>
-                        </div>
-                    </el-form-item>
+            <el-card class="box-card mt-[15px] !border-none" shadow="never" v-show="appType == 'site'">
+                <h3 class="panel-title !text-sm">{{ t('frontEndInfo') }}</h3>
+                <el-form-item :label="t('frontEndName')">
+                    <el-input v-model="formData.front_end_name" :placeholder="t('frontEndNamePlaceholder')" class="input-width" clearable maxlength="20" show-word-limit />
+                </el-form-item>
+                <el-form-item :label="t('logo')">
+                    <upload-image v-model="formData.front_end_logo" />
+                </el-form-item>
+                <el-form-item :label="t('icon')">
+                    <upload-image v-model="formData.front_end_icon" />
+                </el-form-item>
+            </el-card>
 
-                    <el-form-item :label="t('keywords')">
-                        <el-input v-model="formData.keywords" :placeholder="t('keywordsPlaceholder')" class="input-width" clearable maxlength="20" show-word-limit />
-                    </el-form-item>
+            <el-card class="box-card mt-[15px] !border-none" shadow="never" v-if="appType == 'admin'">
+                <h3 class="panel-title !text-sm">{{ t('serviceInformation') }}</h3>
 
-                    <el-form-item :label="t('desc')">
-                        <el-input v-model="formData.desc" type="textarea" rows="4" clearable :placeholder="t('descPlaceholder')" class="input-width" maxlength="100" show-word-limit />
-                    </el-form-item>
-                </el-card>
-                <el-card class="box-card !border-none" shadow="never" v-show="appType == 'site'">
-                    <h3 class="panel-title !text-sm">{{ t('frontEndInfo') }}</h3>
-                    <el-form-item :label="t('frontEndName')">
-                        <el-input v-model="formData.front_end_name" :placeholder="t('frontEndNamePlaceholder')" class="input-width" clearable maxlength="20" show-word-limit />
-                    </el-form-item>
+                <el-form-item :label="t('contactsTel')">
+                    <el-input v-model="formData.tel" :placeholder="t('contactsTelPlaceholder')" class="input-width" clearable maxlength="20" show-word-limit />
+                </el-form-item>
+                <el-form-item :label="t('wechatCode')">
+                    <upload-image v-model="formData.wechat_code" />
+                </el-form-item>
+                <el-form-item :label="t('customerServiceCode')">
+                    <upload-image v-model="formData.enterprise_wechat" />
+                </el-form-item>
+            </el-card>
+        </el-form>
 
-                    <el-form-item :label="t('logo')">
-                        <upload-image v-model="formData.front_end_logo" />
-                    </el-form-item>
-
-                    <el-form-item :label="t('icon')">
-                        <upload-image v-model="formData.front_end_icon" />
-                    </el-form-item>
-                </el-card>
-                <el-card class="box-card !border-none" shadow="never" v-if="appType == 'admin'">
-                    <h3 class="panel-title !text-sm">{{ t('serviceInformation') }}</h3>
-                    <el-form-item :label="t('contactsTel')">
-                        <el-input v-model="formData.tel" :placeholder="t('contactsTelPlaceholder')" class="input-width" clearable maxlength="20" show-word-limit />
-                    </el-form-item>
-                    <el-form-item :label="t('wechatCode')">
-                        <upload-image v-model="formData.wechat_code" />
-                    </el-form-item>
-                    <el-form-item :label="t('customerServiceCode')">
-                        <upload-image v-model="formData.enterprise_wechat" />
-                    </el-form-item>
-                </el-card>
-            </el-form>
-        </el-card>
         <div class="fixed-footer-wrap">
             <div class="fixed-footer">
                 <el-button type="primary" :loading="loading" @click="save(formRef)">{{ t('save') }}</el-button>
diff --git a/admin/src/app/views/setting/transfer.vue b/admin/src/app/views/setting/transfer.vue
index 309bda8da..e4cd2c049 100644
--- a/admin/src/app/views/setting/transfer.vue
+++ b/admin/src/app/views/setting/transfer.vue
@@ -1,37 +1,35 @@
 <template>
-    <div class="main-container bg-[#fff] rounded-[4px]">
-        <el-alert class="warm-prompt" type="info">
-            <template #default>
-                <div class="flex items-center">
-                    <el-icon class="mr-2" size="18"><Warning /></el-icon>
-                    <p class="text-base">{{t('operationTip')}}</p>
-                </div>
-            </template>
-        </el-alert>
-        <div class="flex ml-[18px] justify-between items-center mt-[20px]">
-			<span class="text-page-title">{{pageName}}</span>
-		</div>
-        <el-form :model="formData" label-width="200px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
-            <el-card class="box-card !border-none" shadow="never">
+    <!--打款设置-->
+    <div class="main-container">
+
+        <el-card class="box-card !border-none" shadow="never">
+            <div class="flex justify-between items-center">
+                <span class="text-page-title">{{ pageName }}</span>
+            </div>
+
+            <div class="mt-[20px]">
+                <el-alert :title="t('operationTip')" type="warning" show-icon />
+            </div>
+        </el-card>
+
+        <el-form class="page-form" :model="formData" label-width="200px" ref="formRef" :rules="formRules" v-loading="loading">
+            <el-card class="box-card mt-[15px] !border-none" shadow="never">
                 <h3 class="panel-title !text-sm">{{t('wechatpay')}}</h3>
 
                 <el-form-item :label="t('mchId')" prop="wechatpay_config.mch_id">
                     <el-input v-model="formData.wechatpay_config.mch_id" :placeholder="t('mchIdPlaceholder')" class="input-width" maxlength="32" show-word-limit clearable />
                     <div class="form-tip">{{ t('mchIdTips') }}</div>
                 </el-form-item>
-
                 <el-form-item :label="t('mchSecretKey')" prop="wechatpay_config.mch_secret_key">
                     <el-input v-model="formData.wechatpay_config.mch_secret_key" :placeholder="t('mchSecretKeyPlaceholder')" class="input-width" maxlength="32" show-word-limit clearable />
                     <div class="form-tip">{{ t('mchSecretKeyTips') }}</div>
                 </el-form-item>
-
                 <el-form-item :label="t('mchSecretCert')" prop="wechatpay_config.mch_secret_cert">
                     <div class="input-width">
                         <upload-file v-model="formData.wechatpay_config.mch_secret_cert" api="sys/document/wechat" />
                     </div>
                     <div class="form-tip">{{ t('mchSecretCertTips') }}</div>
                 </el-form-item>
-
                 <el-form-item :label="t('mchPublicCertPath')" prop="wechatpay_config.mch_public_cert_path">
                     <div class="input-width">
                         <upload-file v-model="formData.wechatpay_config.mch_public_cert_path" api="sys/document/wechat" />
@@ -40,7 +38,7 @@
                 </el-form-item>
             </el-card>
 
-            <el-card class="box-card mt-4 !border-none" shadow="never">
+            <el-card class="box-card mt-[15px] !border-none" shadow="never">
                 <h3 class="panel-title !text-sm">{{t('alipay')}}</h3>
 
                 <el-form-item :label="t('appId')" prop="alipay_config.app_id">
@@ -50,26 +48,22 @@
                 <el-form-item :label="t('appSecretCert')" prop="alipay_config.app_secret_cert">
                     <el-input v-model="formData.alipay_config.app_secret_cert" :placeholder="t('appSecretCertPlaceholder')" class="input-width" type="textarea" rows="4" clearable />
                 </el-form-item>
-
                 <el-form-item :label="t('appPublicCertPath')" prop="alipay_config.app_public_cert_path">
                     <div class="input-width">
                         <upload-file v-model="formData.alipay_config.app_public_cert_path" api="sys/document/aliyun" />
                     </div>
                 </el-form-item>
-
                 <el-form-item :label="t('alipayPublicCertPath')" prop="alipay_config.alipay_public_cert_path">
                     <div class="input-width">
                         <upload-file v-model="formData.alipay_config.alipay_public_cert_path" api="sys/document/aliyun" />
                     </div>
                 </el-form-item>
-
                 <el-form-item :label="t('alipayRootCertPath')" prop="alipay_config.alipay_root_cert_path">
                     <div class="input-width">
                         <upload-file v-model="formData.alipay_config.alipay_root_cert_path" api="sys/document/aliyun" />
                     </div>
                 </el-form-item>
             </el-card>
-
         </el-form>
 
         <div class="fixed-footer-wrap">
@@ -181,10 +175,4 @@ const save = async (formEl: FormInstance | undefined) => {
 }
 </script>
 
-<style lang="scss" scoped>
-:deep(.warm-prompt) {
-    .el-alert__description{
-        margin: 0;
-    }
-}
-</style>
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/setting/weapp.vue b/admin/src/app/views/setting/weapp.vue
index 3d98db6d8..5c46fc52c 100644
--- a/admin/src/app/views/setting/weapp.vue
+++ b/admin/src/app/views/setting/weapp.vue
@@ -1,13 +1,14 @@
 <template>
     <div class="main-container">
         <el-card class="box-card !border-none" shadow="never">
+
             <div class="flex justify-between items-center">
                 <span class="text-page-title">{{ pageName }}</span>
                 <el-button type="primary" @click="showEvent">{{ t('addVersion') }}</el-button>
             </div>
-            <div class="mt-[10px]">
-                <el-table :data="weappTableData.data" size="large" v-loading="weappTableData.loading">
 
+            <div class="mt-[20px]">
+                <el-table :data="weappTableData.data" size="large" v-loading="weappTableData.loading">
                     <template #empty>
                         <span>{{ !weappTableData.loading ? t('emptyData') : '' }}</span>
                     </template>
@@ -28,12 +29,12 @@
                         @size-change="loadWeappTemplateList()" @current-change="loadWeappTemplateList" />
                 </div>
             </div>
-
         </el-card>
+
         <cron-info ref="cronDialog" @complete="weappTableData" />
+
         <el-dialog v-model="showDialog" :title="t('editVersion')" width="550px" :destroy-on-close="true">
-            <el-form :model="formData" label-width="110px" ref="formRef" :rules="formRules" class="page-form"
-                v-loading="loading">
+            <el-form :model="formData" label-width="110px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
                 <el-form-item :label="t('version')" prop="version">
                     <el-input v-model="formData.version" :placeholder="t('versionPlaceholder')" class="input-width" />
                 </el-form-item>
@@ -57,12 +58,7 @@
 <script lang="ts" setup>
 import { reactive, ref, computed } from 'vue'
 import { t } from '@/lang'
-import {
-    getVersionList,
-    addVersion,
-    editVersion,
-    deleteVersion
-} from '@/app/api/weapp'
+import { getVersionList, addVersion, editVersion, deleteVersion } from '@/app/api/weapp'
 import { ElMessageBox, FormInstance } from 'element-plus'
 import { useRoute } from 'vue-router'
 import CronInfo from '@/app/views/setting/components/cron-info.vue'
@@ -84,7 +80,7 @@ const weappTableData = reactive({
 })
 
 /**
- * 获取任务列表
+ * 获取版本列表
  */
 const loadWeappTemplateList = (page: number = 1) => {
     weappTableData.loading = true
@@ -195,8 +191,4 @@ const infoEvent = (data: any) => {
 
 </script>
 
-<style lang="scss" scoped>
-.el-input-number.is-controls-right .el-input-number__increase {
-    left: 20px !important
-}
-</style>
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/setting/wxoplatform.vue b/admin/src/app/views/setting/wxoplatform.vue
deleted file mode 100644
index 542c87e79..000000000
--- a/admin/src/app/views/setting/wxoplatform.vue
+++ /dev/null
@@ -1,144 +0,0 @@
-<template>
-	<div class="main-container">
-		<div class="flex ml-[18px] justify-between items-center mt-[20px]">
-			<span class="text-page-title">{{ pageName }}</span>
-		</div>
-		<el-form :model="formData" label-width="150px" ref="formRef" class="page-form" v-loading="loading">
-			<el-card class="box-card !border-none mt-[5px]" shadow="never">
-				<h3 class="panel-title !text-sm">{{ t('oplatformSetting') }}</h3>
-
-				<el-form-item label="APPID">
-					<el-input v-model="formData.appid" :placeholder="t('appidPlaceholder')" class="input-width" clearable />
-				</el-form-item>
-
-				<el-form-item label="APPSECRET">
-					<el-input v-model="formData.appsecret" :placeholder="t('appsecretPlaceholder')" class="input-width"
-						clearable />
-				</el-form-item>
-
-				<h3 class="panel-title !text-sm">{{ t('oplatformComm') }}</h3>
-				<el-form-item :label="t('empowerStartDomain')">
-					<span>{{ formData.start_domain }}</span>
-				</el-form-item>
-
-				<el-form-item :label="t('empowerReceiveUrl')">
-					<span>{{ formData.receive_url }}</span>
-				</el-form-item>
-
-				<el-form-item :label="t('messageValidationToken')">
-					<el-input v-model="formData.token" class="input-width" clearable />
-				</el-form-item>
-
-				<el-form-item :label="t('messageDecryptKey')">
-					<el-input v-model="formData.key" class="input-width" clearable />
-				</el-form-item>
-
-				<el-form-item :label="t('messageReceiveUrl')">
-					<span>{{ formData.message_receive }}</span>
-				</el-form-item>
-
-				<el-form-item :label="t('wechatDomain')">
-					<span>{{ formData.host }}</span>
-				</el-form-item>
-
-				<el-form-item :label="t('weappDomain')">
-					<span>{{ formData.host }}</span>
-				</el-form-item>
-
-				<el-form-item :label="t('weappBusinessDomain')">
-					<span>{{ formData.host }}</span>
-				</el-form-item>
-
-				<h3 class="panel-title !text-sm">{{ t('oplatformBuilder') }}</h3>
-				<el-form-item :label="t('builderEmail')">
-					<el-input v-model="formData.email" class="input-width" clearable />
-				</el-form-item>
-
-				<el-form-item :label="t('builderMobile')">
-					<el-input v-model="formData.mobile" class="input-width" clearable />
-				</el-form-item>
-
-				<el-form-item :label="t('builderQQ')">
-					<el-input v-model="formData.qq" class="input-width" clearable />
-				</el-form-item>
-
-				<el-form-item :label="t('builderWx')">
-					<el-input v-model="formData.wx" class="input-width" clearable />
-				</el-form-item>
-
-			</el-card>
-		</el-form>
-
-		<div class="fixed-footer-wrap">
-			<div class="fixed-footer">
-				<el-button type="primary" :loading="loading" @click="save(formRef)">{{ t('save') }}</el-button>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script lang="ts" setup>
-import { reactive, ref } from 'vue'
-import { t } from '@/lang'
-import { setCopyright, getCopyright } from '@/app/api/sys'
-import { FormInstance, FormRules } from 'element-plus'
-import { useRoute } from 'vue-router'
-
-const route = useRoute()
-const pageName = route.meta.title
-
-const loading = ref(true)
-const formData = reactive<Record<string, string>>({
-    appid: '',
-    appsecret: '',
-    token: '',
-    key: '',
-    email: '',
-    mobile: '',
-    qq: '',
-    wx: '',
-    start_domain: '',
-    receive_url: '',
-    message_receive: '',
-    host: ''
-})
-
-const setFormData = async (id: number = 0) => {
-    const data = await (await getCopyright()).data
-    Object.keys(formData).forEach((key: string) => {
-        if (data[key] != undefined) formData[key] = data[key]
-    })
-
-    loading.value = false
-}
-setFormData()
-
-const formRef = ref<FormInstance>()
-
-// 表单验证规则
-const formRules = reactive<FormRules>({
-    site_name: [
-        { required: true, message: t('siteNamePlaceholder'), trigger: 'blur' }
-    ]
-})
-
-/**
- * 保存
- */
-const save = async (formEl: FormInstance | undefined) => {
-    if (loading.value || !formEl) return
-
-    await formEl.validate(async (valid) => {
-        if (valid) {
-            loading.value = true
-            setCopyright(formData).then(() => {
-                loading.value = false
-            }).catch(() => {
-                loading.value = false
-            })
-        }
-    })
-}
-</script>
-
-<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/site/components/create-site-limit.vue b/admin/src/app/views/site/components/create-site-limit.vue
new file mode 100644
index 000000000..8722a31bb
--- /dev/null
+++ b/admin/src/app/views/site/components/create-site-limit.vue
@@ -0,0 +1,141 @@
+<template>
+    <el-dialog v-model="showDialog" :title="t('userCreateSiteLimit')" width="700px" :destroy-on-close="true">
+        <el-form :model="formData" label-width="130px" ref="formRef" :rules="formRules" class="page-form" autocomplete="off" v-loading="loading">
+            <el-form-item :label="t('siteGroup')" prop="group_id">
+                <el-select v-model="formData.group_id" :placeholder="t('siteGroupPlaceholder')" :disabled="formData.id">
+                    <el-option :label="item.group_name" :value="item.group_id" v-for="item in props.siteGroup"/>
+                </el-select>
+            </el-form-item>
+            <el-form-item :label="t('createSiteNum')" prop="num">
+                <div>
+                    <el-input v-model.number="formData.num" class="!w-[150px]"/>
+                    <p class="text-[12px] text-[#a9a9a9] leading-normal mt-[5px]" v-if="formData.group_id">{{ t('createdSiteNum') }}：{{ props.siteGroup[formData.group_id].site_num }}</p>
+                </div>
+            </el-form-item>
+            <el-form-item :label="t('createSiteTimeLimit')" prop="month">
+                <el-input v-model.number="formData.month" class="!w-[150px]">
+                    <template #append>
+                        {{ t('month') }}
+                    </template>
+                </el-input>
+            </el-form-item>
+        </el-form>
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                <el-button type="primary" :loading="loading" @click="confirm(formRef)">{{ t('confirm') }}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { computed, ref, watch } from 'vue'
+import { t } from '@/lang'
+import { getUserCreateSiteLimitInfo, addUserCreateSiteLimit, editUserCreateSiteLimit } from '@/app/api/user'
+import { FormInstance } from 'element-plus'
+
+const props = defineProps({
+    siteGroup: {
+        type: Object,
+        default: () => {
+            return {}
+        }
+    },
+    uid: {
+        type: Number,
+        default: 0
+    }
+})
+const showDialog = ref(false)
+const formRef = ref(null)
+const formData = ref({
+    id: 0,
+    uid: props.uid,
+    group_id: '',
+    num: 1,
+    month: 1
+})
+const loading = ref(false)
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+        group_id: [
+            { required: true, message: t('siteGroupPlaceholder'), trigger: 'blur' }
+        ],
+        num: [
+            { required: true, message: t('numPlaceholder'), trigger: 'blur' },
+            {
+                validator: (rule: any, value: any, callback: Function) => {
+                    if (value <= 0) callback(t('numCannotLtZero'))
+                    callback()
+                }
+            }
+        ],
+        month: [
+            { required: true, message: t('monthPlaceholder'), trigger: 'blur' },
+            {
+                validator: (rule: any, value: any, callback: Function) => {
+                    if (value <= 0) callback(t('monthCannotLtZero'))
+                    callback()
+                }
+            }
+        ]
+    }
+})
+
+const emits = defineEmits(['complete'])
+
+/**
+ * 确认
+ * @param formEl
+ */
+const confirm = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            loading.value = true
+            const save = formData.value.id ? editUserCreateSiteLimit : addUserCreateSiteLimit
+
+            save(formData.value).then(() => {
+                loading.value = false
+                showDialog.value = false
+                emits('complete')
+            }).catch(() => {
+                loading.value = false
+            })
+        }
+    })
+}
+
+const setFormData = (id: number = 0) => {
+    if (id) {
+        getUserCreateSiteLimitInfo(id).then(({ data }) => {
+            formData.value = data
+            showDialog.value = true
+        })
+    } else {
+        showDialog.value = true
+    }
+}
+
+watch(() => showDialog.value, () => {
+    if (!showDialog.value) {
+        formData.value = {
+            id: 0,
+            uid: props.uid,
+            group_id: '',
+            num: 1,
+            month: 1
+        }
+    }
+})
+
+defineExpose({
+    setFormData,
+    loading
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/site/components/edit-site.vue b/admin/src/app/views/site/components/edit-site.vue
index 55f2fbf13..2dce9d1e7 100644
--- a/admin/src/app/views/site/components/edit-site.vue
+++ b/admin/src/app/views/site/components/edit-site.vue
@@ -1,20 +1,14 @@
 <template>
     <el-dialog v-model="showDialog" :title="elDialogTitle" width="500px" :destroy-on-close="true">
-        <el-form :model="formData" label-width="90px" ref="formRef" :rules="formRules" class="page-form" autocomplete="off"
-            v-loading="loading">
-            <!-- 用于处理点击站点管理出现账号密码浮窗，位置不能变，类型不能变 -->
-            <input type="password" class="absolute left-[9999px]"> 
+        <el-form :model="formData" label-width="100px" ref="formRef" :rules="formRules" class="page-form" autocomplete="off" v-loading="loading">
             <div v-if="formData.site_id == 0">
                 <el-form-item :label="t('siteName')" prop="site_name">
-                    <el-input v-model="formData.site_name" clearable :placeholder="t('siteNamePlaceholder')"
-                        class="input-width" />
+                    <el-input v-model="formData.site_name" maxlength="20" clearable :placeholder="t('siteNamePlaceholder')" class="input-width" />
                 </el-form-item>
 
                 <el-form-item :label="t('groupId')" prop="group_id">
-                    <el-select v-model="formData.group_id" clearable :placeholder="t('groupIdPlaceholder')"
-                        class="input-width">
-                        <el-option :label="item['group_name']" :value="item['group_id']"
-                            v-for="(item,index) in groupList" :key="index"/>
+                    <el-select v-model="formData.group_id" clearable :placeholder="t('groupIdPlaceholder')" class="input-width">
+                        <el-option :label="item['group_name']" :value="item['group_id']" v-for="(item,index) in groupList" :key="index"/>
                     </el-select>
                 </el-form-item>
                 <!-- <el-form-item :label="t('realName')" prop="real_name" v-if="!formData.site_id && !loading">
@@ -44,18 +38,15 @@
 
                 <div v-show="formData.uid === 0">
                     <el-form-item :label="t('username')" prop="username">
-                        <el-input v-model="formData.username" clearable :placeholder="t('usernamePlaceholder')"
-                            class="input-width"/>
+                        <el-input v-model="formData.username" clearable :placeholder="t('usernamePlaceholder')" class="input-width" :readonly="user_name_input" @click="user_name_input = false" @blur="user_name_input = true" />
                     </el-form-item>
 
                     <el-form-item :label="t('password')" prop="password">
-                        <el-input v-model="formData.password" clearable :placeholder="t('passwordPlaceholder')"
-                            class="input-width" :show-password="true" type="password"/>
+                        <el-input v-model="formData.password" clearable :placeholder="t('passwordPlaceholder')" class="input-width" :show-password="true" type="password" :readonly="password_input" @click="password_input = false" @blur="password_input = true" />
                     </el-form-item>
 
                     <el-form-item :label="t('confirmPassword')" prop="confirm_password">
-                        <el-input v-model="formData.confirm_password" :placeholder="t('confirmPasswordPlaceholder')"
-                            type="password" :show-password="true" clearable class="input-width"/>
+                        <el-input v-model="formData.confirm_password" :placeholder="t('confirmPasswordPlaceholder')" type="password" :show-password="true" clearable class="input-width" :readonly="confirm_password_input" @click="confirm_password_input = false" @blur="confirm_password_input = true" />
                     </el-form-item>
                 </div>
             </div>
@@ -65,17 +56,14 @@
                 </el-form-item>
 
                 <el-form-item :label="t('groupId')" prop="group_id">
-                    <el-select v-model="formData.group_id" clearable :placeholder="t('groupIdPlaceholder')"
-                        class="input-width">
-                        <el-option :label="item['group_name']" :value="item['group_id']"
-                            v-for="(item,index) in groupList" :key="index"/>
+                    <el-select v-model="formData.group_id" clearable :placeholder="t('groupIdPlaceholder')" class="input-width">
+                        <el-option :label="item['group_name']" :value="item['group_id']" v-for="(item,index) in groupList" :key="index"/>
                     </el-select>
                 </el-form-item>
             </div>
 
             <el-form-item :label="t('siteDomain')" prop="site_domain">
-                <el-input v-model="formData.site_domain" clearable :placeholder="t('siteDomainPlaceholder')"
-                          class="input-width" />
+                <el-input v-model="formData.site_domain" clearable :placeholder="t('siteDomainPlaceholder')" class="input-width" />
                 <div>
                     <p class="text-[12px] text-[#a9a9a9] leading-normal mt-[5px]">{{ t('siteDomainTips') }}</p>
                     <p class="text-[12px] text-[#a9a9a9] leading-normal mt-[5px]">{{ t('siteDomainTipsTwo') }}</p>
@@ -84,8 +72,7 @@
             </el-form-item>
 
             <el-form-item :label="t('expireTime')" prop="expire_time" class="input-width">
-                <el-date-picker class="flex-1 !flex" v-model="formData.expire_time" clearable type="datetime"
-                    :placeholder="t('expireTimePlaceholder')" />
+                <el-date-picker class="flex-1 !flex" v-model="formData.expire_time" clearable type="datetime" :placeholder="t('expireTimePlaceholder')" />
             </el-form-item>
         </el-form>
 
@@ -139,15 +126,15 @@ const formData: Record<string, any> = reactive({ ...initialFormData })
 
 const formRef = ref<FormInstance>()
 
+const user_name_input = ref(true)
+const password_input = ref(true)
+const confirm_password_input = ref(true)
+
 const setGroupList = async () => {
     groupList.value = await (await getSiteGroupAll()).data
 }
 setGroupList()
 
-/**
- * 应用选择
- */
-// const appChangeFn = (val) => { formData.group_id = '' }
 /**
  * 获取应用列表
  */
@@ -179,6 +166,7 @@ const formRules = computed(() => {
             { required: true, message: t('groupIdPlaceholder'), trigger: 'blur' }
         ],
         uid: [
+            { required: true, message: t('uIdPlaceholder'), trigger: 'blur' },
             {
                 validator: (rule: any, value: string, callback: any) => {
                     if (formData.uid === '') callback(new Error(t('managerPlaceholder')))
diff --git a/admin/src/app/views/site/components/user-edit.vue b/admin/src/app/views/site/components/user-edit.vue
new file mode 100644
index 000000000..35248a8fc
--- /dev/null
+++ b/admin/src/app/views/site/components/user-edit.vue
@@ -0,0 +1,203 @@
+<template>
+    <el-dialog v-model="showDialog" :title="t('addUser')" width="750px" :destroy-on-close="true">
+        <el-scrollbar>
+            <div class="max-h-[60vh]">
+                <el-form :model="formData" label-width="120px" ref="formRef" :rules="formRules" class="page-form" autocomplete="off" v-loading="loading">
+                    <el-form-item :label="t('username')" prop="username">
+                        <el-input v-model="formData.username" clearable :placeholder="t('usernamePlaceholder')" class="input-width" :readonly="real_name_input" @click="real_name_input = false" @blur="real_name_input = true" />
+                    </el-form-item>
+
+                    <el-form-item :label="t('password')" prop="password">
+                        <el-input v-model="formData.password" clearable :placeholder="t('passwordPlaceholder')" class="input-width" :show-password="true" type="password" :readonly="password_input" @click="password_input = false" @blur="password_input = true"  />
+                    </el-form-item>
+
+                    <el-form-item :label="t('confirmPassword')" prop="confirm_password">
+                        <el-input v-model="formData.confirm_password" :placeholder="t('confirmPasswordPlaceholder')" type="password" :show-password="true" clearable class="input-width" :readonly="confirm_password_input" @click="confirm_password_input = false" @blur="confirm_password_input = true" />
+                    </el-form-item>
+
+                    <el-form-item :label="t('userCreateSiteLimit')" v-if="Object.keys(siteGroup).length" prop="create_site_limit">
+                        <div>
+                            <div>{{ t('siteGroup') }}</div>
+                            <el-checkbox-group
+                                v-model="formData.group_ids"
+                                @change="groupSelect"
+                            >
+                                <el-checkbox v-for="item in siteGroup" :label="item.group_id">{{ item.group_name }}</el-checkbox>
+                            </el-checkbox-group>
+                        </div>
+                        <div class="w-full">
+                            <div>{{ t('userCreateSiteLimit') }}</div>
+                            <el-table :data="formData.create_site_limit" size="large" class="w-full">
+                                <el-table-column :label="t('siteGroup')" :show-overflow-tooltip="true">
+                                    <template #default="{ row }">
+                                        {{ siteGroup[row.group_id] ? siteGroup[row.group_id].group_name : '' }}
+                                    </template>
+                                </el-table-column>
+                                <el-table-column :label="t('siteNum')">
+                                    <template #default="{ $index }">
+                                        <el-input v-model.number="formData.create_site_limit[$index].num">
+                                        </el-input>
+                                    </template>
+                                </el-table-column>
+                                <el-table-column :label="t('siteMonth')">
+                                    <template #default="{ $index }">
+                                        <el-input v-model.number="formData.create_site_limit[$index].month">
+                                            <template #append>{{ t('month') }}</template>
+                                        </el-input>
+                                    </template>
+                                </el-table-column>
+                            </el-table>
+                        </div>
+                    </el-form-item>
+                </el-form>
+            </div>
+        </el-scrollbar>
+
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                <el-button type="primary" :loading="loading" @click="confirm(formRef)">{{ t('confirm') }}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { t } from '@/lang'
+import { FormInstance } from 'element-plus'
+import { getSiteGroupAll } from '@/app/api/site'
+import { addUser } from '@/app/api/user'
+import Test from '@/utils/test'
+
+const showDialog = ref(false)
+const loading = ref(true)
+const formData = ref({
+    username: '',
+    password: '',
+    confirm_password: '',
+    create_site_limit: [],
+    group_ids: []
+})
+const siteGroup = ref({})
+const formRef = ref<FormInstance>()
+const formRules = ref({
+    username: [
+        { required: true, message: t('usernamePlaceholder'), trigger: 'blur' }
+    ],
+    password: [
+        { required: true, message: t('passwordPlaceholder'), trigger: 'blur' }
+    ],
+    real_name: [
+        { required: true, message: t('userRealNamePlaceholder'), trigger: 'blur' }
+    ],
+    confirm_password: [
+        { required: true, message: t('confirmPasswordPlaceholder'), trigger: 'blur' },
+        {
+            validator: (rule: any, value: string, callback: any) => {
+                if (value != formData.value.password) callback(new Error(t('confirmPasswordError')))
+                else callback()
+            },
+            trigger: 'blur'
+        }
+    ],
+    create_site_limit: [
+        {
+            validator: (rule: any, value: string, callback: any) => {
+                let verify = true
+                for (let i = 0; i < formData.value.create_site_limit.length; i++) {
+                    const item = formData.value.create_site_limit[i]
+                    if (Test.empty(item.num)) {
+                        callback(t('siteNumPlaceholder'))
+                        verify = false
+                        break
+                    }
+                    if (item.num < 1) {
+                        callback(t('siteNumCannotLtOne'))
+                        verify = false
+                        break
+                    }
+                    if (Test.empty(item.month)) {
+                        callback(t('siteMonthPlaceholder'))
+                        verify = false
+                        break
+                    }
+                    if (item.month < 0) {
+                        callback(t('siteMonthCannotLtOne'))
+                        verify = false
+                        break
+                    }
+                }
+                if (verify) callback()
+            }
+        }
+    ]
+})
+
+getSiteGroupAll().then(({ data }) => {
+    const list: any = {}
+    data.forEach((item: any) => {
+        list[item.group_id] = item
+    })
+    siteGroup.value = list
+})
+
+const setFormData = (uid: number = 0) => {
+    if (uid) {
+
+    } else {
+        loading.value = false
+        showDialog.value = true
+    }
+}
+
+const emits = defineEmits(['complete'])
+
+const groupSelect = (groupIds: number[]) => {
+    const list = []
+    groupIds.forEach(item => {
+        list.push({
+            group_id: item,
+            num: 1,
+            month: 1
+        })
+    })
+    formData.value.create_site_limit = list
+}
+
+/**
+ * 确认
+ * @param formEl
+ */
+const confirm = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            loading.value = true
+            const save = addUser
+
+            save(formData.value).then(() => {
+                loading.value = false
+                showDialog.value = false
+                emits('complete')
+            }).catch(() => {
+                loading.value = false
+            })
+        }
+    })
+}
+
+const real_name_input = ref(true)
+const password_input = ref(true)
+const confirm_password_input = ref(true)
+
+defineExpose({
+    showDialog,
+    setFormData
+})
+</script>
+
+<style lang="scss" scoped>
+
+</style>
diff --git a/admin/src/app/views/site/components/user-info.vue b/admin/src/app/views/site/components/user-info.vue
index 0b62acc36..b2b375b72 100644
--- a/admin/src/app/views/site/components/user-info.vue
+++ b/admin/src/app/views/site/components/user-info.vue
@@ -1,7 +1,6 @@
 <template>
     <el-dialog v-model="showDialog" :title="t('userInfo')" width="550px" :destroy-on-close="true">
-        <el-form :model="formData" label-width="110px" ref="formRef" :rules="formRules" class="page-form"
-            v-loading="loading">
+        <el-form :model="formData" label-width="110px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
 
             <el-form-item :label="t('headimg')">
                 <div class="flex items-center">
@@ -26,8 +25,7 @@
             <el-form-item :label="t('siteName')">
                 <div class="flex">
                     <div class="max-w-[260px]"> {{ formData.roles[0].site_name }} </div>
-                    <el-link class="ml-10 text-blue-700" href="/site/login" target="_blank" :underline="false">{{
-                        t('enterSite') }}</el-link>
+                    <el-link class="ml-10 text-blue-700" href="/site/login" target="_blank" :underline="false">{{ t('enterSite') }}</el-link>
                 </div>
 
             </el-form-item>
@@ -102,8 +100,6 @@ const formRules = computed(() => {
     }
 })
 
-// const emit = defineEmits(['complete'])
-
 const setFormData = async (row: any = null) => {
     loading.value = true
     Object.assign(formData, initialFormData)
diff --git a/admin/src/app/views/site/group.vue b/admin/src/app/views/site/group.vue
index a695fae54..9c302f1c4 100644
--- a/admin/src/app/views/site/group.vue
+++ b/admin/src/app/views/site/group.vue
@@ -1,17 +1,19 @@
 <template>
+    <!--站点套餐-->
     <div class="main-container">
         <el-card class="box-card !border-none" shadow="never">
+
             <div class="flex justify-between items-center">
                 <span class="text-page-title">{{ pageName }}</span>
                 <el-button type="primary" class="w-[100px]" @click="addEvent">
                     {{ t('addSiteGroup') }}
                 </el-button>
             </div>
+
             <el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never">
                 <el-form :inline="true" :model="siteGroupTableData.searchParam" ref="searchFormRef">
                     <el-form-item :label="t('groupName')" prop="keywords">
-                        <el-input v-model="siteGroupTableData.searchParam.keywords"
-                            :placeholder="t('groupNamePlaceholder')" />
+                        <el-input v-model="siteGroupTableData.searchParam.keywords" :placeholder="t('groupNamePlaceholder')" />
                     </el-form-item>
 
                     <el-form-item>
diff --git a/admin/src/app/views/site/group_edit.vue b/admin/src/app/views/site/group_edit.vue
index 2511347d0..b1f3f81b1 100644
--- a/admin/src/app/views/site/group_edit.vue
+++ b/admin/src/app/views/site/group_edit.vue
@@ -1,36 +1,30 @@
 <template>
-    <div class="main-container mb-80" v-loading="loading">
-        <div class="detail-head !mb-[10px]">
-            <div class="left" @click="back">
-                <span class="iconfont iconxiangzuojiantou !text-xs"></span>
-                <span class="ml-[1px]">{{ t('returnToPreviousPage') }}</span>
-            </div>
-            <span class="adorn">|</span>
-            <span class="right">{{ pageName }}</span>
-        </div>
-        <el-card class="box-card !border-none" shadow="never">
+    <!--站点套餐编辑-->
+    <div class="main-container" v-loading="loading">
+
+        <el-card class="card !border-none" shadow="never">
+            <el-page-header :content="pageName" :icon="ArrowLeft" @back="$router.back()" />
+        </el-card>
+
+        <el-card class="box-card mt-[15px] !border-none" shadow="never">
             <el-form :model="formData" label-width="110px" ref="formRef" :rules="formRules" class="page-form">
                 <el-form-item :label="t('groupName')" prop="group_name">
-                    <el-input v-model="formData.group_name" :placeholder="t('groupNamePlaceholder')" clearable
-                        :disabled="formData.uid" class="input-width" maxlength="20" :show-word-limit="true" />
+                    <el-input v-model="formData.group_name" :placeholder="t('groupNamePlaceholder')" clearable :disabled="formData.uid" class="input-width" maxlength="20" :show-word-limit="true" />
                 </el-form-item>
                 <el-form-item :label="t('groupDesc')" prop="group_desc">
-                    <el-input v-model="formData.group_desc" type="textarea" rows="4" clearable
-                        :placeholder="t('groupDescPlaceholder')" class="input-width" maxlength="100" />
+                    <el-input v-model="formData.group_desc" type="textarea" rows="4" clearable :placeholder="t('groupDescPlaceholder')" class="input-width" maxlength="100" />
                 </el-form-item>
                 <el-form-item :label="t('mainApp')" prop="app">
                     <div class="text-gray-400" v-if="!appList.length">{{ t('appListEmpty') }}</div>
                     <el-checkbox-group v-model="formData.app" class="flex flex-wrap w-full" v-else>
                         <template #default>
                             <div class="flex w-[300px]" v-for="(item, index) in appList" :key="index">
-                                <el-checkbox :label="item.key" name=""
-                                             class="w-full !h-auto border border-solid p-[10px] !mr-[10px] !mb-[10px] rounded-md">
+                                <el-checkbox :label="item.key" name="" class="w-full !h-auto border border-[var(--el-color-info-light-7)] border-solid p-[10px] !mr-[10px] !mb-[10px] rounded-md">
                                     <template #default>
                                         <div class="w-full">
                                             <div class="flex">
                                                 <div class="w-[60px] h-[60px] mr-[10px] rounded-md overflow-hidden">
-                                                    <el-image :src="item.icon" v-if="item.icon"
-                                                              class="w-full h-full" />
+                                                    <el-image :src="item.icon" v-if="item.icon" class="w-full h-full" />
                                                     <el-image v-else class="w-full h-full">
                                                         <template #error>
                                                             <div class="image-error">
@@ -57,14 +51,12 @@
                     <el-checkbox-group v-model="formData.addon" class="flex flex-wrap w-full" v-else>
                         <template #default>
                             <div class="flex w-[300px]" v-for="(item, index) in addonList" :key="index">
-                                <el-checkbox :label="item.key" name=""
-                                    class="w-full !h-auto border border-solid p-[10px] !mr-[10px] !mb-[10px] rounded-md">
+                                <el-checkbox :label="item.key" name="" class="w-full !h-auto border border-[var(--el-color-info-light-7)] border-solid p-[10px] !mr-[10px] !mb-[10px] rounded-md">
                                     <template #default>
                                         <div class="w-full">
                                             <div class="flex">
                                                 <div class="w-[60px] h-[60px] mr-[10px] rounded-md overflow-hidden">
-                                                    <el-image :src="item.icon" v-if="item.icon"
-                                                        class="w-full h-full" />
+                                                    <el-image :src="item.icon" v-if="item.icon" class="w-full h-full" />
                                                     <el-image v-else class="w-full h-full">
                                                         <template #error>
                                                             <div class="image-error">
@@ -89,7 +81,7 @@
 
             <div class="fixed-footer-wrap">
                 <div class="fixed-footer">
-                    <el-button type="primary" @click="confirm(formRef)" v-loading="saveLoding">{{ t('save') }}</el-button>
+                    <el-button type="primary" @click="confirm(formRef)" v-loading="saveLoading">{{ t('save') }}</el-button>
                     <el-button @click="back()">{{ t('cancel') }}</el-button>
                 </div>
             </div>
@@ -101,9 +93,10 @@
 import { ref, computed } from 'vue'
 import { t } from '@/lang'
 import type { FormInstance } from 'element-plus'
+import { ArrowLeft } from '@element-plus/icons-vue'
 import { addSiteGroup, editSiteGroup, getSiteGroupInfo } from '@/app/api/site'
 import { getInstalledAddonList } from '@/app/api/addon'
-import { img } from '@/utils/common'
+import { img, deepClone } from '@/utils/common'
 import { useRouter, useRoute } from 'vue-router'
 
 const loading = ref(true)
@@ -112,7 +105,7 @@ const addonList = ref([])
 const route = useRoute()
 const router = useRouter()
 const pageName = route.meta.title
-const saveLoding = ref(false)
+const saveLoading = ref(false)
 
 /**
  * 表单数据
@@ -144,9 +137,8 @@ const getInstalledAddonListFn = async () => {
 getInstalledAddonListFn()
 
 if (route.query.id) {
-    getSiteGroupInfo(route.query.id).then(({ data }) => {
-        data.app = data.app.filter((key: string) => installAddon.includes(key))
-        data.addon = data.addon.filter((key: string) => installAddon.includes(key))
+    getSiteGroupInfo(route.query.id).then((res) => {
+        let data = deepClone(res.data)
         formData.value = data
         loading.value = false
     }).catch()
@@ -177,19 +169,19 @@ const formRules = computed(() => {
  * @param formEl
  */
 const confirm = async (formEl: FormInstance | undefined) => {
-    if (saveLoding.value || !formEl) return
+    if (saveLoading.value || !formEl) return
     const save = formData.value.group_id ? editSiteGroup : addSiteGroup
 
     await formEl.validate(async (valid) => {
         if (valid) {
-            saveLoding.value = true
+            saveLoading.value = true
 
             save(formData.value).then(res => {
                 setTimeout(() => {
                     back()
                 }, 1000)
             }).catch(() => {
-                saveLoding.value = false
+                saveLoading.value = false
             })
         }
     })
@@ -197,13 +189,13 @@ const confirm = async (formEl: FormInstance | undefined) => {
 </script>
 
 <style lang="scss" scoped>
-.image-error {
-    background: var(--el-border-color-extra-light);
-    width: 100%;
-    height: 100%;
-}
+    .image-error {
+        background: var(--el-border-color-extra-light);
+        width: 100%;
+        height: 100%;
+    }
 
-:deep(.el-checkbox__label) {
-    width: 100%;
-}
+    :deep(.el-checkbox__label) {
+        width: 100%;
+    }
 </style>
diff --git a/admin/src/app/views/site/info.vue b/admin/src/app/views/site/info.vue
index 5b7868b3c..d817af455 100644
--- a/admin/src/app/views/site/info.vue
+++ b/admin/src/app/views/site/info.vue
@@ -1,15 +1,19 @@
 <template>
+    <!--站点详情-->
     <div class="main-container" v-loading="loading">
-        <div class="detail-head !mb-[10px]">
-            <div class="left" @click="router.push({ path: '/admin/site/list' })">
-                <span class="iconfont iconxiangzuojiantou !text-xs"></span>
-                <span class="ml-[1px]">{{t('returnToPreviousPage')}}</span>
-            </div>
-            <span class="adorn">|</span>
-            <span class="right">{{ pageName }}</span>
-            <el-button class="ml-auto w-[100px] mr-[10px]" type="primary" @click="editEvent(formRef)">{{ t('edit') }}</el-button>
-        </div>
-        <el-form :model="formData" label-width="90px" ref="formRef" class="page-form">
+
+        <el-card class="card !border-none" shadow="never">
+            <el-page-header :icon="ArrowLeft" @back="$router.back()">
+                <template #content>
+                    <span class="text-large font-600 mr-3">{{ pageName }}</span>
+                </template>
+                <template #extra>
+                    <el-button class="w-[100px]" type="primary" @click="editEvent(formRef)">{{ t('edit') }}</el-button>
+                </template>
+            </el-page-header>
+        </el-card>
+
+        <el-form class="page-form mt-[15px]" :model="formData" label-width="90px" ref="formRef">
             <el-card class="box-card !border-none relative" shadow="never">
                 <el-form-item :label="t('siteName')">
                     <div class="input-width">{{ formData.site_name }}</div>
@@ -17,7 +21,7 @@
 
                 <el-form-item :label="t('siteLogo')">
                     <el-image v-if="formData.logo" class="w-20 h-20" :src="img(formData.logo)" fit="contain"></el-image>
-					<img class="w-20 h-20" v-else src="@/app/assets/images/site_logo.png" alt="" >
+                    <img class="w-20 h-20" v-else src="@/app/assets/images/site_logo.png" alt="" >
                 </el-form-item>
 
                 <el-form-item :label="t('siteDomain')">
@@ -49,10 +53,9 @@
                 <el-form-item :label="t('app')">
                     <div class="flex flex-wrap">
                         <template v-for="item in formData.site_addons">
-                            <div class="flex w-[300px] border border-solid p-[10px] !mr-[10px] !mb-[10px] rounded-md" v-if="item.type == 'app'">
+                            <div class="flex w-[300px] border border-[var(--el-color-info-light-7)] border-solid p-[10px] !mr-[10px] !mb-[10px] rounded-md" v-if="item.type == 'app'">
                                 <div class="w-[60px] h-[60px] mr-[10px] rounded-md overflow-hidden">
-                                    <el-image :src="img(item.icon)" v-if="item.icon"
-                                              class="w-full h-full" />
+                                    <el-image :src="img(item.icon)" v-if="item.icon" class="w-full h-full" />
                                     <el-image v-else class="w-full h-full">
                                         <template #error>
                                             <div class="image-error">
@@ -73,10 +76,9 @@
                 <el-form-item :label="t('addon')">
                     <div class="flex flex-wrap">
                         <template v-for="item in formData.site_addons">
-                            <div class="flex w-[300px] border border-solid p-[10px] !mr-[10px] !mb-[10px] rounded-md" v-if="item.type == 'addon'">
+                            <div class="flex w-[300px] border border-[var(--el-color-info-light-7)] border-solid p-[10px] !mr-[10px] !mb-[10px] rounded-md" v-if="item.type == 'addon'">
                                 <div class="w-[60px] h-[60px] mr-[10px] rounded-md overflow-hidden">
-                                    <el-image :src="img(item.icon)" v-if="item.icon"
-                                              class="w-full h-full" />
+                                    <el-image :src="img(item.icon)" v-if="item.icon" class="w-full h-full" />
                                     <el-image v-else class="w-full h-full">
                                         <template #error>
                                             <div class="image-error">
@@ -110,14 +112,13 @@
 import { ref, reactive } from 'vue'
 import { t } from '@/lang'
 import type { FormInstance } from 'element-plus'
+import { ArrowLeft } from '@element-plus/icons-vue'
 import { img } from '@/utils/common'
 import { getSiteInfo } from '@/app/api/site'
 import { useRoute, useRouter } from 'vue-router'
 import EditSite from '@/app/views/site/components/edit-site.vue'
 import useTabbarStore from '@/stores/modules/tabbar'
-// import useAppStore from '@/stores/modules/app'
 
-// const appStore = useAppStore()
 const tabbarStore = useTabbarStore()
 const route = useRoute()
 const router = useRouter()
diff --git a/admin/src/app/views/site/list.vue b/admin/src/app/views/site/list.vue
index 3578734c6..1b649cf9d 100644
--- a/admin/src/app/views/site/list.vue
+++ b/admin/src/app/views/site/list.vue
@@ -1,4 +1,5 @@
 <template>
+    <!--站点列表-->
     <div class="main-container">
         <el-card class="box-card !border-none" shadow="never">
 
@@ -25,26 +26,21 @@
                     </el-form-item>
 
                     <el-form-item :label="t('app')" prop="app_id">
-                        <el-select v-model="siteTableData.searchParam.app" clearable @change="appChangeFn"
-                            :placeholder="t('appIdPlaceholder')" class="input-width">
+                        <el-select v-model="siteTableData.searchParam.app" clearable @change="appChangeFn" :placeholder="t('appIdPlaceholder')" class="input-width">
                             <el-option :label="t('selectPlaceholder')" value="all" />
-                            <el-option :label="item['title']" :value="item['key']"
-                                v-for="(item, index) in Object.values(addonList)"  :key="index"/>
+                            <el-option :label="item['title']" :value="item['key']" v-for="(item, index) in Object.values(addonList)"  :key="index"/>
                         </el-select>
                     </el-form-item>
 
                     <el-form-item :label="t('groupId')" prop="group_id">
-                        <el-select v-model="siteTableData.searchParam.group_id" clearable
-                            :placeholder="t('groupIdPlaceholder')" class="input-width">
+                        <el-select v-model="siteTableData.searchParam.group_id" clearable :placeholder="t('groupIdPlaceholder')" class="input-width">
                             <el-option :label="t('selectPlaceholder')" value="" />
-                            <el-option :label="item['group_name']" :value="item['group_id']"
-                                v-for="(item, index) in groupList.all" :key="index"/>
+                            <el-option :label="item['group_name']" :value="item['group_id']" v-for="(item, index) in groupList.all" :key="index"/>
                         </el-select>
                     </el-form-item>
 
                     <el-form-item :label="t('status')" prop="status">
-                        <el-select v-model="siteTableData.searchParam.status" clearable
-                            :placeholder="t('groupIdPlaceholder')" class="input-width">
+                        <el-select v-model="siteTableData.searchParam.status" clearable :placeholder="t('groupIdPlaceholder')" class="input-width">
                             <el-option :label="t('selectPlaceholder')" value="" />
                             <el-option :label="item" :value="index" v-for="(item, index) in statusList" :key="index"/>
                         </el-select>
@@ -71,7 +67,6 @@
 
             <div class="mt-[20px]">
                 <el-table :data="siteTableData.data" size="large" v-loading="siteTableData.loading">
-
                     <template #empty>
                         <span>{{ !siteTableData.loading ? t('emptyData') : '' }}</span>
                     </template>
@@ -81,8 +76,7 @@
                         <template #default="{ row }">
                             <div class="flex items-center">
                                 <img class="w-[50px] h-[50px] mr-[10px]" v-if="row.logo" :src="img(row.logo)" alt="">
-                                <img class="w-[50px] h-[50px] mr-[10px]" v-else src="@/app/assets/images/site_logo.png"
-                                    alt="">
+                                <img class="w-[50px] h-[50px] mr-[10px]" v-else src="@/app/assets/images/site_logo.png" alt="">
                                 <div class="flex flex flex-col">
                                     <span>{{ row.site_name || '' }}</span>
                                 </div>
@@ -102,8 +96,7 @@
 
                     <el-table-column prop="group_name" :label="t('groupId')" width="150" :show-overflow-tooltip="true" />
                     <el-table-column prop="site_domain" :label="t('siteDomain')" width="150" :show-overflow-tooltip="true" />
-                    <el-table-column prop="create_time" :label="t('createTime')" width="250"
-                        :show-overflow-tooltip="true" />
+                    <el-table-column prop="create_time" :label="t('createTime')" width="250" :show-overflow-tooltip="true" />
                     <el-table-column prop="expire_time" :label="t('expireTime')" width="250" :show-overflow-tooltip="true">
                         <template #default="{ row }">
                             <div v-if="row.expire_time == 0">永久</div>
@@ -124,13 +117,20 @@
 
                     <el-table-column :label="t('operation')" min-width="210" align="right" fixed="right">
                         <template #default="{ row }">
-                            <el-button type="primary" link @click="openClose(row.status, row.site_id)"
-                                v-if="row.status == 1 || row.status == 3">{{ row.status == 1 ? t('closeTxt') : t('openTxt')
-                                }}</el-button>
-                            <el-button type="primary" link @click="editEvent(row)">{{ t('edit') }}</el-button>
-                            <el-button type="primary" link @click="deleteEvent(row)">{{ t('delete') }}</el-button>
-                            <el-button type="primary" link @click="infoEvent(row)">{{ t('info') }}</el-button>
+                            <el-button type="primary" link @click="openClose(row.status, row.site_id)" v-if="row.status == 1 || row.status == 3">{{ row.status == 1 ? t('closeTxt') : t('openTxt') }}</el-button>
                             <el-button type="primary" link @click="toSiteLink(row.site_id)">{{ t('toSite') }}</el-button>
+                            <el-dropdown>
+                                <span class="el-dropdown-link ml-[12px] h-[20px] leading-[24px] text-[var(--el-color-primary)]">
+                                    更多
+                                </span>
+                                <template #dropdown>
+                                    <div class="flex flex-col py-[5px] px-[10px]">
+                                        <el-button type="primary" link @click="editEvent(row)">{{ t('edit') }}</el-button>
+                                        <el-button type="primary" class="mt-[5px] !ml-[0]" link @click="deleteEvent(row)">{{ t('delete') }}</el-button>
+                                        <el-button type="primary" class="mt-[5px] !ml-[0]" link @click="infoEvent(row)">{{ t('info') }}</el-button>
+                                    </div>
+                                </template>
+                            </el-dropdown>
                         </template>
                     </el-table-column>
 
@@ -280,7 +280,7 @@ const editEvent = (data: any) => {
 
 /**
  * 站点登录
- * @param data
+ * @param siteId
  */
 const toSiteLink = (siteId:number = 0) => {
     window.localStorage.setItem('site.token', getToken())
@@ -335,9 +335,4 @@ const deleteEvent = (data: any) => {
 }
 </script>
 
-<style lang="scss" scoped>
-:deep(.warm-prompt) {
-    .el-alert__description {
-        margin: 0;
-    }
-}</style>
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/site/user.vue b/admin/src/app/views/site/user.vue
index fea27c4a1..f18d8c44a 100644
--- a/admin/src/app/views/site/user.vue
+++ b/admin/src/app/views/site/user.vue
@@ -1,9 +1,17 @@
 <template>
+    <!--站点用户-->
     <div class="main-container">
         <el-card class="box-card !border-none" shadow="never">
+
             <div class="flex justify-between items-center">
                 <span class="text-page-title">{{ pageName }}</span>
+                <div>
+                    <el-button type="primary" class="w-[100px]" @click="userEditRef.setFormData()">
+                        {{ t('addUser') }}
+                    </el-button>
+                </div>
             </div>
+
             <el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never">
                 <el-form :inline="true" :model="userTableData.searchParam" ref="searchFormRef">
                     <el-form-item :label="t('userName')" prop="username">
@@ -25,6 +33,7 @@
                     </el-form-item>
                 </el-form>
             </el-card>
+
             <div>
                 <el-table :data="userTableData.data" size="large" v-loading="userTableData.loading">
                     <template #empty>
@@ -56,9 +65,10 @@
                             {{ row.last_ip || '' }}
                         </template>
                     </el-table-column>
-                    <el-table-column :label="t('operation')" align="right" fixed="right" width="100">
+                    <el-table-column :label="t('operation')" align="right" fixed="right" width="150">
                         <template #default="{ row }">
                             <el-button type="primary" link @click="detailEvent(row.uid)">{{ t('detail') }}</el-button>
+                            <el-button type="primary" link @click="detailEvent(row.uid, 'userCreateSiteLimit')" v-if="!row.is_super_admin">{{ t('userCreateSiteLimit') }}</el-button>
                         </template>
                     </el-table-column>
                 </el-table>
@@ -71,20 +81,24 @@
             </div>
 
         </el-card>
+
+        <user-edit ref="userEditRef" @complete="loadUserList()"/>
     </div>
 </template>
 
 <script lang="ts" setup>
 import { reactive, ref } from 'vue'
 import { t } from '@/lang'
-import { getUserList } from '@/app/api/site'
+import { getUserList } from '@/app/api/user'
 import { img } from '@/utils/common'
 import type { FormInstance } from 'element-plus'
 import { useRouter, useRoute } from 'vue-router'
+import userEdit from './components/user-edit.vue'
 
 const router = useRouter()
 const route = useRoute()
 const pageName = route.meta.title
+const userEditRef = ref(null)
 
 const userTableData = reactive({
     page: 1,
@@ -133,10 +147,10 @@ loadUserList()
 
 /**
  * 查看详情
- * @param data
+ * @param uid
  */
-const detailEvent = (uid: number) => {
-    router.push({ path: '/admin/site/user_info', query: { uid } })
+const detailEvent = (uid: number, tab: string = '') => {
+    router.push({ path: '/admin/site/user_info', query: { uid, tab } })
 }
 </script>
 
diff --git a/admin/src/app/views/site/user_info.vue b/admin/src/app/views/site/user_info.vue
index c72dd5f7a..333e6e291 100644
--- a/admin/src/app/views/site/user_info.vue
+++ b/admin/src/app/views/site/user_info.vue
@@ -1,16 +1,15 @@
 <template>
+    <!--用户详情-->
     <div class="main-container" v-loading="loading">
-        <div class="detail-head">
-            <div class="left" @click="router.push({ path: '/admin/site/user' })">
-                <span class="iconfont iconxiangzuojiantou !text-xs"></span>
-                <span class="ml-[1px]">{{ t('returnToPreviousPage') }}</span>
-            </div>
-            <span class="adorn">|</span>
-            <span class="right">{{ pageName }}</span>
-        </div>
-        <el-card class="box-card !border-none" shadow="never">
-            <h3 class="panel-title !text-[16px] pl-[15px] mb-[20px]">{{ t('userInfo') }}</h3>
-            <el-row :gutter="20" class="pl-[15px] mb-[20px]">
+
+       <el-card class="card !border-none" shadow="never">
+           <el-page-header :content="pageName" :icon="ArrowLeft" @back="$router.back()" />
+       </el-card>
+
+        <el-card class="box-card mt-[15px] !border-none" shadow="never">
+            <h3 class="panel-title !text-sm">{{ t('userInfo') }}</h3>
+
+            <el-row :gutter="20" class="mt-[20px] mb-[20px]">
                 <el-col :span="6">
                     <span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('uid') }}</span>
                     <span class="text-[14px] text-[#666666]">
@@ -24,7 +23,7 @@
                     </span>
                 </el-col>
             </el-row>
-            <el-row :gutter="20" class="pl-[15px] mb-[20px]">
+            <el-row :gutter="20" class="mb-[20px]">
                 <el-col :span="6">
                     <span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('realname') }}</span>
                     <span class="text-[14px] text-[#666666]">
@@ -38,7 +37,7 @@
                     </span>
                 </el-col>
             </el-row>
-            <el-row :gutter="20" class="pl-[15px] mb-[20px]">
+            <el-row :gutter="20" class="mb-[20px]">
                 <el-col :span="6">
                     <span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('lastLoginTime') }}</span>
                     <span class="text-[14px] text-[#666666]">
@@ -53,36 +52,70 @@
                 </el-col>
             </el-row>
         </el-card>
-        <el-card class="box-card !border-none" shadow="never">
-            <h3 class="panel-title !text-[16px] pl-[15px]">{{ t('siteInfo') }}</h3>
 
-            <el-table :data="detail.roles" size="large">
-                <el-table-column prop="site_id" :label="t('siteId')" width="100px" />
-                <el-table-column prop="site_name" :label="t('siteName')" />
-                <el-table-column prop="is_admin" :label="t('isAdmin')" min-width="180" align="center">
-                    <template #default="{ row }">
-                        {{ row.is_admin ? t('yes') : t('no') }}
-                    </template>
-                </el-table-column>
-                <el-table-column :label="t('status')" min-width="80" align="center">
-                    <template #default="{ row }">
-                        <el-tag class="ml-2" type="success" v-if="row.status == 1">{{ row.site_status_name }}</el-tag>
-                        <el-tag class="ml-2" type="error" v-else-if="row.status == 3">
-                            {{ row.site_status_name }}
-                        </el-tag>
-                        <el-tag class="ml-2" type="error" v-else>
-                            {{ row.site_status_name }}
-                        </el-tag>
-                    </template>
-                </el-table-column>
-                <el-table-column prop="expire_time" :label="t('expireTime')" />
-                <el-table-column :label="t('operation')" align="right" fixed="right">
-                        <template #default="{ row }">
-                            <el-button type="primary" link @click="siteInfo(row)">{{ t('info') }}</el-button>
-                        </template>
-                    </el-table-column>
-            </el-table>
+        <el-card class="box-card mt-[15px] !border-none" shadow="never">
+            <el-tabs v-model="currTab" @tab-click="handleClick">
+                <el-tab-pane :label="t('siteInfo')" name="siteInfo">
+                    <el-table :data="detail.roles" size="large">
+                        <el-table-column prop="site_id" :label="t('siteId')" width="100px" />
+                        <el-table-column prop="site_name" :label="t('siteName')" />
+                        <el-table-column prop="is_admin" :label="t('isAdmin')" min-width="180" align="center">
+                            <template #default="{ row }">
+                                {{ row.is_admin ? t('yes') : t('no') }}
+                            </template>
+                        </el-table-column>
+                        <el-table-column :label="t('status')" min-width="80" align="center">
+                            <template #default="{ row }">
+                                <el-tag class="ml-2" type="success" v-if="row.status == 1">{{ row.site_status_name }}</el-tag>
+                                <el-tag class="ml-2" type="error" v-else-if="row.status == 3">
+                                    {{ row.site_status_name }}
+                                </el-tag>
+                                <el-tag class="ml-2" type="error" v-else>
+                                    {{ row.site_status_name }}
+                                </el-tag>
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="expire_time" :label="t('expireTime')" />
+                        <el-table-column :label="t('operation')" align="right" fixed="right">
+                            <template #default="{ row }">
+                                <el-button type="primary" link @click="siteInfo(row)">{{ t('info') }}</el-button>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                </el-tab-pane>
+                <el-tab-pane :label="t('userCreateSiteLimit')" name="userCreateSiteLimit" v-if="!detail.is_super_admin">
+                    <div class="flex justify-end mb-[16px]">
+                        <el-button type="primary" @click="createSiteLimitRef.setFormData()">{{ t('addSserCreateSiteLimit') }}</el-button>
+                    </div>
+                    <el-table :data="userCreateSiteLimit" size="large">
+                        <el-table-column :label="t('siteGroup')">
+                            <template #default="{ row }">
+                                {{ siteGroup[row.group_id] ? siteGroup[row.group_id].group_name : '' }}
+                            </template>
+                        </el-table-column>
+                        <el-table-column :label="t('createdSiteNum')">
+                            <template #default="{ row }">
+                                {{ siteGroup[row.group_id] ? siteGroup[row.group_id].site_num : 0 }}
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="num" :label="t('createSiteNum')" align="center"/>
+                        <el-table-column prop="month" :label="t('createSiteTimeLimit')" align="center">
+                            <template #default="{ row }">
+                                {{ row.month }}个{{ t('month') }}
+                            </template>
+                        </el-table-column>
+                        <el-table-column :label="t('operation')" align="right" fixed="right">
+                            <template #default="{ row }">
+                                <el-button type="primary" link @click="createSiteLimitRef.setFormData(row.id)">{{ t('edit') }}</el-button>
+                                <el-button type="primary" link @click="deleteCreateSiteTimeLimit(row.id)">{{ t('delete') }}</el-button>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                </el-tab-pane>
+            </el-tabs>
         </el-card>
+
+        <create-site-limit ref="createSiteLimitRef" :site-group="siteGroup" :uid="uid" @complete="getUserCreateSiteLimitFn"/>
     </div>
 </template>
 
@@ -90,7 +123,11 @@
 import { ref } from 'vue'
 import { t } from '@/lang'
 import { useRoute, useRouter } from 'vue-router'
-import { getUserInfo } from '@/app/api/site'
+import { getUserInfo, getUserCreateSiteLimit, delUserCreateSiteLimit } from '@/app/api/user'
+import { getUserSiteGroupAll } from '@/app/api/site'
+import { ArrowLeft } from '@element-plus/icons-vue'
+import createSiteLimit from './components/create-site-limit.vue'
+import { ElMessageBox } from 'element-plus'
 
 const route = useRoute()
 const router = useRouter()
@@ -98,20 +135,53 @@ const pageName = route.meta.title
 const uid: number = parseInt(route.query.uid || 0)
 const loading = ref(true)
 const detail = ref({})
+const currTab = ref(route.query.tab || 'siteInfo')
+const siteGroup = ref({})
+const userCreateSiteLimit = ref([])
+const createSiteLimitRef = ref(null)
 
 getUserInfo(uid).then(({ data }) => {
     detail.value = data
     loading.value = false
 }).catch()
 
+getUserSiteGroupAll({ uid }).then(({ data }) => {
+    const list: any = {}
+    data.forEach((item: any) => {
+        list[item.group_id] = item
+    })
+    siteGroup.value = list
+})
+
+const getUserCreateSiteLimitFn = () => {
+    getUserCreateSiteLimit(uid).then(({ data }) => {
+        userCreateSiteLimit.value = data
+    })
+}
+getUserCreateSiteLimitFn()
+
 /**
  * 站点详情
  * @param data
  */
- const siteInfo = (data: any) => {
+const siteInfo = (data: any) => {
     router.push({ path: '/admin/site/info', query: { id: data.site_id } })
 }
 
+const deleteCreateSiteTimeLimit = (id: number) => {
+    ElMessageBox.confirm(t('createSiteTimeLimitDeleteTips'), t('warning'),
+        {
+            confirmButtonText: t('confirm'),
+            cancelButtonText: t('cancel'),
+            type: 'warning'
+        }
+    ).then(() => {
+        delUserCreateSiteLimit(id).then(() => {
+            getUserCreateSiteLimitFn()
+        }).catch(() => {
+        })
+    })
+}
 </script>
 
 <style lang="scss" scoped></style>
diff --git a/admin/src/app/views/tools/addon/edit.vue b/admin/src/app/views/tools/addon/edit.vue
index c3ad5d68b..e206f211d 100644
--- a/admin/src/app/views/tools/addon/edit.vue
+++ b/admin/src/app/views/tools/addon/edit.vue
@@ -1,14 +1,11 @@
 <template>
-    <div class="main-container mb-80" v-loading="loading">
-        <div class="detail-head !mb-[10px]">
-            <div class="left" @click="router.push({ path: '/tools/addon' })">
-                <span class="iconfont iconxiangzuojiantou !text-xs"></span>
-                <span class="ml-[1px]">{{ t('returnToPreviousPage') }}</span>
-            </div>
-            <span class="adorn">|</span>
-            <span class="right">{{ pageName }}</span>
-        </div>
-        <el-card class="box-card !border-none" shadow="never">
+    <div class="main-container" v-loading="loading">
+
+        <el-card class="card !border-none" shadow="never">
+            <el-page-header :content="pageName" :icon="ArrowLeft" @back="$router.back()" />
+        </el-card>
+
+        <el-card class="box-card mt-[15px] !border-none" shadow="never">
             <el-form :model="form" label-width="90px" ref="formRef" :rules="rules" class="page-form">
                 <el-form-item :label="t('title')" prop="title">
                     <el-input v-model="form.title" clearable :placeholder="t('titlePlaceholder')" class="input-width" />
@@ -18,48 +15,39 @@
                         <upload-image v-model="form.icon" />
                         <p class="text-[12px] text-[#a9a9a9] leading-normal mt-[5px]">{{ t('iconPlaceholder1') }}</p>
                     </div>
-
                 </el-form-item>
                 <el-form-item :label="t('key')" prop="key">
                     <div>
-                        <el-input v-model="form.key" clearable :disabled="route.query.key"
-                            :placeholder="t('keyPlaceholder')" class="input-width mr-[15px]" />
-                        <el-button v-if="!route.query.key" type="primary" :disabled="form.key == ''"
-                            @click="getAddonDevelopCheckFn(form.key)">官方市场标识检测</el-button>
+                        <el-input v-model="form.key" clearable :disabled="route.query.key" :placeholder="t('keyPlaceholder')" class="input-width mr-[15px]" />
+                        <el-button v-if="!route.query.key" type="primary" :disabled="form.key == ''" @click="getAddonDevelopCheckFn(form.key)">官方市场标识检测</el-button>
                         <p class="text-[12px] text-[#a9a9a9] leading-normal mt-[5px]">{{ t('keyPlaceholder1') }}</p>
                         <p class="text-[12px] text-[#a9a9a9] leading-normal">{{ t('keyPlaceholder2') }}</p>
                         <p v-if="keyBlackList.length" class="text-[12px] text-[#a9a9a9] leading-normal">
                             插件标识不能定义成黑名单中的值，插件标识黑名单：{{ keyBlackList.join('，') }}
                         </p>
                     </div>
-
                 </el-form-item>
                 <el-form-item :label="t('desc')" prop="desc">
-                    <el-input type="textarea" v-model="form.desc" clearable :placeholder="t('descPlaceholder')"
-                        class="input-width" />
+                    <el-input type="textarea" v-model="form.desc" clearable :placeholder="t('descPlaceholder')" class="input-width" />
                 </el-form-item>
                 <el-form-item :label="t('author')" prop="author">
                     <el-input v-model="form.author" clearable :placeholder="t('authorPlaceholder')" class="input-width" />
                 </el-form-item>
                 <el-form-item :label="t('version')" prop="version">
                     <div>
-                        <el-input v-model="form.version" clearable :placeholder="t('versionPlaceholder')"
-                            class="input-width" onkeyup="this.value = this.value.replace(/[^\d\.]/g,'');" />
+                        <el-input v-model="form.version" clearable :placeholder="t('versionPlaceholder')" class="input-width" onkeyup="this.value = this.value.replace(/[^\d\.]/g,'');" />
                         <p class="text-[12px] text-[#a9a9a9] leading-normal mt-[5px]">{{ t('versionPlaceholder1') }}</p>
                     </div>
-
                 </el-form-item>
                 <el-form-item :label="t('cover')" prop="cover">
                     <div>
                         <upload-image v-model="form.cover" />
                         <p class="text-[12px] text-[#a9a9a9] leading-normal mt-[5px]">{{ t('coverPlaceholder1') }}</p>
                     </div>
-
                 </el-form-item>
                 <el-form-item :label="t('type')" prop="type">
                     <div>
-                        <el-select v-model="form.type" :placeholder="t('typePlaceholder')" class="input-width" clearable
-                            @change="typeChange">
+                        <el-select v-model="form.type" :placeholder="t('typePlaceholder')" class="input-width" clearable @change="typeChange">
                             <el-option v-for="(item, key) in options" :key="key" :label="item" :value="key" />
                         </el-select>
                         <p class="text-[12px] text-[#a9a9a9] leading-normal mt-[5px]">{{ t('typePlaceholder1') }}</p>
@@ -77,8 +65,7 @@
                     </el-form-item>
                     <el-form-item :label="t('supportApp')" prop="support_app" v-if="form.support_type!=1">
                         <el-select v-model="form.support_app" :placeholder="t('supportAppPlaceholder')" class="input-width">
-                            <el-option v-for="(item, index) in AppLst" :label="item.title" :value="item.key"
-                                :key="index" />
+                            <el-option v-for="(item, index) in AppLst" :label="item.title" :value="item.key" :key="index" />
                         </el-select>
                     </el-form-item>
                 </template>
@@ -88,6 +75,7 @@
                 </el-form-item> -->
             </el-form>
         </el-card>
+
         <div class="fixed-footer-wrap" v-if="!loading">
             <div class="fixed-footer">
                 <el-button type="primary" @click="onSave(formRef)">{{ t('GeneratePlugins') }}</el-button>
@@ -96,12 +84,14 @@
         </div>
     </div>
 </template>
+
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue'
 import { t } from '@/lang'
 import { getAddontype, addAddonDevelop, editAddonDevelop, getAddonDevelopInfo, getAddonDevelopCheck, getAddonKeyBlackList } from '@/app/api/tools'
 import { getAddonList } from '@/app/api/sys'
 import { ElMessageBox, ElMessage, FormInstance } from 'element-plus'
+import { ArrowLeft } from '@element-plus/icons-vue'
 import { useRouter, useRoute } from 'vue-router'
 
 const route = useRoute()
diff --git a/admin/src/app/views/tools/addon/index.vue b/admin/src/app/views/tools/addon/index.vue
index ff9ceec6b..41bc7a91f 100644
--- a/admin/src/app/views/tools/addon/index.vue
+++ b/admin/src/app/views/tools/addon/index.vue
@@ -1,28 +1,18 @@
 <template>
+    <!--插件开发-->
     <div class="main-container">
         <el-card class="box-card !border-none" shadow="never">
-            <div class="flex justify-between items-center mb-[10px]">
+
+            <div class="flex justify-between items-center">
                 <span class="text-page-title">{{ pageName }}</span>
             </div>
-            <el-tabs v-model="activeName" class="demo-tabs">
+
+            <el-tabs v-model="activeName" class="mt-[20px]">
                 <el-tab-pane :label="t('developmentProcess')" name="developmentProcess">
-                    <el-steps direction="vertical">
+                    <el-steps :active="5" direction="vertical">
                         <el-step>
-                            <template #icon v-if="active > 1">
-                                <el-icon size="25px" class="text-color">
-                                    <CircleCheckFilled />
-                                </el-icon>
-                            </template>
-                            <template #icon v-else-if="active == 1">
-                                <div class="w-[24px] h-[24px] box-border rounded-full bg-color1 flex items-center justify-center">
-                                    <div class="h-[12px] w-[12px] bg-color rounded-full"></div>
-                                </div>
-                            </template>
-                            <template #icon v-else>
-                                <div class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">1</div>
-                            </template>
                             <template #title>
-                                <p class="text-[14px] text-[#303133] font-[700]">
+                                <p class="text-[14px] font-[700]">
                                     {{ t("step1") }}
                                 </p>
                             </template>
@@ -33,22 +23,10 @@
                                 </div>
                             </template>
                         </el-step>
+
                         <el-step>
-                            <template #icon v-if="active > 2">
-                                <el-icon size="25px">
-                                    <CircleCheckFilled />
-                                </el-icon>
-                            </template>
-                            <template #icon v-else-if="active == 2">
-                                <div class="w-[24px] h-[24px] box-border rounded-full bg-color1 flex items-center justify-center">
-                                    <div class="h-[12px] w-[12px] bg-color rounded-full"></div>
-                                </div>
-                            </template>
-                            <template #icon v-else>
-                                <div class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">2</div>
-                            </template>
                             <template #title>
-                                <p class="text-[14px] text-[#303133] font-[700]">
+                                <p class="text-[14px] font-[700]">
                                     {{ t("step2") }}
                                 </p>
                             </template>
@@ -59,22 +37,10 @@
                                 </div>
                             </template>
                         </el-step>
+
                         <el-step>
-                            <template #icon v-if="active > 3">
-                                <el-icon size="25px">
-                                    <CircleCheckFilled />
-                                </el-icon>
-                            </template>
-                            <template #icon v-else-if="active == 3">
-                                <div class="w-[24px] h-[24px] box-border rounded-full bg-color1 flex items-center justify-center">
-                                    <div class="h-[12px] w-[12px] bg-color rounded-full"></div>
-                                </div>
-                            </template>
-                            <template #icon v-else>
-                                <div class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">3</div>
-                            </template>
                             <template #title>
-                                <p class="text-[14px] text-[#303133] font-[700]">
+                                <p class="text-[14px] font-[700]">
                                     {{ t("step3") }}
                                 </p>
                             </template>
@@ -85,22 +51,10 @@
                                 </div>
                             </template>
                         </el-step>
+
                         <el-step>
-                            <template #icon v-if="active > 4">
-                                <el-icon size="25px">
-                                    <CircleCheckFilled />
-                                </el-icon>
-                            </template>
-                            <template #icon v-else-if="active == 4">
-                                <div class="w-[24px] h-[24px] box-border rounded-full bg-color1 flex items-center justify-center">
-                                    <div class="h-[12px] w-[12px] bg-color rounded-full"></div>
-                                </div>
-                            </template>
-                            <template #icon v-else>
-                                <div class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">4</div>
-                            </template>
                             <template #title>
-                                <p class="text-[14px] text-[#303133] font-[700]">
+                                <p class="text-[14px] font-[700]">
                                     {{ t("step4") }}
                                 </p>
                             </template>
@@ -111,36 +65,25 @@
                                 </div>
                             </template>
                         </el-step>
+
                         <el-step>
-                            <template #icon v-if="active > 5">
-                                <el-icon size="25px">
-                                    <CircleCheckFilled />
-                                </el-icon>
-                            </template>
-                            <template #icon v-else-if="active == 5">
-                                <div class="w-[24px] h-[24px] box-border rounded-full bg-color1 flex items-center justify-center">
-                                    <div class="h-[12px] w-[12px] bg-color rounded-full"></div>
-                                </div>
-                            </template>
-                            <template #icon v-else>
-                                <div class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">5</div>
-                            </template>
                             <template #title>
-                                <p class="text-[14px] text-[#303133] font-[700]">
+                                <p class="text-[14px] font-[700]">
                                     {{ t("step5") }}
                                 </p>
                             </template>
                             <template #description>
                                 <span class="text-[#999]">{{ t("describe5") }}</span>
                                 <div class="mt-[20px] mb-[40px] h-[32px]">
-                                    <el-button type="primary" plain
-                                        @click="linkEvent('https://www.niucloud.com/app')">{{t("btn5") }}</el-button>
+                                    <el-button type="primary" plain @click="linkEvent('https://www.niucloud.com/app')">{{t("btn5") }}</el-button>
                                 </div>
                             </template>
                         </el-step>
                     </el-steps>
                 </el-tab-pane>
+
                 <el-tab-pane :label="t('pluginList')" name="pluginList">
+
                     <el-card class="box-card !border-none mb-[10px] table-search-wrap" shadow="never">
                         <div class="flex justify-between">
                             <el-form :inline="true" :model="params" ref="searchFormRef">
@@ -153,12 +96,13 @@
                                 </el-form-item>
                             </el-form>
                         </div>
-
                     </el-card>
+
                     <el-table :data="data" size="large" v-loading="loading" class="pt-[5px]">
                         <template #empty>
                             <span>{{ t('emptyData') }}</span>
                         </template>
+
                         <el-table-column :label="t('title')" align="left" min-width="320">
                             <template #default="{ row }">
                                 <div class="flex items-center justify-between">
@@ -178,7 +122,7 @@
                         <el-table-column prop="type_name" :label="t('type')" align="center" min-width="200" />
                         <el-table-column prop="author" :label="t('author')" align="center" min-width="200" />
                         <el-table-column prop="version" :label="t('version')" align="center" min-width="200" />
-                        <el-table-column :label="t('stutas')" align="center" min-width="200">
+                        <el-table-column :label="t('status')" align="center" min-width="200">
                             <template #default="{ row }">
                                 {{ Object.keys(row.install_info).length ? '已安装' : '未安装' }}
                             </template>
@@ -197,6 +141,7 @@
         </el-card>
     </div>
 </template>
+
 <script lang="ts" setup>
 import { reactive, toRefs, ref, onMounted } from 'vue'
 import { t } from '@/lang'
@@ -285,31 +230,5 @@ const deleteEvent = (key: any) => {
     })
 }
 </script>
-<style lang="scss" scoped>
-.border-color {
-    border-color: var(--el-color-primary);
-}
 
-.bg-color {
-    background-color: var(--el-color-primary);
-}
-
-.text-color {
-    color: var(--el-color-primary);
-}
-
-.bg-color1 {
-    background-color: var(--el-color-info-light-8);
-}
-
-:deep(.el-step.is-vertical .el-step__icon.is-icon) {
-    padding: 8px 0;
-    height: 40px;
-    background-color: #fff;
-}
-
-:deep(.el-step__title) {
-    height: 40px;
-    line-height: 40px !important;
-}
-</style>
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/tools/attachment.vue b/admin/src/app/views/tools/attachment.vue
index fa9207748..518af1180 100644
--- a/admin/src/app/views/tools/attachment.vue
+++ b/admin/src/app/views/tools/attachment.vue
@@ -1,10 +1,11 @@
 <template>
 	<div class="main-container attachment-container">
-
 		<el-card class="box-card !border-none full-container" shadow="never">
-			<div class="flex justify-between items-center mb-[16px]">
-                <span class="text-page-title">{{pageName}}</span>
+
+			<div class="flex justify-between items-center mb-[20px]">
+                <span class="text-page-title">{{ pageName }}</span>
             </div>
+
 			<el-tabs v-model="type">
 				<el-tab-pane :label="t(tab)" v-for="(tab, index) in attachmentType" :name="tab" :key="index">
 					<attachment scene="attachment" :type="tab" />
@@ -27,17 +28,24 @@ const type = ref(attachmentType[0])
 
 </script>
 
-<style lang="scss" scoped></style>
 <style lang="scss">
 	.attachment-container {
+        overflow: hidden;
+        min-height: calc(100vh - 94px);
+        background-color: var(--el-bg-color-overlay);
+
+        .full-container {
+            height: calc(100vh - 100px);
+        }
+
 		.el-card__body {
 			height: 100%;
 		}
 
 		.el-tabs {
 			display: flex;
-			flex-direction: column;
-			height: calc(100% - 40px);
+            flex-direction: column;
+            height: calc(100% - 40px);
 		}
 
 		.el-tabs__content {
diff --git a/admin/src/app/views/tools/code/components/add-table.vue b/admin/src/app/views/tools/code/components/add-table.vue
index 1c4c55d0f..e73868b12 100644
--- a/admin/src/app/views/tools/code/components/add-table.vue
+++ b/admin/src/app/views/tools/code/components/add-table.vue
@@ -66,10 +66,9 @@ const loadTableList = () => {
 }
 loadTableList()
 
-// const emit = defineEmits(['complete'])
 /**
  * 确认
- * @param formEl
+ * @param row
  */
 const confirm = (row: any) => {
     const name: string = row.Name
diff --git a/admin/src/app/views/tools/code/components/edit-associated.vue b/admin/src/app/views/tools/code/components/edit-associated.vue
index 040ba579c..f036304cb 100644
--- a/admin/src/app/views/tools/code/components/edit-associated.vue
+++ b/admin/src/app/views/tools/code/components/edit-associated.vue
@@ -21,10 +21,8 @@
                 </el-select>
             </el-form-item>
             <el-form-item prop="local_key" :label="t('localKey')">
-                <el-select class="input-width" :placeholder="t('localKeyPlaceholder')"
-                    v-model="formData.local_key">
-                    <el-option :label="`${item.name}:${item.comment}`" :value="item.name"
-                        v-for="(item, index) in localKeyList " :key="index" />
+                <el-select class="input-width" :placeholder="t('localKeyPlaceholder')" v-model="formData.local_key">
+                    <el-option :label="`${item.name}:${item.comment}`" :value="item.name" v-for="(item, index) in localKeyList" :key="index" />
                 </el-select>
             </el-form-item>
             <el-form-item :label="t('foreignKey')" prop="foreign_key">
@@ -48,7 +46,6 @@ import { getGeneratorAllModel, getGeneratorTableColumn, getAddonDevelop } from '
 import { cloneDeep } from 'lodash-es'
 
 const showDialog = ref(false)
-// const loading = ref(false)
 const title = ref('')
 const prop = defineProps({
     table_name: {
diff --git a/admin/src/app/views/tools/code/components/edit-view-type.vue b/admin/src/app/views/tools/code/components/edit-view-type.vue
index 024377716..6e0fe4a8c 100644
--- a/admin/src/app/views/tools/code/components/edit-view-type.vue
+++ b/admin/src/app/views/tools/code/components/edit-view-type.vue
@@ -27,18 +27,14 @@
             </el-form-item>
 
              <el-form-item prop="value_key" :label="t('remotePullDownValue')" v-if="formData.select_type == 2">
-                <el-select class="input-width" :placeholder="t('remotePullDownValuePlaceholder')"
-                    v-model="formData.value_key">
-                    <el-option :label="`${item.name}:${item.comment}`" :value="item.name"
-                        v-for="(item, index) in keyList " :key="index" />
+                <el-select class="input-width" :placeholder="t('remotePullDownValuePlaceholder')" v-model="formData.value_key">
+                    <el-option :label="`${item.name}:${item.comment}`" :value="item.name" v-for="(item, index) in keyList" :key="index" />
                 </el-select>
             </el-form-item>
 
             <el-form-item prop="label_key" :label="t('remotePullDownLabel')" v-if="formData.select_type == 2">
-                <el-select class="input-width" :placeholder="t('remotePullDownLabelPlaceholder')"
-                    v-model="formData.label_key">
-                    <el-option :label="`${item.name}:${item.comment}`" :value="item.name"
-                        v-for="(item, index) in keyList " :key="index" />
+                <el-select class="input-width" :placeholder="t('remotePullDownLabelPlaceholder')" v-model="formData.label_key">
+                    <el-option :label="`${item.name}:${item.comment}`" :value="item.name" v-for="(item, index) in keyList" :key="index" />
                 </el-select>
             </el-form-item>
         </el-form>
@@ -58,6 +54,7 @@ import { getDictAll } from '@/app/api/dict'
 import type { FormInstance } from 'element-plus'
 import { cloneDeep } from 'lodash-es'
 import { getGeneratorAllModel, getGeneratorTableColumn,getAddonDevelop,getGeneratorModelTableColumn } from '@/app/api/tools'
+
 const showDialog = ref(false)
 const title = ref('')
 /**
@@ -86,8 +83,6 @@ const getGeneratorAllModelFn = (params:any) => {
     })
 }
 
-
-
 //获取插件列表
 const addonLst = ref<Array<any>>([])
 const getAddonDevelopFn = async () => {
@@ -123,7 +118,6 @@ const formRules = computed(() => {
         dict_type: [
             {
             validator: (rule: any, value: any, callback: any) => {
-                console.log(formData.value.select_type)
                 if (formData.value.select_type == 1 && formData.value.dict_type == '') {
                     callback(new Error(t('dictTypePlaceholder')))
                 }else{
@@ -148,7 +142,6 @@ const formRules = computed(() => {
         model: [
             {
                 validator: (rule: any, value: any, callback: any) => {
-                    console.log(formData.value.model);
                     if (formData.value.select_type == 2 && formData.value.model == '') {
                         callback(new Error(t('associatedModelPlaceholder')))
                     }else{
diff --git a/admin/src/app/views/tools/code/edit.vue b/admin/src/app/views/tools/code/edit.vue
index 313853427..fd7d87f96 100644
--- a/admin/src/app/views/tools/code/edit.vue
+++ b/admin/src/app/views/tools/code/edit.vue
@@ -1,14 +1,11 @@
 <template>
-    <div class="main-container mb-80" v-loading="loading">
-        <div class="detail-head !mb-[10px]">
-            <div class="left" @click="router.push({ path: '/tools/code' })">
-                <span class="iconfont iconxiangzuojiantou !text-xs"></span>
-                <span class="ml-[1px]">{{ t('returnToPreviousPage') }}</span>
-            </div>
-            <span class="adorn">|</span>
-            <span class="right">{{ pageName }}</span>
-        </div>
-        <el-card class="box-card !border-none" shadow="never">
+    <div class="main-container" v-loading="loading">
+
+        <el-card class="card !border-none" shadow="never">
+            <el-page-header :content="pageName" :icon="ArrowLeft" @back="$router.back()" />
+        </el-card>
+
+        <el-card class="box-card mt-[15px] !border-none" shadow="never">
             <el-tabs v-model="activeName" class="demo-tabs">
                 <el-tab-pane :label="t('basicSettings')" name="basicSettings">
                     <el-form :model="formData" label-width="70px" class="page-form">
@@ -19,11 +16,8 @@
                             <el-input v-model="formData.table_content" clearable :placeholder="t('tableContentPlaceholder')" class="input-width" maxlength="64" />
                         </el-form-item>
                         <el-form-item :label="t('addon')">
-                            <el-select class="input-width" :placeholder="t('addonPlaceholder1')"
-                                v-model="formData.addon_name" filterable remote clearable :remote-method="getAddonDevelopFn"
-                                @change="addonChange">
-                                <el-option :label="item.title" :value="item.key" v-for="item in addonList"
-                                    :key="item.key" />
+                            <el-select class="input-width" :placeholder="t('addonPlaceholder1')" v-model="formData.addon_name" filterable remote clearable :remote-method="getAddonDevelopFn" @change="addonChange">
+                                <el-option :label="item.title" :value="item.key" v-for="item in addonList" :key="item.key" />
                             </el-select>
                         </el-form-item>
                         <el-form-item :label="t('moduleName')">
@@ -249,9 +243,11 @@
             </el-tabs>
         </el-card>
     </div>
+
     <edit-associated ref="editDialog" :table_name="formData.table_name" @complete="complete" />
     <edit-view-type ref="editViewTypeRef" @complete="completeViewType" />
     <edit-verify ref="editVerifyRef" @complete="completeVerify" />
+
     <div class="fixed-footer-wrap">
         <div class="fixed-footer">
             <el-button type="primary" @click="onSave(1)">{{ t('save') }}</el-button>
@@ -267,6 +263,7 @@ import { ref, reactive, computed, onMounted, nextTick } from 'vue'
 import { t } from '@/lang'
 import { img } from '@/utils/common'
 import { FormInstance, ElMessageBox, ElMessage } from 'element-plus'
+import { ArrowLeft } from '@element-plus/icons-vue'
 import editAssociated from '@/app/views/tools/code/components/edit-associated.vue'
 import editViewType from '@/app/views/tools/code/components/edit-view-type.vue'
 import editVerify from '@/app/views/tools/code/components/edit-verify.vue'
@@ -537,18 +534,17 @@ const generatorCheckFileFn = (() => {
     generatorCheckFile({ id: formData.id }).then(res => {
         loading.value = false
         ElMessageBox.confirm(
-            res.msg != '2' ? t('saveAndSyncText') : t('saveAndSyncText1'),
-            t('warning'),
-            {
-                confirmButtonText: t('confirm'),
-                cancelButtonText: t('cancel')
-            }
-        )
-            .then(() => {
-                loading.value = true
-                generateCreateFn(3)
-            })
-            .catch(() => { })
+                res.msg != '2' ? t('saveAndSyncText') : t('saveAndSyncText1'),
+                t('warning'),
+                {
+                    confirmButtonText: t('confirm'),
+                    cancelButtonText: t('cancel')
+                }
+        ).then(() => {
+            loading.value = true
+            generateCreateFn(3)
+        }).catch(() => {
+        })
     }).catch(() => {
         loading.value = false
     })
@@ -575,10 +571,10 @@ const generateCreateFn = (generate_type: any) => {
 const rowIndex = ref(0)
 const editVerifyRef = ref(null)
 const editViewTypeRef = ref(null)
+
 /**
  * 打开最大最小值设置
  */
-
 const validatorBtn = (row: any, index: number) => {
     if (['max', 'min', 'between'].includes(row.validate_type) || row.view_type === 'number') {
         rowIndex.value = index
diff --git a/admin/src/app/views/tools/code/index.vue b/admin/src/app/views/tools/code/index.vue
index 46057e8aa..12924f694 100644
--- a/admin/src/app/views/tools/code/index.vue
+++ b/admin/src/app/views/tools/code/index.vue
@@ -1,39 +1,32 @@
 <template>
+    <!--代码生成-->
     <div class="main-container">
         <el-card class="box-card !border-none" shadow="never">
-            <div class="flex justify-between items-center mb-[10px]">
+
+            <div class="flex justify-between items-center">
                 <span class="text-page-title">{{ pageName }}</span>
             </div>
-            <el-tabs v-model="activeName" class="demo-tabs">
+
+            <el-tabs v-model="activeName" class="mt-[20px]">
                 <el-tab-pane :label="t('codeGeneration')" name="codeGeneration">
-                    <el-steps direction="vertical">
+                    <el-steps :active="5" direction="vertical">
                         <el-step>
-                            <template #icon>
-                                <div
-                                    class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">
-                                    1</div>
-                            </template>
                             <template #title>
-                                <p class="text-[14px] text-[#303133] font-[700]">
+                                <p class="text-[14px] font-[700]">
                                     {{ t("step1") }}
                                 </p>
                             </template>
                             <template #description>
                                 <span class="text-[#999]">{{ t("describe1") }}</span>
                                 <div class="mt-[20px] mb-[40px] h-[32px]">
-                                    <el-button type="primary" class="w-[100px]" @click="addEvent">{{ t('btn1')
-                                    }}</el-button>
+                                    <el-button type="primary" class="w-[100px]" @click="addEvent">{{ t('btn1') }}</el-button>
                                 </div>
                             </template>
                         </el-step>
+
                         <el-step>
-                            <template #icon>
-                                <div
-                                    class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">
-                                    2</div>
-                            </template>
                             <template #title>
-                                <p class="text-[14px] text-[#303133] font-[700]">
+                                <p class="text-[14px] font-[700]">
                                     {{ t("step2") }}
                                 </p>
                             </template>
@@ -42,14 +35,10 @@
                                 <div class="mt-[20px] mb-[40px] h-[32px]"></div>
                             </template>
                         </el-step>
+
                         <el-step>
-                            <template #icon>
-                                <div
-                                    class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">
-                                    3</div>
-                            </template>
                             <template #title>
-                                <p class="text-[14px] text-[#303133] font-[700]">
+                                <p class="text-[14px] font-[700]">
                                     {{ t("step3") }}
                                 </p>
                             </template>
@@ -58,14 +47,10 @@
                                 <div class="mt-[20px] mb-[40px] h-[32px]"></div>
                             </template>
                         </el-step>
+
                         <el-step>
-                            <template #icon>
-                                <div
-                                    class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">
-                                    4</div>
-                            </template>
                             <template #title>
-                                <p class="text-[14px] text-[#303133] font-[700]">
+                                <p class="text-[14px] font-[700]">
                                     {{ t("step4") }}
                                 </p>
                             </template>
@@ -74,22 +59,16 @@
                                 <div class="mt-[20px] mb-[40px] h-[32px]"></div>
                             </template>
                         </el-step>
+
                         <el-step>
-                            <template #icon>
-                                <div
-                                    class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">
-                                    5</div>
-                            </template>
                             <template #title>
-                                <p class="text-[14px] text-[#303133] font-[700]">
+                                <p class="text-[14px] font-[700]">
                                     {{ t("step5") }}
                                 </p>
                             </template>
                             <template #description>
                                 <span class="text-[#999]">{{ t("describe5") }}</span>
-                                <div class="mt-[20px] mb-[40px] h-[32px]">
-
-                                </div>
+                                <div class="mt-[20px] mb-[40px] h-[32px]"></div>
                             </template>
                         </el-step>
                     </el-steps>
@@ -101,14 +80,12 @@
                                 <el-select v-model="codeTableData.searchParam.addon_name" placeholder="Select" filterable remote clearable :remote-method="getAddonDevelopFn">
                                     <el-option label="全部" value="" />
                                     <el-option label="系统" value="2" />
-                                    <el-option :label="item.title" :value="item.key" v-for="item in addonList"
-                                            :key="item.key" />
+                                    <el-option :label="item.title" :value="item.key" v-for="item in addonList" :key="item.key" />
                                 </el-select>
                             </el-form-item>
 
                             <el-form-item :label="t('tableName')" prop="table_name">
-                                <el-input v-model="codeTableData.searchParam.table_name"
-                                    :placeholder="t('tableNamePlaceholder')" />
+                                <el-input v-model="codeTableData.searchParam.table_name" :placeholder="t('tableNamePlaceholder')" />
                             </el-form-item>
                             <el-form-item>
                                 <el-button type="primary" @click="loadGenerateTableList()">{{ t('search') }}</el-button>
@@ -123,12 +100,9 @@
                                 <span>{{ !codeTableData.loading ? t('emptyData') : '' }}</span>
                             </template>
 
-                            <el-table-column prop="table_name" :show-overflow-tooltip="true" :label="t('tableName')"
-                                min-width="120" />
-                            <el-table-column prop="title" :show-overflow-tooltip="true" :label="t('addonName')"
-                                min-width="120" />
-                            <el-table-column prop="table_content" :show-overflow-tooltip="true" :label="t('tableContent')"
-                                min-width="120" />
+                            <el-table-column prop="table_name" :show-overflow-tooltip="true" :label="t('tableName')" min-width="120" />
+                            <el-table-column prop="title" :show-overflow-tooltip="true" :label="t('addonName')" min-width="120" />
+                            <el-table-column prop="table_content" :show-overflow-tooltip="true" :label="t('tableContent')" min-width="120" />
 
                             <el-table-column prop="edit_type" :label="t('editType')" min-width="150" align="center">
                                 <template #default="{ row }">
@@ -145,14 +119,10 @@
                             <el-table-column :label="t('operation')" fixed="right" align="right" width="330">
                                 <template #default="{ row }">
                                     <el-button type="primary" link @click="editEvent(row)">{{ t('edit') }}</el-button>
-                                    <el-button type="primary" link @click="generatePreviewFn(row.id)">{{ t('preview')
-                                    }}</el-button>
-                                    <el-button type="primary" link @click="generatorCheckFileFn(row.id)">{{ t('saveAndSync')
-                                    }}</el-button>
-                                    <el-button type="primary" link @click="generateCreateFn(row.id, 2)">{{ t('download')
-                                    }}</el-button>
-                                    <el-button type="primary" link @click="deleteEvent(row.id)">{{ t('delete')
-                                    }}</el-button>
+                                    <el-button type="primary" link @click="generatePreviewFn(row.id)">{{ t('preview') }}</el-button>
+                                    <el-button type="primary" link @click="generatorCheckFileFn(row.id)">{{ t('saveAndSync') }}</el-button>
+                                    <el-button type="primary" link @click="generateCreateFn(row.id, 2)">{{ t('download') }}</el-button>
+                                    <el-button type="primary" link @click="deleteEvent(row.id)">{{ t('delete') }}</el-button>
                                 </template>
                             </el-table-column>
 
@@ -165,7 +135,9 @@
                     </div>
                 </el-tab-pane>
             </el-tabs>
+
             <add-table ref="addCodeDialog" />
+
             <el-dialog v-model="dialogVisible" class="dialog-visible" width="70%" title="代码预览">
                 <div class="flex h-[50vh]" v-loading="codeLoading">
                     <el-scrollbar class="h-[100%] w-[270px]">
@@ -409,46 +381,4 @@ const listToTree = (arr:any) => {
 }
 </script>
 
-<style lang="scss" scoped>
-.border-color {
-    border-color: var(--el-color-primary);
-}
-
-.bg-color {
-    background-color: var(--el-color-primary);
-}
-
-.text-color {
-    color: var(--el-color-primary);
-}
-
-.bg-color1 {
-    background-color: var(--el-color-info-light-8);
-}
-
-:deep(.el-step.is-vertical .el-step__icon.is-icon) {
-    padding: 8px 0;
-    height: 40px;
-    background-color: #fff;
-}
-
-:deep(.el-step__title) {
-    height: 40px;
-    line-height: 40px !important;
-}
-
-// :deep(.el-tabs__nav-wrap.is-scrollable.is-top){
-//     height: 40px;
-// }
-.codeList :deep(.el-tabs__nav.is-top) {
-    height: 44px;
-    display: flex;
-    justify-content: center;
-}
-
-:deep(.dialog-visible .el-scrollbar__view), :deep(.dialog-visible .el-scrollbar__view .hljs.ruby){
-    height: 100%;
-}
-</style>
-<style>
-</style>
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/tools/detection.vue b/admin/src/app/views/tools/detection.vue
index b4ed22293..bf5b693d9 100644
--- a/admin/src/app/views/tools/detection.vue
+++ b/admin/src/app/views/tools/detection.vue
@@ -1,73 +1,78 @@
 <template>
-	<div class="main-container attachment-container min-h-[80vh]" v-loading="loading">
-		<el-card class="box-card !border-none" shadow="never"  v-if="Object.keys(systemService).length">
-			<div class="flex justify-between items-center">
-				<span class="text-page-title">{{ pageName }}</span>
-			</div>
-			<div class="bg-[#fff] pb-[20px] mb-3">
-				<p class="pt-[20px] pb-[10px] text-sm">{{ t('serverInformation') }}</p>
-				<div class="text-[14px]">
-					<el-table :data="systemService.server" size="large">
-						<el-table-column prop="name" :label="t('environment')" align="left" min-width="200" />
-						<el-table-column prop="server" :label="t('version')" align="left" min-width="140" />
-					</el-table>
-				</div>
-			</div>
-			<div class="bg-[#fff] pb-[20px] mb-3">
-				<p class="py-[20px] text-sm">{{ t('systemDemand') }}</p>
-				<div class="text-[14px]">
-					<el-table :data="systemService.server_version" size="large">
-						<el-table-column prop="name" :label="t('environment')" align="left" min-width="200" />
-						<el-table-column prop="demand" :label="t('demand')" align="left" min-width="140" />
-						<el-table-column prop="server" :label="t('version')" align="left" min-width="140" />
-					</el-table>
-				</div>
-			</div>
-			<div class="bg-[#fff] pb-[20px] mb-3">
-				<p class="py-[20px] text-sm">{{ t('authorityStatus') }}</p>
-				<div class="text-[14px]">
-					<el-table :data="systemService.system_variables" size="large">
-						<el-table-column prop="name" :label="t('name')" align="left" min-width="200" />
-						<el-table-column prop="need" :label="t('demand')" align="left" min-width="140" />
-						<el-table-column :label="t('status')" align="left" min-width="140">
-							<template #default="{ row }">
-								<span v-if="row.status"><el-icon color="green"><Select /></el-icon></span>
-								<span v-else>
-									<el-icon color="red">
-										<CloseBold />
-									</el-icon>
-								</span>
-							</template>
-						</el-table-column>
-					</el-table>
-				</div>
-			</div>
+    <!--环境检测-->
+    <div class="main-container min-h-[70vh]" v-loading="loading">
+        <el-card class="box-card !border-none" shadow="never" v-if="Object.keys(systemService).length">
 
-			<div class="bg-[#fff] pb-[20px] mb-3">
-				<p class="py-[20px] text-sm">{{ t('process') }}</p>
-				<div class="text-[14px]">
-					<el-table :data="systemService.process" size="large">
-						<el-table-column prop="name" :label="t('name')" align="left" min-width="200" />
-						<el-table-column prop="need" :label="t('demand')" align="left" min-width="140" />
-						<el-table-column :label="t('status')" align="left" min-width="140">
-							<template #default="{ row }">
-								<span v-if="row.status"><el-icon color="green"><Select /></el-icon></span>
-								<span v-else>
-									<el-icon color="red">
-										<CloseBold />
-									</el-icon>
-								</span>
-							</template>
-						</el-table-column>
-					</el-table>
-				</div>
-			</div>
-		</el-card>
-	</div>
+            <div>
+                <h3 class="panel-title !text-sm">{{ t('serverInformation') }}</h3>
+
+                <div class="text-[14px]">
+                    <el-table :data="systemService.server" size="large">
+                        <el-table-column prop="name" :label="t('environment')" align="left" min-width="200" />
+                        <el-table-column prop="server" :label="t('version')" align="left" min-width="140" />
+                    </el-table>
+                </div>
+            </div>
+
+            <div class="mt-[20px]">
+                <h3 class="panel-title !text-sm">{{ t('systemDemand') }}</h3>
+
+                <div class="text-[14px]">
+                    <el-table :data="systemService.server_version" size="large">
+                        <el-table-column prop="name" :label="t('environment')" align="left" min-width="200" />
+                        <el-table-column prop="demand" :label="t('demand')" align="left" min-width="140" />
+                        <el-table-column prop="server" :label="t('version')" align="left" min-width="140" />
+                    </el-table>
+                </div>
+            </div>
+
+            <div class="mt-[20px]">
+                <h3 class="panel-title !text-sm">{{ t('authorityStatus') }}</h3>
+
+                <div class="text-[14px]">
+                    <el-table :data="systemService.system_variables" size="large">
+                        <el-table-column prop="name" :label="t('name')" align="left" min-width="200" />
+                        <el-table-column prop="need" :label="t('demand')" align="left" min-width="140" />
+                        <el-table-column :label="t('status')" align="left" min-width="140">
+                            <template #default="{ row }">
+                                <span v-if="row.status"><el-icon color="green"><Select /></el-icon></span>
+                                <span v-else>
+                                    <el-icon color="red">
+                                        <CloseBold />
+                                    </el-icon>
+                                </span>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                </div>
+            </div>
+
+            <div class="mt-[20px]">
+                <h3 class="panel-title !text-sm">{{ t('process') }}</h3>
+
+                <div class="text-[14px]">
+                    <el-table :data="systemService.process" size="large">
+                        <el-table-column prop="name" :label="t('name')" align="left" min-width="200" />
+                        <el-table-column prop="need" :label="t('demand')" align="left" min-width="140" />
+                        <el-table-column :label="t('status')" align="left" min-width="140">
+                            <template #default="{ row }">
+                                <span v-if="row.status"><el-icon color="green"><Select /></el-icon></span>
+                                <span v-else>
+                                    <el-icon color="red">
+                                        <CloseBold />
+                                    </el-icon>
+                                </span>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                </div>
+            </div>
+        </el-card>
+    </div>
 </template>
 
 <script lang="ts" setup>
-import { ref, reactive } from 'vue'
+import { ref } from 'vue'
 import { t } from '@/lang'
 import { getSystem } from '@/app/api/tools'
 import { useRoute } from 'vue-router'
@@ -87,8 +92,3 @@ getSystemService()
 </script>
 
 <style lang="scss" scoped></style>
-<style lang="scss">
-.items {
-	border-bottom: 1px solid #eee;
-}
-</style>
diff --git a/admin/src/app/views/tools/form.vue b/admin/src/app/views/tools/form.vue
deleted file mode 100644
index 52d946561..000000000
--- a/admin/src/app/views/tools/form.vue
+++ /dev/null
@@ -1,140 +0,0 @@
-<template>
-    <div class="main-container">
-        <el-card class="box-card !border-none" shadow="never">
-            <el-form :model="formData" label-width="90px" ref="formRef" :rules="formRules" class="page-form">
-                <el-form-item label="文本" prop="text">
-                    <el-input v-model="formData.text" placeholder="请输入用户名" clearable class="input-width" />
-                    <div class="form-tip">管理员账号登录时使用</div>
-                </el-form-item>
-                <el-form-item label="单选" prop="radio">
-                    <el-radio-group v-model="formData.radio">
-                        <el-radio :label="1">男</el-radio>
-                        <el-radio :label="0">女</el-radio>
-                    </el-radio-group>
-                </el-form-item>
-                <el-form-item label="图片上传" prop="img">
-                    <upload-image v-model="formData.img" :limit="1" />
-                </el-form-item>
-                <el-form-item label="视频上传" prop="video">
-                    <upload-video v-model="formData.video" :limit="1" />
-                </el-form-item>
-                <el-form-item label="文件上传" prop="video">
-                    <div class="input-width">
-                        <upload-file v-model="formData.file" />
-                    </div>
-                </el-form-item>
-                <el-form-item label="文本域" prop="textarea">
-                    <el-input v-model="formData.textarea" type="textarea" rows="5" class="input-width" />
-                </el-form-item>
-                <el-form-item label="下拉选择" prop="select">
-                    <el-select v-model="formData.select" placeholder="请选择角色" class="input-width">
-                        <el-option label="管理员" value="shanghai" />
-                        <el-option label="收银员" value="beijing" />
-                    </el-select>
-                </el-form-item>
-                <el-form-item label="日期选择" prop="date">
-                    <div class="input-width">
-                        <el-date-picker v-model="formData.date" type="date" placeholder="Pick a date" />
-                    </div>
-                </el-form-item>
-                <el-form-item label="日期区间" prop="date_range">
-                    <div class="input-width">
-                        <el-date-picker v-model="formData.date_range" type="daterange" placeholder="Pick a date" />
-                    </div>
-                </el-form-item>
-                <el-form-item label="富文本" prop="editor">
-                    <editor v-model="formData.editor" />
-                </el-form-item>
-
-                <el-form-item label="排序" prop="editor">
-                    <el-input-number v-model="formData.sort" :min="0" />
-                </el-form-item>
-
-                <el-form-item label="">
-                    <el-button type="primary" :loading="loading" @click="onSave(formRef)">保存</el-button>
-                    <el-button>返回</el-button>
-                </el-form-item>
-            </el-form>
-        </el-card>
-
-        <div class="fixed-footer-wrap">
-            <div class="fixed-footer">
-                <el-button type="primary">{{ t('save') }}</el-button>
-                <el-button>{{ t('cancel') }}</el-button>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script lang="ts" setup>
-import { ref, reactive, computed } from 'vue'
-import { t } from '@/lang'
-import type { FormInstance } from 'element-plus'
-
-const loading = ref(false)
-
-/**
- * 表单数据
- */
-const initialFormData = {
-    text: '',
-    radio: 1,
-    textarea: '',
-    img: '',
-    video: '',
-    file: '',
-    select: '',
-    date: '',
-    editor: '',
-    date_range: '',
-    sort: 0
-}
-const formData: Record<string, any> = reactive({ ...initialFormData })
-
-const formRef = ref<FormInstance>()
-
-// 表单验证规则
-const formRules = computed(() => {
-    return {
-        // username: [
-        //     { required: formData.uid == 0, message: t('accountNumberPlaceholder'), trigger: 'blur' }
-        // ],
-        // password: [
-        //     { required: true, message: t('passwordPlaceholder'), trigger: 'blur' }
-        // ],
-        // confirm_password: [
-        //     { required: true, message: t('confirmPasswordPlaceholder'), trigger: 'blur' },
-        //     {
-        //         validator: (rule: any, value: string, callback: any) => {
-        //             if (value != formData.password) callback(new Error(t('confirmPasswordError')))
-        //             else callback()
-        //         },
-        //         trigger: 'blur'
-        //     }
-        // ]
-    }
-})
-
-const onSave = async (formEl: FormInstance | undefined) => {
-    if (loading.value || !formEl) return
-    await formEl.validate(async (valid) => {
-        if (valid) {
-            // loading.value = true
-
-            const data = formData
-            console.log(data)
-
-            // save(data).then(res => {
-            //     loading.value = false
-            //     showDialog.value = false
-            //     emit('complete')
-            // }).catch(err => {
-            //     loading.value = false
-            //     showDialog.value = false
-            // })
-        }
-    })
-}
-</script>
-
-<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/tools/schedule.vue b/admin/src/app/views/tools/schedule.vue
index df6fda5eb..d6a5e9eef 100644
--- a/admin/src/app/views/tools/schedule.vue
+++ b/admin/src/app/views/tools/schedule.vue
@@ -1,102 +1,101 @@
 <template>
-	<div class="main-container">
-		<el-card class="box-card !border-none" shadow="never">
-			<div class="flex justify-between items-center mb-[20px]">
-				<span class="text-page-title">{{ pageName }}</span>
-				<el-button type="primary" @click="showEvent">{{ t('addCron') }}</el-button>
-			</div>
-			<el-alert class="warm-prompt " type="info">
-				<template #default>
-					<div class="flex items-center">
-						<div>
-							<p>
-								{{ t('cronTipsOne') }}
-							</p>
-							<p class="mt-2">
-								{{ t('cronTipsTwo') }}
-							</p>
-						</div>
-					</div>
-				</template>
-			</el-alert>
-			<div class="mt-[20px]">
-				<el-table :data="cronTableData.data" size="large" v-loading="cronTableData.loading">
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
 
-					<template #empty>
-						<span>{{ !cronTableData.loading ? t('emptyData') : '' }}</span>
-					</template>
+            <div class="flex justify-between items-center mb-[20px]">
+                <span class="text-page-title">{{ pageName }}</span>
+                <el-button type="primary" @click="showEvent">{{ t('addCron') }}</el-button>
+            </div>
 
-					<el-table-column prop="name" :label="t('title')" min-width="150" />
-					<el-table-column prop="key" :label="t('key')" min-width="150" />
-					<el-table-column :label="t('crondType')" min-width="150">
-						<template #default="{ row }">
-							{{ row.crontab_content }}
-						</template>
-					</el-table-column>
-					<el-table-column prop="status_name" :label="t('openStatus')" min-width="100" />
-					<el-table-column :label="t('operation')" align="right" fixed="right" width="130">
-						<template #default="{ row }">
-							<el-button type="primary" link @click="editEvent(row)">{{ t('edit') }}</el-button>
-							<el-button type="primary" link @click="deleteEvent(row.id)">{{ t('delete') }}</el-button>
-						</template>
-					</el-table-column>
-				</el-table>
-				<div class="mt-[16px] flex justify-end">
-					<el-pagination v-model:current-page="cronTableData.page" v-model:page-size="cronTableData.limit"
-						layout="total, sizes, prev, pager, next, jumper" :total="cronTableData.total"
-						@size-change="loadCronList()" @current-change="loadCronList" />
-				</div>
-			</div>
+            <el-alert type="info">
+                <template #default>
+                    <div class="flex items-center">
+                        <div>
+                            <p>
+                                {{ t('cronTipsOne') }}
+                            </p>
+                            <p class="mt-2">
+                                {{ t('cronTipsTwo') }}
+                            </p>
+                        </div>
+                    </div>
+                </template>
+            </el-alert>
 
-		</el-card>
-		<cron-info ref="cronDialog" @complete="loadCronList" />
-		<el-dialog v-model="showDialog" :title="t('editCron')" width="750px" :destroy-on-close="true">
-			<el-form :model="formData" label-width="110px" ref="formRef" :rules="formRules" class="page-form"
-				v-loading="loading">
-				<el-form-item :label="t('cronTemplate')" class="items-center" prop="key">
-					<el-select v-model="formData.key">
-						<el-option v-for="item in templateList" :key="item.key" :label="item.name" :value="item.key" />
-					</el-select>
-				</el-form-item>
-				<el-form-item :label="t('cronTime')" prop="timeDate">
-					<el-select v-model="formData.time.type" class="w-[150px]">
-						<el-option v-for="(item, index) in date_type" :key="index" :label="item" :value="index" />
-					</el-select>
-					<div class="flex">
-						<el-select v-model="formData.time.week" class="ml-2 w-[120px]" v-if="formData.time.type == 'week'">
-							<el-option v-for="(item, index) in week_list" :key="index" :label="item" :value="index" />
-						</el-select>
-						<el-input v-model="formData.time.day" class="ml-2 w-[120px]"
-							v-if="['month', 'day'].indexOf(formData.time.type) != -1">
-							<template #append>{{ t('day') }}</template>
-						</el-input>
-						<el-input v-model="formData.time.hour" class="ml-2 w-[120px]"
-							v-if="['month', 'day', 'hour', 'week'].indexOf(formData.time.type) != -1">
-							<template #append>{{ t('hour') }}</template>
-						</el-input>
-						<el-input v-model="formData.time.min" class="ml-2 w-[120px]"
-							v-if="['month', 'day', 'hour', 'week', 'min'].indexOf(formData.time.type) != -1">
-							<template #append>{{ t('min') }}</template>
-						</el-input>
-					</div>
-				</el-form-item>
-				<el-form-item :label="t('isopen')">
-					<div class="input-width flex items-center text-sm">
-						<el-radio-group v-model="formData.status">
-							<el-radio :label="1">{{ t('yes') }}</el-radio>
-							<el-radio :label="2">{{ t('no') }}</el-radio>
-						</el-radio-group>
-					</div>
-				</el-form-item>
-			</el-form>
+            <div class="mt-[20px]">
+                <el-table :data="cronTableData.data" size="large" v-loading="cronTableData.loading">
+                    <template #empty>
+                        <span>{{ !cronTableData.loading ? t('emptyData') : '' }}</span>
+                    </template>
 
-			<template #footer>
-				<span class="dialog-footer">
-					<el-button type="primary" @click="addEvent(formRef)">{{ t('confirm') }}</el-button>
-				</span>
-			</template>
-		</el-dialog>
-	</div>
+                    <el-table-column prop="name" :label="t('title')" min-width="150" />
+                    <el-table-column prop="key" :label="t('key')" min-width="150" />
+                    <el-table-column :label="t('crondType')" min-width="150">
+                        <template #default="{ row }">
+                            {{ row.crontab_content }}
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="status_name" :label="t('openStatus')" min-width="100" />
+                    <el-table-column :label="t('operation')" align="right" fixed="right" width="130">
+                        <template #default="{ row }">
+                            <el-button type="primary" link @click="editEvent(row)">{{ t('edit') }}</el-button>
+                            <el-button type="primary" link @click="deleteEvent(row.id)">{{ t('delete') }}</el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+                <div class="mt-[16px] flex justify-end">
+                    <el-pagination v-model:current-page="cronTableData.page" v-model:page-size="cronTableData.limit"
+                        layout="total, sizes, prev, pager, next, jumper" :total="cronTableData.total"
+                        @size-change="loadCronList()" @current-change="loadCronList" />
+                </div>
+            </div>
+        </el-card>
+
+        <cron-info ref="cronDialog" @complete="loadCronList" />
+
+        <el-dialog v-model="showDialog" :title="t('editCron')" width="750px" :destroy-on-close="true">
+            <el-form :model="formData" label-width="110px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
+                <el-form-item :label="t('cronTemplate')" class="items-center" prop="key">
+                    <el-select v-model="formData.key">
+                        <el-option v-for="item in templateList" :key="item.key" :label="item.name" :value="item.key" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item :label="t('cronTime')" prop="timeDate">
+                    <el-select v-model="formData.time.type" class="w-[150px]">
+                        <el-option v-for="(item, index) in date_type" :key="index" :label="item" :value="index" />
+                    </el-select>
+                    <div class="flex">
+                        <el-select v-model="formData.time.week" class="ml-2 w-[120px]" v-if="formData.time.type == 'week'">
+                            <el-option v-for="(item, index) in week_list" :key="index" :label="item" :value="index" />
+                        </el-select>
+                        <el-input v-model="formData.time.day" class="ml-2 w-[120px]" v-if="['month', 'day'].indexOf(formData.time.type) != -1">
+                            <template #append>{{ t('day') }}</template>
+                        </el-input>
+                        <el-input v-model="formData.time.hour" class="ml-2 w-[120px]" v-if="['month', 'day', 'hour', 'week'].indexOf(formData.time.type) != -1">
+                            <template #append>{{ t('hour') }}</template>
+                        </el-input>
+                        <el-input v-model="formData.time.min" class="ml-2 w-[120px]" v-if="['month', 'day', 'hour', 'week', 'min'].indexOf(formData.time.type) != -1">
+                            <template #append>{{ t('min') }}</template>
+                        </el-input>
+                    </div>
+                </el-form-item>
+                <el-form-item :label="t('isopen')">
+                    <div class="input-width flex items-center text-sm">
+                        <el-radio-group v-model="formData.status">
+                            <el-radio :label="1">{{ t('yes') }}</el-radio>
+                            <el-radio :label="2">{{ t('no') }}</el-radio>
+                        </el-radio-group>
+                    </div>
+                </el-form-item>
+            </el-form>
+
+            <template #footer>
+                <span class="dialog-footer">
+                    <el-button type="primary" @click="addEvent(formRef)">{{ t('confirm') }}</el-button>
+                </span>
+            </template>
+        </el-dialog>
+    </div>
 </template>
 
 <script lang="ts" setup>
@@ -277,8 +276,4 @@ const infoEvent = (data: any) => {
 
 </script>
 
-<style lang="scss" scoped>
-.el-input-number.is-controls-right .el-input-number__increase {
-	left: 20px !important
-}
-</style>
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/wxoplatform/setting.vue b/admin/src/app/views/wxoplatform/setting.vue
new file mode 100644
index 000000000..33b3cdcd1
--- /dev/null
+++ b/admin/src/app/views/wxoplatform/setting.vue
@@ -0,0 +1,188 @@
+<template>
+    <div class="main-container">
+        <el-form :model="formData" :rules="formRules" label-width="150px" ref="formRef" class="page-form" v-loading="loading">
+            <el-card class="box-card !border-none" shadow="never">
+                <h3 class="panel-title !text-sm">{{ t('oplatformSetting') }}</h3>
+
+                <el-form-item label="APPID" prop="app_id">
+                    <el-input v-model="formData.app_id" :placeholder="t('appidPlaceholder')" class="input-width" clearable />
+                </el-form-item>
+                <el-form-item label="APPSECRET" prop="app_secret">
+                    <el-input v-model="formData.app_secret" :placeholder="t('appSecretPlaceholder')" class="input-width" clearable />
+                </el-form-item>
+            </el-card>
+
+            <el-card class="box-card mt-[15px] !border-none" shadow="never">
+                <h3 class="panel-title !text-sm">{{ t('messagesReceiving') }}</h3>
+
+                <el-form-item :label="t('empowerReceiveUrl')">
+                    <el-input v-model="staticInfo.auth_serve_url" placeholder="Please input" class="!w-[500px]" :readonly="true">
+                        <template #append>
+                            <div class="cursor-pointer" @click="copyEvent(staticInfo.auth_serve_url)">{{ t('copy') }}
+                            </div>
+                        </template>
+                    </el-input>
+                </el-form-item>
+                <el-form-item :label="t('messageReceiveUrl')">
+                    <el-input v-model="staticInfo.message_serve_url" placeholder="Please input" class="!w-[500px]" :readonly="true">
+                        <template #append>
+                            <div class="cursor-pointer" @click="copyEvent(staticInfo.message_serve_url)">{{ t('copy') }}
+                            </div>
+                        </template>
+                    </el-input>
+                </el-form-item>
+                <el-form-item :label="t('messageValidationToken')" prop="token">
+                    <el-input v-model="formData.token" class="input-width" clearable />
+                </el-form-item>
+                <el-form-item :label="t('messageDecryptKey')" prop="aes_key">
+                    <el-input v-model="formData.aes_key" class="input-width">
+                        <template #append>
+                            <div class="cursor-pointer" @click="copyEvent(formData.aes_key)">{{ t('copy') }}</div>
+                        </template>
+                    </el-input>
+                    <div class="form-tip">{{ t('messageDecryptKeyTips') }}<el-button type="primary" link @click="regenerate">{{ t('regenerate') }}</el-button></div>
+                </el-form-item>
+            </el-card>
+
+            <el-card class="box-card mt-[15px] !border-none" shadow="never">
+                <h3 class="panel-title !text-sm">{{ t('domainSetting') }}</h3>
+
+                <el-form-item :label="t('empowerStartDomain')">
+                    <el-input v-model="staticInfo.auth_launch_domain" placeholder="Please input" class="input-width" :readonly="true">
+                        <template #append>
+                            <div class="cursor-pointer" @click="copyEvent(staticInfo.auth_launch_domain)">{{ t('copy') }}
+                            </div>
+                        </template>
+                    </el-input>
+                </el-form-item>
+                <el-form-item :label="t('wechatDomain')">
+                    <el-input v-model="staticInfo.wechat_auth_domain" placeholder="Please input" class="input-width" :readonly="true">
+                        <template #append>
+                            <div class="cursor-pointer" @click="copyEvent(staticInfo.wechat_auth_domain)">{{ t('copy') }}
+                            </div>
+                        </template>
+                    </el-input>
+                </el-form-item>
+            </el-card>
+
+            <el-card class="box-card mt-[15px] !border-none" shadow="never">
+                <h3 class="panel-title !text-sm">{{ t('developerWeappUpload') }}</h3>
+
+                <el-form-item :label="t('developAppid')" prop="develop_app_id">
+                    <el-input v-model="formData.develop_app_id" :placeholder="t('developAppidPlaceholder')" class="input-width" clearable />
+                </el-form-item>
+                <el-form-item :label="t('uploadKey')" prop="develop_upload_private_key">
+                    <div class="input-width">
+                        <upload-file v-model="formData.develop_upload_private_key" api="sys/document/wechat" />
+                    </div>
+                    <div class="form-tip">{{ t('uploadIpTips') }}{{ staticInfo.upload_ip }}</div>
+                </el-form-item>
+            </el-card>
+        </el-form>
+
+        <div class="fixed-footer-wrap">
+            <div class="fixed-footer">
+                <el-button type="primary" :loading="loading" @click="save(formRef)">{{ t('save') }}</el-button>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref, watch } from 'vue'
+import { t } from '@/lang'
+import { getStatic, getConfig, editConfig } from '@/app/api/wxoplatform'
+import { ElMessage, FormInstance, FormRules } from 'element-plus'
+import { useRoute } from 'vue-router'
+import { useClipboard } from '@vueuse/core'
+import { guid } from '@/utils/common'
+
+const route = useRoute()
+const pageName = route.meta.title
+
+const loading = ref(true)
+const formData = ref({
+    app_id: '',
+    app_secret: '',
+    token: '',
+    aes_key: '',
+    develop_app_id: '',
+    develop_upload_private_key: ''
+})
+const staticInfo = ref({})
+
+getStatic().then(({ data }) => {
+    staticInfo.value = data
+})
+
+getConfig().then(({ data }) => {
+    formData.value = data
+    loading.value = false
+})
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = reactive<FormRules>({
+    app_id: [
+        { required: true, message: t('appidPlaceholder'), trigger: 'blur' }
+    ],
+    app_secret: [
+        { required: true, message: t('appSecretPlaceholder'), trigger: 'blur' }
+    ],
+    token: [
+        { required: true, message: t('tokenPlaceholder'), trigger: 'blur' }
+    ],
+    aes_key: [
+        { required: true, message: t('aesKeyPlaceholder'), trigger: 'blur' }
+    ]
+})
+
+const regenerate = () => {
+    formData.value.aes_key = guid(43)
+}
+
+/**
+ * 保存
+ */
+const save = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            loading.value = true
+            editConfig(formData.value).then(() => {
+                loading.value = false
+            }).catch(() => {
+                loading.value = false
+            })
+        }
+    })
+}
+
+/**
+ * 复制
+ */
+const { copy, isSupported, copied } = useClipboard()
+const copyEvent = (text: string) => {
+    if (!isSupported.value) {
+        ElMessage({
+            message: t('notSupportCopy'),
+            type: 'warning'
+        })
+        return
+    }
+    copy(text)
+}
+
+watch(copied, () => {
+    if (copied.value) {
+        ElMessage({
+            message: t('copySuccess'),
+            type: 'success'
+        })
+    }
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/wxoplatform/weapp_version.vue b/admin/src/app/views/wxoplatform/weapp_version.vue
new file mode 100644
index 000000000..cae756d8d
--- /dev/null
+++ b/admin/src/app/views/wxoplatform/weapp_version.vue
@@ -0,0 +1,119 @@
+<template>
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
+
+            <div class="flex justify-between items-center">
+                <span class="text-page-title">{{ pageName }}</span>
+            </div>
+
+            <div class="mt-[50px] ml-[100px] h-[60vh]">
+                <el-button type="primary" :loading="uploading" @click="commit">{{ t('weappVersionUpdate') }}</el-button>
+                <p class="text-secondary text-sm mt-[10px]">{{ t('updateTips') }}</p>
+                <p class="text-secondary text-sm mt-[10px]" v-if="lastRecord.create_time">
+                    {{ t('lastTime') }}：{{ lastRecord.create_time }}
+                    <el-button type="primary" link @click="commitRecordDialogShow = true">{{ t('seeUpdateRecord') }}</el-button>
+                </p>
+            </div>
+        </el-card>
+    </div>
+
+    <el-dialog v-model="commitRecordDialogShow" :title="t('weappVersionUpdateRecord')" width="1000px" :destroy-on-close="true">
+        <el-table :data="commitRecordTableData.data" size="large" v-loading="commitRecordTableData.loading">
+            <template #empty>
+                <span>{{ !commitRecordTableData.loading ? t('emptyData') : '' }}</span>
+            </template>
+
+            <el-table-column prop="user_version" :label="t('userVersion')" />
+            <el-table-column prop="site_group_name" :label="t('groupName')" />
+            <el-table-column :label="t('status')" prop="status_name"></el-table-column>
+            <el-table-column prop="create_time" :label="t('createTime')"></el-table-column>
+            <el-table-column :label="t('operation')" align="right" fixed="right" width="130">
+                <template #default="{ row }">
+                    <el-button type="primary" link v-if="row.status == -1" @click="handleFailReason(row)">{{ t('failReason') }}</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+
+        <div class="mt-[16px] flex justify-end">
+            <el-pagination v-model:current-page="commitRecordTableData.page" v-model:page-size="commitRecordTableData.limit" layout="total, sizes, prev, pager, next, jumper" :total="commitRecordTableData.total" @size-change="loadCommitRecordList()" @current-change="loadCommitRecordList" />
+        </div>
+    </el-dialog>
+
+    <el-dialog v-model="failReasonDialogShow" :title="t('failReason')" width="60%">
+        <el-scrollbar class="h-[60vh] w-full whitespace-pre p-[20px]">
+            {{ failReason }}
+        </el-scrollbar>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { useRoute } from 'vue-router'
+import { getWeappLastCommitRecord, weappCommit, getWeappCommitRecord } from '@/app/api/wxoplatform'
+import { t } from '@/lang'
+
+const route = useRoute()
+const pageName = route.meta.title
+const uploading = ref(false)
+const lastRecord = ref({})
+const commitRecordDialogShow = ref(false)
+const commitRecordTableData = reactive({
+    page: 1,
+    limit: 10,
+    total: 0,
+    loading: true,
+    data: [],
+    searchParam: {
+        search: ''
+    }
+})
+const failReason = ref('')
+const failReasonDialogShow = ref(false)
+
+const handleFailReason = (data: any) => {
+    failReason.value = data.fail_reason
+    failReasonDialogShow.value = true
+}
+
+getWeappLastCommitRecord().then(({ data }) => {
+    lastRecord.value = data
+})
+
+const commit = () => {
+    if (uploading.value) return
+    uploading.value = true
+
+    weappCommit().then(() => {
+        uploading.value = false
+    }).catch(() => {
+        uploading.value = false
+    })
+}
+
+const showUpdateLog = () => {
+
+}
+
+/**
+ * 获取角色列表
+ */
+const loadCommitRecordList = (page: number = 1) => {
+    commitRecordTableData.loading = true
+    commitRecordTableData.page = page
+
+    getWeappCommitRecord({
+        page: commitRecordTableData.page,
+        limit: commitRecordTableData.limit,
+        role_name: commitRecordTableData.searchParam.search
+    }).then(res => {
+        commitRecordTableData.loading = false
+        commitRecordTableData.data = res.data.data
+        commitRecordTableData.total = res.data.total
+    }).catch(() => {
+        commitRecordTableData.loading = false
+    })
+}
+loadCommitRecordList()
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/components/diy-link/index.vue b/admin/src/components/diy-link/index.vue
index a2083c4d0..d34a116e9 100644
--- a/admin/src/components/diy-link/index.vue
+++ b/admin/src/components/diy-link/index.vue
@@ -16,8 +16,7 @@
                 </el-input>
             </slot>
         </div>
-        <el-dialog v-model="showDialog" :title="t('selectLinkTips')" width="40%" :close-on-press-escape="false"
-            :destroy-on-close="true" :close-on-click-modal="false">
+        <el-dialog v-model="showDialog" :title="t('selectLinkTips')" width="40%" :close-on-press-escape="false" :destroy-on-close="true" :close-on-click-modal="false">
 
             <div class="flex items-start">
                 <el-scrollbar class="w-[140px] border-r h-[350px]">
@@ -29,31 +28,61 @@
                     </div>
                 </el-scrollbar>
                 <el-scrollbar class="pl-4 h-[350px] flex-1">
-                    <template v-if="parentLinkName == 'DIY_LINK'">
-                        <div class="mb-[16px]">
-                            <el-form-item :label="t('diyLinkName')">
-                                <el-input v-model="selectLink.title" :placeholder="t('diyLinkNamePlaceholder')" class="w-6/12" />
+                    <el-form label-width="100px" class="px-[10px]">
+                        <template v-if="parentLinkName == 'DIY_LINK'">
+                            <div class="mb-[16px]">
+                                <el-form-item :label="t('diyLinkName')">
+                                    <el-input v-model="selectLink.title" :placeholder="t('diyLinkNamePlaceholder')" />
+                                </el-form-item>
+                            </div>
+                            <div class="mb-[16px]">
+                                <el-form-item :label="t('diyLinkUrl')">
+                                    <el-input v-model="selectLink.url" :placeholder="t('diyLinkUrlPlaceholder')" />
+                                </el-form-item>
+                            </div>
+                            <el-form-item label=" ">
+                                <div class="text-sm text-gray-400 select-text">路径必须以“/”开头，例：/app/pages/index/index</div>
                             </el-form-item>
-                        </div>
-                        <div class="mb-[16px]">
-                            <el-form-item :label="t('diyLinkUrl')">
-                                <el-input v-model="selectLink.url" :placeholder="t('diyLinkUrlPlaceholder')" class="w-6/12" />
+                            <el-form-item label=" ">
+                                <div class="text-sm text-gray-400 select-text">跳转外部链接“/”开头，例：https://baidu.com</div>
                             </el-form-item>
+                        </template>
+                        <template v-if="parentLinkName == 'DIY_JUMP_OTHER_APPLET'">
+                            <div class="mb-[16px]">
+                                <el-form-item :label="t('diyAppletId')">
+                                    <el-input v-model="selectLink.appid" :placeholder="t('diyAppletIdPlaceholder')" clearable maxlength="50"  />
+                                </el-form-item>
+                            </div>
+                            <div class="mb-[16px]">
+                                <el-form-item :label="t('diyAppletPage')">
+                                    <el-input v-model="selectLink.page" :placeholder="t('diyAppletPagePlaceholder')" clearable maxlength="50" />
+                                </el-form-item>
+                            </div>
+                            <el-form-item label=" ">
+                                <div class="text-sm text-gray-400 select-text">仅支持小程序之间的跳转，不支持从其他渠道跳转小程序</div>
+                            </el-form-item>
+                            <el-form-item label=" ">
+                                <div class="text-sm text-gray-400 select-text">小程序路径格式如：app/pages/index/index</div>
+                            </el-form-item>
+                        </template>
+                        <template v-if="parentLinkName == 'DIY_MAKE_PHONE_CALL'">
+                            <div class="mb-[16px]">
+                                <el-form-item :label="t('diyMakePhone')">
+                                    <el-input v-model="selectLink.mobile" :placeholder="t('diyMakePhonePlaceholder')" clearable maxlength="50" />
+                                </el-form-item>
+                            </div>
+                            <el-form-item label=" ">
+                                <div class="text-sm text-gray-400 select-text">电话号码支持手机号码和固定电话</div>
+                            </el-form-item>
+                        </template>
+                        <div v-else class="flex flex-wrap">
+                            <div v-for="(item, index) in childList" :key="index"
+                                class="border border-br rounded-[3px] mr-[10px] mb-[10px] px-4 h-[32px] leading-[32px] cursor-pointer hover:bg-primary-light-9 px-[10px] hover:text-primary"
+                                :class="[item.name == selectLink.name ? 'border-primary text-primary' : '']"
+                                @click="changeChildLink(item)">{{ item.title }}
+                            </div>
                         </div>
-                        <el-form-item label=" ">
-                            <div class="text-sm text-gray-400 select-text">路径必须以“/”开头，例：/app/pages/index/index</div>
-                        </el-form-item>
-                        <el-form-item label=" ">
-                            <div class="text-sm text-gray-400 select-text">跳转外部链接“/”开头，例：https://baidu.com</div>
-                        </el-form-item>
-                    </template>
-                    <div v-else class="flex flex-wrap">
-                        <div v-for="(item, index) in childList" :key="index"
-                            class="border border-br rounded-[3px] mr-[10px] mb-[10px] px-4 h-[32px] leading-[32px] cursor-pointer hover:bg-primary-light-9 px-[10px] hover:text-primary"
-                            :class="[item.name == selectLink.name ? 'border-primary text-primary' : '']"
-                            @click="changeChildLink(item)">{{ item.title }}
-                        </div>
-                    </div>
+                    </el-form>
                 </el-scrollbar>
             </div>
 
@@ -76,8 +105,8 @@ import { ElMessage } from 'element-plus'
 
 const prop = defineProps({
     modelValue: {
-        type: String,
-        default: ''
+        type: Object,
+        default: () => { }
     },
     ignore:{
         type:Array,
@@ -196,10 +225,64 @@ const save = () => {
         selectLink.value.name = parentLinkName.value
         selectLink.value.action = '';
 
-    }else if(parentLinkName.value  == 'DIY_PAGE'){
+        delete selectLink.value.appid;
+        delete selectLink.value.mobile;
+
+    } else if (parentLinkName.value == 'DIY_PAGE') {
         // 自定义页面
+
+        selectLink.value.name = parentLinkName.value
         selectLink.value.parent = parentLinkName.value
         selectLink.value.action = 'decorate';
+
+        delete selectLink.value.appid;
+        delete selectLink.value.mobile;
+
+    } else if (parentLinkName.value == 'DIY_JUMP_OTHER_APPLET') {
+        // 小程序跳转
+
+        if (!selectLink.value.appid) {
+            ElMessage({
+                message: t('diyAppletIdNotEmpty'),
+                type: 'warning'
+            });
+            return
+        }
+
+        if (!selectLink.value.page) {
+            ElMessage({
+                message: t('diyAppletPageNotEmpty'),
+                type: 'warning'
+            });
+            return
+        }
+
+        selectLink.value.name = parentLinkName.value
+        selectLink.value.parent = parentLinkName.value
+        selectLink.value.title = '微信小程序-' + selectLink.value.appid
+        selectLink.value.action = '';
+
+        delete selectLink.value.url;
+        delete selectLink.value.mobile;
+
+    } else if (parentLinkName.value == 'DIY_MAKE_PHONE_CALL') {
+        // 拨打电话
+
+        if (!selectLink.value.mobile) {
+            ElMessage({
+                message: t('diyMakePhoneNotEmpty'),
+                type: 'warning'
+            });
+            return
+        }
+
+        selectLink.value.name = parentLinkName.value
+        selectLink.value.parent = parentLinkName.value
+        selectLink.value.title = '拨打电话：' + selectLink.value.mobile
+        selectLink.value.action = '';
+
+        delete selectLink.value.url;
+        delete selectLink.value.appid;
     }
 
     value.value = cloneDeep(selectLink.value)
diff --git a/admin/src/components/export-sure/index.vue b/admin/src/components/export-sure/index.vue
index 7e7093127..c7afce592 100644
--- a/admin/src/components/export-sure/index.vue
+++ b/admin/src/components/export-sure/index.vue
@@ -1,8 +1,5 @@
-
-
 <template>
-    <el-dialog v-model="status" :title="t('exportTip')" width="300px" :close-on-click-modal="false"
-        :close-on-press-escape="false" :show-close="false">
+    <el-dialog v-model="status" :title="t('exportTip')" width="300px" :close-on-click-modal="false" :close-on-press-escape="false" :show-close="false">
         <span>{{ t('exportPlaceholder') }}</span>
         <template #footer>
             <span class="dialog-footer">
@@ -37,7 +34,6 @@ const prop = defineProps({
     }
 })
 
-console.log(prop)
 
 const status = computed({
     get() {
diff --git a/admin/src/components/heat-map/index.vue b/admin/src/components/heat-map/index.vue
index 9745de0f9..645b36a56 100644
--- a/admin/src/components/heat-map/index.vue
+++ b/admin/src/components/heat-map/index.vue
@@ -36,7 +36,7 @@
                                 <el-form-item :label="t('hotArea') + (index + 1)">
                                     <div class="flex items-center">
                                         <diy-link v-model="item.link" />
-                                        <icon class="del cursor-pointer mx-[10px]" name="element-CircleCloseFilled" color="#bbb" size="20px" @click="dragBoxArr.splice(index, 1)" />
+                                        <icon class="del cursor-pointer mx-[10px]" name="element CircleCloseFilled" color="#bbb" size="20px" @click="dragBoxArr.splice(index, 1)" />
                                     </div>
                                 </el-form-item>
                             </div>
diff --git a/admin/src/components/icon/index.vue b/admin/src/components/icon/index.vue
index 01019f883..5ff09b5a3 100644
--- a/admin/src/components/icon/index.vue
+++ b/admin/src/components/icon/index.vue
@@ -35,7 +35,7 @@ const style = reactive({
 })
 
 const load = () => {
-    const arr = props.name.split(/-(.*)/)
+    const arr = props.name.split(' ')
     type.value = arr[0]
     name.value = arr[1]
 }
diff --git a/admin/src/components/select-area/index.vue b/admin/src/components/select-area/index.vue
index 36795f808..6dbd7d5ce 100644
--- a/admin/src/components/select-area/index.vue
+++ b/admin/src/components/select-area/index.vue
@@ -19,7 +19,6 @@
 import { reactive, onBeforeMount, watch } from 'vue'
 import { getAreaListByPid } from '@/app/api/sys'
 import { t } from '@/lang'
-// import { da } from 'element-plus/es/locale'
 
 // 定义数据类型
 export interface areaType {
diff --git a/admin/src/components/select-icon/index.vue b/admin/src/components/select-icon/index.vue
index 247eae1a6..9e522ba81 100644
--- a/admin/src/components/select-icon/index.vue
+++ b/admin/src/components/select-icon/index.vue
@@ -7,12 +7,12 @@
 						<icon :name="icons.data[0]" size="40px"></icon>
 					</div>
 					<div class="absolute z-[1] flex items-center justify-center w-full h-full inset-0 bg-black bg-opacity-60 operation">
-						<icon name="element-Delete" color="#fff" size="18px" @click="removeIcon"/>
+						<icon name="element Delete" color="#fff" size="18px" @click="removeIcon"/>
 					</div>
 				</div>
 				<upload-attachment :limit="limit" type="icon" @confirm="confirmSelect" v-else>
 					<div class="w-full h-full flex items-center justify-center flex-col">
-						<icon name="element-Plus" size="20px" color="var(--el-text-color-secondary)"/>
+						<icon name="element Plus" size="20px" color="var(--el-text-color-secondary)"/>
 						<div class="leading-none text-xs mt-[10px] text-secondary">{{ iconText || t('upload.selecticon') }}</div>
 					</div>
 				</upload-attachment>
@@ -25,14 +25,14 @@
 						<icon :name="item" size="40px"></icon>
 					</div>
 					<div class="absolute z-[1] flex items-center justify-center w-full h-full inset-0 bg-black bg-opacity-60 operation">
-						<icon name="element-Delete" color="#fff" size="18px" @click="removeIcon(index)"/>
+						<icon name="element Delete" color="#fff" size="18px" @click="removeIcon(index)"/>
 					</div>
 				</div>
 			</div>
 			<div class="rounded cursor-pointer overflow-hidden relative border border-dashed border-color" :style="style" v-if="icons.data.length < limit">
 				<upload-attachment :limit="limit" @confirm="confirmSelect">
 					<div class="w-full h-full flex items-center justify-center flex-col">
-						<icon name="element-Plus" size="20px" color="var(--el-text-color-secondary)"/>
+						<icon name="element Plus" size="20px" color="var(--el-text-color-secondary)"/>
 						<div class="leading-none text-xs mt-[10px] text-secondary">{{ iconText || t('upload.selecticon') }}</div>
 					</div>
 				</upload-attachment>
@@ -104,8 +104,8 @@ const style = computed(() => {
 })
 
 /**
-     * 选择图标
-     */
+ * 选择图标
+ */
 const confirmSelect = (data: Record<string, any>) => {
     if (prop.limit == 1) {
         icons.data.splice(0, 1)
@@ -120,9 +120,9 @@ const confirmSelect = (data: Record<string, any>) => {
 }
 
 /**
-     * 删除图标
-     * @param index
-     */
+ * 删除图标
+ * @param index
+ */
 const removeIcon = (index: number = 0) => {
     icons.data.splice(index, 1)
     setValue()
diff --git a/admin/src/components/upload-attachment/attachment.vue b/admin/src/components/upload-attachment/attachment.vue
index d2ce08ad6..4f88df4aa 100644
--- a/admin/src/components/upload-attachment/attachment.vue
+++ b/admin/src/components/upload-attachment/attachment.vue
@@ -17,7 +17,7 @@
                         <div class="leading-none operate py-[10px]" v-if="scene == 'attachment' && prop.type != 'icon'">
                             <!-- 图片操作 -->
                             <el-dropdown :hide-on-click="false" v-if="scene == 'attachment'">
-                                <icon name="element-MoreFilled" class="cursor-pointer ml-[10px]" size="14px" />
+                                <icon name="element MoreFilled" class="cursor-pointer ml-[10px]" size="14px" />
                                 {{ item.name }}
                                 <template #dropdown>
                                     <el-dropdown-menu>
@@ -69,9 +69,9 @@
 
                                 <el-image :src="img(item.url)" fit="contain" v-if="type == 'image'"/>
                                 <video :src="img(item.url)" v-else-if="type == 'video'"/>
-                                <icon :name="item.url" size="40px" v-else-if="type == 'icon'"/>
+                                <icon :name="item.url" size="24px" v-else-if="type == 'icon'"/>
                                 <div class="absolute z-[1] flex items-center justify-center w-full h-full inset-0 bg-black bg-opacity-60" v-show="selectedFile[item.att_id]">
-                                    <icon name="element-Select" color="#fff" size="40px" />
+                                    <icon name="element Select" color="#fff" size="40px" />
                                     <div class="file-box-active absolute z-[1] bottom-0 right-0 w-full h-full">
                                         <span class="absolute bottom-[2px] right-[2px] text-white z-[2] leading-none">{{ getFileIndex(item.att_id) }}</span>
                                     </div>
@@ -86,7 +86,7 @@
                                 </el-tooltip>
                                 <!-- 图片操作 -->
                                 <el-dropdown :hide-on-click="false" v-if="scene == 'attachment'" class="attachment-action hidden ">
-                                    <icon name="element-MoreFilled" class="cursor-pointer ml-[8px]" size="14px" />
+                                    <icon name="element MoreFilled" class="cursor-pointer ml-[8px]" size="14px" />
                                     <template #dropdown>
                                         <el-dropdown-menu>
                                             <el-dropdown-item class="text-center" @click="previewImage(index)" v-if="item.att_type == 'image'">
@@ -114,7 +114,7 @@
                             <div class="attachment-wrap w-full rounded cursor-pointer overflow-hidden relative flex items-center justify-center h-[120px]">
                                 <el-image :src="img(item.url)" fit="contain" v-if="type == 'image'" :preview-src-list="item.image_list"/>
                                 <video :src="img(item.url)" v-else-if="type == 'video'"></video>
-                                <icon :name="item.url" size="40px" v-else-if="type == 'icon'"></icon>
+                                <icon :name="item.url" size="24px" v-else-if="type == 'icon'"></icon>
                             </div>
                             <div class="flex items-center">
                                 <el-tooltip placement="top">
@@ -124,10 +124,11 @@
                             </div>
                         </div>
                     </div>
-                    <div class="flex items-center justify-center" v-else>
-                        <el-empty v-if="!attachment.loading"
-                            :description="type == 'icon' ? t('upload.iconEmpty') : t('upload.attachmentEmpty')"
-                            :image-size="100" />
+                    <div class="flex absolute top-0 left-0 right-0 bottom-0 items-center justify-center" v-else>
+                        <div class="flex flex-col items-center" v-if="!attachment.loading">
+                            <img src="@/app/assets/images/no_attachment.png" class="max-w-[130px] max-h-[130px] mb-[15px]">
+                            <span class="text-[var(--el-text-color-secondary)] text-[14px]">{{type == 'icon' ? t('upload.iconEmpty') : t('upload.attachmentEmpty')}}</span>
+                        </div>
                     </div>
                 </el-scrollbar>
             </div>
@@ -139,7 +140,7 @@
                         <el-button :disabled="batchOperateDisabled" @click="moveAttachmentEvent()">{{ t('upload.move') }}</el-button>
                     </div>
                 </el-col>
-                <el-col :span="scene == 'attachment' ? 16 : 24">
+                <el-col :span="24">
                     <div class="flex h-full justify-end items-center">
                         <el-pagination v-model:current-page="attachment.page" :small="true"
                             v-model:page-size="attachment.limit" :page-sizes="[10, 20, 30, 40, 60]"
@@ -433,7 +434,6 @@ const selectFile = (data: any) => {
         selectedFile[data.att_id] = toRaw(data)
         selectedFileIndex.push(data.att_id);
     }
-
 }
 
 // 获取当前选中文件的下标
@@ -528,7 +528,8 @@ const previewVideo = (index: number) => {
 }
 
 defineExpose({
-    selectedFile
+    selectedFile,
+    selectedFileIndex
 })
 </script>
 
diff --git a/admin/src/components/upload-attachment/index.vue b/admin/src/components/upload-attachment/index.vue
index 27eace906..55b571075 100644
--- a/admin/src/components/upload-attachment/index.vue
+++ b/admin/src/components/upload-attachment/index.vue
@@ -17,6 +17,7 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
+import { deepClone } from '@/utils/common'
 import { t } from '@/lang'
 import attachment from './attachment.vue'
 
@@ -46,8 +47,20 @@ const emit = defineEmits(['confirm'])
  */
 const confirm = () => {
     showDialog.value = false
-    const files = Object.values(attachmentRef?.value.selectedFile)
-    emit('confirm', prop.limit == 1 ? files[0] ?? null : files)
+
+    let filesObj = attachmentRef?.value.selectedFile || {};
+    let filesIndexObj = attachmentRef?.value.selectedFileIndex || {};
+    // 整理图片顺序
+    let arr = [];
+    Object.values(filesIndexObj).forEach((item,index)=>{
+        for(let key in filesObj){
+            if(item == key){
+                arr.push(deepClone(filesObj[key]))
+            }
+        }
+    })
+    
+    emit('confirm', prop.limit == 1 ? arr[0] ?? null : arr)
 }
 
 defineExpose({
diff --git a/admin/src/components/upload-image/index.vue b/admin/src/components/upload-image/index.vue
index 589f827f6..609e6d6e4 100644
--- a/admin/src/components/upload-image/index.vue
+++ b/admin/src/components/upload-image/index.vue
@@ -1,40 +1,42 @@
 <template>
     <div class="flex flex-wrap">
         <template v-if="limit == 1">
-            <div class="rounded cursor-pointer overflow-hidden relative border border-solid border-color image-wrap mr-[10px]" :style="style">
+            <div class="rounded cursor-pointer overflow-hidden relative border border-solid border-color image-wrap mr-[10px]" :class="{'rounded-full': type=='avatar'}" :style="style">
                 <div class="w-full h-full relative" v-if="images.data.length">
                     <div class="w-full h-full flex items-center justify-center">
-                        <el-image :src="img(images.data[0])" fit="contain"></el-image>
+                        <el-image :src="images.data[0].indexOf('data:image') != -1 ? images.data[0] : img(images.data[0])" :fit=" type=='avatar'?'none':'contain'"></el-image>
                     </div>
                     <div class="absolute z-[1] flex items-center justify-center w-full h-full inset-0 bg-black bg-opacity-60 operation">
-                        <icon name="element-ZoomIn" color="#fff" size="18px" class="mr-[10px]" @click="previewImage()" />
-                        <icon name="element-Delete" color="#fff" size="18px" @click="removeImage" />
+                        <icon name="element ZoomIn" color="#fff" size="18px" class="mr-[10px]" @click="previewImage()" />
+                        <icon name="element Delete" color="#fff" size="18px" @click="removeImage" />
                     </div>
                 </div>
                 <upload-attachment :limit="limit" @confirm="confirmSelect" v-else>
                     <div class="w-full h-full flex items-center justify-center flex-col content-wrap">
-                        <icon name="element-Plus" size="20px" color="var(--el-text-color-secondary)" />
+                        <icon name="element Plus" size="20px" color="var(--el-text-color-secondary)" />
                         <div class="leading-none text-xs mt-[10px] text-secondary">{{ imageText || t('upload.root') }}</div>
                     </div>
                 </upload-attachment>
             </div>
         </template>
         <template v-else>
-            <div class="rounded cursor-pointer overflow-hidden relative border border-solid border-color image-wrap mr-[10px]" :style="style" v-for="(item, index) in images.data" :key="index">
-                <div class="w-full h-full relative">
-                    <div class="w-full h-full flex items-center justify-center">
-                        <el-image :src="img(item)" fit="contain"></el-image>
-                    </div>
-                    <div class="absolute z-[1] flex items-center justify-center w-full h-full inset-0 bg-black bg-opacity-60 operation">
-                        <icon name="element-ZoomIn" color="#fff" size="18px" class="mr-[10px]" @click="previewImage(index)" />
-                        <icon name="element-Delete" color="#fff" size="18px" @click="removeImage(index)" />
+            <div class="flex flex-wrap" ref="imgListRef">
+                <div class="rounded cursor-pointer overflow-hidden relative border border-solid border-color image-wrap mr-[10px]" :style="style" v-for="(item, index) in images.data" :key="item">
+                    <div class="w-full h-full relative">
+                        <div class="w-full h-full flex items-center justify-center">
+                            <el-image :src="img(item)" fit="contain"></el-image>
+                        </div>
+                        <div class="absolute z-[1] flex items-center justify-center w-full h-full inset-0 bg-black bg-opacity-60 operation">
+                            <icon name="element ZoomIn" color="#fff" size="18px" class="mr-[10px]" @click="previewImage(index)" />
+                            <icon name="element Delete" color="#fff" size="18px" @click="removeImage(index)" />
+                        </div>
                     </div>
                 </div>
             </div>
             <div class="rounded cursor-pointer overflow-hidden relative border border-dashed border-color" :style="style" v-if="images.data.length < limit">
                 <upload-attachment :limit="limit" @confirm="confirmSelect">
                     <div class="w-full h-full flex items-center justify-center flex-col content-wrap">
-                        <icon name="element-Plus" size="20px" color="var(--el-text-color-secondary)" />
+                        <icon name="element Plus" size="20px" color="var(--el-text-color-secondary)" />
                         <div class="leading-none text-xs mt-[10px] text-secondary">{{ imageText || t('upload.root') }}</div>
                     </div>
                 </upload-attachment>
@@ -46,11 +48,16 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, reactive, watch, toRaw } from 'vue'
+import { computed, reactive, watch, onMounted, toRaw, nextTick, ref } from 'vue'
 import { img } from '@/utils/common'
+import Sortable from 'sortablejs'
 import { t } from '@/lang'
 
 const prop = defineProps({
+    type: {
+        type: String,
+        default: 'image'
+    },
     modelValue: {
         type: String,
         default: ''
@@ -91,13 +98,19 @@ let previewImageList: string[] = reactive([])
 
 const setValue = () => {
     value.value = toRaw(images.data).toString()
-    previewImageList = toRaw(images.data).map((url: string) => { return img(url) })
+    previewImageList = toRaw(images.data).map((url: string) => { return url.indexOf('data:image') != -1 ? url : img(url) })
 }
 
 watch(() => value.value, () => {
-    images.data = [
-        ...value.value.split(',').filter((item: string) => { return item })
-    ]
+    if(value.value.indexOf('data:image') != -1){
+        images.data = [value.value]
+    }else {
+        images.data = [
+            ...value.value.split(',').filter((item: string) => {
+                return item
+            })
+        ]
+    }
     setValue()
 }, { immediate: true })
 
@@ -119,6 +132,9 @@ const confirmSelect = (data: Record<string, any>) => {
         data.forEach((item: any) => {
             if (images.data.length < prop.limit) images.data.push(item.url)
         })
+        nextTick(() => {
+            rowDrop()
+        })
     }
     setValue()
     emit('change', value.value)
@@ -144,6 +160,32 @@ const previewImage = (index: number = 0) => {
     imageViewer.show = true
     imageViewer.index = index
 }
+
+/**
+ * 拖拽
+ */
+const imgListRef:any = ref(null)
+onMounted(()=>{
+    nextTick(() => {
+        rowDrop()
+    })
+})
+const activeRows = ref<any[]>([])
+// 拖拽排序
+const rowDrop = () => {
+    if (prop.limit == 1) return;
+    Sortable.create(imgListRef.value, {
+        group: 'image-wrap',
+        animation: 300,
+        onEnd: event => {
+            const temp = images.data[event.oldIndex!]
+            images.data.splice(event.oldIndex!, 1)
+            images.data.splice(event.newIndex!, 0, temp)
+            setValue()
+        }
+    })
+}
+
 </script>
 
 <style lang="scss" scoped>
diff --git a/admin/src/components/upload-video/index.vue b/admin/src/components/upload-video/index.vue
index 7fd9f00d6..95134e2df 100644
--- a/admin/src/components/upload-video/index.vue
+++ b/admin/src/components/upload-video/index.vue
@@ -6,15 +6,15 @@
 					<div class="w-full h-full relative flex items-center overflow-hidden rounded">
 						<video :src="img(videos.data[0])" class="w-full"/>
 						<div class="absolute z-[1] flex items-center justify-center w-full h-full inset-0 bg-black bg-opacity-60 operation">
-							<icon name="iconfont-icon24gf-playCircle" color="#fff" size="25px" @click="previewVideo()"/>
+							<icon name="iconfont icon24gf-playCircle" color="#fff" size="25px" @click="previewVideo()"/>
 						</div>
 					</div>
-					<icon name="element-CircleCloseFilled" color="#bbb" size="18px" @click="removeVideo" class="absolute z-[2] top-[-9px] right-[-9px]"/>
+					<icon name="element CircleCloseFilled" color="#bbb" size="18px" @click="removeVideo" class="absolute z-[2] top-[-9px] right-[-9px]"/>
 				</template>
 				<upload-attachment :limit="limit" type="video" @confirm="confirmSelect" v-else>
 					<div class="w-full h-full flex items-center justify-center flex-col">
                         <slot name="icon">
-                            <icon name="iconfont-icon24gf-playCircle" size="25px" color="var(--el-text-color-secondary)"/>
+                            <icon name="iconfont icon24gf-playCircle" size="25px" color="var(--el-text-color-secondary)"/>
                         </slot>
 					</div>
 				</upload-attachment>
@@ -25,16 +25,16 @@
 				<div class="w-full h-full relative flex items-center overflow-hidden rounded">
 					<video :src="img(item)" class="w-full"/>
 					<div class="absolute z-[1] flex items-center justify-center w-full h-full inset-0 bg-black bg-opacity-60 operation">
-						<icon name="iconfont-icon24gf-playCircle" color="#fff" size="25px" @click="previewVideo(index)"/>
+						<icon name="iconfont icon24gf-playCircle" color="#fff" size="25px" @click="previewVideo(index)"/>
 					</div>
 				</div>
-				<icon name="element-CircleCloseFilled" color="#bbb" size="18px" @click="removeVideo(index)" class="absolute z-[2] top-[-9px] right-[-9px]"/>
+				<icon name="element CircleCloseFilled" color="#bbb" size="18px" @click="removeVideo(index)" class="absolute z-[2] top-[-9px] right-[-9px]"/>
 			</div>
 			<div class="rounded cursor-pointer relative bg-page video-wrap mr-[10px]" :style="style" v-if="videos.data.length < limit">
 				<upload-attachment :limit="limit" type="video" @confirm="confirmSelect">
 					<div class="w-full h-full flex items-center justify-center flex-col">
                         <slot name="icon">
-                            <icon name="iconfont-icon24gf-playCircle" size="25px" color="var(--el-text-color-secondary)"/>
+                            <icon name="iconfont icon24gf-playCircle" size="25px" color="var(--el-text-color-secondary)"/>
                         </slot>
 					</div>
 				</upload-attachment>
@@ -119,9 +119,9 @@ const confirmSelect = (data: Record<string, any>) => {
 }
 
 /**
-     * 删除视频
-     * @param index
-     */
+ * 删除视频
+ * @param index
+ */
 const removeVideo = (index: number = 0) => {
     videos.data.splice(index, 1)
     setValue()
@@ -132,8 +132,8 @@ const setValue = () => {
 }
 
 /**
-     * 查看视频
-     */
+ * 查看视频
+ */
 const videoViewer = reactive({
     visible: false,
     src: ''
diff --git a/admin/src/components/verifition/Verify.vue b/admin/src/components/verifition/Verify.vue
index 406980d6e..eab10941c 100644
--- a/admin/src/components/verifition/Verify.vue
+++ b/admin/src/components/verifition/Verify.vue
@@ -28,9 +28,9 @@
 </template>
 <script type="text/babel">
 /**
-     * Verify 验证码组件
-     * @description 分发验证码使用
-     * */
+ * Verify 验证码组件
+ * @description 分发验证码使用
+ * */
 import VerifySlide from './Verify/VerifySlide.vue'
 import VerifyPoints from './Verify/VerifyPoints.vue'
 import { computed, ref, toRefs, watchEffect } from 'vue'
@@ -93,9 +93,9 @@ export default {
             }
         })
         /**
-             * refresh
-             * @description 刷新
-             * */
+         * refresh
+         * @description 刷新
+         * */
         const refresh = () => {
             if (instance.value.refresh) {
                 instance.value.refresh()
diff --git a/admin/src/components/verifition/Verify/VerifyPoints.vue b/admin/src/components/verifition/Verify/VerifyPoints.vue
index a8c3f713a..d2bb8c2e3 100644
--- a/admin/src/components/verifition/Verify/VerifyPoints.vue
+++ b/admin/src/components/verifition/Verify/VerifyPoints.vue
@@ -1,6 +1,5 @@
 <template>
-    <div style="position: relative"
-        >
+    <div style="position: relative">
         <div class="verify-img-out">
             <div class="verify-img-panel" :style="{'width': setSize.imgWidth,
                                                    'height': setSize.imgHeight,
@@ -45,13 +44,14 @@
 </template>
 <script type="text/babel">
 /**
-     * VerifyPoints
-     * @description 点选
-     * */
+ * VerifyPoints
+ * @description 点选
+ * */
 import { resetSize } from './../utils/util'
 import { aesEncrypt } from './../utils/ase'
 import { reqGet, reqCheck } from './../api/index'
 import { onMounted, reactive, ref, nextTick, toRefs, getCurrentInstance } from 'vue'
+
 export default {
     name: 'VerifyPoints',
     props: {
diff --git a/admin/src/components/verifition/Verify/VerifySlide.vue b/admin/src/components/verifition/Verify/VerifySlide.vue
index abec505e4..c77aef438 100644
--- a/admin/src/components/verifition/Verify/VerifySlide.vue
+++ b/admin/src/components/verifition/Verify/VerifySlide.vue
@@ -42,9 +42,9 @@
 </template>
 <script type="text/babel">
 /**
-     * VerifySlide
-     * @description 滑块
-     * */
+ * VerifySlide
+ * @description 滑块
+ * */
 import { aesEncrypt } from './../utils/ase'
 import { resetSize } from './../utils/util'
 import { reqGet, reqCheck } from './../api/index'
diff --git a/admin/src/components/verifition/api/index.js b/admin/src/components/verifition/api/index.js
index 4013a7260..271a3e7bb 100644
--- a/admin/src/components/verifition/api/index.js
+++ b/admin/src/components/verifition/api/index.js
@@ -2,7 +2,6 @@
  * 此处可直接引用自己项目封装好的 axios 配合后端联调
  */
 
-
 import request from "./../utils/axios"  //组件内部封装的axios
 // import request from "@/app/api/axios.js"       //调用项目封装的axios
 
diff --git a/admin/src/lang/zh-cn/common.json b/admin/src/lang/zh-cn/common.json
index 00f0e6ff3..12cd651bd 100644
--- a/admin/src/lang/zh-cn/common.json
+++ b/admin/src/lang/zh-cn/common.json
@@ -118,6 +118,15 @@
   "diyLinkUrl": "跳转路径",
   "diyLinkUrlPlaceholder": "请输入跳转路径",
   "diyLinkUrlNotEmpty": "跳转路径不能为空",
+  "diyAppletId": "小程序AppID",
+  "diyAppletIdPlaceholder": "请输入要打开的小程序的appid",
+  "diyAppletIdNotEmpty": "小程序AppID不能为空",
+  "diyAppletPage": "小程序路径",
+  "diyAppletPagePlaceholder": "请输入要打开的小程序路径",
+  "diyAppletPageNotEmpty": "小程序路径不能为空",
+  "diyMakePhone": "电话号码",
+  "diyMakePhonePlaceholder": "请输入电话号码",
+  "diyMakePhoneNotEmpty": "电话号码不能为空",
   "returnToPreviousPage": "返回",
   "preview": "预览",
   "emptyApp": "暂未安装任何应用",
@@ -137,6 +146,7 @@
   "originalPasswordHint": "原始密码不能为空",
   "newPasswordHint": "请输入确认密码",
   "doubleCipherHint": "两次新密码不同",
+  "confirmPasswordError": "两次新密码不同",
   "upgrade": {
     "upgradeButton": "立即升级",
     "title": "升级",
diff --git a/admin/src/layout/admin/components/aside/index.vue b/admin/src/layout/admin/components/aside/index.vue
index 81c87e62f..50e4cb761 100644
--- a/admin/src/layout/admin/components/aside/index.vue
+++ b/admin/src/layout/admin/components/aside/index.vue
@@ -1,6 +1,6 @@
 <template>
     <div :class="['layout-aside ease-in duration-200 flex h-full', { 'bright': !dark }]">
-        <div class="flex flex-col h-full border-0 border-r-[1px] border-solid border-[#eee] box-border bg-[#f5f6f8]">
+        <div class="flex flex-col h-full border-0 border-r-[1px] border-solid border-[var(--el-color-info-light-8)] box-border bg-[var(--el-color-info-light-8)]">
             <div class="w-full h-[64px] flex justify-center items-center w-[65px]flex-shrink-0">
                 <div class="w-[40px] h-[40px] rounded-[50%] overflow-hidden">
                     <el-image style="width: 100%; height: 100%" :src="img(logoUrl)" fit="contain">
@@ -29,7 +29,7 @@
 
         </div>
         <div class="flex flex-col two-menu w-[140px] h-[100vh]" v-if="twoMenuData.length">
-            <div class="w-[140px] h-[64px] bg-[#fff] flex items-center justify-center text-[16px]">{{ route.matched[1].meta.title }}</div>
+            <div class="w-[140px] h-[64px]  flex items-center justify-center text-[16px]">{{ route.matched[1].meta.title }}</div>
             <el-scrollbar class="flex-1">
                 <el-menu :default-active="route.name" :router="true" class="aside-menu " :collapse="systemStore.menuIsCollapse">
                     <menu-item v-for="(route, index) in twoMenuData" :routes="route" :key="index" />
@@ -50,6 +50,7 @@ import { ADMIN_ROUTE,findFirstValidRoute } from "@/router/routers"
 import { img, isUrl } from '@/utils/common'
 import { getWebsite } from '@/app/api/sys'
 import menuItem from './menu-item.vue'
+
 const route = useRoute()
 const userStore = useUserStore()
 const routers = userStore.routers
@@ -128,10 +129,10 @@ watch(route, () => {
                 font-size: 14px;
             }
             &.is-active{
-                background-color: var(--el-color-primary-light-9) !important;
+                background-color: var(--el-color-info-light-8) !important;
             }
             &:hover{
-                background-color: #f7f7f7;
+                background-color: var(--el-color-info-light-8) !important;
                 color: var(--el-color-primary);
             }
         }
@@ -149,7 +150,7 @@ watch(route, () => {
                     font-size: 14px;
                 }
                 &:hover{
-                    background-color: #f7f7f7;
+                    background-color: var(--el-color-info-light-8) !important;
                     color: var(--el-color-primary);
                 }
                 .el-icon.el-sub-menu__icon-arrow{
diff --git a/admin/src/layout/admin/components/aside/menu-item.vue b/admin/src/layout/admin/components/aside/menu-item.vue
index 82b44d1b6..30ceee82d 100644
--- a/admin/src/layout/admin/components/aside/menu-item.vue
+++ b/admin/src/layout/admin/components/aside/menu-item.vue
@@ -56,6 +56,7 @@ import { useRoute, useRouter } from 'vue-router'
 import { ref, computed } from 'vue'
 import menuItem from './menu-item.vue'
 import { CollectionTag } from '@element-plus/icons-vue'
+
 const router = useRouter()
 const props = defineProps({
     routes: {
diff --git a/admin/src/layout/admin/components/header/index.vue b/admin/src/layout/admin/components/header/index.vue
index f8cb5b358..18aadd722 100644
--- a/admin/src/layout/admin/components/header/index.vue
+++ b/admin/src/layout/admin/components/header/index.vue
@@ -4,17 +4,19 @@
         <div class="left-panel flex items-center text-[14px] leading-[1]">
             <!-- 刷新当前页 -->
             <div class="navbar-item flex items-center h-full cursor-pointer" @click="refreshRouter">
-                <icon name="element-Refresh" />
+                <icon name="element Refresh" />
             </div>
             <!-- 面包屑导航 -->
             <div class="flex items-center h-full pl-[10px] hidden-xs-only">
                 <el-breadcrumb separator="/">
-                    <el-breadcrumb-item v-for="(route, index) in breadcrumb" :key="index">{{route.meta.title }}</el-breadcrumb-item>
-                    </el-breadcrumb>
+	                <el-breadcrumb-item v-for="(route, index) in breadcrumb" :key="index">{{route.meta.title }}</el-breadcrumb-item>
+                </el-breadcrumb>
             </div>
         </div>
         <div class="right-panel h-full flex items-center justify-end">
-           
+            <div class="navbar-item flex items-center h-full cursor-pointer">
+                <layout-setting />
+            </div>
             <!-- 用户信息 -->
             <div class="navbar-item flex items-center h-full cursor-pointer">
                 <user-info />
@@ -55,19 +57,19 @@
 </template>
 
 <script lang="ts" setup>
-import { ref,computed } from 'vue'
+import { ref, computed } from 'vue'
 import useUserStore from '@/stores/modules/user'
 import useAppStore from '@/stores/modules/app'
-import { useRoute,useRouter } from 'vue-router'
+import { useRoute } from 'vue-router'
 import { t } from '@/lang'
 import storage from '@/utils/storage'
 import userInfo from './user-info.vue'
-import { findFirstValidRoute } from "@/router/routers"
+import layoutSetting from './layout-setting.vue'
+
 const route = useRoute()
-const router = useRouter()
 const appStore = useAppStore()
 const userStore = useUserStore()
-const routers = userStore.routers
+
 // 检测登录 start
 const detectionLoginDialog = ref(false)
 const comparisonToken = ref('')
@@ -124,8 +126,3 @@ storage.set({ key: 'currHeadMenuName', data: "" })
     }
 }
 </style>
-<style>
-/* .layout-admin .el-dropdown{
-    color: #fff;
-} */
-</style>
diff --git a/admin/src/layout/admin/components/header/layout-setting.vue b/admin/src/layout/admin/components/header/layout-setting.vue
index 4f8d2f99a..1b61cd340 100644
--- a/admin/src/layout/admin/components/header/layout-setting.vue
+++ b/admin/src/layout/admin/components/header/layout-setting.vue
@@ -1,23 +1,9 @@
 <template>
     <div class="flex">
-        <icon name="element-Setting" @click="drawer = true" />
+        <icon name="element Setting" @click="drawer = true" />
 
         <el-drawer v-model="drawer" :title="t('layout.layoutSetting')" size="300px">
             <el-scrollbar>
-                <!-- 风格切换 -->
-                <div class="setting-item flex items-center justify-between mb-[10px]">
-                    <div class="title text-base text-tx-secondary">{{ t('layout.sidebarMode') }}</div>
-                    <div>
-                        <el-radio-group v-model="sidebar" class="ml-4">
-                            <el-radio label="oneType" size="large">
-                                <img class="w-[35px] h-[35px]" src="@/app/assets/images/theme_white.png" alt="">
-                            </el-radio>
-                            <el-radio label="twoType" size="large">
-                                <img class="w-[35px] h-[35px]" src="@/app/assets/images/theme_black.png" alt="">
-                            </el-radio>
-                        </el-radio-group>
-                    </div>
-                </div>
                 <!-- 黑暗模式 -->
                 <div class="setting-item flex items-center justify-between mb-[10px]">
                     <div class="title text-base text-tx-secondary">{{ t('layout.darkMode') }}</div>
@@ -32,21 +18,6 @@
                         <el-color-picker v-model="theme" />
                     </div>
                 </div>
-                <!-- 布局风格 -->
-                <div class="setting-item mb-[10px]">
-                    <div class="title text-base text-tx-secondary">{{ t('layout.layoutStyle') }}</div>
-                    <div class="flex mt-[10px] layout-style flex-wrap">
-                        <div class="relative w-[125px] h-[100px] border mr-[10px] mb-[10px] hover:border-primary"
-                            :class="{ 'border-primary': currLayout == item.key }" v-for="(item, index) in layouts"
-                            @click="handleSetLayout(item.key)">
-                            <div
-                                class="absolute z-1 w-[50px] h-[50px] border border-primary-light-5 rounded-[50%] top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] flex items-center justify-center text-base text-primary-light-5">
-                                {{ item.name }}
-                            </div>
-                            <img :src="img(item.image)" alt="" class="w-full h-full">
-                        </div>
-                    </div>
-                </div>
             </el-scrollbar>
         </el-drawer>
     </div>
@@ -58,17 +29,10 @@ import useSystemStore from '@/stores/modules/system'
 import { useDark, useToggle } from '@vueuse/core'
 import { setThemeColor, img } from '@/utils/common'
 import { t } from '@/lang'
-import { getLayouts, setLayout } from '@/app/api/sys'
 import Storage from '@/utils/storage'
 
 const drawer = ref(false)
 const systemStore = useSystemStore()
-const layouts = ref([])
-const currLayout = ref(Storage.get('layout') || 'default')
-
-getLayouts().then(res => {
-    layouts.value = res.data
-}).catch(() => { })
 
 const isDark = useDark()
 const toggleDark = useToggle(isDark)
@@ -103,13 +67,6 @@ const theme = computed({
         setThemeColor(systemStore.theme, systemStore.dark ? 'dark' : 'light')
     }
 })
-
-const handleSetLayout = (key: string) => {
-    setLayout(key).then(() => {
-        Storage.set({ key: 'layout', data: key })
-        location.reload()
-    }).catch(() => { })
-}
 </script>
 
 <style lang="scss" scoped>
diff --git a/admin/src/layout/admin/components/header/switch-lang.vue b/admin/src/layout/admin/components/header/switch-lang.vue
index e48de6e30..811aa68ec 100644
--- a/admin/src/layout/admin/components/header/switch-lang.vue
+++ b/admin/src/layout/admin/components/header/switch-lang.vue
@@ -1,6 +1,6 @@
 <template>
     <el-dropdown @command="switchLang" :tabindex="1">
-        <icon name="iconfont-iconfanyi" />
+        <icon name="iconfont iconfanyi" />
         <template #dropdown>
             <el-dropdown-menu>
                 <el-dropdown-item command="zh-cn" :disabled="systemStore.lang == 'zh-cn'">简体中文</el-dropdown-item>
diff --git a/admin/src/layout/admin/components/header/user-info.vue b/admin/src/layout/admin/components/header/user-info.vue
index ec8d6e0b1..f1e84a5ce 100644
--- a/admin/src/layout/admin/components/header/user-info.vue
+++ b/admin/src/layout/admin/components/header/user-info.vue
@@ -2,9 +2,9 @@
     <div>
         <el-dropdown @command="clickEvent" :tabindex="1">
             <div class="userinfo flex h-full items-center">
-                <el-avatar :size="25" :icon="UserFilled" />
+                <el-avatar :size="25" :icon="UserFilled" :src="userStore.userInfo.head_img ? img(userStore.userInfo.head_img) : ''"/>
                 <div class="user-name pl-[8px]">{{ userStore.userInfo.username }}</div>
-                <icon name="element-ArrowDown" class="ml-[5px]" />
+                <icon name="element ArrowDown" class="ml-[5px]" />
             </div>
             <template #dropdown>
                 <el-dropdown-menu>
@@ -67,13 +67,14 @@
 
 <script lang="ts" setup>
 import { UserFilled } from '@element-plus/icons-vue'
-import { computed, reactive, ref, onMounted, watch } from 'vue'
-import { useRoute, useRouter } from 'vue-router'
+import { reactive, ref } from 'vue'
 import type { FormInstance, FormRules, ElNotification } from 'element-plus'
 import useUserStore from '@/stores/modules/user'
 import { setUserInfo } from '@/app/api/personal'
 import { t } from '@/lang'
+import { img } from '@/utils/common'
 import userInfoEdit from '@/app/components/user-info-edit/index.vue'
+
 const userStore = useUserStore()
 
 const clickEvent = (command: string) => {
diff --git a/admin/src/layout/admin/components/tabs.vue b/admin/src/layout/admin/components/tabs.vue
index d58f79a43..561663f98 100644
--- a/admin/src/layout/admin/components/tabs.vue
+++ b/admin/src/layout/admin/components/tabs.vue
@@ -1,7 +1,6 @@
 <template>
     <div class="tab-wrap w-full px-[16px]">
-        <el-tabs :closable="tabbarStore.tabLength > 1" :model-value="route.path" @tab-click="tabClick"
-            @tab-remove="removeTab">
+        <el-tabs :closable="tabbarStore.tabLength > 1" :model-value="route.path" @tab-click="tabClick" @tab-remove="removeTab">
             <el-tab-pane v-for="(tab, key, index) in tabbarStore.tabs" :name="tab.path" :key="index">
                 <template #label>
                     <el-dropdown trigger="contextmenu" placement="bottom-start">
diff --git a/admin/src/layout/admin/index.vue b/admin/src/layout/admin/index.vue
index 4dd738681..18a3b1f02 100644
--- a/admin/src/layout/admin/index.vue
+++ b/admin/src/layout/admin/index.vue
@@ -1,32 +1,34 @@
-
 <template>
-    <div class="common-layout min-w-[1200px]" >
-        <el-container class="w-100 h-screen">
-            <layout-aside></layout-aside>
+    <div class="flex w-full h-screen">
+        <!-- 左侧边栏 -->
+        <layout-aside></layout-aside>
+        <!-- 左侧边栏 end -->
 
-            <el-container>
-                <el-header class="!h-[64px]">
-                    <layout-header></layout-header>
-                </el-header>
+        <el-container>
+            <!-- 顶部 -->
+            <el-header>
+                <layout-header></layout-header>
+            </el-header>
+            <!-- 顶部 end -->
 
-                <el-main :class="['main-wrap h-full p-0 bg-page']">
-                    <el-scrollbar>
-                        <div class="p-[10px]">
-                            <router-view v-slot="{ Component, route }" v-if="appStore.routeRefreshTag">
-                                <keep-alive :include="tabbarStore.tabNames">
-                                    <component :is="Component" :key="route.fullPath" />
-                                </keep-alive>
-                            </router-view>
-                        </div>
-                    </el-scrollbar>
-                </el-main>
-
-            </el-container>
+            <!-- 主体 -->
+            <el-main class="h-full p-0 bg-page">
+                <el-scrollbar>
+                    <div class="p-[15px]">
+                        <router-view v-slot="{ Component, route }" v-if="appStore.routeRefreshTag">
+                            <keep-alive :include="tabbarStore.tabNames">
+                                <component :is="Component" :key="route.fullPath" />
+                            </keep-alive>
+                        </router-view>
+                    </div>
+                </el-scrollbar>
+            </el-main>
+            <!-- 主体 end -->
         </el-container>
     </div>
 </template>
+
 <script lang="ts" setup>
-import { computed, ref, onMounted} from 'vue'
 import layoutHeader from './components/header/index.vue'
 import layoutAside from './components/aside/index.vue'
 import useAppStore from '@/stores/modules/app'
@@ -36,8 +38,4 @@ const appStore = useAppStore()
 const tabbarStore = useTabbarStore()
 </script>
 
-<style lang="scss" scoped>
-.layout-content-height{
-    height: calc(100vh - 130px);
-}
-</style>
+<style lang="scss" scoped></style>
diff --git a/admin/src/layout/bussiness/components/aside/side.vue b/admin/src/layout/bussiness/components/aside/side.vue
index e499a70b6..573bd67c4 100644
--- a/admin/src/layout/bussiness/components/aside/side.vue
+++ b/admin/src/layout/bussiness/components/aside/side.vue
@@ -111,15 +111,18 @@ watch(route, () => {
         oneMenuActive.value = route.matched[1].name
     } else {
         // 单应用
-        if (route.meta.addon == '') {
+        const oneMenu = route.matched[1]
+        if (oneMenu.meta.addon == '') {
             oneMenuActive.value = route.matched[1].name
             twoMenuData.value = route.matched[1].children ?? []
-        } else if (route.meta.addon && route.meta.addon != siteInfo?.apps[0].key) {
-            oneMenuActive.value = '/site/app'
-            twoMenuData.value = route.matched[1].children ?? []
         } else {
-            oneMenuActive.value = route.matched[2].name
-            twoMenuData.value = route.matched[2].children ?? []
+            if (oneMenu.meta.addon == siteInfo?.apps[0].key) {
+                oneMenuActive.value = route.matched[2].name
+                twoMenuData.value = route.matched[2].children ?? []
+            } else {
+                oneMenuActive.value = route.matched[1].name
+                twoMenuData.value = route.matched[1].children ?? []
+            }
         }
     }
 }, { immediate: true })
diff --git a/admin/src/layout/bussiness/components/header/index.vue b/admin/src/layout/bussiness/components/header/index.vue
index abde2d85a..82f7e79f1 100644
--- a/admin/src/layout/bussiness/components/header/index.vue
+++ b/admin/src/layout/bussiness/components/header/index.vue
@@ -5,12 +5,12 @@
                 <div class="left-panel h-full flex items-center">
                     <!-- 左侧菜单折叠 -->
                     <!-- <div class="navbar-item flex items-center h-full cursor-pointer" @click="toggleMenuCollapse">
-                        <icon name="element-Expand" v-if="systemStore.menuIsCollapse" />
-                        <icon name="element-Fold" v-else />
+                        <icon name="element Expand" v-if="systemStore.menuIsCollapse" />
+                        <icon name="element Fold" v-else />
                     </div> -->
                     <!-- 刷新当前页 -->
                     <div class="navbar-item flex items-center h-full cursor-pointer" @click="refreshRouter">
-                        <icon name="element-Refresh" />
+                        <icon name="element Refresh" />
                     </div>
                     <!-- 面包屑导航 -->
                     <div class="flex items-center h-full pl-[10px] hidden-xs-only">
@@ -31,8 +31,8 @@
                     </div> -->
                     <!-- 切换全屏 -->
                     <!-- <div class="navbar-item flex items-center h-full cursor-pointer" @click="toggleFullscreen">
-                        <icon name="iconfont-icontuichuquanping" v-if="isFullscreen" />
-                        <icon name="iconfont-iconquanping" v-else />
+                        <icon name="iconfont icontuichuquanping" v-if="isFullscreen" />
+                        <icon name="iconfont iconquanping" v-else />
                     </div> -->
                     <!-- 布局设置 -->
                     <div class="navbar-item flex items-center h-full cursor-pointer">
diff --git a/admin/src/layout/bussiness/components/header/layout-setting.vue b/admin/src/layout/bussiness/components/header/layout-setting.vue
index 4ca0fd2b4..43bdcf96a 100644
--- a/admin/src/layout/bussiness/components/header/layout-setting.vue
+++ b/admin/src/layout/bussiness/components/header/layout-setting.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="flex">
-        <icon name="element-Setting" @click="drawer = true" />
+        <icon name="element Setting" @click="drawer = true" />
 
         <el-drawer v-model="drawer" :title="t('layout.layoutSetting')" size="300px">
             <el-scrollbar>
diff --git a/admin/src/layout/bussiness/components/header/switch-lang.vue b/admin/src/layout/bussiness/components/header/switch-lang.vue
index e48de6e30..811aa68ec 100644
--- a/admin/src/layout/bussiness/components/header/switch-lang.vue
+++ b/admin/src/layout/bussiness/components/header/switch-lang.vue
@@ -1,6 +1,6 @@
 <template>
     <el-dropdown @command="switchLang" :tabindex="1">
-        <icon name="iconfont-iconfanyi" />
+        <icon name="iconfont iconfanyi" />
         <template #dropdown>
             <el-dropdown-menu>
                 <el-dropdown-item command="zh-cn" :disabled="systemStore.lang == 'zh-cn'">简体中文</el-dropdown-item>
diff --git a/admin/src/layout/bussiness/components/header/user-info.vue b/admin/src/layout/bussiness/components/header/user-info.vue
index 896c8aef8..504ae91e8 100644
--- a/admin/src/layout/bussiness/components/header/user-info.vue
+++ b/admin/src/layout/bussiness/components/header/user-info.vue
@@ -2,9 +2,9 @@
     <div>
         <el-dropdown @command="clickEvent" :tabindex="1">
             <div class="userinfo flex h-full items-center">
-                <el-avatar :size="25" :icon="UserFilled" />
+                <el-avatar :size="25" :icon="UserFilled" :src="userStore.userInfo.head_img ? img(userStore.userInfo.head_img) : ''"/>
                 <div class="user-name pl-[8px]">{{ userStore.userInfo.username }}</div>
-                <icon name="element-ArrowDown" class="ml-[5px]" />
+                <icon name="element ArrowDown" class="ml-[5px]" />
             </div>
             <template #dropdown>
                 <el-dropdown-menu>
@@ -65,13 +65,15 @@
 
 <script lang="ts" setup>
 import { UserFilled } from '@element-plus/icons-vue'
-import { computed, reactive, ref, onMounted, watch } from 'vue'
+import { reactive, ref } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import type { FormInstance, FormRules, ElNotification } from 'element-plus'
 import useUserStore from '@/stores/modules/user'
 import { setUserInfo } from '@/app/api/personal'
+import { img } from '@/utils/common'
 import { t } from '@/lang'
 import userInfoEdit from '@/app/components/user-info-edit/index.vue'
+
 const userStore = useUserStore()
 const router = useRouter()
 const clickEvent = (command: string) => {
diff --git a/admin/src/layout/bussiness/components/tabs.vue b/admin/src/layout/bussiness/components/tabs.vue
index d58f79a43..561663f98 100644
--- a/admin/src/layout/bussiness/components/tabs.vue
+++ b/admin/src/layout/bussiness/components/tabs.vue
@@ -1,7 +1,6 @@
 <template>
     <div class="tab-wrap w-full px-[16px]">
-        <el-tabs :closable="tabbarStore.tabLength > 1" :model-value="route.path" @tab-click="tabClick"
-            @tab-remove="removeTab">
+        <el-tabs :closable="tabbarStore.tabLength > 1" :model-value="route.path" @tab-click="tabClick" @tab-remove="removeTab">
             <el-tab-pane v-for="(tab, key, index) in tabbarStore.tabs" :name="tab.path" :key="index">
                 <template #label>
                     <el-dropdown trigger="contextmenu" placement="bottom-start">
diff --git a/admin/src/layout/bussiness/index.vue b/admin/src/layout/bussiness/index.vue
index ee46eb0af..13121b350 100644
--- a/admin/src/layout/bussiness/index.vue
+++ b/admin/src/layout/bussiness/index.vue
@@ -1,26 +1,29 @@
 <template>
-    <div class="common-layout min-w-[1200px]" >
-        <el-container class="w-100 h-screen">
-            <layout-aside></layout-aside>
+    <div class="flex w-full h-screen">
+        <!-- 左侧边栏 -->
+        <layout-aside></layout-aside>
+        <!-- 左侧边栏 end -->
 
-            <el-container>
-                <el-header>
-                    <layout-header></layout-header>
-                </el-header>
+        <el-container>
+            <!-- 顶部 -->
+            <el-header>
+                <layout-header></layout-header>
+            </el-header>
+            <!-- 顶部 end -->
 
-                <el-main :class="['main-wrap h-full p-0 bg-page']">
-                    <el-scrollbar>
-                        <div class="p-[10px]">
-                            <router-view v-slot="{ Component, route }" v-if="appStore.routeRefreshTag">
-                                <keep-alive :include="tabbarStore.tabNames">
-                                    <component :is="Component" :key="route.fullPath" />
-                                </keep-alive>
-                            </router-view>
-                        </div>
-                    </el-scrollbar>
-                </el-main>
-
-            </el-container>
+            <!-- 主体 -->
+            <el-main class="h-full p-0 bg-page">
+                <el-scrollbar>
+                    <div class="p-[15px]">
+                        <router-view v-slot="{ Component, route }" v-if="appStore.routeRefreshTag">
+                            <keep-alive :include="tabbarStore.tabNames">
+                                <component :is="Component" :key="route.fullPath" />
+                            </keep-alive>
+                        </router-view>
+                    </div>
+                </el-scrollbar>
+            </el-main>
+            <!-- 主体 end -->
         </el-container>
     </div>
 </template>
diff --git a/admin/src/layout/bussiness/layout.json b/admin/src/layout/bussiness/layout.json
index 6be8c0a65..417230ef0 100644
--- a/admin/src/layout/bussiness/layout.json
+++ b/admin/src/layout/bussiness/layout.json
@@ -1,4 +1,4 @@
 {
 	"layout": "bussiness",
-	"cover": "/app/assets/images/layout_bussiness.png"
+	"cover": "/static/resource/images/system/layout_bussiness.png"
 }
diff --git a/admin/src/layout/darkside/components/aside/side.vue b/admin/src/layout/darkside/components/aside/side.vue
index 5fa9e23a5..af07a3834 100644
--- a/admin/src/layout/darkside/components/aside/side.vue
+++ b/admin/src/layout/darkside/components/aside/side.vue
@@ -14,7 +14,7 @@
         </el-header>
         <el-main class="menu-wrap">
             <el-scrollbar>
-                <el-menu :default-active="route.name" :router="true" background-color="--side-dark-color" text-color="#fff" :unique-opened="true" :collapse="systemStore.menuIsCollapse" >
+                <el-menu :default-active="route.name" :router="true" background-color="--side-dark-color" text-color="#fff" active-text-color="#fff" :unique-opened="true" :collapse="systemStore.menuIsCollapse" >
                     <menu-item v-for="(route, index) in menuData" :routes="route" :key="index" />
                 </el-menu>
                 <div class="h-[48px]"></div>
@@ -24,7 +24,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, watch,computed } from 'vue'
+import { ref, computed } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import useSystemStore from '@/stores/modules/system'
 import useUserStore from '@/stores/modules/user'
@@ -94,8 +94,12 @@ if (siteInfo?.apps.length > 1) {
 
         .el-sub-menu .el-menu-item {
             --el-menu-sub-item-height: 40px;
-            --el-menu-sub-item-height: 40px;
+        }
+
+        .el-menu-item.is-active {
+            background-color: var(--el-color-primary)
         }
     }
+
 }
 </style>
diff --git a/admin/src/layout/darkside/components/header/index.vue b/admin/src/layout/darkside/components/header/index.vue
index 5c0cd4c43..21bbaef45 100644
--- a/admin/src/layout/darkside/components/header/index.vue
+++ b/admin/src/layout/darkside/components/header/index.vue
@@ -5,12 +5,12 @@
                 <div class="left-panel h-full flex items-center">
                     <!-- 左侧菜单折叠 -->
                     <div class="hidden-sm-and-up navbar-item flex items-center h-full cursor-pointer" @click="toggleMenuCollapse">
-                        <icon name="element-Expand" v-if="systemStore.menuIsCollapse" />
-                        <icon name="element-Fold" v-else />
+                        <icon name="element Expand" v-if="systemStore.menuIsCollapse" />
+                        <icon name="element Fold" v-else />
                     </div>
                     <!-- 刷新当前页 -->
                     <div class="navbar-item flex items-center h-full cursor-pointer" @click="refreshRouter">
-                        <icon name="element-Refresh" />
+                        <icon name="element Refresh" />
                     </div>
                     <!-- 面包屑导航 -->
                     <div class="flex items-center h-full pl-[10px]">
@@ -31,8 +31,8 @@
                     </div> -->
                     <!-- 切换全屏 -->
                     <!-- <div class="navbar-item flex items-center h-full cursor-pointer" @click="toggleFullscreen">
-                        <icon name="iconfont-icontuichuquanping" v-if="isFullscreen" />
-                        <icon name="iconfont-iconquanping" v-else />
+                        <icon name="iconfont icontuichuquanping" v-if="isFullscreen" />
+                        <icon name="iconfont iconquanping" v-else />
                     </div> -->
                     <!-- 布局设置 -->
                     <div class="navbar-item flex items-center h-full cursor-pointer">
@@ -160,10 +160,6 @@ const toPreview = () => {
     window.open(url.href)
 }
 
-// 返回上一页
-// const backFn = () => {
-//     router.go(-1)
-// }
 </script>
 
 <style lang="scss" scoped>
diff --git a/admin/src/layout/darkside/components/header/layout-setting.vue b/admin/src/layout/darkside/components/header/layout-setting.vue
index 4ca0fd2b4..43bdcf96a 100644
--- a/admin/src/layout/darkside/components/header/layout-setting.vue
+++ b/admin/src/layout/darkside/components/header/layout-setting.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="flex">
-        <icon name="element-Setting" @click="drawer = true" />
+        <icon name="element Setting" @click="drawer = true" />
 
         <el-drawer v-model="drawer" :title="t('layout.layoutSetting')" size="300px">
             <el-scrollbar>
diff --git a/admin/src/layout/darkside/components/header/switch-lang.vue b/admin/src/layout/darkside/components/header/switch-lang.vue
index e48de6e30..811aa68ec 100644
--- a/admin/src/layout/darkside/components/header/switch-lang.vue
+++ b/admin/src/layout/darkside/components/header/switch-lang.vue
@@ -1,6 +1,6 @@
 <template>
     <el-dropdown @command="switchLang" :tabindex="1">
-        <icon name="iconfont-iconfanyi" />
+        <icon name="iconfont iconfanyi" />
         <template #dropdown>
             <el-dropdown-menu>
                 <el-dropdown-item command="zh-cn" :disabled="systemStore.lang == 'zh-cn'">简体中文</el-dropdown-item>
diff --git a/admin/src/layout/darkside/components/header/user-info.vue b/admin/src/layout/darkside/components/header/user-info.vue
index 896c8aef8..36d8c017f 100644
--- a/admin/src/layout/darkside/components/header/user-info.vue
+++ b/admin/src/layout/darkside/components/header/user-info.vue
@@ -2,9 +2,9 @@
     <div>
         <el-dropdown @command="clickEvent" :tabindex="1">
             <div class="userinfo flex h-full items-center">
-                <el-avatar :size="25" :icon="UserFilled" />
+                <el-avatar :size="25" :icon="UserFilled" :src="userStore.userInfo.head_img ? img(userStore.userInfo.head_img) : ''"/>
                 <div class="user-name pl-[8px]">{{ userStore.userInfo.username }}</div>
-                <icon name="element-ArrowDown" class="ml-[5px]" />
+                <icon name="element ArrowDown" class="ml-[5px]" />
             </div>
             <template #dropdown>
                 <el-dropdown-menu>
@@ -65,13 +65,15 @@
 
 <script lang="ts" setup>
 import { UserFilled } from '@element-plus/icons-vue'
-import { computed, reactive, ref, onMounted, watch } from 'vue'
+import { reactive, ref } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import type { FormInstance, FormRules, ElNotification } from 'element-plus'
 import useUserStore from '@/stores/modules/user'
 import { setUserInfo } from '@/app/api/personal'
 import { t } from '@/lang'
 import userInfoEdit from '@/app/components/user-info-edit/index.vue'
+import {img} from "@/utils/common"
+
 const userStore = useUserStore()
 const router = useRouter()
 const clickEvent = (command: string) => {
diff --git a/admin/src/layout/darkside/components/tabs.vue b/admin/src/layout/darkside/components/tabs.vue
index d58f79a43..561663f98 100644
--- a/admin/src/layout/darkside/components/tabs.vue
+++ b/admin/src/layout/darkside/components/tabs.vue
@@ -1,7 +1,6 @@
 <template>
     <div class="tab-wrap w-full px-[16px]">
-        <el-tabs :closable="tabbarStore.tabLength > 1" :model-value="route.path" @tab-click="tabClick"
-            @tab-remove="removeTab">
+        <el-tabs :closable="tabbarStore.tabLength > 1" :model-value="route.path" @tab-click="tabClick" @tab-remove="removeTab">
             <el-tab-pane v-for="(tab, key, index) in tabbarStore.tabs" :name="tab.path" :key="index">
                 <template #label>
                     <el-dropdown trigger="contextmenu" placement="bottom-start">
diff --git a/admin/src/layout/darkside/layout.json b/admin/src/layout/darkside/layout.json
index 6b762332d..4334e807b 100644
--- a/admin/src/layout/darkside/layout.json
+++ b/admin/src/layout/darkside/layout.json
@@ -1,4 +1,4 @@
 {
 	"layout": "darkside",
-	"cover": "/app/assets/images/layout_darkside.png"
+	"cover": "/static/resource/images/system/layout_darkside.png"
 }
diff --git a/admin/src/layout/default/components/aside/side.vue b/admin/src/layout/default/components/aside/side.vue
index 8766f4fba..9847b4234 100644
--- a/admin/src/layout/default/components/aside/side.vue
+++ b/admin/src/layout/default/components/aside/side.vue
@@ -24,7 +24,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, watch,computed } from 'vue'
+import { ref, computed } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import useSystemStore from '@/stores/modules/system'
 import useUserStore from '@/stores/modules/user'
@@ -94,7 +94,6 @@ if (siteInfo?.apps.length > 1) {
 
         .el-sub-menu .el-menu-item {
             --el-menu-sub-item-height: 40px;
-            --el-menu-sub-item-height: 40px;
         }
     }
 }
diff --git a/admin/src/layout/default/components/header/index.vue b/admin/src/layout/default/components/header/index.vue
index 5c0cd4c43..5d2c1f1bf 100644
--- a/admin/src/layout/default/components/header/index.vue
+++ b/admin/src/layout/default/components/header/index.vue
@@ -5,12 +5,12 @@
                 <div class="left-panel h-full flex items-center">
                     <!-- 左侧菜单折叠 -->
                     <div class="hidden-sm-and-up navbar-item flex items-center h-full cursor-pointer" @click="toggleMenuCollapse">
-                        <icon name="element-Expand" v-if="systemStore.menuIsCollapse" />
-                        <icon name="element-Fold" v-else />
+                        <icon name="element Expand" v-if="systemStore.menuIsCollapse" />
+                        <icon name="element Fold" v-else />
                     </div>
                     <!-- 刷新当前页 -->
                     <div class="navbar-item flex items-center h-full cursor-pointer" @click="refreshRouter">
-                        <icon name="element-Refresh" />
+                        <icon name="element Refresh" />
                     </div>
                     <!-- 面包屑导航 -->
                     <div class="flex items-center h-full pl-[10px]">
@@ -31,8 +31,8 @@
                     </div> -->
                     <!-- 切换全屏 -->
                     <!-- <div class="navbar-item flex items-center h-full cursor-pointer" @click="toggleFullscreen">
-                        <icon name="iconfont-icontuichuquanping" v-if="isFullscreen" />
-                        <icon name="iconfont-iconquanping" v-else />
+                        <icon name="iconfont icontuichuquanping" v-if="isFullscreen" />
+                        <icon name="iconfont iconquanping" v-else />
                     </div> -->
                     <!-- 布局设置 -->
                     <div class="navbar-item flex items-center h-full cursor-pointer">
@@ -159,11 +159,6 @@ const toPreview = () => {
     })
     window.open(url.href)
 }
-
-// 返回上一页
-// const backFn = () => {
-//     router.go(-1)
-// }
 </script>
 
 <style lang="scss" scoped>
diff --git a/admin/src/layout/default/components/header/layout-setting.vue b/admin/src/layout/default/components/header/layout-setting.vue
index 4ca0fd2b4..43bdcf96a 100644
--- a/admin/src/layout/default/components/header/layout-setting.vue
+++ b/admin/src/layout/default/components/header/layout-setting.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="flex">
-        <icon name="element-Setting" @click="drawer = true" />
+        <icon name="element Setting" @click="drawer = true" />
 
         <el-drawer v-model="drawer" :title="t('layout.layoutSetting')" size="300px">
             <el-scrollbar>
diff --git a/admin/src/layout/default/components/header/switch-lang.vue b/admin/src/layout/default/components/header/switch-lang.vue
index e48de6e30..811aa68ec 100644
--- a/admin/src/layout/default/components/header/switch-lang.vue
+++ b/admin/src/layout/default/components/header/switch-lang.vue
@@ -1,6 +1,6 @@
 <template>
     <el-dropdown @command="switchLang" :tabindex="1">
-        <icon name="iconfont-iconfanyi" />
+        <icon name="iconfont iconfanyi" />
         <template #dropdown>
             <el-dropdown-menu>
                 <el-dropdown-item command="zh-cn" :disabled="systemStore.lang == 'zh-cn'">简体中文</el-dropdown-item>
diff --git a/admin/src/layout/default/components/header/user-info.vue b/admin/src/layout/default/components/header/user-info.vue
index 896c8aef8..a081a187e 100644
--- a/admin/src/layout/default/components/header/user-info.vue
+++ b/admin/src/layout/default/components/header/user-info.vue
@@ -2,9 +2,9 @@
     <div>
         <el-dropdown @command="clickEvent" :tabindex="1">
             <div class="userinfo flex h-full items-center">
-                <el-avatar :size="25" :icon="UserFilled" />
+                <el-avatar :size="25" :icon="UserFilled" :src="userStore.userInfo.head_img ? img(userStore.userInfo.head_img) : ''"/>
                 <div class="user-name pl-[8px]">{{ userStore.userInfo.username }}</div>
-                <icon name="element-ArrowDown" class="ml-[5px]" />
+                <icon name="element ArrowDown" class="ml-[5px]" />
             </div>
             <template #dropdown>
                 <el-dropdown-menu>
@@ -65,13 +65,15 @@
 
 <script lang="ts" setup>
 import { UserFilled } from '@element-plus/icons-vue'
-import { computed, reactive, ref, onMounted, watch } from 'vue'
+import { reactive, ref } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import type { FormInstance, FormRules, ElNotification } from 'element-plus'
 import useUserStore from '@/stores/modules/user'
 import { setUserInfo } from '@/app/api/personal'
 import { t } from '@/lang'
 import userInfoEdit from '@/app/components/user-info-edit/index.vue'
+import { img } from "@/utils/common";
+
 const userStore = useUserStore()
 const router = useRouter()
 const clickEvent = (command: string) => {
diff --git a/admin/src/layout/default/components/tabs.vue b/admin/src/layout/default/components/tabs.vue
index d58f79a43..561663f98 100644
--- a/admin/src/layout/default/components/tabs.vue
+++ b/admin/src/layout/default/components/tabs.vue
@@ -1,7 +1,6 @@
 <template>
     <div class="tab-wrap w-full px-[16px]">
-        <el-tabs :closable="tabbarStore.tabLength > 1" :model-value="route.path" @tab-click="tabClick"
-            @tab-remove="removeTab">
+        <el-tabs :closable="tabbarStore.tabLength > 1" :model-value="route.path" @tab-click="tabClick" @tab-remove="removeTab">
             <el-tab-pane v-for="(tab, key, index) in tabbarStore.tabs" :name="tab.path" :key="index">
                 <template #label>
                     <el-dropdown trigger="contextmenu" placement="bottom-start">
diff --git a/admin/src/layout/default/layout.json b/admin/src/layout/default/layout.json
index 4bffaf5fb..19671a4eb 100644
--- a/admin/src/layout/default/layout.json
+++ b/admin/src/layout/default/layout.json
@@ -1,4 +1,4 @@
 {
 	"layout": "default",
-	"cover": "/app/assets/images/layout_default.png"
+	"cover": "/static/resource/images/system/layout_default.png"
 }
diff --git a/admin/src/layout/home/components/aside/index.vue b/admin/src/layout/home/components/aside/index.vue
deleted file mode 100644
index b74616ae1..000000000
--- a/admin/src/layout/home/components/aside/index.vue
+++ /dev/null
@@ -1,74 +0,0 @@
-<template>
-    <el-aside class="h-screen group layout-aside w-[80px] bg-[#F7F8FA] w-[230px] ease-in duration-200">
-        <!-- <side class="hidden-xs-only" /> -->
-        <div>
-            <el-header class="logo-wrap w-100 h-auto mb-[30px]">
-                <div class="logo flex items-center m-auto max-w-[230px] h-[60px] justify-center" v-if="!systemStore.menuIsCollapse">
-                    <img class="max-h-full max-w-full" v-if="siteInfo.logo" :src="img(siteInfo.logo)" alt="">
-                    <img class="max-h-full max-w-full" v-else src="@/app/assets/images/login_logo.png" alt="">
-                </div>
-                <div class="logo flex items-center justify-center w-[64px] h-[30px]" v-else>
-                    <i class="text-3xl iconfont iconyunkongjian"></i>
-                </div>
-            </el-header>
-
-            <el-scrollbar max-height="calc(100vh - 90px)">
-                <!-- v-for="(item, index) in userStore.routers" :key="index"item.name.toString() {{ item.meta.title }} -->
-                <div  @click="toLink('/index')"
-                    :class="['flex items-center py-[10px] px-[30px] mb-[8px] cursor-pointer text-[#989898] menu-item whitespace-nowrap', { 'bg-color text-color':  'Symbol(homeIndex)'== menuActive }]">
-                    <icon :name="'element-Memo'" class=" !w-auto" size="24px" />
-                    <span :class="['ml-[15px] text-[14px] ease-in duration-200']">站点列表</span>
-                </div>
-            </el-scrollbar>
-
-        </div>
-    </el-aside>
-
-    <!-- <el-drawer v-model="systemStore.menuDrawer" direction="ltr" :with-header="false" custom-class="aside-drawer" size="210px">
-        <template #default>
-            <side />
-        </template>
-    </el-drawer> -->
-</template>
-
-<script lang="ts" setup>
-import { watch, computed } from 'vue'
-import { useRoute, useRouter } from 'vue-router'
-// import side from './side.vue'
-import useSystemStore from '@/stores/modules/system'
-import useUserStore from '@/stores/modules/user'
-import storage from '@/utils/storage'
-
-const userStore = useUserStore()
-const systemStore = useSystemStore()
-const siteInfo = userStore.siteInfo
-const route = useRoute()
-const router = useRouter()
-const menuActive = computed(() => {
-    return String(route.name)
-})
-
-watch(route, () => {
-    systemStore.$patch(state => {
-        state.menuDrawer = false
-    })
-})
-// 跳转链接
-const toLink = (path) => {
-    router.push({ path })
-}
-</script>
-
-<style lang="scss" scoped>
-.menu-item:hover{
-    color: var(--el-color-primary);
-    border-color: var(--el-color-primary);
-}
-.text-color {
-    color: var(--el-color-primary);
-}
-
-.bg-color {
-    border-color: var(--el-color-primary);
-}
-</style>
diff --git a/admin/src/layout/home/components/aside/menu-item.vue b/admin/src/layout/home/components/aside/menu-item.vue
deleted file mode 100644
index d68c5dc1e..000000000
--- a/admin/src/layout/home/components/aside/menu-item.vue
+++ /dev/null
@@ -1,118 +0,0 @@
-<template>
-    <template v-if="meta.show">
-        <el-sub-menu v-if="routes.children" :index="String(routes.name)">
-            <template #title>
-                <div v-if="meta.icon && routes.meta.class == 1" class="w-[16px] h-[16px] relative flex items-center">
-                    <icon v-if="meta.icon" :name="meta.icon" class="absolute !w-auto" />
-                </div>
-                <span :class="['ml-[10px]', {'text-[15px]': routes.meta.class == 1}, {'text-[14px]': routes.meta.class != 1}]">{{ meta.title }}</span>
-            </template>
-            <menu-item v-for="(route, index) in routes.children" :routes="route" :key="index" />
-        </el-sub-menu>
-        <el-menu-item v-else-if="routes.meta.class == 1" :index="String(routes.name)" :route="routePath">
-            <div v-if="meta.icon" class="w-[16px] h-[16px] relative flex justify-center">
-                <icon :name="meta.icon" class="absolute top-[50%] -translate-y-[50%]" />
-            </div>
-            <template #title>
-				<div class="relative">
-					<span :class="['ml-[10px]', {'text-[15px]': routes.meta.class == 1}, {'text-[14px]': routes.meta.class != 1}]">{{ meta.title }}</span>
-					<div v-if="routes.path == '/site/siteindex'" class="absolute  top-[50%] -translate-y-[50%] right-[-180%]" @click="checkIndexList">
-						<img class="w-[12px] h-[12px]" src="@/app/assets/images/index/model_tag.png"/>
-					</div>
-				</div>
-            </template>
-        </el-menu-item>
-        <el-menu-item v-else :index="String(routes.name)" :route="routePath">
-            <template #title>
-                <span :class="[{'text-[15px]': routes.meta.class == 1}, {'text-[14px]': routes.meta.class != 1}, {'ml-[10px]': routes.meta.class == 2, 'ml-[15px]': routes.meta.class == 3}]">{{ meta.title }}</span>
-            </template>
-        </el-menu-item>
-    </template>
-	<el-dialog v-model="showDialog" :title="t('indexTemplate')" width="550px" :destroy-on-close="true" >
-		<div class="flex flex-wrap">
-			<div v-for="(items, index) in indexList" :key="index" v-if="index_path == ''">
-				<div @click="index_path = items.view_path" class="index-item py-[5px] px-[10px] mr-[10px] rounded-[3px] cursor-pointer" :class="items.is_use == 1 ? 'bg-primary text-[#fff]' : '' ">
-					<span >{{ items.name }}</span>
-				</div>
-			</div>
-			<div v-for="(itemTo, indexTo) in indexList" :key="indexTo" v-else>
-				<div @click="index_path = itemTo.view_path" class="index-item py-[5px] px-[10px] mr-[10px] rounded-[3px] cursor-pointer" :class="index_path == itemTo.view_path ? 'bg-primary text-[#fff]' : '' ">
-					<span >{{ itemTo.name }}</span>
-				</div>
-			</div>
-		</div>
-		<template #footer>
-			<span class="dialog-footer">
-				<el-button type="primary" @click="submitIndex">{{ t('confirm') }}</el-button>
-			</span>
-		</template>
-	</el-dialog>
-</template>
-
-<script lang="ts" setup>
-import { t } from '@/lang'
-import { getIndexList, setIndexList } from '@/app/api/sys'
-import { useRoute, useRouter } from 'vue-router'
-import { ref, computed } from 'vue'
-import menuItem from './menu-item.vue'
-const router = useRouter()
-const props = defineProps({
-    routes: {
-        type: Object,
-        required: true
-    },
-    routePath: {
-        type: String
-    }
-})
-
-const meta = computed(() => props.routes.meta)
-
-const indexList = ref();
-const showDialog = ref(false)
-const checkIndexList = () => {
-	getIndexList().then(res => {
-		showDialog.value = true
-		indexList.value = res.data
-		for(let i = 0 ; i < indexList.value.length; i ++){
-			if(indexList.value[i].is_use == 1){
-				index_path.value = indexList.value[i].view_path
-			}
-		}
-	})
-}
-
-const index_path = ref('');
-const submitIndex = () => {
-	setIndexList({
-		view_path: index_path.value
-	}).then(() => {
-	    showDialog.value = false
-	    router.go(0)
-	})
-}
-
-</script>
-
-<style lang="scss">
-.el-sub-menu{
-    .el-icon{
-        width: auto;
-    }
-    li{
-        font-size: 15px;
-    }
-}
-.el-alert .el-alert__description{
-    margin-top: 0;
-}
-.index-item {
-	border: 1px solid;
-	border-color: var(--el-color-primary);
-    &:hover {
-		color: #fff;
-        background-color: var(--el-color-primary);
-    }
-}
-
-</style>
diff --git a/admin/src/layout/home/components/aside/side.vue b/admin/src/layout/home/components/aside/side.vue
deleted file mode 100644
index cc38559b4..000000000
--- a/admin/src/layout/home/components/aside/side.vue
+++ /dev/null
@@ -1,139 +0,0 @@
-<template>
-    <el-container class="w-100 h-screen" :class="[{ 'sidebar-dark-mode': systemStore.sidebar == 'twoType' }, { 'sidebar-brightness-mode': systemStore.sidebar == 'oneType' }]">
-        <el-header class="logo-wrap w-100">
-            <div class="logo flex items-center m-auto max-w-[210px] h-[30px]" v-if="!systemStore.menuIsCollapse">
-                <img class="max-h-full max-w-full" v-if="siteInfo.logo" :src="img(siteInfo.logo)" alt="">
-                <img class="max-h-full max-w-full" v-else src="@/app/assets/images/login_logo.png" alt="">
-            </div>
-            <div class="logo flex items-center justify-center w-[64px] h-[30px]" v-else>
-                <i class="text-3xl iconfont iconyunkongjian"></i>
-            </div>
-        </el-header>
-
-        <el-main class="menu-wrap">
-            <el-scrollbar>
-                <el-menu :default-active="menuActive" :router="true" class="aside-menu h-full" :unique-opened="true" :collapse="systemStore.menuIsCollapse">
-                    <menu-item v-for="(route, index) in userStore.routers" :routes="route" :key="index" />
-                </el-menu>
-                <div class="h-[48px]"></div>
-            </el-scrollbar>
-        </el-main>
-    </el-container>
-</template>
-
-<script lang="ts" setup>
-import { ref, computed } from 'vue'
-import { useRoute } from 'vue-router'
-import useSystemStore from '@/stores/modules/system'
-import useUserStore from '@/stores/modules/user'
-import menuItem from './menu-item.vue'
-import storage from '@/utils/storage'
-import { img } from '@/utils/common'
-
-const logo = ref('@/app/assets/images/login_logo.png')
-const systemStore = useSystemStore()
-const userStore = useUserStore()
-const route = useRoute()
-const siteInfo = userStore.siteInfo
-
-const menuActive = computed(() => String(route.name))
-userStore.routers.forEach((item, index) => {
-    item.meta.class = 1
-    if (item.children) {
-        item.children.forEach((subItem, subIndex) => {
-            subItem.meta.class = 2
-            if (subItem.children) {
-                subItem.children.forEach((threeItem, threeIndex) => {
-                    threeItem.meta.class = 3
-                })
-            }
-        })
-    }
-})
-</script>
-
-<style lang="scss">
-.aside-menu:not(.el-menu--collapse) {
-    width: var(--aside-width);
-}
-
-.logo-wrap {
-    padding: 0;
-    display: flex;
-    white-space: nowrap;
-    align-items: center;
-
-    .logo {
-        height: 100%;
-        box-sizing: border-box;
-    }
-
-    .logo-title {
-        flex: 1;
-        width: 0;
-        text-overflow: ellipsis;
-        overflow: hidden;
-        font-size: var(--el-font-size-base);
-    }
-}
-
-.menu-wrap {
-    flex: 1 !important;
-    height: 0 !important;
-    padding: 0 !important;
-
-    .el-menu {
-        border-right: 0 !important;
-    }
-}
-
-.sidebar-dark-mode {
-    background-color: #191a23;
-
-    &>.logo-wrap {
-        .logo>i {
-            font-size: 20px;
-        }
-
-        border-bottom: 2px solid #101117;
-    }
-
-    .el-menu {
-        background-color: #191a23;
-
-        .el-sub-menu {
-            background: transparent !important;
-        }
-
-        .el-sub-menu__title,
-        .el-menu-item {
-            background: transparent !important;
-            color: #B7B7ba;
-
-            &:hover {
-                background-color: transparent !important;
-                color: #fff !important;
-            }
-        }
-
-        .el-menu-item.is-active {
-            color: #fff !important;
-            background-color: var(--el-color-primary) !important;
-        }
-
-        li::after {
-            content: "";
-            width: 0;
-            height: 0;
-        }
-    }
-}
-
-.sidebar-brightness-mode {
-    &>.logo-wrap {
-        .logo>i {
-            font-size: 20px;
-        }
-    }
-}
-</style>
diff --git a/admin/src/layout/home/components/header/index.vue b/admin/src/layout/home/components/header/index.vue
deleted file mode 100644
index 7b78842c5..000000000
--- a/admin/src/layout/home/components/header/index.vue
+++ /dev/null
@@ -1,225 +0,0 @@
-<template>
-    <el-container :class="['h-full px-[10px]',{'layout-header border-b border-color': !dark}]" >
-        <el-row class="w-100 h-full w-full" justify="end">
-            <el-col :span="12">
-                <div class="right-panel h-full flex items-center justify-end">
-                    <!-- 刷新当前页 -->
-                    <div class="navbar-item flex items-center h-full cursor-pointer" @click="refreshRouter">
-                        <icon name="element-Refresh" />
-                    </div>
-                    <!-- 预览 只有站点时展示-->
-	                <i class="iconfont iconicon_huojian1 cursor-pointer px-[8px]" :title="t('visitWap')" @click="toPreview"></i>
-                    <i class="iconfont iconlingdang-xianxing cursor-pointer px-[8px]" :title="t('newInfo')" v-if="appType == 'site'"></i>
-					<!-- 切换首页 -->
-					<div class="navbar-item flex items-center h-full cursor-pointer"  v-if="appType == 'site'" @click="checkIndexList">
-						<icon name="iconfont-iconqiehuan" :title="t('indexSwitch')"/>
-					</div>
-                    <!-- 切换语言 -->
-                    <div class="navbar-item flex items-center h-full cursor-pointer">
-                        <switch-lang />
-                    </div>
-                    <!-- 切换全屏 -->
-                    <div class="navbar-item flex items-center h-full cursor-pointer" @click="toggleFullscreen">
-                        <icon name="iconfont-icontuichuquanping" v-if="isFullscreen" />
-                        <icon name="iconfont-iconquanping" v-else />
-                    </div>
-                    <!-- 布局设置 -->
-                    <div class="navbar-item flex items-center h-full cursor-pointer">
-                        <layout-setting />
-                    </div>
-                    <!-- 用户信息 -->
-                    <div class="navbar-item flex items-center h-full cursor-pointer">
-                        <user-info />
-                    </div>
-                </div>
-            </el-col>
-        </el-row>
-        <input type="hidden" v-model="comparisonToken">
-        <input type="hidden" v-model="comparisonSiteId">
-
-        <el-dialog v-model="detectionLoginDialog" :title="t('layout.detectionLoginTip')" width="30%" :close-on-click-modal="false" :close-on-press-escape="false" :show-close="false">
-            <span>{{ t('layout.detectionLoginContent') }}</span>
-            <template #footer>
-                <span class="dialog-footer">
-                    <el-button @click="detectionLoginFn">{{ t('layout.detectionLoginOperation') }}</el-button>
-                </span>
-            </template>
-        </el-dialog>
-
-		<el-dialog v-model="showDialog" :title="t('indexTemplate')" width="550px" :destroy-on-close="true" >
-			<div class="flex flex-wrap">
-				<div v-for="(items, index) in indexList" :key="index" v-if="index_path == ''">
-					<div @click="index_path = items.view_path" class="index-item py-[5px] px-[10px] mr-[10px] rounded-[3px] cursor-pointer" :class="items.is_use == 1 ? 'bg-primary text-[#fff]' : '' ">
-						<span >{{ items.name }}</span>
-					</div>
-				</div>
-				<div v-for="(itemTo, indexTo) in indexList" :key="indexTo" v-else>
-					<div @click="index_path = itemTo.view_path" class="index-item py-[5px] px-[10px] mr-[10px] rounded-[3px] cursor-pointer" :class="index_path == itemTo.view_path ? 'bg-primary text-[#fff]' : '' ">
-						<span >{{ itemTo.name }}</span>
-					</div>
-				</div>
-			</div>
-		    <template #footer>
-		        <span class="dialog-footer">
-		            <el-button type="primary" @click="submitIndex">{{ t('confirm') }}</el-button>
-		        </span>
-		    </template>
-		</el-dialog>
-    </el-container>
-</template>
-
-<script lang="ts" setup>
-import { computed, ref, onMounted, watch } from 'vue'
-import layoutSetting from './layout-setting.vue'
-import switchLang from './switch-lang.vue'
-import userInfo from './user-info.vue'
-import { useFullscreen } from '@vueuse/core'
-import useSystemStore from '@/stores/modules/system'
-import useAppStore from '@/stores/modules/app'
-import { useRoute, useRouter } from 'vue-router'
-import { t } from '@/lang'
-import storage from '@/utils/storage'
-import { getIndexList, setIndexList } from '@/app/api/sys'
-
-const router = useRouter()
-const appType = storage.get('app_type')
-const { toggle: toggleFullscreen, isFullscreen } = useFullscreen()
-const systemStore = useSystemStore()
-const appStore = useAppStore()
-const route = useRoute()
-const screenWidth = ref(window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth)
-
-const dark = computed(()=>{
-    return systemStore.dark
-})
-
-// 检测登录 start
-const detectionLoginDialog = ref(false)
-const comparisonToken = ref('')
-const comparisonSiteId = ref('')
-if (storage.get('comparisonTokenStorage')) {
-    comparisonToken.value = storage.get('comparisonTokenStorage')
-    // storage.remove(['comparisonTokenStorage']);
-}
-if (storage.get('comparisonSiteIdStorage')) {
-    comparisonSiteId.value = storage.get('comparisonSiteIdStorage')
-    // storage.remove(['comparisonSiteIdStorage']);
-}
-// 监听标签页面切换
-document.addEventListener('visibilitychange', e => {
-    if (document.visibilityState === 'visible' && (comparisonSiteId.value != storage.get('siteId') || comparisonToken.value != storage.get('token'))) {
-        detectionLoginDialog.value = true
-    }
-})
-
-const detectionLoginFn = () => {
-    detectionLoginDialog.value = false
-    location.reload();
-}
-// 检测登录 end
-
-onMounted(() => {
-    // 监听窗体宽度变化
-    window.onresize = () => {
-        return (() => {
-            screenWidth.value = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth
-        })()
-    }
-})
-
-watch(screenWidth, () => {
-    if (screenWidth.value < 992) {
-        if (!systemStore.menuIsCollapse) systemStore.toggleMenuCollapse(true)
-    } else {
-        if (systemStore.menuIsCollapse) systemStore.toggleMenuCollapse(false)
-    }
-})
-
-// 菜单栏展开折叠
-const toggleMenuCollapse = () => {
-    systemStore.$patch((state) => {
-        if (screenWidth.value < 768) {
-            state.menuDrawer = true
-            state.menuIsCollapse = false
-        } else {
-            systemStore.toggleMenuCollapse(!systemStore.menuIsCollapse)
-        }
-    })
-}
-
-// 刷新路由
-const refreshRouter = () => {
-    if (!appStore.routeRefreshTag) return
-    appStore.refreshRouterView()
-}
-
-// 面包屑导航
-const breadcrumb = computed(() => {
-    const matched = route.matched.filter(item => { return item.meta.title })
-    if (matched[0] && matched[0].path == '/') matched.splice(0, 1)
-    return matched
-})
-
-// 跳转去预览
-const toPreview = () => {
-    const url = router.resolve({
-        path: '/preview/wap',
-        query: {
-            page:'/'
-        }
-    })
-    window.open(url.href)
-}
-
-// 返回上一页
-const backFn = () => {
-    router.go(-1)
-}
-
-const indexList = ref();
-const showDialog = ref(false)
-const checkIndexList = () => {
-	getIndexList().then(res => {
-		showDialog.value = true
-		indexList.value = res.data
-		for(let i = 0 ; i < indexList.value.length; i ++){
-			if(indexList.value[i].is_use == 1){
-				index_path.value = indexList.value[i].view_path
-			}
-		}
-	})
-}
-
-const index_path = ref('');
-const submitIndex = () => {
-	setIndexList({
-		view_path: index_path.value
-	}).then(() => {
-	    showDialog.value = false
-	    router.go(0)
-	})
-}
-</script>
-
-<style lang="scss" scoped>
-.layout-header{
-    position: relative;
-    z-index: 5;
-    border-bottom: 1px solid #e8e9eb;
-}
-.navbar-item {
-    padding: 0 8px;
-    &:hover {
-        background-color: var(--el-bg-color-page);
-    }
-}
-.index-item {
-	border: 1px solid;
-	border-color: var(--el-color-primary);
-    &:hover {
-		color: #fff;
-        background-color: var(--el-color-primary);
-    }
-}
-
-</style>
diff --git a/admin/src/layout/home/components/header/layout-setting.vue b/admin/src/layout/home/components/header/layout-setting.vue
deleted file mode 100644
index 4f8d2f99a..000000000
--- a/admin/src/layout/home/components/header/layout-setting.vue
+++ /dev/null
@@ -1,125 +0,0 @@
-<template>
-    <div class="flex">
-        <icon name="element-Setting" @click="drawer = true" />
-
-        <el-drawer v-model="drawer" :title="t('layout.layoutSetting')" size="300px">
-            <el-scrollbar>
-                <!-- 风格切换 -->
-                <div class="setting-item flex items-center justify-between mb-[10px]">
-                    <div class="title text-base text-tx-secondary">{{ t('layout.sidebarMode') }}</div>
-                    <div>
-                        <el-radio-group v-model="sidebar" class="ml-4">
-                            <el-radio label="oneType" size="large">
-                                <img class="w-[35px] h-[35px]" src="@/app/assets/images/theme_white.png" alt="">
-                            </el-radio>
-                            <el-radio label="twoType" size="large">
-                                <img class="w-[35px] h-[35px]" src="@/app/assets/images/theme_black.png" alt="">
-                            </el-radio>
-                        </el-radio-group>
-                    </div>
-                </div>
-                <!-- 黑暗模式 -->
-                <div class="setting-item flex items-center justify-between mb-[10px]">
-                    <div class="title text-base text-tx-secondary">{{ t('layout.darkMode') }}</div>
-                    <div>
-                        <el-switch v-model="dark" :active-value="true" :inactive-value="false" />
-                    </div>
-                </div>
-                <!-- 主题颜色 -->
-                <div class="setting-item flex items-center justify-between mb-[10px]">
-                    <div class="title text-base text-tx-secondary">{{ t('layout.themeColor') }}</div>
-                    <div>
-                        <el-color-picker v-model="theme" />
-                    </div>
-                </div>
-                <!-- 布局风格 -->
-                <div class="setting-item mb-[10px]">
-                    <div class="title text-base text-tx-secondary">{{ t('layout.layoutStyle') }}</div>
-                    <div class="flex mt-[10px] layout-style flex-wrap">
-                        <div class="relative w-[125px] h-[100px] border mr-[10px] mb-[10px] hover:border-primary"
-                            :class="{ 'border-primary': currLayout == item.key }" v-for="(item, index) in layouts"
-                            @click="handleSetLayout(item.key)">
-                            <div
-                                class="absolute z-1 w-[50px] h-[50px] border border-primary-light-5 rounded-[50%] top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] flex items-center justify-center text-base text-primary-light-5">
-                                {{ item.name }}
-                            </div>
-                            <img :src="img(item.image)" alt="" class="w-full h-full">
-                        </div>
-                    </div>
-                </div>
-            </el-scrollbar>
-        </el-drawer>
-    </div>
-</template>
-
-<script lang="ts" setup>
-import { ref, computed } from 'vue'
-import useSystemStore from '@/stores/modules/system'
-import { useDark, useToggle } from '@vueuse/core'
-import { setThemeColor, img } from '@/utils/common'
-import { t } from '@/lang'
-import { getLayouts, setLayout } from '@/app/api/sys'
-import Storage from '@/utils/storage'
-
-const drawer = ref(false)
-const systemStore = useSystemStore()
-const layouts = ref([])
-const currLayout = ref(Storage.get('layout') || 'default')
-
-getLayouts().then(res => {
-    layouts.value = res.data
-}).catch(() => { })
-
-const isDark = useDark()
-const toggleDark = useToggle(isDark)
-
-const dark = computed({
-    get() {
-        return systemStore.dark
-    },
-    set(val) {
-        systemStore.setTheme('dark', val)
-        toggleDark(val)
-        setThemeColor(systemStore.theme, systemStore.dark ? 'dark' : 'light')
-    }
-})
-
-const sidebar = computed({
-    get() {
-        return systemStore.sidebar
-    },
-    set(val) {
-        systemStore.setTheme('sidebar', val)
-        setThemeColor(systemStore.theme, systemStore.dark ? 'dark' : 'light')
-    }
-})
-
-const theme = computed({
-    get() {
-        return systemStore.theme
-    },
-    set(val) {
-        systemStore.setTheme('theme', val)
-        setThemeColor(systemStore.theme, systemStore.dark ? 'dark' : 'light')
-    }
-})
-
-const handleSetLayout = (key: string) => {
-    setLayout(key).then(() => {
-        Storage.set({ key: 'layout', data: key })
-        location.reload()
-    }).catch(() => { })
-}
-</script>
-
-<style lang="scss" scoped>
-:deep(.el-drawer__header) {
-    margin-bottom: 0 !important;
-}
-
-.layout-style {
-    &>div:nth-child(2n+2) {
-        margin-right: 0;
-    }
-}
-</style>
diff --git a/admin/src/layout/home/components/header/switch-lang.vue b/admin/src/layout/home/components/header/switch-lang.vue
deleted file mode 100644
index e48de6e30..000000000
--- a/admin/src/layout/home/components/header/switch-lang.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<template>
-    <el-dropdown @command="switchLang" :tabindex="1">
-        <icon name="iconfont-iconfanyi" />
-        <template #dropdown>
-            <el-dropdown-menu>
-                <el-dropdown-item command="zh-cn" :disabled="systemStore.lang == 'zh-cn'">简体中文</el-dropdown-item>
-                <el-dropdown-item command="en" :disabled="systemStore.lang == 'en'">English</el-dropdown-item>
-            </el-dropdown-menu>
-        </template>
-    </el-dropdown>
-</template>
-
-<script lang="ts" setup>
-import useSystemStore from '@/stores/modules/system'
-import { language } from '@/lang'
-import { useRoute } from 'vue-router'
-import storage from '@/utils/storage'
-
-const route = useRoute()
-const systemStore = useSystemStore()
-
-const switchLang = (command: string) => {
-    systemStore.$patch((state) => {
-        state.lang = command
-        storage.set({ key: 'lang', data: command })
-    })
-    language.loadLocaleMessages(route.path, systemStore.lang)
-    location.reload()
-}
-</script>
-
-<style lang="scss" scoped></style>
diff --git a/admin/src/layout/home/components/header/user-info.vue b/admin/src/layout/home/components/header/user-info.vue
deleted file mode 100644
index f8bd5d534..000000000
--- a/admin/src/layout/home/components/header/user-info.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<template>
-    <el-dropdown @command="clickEvent" :tabindex="1">
-        <div class="userinfo flex h-full items-center">
-            <el-avatar :size="25" :icon="UserFilled" />
-            <div class="user-name pl-[8px]">{{ userStore.userInfo.username }}</div>
-            <icon name="element-ArrowDown" class="ml-[5px]" />
-        </div>
-        <template #dropdown>
-            <el-dropdown-menu>
-                <el-dropdown-item command="usercenter"><router-link to="/user/center">个人中心</router-link></el-dropdown-item>
-                <el-dropdown-item command="logout">退出登录</el-dropdown-item>
-            </el-dropdown-menu>
-        </template>
-    </el-dropdown>
-</template>
-
-<script lang="ts" setup>
-import { UserFilled } from '@element-plus/icons-vue'
-import useUserStore from '@/stores/modules/user'
-
-const userStore = useUserStore()
-
-const clickEvent = (command: string) => {
-    switch (command) {
-        case 'logout':
-            userStore.logout()
-            break
-    }
-}
-</script>
-
-<style lang="scss" scoped></style>
diff --git a/admin/src/layout/home/components/tabs.vue b/admin/src/layout/home/components/tabs.vue
deleted file mode 100644
index d58f79a43..000000000
--- a/admin/src/layout/home/components/tabs.vue
+++ /dev/null
@@ -1,137 +0,0 @@
-<template>
-    <div class="tab-wrap w-full px-[16px]">
-        <el-tabs :closable="tabbarStore.tabLength > 1" :model-value="route.path" @tab-click="tabClick"
-            @tab-remove="removeTab">
-            <el-tab-pane v-for="(tab, key, index) in tabbarStore.tabs" :name="tab.path" :key="index">
-                <template #label>
-                    <el-dropdown trigger="contextmenu" placement="bottom-start">
-                        <span :class="{ 'text-primary': route.path == tab.path }" class="tab-name">{{ tab.title }}</span>
-                        <template #dropdown>
-                            <el-dropdown-menu>
-                                <el-dropdown-item icon="Back" :disabled="index == 0" @click="closeLeft(tab.path)">{{t('tabs.closeLeft') }}</el-dropdown-item>
-                                <el-dropdown-item icon="Right" :disabled="index == (tabbarStore.tabLength - 1)" @click="closeRight(tab.path)">{{t('tabs.closeRight') }}</el-dropdown-item>
-                                <el-dropdown-item icon="Close" :disabled="tabbarStore.tabLength == 1" @click="closeOther(tab.path)">{{t('tabs.closeOther') }}</el-dropdown-item>
-                            </el-dropdown-menu>
-                        </template>
-                    </el-dropdown>
-                </template>
-            </el-tab-pane>
-        </el-tabs>
-    </div>
-</template>
-
-<script lang="ts" setup>
-import { watch, onMounted } from 'vue'
-import useTabbarStore from '@/stores/modules/tabbar'
-import { useRoute, useRouter } from 'vue-router'
-import { t } from '@/lang'
-
-const tabbarStore = useTabbarStore()
-const route = useRoute()
-const router = useRouter()
-
-onMounted(() => {
-    tabbarStore.addTab(route)
-})
-
-watch(route, (nval: any) => {
-    tabbarStore.addTab(nval)
-})
-
-/**
- * 添加tab
- * @param content
- */
-const tabClick = (content: any) => {
-    const tabRoute = tabbarStore.tabs[content.props.name]
-    router.push({ path: tabRoute.path, query: tabRoute.query })
-}
-
-/**
- * 移除tab
- * @param content
- */
-const removeTab = (content: any) => {
-    if (route.path == content) {
-        const tabs = Object.keys(tabbarStore.tabs)
-        router.push({ path: tabs[tabs.indexOf(content) - 1] })
-    }
-    tabbarStore.removeTab(content)
-}
-
-/**
- * 关闭左侧
- * @param path
- */
-const closeLeft = (path: string) => {
-    const tabs = Object.keys(tabbarStore.tabs)
-    for (let i = tabs.indexOf(path) - 1; i >= 0; i--) {
-        delete tabbarStore.tabs[tabs[i]]
-    }
-    router.push({ path })
-}
-
-/**
- * 关闭右侧
- * @param path
- */
-const closeRight = (path: string) => {
-    const tabs = Object.keys(tabbarStore.tabs)
-    for (let i = tabs.indexOf(path) + 1; i < tabs.length; i++) {
-        delete tabbarStore.tabs[tabs[i]]
-    }
-    router.push({ path })
-}
-
-/**
- * 关闭其他
- * @param path
- */
-const closeOther = (path: string) => {
-    const tabs = Object.keys(tabbarStore.tabs)
-    tabs.forEach((key: string) => { key != path && delete tabbarStore.tabs[key] })
-    router.push({ path })
-}
-</script>
-
-<style lang="scss" scoped>
-:deep(.el-tabs) {
-    .el-tabs--border-card {
-        border: none;
-    }
-
-    .el-tabs__header {
-        margin: 0;
-    }
-
-    .el-tabs__nav-wrap {
-        margin-bottom: 0;
-
-        &::after {
-            display: none;
-        }
-    }
-
-    .el-tabs__content {
-        display: none;
-    }
-
-    .el-tabs__item {
-        display: inline-flex !important;
-        padding: 0 20px !important;
-        align-items: center;
-
-        .tab-name:focus {
-            outline: none !important;
-        }
-    }
-
-    .el-tabs__active-bar {
-        display: none;
-    }
-
-    .el-tabs__item.is-active {
-        background-color: var(--el-color-primary-light-9);
-    }
-}
-</style>
diff --git a/admin/src/layout/home/index.vue b/admin/src/layout/home/index.vue
deleted file mode 100644
index 099b1f842..000000000
--- a/admin/src/layout/home/index.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<template>
-    <div class="common-layout min-w-[1200px]" >
-        <el-container class="w-100 h-screen">
-            <layout-aside></layout-aside>
-
-            <el-container>
-                <el-header class="h-[60px]">
-                    <layout-header></layout-header>
-                </el-header>
-
-                <el-main class="main-wrap h-full p-0 bg-page">
-                    <el-scrollbar>
-                        <div class="p-[10px]">
-                            <router-view v-slot="{ Component, route }" v-if="appStore.routeRefreshTag">
-                                <keep-alive :include="tabbarStore.tabNames">
-                                    <component :is="Component" :key="route.fullPath" />
-                                </keep-alive>
-                            </router-view>
-                        </div>
-                    </el-scrollbar>
-                </el-main>
-
-            </el-container>
-        </el-container>
-    </div>
-</template>
-
-<script lang="ts" setup>
-import { computed } from 'vue'
-import layoutHeader from './components/header/index.vue'
-import layoutAside from './components/aside/index.vue'
-import useAppStore from '@/stores/modules/app'
-import useTabbarStore from '@/stores/modules/tabbar'
-
-const appStore = useAppStore()
-const tabbarStore = useTabbarStore()
-
-</script>
-
-<style lang="scss" scoped></style>
diff --git a/admin/src/layout/index.vue b/admin/src/layout/index.vue
index ab6af558c..548d93913 100644
--- a/admin/src/layout/index.vue
+++ b/admin/src/layout/index.vue
@@ -17,9 +17,6 @@ switch (getAppType()) {
     case 'admin':
         siteLayout = 'admin'
         break
-    case 'home':
-        siteLayout = 'home'
-        break
     default:
         const siteInfo = useUserStore().siteInfo
         if (siteInfo && siteInfo.apps) {
diff --git a/admin/src/layout/profession/components/aside/index.vue b/admin/src/layout/profession/components/aside/index.vue
index c2c9bfe25..491598fa1 100644
--- a/admin/src/layout/profession/components/aside/index.vue
+++ b/admin/src/layout/profession/components/aside/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-aside :class="['h-screen layout-aside w-auto', { 'bright': !dark }]">
+    <el-aside :class="['layout-aside w-auto h-screen', { 'bright': !dark }]">
         <side class="hidden-xs-only" />
     </el-aside>
 
@@ -13,14 +13,16 @@
 <script lang="ts" setup>
 import { watch, computed } from 'vue'
 import { useRoute } from 'vue-router'
-import side from './side.vue'
 import useSystemStore from '@/stores/modules/system'
+import side from './side.vue'
+
+const route = useRoute()
+
 const systemStore = useSystemStore()
 const dark = computed(() => {
     return systemStore.dark
 })
 
-const route = useRoute()
 watch(route, () => {
     systemStore.$patch(state => {
         state.menuDrawer = false
@@ -29,27 +31,14 @@ watch(route, () => {
 </script>
 
 <style lang="scss">
-.layout-aside {
-    background-color: var(--side-dark-color, var(--el-bg-color));
-    border-right: 1px solid var(--el-border-color-lighter);
+    .layout-aside {
+        border-right: 1px solid var(--el-border-color-lighter);
+    }
 
-    &.bright {
-        // background-color: #F5F7F9;
+    .aside-drawer {
 
-        li {
-            // background-color: #F5F7F9;
-
-            &.is-active:not(.is-opened) {
-                position: relative;
-                color: var(--el-color-primary);
-            }
+        .el-drawer__body {
+            padding: 0px !important;
         }
     }
-}
-
-.aside-drawer {
-    .el-drawer__body {
-        padding: 0px !important;
-    }
-}
 </style>
diff --git a/admin/src/layout/profession/components/aside/menu-item.vue b/admin/src/layout/profession/components/aside/menu-item.vue
index b958d0da0..c2d4a0be5 100644
--- a/admin/src/layout/profession/components/aside/menu-item.vue
+++ b/admin/src/layout/profession/components/aside/menu-item.vue
@@ -56,12 +56,14 @@ const addons = computed(() => {
 </script>
 
 <style lang="scss">
-.el-sub-menu{
-    .el-icon{
-        width: auto;
+    .el-sub-menu {
+
+        .el-icon {
+            width: auto;
+        }
+
+        li {
+            font-size: 15px;
+        }
     }
-    li{
-        font-size: 15px;
-    }
-}
 </style>
diff --git a/admin/src/layout/profession/components/aside/side.vue b/admin/src/layout/profession/components/aside/side.vue
index f19153fda..feaa96817 100644
--- a/admin/src/layout/profession/components/aside/side.vue
+++ b/admin/src/layout/profession/components/aside/side.vue
@@ -1,12 +1,14 @@
 <template>
     <el-container class="w-100 h-screen">
-        <el-main class="p-0 flex">
-            <div class="w-[124px] px-[8px] bg-[#282c34] h-screen one-menu">
+        <el-main class="flex p-0">
+            <div class="one-menu w-[124px] h-screen px-[8px] bg-[#282c34]">
                 <el-header class="logo-wrap">
                     <div class="logo flex items-center m-auto h-[64px]" v-if="!systemStore.menuIsCollapse">
                         <el-image style="width: 40px; height: 40px" :src="img(logoUrl)" fit="contain">
                             <template #error>
-                                <div class="flex justify-center items-center w-full h-[40px]"><img class="max-w-[40px]" src="@/app/assets/images/icon-addon.png" alt=""  object-fit="contain"></div>
+                                <div class="flex justify-center items-center w-full h-[40px]">
+                                    <img class="max-w-[40px]" src="@/app/assets/images/icon-addon.png" alt=""  object-fit="contain">
+                                </div>
                             </template>
                         </el-image>
                     </div>
@@ -14,6 +16,7 @@
                         <i class="text-3xl iconfont iconyunkongjian"></i>
                     </div>
                 </el-header>
+
                 <el-scrollbar class="h-[calc( 100vh - 64px )]">
                     <el-menu :default-active="oneMenuActive" :router="true" class="aside-menu" :unique-opened="true" :collapse="systemStore.menuIsCollapse">
                         <template v-for="(item, index) in oneMenuData" :key="index">
@@ -34,11 +37,16 @@
                     <div class="h-[48px]"></div>
                 </el-scrollbar>
             </div>
+
             <el-scrollbar v-if="twoMenuData.length" class="two-menu w-[140px]">
-                <div class="w-[140px] h-[64px] flex items-center justify-center text-[16px] border-0 border-b-[1px] border-solid border-[#eee]">{{ route.matched[1].meta.title }}</div>
-                <el-menu :default-active="route.name" :default-openeds="menuOption" :router="true" class="aside-menu" :collapse="systemStore.menuIsCollapse">
+                <div class="w-[140px] h-[64px] flex items-center justify-center text-[16px] border-b-[1px] border-solid border-[var(--el-border-color-lighter)]">
+                    {{ route.matched[1].meta.title }}
+                </div>
+
+                <el-menu class="aside-menu" :default-active="route.name" :default-openeds="menuOption" :router="true" :collapse="systemStore.menuIsCollapse">
                     <menu-item v-for="(route, index) in twoMenuData" :routes="route" :key="index" />
                 </el-menu>
+
                 <div class="h-[48px]"></div>
             </el-scrollbar>
         </el-main>
@@ -46,18 +54,20 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, watch,computed } from 'vue'
+import { ref, watch, computed } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import useSystemStore from '@/stores/modules/system'
 import useUserStore from '@/stores/modules/user'
-import menuItem from './menu-item.vue'
 import { img, isUrl } from '@/utils/common'
 import { findFirstValidRoute } from '@/router/routers'
+import menuItem from './menu-item.vue'
+
+const route = useRoute()
+const router = useRouter()
 
 const systemStore = useSystemStore()
 const userStore = useUserStore()
-const route = useRoute()
-const router = useRouter()
+
 const siteInfo = userStore.siteInfo
 const routers = userStore.routers
 const addonIndexRoute = userStore.addonIndexRoute
@@ -114,15 +124,18 @@ watch(route, () => {
         oneMenuActive.value = route.matched[1].name
     } else {
         // 单应用
-        if (route.meta.addon == '') {
+        const oneMenu = route.matched[1]
+        if (oneMenu.meta.addon == '') {
             oneMenuActive.value = route.matched[1].name
             twoMenuData.value = route.matched[1].children ?? []
-        } else if (route.meta.addon && route.meta.addon != siteInfo?.apps[0].key) {
-            oneMenuActive.value = '/site/app'
-            twoMenuData.value = route.matched[1].children ?? []
         } else {
-            oneMenuActive.value = route.matched[2].name
-            twoMenuData.value = route.matched[2].children ?? []
+            if (oneMenu.meta.addon == siteInfo?.apps[0].key) {
+                oneMenuActive.value = route.matched[2].name
+                twoMenuData.value = route.matched[2].children ?? []
+            } else {
+                oneMenuActive.value = route.matched[1].name
+                twoMenuData.value = route.matched[1].children ?? []
+            }
         }
     }
 }, { immediate: true })
@@ -141,81 +154,99 @@ watch(twoMenuData.value, () => {
 </script>
 
 <style lang="scss">
-.one-menu{
+.one-menu {
+
     .aside-menu:not(.el-menu--collapse) {
         background-color: transparent;
-        .el-menu-item{
-            margin-bottom: 4px;
+
+        .el-menu-item {
+            font-size: 14px;
             height: 40px;
+            margin-bottom: 4px;
             padding-left: 12px !important;
             color: rgba(255,255,255,.7);
-            font-size: 14px;
             border-radius: 2px;
-            &:hover{
-                background-color: transparent;
+
+            &:hover {
                 color: var(--el-color-primary);
+                background-color: transparent;
             }
-            &.is-active{
-                background-color: var(--el-color-primary) !important;
+
+            &.is-active {
                 color: #fff !important;
+                background-color: var(--el-color-primary) !important;
             }
-            span{
-                font-size: 14px;
+
+            span {
                 margin-left: 8px;
+                font-size: 14px;
             }
         }
     }
-    .el-menu{
+
+    .el-menu {
         border: 0;
     }
-    .el-scrollbar{
+
+    .el-scrollbar {
         height: calc(100vh - 65px);
     }
 }
-.two-menu{
+
+.two-menu {
+
     .aside-menu:not(.el-menu--collapse) {
         width: 140px;
-        border: 0;
         padding-top: 16px;
-        .el-menu-item{
+        border: 0;
+
+        .el-menu-item {
             height: 36px;
             margin: 0 8px 4px;
             padding: 0 8px !important;
             border-radius: 2px;
-            span{
+
+            span {
                 margin-left: 8px;
                 font-size: 14px;
             }
-            &.is-active{
+
+            &.is-active {
                 background-color: var(--el-color-primary-light-9) !important;
             }
-            &:hover{
-                background-color: #f7f7f7;
+
+            &:hover {
                 color: var(--el-color-primary);
+                background-color: var(--el-color-primary-light-9) !important;
             }
         }
-        .el-sub-menu{
+
+        .el-sub-menu {
             margin-bottom: 8px;
-            .el-sub-menu__title{
-                margin: 0 8px 4px;
+
+            .el-sub-menu__title {
                 height: 36px;
+                margin: 0 8px 4px;
                 padding-left: 8px;
                 border-radius: 2px;
-                span{
-                    height: 36px;
-                    display: flex;
-                    align-items: center;
+
+                span {
                     font-size: 14px;
+                    display: flex;
+                    height: 36px;
+                    align-items: center;
                 }
-                &:hover{
-                    background-color: #f7f7f7;
+
+                &:hover {
                     color: var(--el-color-primary);
+                    background-color: var(--el-color-primary-light-9) !important;
                 }
-                .el-icon.el-sub-menu__icon-arrow{
+                .el-icon.el-sub-menu__icon-arrow {
                     right: 5px;
                 }
             }
-            .el-menu-item{
+
+            .el-menu-item {
                 padding-left: 20px !important;
             }
         }
@@ -223,8 +254,8 @@ watch(twoMenuData.value, () => {
 }
 
 .logo-wrap {
-    padding: 0;
     display: flex;
+    padding: 0;
     white-space: nowrap;
     align-items: center;
 
@@ -232,13 +263,5 @@ watch(twoMenuData.value, () => {
         height: 100%;
         box-sizing: border-box;
     }
-
-    .logo-title {
-        flex: 1;
-        width: 0;
-        text-overflow: ellipsis;
-        overflow: hidden;
-        font-size: var(--el-font-size-base);
-    }
 }
 </style>
diff --git a/admin/src/layout/profession/components/header/index.vue b/admin/src/layout/profession/components/header/index.vue
index 5d8346c9b..ca05e5d7b 100644
--- a/admin/src/layout/profession/components/header/index.vue
+++ b/admin/src/layout/profession/components/header/index.vue
@@ -5,12 +5,12 @@
                 <div class="left-panel h-full flex items-center">
                     <!-- 左侧菜单折叠 -->
                     <!-- <div class="navbar-item flex items-center h-full cursor-pointer" @click="toggleMenuCollapse">
-                        <icon name="element-Expand" v-if="systemStore.menuIsCollapse" />
-                        <icon name="element-Fold" v-else />
+                        <icon name="element Expand" v-if="systemStore.menuIsCollapse" />
+                        <icon name="element Fold" v-else />
                     </div> -->
                     <!-- 刷新当前页 -->
                     <div class="navbar-item flex items-center h-full cursor-pointer" @click="refreshRouter">
-                        <icon name="element-Refresh" />
+                        <icon name="element Refresh" />
                     </div>
                     <!-- 面包屑导航 -->
                     <div class="flex items-center h-full pl-[10px] hidden-xs-only">
@@ -31,8 +31,8 @@
                     </div> -->
                     <!-- 切换全屏 -->
                     <!-- <div class="navbar-item flex items-center h-full cursor-pointer" @click="toggleFullscreen">
-                        <icon name="iconfont-icontuichuquanping" v-if="isFullscreen" />
-                        <icon name="iconfont-iconquanping" v-else />
+                        <icon name="iconfont icontuichuquanping" v-if="isFullscreen" />
+                        <icon name="iconfont iconquanping" v-else />
                     </div> -->
                     <!-- 布局设置 -->
                     <div class="navbar-item flex items-center h-full cursor-pointer">
@@ -159,11 +159,6 @@ const toPreview = () => {
     })
     window.open(url.href)
 }
-
-// 返回上一页
-// const backFn = () => {
-//     router.go(-1)
-// }
 </script>
 
 <style lang="scss" scoped>
diff --git a/admin/src/layout/profession/components/header/layout-setting.vue b/admin/src/layout/profession/components/header/layout-setting.vue
index 4ca0fd2b4..43bdcf96a 100644
--- a/admin/src/layout/profession/components/header/layout-setting.vue
+++ b/admin/src/layout/profession/components/header/layout-setting.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="flex">
-        <icon name="element-Setting" @click="drawer = true" />
+        <icon name="element Setting" @click="drawer = true" />
 
         <el-drawer v-model="drawer" :title="t('layout.layoutSetting')" size="300px">
             <el-scrollbar>
diff --git a/admin/src/layout/profession/components/header/switch-lang.vue b/admin/src/layout/profession/components/header/switch-lang.vue
index e48de6e30..811aa68ec 100644
--- a/admin/src/layout/profession/components/header/switch-lang.vue
+++ b/admin/src/layout/profession/components/header/switch-lang.vue
@@ -1,6 +1,6 @@
 <template>
     <el-dropdown @command="switchLang" :tabindex="1">
-        <icon name="iconfont-iconfanyi" />
+        <icon name="iconfont iconfanyi" />
         <template #dropdown>
             <el-dropdown-menu>
                 <el-dropdown-item command="zh-cn" :disabled="systemStore.lang == 'zh-cn'">简体中文</el-dropdown-item>
diff --git a/admin/src/layout/profession/components/header/user-info.vue b/admin/src/layout/profession/components/header/user-info.vue
index 896c8aef8..301374ed5 100644
--- a/admin/src/layout/profession/components/header/user-info.vue
+++ b/admin/src/layout/profession/components/header/user-info.vue
@@ -2,9 +2,9 @@
     <div>
         <el-dropdown @command="clickEvent" :tabindex="1">
             <div class="userinfo flex h-full items-center">
-                <el-avatar :size="25" :icon="UserFilled" />
+                <el-avatar :size="25" :icon="UserFilled" :src="userStore.userInfo.head_img ? img(userStore.userInfo.head_img) : ''"/>
                 <div class="user-name pl-[8px]">{{ userStore.userInfo.username }}</div>
-                <icon name="element-ArrowDown" class="ml-[5px]" />
+                <icon name="element ArrowDown" class="ml-[5px]" />
             </div>
             <template #dropdown>
                 <el-dropdown-menu>
@@ -65,13 +65,15 @@
 
 <script lang="ts" setup>
 import { UserFilled } from '@element-plus/icons-vue'
-import { computed, reactive, ref, onMounted, watch } from 'vue'
+import { reactive, ref } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import type { FormInstance, FormRules, ElNotification } from 'element-plus'
 import useUserStore from '@/stores/modules/user'
 import { setUserInfo } from '@/app/api/personal'
 import { t } from '@/lang'
 import userInfoEdit from '@/app/components/user-info-edit/index.vue'
+import {img} from "@/utils/common";
+
 const userStore = useUserStore()
 const router = useRouter()
 const clickEvent = (command: string) => {
diff --git a/admin/src/layout/profession/components/tabs.vue b/admin/src/layout/profession/components/tabs.vue
index d58f79a43..561663f98 100644
--- a/admin/src/layout/profession/components/tabs.vue
+++ b/admin/src/layout/profession/components/tabs.vue
@@ -1,7 +1,6 @@
 <template>
     <div class="tab-wrap w-full px-[16px]">
-        <el-tabs :closable="tabbarStore.tabLength > 1" :model-value="route.path" @tab-click="tabClick"
-            @tab-remove="removeTab">
+        <el-tabs :closable="tabbarStore.tabLength > 1" :model-value="route.path" @tab-click="tabClick" @tab-remove="removeTab">
             <el-tab-pane v-for="(tab, key, index) in tabbarStore.tabs" :name="tab.path" :key="index">
                 <template #label>
                     <el-dropdown trigger="contextmenu" placement="bottom-start">
diff --git a/admin/src/layout/profession/index.vue b/admin/src/layout/profession/index.vue
index ee46eb0af..13121b350 100644
--- a/admin/src/layout/profession/index.vue
+++ b/admin/src/layout/profession/index.vue
@@ -1,26 +1,29 @@
 <template>
-    <div class="common-layout min-w-[1200px]" >
-        <el-container class="w-100 h-screen">
-            <layout-aside></layout-aside>
+    <div class="flex w-full h-screen">
+        <!-- 左侧边栏 -->
+        <layout-aside></layout-aside>
+        <!-- 左侧边栏 end -->
 
-            <el-container>
-                <el-header>
-                    <layout-header></layout-header>
-                </el-header>
+        <el-container>
+            <!-- 顶部 -->
+            <el-header>
+                <layout-header></layout-header>
+            </el-header>
+            <!-- 顶部 end -->
 
-                <el-main :class="['main-wrap h-full p-0 bg-page']">
-                    <el-scrollbar>
-                        <div class="p-[10px]">
-                            <router-view v-slot="{ Component, route }" v-if="appStore.routeRefreshTag">
-                                <keep-alive :include="tabbarStore.tabNames">
-                                    <component :is="Component" :key="route.fullPath" />
-                                </keep-alive>
-                            </router-view>
-                        </div>
-                    </el-scrollbar>
-                </el-main>
-
-            </el-container>
+            <!-- 主体 -->
+            <el-main class="h-full p-0 bg-page">
+                <el-scrollbar>
+                    <div class="p-[15px]">
+                        <router-view v-slot="{ Component, route }" v-if="appStore.routeRefreshTag">
+                            <keep-alive :include="tabbarStore.tabNames">
+                                <component :is="Component" :key="route.fullPath" />
+                            </keep-alive>
+                        </router-view>
+                    </div>
+                </el-scrollbar>
+            </el-main>
+            <!-- 主体 end -->
         </el-container>
     </div>
 </template>
diff --git a/admin/src/layout/profession/layout.json b/admin/src/layout/profession/layout.json
index 924b82dcd..69441a97e 100644
--- a/admin/src/layout/profession/layout.json
+++ b/admin/src/layout/profession/layout.json
@@ -1,4 +1,4 @@
 {
 	"layout": "profession",
-	"cover": "/app/assets/images/layout_profession.png"
+	"cover": "/static/resource/images/system/layout_profession.png"
 }
diff --git a/admin/src/router/index.ts b/admin/src/router/index.ts
index bef8a5757..42465b6ce 100644
--- a/admin/src/router/index.ts
+++ b/admin/src/router/index.ts
@@ -6,7 +6,6 @@ import { language } from '@/lang'
 import useSystemStore from '@/stores/modules/system'
 import useUserStore from '@/stores/modules/user'
 import { setWindowTitle, getAppType, urlToRouteRaw } from '@/utils/common'
-import storage from '@/utils/storage'
 
 // 加载插件中定义的router
 const ADDON_ROUTE = []
@@ -58,8 +57,9 @@ router.beforeEach(async (to, from, next) => {
     const userStore = useUserStore()
     const systemStore = useSystemStore()
     const appType = getAppType()
+    const title = []
 
-    let title: string = to.meta.title ?? ''
+    to.meta.title && title.push(to.meta.title)
 
     if (!userStore.siteInfo && appType != 'home') {
         await userStore.getSiteInfo()
@@ -78,13 +78,14 @@ router.beforeEach(async (to, from, next) => {
     const loginPath = to.path == '/' ? '/admin/login' : `/${matched == '/admin' ? 'admin' : 'site'}/login`
 
     if (appType != 'site' || to.path === loginPath) {
-        title += systemStore.website.site_name ? ('-' + systemStore.website.site_name) : ''
+        systemStore.website.site_name && title.push(systemStore.website.site_name)
     } else {
-        title += userStore.siteInfo && userStore.siteInfo.site_name ? ('-' + userStore.siteInfo.site_name) : ''
+        userStore.siteInfo && userStore.siteInfo.site_name && title.push(userStore.siteInfo.site_name)
     }
 
     // 设置网站标题
-    setWindowTitle(title)
+    setWindowTitle(title.join('-'))
+
 
     // 判断是否需登录
     if (NO_LOGIN_ROUTES.includes(to.path)) {
@@ -154,14 +155,14 @@ router.beforeEach(async (to, from, next) => {
                 }
 
             } catch (err) {
-                next({ path: loginPath, query: { redirect: to.fullPath } })
+                next({ path: loginPath })
             }
         }
     } else {
         if (to.path === loginPath) {
             next()
         } else {
-            next({ path: loginPath, query: { redirect: to.fullPath } })
+            next({ path: loginPath })
         }
     }
 })
diff --git a/admin/src/router/routers.ts b/admin/src/router/routers.ts
index 2b855dbbe..798ed1aed 100644
--- a/admin/src/router/routers.ts
+++ b/admin/src/router/routers.ts
@@ -1,4 +1,3 @@
-import { toRaw } from 'vue'
 import { RouteRecordRaw, RouterView } from 'vue-router'
 import Default from '@/layout/index.vue'
 import Decorate from '@/layout/decorate/index.vue'
@@ -76,6 +75,15 @@ export const SITE_ROUTE: RouteRecordRaw = {
             name: Symbol('siteRoot'),
             component: Default
         },
+        {
+            path: 'wxoplatform/callback',
+            name: 'wxoplatform_callback',
+            meta: {
+                type: 1,
+                title: '微信公众号平台授权'
+            },
+            component: () => import('@/app/views/index/wxoplatform_callback.vue')
+        },
         {
             path: 'login',
             meta: {
@@ -116,8 +124,8 @@ interface Route {
 
 /**
  * 创建路由
- * @param data
- * @returns
+ * @param route
+ * @param parentRoute
  */
 const createRoute = function (route: Route, parentRoute: RouteRecordRaw | null = null): RouteRecordRaw {
     const record: RouteRecordRaw = {
@@ -137,7 +145,6 @@ const createRoute = function (route: Route, parentRoute: RouteRecordRaw | null =
     }
     if (route.menu_type == 0) {
         record.component = parentRoute ? RouterView : () => Promise.resolve(Default)
-        if (!route.children) record.component = RouterView
     } else {
         record.component = route.addon ? addonModules[`/src/addon/${route.addon}/views/${route.view_path}.vue`] : modules[`/src/app/views/${route.view_path}.vue`]
     }
@@ -147,7 +154,7 @@ const createRoute = function (route: Route, parentRoute: RouteRecordRaw | null =
 /**
  * 格式化路由
  * @param routes
- * @returns
+ * @param parentRoute
  */
 export function formatRouters(routes: Route[], parentRoute: RouteRecordRaw | null = null) {
     return routes.map((route) => {
diff --git a/admin/src/stores/modules/diy.ts b/admin/src/stores/modules/diy.ts
index 4abd9b06b..9e2bd0f69 100644
--- a/admin/src/stores/modules/diy.ts
+++ b/admin/src/stores/modules/diy.ts
@@ -59,7 +59,7 @@ const useDiyStore = defineStore('diy', {
                     isTransparent: false, // 是否透明
                     style: 'style-1', // 导航栏风格样式（style-1：文字，style-2：图片+文字，style-3：图片+搜索，style-4：定位）
                     styleName: '风格1', 
-                    textColor: "#333333", // 文字颜色（）
+                    textColor: "#333333", // 文字颜色
                     textAlign: 'center', // 文字对齐方式
                     inputPlaceholder : '请输入搜索关键词',
                     imgUrl:'', // 图片
@@ -143,7 +143,7 @@ const useDiyStore = defineStore('diy', {
                     isTransparent: false, // 是否透明
                     style: 'style-1', // 导航栏风格样式（style-1：文字，style-2：图片+文字，style-3：图片+搜索，style-4：定位）
                     styleName: '风格1',
-                    textColor: "#333333", // 文字颜色（）
+                    textColor: "#333333", // 文字颜色
                     textAlign: 'center', // 文字对齐方式
                     inputPlaceholder : '请输入搜索关键词',
                     imgUrl:'', // 图片
diff --git a/admin/src/stores/modules/user.ts b/admin/src/stores/modules/user.ts
index 470828fef..c0232930f 100644
--- a/admin/src/stores/modules/user.ts
+++ b/admin/src/stores/modules/user.ts
@@ -6,6 +6,7 @@ import router from '@/router'
 import { formatRouters, findFirstValidRoute } from '@/router/routers'
 import useTabbarStore from './tabbar'
 import Test from '@/utils/test'
+import { setUserInfo } from '@/app/api/personal'
 
 interface User {
     token: string,
@@ -41,7 +42,7 @@ const userStore = defineStore('user', {
         login(form: object, app_type: any) {
             return new Promise((resolve, reject) => {
                 login(form, app_type)
-                    .then((res) => {
+                    .then(async (res) => {
                         if (app_type == 'admin' && Test.empty(res.data.userrole)) {
                             storage.setPrefix('site')
                         }
@@ -67,7 +68,7 @@ const userStore = defineStore('user', {
             this.userInfo = {}
             this.siteInfo = {}
             removeToken()
-            storage.remove(['userinfo', 'siteId', 'siteInfo'])
+            storage.remove(['userinfo', 'siteInfo'])
             this.routers = []
             logout()
             // 清除tabbar
@@ -96,6 +97,10 @@ const userStore = defineStore('user', {
                         reject(error)
                     })
             })
+        },
+        setUserInfo(data: any) {
+            this.userInfo = data
+            storage.set({ key: 'userinfo', data: data})
         }
     }
 })
diff --git a/admin/src/styles/common.scss b/admin/src/styles/common.scss
index 8f3b12458..516d3173f 100644
--- a/admin/src/styles/common.scss
+++ b/admin/src/styles/common.scss
@@ -1,99 +1,159 @@
 :root {
     --aside-width: 210px;
-    --el-mask-color: rgba(255,255,255,1);
+    --el-mask-color: rgba(255, 255, 255, 1);
 }
-body,
-html {
+
+html, body {
     font-family: Helvetica Neue, Helvetica, Arial;
 }
 
+:root input:-webkit-autofill, :root textarea:-webkit-autofill, :root select:-webkit-autofill {
+    box-shadow: 0 0 50px 50px white inset;
+}
+
+// 以下最新，请勿改动 2024.5.25
+
+/** 数据展示面板 **/
+.el-statistic {
+    --el-statistic-content-font-size: 28px !important;
+}
+
+/** 背景 **/
+.bg {
+    background-color: #f5f7f9;
+}
+
+/** 边框 **/
 .border-color {
     border-color: var(--el-border-color-lighter);
 }
 
-.el-form {
-    .form-tip {
-        width: 100%;
-        font-size: var(--el-font-size-small);
-        color: var(--el-color-info-light-3);
-        line-height: 1;
-        margin-top: 10px;
-    }
-}
-
+/** 表单 **/
 .page-form {
+
     .input-width {
         width: 300px;
     }
 }
 
-.main-container{
-    // background-color: #fff;
-    background-color: var(--el-bg-color-overlay);
-    min-height: calc(100vh - 84px);
-    overflow: hidden;
-    .full-container {
-        height: calc(100vh - 122px);
+.el-form {
+
+    // 提示
+    .form-tip {
+        font-size: var(--el-font-size-small);
+        line-height: 1;
+        width: 100%;
+        margin-top: 10px;
+        color: var(--el-color-info-light-3);
     }
 }
 
+/** 面板标题 **/
 .panel-title {
-    margin: 0 0 16px 0;
-    font-size: 16px;
+    font-size: 14px !important;
     font-weight: 400;
     line-height: 1;
+    margin: 0 0 20px 0;
 }
 
+/** 筛选框 **/
+.table-search-wrap {
+
+    .el-card__body {
+        padding: 10px 0;
+    }
+
+    .el-form {
+        margin-bottom: -18px;
+    }
+}
+
+/** 底部浮动保存 **/
 .fixed-footer-wrap {
     height: 48px;
 
     .fixed-footer {
         position: absolute;
-        height: inherit;
-        background:var(--el-bg-color-overlay);
-        right: 10px;
-        left: 10px;
-        bottom: 0;
         z-index: 1000;
+        right: 15px;
+        bottom: 0;
+        left: 15px;
         display: flex;
-        align-items: center;
-        justify-content: center;
+        height: inherit;
+        background: var(--el-bg-color-overlay);
+        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
         --tw-shadow: var(--el-box-shadow);
         --tw-shadow-colored: var(--el-box-shadow);
-        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
-        transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out
+        align-items: center;
+        justify-content: center;
+        transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out;
     }
 }
 
+/** 多行超出隐藏 **/
+.multi-hidden {
+    display: -webkit-box;
+    overflow: hidden;
+    white-space: normal;
+    text-overflow: ellipsis;
+    word-break: break-all;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+}
+
+/** 黑暗模式 **/
 html.dark {
-    .el-table {
-        --el-table-header-bg-color: var(--el-bg-color)!important
+
+    .bg {
+        background-color: var(--el-bg-color) !important;
     }
+
     .table-search-wrap {
-        background-color: var(--el-bg-color)!important;
+        background-color: transparent !important;
+    }
+
+    .el-table {
+        --el-table-header-text-color: var(--el-text-color-secondary) !important;
+        --el-table-header-bg-color: var(--el-bg-color) !important;
+    }
+    
+    // 编辑器
+    .edui-default {
+
+        .edui-editor, .edui-editor-toolbarboxinner {
+            background-color: var(--el-bg-color) !important;
+        }
     }
 }
 
-:root input:-webkit-autofill,
-textarea:-webkit-autofill,
-select:-webkit-autofill {
-    box-shadow: 0 0 50px 50px white inset;
-}
+
+
+
+// 以下全部开发完可以删除
+
+
+
+
+
+
+// .main-container{
+//     // background-color: #fff;
+//     background-color: var(--el-bg-color-overlay);
+//     min-height: calc(100vh - 84px);
+//     overflow: hidden;
+//     .full-container {
+//         height: calc(100vh - 122px);
+//     }
+// }
+
+
+
+
 
 // 表格
-.el-pager li.is-active{
-    font-weight: normal !important;
-}
 
-// 筛选框
-.table-search-wrap {
-    .el-card__body{
-        padding: 10px 0;
-    }
-    .el-form {
-        margin-bottom: -18px;
-    }
-}
+
+
 
 // 背景颜色
 .base-bg{
@@ -101,10 +161,7 @@ select:-webkit-autofill {
     // background-color: #F5F7F9 !important; 原来的颜色
 }
 
-// 数据展示面板
-.el-statistic {
-    --el-statistic-content-font-size: 28px !important;
-}
+
 
 .region-input {
     --region-input-border-color: var(--el-border-color);
@@ -159,23 +216,23 @@ select:-webkit-autofill {
 
 
 // 温馨提示样式
-.warm-prompt {
-    background-color: var(--el-color-primary-light-9) !important;
-    .el-icon,p,li{
-        color: var(--el-color-primary-light-3);
-    }
-    .el-alert__content{
-        padding: 0;
-    }
-}
-html.dark {
-    .warm-prompt {
-        background-color: var(--el-color-primary-light-5) !important;
-        .el-icon, p {
-            color: var(--el-color-primary-dark-2);
-        }
-    }
-}
+// .warm-prompt {
+//     background-color: var(--el-color-primary-light-9) !important;
+//     .el-icon,p,li{
+//         color: var(--el-color-primary-light-3);
+//     }
+//     .el-alert__content{
+//         padding: 0;
+//     }
+// }
+// html.dark {
+//     .warm-prompt {
+//         background-color: var(--el-color-primary-light-5) !important;
+//         .el-icon, p {
+//             color: var(--el-color-primary-dark-2);
+//         }
+//     }
+// }
 .app-item {
 	background: #f7f7f7;
 }
@@ -185,7 +242,7 @@ html.dark {
     }
 }
 
-// 详情的头部
+// 详情的头部  完部修改完删除
 .detail-head {
     display: flex;
     margin: 15px;
@@ -209,37 +266,3 @@ html.dark {
         font-size: 24px;
     }
 }
-
-// ********************************************** 修改整体样式 **********************************************
-// 修改选择框、ipnut、时间选择、按钮，input带按钮的圆角
-.el-input__wrapper, .el-input-group__append, .el-textarea__inner{
-    border-radius: 0 !important;
-}
-.el-button:not(.is-round){
-    border-radius: 2px !important;
-}
-// 修改表格中上传图片样式冲突的问题
-.el-table .el-table__cell{
-    position: inherit !important;
-}
-
-// /* 多行超出隐藏 */
-.multi-hidden {
-    white-space: normal;
-	word-break: break-all;
-	text-overflow: ellipsis;
-	overflow: hidden;
-	display: -webkit-box;
-	-webkit-line-clamp: 2;
-	-webkit-box-orient: vertical;
-}
-
-.el-card{
-    border-radius: 0 !important;
-}
-:root input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
-	box-shadow: 0 0 50px 50px white inset;
-}
-.text-page-title{
-    line-height: 32px;
-}
diff --git a/admin/src/styles/element-plus.scss b/admin/src/styles/element-plus.scss
index 1b490acb0..b57654abe 100644
--- a/admin/src/styles/element-plus.scss
+++ b/admin/src/styles/element-plus.scss
@@ -5,51 +5,75 @@
     --el-header-height: 64px !important;
 }
 
-.el-table {
-    --el-table-header-bg-color: #F5F7F9!important;
-    --el-table-header-text-color:#333!important;
+/** 卡片面板 **/
+.el-card {
+    border-radius: 0 !important;
 }
 
-.dark {
-    .el-table {
-        --el-table-header-text-color: var(--el-text-color-secondary)!important;
+/** 表格 **/
+.el-table {
+    --el-table-header-bg-color: #f5f7f9 !important;
+    --el-table-header-text-color: #333333 !important;
+
+    thead,
+    thead th {
+        font-weight: normal !important;
+    }
+
+    // 修改表格中上传图片样式冲突的问题
+    .el-table__cell {
+        position: inherit !important;
     }
 }
 
-.el-table thead, .el-table thead th {
-    font-weight: normal !important;
+/** 文本框 **/
+.el-input__wrapper, .el-input-group__append, .el-textarea__inner {
+    border-radius: 0 !important;
 }
 
-.el-button {
-    background-color: var(--el-button-bg-color, var(--el-color-white));
-}
-
-.el-dialog {
-    max-width: calc(100vw - 50px);
-}
-
-.el-date-editor--daterange, .el-date-editor--timerange, .el-date-editor.el-input, .el-date-editor .el-input__wrapper {
-    --el-date-editor-width: 100%!important;
-    width: 100%;
-}
-
-
 .el-textarea__inner {
 
     &::-webkit-scrollbar {
-        width: 6px ;
-        height: 6px ;
+        width: 6px;
+        height: 6px;
     }
 
     &::-webkit-scrollbar-thumb {
-        border-radius: 3px ;
-        -moz-border-radius: 3px ;
-        -webkit-border-radius: 3px ;
-        background-color: #909399;
+        border-radius: 3px;
+        -moz-border-radius: 3px;
+        -webkit-border-radius: 3px;
+        background-color: rgb(192, 196, 204);
         opacity: .3;
     }
 
     &::-webkit-scrollbar-track {
-        background-color: transparent ;
+       background-color: transparent ;
     }
 }
+
+/** 按钮 **/
+.el-button {
+    background-color: var(--el-button-bg-color, var(--el-color-white));
+}
+
+.el-button:not(.is-round) {
+    border-radius: 2px !important;
+}
+.el-slider {
+    --el-slider-button-size: 15px !important;
+}
+
+/** 下拉框 **/
+.el-select__wrapper {
+    border-radius: 0 !important;
+}
+
+.el-form-item {
+    & > .el-input, .el-cascader, .el-select, .el-date-editor, .el-autocomplete {
+        width: 214px;
+    }
+}
+
+.el-dropdown .el-tooltip__trigger {
+    outline: none!important;
+}
diff --git a/admin/src/styles/icon/addon-iconfont.css b/admin/src/styles/icon/addon-iconfont.css
index e700eb373..4401b31bd 100644
--- a/admin/src/styles/icon/addon-iconfont.css
+++ b/admin/src/styles/icon/addon-iconfont.css
@@ -1 +1,2 @@
-/* addon iconfont */
\ No newline at end of file
+@import "addon/o2o/iconfont.css";
+@import "addon/tourism/iconfont.css";
diff --git a/admin/src/styles/icon/addon/o2o/iconfont.css b/admin/src/styles/icon/addon/o2o/iconfont.css
new file mode 100644
index 000000000..17076410c
--- /dev/null
+++ b/admin/src/styles/icon/addon/o2o/iconfont.css
@@ -0,0 +1,38 @@
+@font-face {
+  font-family: "o2o"; /* Project id 4412516 */
+  src: url('//at.alicdn.com/t/c/font_4412516_cacqsbew46.woff2?t=1705720131974') format('woff2'),
+       url('//at.alicdn.com/t/c/font_4412516_cacqsbew46.woff?t=1705720131974') format('woff'),
+       url('//at.alicdn.com/t/c/font_4412516_cacqsbew46.ttf?t=1705720131974') format('truetype');
+}
+
+.o2o {
+  font-family: "o2o" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.o2o-icon-danhanghuadong:before {
+  content: "\e66f";
+}
+
+.o2o-icon-yuanjiao:before {
+  content: "\e6c0";
+}
+
+.o2o-icon-gl-square:before {
+  content: "\ea92";
+}
+
+.o2o-icon-sousuo12:before {
+  content: "\e699";
+}
+
+.o2o-icon-sousuo11:before {
+  content: "\e6d4";
+}
+
+.o2o-icon-jishi:before {
+  content: "\e600";
+}
diff --git a/admin/src/styles/icon/addon/o2o/iconfont.json b/admin/src/styles/icon/addon/o2o/iconfont.json
new file mode 100644
index 000000000..4ae38c0c4
--- /dev/null
+++ b/admin/src/styles/icon/addon/o2o/iconfont.json
@@ -0,0 +1,51 @@
+{
+  "id": "4412516",
+  "name": "上门服务",
+  "font_family": "o2o",
+  "css_prefix_text": "o2o-icon-",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "30621139",
+      "name": "单行滑动",
+      "font_class": "danhanghuadong",
+      "unicode": "e66f",
+      "unicode_decimal": 58991
+    },
+    {
+      "icon_id": "7149037",
+      "name": "圆角",
+      "font_class": "yuanjiao",
+      "unicode": "e6c0",
+      "unicode_decimal": 59072
+    },
+    {
+      "icon_id": "7594344",
+      "name": "20gl-square",
+      "font_class": "gl-square",
+      "unicode": "ea92",
+      "unicode_decimal": 60050
+    },
+    {
+      "icon_id": "10133070",
+      "name": "搜索",
+      "font_class": "sousuo12",
+      "unicode": "e699",
+      "unicode_decimal": 59033
+    },
+    {
+      "icon_id": "14652583",
+      "name": "搜索",
+      "font_class": "sousuo11",
+      "unicode": "e6d4",
+      "unicode_decimal": 59092
+    },
+    {
+      "icon_id": "6818781",
+      "name": "技师",
+      "font_class": "jishi",
+      "unicode": "e600",
+      "unicode_decimal": 58880
+    }
+  ]
+}
diff --git a/admin/src/styles/icon/addon/tourism/iconfont.css b/admin/src/styles/icon/addon/tourism/iconfont.css
new file mode 100644
index 000000000..4e28126c0
--- /dev/null
+++ b/admin/src/styles/icon/addon/tourism/iconfont.css
@@ -0,0 +1,58 @@
+@font-face {
+  font-family: "tourism"; /* Project id 4137250 */
+  src: url('//at.alicdn.com/t/c/font_4137250_st1ha9l0k1e.woff2?t=1687685028672') format('woff2'),
+  url('//at.alicdn.com/t/c/font_4137250_st1ha9l0k1e.woff?t=1687685028672') format('woff'),
+  url('//at.alicdn.com/t/c/font_4137250_st1ha9l0k1e.ttf?t=1687685028672') format('truetype');
+}
+
+.tourism {
+  font-family: "tourism" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.tourism-icon-feiji:before {
+  content: "\e600";
+}
+
+.tourism-icon-lvyou:before {
+  content: "\e6a9";
+}
+
+.tourism-icon-lvyouchanpin:before {
+  content: "\e63b";
+}
+
+.tourism-icon-lvyou1:before {
+  content: "\e623";
+}
+
+.tourism-icon-lvyou2:before {
+  content: "\e601";
+}
+
+.tourism-icon-lvyou3:before {
+  content: "\e60c";
+}
+
+.tourism-icon-lvyoubaochedingdan:before {
+  content: "\e612";
+}
+
+.tourism-icon-lvyou4:before {
+  content: "\e653";
+}
+
+.tourism-icon-lvyou5:before {
+  content: "\e610";
+}
+
+.tourism-icon-lvyouguanguang:before {
+  content: "\e87e";
+}
+
+.tourism-icon-lvyou6:before {
+  content: "\e642";
+}
diff --git a/admin/src/styles/icon/addon/tourism/iconfont.json b/admin/src/styles/icon/addon/tourism/iconfont.json
new file mode 100644
index 000000000..f9bc2b78e
--- /dev/null
+++ b/admin/src/styles/icon/addon/tourism/iconfont.json
@@ -0,0 +1,86 @@
+{
+  "id": "4137250",
+  "name": "旅游业",
+  "font_family": "tourism",
+  "css_prefix_text": "tourism-icon-",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "1443",
+      "name": "飞机",
+      "font_class": "feiji",
+      "unicode": "e600",
+      "unicode_decimal": 58880
+    },
+    {
+      "icon_id": "446824",
+      "name": "旅游",
+      "font_class": "lvyou",
+      "unicode": "e6a9",
+      "unicode_decimal": 59049
+    },
+    {
+      "icon_id": "1167173",
+      "name": "旅游产品",
+      "font_class": "lvyouchanpin",
+      "unicode": "e63b",
+      "unicode_decimal": 58939
+    },
+    {
+      "icon_id": "1354920",
+      "name": "旅游",
+      "font_class": "lvyou1",
+      "unicode": "e623",
+      "unicode_decimal": 58915
+    },
+    {
+      "icon_id": "1505555",
+      "name": "旅游",
+      "font_class": "lvyou2",
+      "unicode": "e601",
+      "unicode_decimal": 58881
+    },
+    {
+      "icon_id": "2121726",
+      "name": "旅游",
+      "font_class": "lvyou3",
+      "unicode": "e60c",
+      "unicode_decimal": 58892
+    },
+    {
+      "icon_id": "2357494",
+      "name": "旅游包车订单",
+      "font_class": "lvyoubaochedingdan",
+      "unicode": "e612",
+      "unicode_decimal": 58898
+    },
+    {
+      "icon_id": "3944019",
+      "name": "旅游",
+      "font_class": "lvyou4",
+      "unicode": "e653",
+      "unicode_decimal": 58963
+    },
+    {
+      "icon_id": "4838220",
+      "name": "旅游",
+      "font_class": "lvyou5",
+      "unicode": "e610",
+      "unicode_decimal": 58896
+    },
+    {
+      "icon_id": "7444178",
+      "name": "旅游观光",
+      "font_class": "lvyouguanguang",
+      "unicode": "e87e",
+      "unicode_decimal": 59518
+    },
+    {
+      "icon_id": "9748082",
+      "name": "旅游",
+      "font_class": "lvyou6",
+      "unicode": "e642",
+      "unicode_decimal": 58946
+    }
+  ]
+}
diff --git a/admin/src/styles/icon/iconfont.css b/admin/src/styles/icon/iconfont.css
index 05b70656b..793b1afc1 100644
--- a/admin/src/styles/icon/iconfont.css
+++ b/admin/src/styles/icon/iconfont.css
@@ -1,1270 +1,2279 @@
 @font-face {
-  font-family: "iconfont"; /* Project id 3883393 */
-  src: url('//at.alicdn.com/t/c/font_3883393_t75he8bd12.woff2?t=1715329624274') format('woff2'),
-  url('//at.alicdn.com/t/c/font_3883393_t75he8bd12.woff?t=1715329624274') format('woff'),
-  url('//at.alicdn.com/t/c/font_3883393_t75he8bd12.ttf?t=1715329624274') format('truetype');
-}
-
-.iconfont {
-  font-family: "iconfont" !important;
-  font-size: 16px;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.iconjifenshangpin:before {
-  content: "\e707";
-}
-
-.iconnicheng1:before {
-  content: "\e708";
-}
-
-.iconhuihua1:before {
-  content: "\e709";
-}
-
-.icongeren:before {
-  content: "\e70a";
-}
-
-.iconhuiyuan12:before {
-  content: "\e70b";
-}
-
-.iconerweima:before {
-  content: "\e70d";
-}
-
-.iconhuajiaqian:before {
-  content: "\e70e";
-}
-
-.iconshoujia:before {
-  content: "\e70f";
-}
-
-.iconshangpintupian:before {
-  content: "\e710";
-}
-
-.icontupian1:before {
-  content: "\e711";
-}
-
-.iconjinbi:before {
-  content: "\e712";
-}
-
-.iconhuangguan:before {
-  content: "\e713";
-}
-
-.icona-Group13:before {
-  content: "\e712";
-}
-
-.iconyingxiao:before {
-  content: "\e706";
-}
-
-.iconxiazai19:before {
-  content: "\e682";
-}
-
-.iconshangjiantou:before {
-  content: "\e678";
-}
-
-.iconxiajiantou:before {
-  content: "\e681";
-}
-
-.iconriqi:before {
-  content: "\e657";
-}
-
-.icontuikuan:before {
-  content: "\e75e";
-}
-
-.icongouwu:before {
-  content: "\e65a";
-}
-
-.icondaishouhuo:before {
-  content: "\e65c";
-}
-
-.icondaifahuo:before {
-  content: "\e669";
-}
-
-.iconguahao:before {
-  content: "\e66a";
-}
-
-.icondaifukuan:before {
-  content: "\e672";
-}
-
-.icon31yiguanzhudianpu:before {
-  content: "\e656";
-}
-
-.icon31huidaodingbu:before {
-  content: "\e658";
-}
-
-.iconbianji:before {
-  content: "\e659";
-}
-
-.icontuihuobaozhang:before {
-  content: "\e653";
-}
-
-.iconhome:before {
-  content: "\e633";
-}
-
-.icon31daifahuo:before {
-  content: "\e634";
-}
-
-.icon31daifukuan:before {
-  content: "\e637";
-}
-
-.icontuikuantuihuo:before {
-  content: "\e639";
-}
-
-.icon31dianhua:before {
-  content: "\e63c";
-}
-
-.icon31shijian:before {
-  content: "\e63d";
-}
-
-.iconshuiqijiaoliu:before {
-  content: "\e67d";
-}
-
-.iconguanwang:before {
-  content: "\e704";
-}
-
-.icontransferout:before {
-  content: "\e651";
-}
-
-.icontransferout-copy:before {
-  content: "\ecad";
-}
-
-.iconxingzhuang-wenzi:before {
-  content: "\eb99";
-}
-
-.iconxiaochengxu1:before {
-  content: "\e631";
-}
-
-.iconshipin1:before {
-  content: "\e63a";
-}
-
-.icontupian:before {
-  content: "\e667";
-}
-
-.iconfenxiang:before {
-  content: "\e655";
-}
-
-.iconico:before {
-  content: "\e63f";
-}
-
-.iconkaifazujian:before {
-  content: "\e640";
-}
-
-.iconzuoshangjiao:before {
-  content: "\e700";
-}
-
-.iconyoushangjiao:before {
-  content: "\e701";
-}
-
-.iconyouxiajiao:before {
-  content: "\e702";
-}
-
-.iconzuoxiajiao:before {
-  content: "\e703";
-}
-
-.iconfudonganniu1:before {
-  content: "\e630";
-}
-
-.iconshangpinliebiaohengxianghuadong:before {
-  content: "\e926";
-}
-
-.iconhengxianghuadong:before {
-  content: "\e63e";
-}
-
-.iconduoshangpinzu:before {
-  content: "\e650";
-}
-
-.iconsousuokuang:before {
-  content: "\e65b";
-}
-
-.iconicon_congzuodaoyou:before {
-  content: "\e7eb";
-}
-
-.iconicon_congshangdaoxia:before {
-  content: "\e7ec";
-}
-
-.iconmap-connect:before {
-  content: "\ea02";
-}
-
-.iconmap-link:before {
-  content: "\ea01";
-}
-
-.iconfuwenben1:before {
-  content: "\e62f";
-}
-
-.iconfuzhuxian1:before {
-  content: "\e646";
-}
-
-.iconyouhuiquan1:before {
-  content: "\e665";
-}
-
-.iconjishi:before {
-  content: "\e749";
-}
-
-.iconbanbenqiehuan:before {
-  content: "\e792";
-}
-
-.icontuichudenglu:before {
-  content: "\e64a";
-}
-
-.iconhuojian:before {
-  content: "\e6ff";
-}
-
-.iconicon_huojian1:before {
-  content: "\e6fe";
-}
-
-.iconrili1:before {
-  content: "\e62e";
-}
-
-.iconrili:before {
-  content: "\e664";
-}
-
-.iconshouquanliebiao:before {
-  content: "\e6fd";
-}
-
-.icontishi:before {
-  content: "\e6fc";
-}
-
-.iconwodedingdan:before {
-  content: "\e6f2";
-}
-
-.icongerenxinxi:before {
-  content: "\e6f4";
-}
-
-.iconwodezhandian:before {
-  content: "\e6f5";
-}
-
-.iconwodeshouquan:before {
-  content: "\e6f6";
-}
-
-.iconwodezhanghu:before {
-  content: "\e6f8";
-}
-
-.iconshimingrenzheng:before {
-  content: "\e6f9";
-}
-
-.iconkaifashangzhongxin:before {
-  content: "\e6fa";
-}
-
-.iconts-tubiao_CertificateServer:before {
-  content: "\e62b";
-}
-
-.icona-shangbiao2:before {
-  content: "\e64f";
-}
-
-.iconjiagebanben:before {
-  content: "\e6f0";
-}
-
-.iconjishuzhichi:before {
-  content: "\e6f1";
-}
-
-.iconjichushezhi:before {
-  content: "\e6ed";
-}
-
-.iconshangchengshezhi:before {
-  content: "\e6ee";
-}
-
-.iconkaifashezhi:before {
-  content: "\e6ef";
-}
-
-.iconqiehuan3:before {
-  content: "\e6ec";
-}
-
-.iconxiugai:before {
-  content: "\e62a";
-}
-
-.iconxiazai01:before {
-  content: "\ea38";
-}
-
-.iconjingdiandingdan:before {
-  content: "\e6ea";
-}
-
-.iconluxiandingdan:before {
-  content: "\e6eb";
-}
-
-.iconfapiaoguanli:before {
-  content: "\e683";
-}
-
-.iconhuishouzhan:before {
-  content: "\e6d7";
-}
-
-.iconshangpinliebiao1:before {
-  content: "\e6d8";
-}
-
-.iconshangpinfenlei:before {
-  content: "\e6d9";
-}
-
-.iconfenleishezhi:before {
-  content: "\e6da";
-}
-
-.iconluxianguanli:before {
-  content: "\e6db";
-}
-
-.iconjiudianguanli:before {
-  content: "\e6dc";
-}
-
-.iconshangjiadizhiku:before {
-  content: "\e6dd";
-}
-
-.iconkaxiangguanli:before {
-  content: "\e6de";
-}
-
-.iconjiudiandingdan:before {
-  content: "\e6df";
-}
-
-.iconjingdianguanli:before {
-  content: "\e6e0";
-}
-
-.icondingdanshezhi:before {
-  content: "\e6e3";
-}
-
-.iconjiaoyishezhi:before {
-  content: "\e6e4";
-}
-
-.icondingdanhexiao:before {
-  content: "\e6e5";
-}
-
-.icondingdanweiquan:before {
-  content: "\e6e6";
-}
-
-.icona-dingdanliebiao:before {
-  content: "\e6e7";
-}
-
-.iconyuyuexiangmu:before {
-  content: "\e68e";
-}
-
-.iconshangpinpinpai:before {
-  content: "\e6c9";
-}
-
-.iconyuyueshezhi:before {
-  content: "\e6cb";
-}
-
-.iconxiangmuguanli:before {
-  content: "\e6cc";
-}
-
-.iconyouhuiquan:before {
-  content: "\e6cd";
-}
-
-.iconpaisongshezhi:before {
-  content: "\e685";
-}
-
-.icontuikuanweiquan:before {
-  content: "\e6ce";
-}
-
-.iconyingxiaozhongxin:before {
-  content: "\e6cf";
-}
-
-.iconjishiguanli:before {
-  content: "\e684";
-}
-
-.iconxiangmufenlei:before {
-  content: "\e6d0";
-}
-
-.iconwuliugenzong:before {
-  content: "\e6d1";
-}
-
-.iconshangpinbiaoqian:before {
-  content: "\e6d2";
-}
-
-.iconshangpinpinglun:before {
-  content: "\e6d3";
-}
-
-.iconshangpinfuwu:before {
-  content: "\e6d4";
-}
-
-.icongonggao:before {
-  content: "\e629";
-}
-
-.iconshangpinliebiao:before {
-  content: "\e628";
-}
-
-.icongouwuche1:before {
-  content: "\e680";
-}
-
-.icongouwuche:before {
-  content: "\e6c8";
-}
-
-.iconyun1:before {
-  content: "\e67e";
-}
-
-.iconicon-selected:before {
-  content: "\e626";
-}
-
-.iconshangpinguanli:before {
-  content: "\e67c";
-}
-
-.iconyuanquan_huaban1:before {
-  content: "\e66c";
-}
-
-.iconzhankai:before {
-  content: "\e67b";
-}
-
-.iconjiantou:before {
-  content: "\e67a";
-}
-
-.iconchajian1:before {
-  content: "\e679";
-}
-
-.iconicon_huojian:before {
-  content: "\e677";
-}
-
-.iconanzhuang:before {
-  content: "\e676";
-}
-
-.iconshouye:before {
-  content: "\e675";
-}
-
-.iconshouye-shouye:before {
-  content: "\e638";
-}
-
-.icondian:before {
-  content: "\ec1e";
-}
-
-.iconjiantou_xiangzuoliangci_o:before {
-  content: "\eb93";
-}
-
-.iconfenlei:before {
-  content: "\e6c3";
-}
-
-.iconqiehuan2:before {
-  content: "\e6c0";
-}
-
-.iconqudaoguanli2:before {
-  content: "\e6c1";
-}
-
-.iconguanfangshichang:before {
-  content: "\e6c2";
-}
-
-.iconyingyong1:before {
-  content: "\e6bf";
-}
-
-.iconzhuangxiu2:before {
-  content: "\e6bd";
-}
-
-.iconzhuangxiu21:before {
-  content: "\e6be";
-}
-
-.iconqiehuan1:before {
-  content: "\e625";
-}
-
-.icongaikuang1:before {
-  content: "\e6b7";
-}
-
-.iconkaxiangchanpin:before {
-  content: "\e6b6";
-}
-
-.iconchongzhidingdan:before {
-  content: "\e6b8";
-}
-
-.iconkaxiangdingdan:before {
-  content: "\e6b9";
-}
-
-.iconlvyouchanpin:before {
-  content: "\e6ba";
-}
-
-.iconlvyoudingdan:before {
-  content: "\e6bb";
-}
-
-.iconwenzhangguanli1:before {
-  content: "\e6bc";
-}
-
-.iconchajiankaifa:before {
-  content: "\e6b3";
-}
-
-.iconyunshichang:before {
-  content: "\e6b5";
-}
-
-.iconnav-market:before {
-  content: "\e60e";
-}
-
-.icondaimashengcheng:before {
-  content: "\e6ae";
-}
-
-.icongengxinhuancun1:before {
-  content: "\e6ac";
-}
-
-.iconhuiyuanbiaoqian:before {
-  content: "\e6a4";
-}
-
-.iconhuiyuanjifen:before {
-  content: "\e6ab";
-}
-
-.iconhuiyuanyongjin:before {
-  content: "\e6a9";
-}
-
-.iconchakanlishi:before {
-  content: "\e6a8";
-}
-
-.iconqudaoguanli1:before {
-  content: "\e6aa";
-}
-
-.iconquanxianguanli:before {
-  content: "\e6a6";
-}
-
-.iconsucaiguanli:before {
-  content: "\e6a7";
-}
-
-.icona-shouyediannao:before {
-  content: "\e6a5";
-}
-
-.iconhuanjingjiance:before {
-  content: "\e6a2";
-}
-
-.iconjihuarenwu:before {
-  content: "\e6a3";
-}
-
-.iconhuiyuanyue:before {
-  content: "\e69f";
-}
-
-.iconxiaoxiguanli:before {
-  content: "\e6a1";
-}
-
-.iconwodexingbiao:before {
-  content: "\e6a0";
-}
-
-.iconzhifuguanli:before {
-  content: "\e6af";
-}
-
-.iconwenzhangguanli:before {
-  content: "\e6b0";
-}
-
-.iconhuiyuan2:before {
-  content: "\e6b1";
-}
-
-.icongaikuang:before {
-  content: "\e623";
-}
-
-.iconyun:before {
-  content: "\e69e";
-}
-
-.icona-huaban1fuben25:before {
-  content: "\e608";
-}
-
-.iconyun-line:before {
-  content: "\e622";
-}
-
-.iconyingyongshichang-:before {
-  content: "\e607";
-}
-
-.iconguanzhu:before {
-  content: "\e739";
-}
-
-.iconlishijilu:before {
-  content: "\f1e2";
-}
-
-.iconhuiyuanliebiao1:before {
-  content: "\e69c";
-}
-
-.iconwangzhan1:before {
-  content: "\e69d";
-}
-
-.iconcode:before {
-  content: "\e620";
-}
-
-.iconcaidan:before {
-  content: "\e652";
-}
-
-.iconyingyongshichang11:before {
-  content: "\e697";
-}
-
-.iconcaiwuliushui:before {
-  content: "\e698";
-}
-
-.iconshouquanxinxi2:before {
-  content: "\e699";
-}
-
-.iconxianxiazhifu2:before {
-  content: "\e69a";
-}
-
-.iconhuiyuantixian:before {
-  content: "\e69b";
-}
-
-.iconqudaoguanli:before {
-  content: "\e695";
-}
-
-.iconshichangwuliaozhichi:before {
-  content: "\e694";
-}
-
-.iconcaiwu:before {
-  content: "\e693";
-}
-
-.iconshezhi1:before {
-  content: "\e696";
-}
-
-.iconhuiyuan11:before {
-  content: "\e691";
-}
-
-.iconwangzhan:before {
-  content: "\e690";
-}
-
-.iconyingyong:before {
-  content: "\e68f";
-}
-
-.iconshezhi:before {
-  content: "\e64b";
-}
-
-.iconshoucang:before {
-  content: "\e8c2";
-}
-
-.iconpaixu:before {
-  content: "\e60d";
-}
-
-.iconpaixu1:before {
-  content: "\e64e";
-}
-
-.iconwenhao:before {
-  content: "\e72d";
-}
-
-.iconshimingrenzheng-xian:before {
-  content: "\e89c";
-}
-
-.iconkaifazheguanli1:before {
-  content: "\e636";
-}
-
-.iconquanbudingdan:before {
-  content: "\e606";
-}
-
-.iconmofang-liangzuoliangyou:before {
-  content: "\e6c5";
-}
-
-.iconmofang-yishangliangxia:before {
-  content: "\e6c6";
-}
-
-.iconmofang-yizuoliangyou:before {
-  content: "\e6c7";
-}
-
-.iconxuanzemoban-yizuosanyou:before {
-  content: "\e6e9";
-}
-
-.iconrequ:before {
-  content: "\e68d";
-}
-
-.iconmofang1:before {
-  content: "\e64d";
-}
-
-.iconxinyongqia:before {
-  content: "\e785";
-}
-
-.iconmendian:before {
-  content: "\e60a";
-}
-
-.iconico_yuyueguanli_yuyuebiangeng:before {
-  content: "\e94a";
-}
-
-.iconsousuo:before {
-  content: "\e8b9";
-}
-
-.icongengduo:before {
-  content: "\e63b";
-}
-
-.icona-02_luxian:before {
-  content: "\e687";
-}
-
-.iconhuiyuanxinxi:before {
-  content: "\e688";
-}
-
-.iconjingdian:before {
-  content: "\e689";
-}
-
-.iconhuiyuandingdan:before {
-  content: "\e68a";
-}
-
-.iconjiudian:before {
-  content: "\e68b";
-}
-
-.iconhellowenbenanli:before {
-  content: "\e68c";
-}
-
-.iconqiehuan:before {
-  content: "\e61e";
-}
-
-.iconxiangyoujiantou:before {
-  content: "\e660";
-}
-
-.iconxiangzuojiantou:before {
-  content: "\e663";
-}
-
-.icondingdan:before {
-  content: "\e61d";
-}
-
-.iconyingyongshichang1:before {
-  content: "\e61c";
-}
-
-.iconyingyongshichang2:before {
-  content: "\e60b";
-}
-
-.iconlingdang-xianxing:before {
-  content: "\e8c0";
-}
-
-.icondianhua:before {
-  content: "\e8c3";
-}
-
-.iconic_manage_assignprop:before {
-  content: "\e60c";
-}
-
-.iconchengshi:before {
-  content: "\ec70";
-}
-
-.icontaocanliebiao:before {
-  content: "\e6b2";
-}
-
-.iconweixin:before {
-  content: "\e647";
-}
-
-.iconhuiyuanguanli:before {
-  content: "\e64c";
-}
-
-.iconhuangjinhuiyuan0101-copy:before {
-  content: "\e621";
-}
-
-.iconhuiyuan1:before {
-  content: "\e644";
-}
-
-.iconqianbao:before {
-  content: "\e6ca";
-}
-
-.iconic_description_file24px:before {
-  content: "\e61a";
-}
-
-.iconzhuangxiu1:before {
-  content: "\e66b";
-}
-
-.icontuikuanjilu:before {
-  content: "\e8cf";
-}
-
-.icongengxinhuancun:before {
-  content: "\e686";
-}
-
-.iconsixingjiance:before {
-  content: "\e645";
-}
-
-.iconzhuceshezhi:before {
-  content: "\e6ad";
-}
-
-.iconmanage-apply:before {
-  content: "\e619";
-}
-
-.iconyingyongguanli:before {
-  content: "\e61f";
-}
-
-.iconkaifazheguanli:before {
-  content: "\e624";
-}
-
-.iconlianmengguanli:before {
-  content: "\e65f";
-}
-
-.icondianzan:before {
-  content: "\ec7f";
-}
-
-.iconh5e:before {
-  content: "\e654";
-}
-
-.iconyingyongshichang:before {
-  content: "\e618";
-}
-
-.icondesktop:before {
-  content: "\e6e8";
-}
-
-.iconzhifubao:before {
-  content: "\e8e4";
-}
-
-.iconyunkongjian:before {
-  content: "\e666";
-}
-
-.iconbankuai:before {
-  content: "\e668";
-}
-
-.iconneirong2:before {
-  content: "\e889";
-}
-
-.icon24gl-userGroup:before {
-  content: "\eb26";
-}
-
-.icon14:before {
-  content: "\e615";
-}
-
-.iconjubao:before {
-  content: "\e611";
-}
-
-.iconbiaoti:before {
-  content: "\e643";
-}
-
-.iconhuiyuanzhongxin:before {
-  content: "\e692";
-}
-
-.iconfuzhukongbai1:before {
-  content: "\e642";
-}
-
-.iconjiantoushang:before {
-  content: "\e600";
-}
-
-.iconloader-line:before {
-  content: "\e601";
-}
-
-.icondelete-line:before {
-  content: "\e602";
-}
-
-.iconjiantouxia:before {
-  content: "\e603";
-}
-
-.iconcopy-line:before {
-  content: "\e605";
-}
-
-.icontuodong:before {
-  content: "\e884";
-}
-
-.iconfuzhushuxian:before {
-  content: "\e6f7";
-}
-
-.iconmofang:before {
-  content: "\e6c4";
-}
-
-.iconshoudongxuanze:before {
-  content: "\e6e1";
-}
-
-.iconyihangsange:before {
-  content: "\e6d5";
-}
-
-.iconyihangsige:before {
-  content: "\e6d6";
-}
-
-.iconyihangliangge:before {
-  content: "\e6e2";
-}
-
-.iconyihang5ge:before {
-  content: "\e6f3";
-}
-
-.icontupianguanggao1:before {
-  content: "\e649";
-}
-
-.icontuwendaohang2:before {
-  content: "\e65d";
-}
-
-.iconwenzhang:before {
-  content: "\e662";
-}
-
-.icongudingzhanshi:before {
-  content: "\e66e";
-}
-
-.icondanhanghuadong:before {
-  content: "\e66f";
-}
-
-.icontuwendaohang3:before {
-  content: "\e670";
-}
-
-.icontudaohang:before {
-  content: "\e671";
-}
-
-.iconfenyehuadong:before {
-  content: "\e673";
-}
-
-.iconwendaohang:before {
-  content: "\e674";
-}
-
-.iconzhuangxiu:before {
-  content: "\e627";
-}
-
-.icondianpuzhuangxiu:before {
-  content: "\e616";
-}
-
-.icondibudaohang:before {
-  content: "\e617";
-}
-
-.iconwangpuzhuangxiu:before {
-  content: "\e881";
-}
-
-.iconweixingongzhonghao1:before {
-  content: "\e705";
-}
-
-.iconweixingongzhonghaoguanli:before {
-  content: "\e609";
-}
-
-.iconxiaochengxu:before {
-  content: "\e635";
-}
-
-.icondenglu:before {
-  content: "\e604";
-}
-
-.iconxiaochengxushezhi:before {
-  content: "\e6b4";
-}
-
-.iconjifen:before {
-  content: "\e70c";
-}
-
-.iconguanbi:before {
-  content: "\e612";
-}
-
-.icondengluzhucemima:before {
-  content: "\e67f";
-}
-
-.iconqiehuanjiaose:before {
-  content: "\e60f";
-}
-
-.iconbanquan:before {
-  content: "\e632";
-}
-
-.iconjifen-xianxing:before {
-  content: "\e897";
-}
-
-.iconhuiyuanliebiao:before {
-  content: "\e62c";
-}
-
-.iconjiaoseyonghu:before {
-  content: "\e648";
-}
-
-.iconyonghu:before {
-  content: "\e65e";
-}
-
-.iconbanquan1:before {
-  content: "\e66d";
-}
-
-.iconweixingongzhonghao:before {
-  content: "\e613";
-}
-
-.iconweixinxiaochengxu:before {
-  content: "\e614";
-}
-
-.icon24gl-code:before {
-  content: "\e9ba";
-}
-
-.icon24gl-portraitMalePlus2:before {
-  content: "\eb25";
-}
-
-.iconyuandaima:before {
-  content: "\e610";
-}
-
-.iconjiaoseguanli:before {
-  content: "\e62d";
-}
-
-.iconjifen1:before {
-  content: "\e641";
-}
-
-.iconbanquan2:before {
-  content: "\e61b";
-}
-
-.iconjianpan:before {
-  content: "\e661";
-}
-
-.icon24gf-playCircle:before {
-  content: "\ea82";
-}
-
-.icontuichuquanping:before {
-  content: "\e755";
-}
-
-.iconfanyi:before {
-  content: "\e6fb";
-}
-
-.iconquanping:before {
-  content: "\eb11";
-}
+    font-family: "iconfont"; /* Project id 3883393 */
+    src: url('//at.alicdn.com/t/c/font_3883393_j1lel8pwx7r.woff2?t=1718420877544') format('woff2'),
+         url('//at.alicdn.com/t/c/font_3883393_j1lel8pwx7r.woff?t=1718420877544') format('woff'),
+         url('//at.alicdn.com/t/c/font_3883393_j1lel8pwx7r.ttf?t=1718420877544') format('truetype');
+  }
+  
+  .iconfont {
+    font-family: "iconfont" !important;
+    font-size: 16px;
+    font-style: normal;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+  
+  .iconmofangpc:before {
+    content: "\e7e6";
+  }
+  
+  .iconjingdianpc:before {
+    content: "\e7e7";
+  }
+  
+  .iconliangzuoliangyoupc:before {
+    content: "\e7e8";
+  }
+  
+  .iconfuzhuxianpc:before {
+    content: "\e7e9";
+  }
+  
+  .iconbiaotipc:before {
+    content: "\e7ea";
+  }
+  
+  .iconkaxiangpc:before {
+    content: "\e7ed";
+  }
+  
+  .iconhuiyuanqiandaopc:before {
+    content: "\e7ee";
+  }
+  
+  .iconfuwenbenpc:before {
+    content: "\e7ef";
+  }
+  
+  .iconfenxiaoshangpinpc:before {
+    content: "\e7f0";
+  }
+  
+  .iconfudonganniupc:before {
+    content: "\e7f1";
+  }
+  
+  .iconhuiyuandengjipc:before {
+    content: "\e7f2";
+  }
+  
+  .icongonggaopc:before {
+    content: "\e7f3";
+  }
+  
+  .iconfuzhukongbaipc:before {
+    content: "\e7f4";
+  }
+  
+  .iconduoshangpinzupc:before {
+    content: "\e7f5";
+  }
+  
+  .iconshouyepc-1:before {
+    content: "\e7f6";
+  }
+  
+  .iconzuoyoutuwenpc:before {
+    content: "\e7f7";
+  }
+  
+  .iconzhongyingwenfanyipc:before {
+    content: "\e7f8";
+  }
+  
+  .iconyunkongjianpc:before {
+    content: "\e7f9";
+  }
+  
+  .iconyouxiapc:before {
+    content: "\e7fa";
+  }
+  
+  .iconzuoshangpc:before {
+    content: "\e7fb";
+  }
+  
+  .iconzuoxiapc:before {
+    content: "\e7fc";
+  }
+  
+  .iconxiaochengxupc:before {
+    content: "\e7fd";
+  }
+  
+  .iconyingxiaopc:before {
+    content: "\e7fe";
+  }
+  
+  .iconyoushangpc:before {
+    content: "\e7ff";
+  }
+  
+  .iconshouquanxinxipc:before {
+    content: "\e800";
+  }
+  
+  .iconxiazaipc-2:before {
+    content: "\e801";
+  }
+  
+  .icontuichuquanpingpc:before {
+    content: "\e802";
+  }
+  
+  .iconhuojianpc:before {
+    content: "\e803";
+  }
+  
+  .iconsousuopc-1:before {
+    content: "\e804";
+  }
+  
+  .iconhuihuapc:before {
+    content: "\e805";
+  }
+  
+  .iconliebiaopc:before {
+    content: "\e806";
+  }
+  
+  .iconxiazaipc-1:before {
+    content: "\e807";
+  }
+  
+  .iconwendangsousuopc:before {
+    content: "\e808";
+  }
+  
+  .iconshoujiapc:before {
+    content: "\e809";
+  }
+  
+  .iconxiazaipc:before {
+    content: "\e80a";
+  }
+  
+  .icontuwendaohangpc1:before {
+    content: "\e80b";
+  }
+  
+  .iconshangpintupianpc:before {
+    content: "\e80c";
+  }
+  
+  .iconjifenshangpinpc1:before {
+    content: "\e80d";
+  }
+  
+  .icontuichudenglupc:before {
+    content: "\e80e";
+  }
+  
+  .iconsousuokuangpc:before {
+    content: "\e80f";
+  }
+  
+  .iconshouyepc:before {
+    content: "\e810";
+  }
+  
+  .iconrilipc:before {
+    content: "\e811";
+  }
+  
+  .iconsousuopc1:before {
+    content: "\e812";
+  }
+  
+  .iconquanpingpc:before {
+    content: "\e813";
+  }
+  
+  .iconnichengpc:before {
+    content: "\e814";
+  }
+  
+  .iconduipc:before {
+    content: "\e815";
+  }
+  
+  .iconhuajiaqianpc:before {
+    content: "\e816";
+  }
+  
+  .iconqiehuanpc:before {
+    content: "\e817";
+  }
+  
+  .iconjianpanpc:before {
+    content: "\e818";
+  }
+  
+  .iconshangxiatuwenpc:before {
+    content: "\e819";
+  }
+  
+  .iconchajianpc:before {
+    content: "\e81a";
+  }
+  
+  .iconditulianxianpc:before {
+    content: "\e81b";
+  }
+  
+  .icongengduopc:before {
+    content: "\e81c";
+  }
+  
+  .iconchazhaopc:before {
+    content: "\e81d";
+  }
+  
+  .iconTpc:before {
+    content: "\e81e";
+  }
+  
+  .iconbofangpc:before {
+    content: "\e81f";
+  }
+  
+  .iconyihang2gepc:before {
+    content: "\e7b4";
+  }
+  
+  .iconyouhuiquanpc:before {
+    content: "\e7b5";
+  }
+  
+  .iconyihang4gepc:before {
+    content: "\e7b6";
+  }
+  
+  .icontianjiapc:before {
+    content: "\e7b7";
+  }
+  
+  .iconyihang4gepc-1:before {
+    content: "\e7b8";
+  }
+  
+  .iconyingyongliebiaopc:before {
+    content: "\e7b9";
+  }
+  
+  .iconwenzidaohangpc:before {
+    content: "\e7ba";
+  }
+  
+  .iconyihang3gepc-1:before {
+    content: "\e7bb";
+  }
+  
+  .iconyizuosanyoupc:before {
+    content: "\e7ce";
+  }
+  
+  .iconyihang2gepc1:before {
+    content: "\e7cf";
+  }
+  
+  .iconyizuoliangyoupc:before {
+    content: "\e7d0";
+  }
+  
+  .iconshengyinpc:before {
+    content: "\e7d1";
+  }
+  
+  .iconyihang3gepc:before {
+    content: "\e7d2";
+  }
+  
+  .icontuwenguanggaopc:before {
+    content: "\e7d3";
+  }
+  
+  .iconjifenpc:before {
+    content: "\e7d4";
+  }
+  
+  .iconyishangliangxiapc:before {
+    content: "\e7d5";
+  }
+  
+  .iconxianlupc:before {
+    content: "\e7d6";
+  }
+  
+  .iconrequpc:before {
+    content: "\e7d7";
+  }
+  
+  .iconshipinpc:before {
+    content: "\e7d8";
+  }
+  
+  .iconwenzhangpc:before {
+    content: "\e7d9";
+  }
+  
+  .icontuwendaohangpc:before {
+    content: "\e7da";
+  }
+  
+  .iconhuodongmofangpc:before {
+    content: "\e7db";
+  }
+  
+  .icontupiandaohangpc:before {
+    content: "\e7dc";
+  }
+  
+  .iconjifenshangpinpc:before {
+    content: "\e7dd";
+  }
+  
+  .icona-Group1003pc:before {
+    content: "\e7de";
+  }
+  
+  .iconshangpinliebiaopc:before {
+    content: "\e7df";
+  }
+  
+  .iconsousuopc:before {
+    content: "\e7e0";
+  }
+  
+  .iconhellowenbenpc:before {
+    content: "\e7e1";
+  }
+  
+  .iconlunbosousuopc:before {
+    content: "\e7e2";
+  }
+  
+  .iconmeiriqiandaopc:before {
+    content: "\e7e3";
+  }
+  
+  .iconjiudianpc:before {
+    content: "\e7e4";
+  }
+  
+  .iconjishizhongxinpc:before {
+    content: "\e7e5";
+  }
+  
+  .icondingdanzhongxinPC-1:before {
+    content: "\e7ac";
+  }
+  
+  .icondingdanzhongxinPC-3:before {
+    content: "\e7ad";
+  }
+  
+  .icondingdanzhongxinPC-2:before {
+    content: "\e7ae";
+  }
+  
+  .icondingdanzhongxinPC:before {
+    content: "\e7af";
+  }
+  
+  .icondakuanshezhi1:before {
+    content: "\e7bc";
+  }
+  
+  .iconxiaoximoban:before {
+    content: "\e7bd";
+  }
+  
+  .iconweiyemian:before {
+    content: "\e7be";
+  }
+  
+  .iconyemianlujing:before {
+    content: "\e7bf";
+  }
+  
+  .iconshujudaochu:before {
+    content: "\e7c0";
+  }
+  
+  .iconzhucedenglu:before {
+    content: "\e7c1";
+  }
+  
+  .iconduanxinshezhi:before {
+    content: "\e7c2";
+  }
+  
+  .iconFrame:before {
+    content: "\e7c3";
+  }
+  
+  .iconzhifushezhi1:before {
+    content: "\e7c4";
+  }
+  
+  .iconduanxinshezhi-1:before {
+    content: "\e7c5";
+  }
+  
+  .iconshujudaochu-1:before {
+    content: "\e7c6";
+  }
+  
+  .iconshujudaochu1:before {
+    content: "\e7c7";
+  }
+  
+  .iconzhifujilu:before {
+    content: "\e7c8";
+  }
+  
+  .iconshoujiduan:before {
+    content: "\e7c9";
+  }
+  
+  .iconxiaoximoban1:before {
+    content: "\e7ca";
+  }
+  
+  .iconduanxinshezhi1:before {
+    content: "\e7cb";
+  }
+  
+  .icondianpucaidan:before {
+    content: "\e7cc";
+  }
+  
+  .icona-Group844:before {
+    content: "\e7cd";
+  }
+  
+  .iconbanquan2:before {
+    content: "\e61b";
+  }
+  
+  .iconjifen1:before {
+    content: "\e641";
+  }
+  
+  .iconyuandaima:before {
+    content: "\e610";
+  }
+  
+  .iconjiaoseguanli:before {
+    content: "\e637";
+  }
+  
+  .iconweixinxiaochengxu:before {
+    content: "\e614";
+  }
+  
+  .iconjiaoseyonghu:before {
+    content: "\e648";
+  }
+  
+  .iconyonghu:before {
+    content: "\e65e";
+  }
+  
+  .iconbanquan1:before {
+    content: "\e66d";
+  }
+  
+  .iconweixingongzhonghao:before {
+    content: "\e613";
+  }
+  
+  .iconbanquan:before {
+    content: "\e632";
+  }
+  
+  .iconjifen-xianxing:before {
+    content: "\e897";
+  }
+  
+  .iconhuiyuanliebiao:before {
+    content: "\e634";
+  }
+  
+  .iconjifen:before {
+    content: "\e70c";
+  }
+  
+  .iconguanbi:before {
+    content: "\e612";
+  }
+  
+  .icondengluzhucemima:before {
+    content: "\e67f";
+  }
+  
+  .iconqiehuanjiaose:before {
+    content: "\e60f";
+  }
+  
+  .iconxiaochengxushezhi:before {
+    content: "\e6b4";
+  }
+  
+  .icondenglu:before {
+    content: "\e604";
+  }
+  
+  .iconweixingongzhonghaoguanli:before {
+    content: "\e609";
+  }
+  
+  .iconweixingongzhonghao1:before {
+    content: "\e705";
+  }
+  
+  .icondibudaohang:before {
+    content: "\e617";
+  }
+  
+  .iconwangpuzhuangxiu:before {
+    content: "\e881";
+  }
+  
+  .iconfenyehuadong:before {
+    content: "\e673";
+  }
+  
+  .iconwendaohang:before {
+    content: "\e674";
+  }
+  
+  .iconzhuangxiu:before {
+    content: "\e62d";
+  }
+  
+  .icondianpuzhuangxiu:before {
+    content: "\e616";
+  }
+  
+  .icontupianguanggao1:before {
+    content: "\e649";
+  }
+  
+  .iconwenzhang:before {
+    content: "\e662";
+  }
+  
+  .icondanhanghuadong:before {
+    content: "\e66f";
+  }
+  
+  .icontudaohang:before {
+    content: "\e671";
+  }
+  
+  .iconfuzhushuxian:before {
+    content: "\e6f7";
+  }
+  
+  .iconmofang:before {
+    content: "\e6c4";
+  }
+  
+  .iconshoudongxuanze:before {
+    content: "\e6e1";
+  }
+  
+  .iconfuzhukongbai1:before {
+    content: "\e642";
+  }
+  
+  .iconyihang5ge:before {
+    content: "\e6f3";
+  }
+  
+  .iconjubao:before {
+    content: "\e611";
+  }
+  
+  .iconhuiyuanzhongxin:before {
+    content: "\e692";
+  }
+  
+  .iconbiaoti:before {
+    content: "\e643";
+  }
+  
+  .iconbankuai:before {
+    content: "\e668";
+  }
+  
+  .iconneirong2:before {
+    content: "\e889";
+  }
+  
+  .icondesktop:before {
+    content: "\e6e8";
+  }
+  
+  .iconzhifubao:before {
+    content: "\e8e4";
+  }
+  
+  .iconyingyongshichang:before {
+    content: "\e618";
+  }
+  
+  .icondianzan:before {
+    content: "\ec7f";
+  }
+  
+  .iconh5e:before {
+    content: "\e654";
+  }
+  
+  .iconkaifazheguanli:before {
+    content: "\e62c";
+  }
+  
+  .iconlianmengguanli:before {
+    content: "\e65f";
+  }
+  
+  .iconyingyongguanli:before {
+    content: "\e61f";
+  }
+  
+  .iconmanage-apply:before {
+    content: "\e619";
+  }
+  
+  .icongengxinhuancun:before {
+    content: "\e686";
+  }
+  
+  .iconsixingjiance:before {
+    content: "\e645";
+  }
+  
+  .iconzhuceshezhi:before {
+    content: "\e6ad";
+  }
+  
+  .icontuikuanjilu:before {
+    content: "\e8cf";
+  }
+  
+  .iconqianbao:before {
+    content: "\e6ca";
+  }
+  
+  .iconic_description_file24px:before {
+    content: "\e61a";
+  }
+  
+  .iconzhuangxiu1:before {
+    content: "\e66b";
+  }
+  
+  .iconhuiyuanguanli:before {
+    content: "\e64c";
+  }
+  
+  .iconhuangjinhuiyuan0101-copy:before {
+    content: "\e621";
+  }
+  
+  .iconhuiyuan1:before {
+    content: "\e644";
+  }
+  
+  .iconweixin:before {
+    content: "\e647";
+  }
+  
+  .icontaocanliebiao:before {
+    content: "\e6b2";
+  }
+  
+  .iconyingyongshichang2:before {
+    content: "\e60b";
+  }
+  
+  .iconyingyongshichang1:before {
+    content: "\e61c";
+  }
+  
+  .iconic_manage_assignprop:before {
+    content: "\e60c";
+  }
+  
+  .iconchengshi:before {
+    content: "\ec70";
+  }
+  
+  .iconhuiyuandingdan:before {
+    content: "\e68a";
+  }
+  
+  .iconjiudian:before {
+    content: "\e68b";
+  }
+  
+  .iconhellowenbenanli:before {
+    content: "\e68c";
+  }
+  
+  .icondingdan:before {
+    content: "\e61d";
+  }
+  
+  .icona-02_luxian:before {
+    content: "\e687";
+  }
+  
+  .iconhuiyuanxinxi:before {
+    content: "\e688";
+  }
+  
+  .iconjingdian:before {
+    content: "\e689";
+  }
+  
+  .iconxinyongqia:before {
+    content: "\e785";
+  }
+  
+  .iconmendian:before {
+    content: "\e60a";
+  }
+  
+  .iconico_yuyueguanli_yuyuebiangeng:before {
+    content: "\e94a";
+  }
+  
+  .iconkaifazheguanli1:before {
+    content: "\e636";
+  }
+  
+  .iconmofang1:before {
+    content: "\e64d";
+  }
+  
+  .iconrequ:before {
+    content: "\e68d";
+  }
+  
+  .iconquanbudingdan:before {
+    content: "\e606";
+  }
+  
+  .iconshimingrenzheng-xian:before {
+    content: "\e89c";
+  }
+  
+  .iconpaixu:before {
+    content: "\e60d";
+  }
+  
+  .iconpaixu1:before {
+    content: "\e64e";
+  }
+  
+  .iconshoucang:before {
+    content: "\e8c2";
+  }
+  
+  .iconshezhi:before {
+    content: "\e64b";
+  }
+  
+  .iconhuiyuan11:before {
+    content: "\e691";
+  }
+  
+  .iconwangzhan:before {
+    content: "\e690";
+  }
+  
+  .iconyingyong:before {
+    content: "\e68f";
+  }
+  
+  .iconqudaoguanli:before {
+    content: "\e695";
+  }
+  
+  .iconshichangwuliaozhichi:before {
+    content: "\e694";
+  }
+  
+  .iconcaiwu:before {
+    content: "\e693";
+  }
+  
+  .iconxianxiazhifu2:before {
+    content: "\e69a";
+  }
+  
+  .iconhuiyuantixian:before {
+    content: "\e69b";
+  }
+  
+  .iconcode:before {
+    content: "\e620";
+  }
+  
+  .iconcaidan:before {
+    content: "\e652";
+  }
+  
+  .iconwangzhan1:before {
+    content: "\e69d";
+  }
+  
+  .iconyingyongshichang11:before {
+    content: "\e697";
+  }
+  
+  .iconcaiwuliushui:before {
+    content: "\e698";
+  }
+  
+  .iconhuiyuanliebiao1:before {
+    content: "\e69c";
+  }
+  
+  .iconyun-line:before {
+    content: "\e622";
+  }
+  
+  .iconyingyongshichang-:before {
+    content: "\e607";
+  }
+  
+  .iconguanzhu:before {
+    content: "\e739";
+  }
+  
+  .iconlishijilu:before {
+    content: "\f1e2";
+  }
+  
+  .icona-huaban1fuben25:before {
+    content: "\e608";
+  }
+  
+  .iconyun:before {
+    content: "\e69e";
+  }
+  
+  .icongaikuang:before {
+    content: "\e623";
+  }
+  
+  .iconwenzhangguanli:before {
+    content: "\e6b0";
+  }
+  
+  .iconhuiyuan2:before {
+    content: "\e6b1";
+  }
+  
+  .iconhuiyuanyue:before {
+    content: "\e69f";
+  }
+  
+  .iconxiaoxiguanli:before {
+    content: "\e6a1";
+  }
+  
+  .iconwodexingbiao:before {
+    content: "\e6a0";
+  }
+  
+  .iconzhifuguanli:before {
+    content: "\e6af";
+  }
+  
+  .iconqudaoguanli1:before {
+    content: "\e6aa";
+  }
+  
+  .iconquanxianguanli:before {
+    content: "\e6a6";
+  }
+  
+  .iconsucaiguanli:before {
+    content: "\e6a7";
+  }
+  
+  .icona-shouyediannao:before {
+    content: "\e6a5";
+  }
+  
+  .iconhuanjingjiance:before {
+    content: "\e6a2";
+  }
+  
+  .iconjihuarenwu:before {
+    content: "\e6a3";
+  }
+  
+  .iconchakanlishi:before {
+    content: "\e6a8";
+  }
+  
+  .icongengxinhuancun1:before {
+    content: "\e6ac";
+  }
+  
+  .iconhuiyuanbiaoqian:before {
+    content: "\e6a4";
+  }
+  
+  .iconhuiyuanjifen:before {
+    content: "\e6ab";
+  }
+  
+  .iconhuiyuanyongjin:before {
+    content: "\e6a9";
+  }
+  
+  .icondaimashengcheng:before {
+    content: "\e6ae";
+  }
+  
+  .iconchajiankaifa:before {
+    content: "\e6b3";
+  }
+  
+  .iconyunshichang:before {
+    content: "\e6b5";
+  }
+  
+  .iconnav-market:before {
+    content: "\e60e";
+  }
+  
+  .iconwenzhangguanli1:before {
+    content: "\e6bc";
+  }
+  
+  .iconkaxiangdingdan:before {
+    content: "\e6b9";
+  }
+  
+  .iconlvyouchanpin:before {
+    content: "\e6ba";
+  }
+  
+  .iconlvyoudingdan:before {
+    content: "\e6bb";
+  }
+  
+  .icongaikuang1:before {
+    content: "\e6b7";
+  }
+  
+  .iconkaxiangchanpin:before {
+    content: "\e6b6";
+  }
+  
+  .iconchongzhidingdan:before {
+    content: "\e6b8";
+  }
+  
+  .iconqiehuan1:before {
+    content: "\e627";
+  }
+  
+  .iconyingyong1:before {
+    content: "\e6bf";
+  }
+  
+  .iconzhuangxiu2:before {
+    content: "\e6bd";
+  }
+  
+  .iconzhuangxiu21:before {
+    content: "\e6be";
+  }
+  
+  .iconfenlei:before {
+    content: "\e6c3";
+  }
+  
+  .iconqiehuan2:before {
+    content: "\e6c0";
+  }
+  
+  .iconqudaoguanli2:before {
+    content: "\e6c1";
+  }
+  
+  .iconguanfangshichang:before {
+    content: "\e6c2";
+  }
+  
+  .iconjiantou_xiangzuoliangci_o:before {
+    content: "\eb93";
+  }
+  
+  .iconshouye:before {
+    content: "\e675";
+  }
+  
+  .iconshouye-shouye:before {
+    content: "\e638";
+  }
+  
+  .icondian:before {
+    content: "\ec1e";
+  }
+  
+  .iconchajian1:before {
+    content: "\e679";
+  }
+  
+  .iconanzhuang:before {
+    content: "\e676";
+  }
+  
+  .iconicon_huojian:before {
+    content: "\e677";
+  }
+  
+  .iconjiantou:before {
+    content: "\e67a";
+  }
+  
+  .iconyuanquan_huaban1:before {
+    content: "\e66c";
+  }
+  
+  .iconzhankai:before {
+    content: "\e67b";
+  }
+  
+  .iconyun1:before {
+    content: "\e67e";
+  }
+  
+  .iconshangpinguanli:before {
+    content: "\e67c";
+  }
+  
+  .iconshangpinliebiao:before {
+    content: "\e628";
+  }
+  
+  .icongouwuche1:before {
+    content: "\e680";
+  }
+  
+  .icongonggao:before {
+    content: "\e629";
+  }
+  
+  .iconshangpinpinglun:before {
+    content: "\e6d3";
+  }
+  
+  .iconshangpinfuwu:before {
+    content: "\e6d4";
+  }
+  
+  .iconxiangmufenlei:before {
+    content: "\e6d0";
+  }
+  
+  .iconwuliugenzong:before {
+    content: "\e6d1";
+  }
+  
+  .iconshangpinbiaoqian:before {
+    content: "\e6d2";
+  }
+  
+  .icontuikuanweiquan:before {
+    content: "\e6ce";
+  }
+  
+  .iconyingxiaozhongxin:before {
+    content: "\e6cf";
+  }
+  
+  .iconjishiguanli:before {
+    content: "\e684";
+  }
+  
+  .iconxiangmuguanli:before {
+    content: "\e6cc";
+  }
+  
+  .iconyouhuiquan:before {
+    content: "\e6cd";
+  }
+  
+  .iconpaisongshezhi:before {
+    content: "\e685";
+  }
+  
+  .iconyuyueshezhi:before {
+    content: "\e6cb";
+  }
+  
+  .iconyuyuexiangmu:before {
+    content: "\e68e";
+  }
+  
+  .iconshangpinpinpai:before {
+    content: "\e6c9";
+  }
+  
+  .icona-dingdanliebiao:before {
+    content: "\e6e7";
+  }
+  
+  .iconjiaoyishezhi:before {
+    content: "\e6e4";
+  }
+  
+  .icondingdanhexiao:before {
+    content: "\e6e5";
+  }
+  
+  .icondingdanweiquan:before {
+    content: "\e6e6";
+  }
+  
+  .iconjiudiandingdan:before {
+    content: "\e6df";
+  }
+  
+  .iconjingdianguanli:before {
+    content: "\e6e0";
+  }
+  
+  .icondingdanshezhi:before {
+    content: "\e6e3";
+  }
+  
+  .iconluxianguanli:before {
+    content: "\e6db";
+  }
+  
+  .iconjiudianguanli:before {
+    content: "\e6dc";
+  }
+  
+  .iconshangjiadizhiku:before {
+    content: "\e6dd";
+  }
+  
+  .iconkaxiangguanli:before {
+    content: "\e6de";
+  }
+  
+  .iconhuishouzhan:before {
+    content: "\e6d7";
+  }
+  
+  .iconshangpinliebiao1:before {
+    content: "\e6d8";
+  }
+  
+  .iconshangpinfenlei:before {
+    content: "\e6d9";
+  }
+  
+  .iconfenleishezhi:before {
+    content: "\e6da";
+  }
+  
+  .iconfapiaoguanli:before {
+    content: "\e683";
+  }
+  
+  .iconjingdiandingdan:before {
+    content: "\e6ea";
+  }
+  
+  .iconluxiandingdan:before {
+    content: "\e6eb";
+  }
+  
+  .iconqiehuan3:before {
+    content: "\e6ec";
+  }
+  
+  .iconshangchengshezhi:before {
+    content: "\e6ee";
+  }
+  
+  .iconjichushezhi:before {
+    content: "\e6ed";
+  }
+  
+  .iconjishuzhichi:before {
+    content: "\e6f1";
+  }
+  
+  .iconjiagebanben:before {
+    content: "\e6f0";
+  }
+  
+  .icona-shangbiao2:before {
+    content: "\e64f";
+  }
+  
+  .iconkaifashangzhongxin:before {
+    content: "\e6fa";
+  }
+  
+  .iconts-tubiao_CertificateServer:before {
+    content: "\e62b";
+  }
+  
+  .iconwodeshouquan:before {
+    content: "\e6f6";
+  }
+  
+  .iconwodezhanghu:before {
+    content: "\e6f8";
+  }
+  
+  .iconshimingrenzheng:before {
+    content: "\e6f9";
+  }
+  
+  .iconwodedingdan:before {
+    content: "\e6f2";
+  }
+  
+  .icongerenxinxi:before {
+    content: "\e6f4";
+  }
+  
+  .iconwodezhandian:before {
+    content: "\e6f5";
+  }
+  
+  .icontishi:before {
+    content: "\e6fc";
+  }
+  
+  .iconshouquanliebiao:before {
+    content: "\e6fd";
+  }
+  
+  .iconhuojian:before {
+    content: "\e6ff";
+  }
+  
+  .iconrili1:before {
+    content: "\e62e";
+  }
+  
+  .iconmap-link:before {
+    content: "\ea01";
+  }
+  
+  .iconbanbenqiehuan:before {
+    content: "\e792";
+  }
+  
+  .iconjishi:before {
+    content: "\e749";
+  }
+  
+  .iconicon_congzuodaoyou:before {
+    content: "\e7eb";
+  }
+  
+  .iconicon_congshangdaoxia:before {
+    content: "\e7ec";
+  }
+  
+  .iconhengxianghuadong:before {
+    content: "\e63e";
+  }
+  
+  .iconico:before {
+    content: "\e63f";
+  }
+  
+  .iconxiaochengxu1:before {
+    content: "\e631";
+  }
+  
+  .icontransferout-copy:before {
+    content: "\ecad";
+  }
+  
+  .iconguanwang:before {
+    content: "\e704";
+  }
+  
+  .icontransferout:before {
+    content: "\e651";
+  }
+  
+  .iconshuiqijiaoliu:before {
+    content: "\e67d";
+  }
+  
+  .icontuikuantuihuo:before {
+    content: "\e639";
+  }
+  
+  .iconhome:before {
+    content: "\e633";
+  }
+  
+  .icontuihuobaozhang:before {
+    content: "\e653";
+  }
+  
+  .iconguahao:before {
+    content: "\e66a";
+  }
+  
+  .icondaifukuan:before {
+    content: "\e672";
+  }
+  
+  .iconhuiyuan12:before {
+    content: "\e70b";
+  }
+  
+  .iconerweima:before {
+    content: "\e70d";
+  }
+  
+  .iconshangjiantou:before {
+    content: "\e678";
+  }
+  
+  .iconwenzhanglanmu1:before {
+    content: "\e722";
+  }
+  
+  .iconliushui1:before {
+    content: "\e723";
+  }
+  
+  .iconwenzhangliebiao1:before {
+    content: "\e71f";
+  }
+  
+  .iconyouqinglianjie1:before {
+    content: "\e720";
+  }
+  
+  .icondianpuliebiao1:before {
+    content: "\e721";
+  }
+  
+  .iconhuiyuantixian1:before {
+    content: "\e71c";
+  }
+  
+  .icondianputixian1:before {
+    content: "\e71d";
+  }
+  
+  .icondianpushenqing1:before {
+    content: "\e71e";
+  }
+  
+  .iconhuiyuanyongjin1:before {
+    content: "\e71a";
+  }
+  
+  .iconshouyelouceng1:before {
+    content: "\e71b";
+  }
+  
+  .icondianputaocan1:before {
+    content: "\e717";
+  }
+  
+  .icondianpuyonghu1:before {
+    content: "\e718";
+  }
+  
+  .iconhuiyuanyue1:before {
+    content: "\e719";
+  }
+  
+  .icondianpufenlei1:before {
+    content: "\e714";
+  }
+  
+  .iconjiesuanjilu1:before {
+    content: "\e715";
+  }
+  
+  .icona-Rectangle106:before {
+    content: "\e7a8";
+  }
+  
+  .icona-Polygon13:before {
+    content: "\e7a9";
+  }
+  
+  .iconUnion-7:before {
+    content: "\e77e";
+  }
+  
+  .iconUnion-6:before {
+    content: "\e78a";
+  }
+  
+  .icona-Polygon17Stroke:before {
+    content: "\e7a7";
+  }
+  
+  .iconUnion-8:before {
+    content: "\e79a";
+  }
+  
+  .iconUnion-2:before {
+    content: "\e79b";
+  }
+  
+  .iconUnion-4:before {
+    content: "\e79d";
+  }
+  
+  .iconUnion-5:before {
+    content: "\e79e";
+  }
+  
+  .iconUnion:before {
+    content: "\e7a0";
+  }
+  
+  .icona-Star6Stroke:before {
+    content: "\e7a1";
+  }
+  
+  .icona-Star5Stroke:before {
+    content: "\e7a2";
+  }
+  
+  .iconUnion-1:before {
+    content: "\e7a3";
+  }
+  
+  .icona-SubtractStroke:before {
+    content: "\e7a4";
+  }
+  
+  .iconUnion-3:before {
+    content: "\e7a5";
+  }
+  
+  .iconxiajiantou:before {
+    content: "\e681";
+  }
+  
+  .iconriqi:before {
+    content: "\e657";
+  }
+  
+  .icontuikuan:before {
+    content: "\e75e";
+  }
+  
+  .icongouwu:before {
+    content: "\e65a";
+  }
+  
+  .icondaishouhuo:before {
+    content: "\e65c";
+  }
+  
+  .icondaifahuo:before {
+    content: "\e669";
+  }
+  
+  .icona-Polygon10:before {
+    content: "\e7a6";
+  }
+  
+  .iconkaifashezhi:before {
+    content: "\e6ef";
+  }
+  
+  .iconzhifushezhi:before {
+    content: "\e625";
+  }
+  
+  .icondakuanshezhi:before {
+    content: "\e624";
+  }
+  
+  .iconVector-43:before {
+    content: "\e772";
+  }
+  
+  .iconVector-22:before {
+    content: "\e773";
+  }
+  
+  .iconVector-30:before {
+    content: "\e774";
+  }
+  
+  .iconVector-36:before {
+    content: "\e775";
+  }
+  
+  .iconVector-42:before {
+    content: "\e776";
+  }
+  
+  .iconVector-35:before {
+    content: "\e777";
+  }
+  
+  .iconVector-20:before {
+    content: "\e778";
+  }
+  
+  .iconVector-25:before {
+    content: "\e779";
+  }
+  
+  .iconVector-31:before {
+    content: "\e77a";
+  }
+  
+  .iconVector-28:before {
+    content: "\e77b";
+  }
+  
+  .iconVector-34:before {
+    content: "\e77c";
+  }
+  
+  .iconVector-24:before {
+    content: "\e77d";
+  }
+  
+  .iconVector-17:before {
+    content: "\e77f";
+  }
+  
+  .iconVector-27:before {
+    content: "\e780";
+  }
+  
+  .iconVector-6:before {
+    content: "\e781";
+  }
+  
+  .iconVector-26:before {
+    content: "\e782";
+  }
+  
+  .iconVector-15:before {
+    content: "\e783";
+  }
+  
+  .iconVector-21:before {
+    content: "\e784";
+  }
+  
+  .iconVector-11:before {
+    content: "\e786";
+  }
+  
+  .iconVector-5:before {
+    content: "\e787";
+  }
+  
+  .iconVector-19:before {
+    content: "\e788";
+  }
+  
+  .iconVector-23:before {
+    content: "\e789";
+  }
+  
+  .iconVector-16:before {
+    content: "\e78b";
+  }
+  
+  .iconVector-14:before {
+    content: "\e78c";
+  }
+  
+  .iconVector-8:before {
+    content: "\e78d";
+  }
+  
+  .iconVector-13:before {
+    content: "\e78e";
+  }
+  
+  .iconVector-12:before {
+    content: "\e78f";
+  }
+  
+  .iconVector-18:before {
+    content: "\e790";
+  }
+  
+  .icona-9:before {
+    content: "\e791";
+  }
+  
+  .iconVector-1:before {
+    content: "\e793";
+  }
+  
+  .iconVector-7:before {
+    content: "\e794";
+  }
+  
+  .iconVector-2:before {
+    content: "\e795";
+  }
+  
+  .iconVector-9:before {
+    content: "\e796";
+  }
+  
+  .iconVector:before {
+    content: "\e797";
+  }
+  
+  .iconVector-10:before {
+    content: "\e798";
+  }
+  
+  .iconVector-3:before {
+    content: "\e799";
+  }
+  
+  .iconVector-4:before {
+    content: "\e79c";
+  }
+  
+  .icona-Vector1Stroke:before {
+    content: "\e79f";
+  }
+  
+  .iconq96:before {
+    content: "\e7aa";
+  }
+  
+  .icona-Vector3Stroke-copy-copy:before {
+    content: "\e7ab";
+  }
+  
+  .iconVector-104:before {
+    content: "\e724";
+  }
+  
+  .iconVector-105:before {
+    content: "\e725";
+  }
+  
+  .iconVector-108:before {
+    content: "\e726";
+  }
+  
+  .iconVector-107:before {
+    content: "\e727";
+  }
+  
+  .iconVector-106:before {
+    content: "\e728";
+  }
+  
+  .iconVector-97:before {
+    content: "\e729";
+  }
+  
+  .iconVector-102:before {
+    content: "\e72a";
+  }
+  
+  .iconVector-103:before {
+    content: "\e72b";
+  }
+  
+  .iconVector-101:before {
+    content: "\e72c";
+  }
+  
+  .iconVector-92:before {
+    content: "\e72e";
+  }
+  
+  .iconVector-90:before {
+    content: "\e72f";
+  }
+  
+  .iconVector-98:before {
+    content: "\e730";
+  }
+  
+  .iconVector-99:before {
+    content: "\e731";
+  }
+  
+  .iconVector-100:before {
+    content: "\e732";
+  }
+  
+  .iconVector-95:before {
+    content: "\e733";
+  }
+  
+  .iconVector-96:before {
+    content: "\e734";
+  }
+  
+  .iconVector-94:before {
+    content: "\e735";
+  }
+  
+  .iconVector-91:before {
+    content: "\e736";
+  }
+  
+  .iconVector-93:before {
+    content: "\e737";
+  }
+  
+  .iconVector-89:before {
+    content: "\e738";
+  }
+  
+  .iconVector-84:before {
+    content: "\e73a";
+  }
+  
+  .iconVector-83:before {
+    content: "\e73b";
+  }
+  
+  .iconVector-88:before {
+    content: "\e73c";
+  }
+  
+  .iconVector-82:before {
+    content: "\e73d";
+  }
+  
+  .iconVector-86:before {
+    content: "\e73e";
+  }
+  
+  .iconVector-74:before {
+    content: "\e73f";
+  }
+  
+  .iconVector-81:before {
+    content: "\e740";
+  }
+  
+  .iconVector-85:before {
+    content: "\e741";
+  }
+  
+  .iconVector-87:before {
+    content: "\e742";
+  }
+  
+  .iconVector-77:before {
+    content: "\e743";
+  }
+  
+  .iconVector-79:before {
+    content: "\e744";
+  }
+  
+  .iconVector-80:before {
+    content: "\e745";
+  }
+  
+  .iconVector-75:before {
+    content: "\e746";
+  }
+  
+  .iconVector-72:before {
+    content: "\e747";
+  }
+  
+  .iconVector-71:before {
+    content: "\e748";
+  }
+  
+  .iconVector-76:before {
+    content: "\e74a";
+  }
+  
+  .iconVector-73:before {
+    content: "\e74b";
+  }
+  
+  .iconVector-78:before {
+    content: "\e74c";
+  }
+  
+  .iconVector-67:before {
+    content: "\e74d";
+  }
+  
+  .iconVector-59:before {
+    content: "\e74e";
+  }
+  
+  .iconVector-60:before {
+    content: "\e74f";
+  }
+  
+  .iconVector-69:before {
+    content: "\e750";
+  }
+  
+  .iconVector-58:before {
+    content: "\e751";
+  }
+  
+  .iconVector-70:before {
+    content: "\e752";
+  }
+  
+  .iconVector-54:before {
+    content: "\e753";
+  }
+  
+  .iconVector-68:before {
+    content: "\e754";
+  }
+  
+  .iconVector-65:before {
+    content: "\e756";
+  }
+  
+  .iconVector-57:before {
+    content: "\e757";
+  }
+  
+  .iconVector-64:before {
+    content: "\e758";
+  }
+  
+  .iconVector-61:before {
+    content: "\e759";
+  }
+  
+  .iconVector-63:before {
+    content: "\e75a";
+  }
+  
+  .iconVector-38:before {
+    content: "\e75b";
+  }
+  
+  .iconVector-49:before {
+    content: "\e75c";
+  }
+  
+  .iconVector-66:before {
+    content: "\e75d";
+  }
+  
+  .iconVector-53:before {
+    content: "\e75f";
+  }
+  
+  .iconVector-62:before {
+    content: "\e760";
+  }
+  
+  .iconVector-46:before {
+    content: "\e761";
+  }
+  
+  .iconVector-55:before {
+    content: "\e762";
+  }
+  
+  .iconVector-56:before {
+    content: "\e763";
+  }
+  
+  .iconVector-37:before {
+    content: "\e764";
+  }
+  
+  .iconVector-51:before {
+    content: "\e765";
+  }
+  
+  .iconVector-52:before {
+    content: "\e766";
+  }
+  
+  .iconVector-50:before {
+    content: "\e767";
+  }
+  
+  .iconVector-29:before {
+    content: "\e768";
+  }
+  
+  .iconVector-47:before {
+    content: "\e769";
+  }
+  
+  .iconVector-48:before {
+    content: "\e76a";
+  }
+  
+  .iconVector-45:before {
+    content: "\e76b";
+  }
+  
+  .iconVector-39:before {
+    content: "\e76c";
+  }
+  
+  .iconVector-32:before {
+    content: "\e76d";
+  }
+  
+  .iconVector-44:before {
+    content: "\e76e";
+  }
+  
+  .iconVector-41:before {
+    content: "\e76f";
+  }
+  
+  .iconVector-40:before {
+    content: "\e770";
+  }
+  
+  .iconVector-33:before {
+    content: "\e771";
+  }
+  
+  .iconshouye1:before {
+    content: "\e716";
+  }
+  
+  .iconjifenshangpin:before {
+    content: "\e707";
+  }
+  
+  .iconnicheng1:before {
+    content: "\e708";
+  }
+  
+  .iconhuihua1:before {
+    content: "\e709";
+  }
+  
+  .icongeren:before {
+    content: "\e70a";
+  }
+  
+  .iconhuajiaqian:before {
+    content: "\e70e";
+  }
+  
+  .iconshoujia:before {
+    content: "\e70f";
+  }
+  
+  .iconshangpintupian:before {
+    content: "\e710";
+  }
+  
+  .icontupian1:before {
+    content: "\e711";
+  }
+  
+  .iconjinbi:before {
+    content: "\e712";
+  }
+  
+  .iconhuangguan:before {
+    content: "\e713";
+  }
+  
+  .icona-Group13:before {
+    content: "\e712";
+  }
+  
+  .iconyingxiao:before {
+    content: "\e706";
+  }
+  
+  .iconxiazai19:before {
+    content: "\e682";
+  }
+  
+  .icon31yiguanzhudianpu:before {
+    content: "\e656";
+  }
+  
+  .icon31huidaodingbu:before {
+    content: "\e658";
+  }
+  
+  .iconbianji:before {
+    content: "\e659";
+  }
+  
+  .icon31daifahuo:before {
+    content: "\e634";
+  }
+  
+  .icon31daifukuan:before {
+    content: "\e637";
+  }
+  
+  .icon31dianhua:before {
+    content: "\e63c";
+  }
+  
+  .iconxingzhuang-wenzi:before {
+    content: "\eb99";
+  }
+  
+  .iconshipin1:before {
+    content: "\e63a";
+  }
+  
+  .icontupian:before {
+    content: "\e667";
+  }
+  
+  .iconfenxiang:before {
+    content: "\e655";
+  }
+  
+  .iconkaifazujian:before {
+    content: "\e640";
+  }
+  
+  .iconzuoshangjiao:before {
+    content: "\e700";
+  }
+  
+  .iconyoushangjiao:before {
+    content: "\e701";
+  }
+  
+  .iconyouxiajiao:before {
+    content: "\e702";
+  }
+  
+  .iconzuoxiajiao:before {
+    content: "\e703";
+  }
+  
+  .iconfudonganniu1:before {
+    content: "\e630";
+  }
+  
+  .iconshangpinliebiaohengxianghuadong:before {
+    content: "\e926";
+  }
+  
+  .iconduoshangpinzu:before {
+    content: "\e650";
+  }
+  
+  .iconsousuokuang:before {
+    content: "\e65b";
+  }
+  
+  .iconmap-connect:before {
+    content: "\ea02";
+  }
+  
+  .iconfuwenben1:before {
+    content: "\e62f";
+  }
+  
+  .iconfuzhuxian1:before {
+    content: "\e646";
+  }
+  
+  .iconyouhuiquan1:before {
+    content: "\e665";
+  }
+  
+  .icontuichudenglu:before {
+    content: "\e64a";
+  }
+  
+  .iconicon_huojian1:before {
+    content: "\e6fe";
+  }
+  
+  .iconrili:before {
+    content: "\e664";
+  }
+  
+  .iconxiugai:before {
+    content: "\e62a";
+  }
+  
+  .iconxiazai01:before {
+    content: "\ea38";
+  }
+  
+  .icongouwuche:before {
+    content: "\e6c8";
+  }
+  
+  .iconicon-selected:before {
+    content: "\e626";
+  }
+  
+  .iconshouquanxinxi2:before {
+    content: "\e699";
+  }
+  
+  .iconshezhi1:before {
+    content: "\e696";
+  }
+  
+  .iconwenhao:before {
+    content: "\e72d";
+  }
+  
+  .iconmofang-liangzuoliangyou:before {
+    content: "\e6c5";
+  }
+  
+  .iconmofang-yishangliangxia:before {
+    content: "\e6c6";
+  }
+  
+  .iconmofang-yizuoliangyou:before {
+    content: "\e6c7";
+  }
+  
+  .iconxuanzemoban-yizuosanyou:before {
+    content: "\e6e9";
+  }
+  
+  .iconsousuo:before {
+    content: "\e8b9";
+  }
+  
+  .icongengduo:before {
+    content: "\e63b";
+  }
+  
+  .iconqiehuan:before {
+    content: "\e61e";
+  }
+  
+  .iconxiangyoujiantou:before {
+    content: "\e660";
+  }
+  
+  .iconxiangzuojiantou:before {
+    content: "\e663";
+  }
+  
+  .iconlingdang-xianxing:before {
+    content: "\e8c0";
+  }
+  
+  .icondianhua:before {
+    content: "\e8c3";
+  }
+  
+  .iconyunkongjian:before {
+    content: "\e666";
+  }
+  
+  .iconjiantoushang:before {
+    content: "\e600";
+  }
+  
+  .iconloader-line:before {
+    content: "\e601";
+  }
+  
+  .icondelete-line:before {
+    content: "\e602";
+  }
+  
+  .iconjiantouxia:before {
+    content: "\e603";
+  }
+  
+  .iconcopy-line:before {
+    content: "\e605";
+  }
+  
+  .icontuodong:before {
+    content: "\e884";
+  }
+  
+  .iconyihangsange:before {
+    content: "\e6d5";
+  }
+  
+  .iconyihangsige:before {
+    content: "\e6d6";
+  }
+  
+  .iconyihangliangge:before {
+    content: "\e6e2";
+  }
+  
+  .icontuwendaohang2:before {
+    content: "\e65d";
+  }
+  
+  .icongudingzhanshi:before {
+    content: "\e66e";
+  }
+  
+  .icontuwendaohang3:before {
+    content: "\e670";
+  }
+  
+  .iconxiaochengxu:before {
+    content: "\e635";
+  }
+  
+  .iconjianpan:before {
+    content: "\e661";
+  }
+  
+  .icon24gf-playCircle:before {
+    content: "\ea82";
+  }
+  
+  .icontuichuquanping:before {
+    content: "\e755";
+  }
+  
+  .iconfanyi:before {
+    content: "\e6fb";
+  }
+  
+  .iconquanping:before {
+    content: "\eb11";
+  }
+  
\ No newline at end of file
diff --git a/admin/src/styles/icon/iconfont.json b/admin/src/styles/icon/iconfont.json
deleted file mode 100644
index f5ae15ba3..000000000
--- a/admin/src/styles/icon/iconfont.json
+++ /dev/null
@@ -1,2207 +0,0 @@
-{
-  "id": "3883393",
-  "name": "系统",
-  "font_family": "iconfont",
-  "css_prefix_text": "icon",
-  "description": "系统图标",
-  "glyphs": [
-    {
-      "icon_id": "40268072",
-      "name": "积分商品",
-      "font_class": "jifenshangpin",
-      "unicode": "e707",
-      "unicode_decimal": 59143
-    },
-    {
-      "icon_id": "40266595",
-      "name": "昵称",
-      "font_class": "nicheng1",
-      "unicode": "e708",
-      "unicode_decimal": 59144
-    },
-    {
-      "icon_id": "8361787",
-      "name": "绘画",
-      "font_class": "huihua1",
-      "unicode": "e709",
-      "unicode_decimal": 59145
-    },
-    {
-      "icon_id": "8361772",
-      "name": "个人3",
-      "font_class": "geren",
-      "unicode": "e70a",
-      "unicode_decimal": 59146
-    },
-    {
-      "icon_id": "8361774",
-      "name": "会员",
-      "font_class": "huiyuan12",
-      "unicode": "e70b",
-      "unicode_decimal": 59147
-    },
-    {
-      "icon_id": "8361765",
-      "name": "二维码",
-      "font_class": "erweima",
-      "unicode": "e70d",
-      "unicode_decimal": 59149
-    },
-    {
-      "icon_id": "40266986",
-      "name": "划价签",
-      "font_class": "huajiaqian",
-      "unicode": "e70e",
-      "unicode_decimal": 59150
-    },
-    {
-      "icon_id": "40267219",
-      "name": "售价",
-      "font_class": "shoujia",
-      "unicode": "e70f",
-      "unicode_decimal": 59151
-    },
-    {
-      "icon_id": "40267446",
-      "name": "商品图片",
-      "font_class": "shangpintupian",
-      "unicode": "e710",
-      "unicode_decimal": 59152
-    },
-    {
-      "icon_id": "639372",
-      "name": "图片",
-      "font_class": "tupian1",
-      "unicode": "e711",
-      "unicode_decimal": 59153
-    },
-    {
-      "icon_id": "8361802",
-      "name": "金币",
-      "font_class": "jinbi",
-      "unicode": "e712",
-      "unicode_decimal": 59154
-    },
-    {
-      "icon_id": "8361785",
-      "name": "皇冠2",
-      "font_class": "huangguan",
-      "unicode": "e713",
-      "unicode_decimal": 59155
-    },
-    {
-      "icon_id": "40262026",
-      "name": "Group 13",
-      "font_class": "a-Group13",
-      "unicode": "e712",
-      "unicode_decimal": 59154
-    },
-    {
-      "icon_id": "5389828",
-      "name": "营销",
-      "font_class": "yingxiao",
-      "unicode": "e706",
-      "unicode_decimal": 59142
-    },
-    {
-      "icon_id": "720977",
-      "name": "坐标",
-      "font_class": "xiazai19",
-      "unicode": "e682",
-      "unicode_decimal": 59010
-    },
-    {
-      "icon_id": "1718351",
-      "name": "上箭头",
-      "font_class": "shangjiantou",
-      "unicode": "e678",
-      "unicode_decimal": 59000
-    },
-    {
-      "icon_id": "1718353",
-      "name": "下箭头",
-      "font_class": "xiajiantou",
-      "unicode": "e681",
-      "unicode_decimal": 59009
-    },
-    {
-      "icon_id": "5287753",
-      "name": "日期",
-      "font_class": "riqi",
-      "unicode": "e657",
-      "unicode_decimal": 58967
-    },
-    {
-      "icon_id": "26779921",
-      "name": "退款",
-      "font_class": "tuikuan",
-      "unicode": "e75e",
-      "unicode_decimal": 59230
-    },
-    {
-      "icon_id": "37128747",
-      "name": "购物",
-      "font_class": "gouwu",
-      "unicode": "e65a",
-      "unicode_decimal": 58970
-    },
-    {
-      "icon_id": "37128750",
-      "name": "待收货",
-      "font_class": "daishouhuo",
-      "unicode": "e65c",
-      "unicode_decimal": 58972
-    },
-    {
-      "icon_id": "37128751",
-      "name": "待发货",
-      "font_class": "daifahuo",
-      "unicode": "e669",
-      "unicode_decimal": 58985
-    },
-    {
-      "icon_id": "37128753",
-      "name": "挂号",
-      "font_class": "guahao",
-      "unicode": "e66a",
-      "unicode_decimal": 58986
-    },
-    {
-      "icon_id": "37128754",
-      "name": "待付款",
-      "font_class": "daifukuan",
-      "unicode": "e672",
-      "unicode_decimal": 58994
-    },
-    {
-      "icon_id": "200868",
-      "name": "3.1已关注店铺",
-      "font_class": "31yiguanzhudianpu",
-      "unicode": "e656",
-      "unicode_decimal": 58966
-    },
-    {
-      "icon_id": "201583",
-      "name": "3.1回到顶部",
-      "font_class": "31huidaodingbu",
-      "unicode": "e658",
-      "unicode_decimal": 58968
-    },
-    {
-      "icon_id": "201638",
-      "name": "编辑",
-      "font_class": "bianji",
-      "unicode": "e659",
-      "unicode_decimal": 58969
-    },
-    {
-      "icon_id": "104881",
-      "name": "退货保障",
-      "font_class": "tuihuobaozhang",
-      "unicode": "e653",
-      "unicode_decimal": 58963
-    },
-    {
-      "icon_id": "160001",
-      "name": "home",
-      "font_class": "home",
-      "unicode": "e633",
-      "unicode_decimal": 58931
-    },
-    {
-      "icon_id": "201095",
-      "name": "3.1待发货",
-      "font_class": "31daifahuo",
-      "unicode": "e634",
-      "unicode_decimal": 58932
-    },
-    {
-      "icon_id": "201096",
-      "name": "3.1待付款",
-      "font_class": "31daifukuan",
-      "unicode": "e637",
-      "unicode_decimal": 58935
-    },
-    {
-      "icon_id": "201102",
-      "name": "3.1退款退货",
-      "font_class": "tuikuantuihuo",
-      "unicode": "e639",
-      "unicode_decimal": 58937
-    },
-    {
-      "icon_id": "201577",
-      "name": "3.1电话",
-      "font_class": "31dianhua",
-      "unicode": "e63c",
-      "unicode_decimal": 58940
-    },
-    {
-      "icon_id": "201648",
-      "name": "3.1 时间",
-      "font_class": "31shijian",
-      "unicode": "e63d",
-      "unicode_decimal": 58941
-    },
-    {
-      "icon_id": "5930930",
-      "name": "税企交流",
-      "font_class": "shuiqijiaoliu",
-      "unicode": "e67d",
-      "unicode_decimal": 59005
-    },
-    {
-      "icon_id": "7551465",
-      "name": "官网",
-      "font_class": "guanwang",
-      "unicode": "e704",
-      "unicode_decimal": 59140
-    },
-    {
-      "icon_id": "8036109",
-      "name": "transfer-out",
-      "font_class": "transferout",
-      "unicode": "e651",
-      "unicode_decimal": 58961
-    },
-    {
-      "icon_id": "39893069",
-      "name": "transfer-out-copy",
-      "font_class": "transferout-copy",
-      "unicode": "ecad",
-      "unicode_decimal": 60589
-    },
-    {
-      "icon_id": "4354254",
-      "name": "形状-文字",
-      "font_class": "xingzhuang-wenzi",
-      "unicode": "eb99",
-      "unicode_decimal": 60313
-    },
-    {
-      "icon_id": "4424124",
-      "name": "小程序",
-      "font_class": "xiaochengxu1",
-      "unicode": "e631",
-      "unicode_decimal": 58929
-    },
-    {
-      "icon_id": "27876594",
-      "name": "视频1",
-      "font_class": "shipin1",
-      "unicode": "e63a",
-      "unicode_decimal": 58938
-    },
-    {
-      "icon_id": "29941073",
-      "name": "图片",
-      "font_class": "tupian",
-      "unicode": "e667",
-      "unicode_decimal": 58983
-    },
-    {
-      "icon_id": "2672195",
-      "name": "分享",
-      "font_class": "fenxiang",
-      "unicode": "e655",
-      "unicode_decimal": 58965
-    },
-    {
-      "icon_id": "6360240",
-      "name": "火箭",
-      "font_class": "ico",
-      "unicode": "e63f",
-      "unicode_decimal": 58943
-    },
-    {
-      "icon_id": "12084141",
-      "name": "开发组件",
-      "font_class": "kaifazujian",
-      "unicode": "e640",
-      "unicode_decimal": 58944
-    },
-    {
-      "icon_id": "10879698",
-      "name": "左上角",
-      "font_class": "zuoshangjiao",
-      "unicode": "e700",
-      "unicode_decimal": 59136
-    },
-    {
-      "icon_id": "10879728",
-      "name": "右上角",
-      "font_class": "youshangjiao",
-      "unicode": "e701",
-      "unicode_decimal": 59137
-    },
-    {
-      "icon_id": "10879730",
-      "name": "右下角",
-      "font_class": "youxiajiao",
-      "unicode": "e702",
-      "unicode_decimal": 59138
-    },
-    {
-      "icon_id": "10879766",
-      "name": "左下角",
-      "font_class": "zuoxiajiao",
-      "unicode": "e703",
-      "unicode_decimal": 59139
-    },
-    {
-      "icon_id": "30454123",
-      "name": "浮动按钮",
-      "font_class": "fudonganniu1",
-      "unicode": "e630",
-      "unicode_decimal": 58928
-    },
-    {
-      "icon_id": "26585483",
-      "name": "商品列表横向滑动",
-      "font_class": "shangpinliebiaohengxianghuadong",
-      "unicode": "e926",
-      "unicode_decimal": 59686
-    },
-    {
-      "icon_id": "30244188",
-      "name": "横向滑动",
-      "font_class": "hengxianghuadong",
-      "unicode": "e63e",
-      "unicode_decimal": 58942
-    },
-    {
-      "icon_id": "30454129",
-      "name": "多商品组",
-      "font_class": "duoshangpinzu",
-      "unicode": "e650",
-      "unicode_decimal": 58960
-    },
-    {
-      "icon_id": "30454142",
-      "name": "搜索框",
-      "font_class": "sousuokuang",
-      "unicode": "e65b",
-      "unicode_decimal": 58971
-    },
-    {
-      "icon_id": "8960779",
-      "name": "icon_从左到右",
-      "font_class": "icon_congzuodaoyou",
-      "unicode": "e7eb",
-      "unicode_decimal": 59371
-    },
-    {
-      "icon_id": "8960781",
-      "name": "icon_从上到下",
-      "font_class": "icon_congshangdaoxia",
-      "unicode": "e7ec",
-      "unicode_decimal": 59372
-    },
-    {
-      "icon_id": "18170999",
-      "name": "地图连线,连线,连接",
-      "font_class": "map-connect",
-      "unicode": "ea02",
-      "unicode_decimal": 59906
-    },
-    {
-      "icon_id": "18170996",
-      "name": "地图连线竖,连接,连线",
-      "font_class": "map-link",
-      "unicode": "ea01",
-      "unicode_decimal": 59905
-    },
-    {
-      "icon_id": "30454117",
-      "name": "富文本",
-      "font_class": "fuwenben1",
-      "unicode": "e62f",
-      "unicode_decimal": 58927
-    },
-    {
-      "icon_id": "30454130",
-      "name": "icon-kfckfc",
-      "font_class": "fuzhuxian1",
-      "unicode": "e646",
-      "unicode_decimal": 58950
-    },
-    {
-      "icon_id": "30454145",
-      "name": "优惠券",
-      "font_class": "youhuiquan1",
-      "unicode": "e665",
-      "unicode_decimal": 58981
-    },
-    {
-      "icon_id": "5616072",
-      "name": "技师",
-      "font_class": "jishi",
-      "unicode": "e749",
-      "unicode_decimal": 59209
-    },
-    {
-      "icon_id": "435890",
-      "name": "版本切换",
-      "font_class": "banbenqiehuan",
-      "unicode": "e792",
-      "unicode_decimal": 59282
-    },
-    {
-      "icon_id": "1391488",
-      "name": "退出登录",
-      "font_class": "tuichudenglu",
-      "unicode": "e64a",
-      "unicode_decimal": 58954
-    },
-    {
-      "icon_id": "37930768",
-      "name": "火箭",
-      "font_class": "huojian",
-      "unicode": "e6ff",
-      "unicode_decimal": 59135
-    },
-    {
-      "icon_id": "37942158",
-      "name": "icon_火箭",
-      "font_class": "icon_huojian1",
-      "unicode": "e6fe",
-      "unicode_decimal": 59134
-    },
-    {
-      "icon_id": "35348714",
-      "name": "日历",
-      "font_class": "rili1",
-      "unicode": "e62e",
-      "unicode_decimal": 58926
-    },
-    {
-      "icon_id": "29941067",
-      "name": "日历",
-      "font_class": "rili",
-      "unicode": "e664",
-      "unicode_decimal": 58980
-    },
-    {
-      "icon_id": "37970163",
-      "name": "授权列表",
-      "font_class": "shouquanliebiao",
-      "unicode": "e6fd",
-      "unicode_decimal": 59133
-    },
-    {
-      "icon_id": "5309869",
-      "name": "  提示",
-      "font_class": "tishi",
-      "unicode": "e6fc",
-      "unicode_decimal": 59132
-    },
-    {
-      "icon_id": "37891254",
-      "name": "我的订单",
-      "font_class": "wodedingdan",
-      "unicode": "e6f2",
-      "unicode_decimal": 59122
-    },
-    {
-      "icon_id": "37891248",
-      "name": "个人信息",
-      "font_class": "gerenxinxi",
-      "unicode": "e6f4",
-      "unicode_decimal": 59124
-    },
-    {
-      "icon_id": "37891253",
-      "name": "我的站点",
-      "font_class": "wodezhandian",
-      "unicode": "e6f5",
-      "unicode_decimal": 59125
-    },
-    {
-      "icon_id": "37891252",
-      "name": "我的授权",
-      "font_class": "wodeshouquan",
-      "unicode": "e6f6",
-      "unicode_decimal": 59126
-    },
-    {
-      "icon_id": "37891251",
-      "name": "我的账户",
-      "font_class": "wodezhanghu",
-      "unicode": "e6f8",
-      "unicode_decimal": 59128
-    },
-    {
-      "icon_id": "37891249",
-      "name": "实名认证",
-      "font_class": "shimingrenzheng",
-      "unicode": "e6f9",
-      "unicode_decimal": 59129
-    },
-    {
-      "icon_id": "37891250",
-      "name": "开发商中心",
-      "font_class": "kaifashangzhongxin",
-      "unicode": "e6fa",
-      "unicode_decimal": 59130
-    },
-    {
-      "icon_id": "9866423",
-      "name": "ts-图标_CertificateServer",
-      "font_class": "ts-tubiao_CertificateServer",
-      "unicode": "e62b",
-      "unicode_decimal": 58923
-    },
-    {
-      "icon_id": "34273027",
-      "name": "商标 2",
-      "font_class": "a-shangbiao2",
-      "unicode": "e64f",
-      "unicode_decimal": 58959
-    },
-    {
-      "icon_id": "37869625",
-      "name": "价格版本",
-      "font_class": "jiagebanben",
-      "unicode": "e6f0",
-      "unicode_decimal": 59120
-    },
-    {
-      "icon_id": "37869624",
-      "name": "技术支持",
-      "font_class": "jishuzhichi",
-      "unicode": "e6f1",
-      "unicode_decimal": 59121
-    },
-    {
-      "icon_id": "37869628",
-      "name": "基础设置",
-      "font_class": "jichushezhi",
-      "unicode": "e6ed",
-      "unicode_decimal": 59117
-    },
-    {
-      "icon_id": "37869627",
-      "name": "商城设置",
-      "font_class": "shangchengshezhi",
-      "unicode": "e6ee",
-      "unicode_decimal": 59118
-    },
-    {
-      "icon_id": "37869626",
-      "name": "开发设置",
-      "font_class": "kaifashezhi",
-      "unicode": "e6ef",
-      "unicode_decimal": 59119
-    },
-    {
-      "icon_id": "8441714",
-      "name": "切换",
-      "font_class": "qiehuan3",
-      "unicode": "e6ec",
-      "unicode_decimal": 59116
-    },
-    {
-      "icon_id": "8765139",
-      "name": "修改",
-      "font_class": "xiugai",
-      "unicode": "e62a",
-      "unicode_decimal": 58922
-    },
-    {
-      "icon_id": "35102695",
-      "name": "下载01",
-      "font_class": "xiazai01",
-      "unicode": "ea38",
-      "unicode_decimal": 59960
-    },
-    {
-      "icon_id": "37719083",
-      "name": "景点订单",
-      "font_class": "jingdiandingdan",
-      "unicode": "e6ea",
-      "unicode_decimal": 59114
-    },
-    {
-      "icon_id": "37719073",
-      "name": "路线订单",
-      "font_class": "luxiandingdan",
-      "unicode": "e6eb",
-      "unicode_decimal": 59115
-    },
-    {
-      "icon_id": "37717881",
-      "name": "发票管理",
-      "font_class": "fapiaoguanli",
-      "unicode": "e683",
-      "unicode_decimal": 59011
-    },
-    {
-      "icon_id": "37717870",
-      "name": "回收站",
-      "font_class": "huishouzhan",
-      "unicode": "e6d7",
-      "unicode_decimal": 59095
-    },
-    {
-      "icon_id": "37717879",
-      "name": "商品列表",
-      "font_class": "shangpinliebiao1",
-      "unicode": "e6d8",
-      "unicode_decimal": 59096
-    },
-    {
-      "icon_id": "37717878",
-      "name": "商品分类",
-      "font_class": "shangpinfenlei",
-      "unicode": "e6d9",
-      "unicode_decimal": 59097
-    },
-    {
-      "icon_id": "37717875",
-      "name": "分类设置",
-      "font_class": "fenleishezhi",
-      "unicode": "e6da",
-      "unicode_decimal": 59098
-    },
-    {
-      "icon_id": "37717877",
-      "name": "路线管理",
-      "font_class": "luxianguanli",
-      "unicode": "e6db",
-      "unicode_decimal": 59099
-    },
-    {
-      "icon_id": "37717876",
-      "name": "酒店管理",
-      "font_class": "jiudianguanli",
-      "unicode": "e6dc",
-      "unicode_decimal": 59100
-    },
-    {
-      "icon_id": "37717874",
-      "name": "商家地址库",
-      "font_class": "shangjiadizhiku",
-      "unicode": "e6dd",
-      "unicode_decimal": 59101
-    },
-    {
-      "icon_id": "37717873",
-      "name": "卡项管理",
-      "font_class": "kaxiangguanli",
-      "unicode": "e6de",
-      "unicode_decimal": 59102
-    },
-    {
-      "icon_id": "37717871",
-      "name": "酒店订单",
-      "font_class": "jiudiandingdan",
-      "unicode": "e6df",
-      "unicode_decimal": 59103
-    },
-    {
-      "icon_id": "37717872",
-      "name": "景点管理",
-      "font_class": "jingdianguanli",
-      "unicode": "e6e0",
-      "unicode_decimal": 59104
-    },
-    {
-      "icon_id": "37717867",
-      "name": "订单设置",
-      "font_class": "dingdanshezhi",
-      "unicode": "e6e3",
-      "unicode_decimal": 59107
-    },
-    {
-      "icon_id": "37717869",
-      "name": "交易设置",
-      "font_class": "jiaoyishezhi",
-      "unicode": "e6e4",
-      "unicode_decimal": 59108
-    },
-    {
-      "icon_id": "37717866",
-      "name": "订单核销",
-      "font_class": "dingdanhexiao",
-      "unicode": "e6e5",
-      "unicode_decimal": 59109
-    },
-    {
-      "icon_id": "37717868",
-      "name": "订单维权",
-      "font_class": "dingdanweiquan",
-      "unicode": "e6e6",
-      "unicode_decimal": 59110
-    },
-    {
-      "icon_id": "37717865",
-      "name": "订单—列表",
-      "font_class": "a-dingdanliebiao",
-      "unicode": "e6e7",
-      "unicode_decimal": 59111
-    },
-    {
-      "icon_id": "37717894",
-      "name": "预约项目",
-      "font_class": "yuyuexiangmu",
-      "unicode": "e68e",
-      "unicode_decimal": 59022
-    },
-    {
-      "icon_id": "37717886",
-      "name": "商品品牌",
-      "font_class": "shangpinpinpai",
-      "unicode": "e6c9",
-      "unicode_decimal": 59081
-    },
-    {
-      "icon_id": "37717893",
-      "name": "预约设置",
-      "font_class": "yuyueshezhi",
-      "unicode": "e6cb",
-      "unicode_decimal": 59083
-    },
-    {
-      "icon_id": "37717892",
-      "name": "项目管理",
-      "font_class": "xiangmuguanli",
-      "unicode": "e6cc",
-      "unicode_decimal": 59084
-    },
-    {
-      "icon_id": "37717891",
-      "name": "优惠券",
-      "font_class": "youhuiquan",
-      "unicode": "e6cd",
-      "unicode_decimal": 59085
-    },
-    {
-      "icon_id": "37717890",
-      "name": "派送设置",
-      "font_class": "paisongshezhi",
-      "unicode": "e685",
-      "unicode_decimal": 59013
-    },
-    {
-      "icon_id": "37717888",
-      "name": "退款维权",
-      "font_class": "tuikuanweiquan",
-      "unicode": "e6ce",
-      "unicode_decimal": 59086
-    },
-    {
-      "icon_id": "37717889",
-      "name": "营销中心",
-      "font_class": "yingxiaozhongxin",
-      "unicode": "e6cf",
-      "unicode_decimal": 59087
-    },
-    {
-      "icon_id": "37717883",
-      "name": "技师管理",
-      "font_class": "jishiguanli",
-      "unicode": "e684",
-      "unicode_decimal": 59012
-    },
-    {
-      "icon_id": "37717887",
-      "name": "项目分类",
-      "font_class": "xiangmufenlei",
-      "unicode": "e6d0",
-      "unicode_decimal": 59088
-    },
-    {
-      "icon_id": "37717885",
-      "name": "物流跟踪",
-      "font_class": "wuliugenzong",
-      "unicode": "e6d1",
-      "unicode_decimal": 59089
-    },
-    {
-      "icon_id": "37717880",
-      "name": "商品标签",
-      "font_class": "shangpinbiaoqian",
-      "unicode": "e6d2",
-      "unicode_decimal": 59090
-    },
-    {
-      "icon_id": "37717884",
-      "name": "商品评论",
-      "font_class": "shangpinpinglun",
-      "unicode": "e6d3",
-      "unicode_decimal": 59091
-    },
-    {
-      "icon_id": "37717882",
-      "name": "商品服务",
-      "font_class": "shangpinfuwu",
-      "unicode": "e6d4",
-      "unicode_decimal": 59092
-    },
-    {
-      "icon_id": "26182298",
-      "name": "公告",
-      "font_class": "gonggao",
-      "unicode": "e629",
-      "unicode_decimal": 58921
-    },
-    {
-      "icon_id": "6841809",
-      "name": "商品列表",
-      "font_class": "shangpinliebiao",
-      "unicode": "e628",
-      "unicode_decimal": 58920
-    },
-    {
-      "icon_id": "37528678",
-      "name": "购物车",
-      "font_class": "gouwuche1",
-      "unicode": "e680",
-      "unicode_decimal": 59008
-    },
-    {
-      "icon_id": "10268929",
-      "name": "购物车",
-      "font_class": "gouwuche",
-      "unicode": "e6c8",
-      "unicode_decimal": 59080
-    },
-    {
-      "icon_id": "37506986",
-      "name": "云",
-      "font_class": "yun1",
-      "unicode": "e67e",
-      "unicode_decimal": 59006
-    },
-    {
-      "icon_id": "16191887",
-      "name": "icon-selected",
-      "font_class": "icon-selected",
-      "unicode": "e626",
-      "unicode_decimal": 58918
-    },
-    {
-      "icon_id": "37476091",
-      "name": "商品管理",
-      "font_class": "shangpinguanli",
-      "unicode": "e67c",
-      "unicode_decimal": 59004
-    },
-    {
-      "icon_id": "14421470",
-      "name": "图形-圆",
-      "font_class": "yuanquan_huaban1",
-      "unicode": "e66c",
-      "unicode_decimal": 58988
-    },
-    {
-      "icon_id": "37443500",
-      "name": "展开",
-      "font_class": "zhankai",
-      "unicode": "e67b",
-      "unicode_decimal": 59003
-    },
-    {
-      "icon_id": "37443497",
-      "name": "箭头",
-      "font_class": "jiantou",
-      "unicode": "e67a",
-      "unicode_decimal": 59002
-    },
-    {
-      "icon_id": "37440097",
-      "name": "插件",
-      "font_class": "chajian1",
-      "unicode": "e679",
-      "unicode_decimal": 59001
-    },
-    {
-      "icon_id": "37401589",
-      "name": "icon_火箭",
-      "font_class": "icon_huojian",
-      "unicode": "e677",
-      "unicode_decimal": 58999
-    },
-    {
-      "icon_id": "37396974",
-      "name": "安装",
-      "font_class": "anzhuang",
-      "unicode": "e676",
-      "unicode_decimal": 58998
-    },
-    {
-      "icon_id": "37394752",
-      "name": "首页",
-      "font_class": "shouye",
-      "unicode": "e675",
-      "unicode_decimal": 58997
-    },
-    {
-      "icon_id": "2023693",
-      "name": "首页-首页",
-      "font_class": "shouye-shouye",
-      "unicode": "e638",
-      "unicode_decimal": 58936
-    },
-    {
-      "icon_id": "4933869",
-      "name": "点",
-      "font_class": "dian",
-      "unicode": "ec1e",
-      "unicode_decimal": 60446
-    },
-    {
-      "icon_id": "5387931",
-      "name": "箭头_向左两次_o",
-      "font_class": "jiantou_xiangzuoliangci_o",
-      "unicode": "eb93",
-      "unicode_decimal": 60307
-    },
-    {
-      "icon_id": "781940",
-      "name": "分类",
-      "font_class": "fenlei",
-      "unicode": "e6c3",
-      "unicode_decimal": 59075
-    },
-    {
-      "icon_id": "37134174",
-      "name": "切换",
-      "font_class": "qiehuan2",
-      "unicode": "e6c0",
-      "unicode_decimal": 59072
-    },
-    {
-      "icon_id": "37134175",
-      "name": "渠道管理",
-      "font_class": "qudaoguanli2",
-      "unicode": "e6c1",
-      "unicode_decimal": 59073
-    },
-    {
-      "icon_id": "37166533",
-      "name": "官方市场",
-      "font_class": "guanfangshichang",
-      "unicode": "e6c2",
-      "unicode_decimal": 59074
-    },
-    {
-      "icon_id": "37129625",
-      "name": "应用",
-      "font_class": "yingyong1",
-      "unicode": "e6bf",
-      "unicode_decimal": 59071
-    },
-    {
-      "icon_id": "37130963",
-      "name": "装修",
-      "font_class": "zhuangxiu2",
-      "unicode": "e6bd",
-      "unicode_decimal": 59069
-    },
-    {
-      "icon_id": "37130964",
-      "name": "装修2",
-      "font_class": "zhuangxiu21",
-      "unicode": "e6be",
-      "unicode_decimal": 59070
-    },
-    {
-      "icon_id": "7874510",
-      "name": "切换",
-      "font_class": "qiehuan1",
-      "unicode": "e625",
-      "unicode_decimal": 58917
-    },
-    {
-      "icon_id": "37126873",
-      "name": "概况",
-      "font_class": "gaikuang1",
-      "unicode": "e6b7",
-      "unicode_decimal": 59063
-    },
-    {
-      "icon_id": "37126874",
-      "name": "卡项产品",
-      "font_class": "kaxiangchanpin",
-      "unicode": "e6b6",
-      "unicode_decimal": 59062
-    },
-    {
-      "icon_id": "37126875",
-      "name": "充值订单",
-      "font_class": "chongzhidingdan",
-      "unicode": "e6b8",
-      "unicode_decimal": 59064
-    },
-    {
-      "icon_id": "37126876",
-      "name": "卡项订单",
-      "font_class": "kaxiangdingdan",
-      "unicode": "e6b9",
-      "unicode_decimal": 59065
-    },
-    {
-      "icon_id": "37126877",
-      "name": "旅游产品",
-      "font_class": "lvyouchanpin",
-      "unicode": "e6ba",
-      "unicode_decimal": 59066
-    },
-    {
-      "icon_id": "37126878",
-      "name": "旅游订单",
-      "font_class": "lvyoudingdan",
-      "unicode": "e6bb",
-      "unicode_decimal": 59067
-    },
-    {
-      "icon_id": "37126879",
-      "name": "文章管理",
-      "font_class": "wenzhangguanli1",
-      "unicode": "e6bc",
-      "unicode_decimal": 59068
-    },
-    {
-      "icon_id": "37108824",
-      "name": "插件开发",
-      "font_class": "chajiankaifa",
-      "unicode": "e6b3",
-      "unicode_decimal": 59059
-    },
-    {
-      "icon_id": "37108825",
-      "name": "云市场",
-      "font_class": "yunshichang",
-      "unicode": "e6b5",
-      "unicode_decimal": 59061
-    },
-    {
-      "icon_id": "15490409",
-      "name": "nav-market",
-      "font_class": "nav-market",
-      "unicode": "e60e",
-      "unicode_decimal": 58894
-    },
-    {
-      "icon_id": "37108714",
-      "name": "代码生成",
-      "font_class": "daimashengcheng",
-      "unicode": "e6ae",
-      "unicode_decimal": 59054
-    },
-    {
-      "icon_id": "37108715",
-      "name": "更新缓存",
-      "font_class": "gengxinhuancun1",
-      "unicode": "e6ac",
-      "unicode_decimal": 59052
-    },
-    {
-      "icon_id": "37108716",
-      "name": "会员标签",
-      "font_class": "huiyuanbiaoqian",
-      "unicode": "e6a4",
-      "unicode_decimal": 59044
-    },
-    {
-      "icon_id": "37108717",
-      "name": "会员积分",
-      "font_class": "huiyuanjifen",
-      "unicode": "e6ab",
-      "unicode_decimal": 59051
-    },
-    {
-      "icon_id": "37108718",
-      "name": "会员佣金",
-      "font_class": "huiyuanyongjin",
-      "unicode": "e6a9",
-      "unicode_decimal": 59049
-    },
-    {
-      "icon_id": "37108719",
-      "name": "查看历史",
-      "font_class": "chakanlishi",
-      "unicode": "e6a8",
-      "unicode_decimal": 59048
-    },
-    {
-      "icon_id": "37108720",
-      "name": "渠道管理",
-      "font_class": "qudaoguanli1",
-      "unicode": "e6aa",
-      "unicode_decimal": 59050
-    },
-    {
-      "icon_id": "37108721",
-      "name": "权限管理",
-      "font_class": "quanxianguanli",
-      "unicode": "e6a6",
-      "unicode_decimal": 59046
-    },
-    {
-      "icon_id": "37108722",
-      "name": "素材管理",
-      "font_class": "sucaiguanli",
-      "unicode": "e6a7",
-      "unicode_decimal": 59047
-    },
-    {
-      "icon_id": "37108723",
-      "name": "首页 电脑",
-      "font_class": "a-shouyediannao",
-      "unicode": "e6a5",
-      "unicode_decimal": 59045
-    },
-    {
-      "icon_id": "37108724",
-      "name": "环境监测",
-      "font_class": "huanjingjiance",
-      "unicode": "e6a2",
-      "unicode_decimal": 59042
-    },
-    {
-      "icon_id": "37108725",
-      "name": "计划任务",
-      "font_class": "jihuarenwu",
-      "unicode": "e6a3",
-      "unicode_decimal": 59043
-    },
-    {
-      "icon_id": "37108726",
-      "name": "会员余额",
-      "font_class": "huiyuanyue",
-      "unicode": "e69f",
-      "unicode_decimal": 59039
-    },
-    {
-      "icon_id": "37108727",
-      "name": "消息管理",
-      "font_class": "xiaoxiguanli",
-      "unicode": "e6a1",
-      "unicode_decimal": 59041
-    },
-    {
-      "icon_id": "37108728",
-      "name": "我的星标",
-      "font_class": "wodexingbiao",
-      "unicode": "e6a0",
-      "unicode_decimal": 59040
-    },
-    {
-      "icon_id": "37108729",
-      "name": "支付管理",
-      "font_class": "zhifuguanli",
-      "unicode": "e6af",
-      "unicode_decimal": 59055
-    },
-    {
-      "icon_id": "37108730",
-      "name": "文章管理",
-      "font_class": "wenzhangguanli",
-      "unicode": "e6b0",
-      "unicode_decimal": 59056
-    },
-    {
-      "icon_id": "37108739",
-      "name": "会员",
-      "font_class": "huiyuan2",
-      "unicode": "e6b1",
-      "unicode_decimal": 59057
-    },
-    {
-      "icon_id": "11114685",
-      "name": "概况",
-      "font_class": "gaikuang",
-      "unicode": "e623",
-      "unicode_decimal": 58915
-    },
-    {
-      "icon_id": "37107817",
-      "name": "云",
-      "font_class": "yun",
-      "unicode": "e69e",
-      "unicode_decimal": 59038
-    },
-    {
-      "icon_id": "31987464",
-      "name": "云端连接",
-      "font_class": "a-huaban1fuben25",
-      "unicode": "e608",
-      "unicode_decimal": 58888
-    },
-    {
-      "icon_id": "11641865",
-      "name": "云2-line",
-      "font_class": "yun-line",
-      "unicode": "e622",
-      "unicode_decimal": 58914
-    },
-    {
-      "icon_id": "5666357",
-      "name": "应用市场",
-      "font_class": "yingyongshichang-",
-      "unicode": "e607",
-      "unicode_decimal": 58887
-    },
-    {
-      "icon_id": "7140374",
-      "name": "关注",
-      "font_class": "guanzhu",
-      "unicode": "e739",
-      "unicode_decimal": 59193
-    },
-    {
-      "icon_id": "19745540",
-      "name": "历史记录",
-      "font_class": "lishijilu",
-      "unicode": "f1e2",
-      "unicode_decimal": 61922
-    },
-    {
-      "icon_id": "37086900",
-      "name": "会员列表",
-      "font_class": "huiyuanliebiao1",
-      "unicode": "e69c",
-      "unicode_decimal": 59036
-    },
-    {
-      "icon_id": "37086906",
-      "name": "网站",
-      "font_class": "wangzhan1",
-      "unicode": "e69d",
-      "unicode_decimal": 59037
-    },
-    {
-      "icon_id": "4111811",
-      "name": "代码",
-      "font_class": "code",
-      "unicode": "e620",
-      "unicode_decimal": 58912
-    },
-    {
-      "icon_id": "7155227",
-      "name": "菜单",
-      "font_class": "caidan",
-      "unicode": "e652",
-      "unicode_decimal": 58962
-    },
-    {
-      "icon_id": "37081054",
-      "name": "应用市场",
-      "font_class": "yingyongshichang11",
-      "unicode": "e697",
-      "unicode_decimal": 59031
-    },
-    {
-      "icon_id": "37081059",
-      "name": "财务流水",
-      "font_class": "caiwuliushui",
-      "unicode": "e698",
-      "unicode_decimal": 59032
-    },
-    {
-      "icon_id": "37081071",
-      "name": "授权信息2",
-      "font_class": "shouquanxinxi2",
-      "unicode": "e699",
-      "unicode_decimal": 59033
-    },
-    {
-      "icon_id": "37081075",
-      "name": "线下支付2",
-      "font_class": "xianxiazhifu2",
-      "unicode": "e69a",
-      "unicode_decimal": 59034
-    },
-    {
-      "icon_id": "37081077",
-      "name": "会员提现",
-      "font_class": "huiyuantixian",
-      "unicode": "e69b",
-      "unicode_decimal": 59035
-    },
-    {
-      "icon_id": "37076157",
-      "name": "渠道管理",
-      "font_class": "qudaoguanli",
-      "unicode": "e695",
-      "unicode_decimal": 59029
-    },
-    {
-      "icon_id": "37076158",
-      "name": "市场物料支持",
-      "font_class": "shichangwuliaozhichi",
-      "unicode": "e694",
-      "unicode_decimal": 59028
-    },
-    {
-      "icon_id": "37076159",
-      "name": "财务",
-      "font_class": "caiwu",
-      "unicode": "e693",
-      "unicode_decimal": 59027
-    },
-    {
-      "icon_id": "37076160",
-      "name": "设置",
-      "font_class": "shezhi1",
-      "unicode": "e696",
-      "unicode_decimal": 59030
-    },
-    {
-      "icon_id": "37076161",
-      "name": "会员",
-      "font_class": "huiyuan11",
-      "unicode": "e691",
-      "unicode_decimal": 59025
-    },
-    {
-      "icon_id": "37076162",
-      "name": "网站",
-      "font_class": "wangzhan",
-      "unicode": "e690",
-      "unicode_decimal": 59024
-    },
-    {
-      "icon_id": "37076163",
-      "name": "应用",
-      "font_class": "yingyong",
-      "unicode": "e68f",
-      "unicode_decimal": 59023
-    },
-    {
-      "icon_id": "629333",
-      "name": "设置",
-      "font_class": "shezhi",
-      "unicode": "e64b",
-      "unicode_decimal": 58955
-    },
-    {
-      "icon_id": "1727441",
-      "name": "213收藏",
-      "font_class": "shoucang",
-      "unicode": "e8c2",
-      "unicode_decimal": 59586
-    },
-    {
-      "icon_id": "5485640",
-      "name": "排序",
-      "font_class": "paixu",
-      "unicode": "e60d",
-      "unicode_decimal": 58893
-    },
-    {
-      "icon_id": "13636969",
-      "name": "排序",
-      "font_class": "paixu1",
-      "unicode": "e64e",
-      "unicode_decimal": 58958
-    },
-    {
-      "icon_id": "577319",
-      "name": "问号",
-      "font_class": "wenhao",
-      "unicode": "e72d",
-      "unicode_decimal": 59181
-    },
-    {
-      "icon_id": "31819744",
-      "name": "实名认证-线",
-      "font_class": "shimingrenzheng-xian",
-      "unicode": "e89c",
-      "unicode_decimal": 59548
-    },
-    {
-      "icon_id": "6061398",
-      "name": "开发者管理",
-      "font_class": "kaifazheguanli1",
-      "unicode": "e636",
-      "unicode_decimal": 58934
-    },
-    {
-      "icon_id": "88780",
-      "name": "全部订单",
-      "font_class": "quanbudingdan",
-      "unicode": "e606",
-      "unicode_decimal": 58886
-    },
-    {
-      "icon_id": "9924690",
-      "name": "魔方-两左两右",
-      "font_class": "mofang-liangzuoliangyou",
-      "unicode": "e6c5",
-      "unicode_decimal": 59077
-    },
-    {
-      "icon_id": "9924691",
-      "name": "魔方-一上两下",
-      "font_class": "mofang-yishangliangxia",
-      "unicode": "e6c6",
-      "unicode_decimal": 59078
-    },
-    {
-      "icon_id": "9924700",
-      "name": "魔方-一左两右",
-      "font_class": "mofang-yizuoliangyou",
-      "unicode": "e6c7",
-      "unicode_decimal": 59079
-    },
-    {
-      "icon_id": "18287302",
-      "name": "选择模板-一左三右",
-      "font_class": "xuanzemoban-yizuosanyou",
-      "unicode": "e6e9",
-      "unicode_decimal": 59113
-    },
-    {
-      "icon_id": "33490811",
-      "name": "热区",
-      "font_class": "requ",
-      "unicode": "e68d",
-      "unicode_decimal": 59021
-    },
-    {
-      "icon_id": "30454135",
-      "name": "魔方",
-      "font_class": "mofang1",
-      "unicode": "e64d",
-      "unicode_decimal": 58957
-    },
-    {
-      "icon_id": "579624",
-      "name": "信用卡",
-      "font_class": "xinyongqia",
-      "unicode": "e785",
-      "unicode_decimal": 59269
-    },
-    {
-      "icon_id": "2681698",
-      "name": "门店",
-      "font_class": "mendian",
-      "unicode": "e60a",
-      "unicode_decimal": 58890
-    },
-    {
-      "icon_id": "6607852",
-      "name": "ico_预约管理_预约变更",
-      "font_class": "ico_yuyueguanli_yuyuebiangeng",
-      "unicode": "e94a",
-      "unicode_decimal": 59722
-    },
-    {
-      "icon_id": "11372706",
-      "name": "搜索",
-      "font_class": "sousuo",
-      "unicode": "e8b9",
-      "unicode_decimal": 59577
-    },
-    {
-      "icon_id": "1703513",
-      "name": "更多",
-      "font_class": "gengduo",
-      "unicode": "e63b",
-      "unicode_decimal": 58939
-    },
-    {
-      "icon_id": "36212724",
-      "name": "02_路线",
-      "font_class": "a-02_luxian",
-      "unicode": "e687",
-      "unicode_decimal": 59015
-    },
-    {
-      "icon_id": "36212725",
-      "name": "会员信息",
-      "font_class": "huiyuanxinxi",
-      "unicode": "e688",
-      "unicode_decimal": 59016
-    },
-    {
-      "icon_id": "36212726",
-      "name": "景点",
-      "font_class": "jingdian",
-      "unicode": "e689",
-      "unicode_decimal": 59017
-    },
-    {
-      "icon_id": "36212727",
-      "name": "会员订单",
-      "font_class": "huiyuandingdan",
-      "unicode": "e68a",
-      "unicode_decimal": 59018
-    },
-    {
-      "icon_id": "36212728",
-      "name": "酒店",
-      "font_class": "jiudian",
-      "unicode": "e68b",
-      "unicode_decimal": 59019
-    },
-    {
-      "icon_id": "36212729",
-      "name": "hello文本案例",
-      "font_class": "hellowenbenanli",
-      "unicode": "e68c",
-      "unicode_decimal": 59020
-    },
-    {
-      "icon_id": "18993709",
-      "name": "切换",
-      "font_class": "qiehuan",
-      "unicode": "e61e",
-      "unicode_decimal": 58910
-    },
-    {
-      "icon_id": "630094",
-      "name": "向右箭头",
-      "font_class": "xiangyoujiantou",
-      "unicode": "e660",
-      "unicode_decimal": 58976
-    },
-    {
-      "icon_id": "630095",
-      "name": "向左箭头",
-      "font_class": "xiangzuojiantou",
-      "unicode": "e663",
-      "unicode_decimal": 58979
-    },
-    {
-      "icon_id": "2127167",
-      "name": "订单",
-      "font_class": "dingdan",
-      "unicode": "e61d",
-      "unicode_decimal": 58909
-    },
-    {
-      "icon_id": "10066818",
-      "name": "应用市场",
-      "font_class": "yingyongshichang1",
-      "unicode": "e61c",
-      "unicode_decimal": 58908
-    },
-    {
-      "icon_id": "28871251",
-      "name": "应用市场",
-      "font_class": "yingyongshichang2",
-      "unicode": "e60b",
-      "unicode_decimal": 58891
-    },
-    {
-      "icon_id": "1727436",
-      "name": "211铃铛-线性",
-      "font_class": "lingdang-xianxing",
-      "unicode": "e8c0",
-      "unicode_decimal": 59584
-    },
-    {
-      "icon_id": "11372759",
-      "name": "电话",
-      "font_class": "dianhua",
-      "unicode": "e8c3",
-      "unicode_decimal": 59587
-    },
-    {
-      "icon_id": "4734150",
-      "name": "管理房屋",
-      "font_class": "ic_manage_assignprop",
-      "unicode": "e60c",
-      "unicode_decimal": 58892
-    },
-    {
-      "icon_id": "5975445",
-      "name": "城市",
-      "font_class": "chengshi",
-      "unicode": "ec70",
-      "unicode_decimal": 60528
-    },
-    {
-      "icon_id": "25069700",
-      "name": "套餐列表",
-      "font_class": "taocanliebiao",
-      "unicode": "e6b2",
-      "unicode_decimal": 59058
-    },
-    {
-      "icon_id": "11239058",
-      "name": "微信",
-      "font_class": "weixin",
-      "unicode": "e647",
-      "unicode_decimal": 58951
-    },
-    {
-      "icon_id": "417391",
-      "name": "会员管理",
-      "font_class": "huiyuanguanli",
-      "unicode": "e64c",
-      "unicode_decimal": 58956
-    },
-    {
-      "icon_id": "651208",
-      "name": "我的会员",
-      "font_class": "huangjinhuiyuan0101-copy",
-      "unicode": "e621",
-      "unicode_decimal": 58913
-    },
-    {
-      "icon_id": "897811",
-      "name": "会员(1)",
-      "font_class": "huiyuan1",
-      "unicode": "e644",
-      "unicode_decimal": 58948
-    },
-    {
-      "icon_id": "8361821",
-      "name": "钱包1",
-      "font_class": "qianbao",
-      "unicode": "e6ca",
-      "unicode_decimal": 59082
-    },
-    {
-      "icon_id": "15053947",
-      "name": "文章",
-      "font_class": "ic_description_file24px",
-      "unicode": "e61a",
-      "unicode_decimal": 58906
-    },
-    {
-      "icon_id": "26677253",
-      "name": "FormatPainterOutlined",
-      "font_class": "zhuangxiu1",
-      "unicode": "e66b",
-      "unicode_decimal": 58987
-    },
-    {
-      "icon_id": "5856622",
-      "name": "退款记录",
-      "font_class": "tuikuanjilu",
-      "unicode": "e8cf",
-      "unicode_decimal": 59599
-    },
-    {
-      "icon_id": "11296483",
-      "name": "更新缓存",
-      "font_class": "gengxinhuancun",
-      "unicode": "e686",
-      "unicode_decimal": 59014
-    },
-    {
-      "icon_id": "11661874",
-      "name": "四性检测",
-      "font_class": "sixingjiance",
-      "unicode": "e645",
-      "unicode_decimal": 58949
-    },
-    {
-      "icon_id": "30527484",
-      "name": "注册设置",
-      "font_class": "zhuceshezhi",
-      "unicode": "e6ad",
-      "unicode_decimal": 59053
-    },
-    {
-      "icon_id": "9117790",
-      "name": "应用管理",
-      "font_class": "manage-apply",
-      "unicode": "e619",
-      "unicode_decimal": 58905
-    },
-    {
-      "icon_id": "508272",
-      "name": "应用管理",
-      "font_class": "yingyongguanli",
-      "unicode": "e61f",
-      "unicode_decimal": 58911
-    },
-    {
-      "icon_id": "3090731",
-      "name": "开发者管理",
-      "font_class": "kaifazheguanli",
-      "unicode": "e624",
-      "unicode_decimal": 58916
-    },
-    {
-      "icon_id": "6263297",
-      "name": "联盟管理",
-      "font_class": "lianmengguanli",
-      "unicode": "e65f",
-      "unicode_decimal": 58975
-    },
-    {
-      "icon_id": "6337455",
-      "name": "点赞",
-      "font_class": "dianzan",
-      "unicode": "ec7f",
-      "unicode_decimal": 60543
-    },
-    {
-      "icon_id": "1160150",
-      "name": "h5e",
-      "font_class": "h5e",
-      "unicode": "e654",
-      "unicode_decimal": 58964
-    },
-    {
-      "icon_id": "10067274",
-      "name": "应用市场",
-      "font_class": "yingyongshichang",
-      "unicode": "e618",
-      "unicode_decimal": 58904
-    },
-    {
-      "icon_id": "1735584",
-      "name": "电脑端",
-      "font_class": "desktop",
-      "unicode": "e6e8",
-      "unicode_decimal": 59112
-    },
-    {
-      "icon_id": "2465639",
-      "name": "支付宝",
-      "font_class": "zhifubao",
-      "unicode": "e8e4",
-      "unicode_decimal": 59620
-    },
-    {
-      "icon_id": "16372351",
-      "name": "云空间",
-      "font_class": "yunkongjian",
-      "unicode": "e666",
-      "unicode_decimal": 58982
-    },
-    {
-      "icon_id": "1110699",
-      "name": "板块",
-      "font_class": "bankuai",
-      "unicode": "e668",
-      "unicode_decimal": 58984
-    },
-    {
-      "icon_id": "2076244",
-      "name": " 内容2",
-      "font_class": "neirong2",
-      "unicode": "e889",
-      "unicode_decimal": 59529
-    },
-    {
-      "icon_id": "7596821",
-      "name": "24gl-userGroup",
-      "font_class": "24gl-userGroup",
-      "unicode": "eb26",
-      "unicode_decimal": 60198
-    },
-    {
-      "icon_id": "11124966",
-      "name": "论坛",
-      "font_class": "14",
-      "unicode": "e615",
-      "unicode_decimal": 58901
-    },
-    {
-      "icon_id": "13763389",
-      "name": "举报",
-      "font_class": "jubao",
-      "unicode": "e611",
-      "unicode_decimal": 58897
-    },
-    {
-      "icon_id": "30454127",
-      "name": "标题",
-      "font_class": "biaoti",
-      "unicode": "e643",
-      "unicode_decimal": 58947
-    },
-    {
-      "icon_id": "33622251",
-      "name": "会员中心",
-      "font_class": "huiyuanzhongxin",
-      "unicode": "e692",
-      "unicode_decimal": 59026
-    },
-    {
-      "icon_id": "30454128",
-      "name": "icon-kfckfc",
-      "font_class": "fuzhukongbai1",
-      "unicode": "e642",
-      "unicode_decimal": 58946
-    },
-    {
-      "icon_id": "34679438",
-      "name": "system-jiantoushang",
-      "font_class": "jiantoushang",
-      "unicode": "e600",
-      "unicode_decimal": 58880
-    },
-    {
-      "icon_id": "34679439",
-      "name": "system-loader-4-line",
-      "font_class": "loader-line",
-      "unicode": "e601",
-      "unicode_decimal": 58881
-    },
-    {
-      "icon_id": "34679440",
-      "name": "system-delete-bin-6-line",
-      "font_class": "delete-line",
-      "unicode": "e602",
-      "unicode_decimal": 58882
-    },
-    {
-      "icon_id": "34679441",
-      "name": "system-jiantouxia",
-      "font_class": "jiantouxia",
-      "unicode": "e603",
-      "unicode_decimal": 58883
-    },
-    {
-      "icon_id": "34679442",
-      "name": "system-file-copy-line",
-      "font_class": "copy-line",
-      "unicode": "e605",
-      "unicode_decimal": 58885
-    },
-    {
-      "icon_id": "1604633",
-      "name": "拖动",
-      "font_class": "tuodong",
-      "unicode": "e884",
-      "unicode_decimal": 59524
-    },
-    {
-      "icon_id": "4315844",
-      "name": "line",
-      "font_class": "fuzhushuxian",
-      "unicode": "e6f7",
-      "unicode_decimal": 59127
-    },
-    {
-      "icon_id": "9213697",
-      "name": "魔方",
-      "font_class": "mofang",
-      "unicode": "e6c4",
-      "unicode_decimal": 59076
-    },
-    {
-      "icon_id": "13126664",
-      "name": "手动选择",
-      "font_class": "shoudongxuanze",
-      "unicode": "e6e1",
-      "unicode_decimal": 59105
-    },
-    {
-      "icon_id": "15035365",
-      "name": "一行三个",
-      "font_class": "yihangsange",
-      "unicode": "e6d5",
-      "unicode_decimal": 59093
-    },
-    {
-      "icon_id": "15035367",
-      "name": "一行四个",
-      "font_class": "yihangsige",
-      "unicode": "e6d6",
-      "unicode_decimal": 59094
-    },
-    {
-      "icon_id": "16552058",
-      "name": "一行两个",
-      "font_class": "yihangliangge",
-      "unicode": "e6e2",
-      "unicode_decimal": 59106
-    },
-    {
-      "icon_id": "19363687",
-      "name": "一行5个",
-      "font_class": "yihang5ge",
-      "unicode": "e6f3",
-      "unicode_decimal": 59123
-    },
-    {
-      "icon_id": "30454132",
-      "name": "图片广告",
-      "font_class": "tupianguanggao1",
-      "unicode": "e649",
-      "unicode_decimal": 58953
-    },
-    {
-      "icon_id": "30454144",
-      "name": "图文导航",
-      "font_class": "tuwendaohang2",
-      "unicode": "e65d",
-      "unicode_decimal": 58973
-    },
-    {
-      "icon_id": "30461206",
-      "name": "文章",
-      "font_class": "wenzhang",
-      "unicode": "e662",
-      "unicode_decimal": 58978
-    },
-    {
-      "icon_id": "30621137",
-      "name": "固定展示",
-      "font_class": "gudingzhanshi",
-      "unicode": "e66e",
-      "unicode_decimal": 58990
-    },
-    {
-      "icon_id": "30621139",
-      "name": "单行滑动",
-      "font_class": "danhanghuadong",
-      "unicode": "e66f",
-      "unicode_decimal": 58991
-    },
-    {
-      "icon_id": "30621140",
-      "name": "图文导航",
-      "font_class": "tuwendaohang3",
-      "unicode": "e670",
-      "unicode_decimal": 58992
-    },
-    {
-      "icon_id": "30621141",
-      "name": "图导航",
-      "font_class": "tudaohang",
-      "unicode": "e671",
-      "unicode_decimal": 58993
-    },
-    {
-      "icon_id": "30621143",
-      "name": "分页滑动",
-      "font_class": "fenyehuadong",
-      "unicode": "e673",
-      "unicode_decimal": 58995
-    },
-    {
-      "icon_id": "30621144",
-      "name": "文导航",
-      "font_class": "wendaohang",
-      "unicode": "e674",
-      "unicode_decimal": 58996
-    },
-    {
-      "icon_id": "386395",
-      "name": "装修",
-      "font_class": "zhuangxiu",
-      "unicode": "e627",
-      "unicode_decimal": 58919
-    },
-    {
-      "icon_id": "1376045",
-      "name": "店铺装修",
-      "font_class": "dianpuzhuangxiu",
-      "unicode": "e616",
-      "unicode_decimal": 58902
-    },
-    {
-      "icon_id": "4315691",
-      "name": "底部导航",
-      "font_class": "dibudaohang",
-      "unicode": "e617",
-      "unicode_decimal": 58903
-    },
-    {
-      "icon_id": "34453370",
-      "name": "旺铺装修",
-      "font_class": "wangpuzhuangxiu",
-      "unicode": "e881",
-      "unicode_decimal": 59521
-    },
-    {
-      "icon_id": "8710560",
-      "name": "微信公众号",
-      "font_class": "weixingongzhonghao1",
-      "unicode": "e705",
-      "unicode_decimal": 59141
-    },
-    {
-      "icon_id": "4846336",
-      "name": "微信公众号管理",
-      "font_class": "weixingongzhonghaoguanli",
-      "unicode": "e609",
-      "unicode_decimal": 58889
-    },
-    {
-      "icon_id": "9810504",
-      "name": "小程序",
-      "font_class": "xiaochengxu",
-      "unicode": "e635",
-      "unicode_decimal": 58933
-    },
-    {
-      "icon_id": "10392614",
-      "name": "登录",
-      "font_class": "denglu",
-      "unicode": "e604",
-      "unicode_decimal": 58884
-    },
-    {
-      "icon_id": "15643755",
-      "name": "小程序设置",
-      "font_class": "xiaochengxushezhi",
-      "unicode": "e6b4",
-      "unicode_decimal": 59060
-    },
-    {
-      "icon_id": "321993",
-      "name": "integral",
-      "font_class": "jifen",
-      "unicode": "e70c",
-      "unicode_decimal": 59148
-    },
-    {
-      "icon_id": "731270",
-      "name": "登录注册密码",
-      "font_class": "guanbi",
-      "unicode": "e612",
-      "unicode_decimal": 58898
-    },
-    {
-      "icon_id": "845851",
-      "name": "登录注册密码",
-      "font_class": "dengluzhucemima",
-      "unicode": "e67f",
-      "unicode_decimal": 59007
-    },
-    {
-      "icon_id": "1440387",
-      "name": "切换角色",
-      "font_class": "qiehuanjiaose",
-      "unicode": "e60f",
-      "unicode_decimal": 58895
-    },
-    {
-      "icon_id": "1440877",
-      "name": "版权",
-      "font_class": "banquan",
-      "unicode": "e632",
-      "unicode_decimal": 58930
-    },
-    {
-      "icon_id": "1727353",
-      "name": "20积分-线性",
-      "font_class": "jifen-xianxing",
-      "unicode": "e897",
-      "unicode_decimal": 59543
-    },
-    {
-      "icon_id": "3590938",
-      "name": "会员列表",
-      "font_class": "huiyuanliebiao",
-      "unicode": "e62c",
-      "unicode_decimal": 58924
-    },
-    {
-      "icon_id": "5082143",
-      "name": "角色用户",
-      "font_class": "jiaoseyonghu",
-      "unicode": "e648",
-      "unicode_decimal": 58952
-    },
-    {
-      "icon_id": "5582337",
-      "name": "用户",
-      "font_class": "yonghu",
-      "unicode": "e65e",
-      "unicode_decimal": 58974
-    },
-    {
-      "icon_id": "6415223",
-      "name": "版权",
-      "font_class": "banquan1",
-      "unicode": "e66d",
-      "unicode_decimal": 58989
-    },
-    {
-      "icon_id": "7006681",
-      "name": "微信公众号",
-      "font_class": "weixingongzhonghao",
-      "unicode": "e613",
-      "unicode_decimal": 58899
-    },
-    {
-      "icon_id": "7006683",
-      "name": "微信小程序",
-      "font_class": "weixinxiaochengxu",
-      "unicode": "e614",
-      "unicode_decimal": 58900
-    },
-    {
-      "icon_id": "7577294",
-      "name": "24gl-code",
-      "font_class": "24gl-code",
-      "unicode": "e9ba",
-      "unicode_decimal": 59834
-    },
-    {
-      "icon_id": "7596833",
-      "name": "24gl-portraitMalePlus2",
-      "font_class": "24gl-portraitMalePlus2",
-      "unicode": "eb25",
-      "unicode_decimal": 60197
-    },
-    {
-      "icon_id": "7874533",
-      "name": "源代码",
-      "font_class": "yuandaima",
-      "unicode": "e610",
-      "unicode_decimal": 58896
-    },
-    {
-      "icon_id": "11121397",
-      "name": "角色管理",
-      "font_class": "jiaoseguanli",
-      "unicode": "e62d",
-      "unicode_decimal": 58925
-    },
-    {
-      "icon_id": "12797047",
-      "name": "积分",
-      "font_class": "jifen1",
-      "unicode": "e641",
-      "unicode_decimal": 58945
-    },
-    {
-      "icon_id": "26257279",
-      "name": "版权",
-      "font_class": "banquan2",
-      "unicode": "e61b",
-      "unicode_decimal": 58907
-    },
-    {
-      "icon_id": "26847628",
-      "name": "键盘",
-      "font_class": "jianpan",
-      "unicode": "e661",
-      "unicode_decimal": 58977
-    },
-    {
-      "icon_id": "7594157",
-      "name": "24gf-playCircle",
-      "font_class": "24gf-playCircle",
-      "unicode": "ea82",
-      "unicode_decimal": 60034
-    },
-    {
-      "icon_id": "1025135",
-      "name": "退出全屏",
-      "font_class": "tuichuquanping",
-      "unicode": "e755",
-      "unicode_decimal": 59221
-    },
-    {
-      "icon_id": "23359065",
-      "name": "翻译",
-      "font_class": "fanyi",
-      "unicode": "e6fb",
-      "unicode_decimal": 59131
-    },
-    {
-      "icon_id": "5387606",
-      "name": "全屏",
-      "font_class": "quanping",
-      "unicode": "eb11",
-      "unicode_decimal": 60177
-    }
-  ]
-}
diff --git a/admin/src/styles/icon/official-iconfont.css b/admin/src/styles/icon/official-iconfont.css
new file mode 100644
index 000000000..7c7c062f2
--- /dev/null
+++ b/admin/src/styles/icon/official-iconfont.css
@@ -0,0 +1,1291 @@
+@font-face {
+    font-family: "nc-iconfont"; /* Project id 4567203 */
+    src: url('//at.alicdn.com/t/c/font_4567203_sxolqyse36.woff2?t=1717657005580') format('woff2'),
+         url('//at.alicdn.com/t/c/font_4567203_sxolqyse36.woff?t=1717657005580') format('woff'),
+         url('//at.alicdn.com/t/c/font_4567203_sxolqyse36.ttf?t=1717657005580') format('truetype');
+  }
+  
+  .nc-iconfont {
+    font-family: "nc-iconfont" !important;
+    font-size: 16px;
+    font-style: normal;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+  
+  .nc-icon-huiyuandengjiV6xx1:before {
+    content: "\e761";
+  }
+  
+  .nc-icon-gerenzhongxinV6xx:before {
+    content: "\e762";
+  }
+  
+  .nc-icon-gerenzhongxinV6mm1:before {
+    content: "\e763";
+  }
+  
+  .nc-icon-chuangV6xx:before {
+    content: "\e764";
+  }
+  
+  .nc-icon-zujiV6xx:before {
+    content: "\e765";
+  }
+  
+  .nc-icon-gouwucheV6xx2:before {
+    content: "\e766";
+  }
+  
+  .nc-icon-dianzanV6mm:before {
+    content: "\e767";
+  }
+  
+  .nc-icon-pintuanV6xx:before {
+    content: "\e768";
+  }
+  
+  .nc-icon-pintuanV6mm:before {
+    content: "\e769";
+  }
+  
+  .nc-icon-zujiV6mm1:before {
+    content: "\e76b";
+  }
+  
+  .nc-icon-dingweiV6mm:before {
+    content: "\e76f";
+  }
+  
+  .nc-icon-dingweiV6mm-2:before {
+    content: "\e76d";
+  }
+  
+  .nc-icon-xiaolian-2:before {
+    content: "\e6e8";
+  }
+  
+  .nc-icon-xiaolian-1:before {
+    content: "\e6e9";
+  }
+  
+  .nc-icon-sousuo-duanV6xx1:before {
+    content: "\e6f1";
+  }
+  
+  .nc-icon-shanchu-yuangaizhiV6xx:before {
+    content: "\e6e7";
+  }
+  
+  .nc-icon-dingweiV6xx1:before {
+    content: "\e6f0";
+  }
+  
+  .nc-icon-dingweiV6xx-1:before {
+    content: "\e6ef";
+  }
+  
+  .nc-icon-sousuoV6xx1:before {
+    content: "\e6e5";
+  }
+  
+  .nc-icon-sousuo-duanV6xx:before {
+    content: "\e6e4";
+  }
+  
+  .nc-icon-gouwucheV6mm1:before {
+    content: "\e6e3";
+  }
+  
+  .nc-icon-gouwucheV6xx1:before {
+    content: "\e6e2";
+  }
+  
+  .nc-icon-dingweiV6xx:before {
+    content: "\e6e6";
+  }
+  
+  .nc-icon-yueV6xx1:before {
+    content: "\e641";
+  }
+  
+  .nc-icon-youhuiV6xx1:before {
+    content: "\e642";
+  }
+  
+  .nc-icon-shezhi-1V6xx:before {
+    content: "\e643";
+  }
+  
+  .nc-icon-youhuiquanV6xx1:before {
+    content: "\e644";
+  }
+  
+  .nc-icon-youhuiquanV6xx-11:before {
+    content: "\e645";
+  }
+  
+  .nc-icon-wodeshoucangV6xx1:before {
+    content: "\e646";
+  }
+  
+  .nc-icon-shoucangV6xx-11:before {
+    content: "\e647";
+  }
+  
+  .nc-icon-bianjiV6xx:before {
+    content: "\e648";
+  }
+  
+  .nc-icon-tuikuanV6xx1:before {
+    content: "\e649";
+  }
+  
+  .nc-icon-wendangV6xx1:before {
+    content: "\e64a";
+  }
+  
+  .nc-icon-shaixuanV6xx1:before {
+    content: "\e64b";
+  }
+  
+  .nc-icon-jifenduihuanV6xx1:before {
+    content: "\e64c";
+  }
+  
+  .nc-icon-fenxiangV6xx1:before {
+    content: "\e64d";
+  }
+  
+  .nc-icon-shoucangV6xx1:before {
+    content: "\e64e";
+  }
+  
+  .nc-icon-lianjieV6xx1:before {
+    content: "\e64f";
+  }
+  
+  .nc-icon-shezhiV6xx1:before {
+    content: "\e650";
+  }
+  
+  .nc-icon-fenxiaoV6xx1:before {
+    content: "\e651";
+  }
+  
+  .nc-icon-chakanV6xx:before {
+    content: "\e653";
+  }
+  
+  .nc-icon-wodedengjiV6xx1:before {
+    content: "\e652";
+  }
+  
+  .nc-icon-duanxinV6xx1:before {
+    content: "\e654";
+  }
+  
+  .nc-icon-liebiaoV6xx:before {
+    content: "\e655";
+  }
+  
+  .nc-icon-biaoqianV6xx1:before {
+    content: "\e656";
+  }
+  
+  .nc-icon-ruzhurenV6xx:before {
+    content: "\e657";
+  }
+  
+  .nc-icon-xiugaiV6xx:before {
+    content: "\e658";
+  }
+  
+  .nc-icon-bianjiV6xx1:before {
+    content: "\e659";
+  }
+  
+  .nc-icon-shouyeV6xx1:before {
+    content: "\e65a";
+  }
+  
+  .nc-icon-bangzhuV6mm:before {
+    content: "\e65b";
+  }
+  
+  .nc-icon-tanhaoV6mm-1:before {
+    content: "\e65c";
+  }
+  
+  .nc-icon-bangzhuV6mm-1:before {
+    content: "\e65d";
+  }
+  
+  .nc-icon-tanhaoV6mm:before {
+    content: "\e65e";
+  }
+  
+  .nc-icon-zhuyiV6mm:before {
+    content: "\e65f";
+  }
+  
+  .nc-icon-tianjiaV6mm:before {
+    content: "\e660";
+  }
+  
+  .nc-icon-duihaoV6mm:before {
+    content: "\e661";
+  }
+  
+  .nc-icon-jianshaoV6mm:before {
+    content: "\e662";
+  }
+  
+  .nc-icon-cuohaoV6mm:before {
+    content: "\e663";
+  }
+  
+  .nc-icon-gouwucheV6mm-1:before {
+    content: "\e664";
+  }
+  
+  .nc-icon-lishijiluV6mm:before {
+    content: "\e665";
+  }
+  
+  .nc-icon-jiamengV6mm:before {
+    content: "\e666";
+  }
+  
+  .nc-icon-hexiaotaiV6mm:before {
+    content: "\e667";
+  }
+  
+  .nc-icon-yingyongzhongxinV6mm:before {
+    content: "\e668";
+  }
+  
+  .nc-icon-jiaohuanV6mm:before {
+    content: "\e669";
+  }
+  
+  .nc-icon-gouwucheV6mm:before {
+    content: "\e66a";
+  }
+  
+  .nc-icon-yingyongzhongxinV6mm-1:before {
+    content: "\e66b";
+  }
+  
+  .nc-icon-fenleiV6mm:before {
+    content: "\e66c";
+  }
+  
+  .nc-icon-liebiaoV6mm:before {
+    content: "\e66d";
+  }
+  
+  .nc-icon-yingyongV6mm:before {
+    content: "\e66e";
+  }
+  
+  .nc-icon-yingyongliebiaoV6mm:before {
+    content: "\e66f";
+  }
+  
+  .nc-icon-xiangyouV6mm:before {
+    content: "\e670";
+  }
+  
+  .nc-icon-xiangzuoV6mm:before {
+    content: "\e671";
+  }
+  
+  .nc-icon-ruzhurenV6mm:before {
+    content: "\e672";
+  }
+  
+  .nc-icon-xiangxiaV6mm:before {
+    content: "\e673";
+  }
+  
+  .nc-icon-xiangshangV6mm:before {
+    content: "\e674";
+  }
+  
+  .nc-icon-shouyeV6mm:before {
+    content: "\e675";
+  }
+  
+  .nc-icon-shezhiV6mm-2:before {
+    content: "\e676";
+  }
+  
+  .nc-icon-youjianV6mm:before {
+    content: "\e677";
+  }
+  
+  .nc-icon-xiaoxiV6mm:before {
+    content: "\e678";
+  }
+  
+  .nc-icon-xinxiV6mm:before {
+    content: "\e679";
+  }
+  
+  .nc-icon-woV6mm:before {
+    content: "\e67a";
+  }
+  
+  .nc-icon-shezhiV6mm:before {
+    content: "\e67b";
+  }
+  
+  .nc-icon-wodeV6mm:before {
+    content: "\e67c";
+  }
+  
+  .nc-icon-shezhiV6mm-1:before {
+    content: "\e67d";
+  }
+  
+  .nc-icon-kefuV6mm-1:before {
+    content: "\e67e";
+  }
+  
+  .nc-icon-kefu-huatongV6mm:before {
+    content: "\e67f";
+  }
+  
+  .nc-icon-qiuzhirenyuanV6mm:before {
+    content: "\e680";
+  }
+  
+  .nc-icon-piaoxinxiV6mm:before {
+    content: "\e681";
+  }
+  
+  .nc-icon-lianxikefuV6mm:before {
+    content: "\e682";
+  }
+  
+  .nc-icon-kefu-erjiV6mm:before {
+    content: "\e683";
+  }
+  
+  .nc-icon-dianxinxiV6mm:before {
+    content: "\e684";
+  }
+  
+  .nc-icon-kefuV6mm-2:before {
+    content: "\e685";
+  }
+  
+  .nc-icon-duanxinV6mm-1:before {
+    content: "\e686";
+  }
+  
+  .nc-icon-gerenzhongxinV6mm:before {
+    content: "\e687";
+  }
+  
+  .nc-icon-kefuV6mm:before {
+    content: "\e688";
+  }
+  
+  .nc-icon-fenxiangV6mm:before {
+    content: "\e689";
+  }
+  
+  .nc-icon-duanxinV6mm:before {
+    content: "\e68a";
+  }
+  
+  .nc-icon-xiangjiV6mm-1:before {
+    content: "\e68b";
+  }
+  
+  .nc-icon-wodeV6mm1:before {
+    content: "\e68c";
+  }
+  
+  .nc-icon-shuaxinV6mm:before {
+    content: "\e68d";
+  }
+  
+  .nc-icon-xiangjiV6mm:before {
+    content: "\e68e";
+  }
+  
+  .nc-icon-sousuoV6mm:before {
+    content: "\e68f";
+  }
+  
+  .nc-icon-shoucangV6mm-1:before {
+    content: "\e690";
+  }
+  
+  .nc-icon-xihuanV6mm:before {
+    content: "\e691";
+  }
+  
+  .nc-icon-wodeshoucangV6mm:before {
+    content: "\e692";
+  }
+  
+  .nc-icon-shizhongV6mm:before {
+    content: "\e693";
+  }
+  
+  .nc-icon-shoucangV6mm:before {
+    content: "\e694";
+  }
+  
+  .nc-icon-naolingV6mm:before {
+    content: "\e695";
+  }
+  
+  .nc-icon-shijianV6mm:before {
+    content: "\e696";
+  }
+  
+  .nc-icon-naozhongV6mm:before {
+    content: "\e697";
+  }
+  
+  .nc-icon-biaoqianV6mm:before {
+    content: "\e698";
+  }
+  
+  .nc-icon-lingdangV6mm:before {
+    content: "\e699";
+  }
+  
+  .nc-icon-biaoqianV6mm-1:before {
+    content: "\e69a";
+  }
+  
+  .nc-icon-lishijiluV6mm1:before {
+    content: "\e69b";
+  }
+  
+  .nc-icon-daifahuoV6mm:before {
+    content: "\e69c";
+  }
+  
+  .nc-icon-jishibenV6mm:before {
+    content: "\e69d";
+  }
+  
+  .nc-icon-bianqianV6mm:before {
+    content: "\e69e";
+  }
+  
+  .nc-icon-bianjiV6mm:before {
+    content: "\e69f";
+  }
+  
+  .nc-icon-bijiV6mm:before {
+    content: "\e6a0";
+  }
+  
+  .nc-icon-bijiV6mm-1:before {
+    content: "\e6a1";
+  }
+  
+  .nc-icon-youhuiquanV6mm:before {
+    content: "\e6a2";
+  }
+  
+  .nc-icon-youhuiV6mm:before {
+    content: "\e6a3";
+  }
+  
+  .nc-icon-shangchengV6mm:before {
+    content: "\e6a4";
+  }
+  
+  .nc-icon-zhekouquanV6mm:before {
+    content: "\e6a5";
+  }
+  
+  .nc-icon-youhuiquanV6mm-1:before {
+    content: "\e6a6";
+  }
+  
+  .nc-icon-yueV6mm:before {
+    content: "\e6a7";
+  }
+  
+  .nc-icon-qianbaoyueV6mm:before {
+    content: "\e6a8";
+  }
+  
+  .nc-icon-qianbaoV6mm:before {
+    content: "\e6a9";
+  }
+  
+  .nc-icon-liwuV6mm:before {
+    content: "\e6aa";
+  }
+  
+  .nc-icon-jifenduihuanV6mm:before {
+    content: "\e6ab";
+  }
+  
+  .nc-icon-biaoqianV6mm1:before {
+    content: "\e6ac";
+  }
+  
+  .nc-icon-libaoV6mm:before {
+    content: "\e6ad";
+  }
+  
+  .nc-icon-jinrongV6mm:before {
+    content: "\e6ae";
+  }
+  
+  .nc-icon-wodetuiguangV6mm:before {
+    content: "\e6af";
+  }
+  
+  .nc-icon-wodedengjiV6mm:before {
+    content: "\e6b0";
+  }
+  
+  .nc-icon-tuiguangV6mm:before {
+    content: "\e6b1";
+  }
+  
+  .nc-icon-yinhangkaV6mm:before {
+    content: "\e6b2";
+  }
+  
+  .nc-icon-huiyuandengjiV6mm:before {
+    content: "\e6b3";
+  }
+  
+  .nc-icon-meiriqiandaoV6mm:before {
+    content: "\e6b4";
+  }
+  
+  .nc-icon-daifahuoV6mm1:before {
+    content: "\e6b5";
+  }
+  
+  .nc-icon-riliV6mm:before {
+    content: "\e6b6";
+  }
+  
+  .nc-icon-daifahuoV6mm-1:before {
+    content: "\e6b7";
+  }
+  
+  .nc-icon-fenxiaoV6mm:before {
+    content: "\e6b8";
+  }
+  
+  .nc-icon-daishouhuoV6mm:before {
+    content: "\e6b9";
+  }
+  
+  .nc-icon-dizhiV6mm:before {
+    content: "\e6ba";
+  }
+  
+  .nc-icon-lianjieV6mm:before {
+    content: "\e6bb";
+  }
+  
+  .nc-icon-dianhuaV6mm:before {
+    content: "\e6bc";
+  }
+  
+  .nc-icon-jifenV6mm:before {
+    content: "\e6bd";
+  }
+  
+  .nc-icon-hexiaotaiV6mm1:before {
+    content: "\e6be";
+  }
+  
+  .nc-icon-saomaV6mm:before {
+    content: "\e6bf";
+  }
+  
+  .nc-icon-jiaohuanV6mm1:before {
+    content: "\e6c0";
+  }
+  
+  .nc-icon-kuozhanV6mm:before {
+    content: "\e6c1";
+  }
+  
+  .nc-icon-loucengV6mm:before {
+    content: "\e6c2";
+  }
+  
+  .nc-icon-erweimaV6mm-1:before {
+    content: "\e6c3";
+  }
+  
+  .nc-icon-fuzhiV6mm:before {
+    content: "\e6c4";
+  }
+  
+  .nc-icon-erweimaV6mm:before {
+    content: "\e6c5";
+  }
+  
+  .nc-icon-changjiantouV6mm:before {
+    content: "\e6c6";
+  }
+  
+  .nc-icon-zujiV6mm:before {
+    content: "\e6c7";
+  }
+  
+  .nc-icon-chakanV6mm:before {
+    content: "\e6c8";
+  }
+  
+  .nc-icon-meiriqiandaoV6mm1:before {
+    content: "\e6c9";
+  }
+  
+  .nc-icon-bijiV6mm1:before {
+    content: "\e6ca";
+  }
+  
+  .nc-icon-shangxiajiantouV6mm:before {
+    content: "\e6cb";
+  }
+  
+  .nc-icon-tiaoxingmaV6mm:before {
+    content: "\e6cc";
+  }
+  
+  .nc-icon-xiayibuV6xx:before {
+    content: "\e6cd";
+  }
+  
+  .nc-icon-duiV6mm:before {
+    content: "\e6ce";
+  }
+  
+  .nc-icon-shangyibuV6xx:before {
+    content: "\e6cf";
+  }
+  
+  .nc-icon-lianxidianhuaV6mm:before {
+    content: "\e6d0";
+  }
+  
+  .nc-icon-lianxidianhuaV6xx:before {
+    content: "\e6d1";
+  }
+  
+  .nc-icon-duiV6xx:before {
+    content: "\e6d2";
+  }
+  
+  .nc-icon-pengyouquanV6mm-1:before {
+    content: "\e6d3";
+  }
+  
+  .nc-icon-zhifubao-yuanV6mm:before {
+    content: "\e6d4";
+  }
+  
+  .nc-icon-weixinV6mm-1:before {
+    content: "\e6d5";
+  }
+  
+  .nc-icon-weixinV6mm:before {
+    content: "\e6d6";
+  }
+  
+  .nc-icon-zhifubaoV6mm:before {
+    content: "\e6d7";
+  }
+  
+  .nc-icon-zhifubao-fangV6mm:before {
+    content: "\e6d8";
+  }
+  
+  .nc-icon-pengyouquanV6mm:before {
+    content: "\e6d9";
+  }
+  
+  .nc-icon-shouye-xiaolianV6xx:before {
+    content: "\e6da";
+  }
+  
+  .nc-icon-hexiaoV6xx:before {
+    content: "\e6db";
+  }
+  
+  .nc-icon-hexiaoV6mm:before {
+    content: "\e6dc";
+  }
+  
+  .nc-icon-kaifazhelianmengV6xx:before {
+    content: "\e6dd";
+  }
+  
+  .nc-icon-kaifazhelianmengV6xx-1:before {
+    content: "\e6de";
+  }
+  
+  .nc-icon-gerenziliaoV6xx:before {
+    content: "\e6df";
+  }
+  
+  .nc-icon-gerenziliaoV6mm:before {
+    content: "\e6e0";
+  }
+  
+  .nc-icon-fangziV6xx:before {
+    content: "\e6e1";
+  }
+  
+  .nc-icon-guanbiV6xx:before {
+    content: "\e621";
+  }
+  
+  .nc-icon-duihaoV6xx-1:before {
+    content: "\e622";
+  }
+  
+  .nc-icon-bangzhuV6xx:before {
+    content: "\e623";
+  }
+  
+  .nc-icon-duihaoV6xx:before {
+    content: "\e624";
+  }
+  
+  .nc-icon-cuohaoV6xx:before {
+    content: "\e625";
+  }
+  
+  .nc-icon-jiahaoV6xx:before {
+    content: "\e626";
+  }
+  
+  .nc-icon-zhuyiV6xx:before {
+    content: "\e627";
+  }
+  
+  .nc-icon-jianshaoV6xx:before {
+    content: "\e628";
+  }
+  
+  .nc-icon-jianV6xx:before {
+    content: "\e629";
+  }
+  
+  .nc-icon-zhixiang-youjiantouV6xx:before {
+    content: "\e62a";
+  }
+  
+  .nc-icon-zuoV6xx:before {
+    content: "\e62b";
+  }
+  
+  .nc-icon-zuoV6xx-1:before {
+    content: "\e62c";
+  }
+  
+  .nc-icon-changjiantouV6xx:before {
+    content: "\e62d";
+  }
+  
+  .nc-icon-xiangxiaV6xx-1:before {
+    content: "\e62e";
+  }
+  
+  .nc-icon-xiangzuoV6xx:before {
+    content: "\e62f";
+  }
+  
+  .nc-icon-xiangzuoV6xx-1:before {
+    content: "\e630";
+  }
+  
+  .nc-icon-youV6xx:before {
+    content: "\e631";
+  }
+  
+  .nc-icon-xiangyouV6xx-1:before {
+    content: "\e632";
+  }
+  
+  .nc-icon-xiangyouV6xx:before {
+    content: "\e633";
+  }
+  
+  .nc-icon-xiangyouV6xx-2:before {
+    content: "\e634";
+  }
+  
+  .nc-icon-xiaV6xx-1:before {
+    content: "\e635";
+  }
+  
+  .nc-icon-xiangxiaV6xx:before {
+    content: "\e636";
+  }
+  
+  .nc-icon-tianjiaV6xx:before {
+    content: "\e637";
+  }
+  
+  .nc-icon-tanhaoV6xx:before {
+    content: "\e638";
+  }
+  
+  .nc-icon-xiangshangV6xx:before {
+    content: "\e639";
+  }
+  
+  .nc-icon-xiangshangV6xx-1:before {
+    content: "\e63a";
+  }
+  
+  .nc-icon-xiaV6xx:before {
+    content: "\e63b";
+  }
+  
+  .nc-icon-tanhaoV6xx-1:before {
+    content: "\e63c";
+  }
+  
+  .nc-icon-shangV6xx:before {
+    content: "\e63d";
+  }
+  
+  .nc-icon-shangxiaxuanzeV6xx:before {
+    content: "\e63e";
+  }
+  
+  .nc-icon-shangV6xx-1:before {
+    content: "\e63f";
+  }
+  
+  .nc-icon-shangxiajiantouV6xx:before {
+    content: "\e640";
+  }
+  
+  .nc-icon-jiamengV6xx:before {
+    content: "\e6f9";
+  }
+  
+  .nc-icon-yingyongzhongxinV6xx-1:before {
+    content: "\e6f5";
+  }
+  
+  .nc-icon-yingyongzhongxinV6xx:before {
+    content: "\e6fd";
+  }
+  
+  .nc-icon-yingyongV6xx:before {
+    content: "\e6f4";
+  }
+  
+  .nc-icon-gouwucheV6xx-2:before {
+    content: "\e6fe";
+  }
+  
+  .nc-icon-shouyeV6xx:before {
+    content: "\e6ff";
+  }
+  
+  .nc-icon-yingyongliebiaoV6xx:before {
+    content: "\e700";
+  }
+  
+  .nc-icon-gouwucheV6xx-1:before {
+    content: "\e701";
+  }
+  
+  .nc-icon-gouwucheV6xx:before {
+    content: "\e702";
+  }
+  
+  .nc-icon-fenleiV6xx:before {
+    content: "\e703";
+  }
+  
+  .nc-icon-jiamengV6xx1:before {
+    content: "\e704";
+  }
+  
+  .nc-icon-wodeV6xx1:before {
+    content: "\e705";
+  }
+  
+  .nc-icon-wodeV6xx-11:before {
+    content: "\e706";
+  }
+  
+  .nc-icon-qiuzhirenyuanV6xx1:before {
+    content: "\e707";
+  }
+  
+  .nc-icon-gerenzhongxinV6xx2:before {
+    content: "\e708";
+  }
+  
+  .nc-icon-woV6xx1:before {
+    content: "\e709";
+  }
+  
+  .nc-icon-ruzhurenV6xx1:before {
+    content: "\e70a";
+  }
+  
+  .nc-icon-xiangjiV6xx:before {
+    content: "\e70b";
+  }
+  
+  .nc-icon-shezhiV6xx-1:before {
+    content: "\e70c";
+  }
+  
+  .nc-icon-sousuoV6xx:before {
+    content: "\e70d";
+  }
+  
+  .nc-icon-xiangjiV6xx-1:before {
+    content: "\e70e";
+  }
+  
+  .nc-icon-shuaxinV6xx:before {
+    content: "\e70f";
+  }
+  
+  .nc-icon-shezhiV6xx-2:before {
+    content: "\e710";
+  }
+  
+  .nc-icon-shaixuanV6xx:before {
+    content: "\e711";
+  }
+  
+  .nc-icon-shezhiV6xx:before {
+    content: "\e712";
+  }
+  
+  .nc-icon-fenxiangV6xx-1:before {
+    content: "\e713";
+  }
+  
+  .nc-icon-fenxiangV6xx-2:before {
+    content: "\e714";
+  }
+  
+  .nc-icon-fenxiangV6xx:before {
+    content: "\e715";
+  }
+  
+  .nc-icon-xiaoxiV6xx:before {
+    content: "\e716";
+  }
+  
+  .nc-icon-duanxinV6xx-1:before {
+    content: "\e717";
+  }
+  
+  .nc-icon-xinxiV6xx:before {
+    content: "\e718";
+  }
+  
+  .nc-icon-kefuV6xx:before {
+    content: "\e719";
+  }
+  
+  .nc-icon-lianxikefuV6xx:before {
+    content: "\e71a";
+  }
+  
+  .nc-icon-piaoxinxiV6xx:before {
+    content: "\e71b";
+  }
+  
+  .nc-icon-kefuV6xx-4:before {
+    content: "\e71c";
+  }
+  
+  .nc-icon-kefuV6xx-2:before {
+    content: "\e71d";
+  }
+  
+  .nc-icon-kefuV6xx-1:before {
+    content: "\e71e";
+  }
+  
+  .nc-icon-dakaixinxiV6xx:before {
+    content: "\e71f";
+  }
+  
+  .nc-icon-dianxinxiV6xx:before {
+    content: "\e720";
+  }
+  
+  .nc-icon-kefuV6xx-3:before {
+    content: "\e721";
+  }
+  
+  .nc-icon-duanxinV6xx:before {
+    content: "\e722";
+  }
+  
+  .nc-icon-wodeshoucangV6xx:before {
+    content: "\e723";
+  }
+  
+  .nc-icon-naolingV6xx:before {
+    content: "\e724";
+  }
+  
+  .nc-icon-shoucangV6xx:before {
+    content: "\e725";
+  }
+  
+  .nc-icon-shoucangV6xx-1:before {
+    content: "\e726";
+  }
+  
+  .nc-icon-shijianV6xx:before {
+    content: "\e727";
+  }
+  
+  .nc-icon-lingdangV6xx:before {
+    content: "\e728";
+  }
+  
+  .nc-icon-shizhongV6xx:before {
+    content: "\e729";
+  }
+  
+  .nc-icon-guanzhuV6xx:before {
+    content: "\e72a";
+  }
+  
+  .nc-icon-naozhongV6xx:before {
+    content: "\e72b";
+  }
+  
+  .nc-icon-daifahuoV6xx:before {
+    content: "\e72c";
+  }
+  
+  .nc-icon-shangchengV6xx:before {
+    content: "\e72d";
+  }
+  
+  .nc-icon-youhuiV6xx:before {
+    content: "\e72e";
+  }
+  
+  .nc-icon-zongjifenV6xx:before {
+    content: "\e72f";
+  }
+  
+  .nc-icon-zhekouquanV6xx:before {
+    content: "\e730";
+  }
+  
+  .nc-icon-jifenV6xx:before {
+    content: "\e731";
+  }
+  
+  .nc-icon-youhuiquanV6xx-2:before {
+    content: "\e732";
+  }
+  
+  .nc-icon-youhuiquanV6xx-1:before {
+    content: "\e733";
+  }
+  
+  .nc-icon-jifenduihuanV6xx:before {
+    content: "\e734";
+  }
+  
+  .nc-icon-youhuiquanV6xx:before {
+    content: "\e735";
+  }
+  
+  .nc-icon-libaoV6xx:before {
+    content: "\e736";
+  }
+  
+  .nc-icon-liwuV6xx:before {
+    content: "\e737";
+  }
+  
+  .nc-icon-biaoqianV6xx:before {
+    content: "\e738";
+  }
+  
+  .nc-icon-qianbaoyueV6xx:before {
+    content: "\e739";
+  }
+  
+  .nc-icon-tuikuanV6xx:before {
+    content: "\e73a";
+  }
+  
+  .nc-icon-qianbaoV6xx:before {
+    content: "\e73b";
+  }
+  
+  .nc-icon-yueV6xx:before {
+    content: "\e73c";
+  }
+  
+  .nc-icon-jinrongV6xx:before {
+    content: "\e73d";
+  }
+  
+  .nc-icon-riliV6xx:before {
+    content: "\e73e";
+  }
+  
+  .nc-icon-wodedengjiV6xx:before {
+    content: "\e73f";
+  }
+  
+  .nc-icon-tuiguangV6xx:before {
+    content: "\e740";
+  }
+  
+  .nc-icon-huiyuandengjiV6xx:before {
+    content: "\e741";
+  }
+  
+  .nc-icon-wodetuiguangV6xx:before {
+    content: "\e742";
+  }
+  
+  .nc-icon-fenxiaoV6xx:before {
+    content: "\e743";
+  }
+  
+  .nc-icon-meiriqiandaoV6xx:before {
+    content: "\e744";
+  }
+  
+  .nc-icon-dizhiguanliV6xx:before {
+    content: "\e745";
+  }
+  
+  .nc-icon-daishouhuoV6xx:before {
+    content: "\e746";
+  }
+  
+  .nc-icon-daishouhuoV6xx-3:before {
+    content: "\e747";
+  }
+  
+  .nc-icon-daifahuoV6xx-2:before {
+    content: "\e748";
+  }
+  
+  .nc-icon-yinhangkaV6xx:before {
+    content: "\e749";
+  }
+  
+  .nc-icon-daifahuoV6xx-1:before {
+    content: "\e74a";
+  }
+  
+  .nc-icon-daifahuoV6xx-3:before {
+    content: "\e74b";
+  }
+  
+  .nc-icon-zhankai-yousuojinV6xx:before {
+    content: "\e74c";
+  }
+  
+  .nc-icon-shouqi-zuosuojinV6xx:before {
+    content: "\e74d";
+  }
+  
+  .nc-icon-wendangV6xx:before {
+    content: "\e74e";
+  }
+  
+  .nc-icon-xiaolianV6xx:before {
+    content: "\e74f";
+  }
+  
+  .nc-icon-jiaohuanV6xx:before {
+    content: "\e750";
+  }
+  
+  .nc-icon-yuanquanV6xx:before {
+    content: "\e751";
+  }
+  
+  .nc-icon-a-Group840V6xx:before {
+    content: "\e752";
+  }
+  
+  .nc-icon-loucengV6xx:before {
+    content: "\e753";
+  }
+  
+  .nc-icon-kuozhanV6xx:before {
+    content: "\e754";
+  }
+  
+  .nc-icon-saoyisaoV6xx:before {
+    content: "\e755";
+  }
+  
+  .nc-icon-saotiaoxingmaV6xx:before {
+    content: "\e756";
+  }
+  
+  .nc-icon-saotiaoxingmaV6xx-1:before {
+    content: "\e757";
+  }
+  
+  .nc-icon-erweimaV6xx-1:before {
+    content: "\e758";
+  }
+  
+  .nc-icon-fuzhiV6xx:before {
+    content: "\e759";
+  }
+  
+  .nc-icon-lianjieV6xx:before {
+    content: "\e75a";
+  }
+  
+  .nc-icon-dianhuaV6xx:before {
+    content: "\e75b";
+  }
+  
+  .nc-icon-hexiaotaiV6xx:before {
+    content: "\e75c";
+  }
+  
+  .nc-icon-fengefuV6xx:before {
+    content: "\e75d";
+  }
+  
+  .nc-icon-fangdaV6xx:before {
+    content: "\e75e";
+  }
+  
+  .nc-icon-erweimaV6xx:before {
+    content: "\e75f";
+  }
+  
+  .nc-icon-daifahuoV6xx-4:before {
+    content: "\e760";
+  }
+  
\ No newline at end of file
diff --git a/admin/src/styles/icon/official-iconfont.json b/admin/src/styles/icon/official-iconfont.json
new file mode 100644
index 000000000..46b39bcdd
--- /dev/null
+++ b/admin/src/styles/icon/official-iconfont.json
@@ -0,0 +1,2242 @@
+{
+  "id": "4567203",
+  "name": "系统",
+  "font_family": "nc-iconfont",
+  "css_prefix_text": "nc-icon-",
+  "description": "系统图标",
+  "glyphs":  [
+    {
+      "icon_id": "40606187",
+      "name": "会员等级V6xx",
+      "font_class": "huiyuandengjiV6xx1",
+      "unicode": "e761",
+      "unicode_decimal": 59233
+    },
+    {
+      "icon_id": "40609384",
+      "name": "个人中心V6xx",
+      "font_class": "gerenzhongxinV6xx",
+      "unicode": "e762",
+      "unicode_decimal": 59234
+    },
+    {
+      "icon_id": "40609386",
+      "name": "个人中心V6mm",
+      "font_class": "gerenzhongxinV6mm1",
+      "unicode": "e763",
+      "unicode_decimal": 59235
+    },
+    {
+      "icon_id": "40613812",
+      "name": "床V6xx",
+      "font_class": "chuangV6xx",
+      "unicode": "e764",
+      "unicode_decimal": 59236
+    },
+    {
+      "icon_id": "40613814",
+      "name": "足迹V6xx",
+      "font_class": "zujiV6xx",
+      "unicode": "e765",
+      "unicode_decimal": 59237
+    },
+    {
+      "icon_id": "40613873",
+      "name": "购物车V6xx",
+      "font_class": "gouwucheV6xx2",
+      "unicode": "e766",
+      "unicode_decimal": 59238
+    },
+    {
+      "icon_id": "40614619",
+      "name": "点赞V6mm",
+      "font_class": "dianzanV6mm",
+      "unicode": "e767",
+      "unicode_decimal": 59239
+    },
+    {
+      "icon_id": "40614621",
+      "name": "拼团V6xx",
+      "font_class": "pintuanV6xx",
+      "unicode": "e768",
+      "unicode_decimal": 59240
+    },
+    {
+      "icon_id": "40615664",
+      "name": "拼团V6mm",
+      "font_class": "pintuanV6mm",
+      "unicode": "e769",
+      "unicode_decimal": 59241
+    },
+    {
+      "icon_id": "40615759",
+      "name": "足迹V6mm",
+      "font_class": "zujiV6mm1",
+      "unicode": "e76b",
+      "unicode_decimal": 59243
+    },
+    {
+      "icon_id": "40616434",
+      "name": "定位V6mm",
+      "font_class": "dingweiV6mm",
+      "unicode": "e76f",
+      "unicode_decimal": 59247
+    },
+    {
+      "icon_id": "40616436",
+      "name": "定位V6mm-2",
+      "font_class": "dingweiV6mm-2",
+      "unicode": "e76d",
+      "unicode_decimal": 59245
+    },
+    {
+      "icon_id": "40605099",
+      "name": "笑脸-2",
+      "font_class": "xiaolian-2",
+      "unicode": "e6e8",
+      "unicode_decimal": 59112
+    },
+    {
+      "icon_id": "40605100",
+      "name": "笑脸-1",
+      "font_class": "xiaolian-1",
+      "unicode": "e6e9",
+      "unicode_decimal": 59113
+    },
+    {
+      "icon_id": "40587255",
+      "name": "搜索-短V6xx",
+      "font_class": "sousuo-duanV6xx1",
+      "unicode": "e6f1",
+      "unicode_decimal": 59121
+    },
+    {
+      "icon_id": "40584987",
+      "name": "删除-圆盖直V6xx",
+      "font_class": "shanchu-yuangaizhiV6xx",
+      "unicode": "e6e7",
+      "unicode_decimal": 59111
+    },
+    {
+      "icon_id": "40585348",
+      "name": "定位V6xx",
+      "font_class": "dingweiV6xx1",
+      "unicode": "e6f0",
+      "unicode_decimal": 59120
+    },
+    {
+      "icon_id": "40585349",
+      "name": "定位V6xx-1",
+      "font_class": "dingweiV6xx-1",
+      "unicode": "e6ef",
+      "unicode_decimal": 59119
+    },
+    {
+      "icon_id": "40582714",
+      "name": "搜索V6xx",
+      "font_class": "sousuoV6xx1",
+      "unicode": "e6e5",
+      "unicode_decimal": 59109
+    },
+    {
+      "icon_id": "40582715",
+      "name": "搜索-短V6xx",
+      "font_class": "sousuo-duanV6xx",
+      "unicode": "e6e4",
+      "unicode_decimal": 59108
+    },
+    {
+      "icon_id": "40582755",
+      "name": "购物车V6mm",
+      "font_class": "gouwucheV6mm1",
+      "unicode": "e6e3",
+      "unicode_decimal": 59107
+    },
+    {
+      "icon_id": "40582798",
+      "name": "购物车V6xx",
+      "font_class": "gouwucheV6xx1",
+      "unicode": "e6e2",
+      "unicode_decimal": 59106
+    },
+    {
+      "icon_id": "40583279",
+      "name": "定位V6xx",
+      "font_class": "dingweiV6xx",
+      "unicode": "e6e6",
+      "unicode_decimal": 59110
+    },
+    {
+      "icon_id": "40574653",
+      "name": "余额V6xx",
+      "font_class": "yueV6xx1",
+      "unicode": "e641",
+      "unicode_decimal": 58945
+    },
+    {
+      "icon_id": "40574650",
+      "name": "优惠V6xx",
+      "font_class": "youhuiV6xx1",
+      "unicode": "e642",
+      "unicode_decimal": 58946
+    },
+    {
+      "icon_id": "40574651",
+      "name": "设置-1V6xx",
+      "font_class": "shezhi-1V6xx",
+      "unicode": "e643",
+      "unicode_decimal": 58947
+    },
+    {
+      "icon_id": "40574652",
+      "name": "优惠券V6xx",
+      "font_class": "youhuiquanV6xx1",
+      "unicode": "e644",
+      "unicode_decimal": 58948
+    },
+    {
+      "icon_id": "40574648",
+      "name": "优惠券V6xx-1",
+      "font_class": "youhuiquanV6xx-11",
+      "unicode": "e645",
+      "unicode_decimal": 58949
+    },
+    {
+      "icon_id": "40574649",
+      "name": "我的收藏V6xx",
+      "font_class": "wodeshoucangV6xx1",
+      "unicode": "e646",
+      "unicode_decimal": 58950
+    },
+    {
+      "icon_id": "40574646",
+      "name": "收藏V6xx-1",
+      "font_class": "shoucangV6xx-11",
+      "unicode": "e647",
+      "unicode_decimal": 58951
+    },
+    {
+      "icon_id": "40574637",
+      "name": "编辑V6xx",
+      "font_class": "bianjiV6xx",
+      "unicode": "e648",
+      "unicode_decimal": 58952
+    },
+    {
+      "icon_id": "40574647",
+      "name": "退款V6xx",
+      "font_class": "tuikuanV6xx1",
+      "unicode": "e649",
+      "unicode_decimal": 58953
+    },
+    {
+      "icon_id": "40574643",
+      "name": "文档V6xx",
+      "font_class": "wendangV6xx1",
+      "unicode": "e64a",
+      "unicode_decimal": 58954
+    },
+    {
+      "icon_id": "40574641",
+      "name": "筛选V6xx",
+      "font_class": "shaixuanV6xx1",
+      "unicode": "e64b",
+      "unicode_decimal": 58955
+    },
+    {
+      "icon_id": "40574636",
+      "name": "积分兑换V6xx",
+      "font_class": "jifenduihuanV6xx1",
+      "unicode": "e64c",
+      "unicode_decimal": 58956
+    },
+    {
+      "icon_id": "40574633",
+      "name": "分享V6xx",
+      "font_class": "fenxiangV6xx1",
+      "unicode": "e64d",
+      "unicode_decimal": 58957
+    },
+    {
+      "icon_id": "40574642",
+      "name": "收藏V6xx",
+      "font_class": "shoucangV6xx1",
+      "unicode": "e64e",
+      "unicode_decimal": 58958
+    },
+    {
+      "icon_id": "40574640",
+      "name": "链接V6xx",
+      "font_class": "lianjieV6xx1",
+      "unicode": "e64f",
+      "unicode_decimal": 58959
+    },
+    {
+      "icon_id": "40574639",
+      "name": "设置V6xx",
+      "font_class": "shezhiV6xx1",
+      "unicode": "e650",
+      "unicode_decimal": 58960
+    },
+    {
+      "icon_id": "40574634",
+      "name": "分销V6xx",
+      "font_class": "fenxiaoV6xx1",
+      "unicode": "e651",
+      "unicode_decimal": 58961
+    },
+    {
+      "icon_id": "40574629",
+      "name": "查看V6xx",
+      "font_class": "chakanV6xx",
+      "unicode": "e653",
+      "unicode_decimal": 58963
+    },
+    {
+      "icon_id": "40574863",
+      "name": "我的等级V6xx",
+      "font_class": "wodedengjiV6xx1",
+      "unicode": "e652",
+      "unicode_decimal": 58962
+    },
+    {
+      "icon_id": "40574862",
+      "name": "短信V6xx",
+      "font_class": "duanxinV6xx1",
+      "unicode": "e654",
+      "unicode_decimal": 58964
+    },
+    {
+      "icon_id": "40574861",
+      "name": "列表V6xx",
+      "font_class": "liebiaoV6xx",
+      "unicode": "e655",
+      "unicode_decimal": 58965
+    },
+    {
+      "icon_id": "40574860",
+      "name": "标签V6xx",
+      "font_class": "biaoqianV6xx1",
+      "unicode": "e656",
+      "unicode_decimal": 58966
+    },
+    {
+      "icon_id": "40574859",
+      "name": "入住人V6xx",
+      "font_class": "ruzhurenV6xx",
+      "unicode": "e657",
+      "unicode_decimal": 58967
+    },
+    {
+      "icon_id": "40575573",
+      "name": "修改V6xx",
+      "font_class": "xiugaiV6xx",
+      "unicode": "e658",
+      "unicode_decimal": 58968
+    },
+    {
+      "icon_id": "40575574",
+      "name": "编辑V6xx",
+      "font_class": "bianjiV6xx1",
+      "unicode": "e659",
+      "unicode_decimal": 58969
+    },
+    {
+      "icon_id": "40575910",
+      "name": "首页V6xx",
+      "font_class": "shouyeV6xx1",
+      "unicode": "e65a",
+      "unicode_decimal": 58970
+    },
+    {
+      "icon_id": "40575927",
+      "name": "帮助V6mm",
+      "font_class": "bangzhuV6mm",
+      "unicode": "e65b",
+      "unicode_decimal": 58971
+    },
+    {
+      "icon_id": "40575926",
+      "name": "叹号V6mm-1",
+      "font_class": "tanhaoV6mm-1",
+      "unicode": "e65c",
+      "unicode_decimal": 58972
+    },
+    {
+      "icon_id": "40575925",
+      "name": "帮助V6mm-1",
+      "font_class": "bangzhuV6mm-1",
+      "unicode": "e65d",
+      "unicode_decimal": 58973
+    },
+    {
+      "icon_id": "40575922",
+      "name": "叹号V6mm",
+      "font_class": "tanhaoV6mm",
+      "unicode": "e65e",
+      "unicode_decimal": 58974
+    },
+    {
+      "icon_id": "40575924",
+      "name": "注意V6mm",
+      "font_class": "zhuyiV6mm",
+      "unicode": "e65f",
+      "unicode_decimal": 58975
+    },
+    {
+      "icon_id": "40575923",
+      "name": "添加V6mm",
+      "font_class": "tianjiaV6mm",
+      "unicode": "e660",
+      "unicode_decimal": 58976
+    },
+    {
+      "icon_id": "40575921",
+      "name": "对号V6mm",
+      "font_class": "duihaoV6mm",
+      "unicode": "e661",
+      "unicode_decimal": 58977
+    },
+    {
+      "icon_id": "40575920",
+      "name": "减少V6mm",
+      "font_class": "jianshaoV6mm",
+      "unicode": "e662",
+      "unicode_decimal": 58978
+    },
+    {
+      "icon_id": "40575919",
+      "name": "错号V6mm",
+      "font_class": "cuohaoV6mm",
+      "unicode": "e663",
+      "unicode_decimal": 58979
+    },
+    {
+      "icon_id": "40575969",
+      "name": "购物车V6mm-1",
+      "font_class": "gouwucheV6mm-1",
+      "unicode": "e664",
+      "unicode_decimal": 58980
+    },
+    {
+      "icon_id": "40575967",
+      "name": "历史记录V6mm",
+      "font_class": "lishijiluV6mm",
+      "unicode": "e665",
+      "unicode_decimal": 58981
+    },
+    {
+      "icon_id": "40575968",
+      "name": "加盟V6mm",
+      "font_class": "jiamengV6mm",
+      "unicode": "e666",
+      "unicode_decimal": 58982
+    },
+    {
+      "icon_id": "40575965",
+      "name": "核销台V6mm",
+      "font_class": "hexiaotaiV6mm",
+      "unicode": "e667",
+      "unicode_decimal": 58983
+    },
+    {
+      "icon_id": "40575961",
+      "name": "应用中心V6mm",
+      "font_class": "yingyongzhongxinV6mm",
+      "unicode": "e668",
+      "unicode_decimal": 58984
+    },
+    {
+      "icon_id": "40575966",
+      "name": "交换V6mm",
+      "font_class": "jiaohuanV6mm",
+      "unicode": "e669",
+      "unicode_decimal": 58985
+    },
+    {
+      "icon_id": "40575964",
+      "name": "购物车V6mm",
+      "font_class": "gouwucheV6mm",
+      "unicode": "e66a",
+      "unicode_decimal": 58986
+    },
+    {
+      "icon_id": "40575963",
+      "name": "应用中心V6mm-1",
+      "font_class": "yingyongzhongxinV6mm-1",
+      "unicode": "e66b",
+      "unicode_decimal": 58987
+    },
+    {
+      "icon_id": "40575962",
+      "name": "分类V6mm",
+      "font_class": "fenleiV6mm",
+      "unicode": "e66c",
+      "unicode_decimal": 58988
+    },
+    {
+      "icon_id": "40575957",
+      "name": "列表V6mm",
+      "font_class": "liebiaoV6mm",
+      "unicode": "e66d",
+      "unicode_decimal": 58989
+    },
+    {
+      "icon_id": "40575960",
+      "name": "应用V6mm",
+      "font_class": "yingyongV6mm",
+      "unicode": "e66e",
+      "unicode_decimal": 58990
+    },
+    {
+      "icon_id": "40575959",
+      "name": "应用列表V6mm",
+      "font_class": "yingyongliebiaoV6mm",
+      "unicode": "e66f",
+      "unicode_decimal": 58991
+    },
+    {
+      "icon_id": "40575956",
+      "name": "向右V6mm",
+      "font_class": "xiangyouV6mm",
+      "unicode": "e670",
+      "unicode_decimal": 58992
+    },
+    {
+      "icon_id": "40575958",
+      "name": "向左V6mm",
+      "font_class": "xiangzuoV6mm",
+      "unicode": "e671",
+      "unicode_decimal": 58993
+    },
+    {
+      "icon_id": "40575954",
+      "name": "入住人V6mm",
+      "font_class": "ruzhurenV6mm",
+      "unicode": "e672",
+      "unicode_decimal": 58994
+    },
+    {
+      "icon_id": "40575955",
+      "name": "向下V6mm",
+      "font_class": "xiangxiaV6mm",
+      "unicode": "e673",
+      "unicode_decimal": 58995
+    },
+    {
+      "icon_id": "40575953",
+      "name": "向上V6mm",
+      "font_class": "xiangshangV6mm",
+      "unicode": "e674",
+      "unicode_decimal": 58996
+    },
+    {
+      "icon_id": "40575952",
+      "name": "首页V6mm",
+      "font_class": "shouyeV6mm",
+      "unicode": "e675",
+      "unicode_decimal": 58997
+    },
+    {
+      "icon_id": "40576029",
+      "name": "设置V6mm-2",
+      "font_class": "shezhiV6mm-2",
+      "unicode": "e676",
+      "unicode_decimal": 58998
+    },
+    {
+      "icon_id": "40576035",
+      "name": "邮件V6mm",
+      "font_class": "youjianV6mm",
+      "unicode": "e677",
+      "unicode_decimal": 58999
+    },
+    {
+      "icon_id": "40576034",
+      "name": "消息V6mm",
+      "font_class": "xiaoxiV6mm",
+      "unicode": "e678",
+      "unicode_decimal": 59000
+    },
+    {
+      "icon_id": "40576033",
+      "name": "信息V6mm",
+      "font_class": "xinxiV6mm",
+      "unicode": "e679",
+      "unicode_decimal": 59001
+    },
+    {
+      "icon_id": "40576028",
+      "name": "我V6mm",
+      "font_class": "woV6mm",
+      "unicode": "e67a",
+      "unicode_decimal": 59002
+    },
+    {
+      "icon_id": "40576024",
+      "name": "设置V6mm",
+      "font_class": "shezhiV6mm",
+      "unicode": "e67b",
+      "unicode_decimal": 59003
+    },
+    {
+      "icon_id": "40576026",
+      "name": "我的V6mm",
+      "font_class": "wodeV6mm",
+      "unicode": "e67c",
+      "unicode_decimal": 59004
+    },
+    {
+      "icon_id": "40576023",
+      "name": "设置V6mm-1",
+      "font_class": "shezhiV6mm-1",
+      "unicode": "e67d",
+      "unicode_decimal": 59005
+    },
+    {
+      "icon_id": "40576017",
+      "name": "客服V6mm-1",
+      "font_class": "kefuV6mm-1",
+      "unicode": "e67e",
+      "unicode_decimal": 59006
+    },
+    {
+      "icon_id": "40576019",
+      "name": "客服-话筒V6mm",
+      "font_class": "kefu-huatongV6mm",
+      "unicode": "e67f",
+      "unicode_decimal": 59007
+    },
+    {
+      "icon_id": "40576022",
+      "name": "求职人员V6mm",
+      "font_class": "qiuzhirenyuanV6mm",
+      "unicode": "e680",
+      "unicode_decimal": 59008
+    },
+    {
+      "icon_id": "40576020",
+      "name": "票信息V6mm",
+      "font_class": "piaoxinxiV6mm",
+      "unicode": "e681",
+      "unicode_decimal": 59009
+    },
+    {
+      "icon_id": "40576021",
+      "name": "联系客服V6mm",
+      "font_class": "lianxikefuV6mm",
+      "unicode": "e682",
+      "unicode_decimal": 59010
+    },
+    {
+      "icon_id": "40576018",
+      "name": "客服-耳机V6mm",
+      "font_class": "kefu-erjiV6mm",
+      "unicode": "e683",
+      "unicode_decimal": 59011
+    },
+    {
+      "icon_id": "40576011",
+      "name": "点信息V6mm",
+      "font_class": "dianxinxiV6mm",
+      "unicode": "e684",
+      "unicode_decimal": 59012
+    },
+    {
+      "icon_id": "40576016",
+      "name": "客服V6mm-2",
+      "font_class": "kefuV6mm-2",
+      "unicode": "e685",
+      "unicode_decimal": 59013
+    },
+    {
+      "icon_id": "40576012",
+      "name": "短信V6mm-1",
+      "font_class": "duanxinV6mm-1",
+      "unicode": "e686",
+      "unicode_decimal": 59014
+    },
+    {
+      "icon_id": "40576015",
+      "name": "个人中心V6mm",
+      "font_class": "gerenzhongxinV6mm",
+      "unicode": "e687",
+      "unicode_decimal": 59015
+    },
+    {
+      "icon_id": "40576014",
+      "name": "客服V6mm",
+      "font_class": "kefuV6mm",
+      "unicode": "e688",
+      "unicode_decimal": 59016
+    },
+    {
+      "icon_id": "40576013",
+      "name": "分享V6mm",
+      "font_class": "fenxiangV6mm",
+      "unicode": "e689",
+      "unicode_decimal": 59017
+    },
+    {
+      "icon_id": "40576010",
+      "name": "短信V6mm",
+      "font_class": "duanxinV6mm",
+      "unicode": "e68a",
+      "unicode_decimal": 59018
+    },
+    {
+      "icon_id": "40576102",
+      "name": "相机V6mm-1",
+      "font_class": "xiangjiV6mm-1",
+      "unicode": "e68b",
+      "unicode_decimal": 59019
+    },
+    {
+      "icon_id": "40576105",
+      "name": "我的V6mm",
+      "font_class": "wodeV6mm1",
+      "unicode": "e68c",
+      "unicode_decimal": 59020
+    },
+    {
+      "icon_id": "40576104",
+      "name": "刷新V6mm",
+      "font_class": "shuaxinV6mm",
+      "unicode": "e68d",
+      "unicode_decimal": 59021
+    },
+    {
+      "icon_id": "40576103",
+      "name": "相机V6mm",
+      "font_class": "xiangjiV6mm",
+      "unicode": "e68e",
+      "unicode_decimal": 59022
+    },
+    {
+      "icon_id": "40576101",
+      "name": "搜索V6mm",
+      "font_class": "sousuoV6mm",
+      "unicode": "e68f",
+      "unicode_decimal": 59023
+    },
+    {
+      "icon_id": "40576144",
+      "name": "收藏V6mm-1",
+      "font_class": "shoucangV6mm-1",
+      "unicode": "e690",
+      "unicode_decimal": 59024
+    },
+    {
+      "icon_id": "40576143",
+      "name": "喜欢V6mm",
+      "font_class": "xihuanV6mm",
+      "unicode": "e691",
+      "unicode_decimal": 59025
+    },
+    {
+      "icon_id": "40576142",
+      "name": "我的收藏V6mm",
+      "font_class": "wodeshoucangV6mm",
+      "unicode": "e692",
+      "unicode_decimal": 59026
+    },
+    {
+      "icon_id": "40576140",
+      "name": "时钟V6mm",
+      "font_class": "shizhongV6mm",
+      "unicode": "e693",
+      "unicode_decimal": 59027
+    },
+    {
+      "icon_id": "40576141",
+      "name": "收藏V6mm",
+      "font_class": "shoucangV6mm",
+      "unicode": "e694",
+      "unicode_decimal": 59028
+    },
+    {
+      "icon_id": "40576139",
+      "name": "闹铃V6mm",
+      "font_class": "naolingV6mm",
+      "unicode": "e695",
+      "unicode_decimal": 59029
+    },
+    {
+      "icon_id": "40576138",
+      "name": "时间V6mm",
+      "font_class": "shijianV6mm",
+      "unicode": "e696",
+      "unicode_decimal": 59030
+    },
+    {
+      "icon_id": "40576137",
+      "name": "闹钟V6mm",
+      "font_class": "naozhongV6mm",
+      "unicode": "e697",
+      "unicode_decimal": 59031
+    },
+    {
+      "icon_id": "40576135",
+      "name": "标签V6mm",
+      "font_class": "biaoqianV6mm",
+      "unicode": "e698",
+      "unicode_decimal": 59032
+    },
+    {
+      "icon_id": "40576136",
+      "name": "铃铛V6mm",
+      "font_class": "lingdangV6mm",
+      "unicode": "e699",
+      "unicode_decimal": 59033
+    },
+    {
+      "icon_id": "40576131",
+      "name": "标签V6mm-1",
+      "font_class": "biaoqianV6mm-1",
+      "unicode": "e69a",
+      "unicode_decimal": 59034
+    },
+    {
+      "icon_id": "40576133",
+      "name": "历史记录V6mm",
+      "font_class": "lishijiluV6mm1",
+      "unicode": "e69b",
+      "unicode_decimal": 59035
+    },
+    {
+      "icon_id": "40576134",
+      "name": "待发货V6mm",
+      "font_class": "daifahuoV6mm",
+      "unicode": "e69c",
+      "unicode_decimal": 59036
+    },
+    {
+      "icon_id": "40576132",
+      "name": "记事本V6mm",
+      "font_class": "jishibenV6mm",
+      "unicode": "e69d",
+      "unicode_decimal": 59037
+    },
+    {
+      "icon_id": "40576130",
+      "name": "便签V6mm",
+      "font_class": "bianqianV6mm",
+      "unicode": "e69e",
+      "unicode_decimal": 59038
+    },
+    {
+      "icon_id": "40576129",
+      "name": "编辑V6mm",
+      "font_class": "bianjiV6mm",
+      "unicode": "e69f",
+      "unicode_decimal": 59039
+    },
+    {
+      "icon_id": "40576127",
+      "name": "笔记V6mm",
+      "font_class": "bijiV6mm",
+      "unicode": "e6a0",
+      "unicode_decimal": 59040
+    },
+    {
+      "icon_id": "40576128",
+      "name": "笔记V6mm-1",
+      "font_class": "bijiV6mm-1",
+      "unicode": "e6a1",
+      "unicode_decimal": 59041
+    },
+    {
+      "icon_id": "40576163",
+      "name": "优惠券V6mm",
+      "font_class": "youhuiquanV6mm",
+      "unicode": "e6a2",
+      "unicode_decimal": 59042
+    },
+    {
+      "icon_id": "40576161",
+      "name": "优惠V6mm",
+      "font_class": "youhuiV6mm",
+      "unicode": "e6a3",
+      "unicode_decimal": 59043
+    },
+    {
+      "icon_id": "40576162",
+      "name": "商城V6mm",
+      "font_class": "shangchengV6mm",
+      "unicode": "e6a4",
+      "unicode_decimal": 59044
+    },
+    {
+      "icon_id": "40576159",
+      "name": "折扣券V6mm",
+      "font_class": "zhekouquanV6mm",
+      "unicode": "e6a5",
+      "unicode_decimal": 59045
+    },
+    {
+      "icon_id": "40576158",
+      "name": "优惠券V6mm-1",
+      "font_class": "youhuiquanV6mm-1",
+      "unicode": "e6a6",
+      "unicode_decimal": 59046
+    },
+    {
+      "icon_id": "40576160",
+      "name": "余额V6mm",
+      "font_class": "yueV6mm",
+      "unicode": "e6a7",
+      "unicode_decimal": 59047
+    },
+    {
+      "icon_id": "40576157",
+      "name": "钱包余额V6mm",
+      "font_class": "qianbaoyueV6mm",
+      "unicode": "e6a8",
+      "unicode_decimal": 59048
+    },
+    {
+      "icon_id": "40576156",
+      "name": "钱包V6mm",
+      "font_class": "qianbaoV6mm",
+      "unicode": "e6a9",
+      "unicode_decimal": 59049
+    },
+    {
+      "icon_id": "40576154",
+      "name": "礼物V6mm",
+      "font_class": "liwuV6mm",
+      "unicode": "e6aa",
+      "unicode_decimal": 59050
+    },
+    {
+      "icon_id": "40576155",
+      "name": "积分兑换V6mm",
+      "font_class": "jifenduihuanV6mm",
+      "unicode": "e6ab",
+      "unicode_decimal": 59051
+    },
+    {
+      "icon_id": "40576152",
+      "name": "标签V6mm",
+      "font_class": "biaoqianV6mm1",
+      "unicode": "e6ac",
+      "unicode_decimal": 59052
+    },
+    {
+      "icon_id": "40576153",
+      "name": "礼包V6mm",
+      "font_class": "libaoV6mm",
+      "unicode": "e6ad",
+      "unicode_decimal": 59053
+    },
+    {
+      "icon_id": "40576151",
+      "name": "金融V6mm",
+      "font_class": "jinrongV6mm",
+      "unicode": "e6ae",
+      "unicode_decimal": 59054
+    },
+    {
+      "icon_id": "40576180",
+      "name": "我的推广V6mm",
+      "font_class": "wodetuiguangV6mm",
+      "unicode": "e6af",
+      "unicode_decimal": 59055
+    },
+    {
+      "icon_id": "40576179",
+      "name": "我的等级V6mm",
+      "font_class": "wodedengjiV6mm",
+      "unicode": "e6b0",
+      "unicode_decimal": 59056
+    },
+    {
+      "icon_id": "40576178",
+      "name": "推广V6mm",
+      "font_class": "tuiguangV6mm",
+      "unicode": "e6b1",
+      "unicode_decimal": 59057
+    },
+    {
+      "icon_id": "40576177",
+      "name": "银行卡V6mm",
+      "font_class": "yinhangkaV6mm",
+      "unicode": "e6b2",
+      "unicode_decimal": 59058
+    },
+    {
+      "icon_id": "40576175",
+      "name": "会员等级V6mm",
+      "font_class": "huiyuandengjiV6mm",
+      "unicode": "e6b3",
+      "unicode_decimal": 59059
+    },
+    {
+      "icon_id": "40576176",
+      "name": "每日签到V6mm",
+      "font_class": "meiriqiandaoV6mm",
+      "unicode": "e6b4",
+      "unicode_decimal": 59060
+    },
+    {
+      "icon_id": "40576169",
+      "name": "待发货V6mm",
+      "font_class": "daifahuoV6mm1",
+      "unicode": "e6b5",
+      "unicode_decimal": 59061
+    },
+    {
+      "icon_id": "40576174",
+      "name": "日历V6mm",
+      "font_class": "riliV6mm",
+      "unicode": "e6b6",
+      "unicode_decimal": 59062
+    },
+    {
+      "icon_id": "40576173",
+      "name": "待发货V6mm-1",
+      "font_class": "daifahuoV6mm-1",
+      "unicode": "e6b7",
+      "unicode_decimal": 59063
+    },
+    {
+      "icon_id": "40576172",
+      "name": "分销V6mm",
+      "font_class": "fenxiaoV6mm",
+      "unicode": "e6b8",
+      "unicode_decimal": 59064
+    },
+    {
+      "icon_id": "40576171",
+      "name": "待收货V6mm",
+      "font_class": "daishouhuoV6mm",
+      "unicode": "e6b9",
+      "unicode_decimal": 59065
+    },
+    {
+      "icon_id": "40576170",
+      "name": "地址V6mm",
+      "font_class": "dizhiV6mm",
+      "unicode": "e6ba",
+      "unicode_decimal": 59066
+    },
+    {
+      "icon_id": "40576203",
+      "name": "链接V6mm",
+      "font_class": "lianjieV6mm",
+      "unicode": "e6bb",
+      "unicode_decimal": 59067
+    },
+    {
+      "icon_id": "40576202",
+      "name": "电话V6mm",
+      "font_class": "dianhuaV6mm",
+      "unicode": "e6bc",
+      "unicode_decimal": 59068
+    },
+    {
+      "icon_id": "40576201",
+      "name": "积分V6mm",
+      "font_class": "jifenV6mm",
+      "unicode": "e6bd",
+      "unicode_decimal": 59069
+    },
+    {
+      "icon_id": "40576200",
+      "name": "核销台V6mm",
+      "font_class": "hexiaotaiV6mm1",
+      "unicode": "e6be",
+      "unicode_decimal": 59070
+    },
+    {
+      "icon_id": "40576199",
+      "name": "扫码V6mm",
+      "font_class": "saomaV6mm",
+      "unicode": "e6bf",
+      "unicode_decimal": 59071
+    },
+    {
+      "icon_id": "40576197",
+      "name": "交换V6mm",
+      "font_class": "jiaohuanV6mm1",
+      "unicode": "e6c0",
+      "unicode_decimal": 59072
+    },
+    {
+      "icon_id": "40576198",
+      "name": "扩展V6mm",
+      "font_class": "kuozhanV6mm",
+      "unicode": "e6c1",
+      "unicode_decimal": 59073
+    },
+    {
+      "icon_id": "40576196",
+      "name": "楼层V6mm",
+      "font_class": "loucengV6mm",
+      "unicode": "e6c2",
+      "unicode_decimal": 59074
+    },
+    {
+      "icon_id": "40576194",
+      "name": "二维码V6mm-1",
+      "font_class": "erweimaV6mm-1",
+      "unicode": "e6c3",
+      "unicode_decimal": 59075
+    },
+    {
+      "icon_id": "40576193",
+      "name": "复制V6mm",
+      "font_class": "fuzhiV6mm",
+      "unicode": "e6c4",
+      "unicode_decimal": 59076
+    },
+    {
+      "icon_id": "40576195",
+      "name": "二维码V6mm",
+      "font_class": "erweimaV6mm",
+      "unicode": "e6c5",
+      "unicode_decimal": 59077
+    },
+    {
+      "icon_id": "40576189",
+      "name": "长箭头V6mm",
+      "font_class": "changjiantouV6mm",
+      "unicode": "e6c6",
+      "unicode_decimal": 59078
+    },
+    {
+      "icon_id": "40576192",
+      "name": "足迹V6mm",
+      "font_class": "zujiV6mm",
+      "unicode": "e6c7",
+      "unicode_decimal": 59079
+    },
+    {
+      "icon_id": "40576191",
+      "name": "查看V6mm",
+      "font_class": "chakanV6mm",
+      "unicode": "e6c8",
+      "unicode_decimal": 59080
+    },
+    {
+      "icon_id": "40576186",
+      "name": "每日签到V6mm",
+      "font_class": "meiriqiandaoV6mm1",
+      "unicode": "e6c9",
+      "unicode_decimal": 59081
+    },
+    {
+      "icon_id": "40576190",
+      "name": "笔记V6mm",
+      "font_class": "bijiV6mm1",
+      "unicode": "e6ca",
+      "unicode_decimal": 59082
+    },
+    {
+      "icon_id": "40576187",
+      "name": "上下箭头V6mm",
+      "font_class": "shangxiajiantouV6mm",
+      "unicode": "e6cb",
+      "unicode_decimal": 59083
+    },
+    {
+      "icon_id": "40576188",
+      "name": "条形码V6mm",
+      "font_class": "tiaoxingmaV6mm",
+      "unicode": "e6cc",
+      "unicode_decimal": 59084
+    },
+    {
+      "icon_id": "40576315",
+      "name": "下一步V6xx",
+      "font_class": "xiayibuV6xx",
+      "unicode": "e6cd",
+      "unicode_decimal": 59085
+    },
+    {
+      "icon_id": "40576312",
+      "name": "对V6mm",
+      "font_class": "duiV6mm",
+      "unicode": "e6ce",
+      "unicode_decimal": 59086
+    },
+    {
+      "icon_id": "40576314",
+      "name": "上一步V6xx",
+      "font_class": "shangyibuV6xx",
+      "unicode": "e6cf",
+      "unicode_decimal": 59087
+    },
+    {
+      "icon_id": "40576321",
+      "name": "联系电话V6mm",
+      "font_class": "lianxidianhuaV6mm",
+      "unicode": "e6d0",
+      "unicode_decimal": 59088
+    },
+    {
+      "icon_id": "40576319",
+      "name": "联系电话V6xx",
+      "font_class": "lianxidianhuaV6xx",
+      "unicode": "e6d1",
+      "unicode_decimal": 59089
+    },
+    {
+      "icon_id": "40576318",
+      "name": "对V6xx",
+      "font_class": "duiV6xx",
+      "unicode": "e6d2",
+      "unicode_decimal": 59090
+    },
+    {
+      "icon_id": "40576387",
+      "name": "朋友圈V6mm-1",
+      "font_class": "pengyouquanV6mm-1",
+      "unicode": "e6d3",
+      "unicode_decimal": 59091
+    },
+    {
+      "icon_id": "40576390",
+      "name": "支付宝-圆V6mm",
+      "font_class": "zhifubao-yuanV6mm",
+      "unicode": "e6d4",
+      "unicode_decimal": 59092
+    },
+    {
+      "icon_id": "40576388",
+      "name": "微信V6mm-1",
+      "font_class": "weixinV6mm-1",
+      "unicode": "e6d5",
+      "unicode_decimal": 59093
+    },
+    {
+      "icon_id": "40576385",
+      "name": "微信V6mm",
+      "font_class": "weixinV6mm",
+      "unicode": "e6d6",
+      "unicode_decimal": 59094
+    },
+    {
+      "icon_id": "40576386",
+      "name": "支付宝V6mm",
+      "font_class": "zhifubaoV6mm",
+      "unicode": "e6d7",
+      "unicode_decimal": 59095
+    },
+    {
+      "icon_id": "40576389",
+      "name": "支付宝-方V6mm",
+      "font_class": "zhifubao-fangV6mm",
+      "unicode": "e6d8",
+      "unicode_decimal": 59096
+    },
+    {
+      "icon_id": "40576384",
+      "name": "朋友圈V6mm",
+      "font_class": "pengyouquanV6mm",
+      "unicode": "e6d9",
+      "unicode_decimal": 59097
+    },
+    {
+      "icon_id": "40576470",
+      "name": "首页-笑脸V6xx",
+      "font_class": "shouye-xiaolianV6xx",
+      "unicode": "e6da",
+      "unicode_decimal": 59098
+    },
+    {
+      "icon_id": "40576469",
+      "name": "核销V6xx",
+      "font_class": "hexiaoV6xx",
+      "unicode": "e6db",
+      "unicode_decimal": 59099
+    },
+    {
+      "icon_id": "40576468",
+      "name": "核销V6mm",
+      "font_class": "hexiaoV6mm",
+      "unicode": "e6dc",
+      "unicode_decimal": 59100
+    },
+    {
+      "icon_id": "40576467",
+      "name": "开发者联盟V6xx",
+      "font_class": "kaifazhelianmengV6xx",
+      "unicode": "e6dd",
+      "unicode_decimal": 59101
+    },
+    {
+      "icon_id": "40576466",
+      "name": "开发者联盟V6xx-1",
+      "font_class": "kaifazhelianmengV6xx-1",
+      "unicode": "e6de",
+      "unicode_decimal": 59102
+    },
+    {
+      "icon_id": "40576465",
+      "name": "个人资料V6xx",
+      "font_class": "gerenziliaoV6xx",
+      "unicode": "e6df",
+      "unicode_decimal": 59103
+    },
+    {
+      "icon_id": "40576464",
+      "name": "个人资料V6mm",
+      "font_class": "gerenziliaoV6mm",
+      "unicode": "e6e0",
+      "unicode_decimal": 59104
+    },
+    {
+      "icon_id": "40576475",
+      "name": "房子V6xx",
+      "font_class": "fangziV6xx",
+      "unicode": "e6e1",
+      "unicode_decimal": 59105
+    },
+    {
+      "icon_id": "40568864",
+      "name": "关闭V6xx",
+      "font_class": "guanbiV6xx",
+      "unicode": "e621",
+      "unicode_decimal": 58913
+    },
+    {
+      "icon_id": "40568863",
+      "name": "对号V6xx-1",
+      "font_class": "duihaoV6xx-1",
+      "unicode": "e622",
+      "unicode_decimal": 58914
+    },
+    {
+      "icon_id": "40568861",
+      "name": "帮助V6xx",
+      "font_class": "bangzhuV6xx",
+      "unicode": "e623",
+      "unicode_decimal": 58915
+    },
+    {
+      "icon_id": "40568860",
+      "name": "对号V6xx",
+      "font_class": "duihaoV6xx",
+      "unicode": "e624",
+      "unicode_decimal": 58916
+    },
+    {
+      "icon_id": "40568859",
+      "name": "错号V6xx",
+      "font_class": "cuohaoV6xx",
+      "unicode": "e625",
+      "unicode_decimal": 58917
+    },
+    {
+      "icon_id": "40568928",
+      "name": "加号V6xx",
+      "font_class": "jiahaoV6xx",
+      "unicode": "e626",
+      "unicode_decimal": 58918
+    },
+    {
+      "icon_id": "40568926",
+      "name": "注意V6xx",
+      "font_class": "zhuyiV6xx",
+      "unicode": "e627",
+      "unicode_decimal": 58919
+    },
+    {
+      "icon_id": "40568927",
+      "name": "减少V6xx",
+      "font_class": "jianshaoV6xx",
+      "unicode": "e628",
+      "unicode_decimal": 58920
+    },
+    {
+      "icon_id": "40568925",
+      "name": "减V6xx",
+      "font_class": "jianV6xx",
+      "unicode": "e629",
+      "unicode_decimal": 58921
+    },
+    {
+      "icon_id": "40568923",
+      "name": "指向-右箭头V6xx",
+      "font_class": "zhixiang-youjiantouV6xx",
+      "unicode": "e62a",
+      "unicode_decimal": 58922
+    },
+    {
+      "icon_id": "40568924",
+      "name": "左V6xx",
+      "font_class": "zuoV6xx",
+      "unicode": "e62b",
+      "unicode_decimal": 58923
+    },
+    {
+      "icon_id": "40568922",
+      "name": "左V6xx-1",
+      "font_class": "zuoV6xx-1",
+      "unicode": "e62c",
+      "unicode_decimal": 58924
+    },
+    {
+      "icon_id": "40568921",
+      "name": "长箭头V6xx",
+      "font_class": "changjiantouV6xx",
+      "unicode": "e62d",
+      "unicode_decimal": 58925
+    },
+    {
+      "icon_id": "40568916",
+      "name": "向下V6xx-1",
+      "font_class": "xiangxiaV6xx-1",
+      "unicode": "e62e",
+      "unicode_decimal": 58926
+    },
+    {
+      "icon_id": "40568920",
+      "name": "向左V6xx",
+      "font_class": "xiangzuoV6xx",
+      "unicode": "e62f",
+      "unicode_decimal": 58927
+    },
+    {
+      "icon_id": "40568918",
+      "name": "向左V6xx-1",
+      "font_class": "xiangzuoV6xx-1",
+      "unicode": "e630",
+      "unicode_decimal": 58928
+    },
+    {
+      "icon_id": "40568919",
+      "name": "右V6xx",
+      "font_class": "youV6xx",
+      "unicode": "e631",
+      "unicode_decimal": 58929
+    },
+    {
+      "icon_id": "40568917",
+      "name": "向右V6xx-1",
+      "font_class": "xiangyouV6xx-1",
+      "unicode": "e632",
+      "unicode_decimal": 58930
+    },
+    {
+      "icon_id": "40568914",
+      "name": "向右V6xx",
+      "font_class": "xiangyouV6xx",
+      "unicode": "e633",
+      "unicode_decimal": 58931
+    },
+    {
+      "icon_id": "40568915",
+      "name": "向右V6xx-2",
+      "font_class": "xiangyouV6xx-2",
+      "unicode": "e634",
+      "unicode_decimal": 58932
+    },
+    {
+      "icon_id": "40568912",
+      "name": "下V6xx-1",
+      "font_class": "xiaV6xx-1",
+      "unicode": "e635",
+      "unicode_decimal": 58933
+    },
+    {
+      "icon_id": "40568913",
+      "name": "向下V6xx",
+      "font_class": "xiangxiaV6xx",
+      "unicode": "e636",
+      "unicode_decimal": 58934
+    },
+    {
+      "icon_id": "40568908",
+      "name": "添加V6xx",
+      "font_class": "tianjiaV6xx",
+      "unicode": "e637",
+      "unicode_decimal": 58935
+    },
+    {
+      "icon_id": "40568909",
+      "name": "叹号V6xx",
+      "font_class": "tanhaoV6xx",
+      "unicode": "e638",
+      "unicode_decimal": 58936
+    },
+    {
+      "icon_id": "40568911",
+      "name": "向上V6xx",
+      "font_class": "xiangshangV6xx",
+      "unicode": "e639",
+      "unicode_decimal": 58937
+    },
+    {
+      "icon_id": "40568910",
+      "name": "向上V6xx-1",
+      "font_class": "xiangshangV6xx-1",
+      "unicode": "e63a",
+      "unicode_decimal": 58938
+    },
+    {
+      "icon_id": "40568907",
+      "name": "下V6xx",
+      "font_class": "xiaV6xx",
+      "unicode": "e63b",
+      "unicode_decimal": 58939
+    },
+    {
+      "icon_id": "40568905",
+      "name": "叹号V6xx-1",
+      "font_class": "tanhaoV6xx-1",
+      "unicode": "e63c",
+      "unicode_decimal": 58940
+    },
+    {
+      "icon_id": "40568906",
+      "name": "上V6xx",
+      "font_class": "shangV6xx",
+      "unicode": "e63d",
+      "unicode_decimal": 58941
+    },
+    {
+      "icon_id": "40568904",
+      "name": "上下选择V6xx",
+      "font_class": "shangxiaxuanzeV6xx",
+      "unicode": "e63e",
+      "unicode_decimal": 58942
+    },
+    {
+      "icon_id": "40568903",
+      "name": "上V6xx-1",
+      "font_class": "shangV6xx-1",
+      "unicode": "e63f",
+      "unicode_decimal": 58943
+    },
+    {
+      "icon_id": "40568902",
+      "name": "上下箭头V6xx",
+      "font_class": "shangxiajiantouV6xx",
+      "unicode": "e640",
+      "unicode_decimal": 58944
+    },
+    {
+      "icon_id": "40569437",
+      "name": "加盟V6xx",
+      "font_class": "jiamengV6xx",
+      "unicode": "e6f9",
+      "unicode_decimal": 59129
+    },
+    {
+      "icon_id": "40569383",
+      "name": "应用中心V6xx-1",
+      "font_class": "yingyongzhongxinV6xx-1",
+      "unicode": "e6f5",
+      "unicode_decimal": 59125
+    },
+    {
+      "icon_id": "40569385",
+      "name": "应用中心V6xx",
+      "font_class": "yingyongzhongxinV6xx",
+      "unicode": "e6fd",
+      "unicode_decimal": 59133
+    },
+    {
+      "icon_id": "40569384",
+      "name": "应用V6xx",
+      "font_class": "yingyongV6xx",
+      "unicode": "e6f4",
+      "unicode_decimal": 59124
+    },
+    {
+      "icon_id": "40569382",
+      "name": "购物车V6xx-2",
+      "font_class": "gouwucheV6xx-2",
+      "unicode": "e6fe",
+      "unicode_decimal": 59134
+    },
+    {
+      "icon_id": "40569381",
+      "name": "首页V6xx",
+      "font_class": "shouyeV6xx",
+      "unicode": "e6ff",
+      "unicode_decimal": 59135
+    },
+    {
+      "icon_id": "40569380",
+      "name": "应用列表V6xx",
+      "font_class": "yingyongliebiaoV6xx",
+      "unicode": "e700",
+      "unicode_decimal": 59136
+    },
+    {
+      "icon_id": "40569379",
+      "name": "购物车V6xx-1",
+      "font_class": "gouwucheV6xx-1",
+      "unicode": "e701",
+      "unicode_decimal": 59137
+    },
+    {
+      "icon_id": "40569378",
+      "name": "购物车V6xx",
+      "font_class": "gouwucheV6xx",
+      "unicode": "e702",
+      "unicode_decimal": 59138
+    },
+    {
+      "icon_id": "40569377",
+      "name": "分类V6xx",
+      "font_class": "fenleiV6xx",
+      "unicode": "e703",
+      "unicode_decimal": 59139
+    },
+    {
+      "icon_id": "40569505",
+      "name": "加盟V6xx",
+      "font_class": "jiamengV6xx1",
+      "unicode": "e704",
+      "unicode_decimal": 59140
+    },
+    {
+      "icon_id": "40569507",
+      "name": "我的V6xx",
+      "font_class": "wodeV6xx1",
+      "unicode": "e705",
+      "unicode_decimal": 59141
+    },
+    {
+      "icon_id": "40569506",
+      "name": "我的V6xx-1",
+      "font_class": "wodeV6xx-11",
+      "unicode": "e706",
+      "unicode_decimal": 59142
+    },
+    {
+      "icon_id": "40569501",
+      "name": "求职人员V6xx",
+      "font_class": "qiuzhirenyuanV6xx1",
+      "unicode": "e707",
+      "unicode_decimal": 59143
+    },
+    {
+      "icon_id": "40569502",
+      "name": "个人中心V6xx",
+      "font_class": "gerenzhongxinV6xx2",
+      "unicode": "e708",
+      "unicode_decimal": 59144
+    },
+    {
+      "icon_id": "40569503",
+      "name": "我V6xx",
+      "font_class": "woV6xx1",
+      "unicode": "e709",
+      "unicode_decimal": 59145
+    },
+    {
+      "icon_id": "40569504",
+      "name": "入住人V6xx",
+      "font_class": "ruzhurenV6xx1",
+      "unicode": "e70a",
+      "unicode_decimal": 59146
+    },
+    {
+      "icon_id": "40569492",
+      "name": "相机V6xx",
+      "font_class": "xiangjiV6xx",
+      "unicode": "e70b",
+      "unicode_decimal": 59147
+    },
+    {
+      "icon_id": "40569491",
+      "name": "设置V6xx-1",
+      "font_class": "shezhiV6xx-1",
+      "unicode": "e70c",
+      "unicode_decimal": 59148
+    },
+    {
+      "icon_id": "40569487",
+      "name": "搜索V6xx",
+      "font_class": "sousuoV6xx",
+      "unicode": "e70d",
+      "unicode_decimal": 59149
+    },
+    {
+      "icon_id": "40569490",
+      "name": "相机V6xx-1",
+      "font_class": "xiangjiV6xx-1",
+      "unicode": "e70e",
+      "unicode_decimal": 59150
+    },
+    {
+      "icon_id": "40569489",
+      "name": "刷新V6xx",
+      "font_class": "shuaxinV6xx",
+      "unicode": "e70f",
+      "unicode_decimal": 59151
+    },
+    {
+      "icon_id": "40569488",
+      "name": "设置V6xx-2",
+      "font_class": "shezhiV6xx-2",
+      "unicode": "e710",
+      "unicode_decimal": 59152
+    },
+    {
+      "icon_id": "40569485",
+      "name": "筛选V6xx",
+      "font_class": "shaixuanV6xx",
+      "unicode": "e711",
+      "unicode_decimal": 59153
+    },
+    {
+      "icon_id": "40569486",
+      "name": "设置V6xx",
+      "font_class": "shezhiV6xx",
+      "unicode": "e712",
+      "unicode_decimal": 59154
+    },
+    {
+      "icon_id": "40569483",
+      "name": "分享V6xx-1",
+      "font_class": "fenxiangV6xx-1",
+      "unicode": "e713",
+      "unicode_decimal": 59155
+    },
+    {
+      "icon_id": "40569484",
+      "name": "分享V6xx-2",
+      "font_class": "fenxiangV6xx-2",
+      "unicode": "e714",
+      "unicode_decimal": 59156
+    },
+    {
+      "icon_id": "40569482",
+      "name": "分享V6xx",
+      "font_class": "fenxiangV6xx",
+      "unicode": "e715",
+      "unicode_decimal": 59157
+    },
+    {
+      "icon_id": "40569833",
+      "name": "消息V6xx",
+      "font_class": "xiaoxiV6xx",
+      "unicode": "e716",
+      "unicode_decimal": 59158
+    },
+    {
+      "icon_id": "40569832",
+      "name": "短信V6xx-1",
+      "font_class": "duanxinV6xx-1",
+      "unicode": "e717",
+      "unicode_decimal": 59159
+    },
+    {
+      "icon_id": "40569831",
+      "name": "信息V6xx",
+      "font_class": "xinxiV6xx",
+      "unicode": "e718",
+      "unicode_decimal": 59160
+    },
+    {
+      "icon_id": "40569830",
+      "name": "客服V6xx",
+      "font_class": "kefuV6xx",
+      "unicode": "e719",
+      "unicode_decimal": 59161
+    },
+    {
+      "icon_id": "40569828",
+      "name": "联系客服V6xx",
+      "font_class": "lianxikefuV6xx",
+      "unicode": "e71a",
+      "unicode_decimal": 59162
+    },
+    {
+      "icon_id": "40569829",
+      "name": "票信息V6xx",
+      "font_class": "piaoxinxiV6xx",
+      "unicode": "e71b",
+      "unicode_decimal": 59163
+    },
+    {
+      "icon_id": "40569826",
+      "name": "客服V6xx-4",
+      "font_class": "kefuV6xx-4",
+      "unicode": "e71c",
+      "unicode_decimal": 59164
+    },
+    {
+      "icon_id": "40569827",
+      "name": "客服V6xx-2",
+      "font_class": "kefuV6xx-2",
+      "unicode": "e71d",
+      "unicode_decimal": 59165
+    },
+    {
+      "icon_id": "40569825",
+      "name": "客服V6xx-1",
+      "font_class": "kefuV6xx-1",
+      "unicode": "e71e",
+      "unicode_decimal": 59166
+    },
+    {
+      "icon_id": "40569824",
+      "name": "打开信息V6xx",
+      "font_class": "dakaixinxiV6xx",
+      "unicode": "e71f",
+      "unicode_decimal": 59167
+    },
+    {
+      "icon_id": "40569822",
+      "name": "点信息V6xx",
+      "font_class": "dianxinxiV6xx",
+      "unicode": "e720",
+      "unicode_decimal": 59168
+    },
+    {
+      "icon_id": "40569823",
+      "name": "客服V6xx-3",
+      "font_class": "kefuV6xx-3",
+      "unicode": "e721",
+      "unicode_decimal": 59169
+    },
+    {
+      "icon_id": "40569821",
+      "name": "短信V6xx",
+      "font_class": "duanxinV6xx",
+      "unicode": "e722",
+      "unicode_decimal": 59170
+    },
+    {
+      "icon_id": "40570015",
+      "name": "我的收藏V6xx",
+      "font_class": "wodeshoucangV6xx",
+      "unicode": "e723",
+      "unicode_decimal": 59171
+    },
+    {
+      "icon_id": "40570014",
+      "name": "闹铃V6xx",
+      "font_class": "naolingV6xx",
+      "unicode": "e724",
+      "unicode_decimal": 59172
+    },
+    {
+      "icon_id": "40570011",
+      "name": "收藏V6xx",
+      "font_class": "shoucangV6xx",
+      "unicode": "e725",
+      "unicode_decimal": 59173
+    },
+    {
+      "icon_id": "40570013",
+      "name": "收藏V6xx-1",
+      "font_class": "shoucangV6xx-1",
+      "unicode": "e726",
+      "unicode_decimal": 59174
+    },
+    {
+      "icon_id": "40570012",
+      "name": "时间V6xx",
+      "font_class": "shijianV6xx",
+      "unicode": "e727",
+      "unicode_decimal": 59175
+    },
+    {
+      "icon_id": "40570009",
+      "name": "铃铛V6xx",
+      "font_class": "lingdangV6xx",
+      "unicode": "e728",
+      "unicode_decimal": 59176
+    },
+    {
+      "icon_id": "40570010",
+      "name": "时钟V6xx",
+      "font_class": "shizhongV6xx",
+      "unicode": "e729",
+      "unicode_decimal": 59177
+    },
+    {
+      "icon_id": "40570008",
+      "name": "关注V6xx",
+      "font_class": "guanzhuV6xx",
+      "unicode": "e72a",
+      "unicode_decimal": 59178
+    },
+    {
+      "icon_id": "40570007",
+      "name": "闹钟V6xx",
+      "font_class": "naozhongV6xx",
+      "unicode": "e72b",
+      "unicode_decimal": 59179
+    },
+    {
+      "icon_id": "40570006",
+      "name": "待发货V6xx",
+      "font_class": "daifahuoV6xx",
+      "unicode": "e72c",
+      "unicode_decimal": 59180
+    },
+    {
+      "icon_id": "40570095",
+      "name": "商城V6xx",
+      "font_class": "shangchengV6xx",
+      "unicode": "e72d",
+      "unicode_decimal": 59181
+    },
+    {
+      "icon_id": "40570093",
+      "name": "优惠V6xx",
+      "font_class": "youhuiV6xx",
+      "unicode": "e72e",
+      "unicode_decimal": 59182
+    },
+    {
+      "icon_id": "40570094",
+      "name": "总积分V6xx",
+      "font_class": "zongjifenV6xx",
+      "unicode": "e72f",
+      "unicode_decimal": 59183
+    },
+    {
+      "icon_id": "40570092",
+      "name": "折扣券V6xx",
+      "font_class": "zhekouquanV6xx",
+      "unicode": "e730",
+      "unicode_decimal": 59184
+    },
+    {
+      "icon_id": "40570091",
+      "name": "积分V6xx",
+      "font_class": "jifenV6xx",
+      "unicode": "e731",
+      "unicode_decimal": 59185
+    },
+    {
+      "icon_id": "40570090",
+      "name": "优惠券V6xx-2",
+      "font_class": "youhuiquanV6xx-2",
+      "unicode": "e732",
+      "unicode_decimal": 59186
+    },
+    {
+      "icon_id": "40570089",
+      "name": "优惠券V6xx-1",
+      "font_class": "youhuiquanV6xx-1",
+      "unicode": "e733",
+      "unicode_decimal": 59187
+    },
+    {
+      "icon_id": "40570088",
+      "name": "积分兑换V6xx",
+      "font_class": "jifenduihuanV6xx",
+      "unicode": "e734",
+      "unicode_decimal": 59188
+    },
+    {
+      "icon_id": "40570087",
+      "name": "优惠券V6xx",
+      "font_class": "youhuiquanV6xx",
+      "unicode": "e735",
+      "unicode_decimal": 59189
+    },
+    {
+      "icon_id": "40570086",
+      "name": "礼包V6xx",
+      "font_class": "libaoV6xx",
+      "unicode": "e736",
+      "unicode_decimal": 59190
+    },
+    {
+      "icon_id": "40570085",
+      "name": "礼物V6xx",
+      "font_class": "liwuV6xx",
+      "unicode": "e737",
+      "unicode_decimal": 59191
+    },
+    {
+      "icon_id": "40570084",
+      "name": "标签V6xx",
+      "font_class": "biaoqianV6xx",
+      "unicode": "e738",
+      "unicode_decimal": 59192
+    },
+    {
+      "icon_id": "40570499",
+      "name": "钱包余额V6xx",
+      "font_class": "qianbaoyueV6xx",
+      "unicode": "e739",
+      "unicode_decimal": 59193
+    },
+    {
+      "icon_id": "40570498",
+      "name": "退款V6xx",
+      "font_class": "tuikuanV6xx",
+      "unicode": "e73a",
+      "unicode_decimal": 59194
+    },
+    {
+      "icon_id": "40570497",
+      "name": "钱包V6xx",
+      "font_class": "qianbaoV6xx",
+      "unicode": "e73b",
+      "unicode_decimal": 59195
+    },
+    {
+      "icon_id": "40570496",
+      "name": "余额V6xx",
+      "font_class": "yueV6xx",
+      "unicode": "e73c",
+      "unicode_decimal": 59196
+    },
+    {
+      "icon_id": "40570495",
+      "name": "金融V6xx",
+      "font_class": "jinrongV6xx",
+      "unicode": "e73d",
+      "unicode_decimal": 59197
+    },
+    {
+      "icon_id": "40570479",
+      "name": "日历V6xx",
+      "font_class": "riliV6xx",
+      "unicode": "e73e",
+      "unicode_decimal": 59198
+    },
+    {
+      "icon_id": "40570478",
+      "name": "我的等级V6xx",
+      "font_class": "wodedengjiV6xx",
+      "unicode": "e73f",
+      "unicode_decimal": 59199
+    },
+    {
+      "icon_id": "40570477",
+      "name": "推广V6xx",
+      "font_class": "tuiguangV6xx",
+      "unicode": "e740",
+      "unicode_decimal": 59200
+    },
+    {
+      "icon_id": "40570475",
+      "name": "会员等级V6xx",
+      "font_class": "huiyuandengjiV6xx",
+      "unicode": "e741",
+      "unicode_decimal": 59201
+    },
+    {
+      "icon_id": "40570476",
+      "name": "我的推广V6xx",
+      "font_class": "wodetuiguangV6xx",
+      "unicode": "e742",
+      "unicode_decimal": 59202
+    },
+    {
+      "icon_id": "40570473",
+      "name": "分销V6xx",
+      "font_class": "fenxiaoV6xx",
+      "unicode": "e743",
+      "unicode_decimal": 59203
+    },
+    {
+      "icon_id": "40570474",
+      "name": "每日签到V6xx",
+      "font_class": "meiriqiandaoV6xx",
+      "unicode": "e744",
+      "unicode_decimal": 59204
+    },
+    {
+      "icon_id": "40570472",
+      "name": "地址管理V6xx",
+      "font_class": "dizhiguanliV6xx",
+      "unicode": "e745",
+      "unicode_decimal": 59205
+    },
+    {
+      "icon_id": "40570988",
+      "name": "待收货V6xx",
+      "font_class": "daishouhuoV6xx",
+      "unicode": "e746",
+      "unicode_decimal": 59206
+    },
+    {
+      "icon_id": "40570985",
+      "name": "待收货V6xx-3",
+      "font_class": "daishouhuoV6xx-3",
+      "unicode": "e747",
+      "unicode_decimal": 59207
+    },
+    {
+      "icon_id": "40570984",
+      "name": "待发货V6xx-2",
+      "font_class": "daifahuoV6xx-2",
+      "unicode": "e748",
+      "unicode_decimal": 59208
+    },
+    {
+      "icon_id": "40570986",
+      "name": "银行卡V6xx",
+      "font_class": "yinhangkaV6xx",
+      "unicode": "e749",
+      "unicode_decimal": 59209
+    },
+    {
+      "icon_id": "40570983",
+      "name": "待发货V6xx-1",
+      "font_class": "daifahuoV6xx-1",
+      "unicode": "e74a",
+      "unicode_decimal": 59210
+    },
+    {
+      "icon_id": "40570982",
+      "name": "待发货V6xx-3",
+      "font_class": "daifahuoV6xx-3",
+      "unicode": "e74b",
+      "unicode_decimal": 59211
+    },
+    {
+      "icon_id": "40571056",
+      "name": "展开-右缩进V6xx",
+      "font_class": "zhankai-yousuojinV6xx",
+      "unicode": "e74c",
+      "unicode_decimal": 59212
+    },
+    {
+      "icon_id": "40571055",
+      "name": "收起-左缩进V6xx",
+      "font_class": "shouqi-zuosuojinV6xx",
+      "unicode": "e74d",
+      "unicode_decimal": 59213
+    },
+    {
+      "icon_id": "40571054",
+      "name": "文档V6xx",
+      "font_class": "wendangV6xx",
+      "unicode": "e74e",
+      "unicode_decimal": 59214
+    },
+    {
+      "icon_id": "40571053",
+      "name": "笑脸V6xx",
+      "font_class": "xiaolianV6xx",
+      "unicode": "e74f",
+      "unicode_decimal": 59215
+    },
+    {
+      "icon_id": "40571052",
+      "name": "交换V6xx",
+      "font_class": "jiaohuanV6xx",
+      "unicode": "e750",
+      "unicode_decimal": 59216
+    },
+    {
+      "icon_id": "40571051",
+      "name": "圆圈V6xx",
+      "font_class": "yuanquanV6xx",
+      "unicode": "e751",
+      "unicode_decimal": 59217
+    },
+    {
+      "icon_id": "40571042",
+      "name": "Group 840V6xx",
+      "font_class": "a-Group840V6xx",
+      "unicode": "e752",
+      "unicode_decimal": 59218
+    },
+    {
+      "icon_id": "40571050",
+      "name": "楼层V6xx",
+      "font_class": "loucengV6xx",
+      "unicode": "e753",
+      "unicode_decimal": 59219
+    },
+    {
+      "icon_id": "40571044",
+      "name": "扩展V6xx",
+      "font_class": "kuozhanV6xx",
+      "unicode": "e754",
+      "unicode_decimal": 59220
+    },
+    {
+      "icon_id": "40571049",
+      "name": "扫一扫V6xx",
+      "font_class": "saoyisaoV6xx",
+      "unicode": "e755",
+      "unicode_decimal": 59221
+    },
+    {
+      "icon_id": "40571048",
+      "name": "扫条形码V6xx",
+      "font_class": "saotiaoxingmaV6xx",
+      "unicode": "e756",
+      "unicode_decimal": 59222
+    },
+    {
+      "icon_id": "40571047",
+      "name": "扫条形码V6xx-1",
+      "font_class": "saotiaoxingmaV6xx-1",
+      "unicode": "e757",
+      "unicode_decimal": 59223
+    },
+    {
+      "icon_id": "40571041",
+      "name": "二维码V6xx-1",
+      "font_class": "erweimaV6xx-1",
+      "unicode": "e758",
+      "unicode_decimal": 59224
+    },
+    {
+      "icon_id": "40571046",
+      "name": "复制V6xx",
+      "font_class": "fuzhiV6xx",
+      "unicode": "e759",
+      "unicode_decimal": 59225
+    },
+    {
+      "icon_id": "40571045",
+      "name": "链接V6xx",
+      "font_class": "lianjieV6xx",
+      "unicode": "e75a",
+      "unicode_decimal": 59226
+    },
+    {
+      "icon_id": "40571043",
+      "name": "电话V6xx",
+      "font_class": "dianhuaV6xx",
+      "unicode": "e75b",
+      "unicode_decimal": 59227
+    },
+    {
+      "icon_id": "40571040",
+      "name": "核销台V6xx",
+      "font_class": "hexiaotaiV6xx",
+      "unicode": "e75c",
+      "unicode_decimal": 59228
+    },
+    {
+      "icon_id": "40571037",
+      "name": "分隔符V6xx",
+      "font_class": "fengefuV6xx",
+      "unicode": "e75d",
+      "unicode_decimal": 59229
+    },
+    {
+      "icon_id": "40571038",
+      "name": "放大V6xx",
+      "font_class": "fangdaV6xx",
+      "unicode": "e75e",
+      "unicode_decimal": 59230
+    },
+    {
+      "icon_id": "40571039",
+      "name": "二维码V6xx",
+      "font_class": "erweimaV6xx",
+      "unicode": "e75f",
+      "unicode_decimal": 59231
+    },
+    {
+      "icon_id": "40571017",
+      "name": "待发货V6xx-4",
+      "font_class": "daifahuoV6xx-4",
+      "unicode": "e760",
+      "unicode_decimal": 59232
+    }
+  ]
+}
diff --git a/admin/src/styles/index.scss b/admin/src/styles/index.scss
index 4fa5fe99f..e30521b0f 100644
--- a/admin/src/styles/index.scss
+++ b/admin/src/styles/index.scss
@@ -5,4 +5,5 @@
 @import 'element-plus.scss';
 @import 'icon/iconfont.css';
 @import 'icon/addon-iconfont.css'; // 安装卸载插件时，动态引用插件的图标库文件
+@import 'icon/official-iconfont.css';
 @import 'common.scss';
\ No newline at end of file
diff --git a/admin/src/utils/common.ts b/admin/src/utils/common.ts
index 801aa163b..8223e6ce9 100644
--- a/admin/src/utils/common.ts
+++ b/admin/src/utils/common.ts
@@ -203,7 +203,7 @@ export function deepClone(obj: object) {
  * 生成唯一字符
  * @param {Number} len
  * @param {Boolean} firstU
- * @param {Nubmer} radix
+ * @param {Number} radix
  */
 export function guid(len = 10, firstU = true, radix = null) {
     const chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('')
diff --git a/admin/src/utils/request.ts b/admin/src/utils/request.ts
index 133d58b83..beb872b4b 100644
--- a/admin/src/utils/request.ts
+++ b/admin/src/utils/request.ts
@@ -40,8 +40,8 @@ class Request {
                 // 携带token site-id
                 if (getToken()) {
                     config.headers[import.meta.env.VITE_REQUEST_HEADER_TOKEN_KEY] = getToken()
-                    config.headers[import.meta.env.VITE_REQUEST_HEADER_SITEID_KEY] = storage.get('siteId') || 0
                 }
+                config.headers[import.meta.env.VITE_REQUEST_HEADER_SITEID_KEY] = storage.get('siteId') || 0
                 return config
             },
             (err: any) => {