feat: 移植系统设置

src/assets/style/public.scss

@@ -307,12 +307,25 @@ body {
 }
 
 .el-message-box__message {
-  min-height: 50px;
-  padding   : 0 30px;
+  min-height : 50px;
+  padding    : 0 30px;
+  display    : flex;
+  align-items: center;
+  gap        : 12px;
+}
+
+.el-message-box__container {
+  position   : static !important;
+  display    : flex;
+  align-items: center;
+  gap        : 12px;
 }
 
 .el-message-box__status {
-  top: -31px !important;
+  position   : static !important;
+  transform  : translate(-40px, -49px);
+  // top     : -20px !important;
+  // left    : -31px;
 }
 
 .el-message-box__title span::before {
@@ -568,4 +581,8 @@ html .el-input-group__append button.el-button {
 
 .el-color-predefine__color-selector {
   border: 1px solid #e5e5e5;
-}
+}
+
+// :root {
+//   --el-color-primary: green;
+// }

src/assets/style/theme/0084f4.scss

@@ -0,0 +1,9 @@
+@forward 'element-plus/theme-chalk/src/common/var.scss'with ($colors: ('primary': ('base': #0084f4, )),
+  $common-component-size: ('default': 40px));
+
+@use "element-plus/theme-chalk/src/index.scss"as *;
+
+.delBtn {
+  color   : #0084f4;
+  // color: rgb(250, 85, 85);
+}

src/assets/style/theme/009688.scss

@@ -0,0 +1,9 @@
+@forward 'element-plus/theme-chalk/src/common/var.scss'with ($colors: ('primary': ('base': #009688, )),
+  $common-component-size: ('default': 40px));
+
+@use "element-plus/theme-chalk/src/index.scss"as *;
+
+.delBtn {
+  color   : #D8000A;
+  // color: rgb(250, 85, 85);
+}

src/assets/style/theme/0096c7.scss

@@ -0,0 +1,9 @@
+@forward 'element-plus/theme-chalk/src/common/var.scss'with ($colors: ('primary': ('base': #0096c7, )),
+  $common-component-size: ('default': 40px));
+
+@use "element-plus/theme-chalk/src/index.scss"as *;
+
+.delBtn {
+  color   : #D8000A;
+  // color: rgb(250, 85, 85);
+}

src/assets/style/theme/0960bd.scss

@@ -0,0 +1,9 @@
+@forward 'element-plus/theme-chalk/src/common/var.scss'with ($colors: ('primary': ('base': #0960bd, )),
+  $common-component-size: ('default': 40px));
+
+@use "element-plus/theme-chalk/src/index.scss"as *;
+
+.delBtn {
+  color   : #D8000A;
+  // color: rgb(250, 85, 85);
+}

src/assets/style/theme/536dfe.scss

@@ -0,0 +1,9 @@
+@forward 'element-plus/theme-chalk/src/common/var.scss'with ($colors: ('primary': ('base': #536dfe, )),
+  $common-component-size: ('default': 40px));
+
+@use "element-plus/theme-chalk/src/index.scss"as *;
+
+.delBtn {
+  color   : #D8000A;
+  // color: rgb(250, 85, 85);
+}

src/assets/style/theme/9c27b0.scss

@@ -0,0 +1,9 @@
+@forward 'element-plus/theme-chalk/src/common/var.scss'with ($colors: ('primary': ('base': #9c27b0, )),
+  $common-component-size: ('default': 40px));
+
+@use "element-plus/theme-chalk/src/index.scss"as *;
+
+.delBtn {
+  color   : #D8000A;
+  // color: rgb(250, 85, 85);
+}

src/assets/style/theme/d8000a.scss

@@ -0,0 +1,9 @@
+@forward 'element-plus/theme-chalk/src/common/var.scss'with ($colors: ('primary': ('base': #d8000a, )),
+  $common-component-size: ('default': 40px));
+
+@use "element-plus/theme-chalk/src/index.scss"as *;
+
+.delBtn {
+  color   : #d8000a;
+  // color: rgb(250, 85, 85);
+}

src/assets/style/theme/ee4f12.scss

@@ -0,0 +1,9 @@
+@forward 'element-plus/theme-chalk/src/common/var.scss'with ($colors: ('primary': ('base': #ee4f12, )),
+  $common-component-size: ('default': 40px));
+
+@use "element-plus/theme-chalk/src/index.scss"as *;
+
+.delBtn {
+  color   : #D8000A;
+  // color: rgb(250, 85, 85);
+}

src/assets/style/theme/ff5c93.scss

@@ -0,0 +1,9 @@
+@forward 'element-plus/theme-chalk/src/common/var.scss'with ($colors: ('primary': ('base': #ff5c93, )),
+  $common-component-size: ('default': 40px));
+
+@use "element-plus/theme-chalk/src/index.scss"as *;
+
+.delBtn {
+  color   : #D8000A;
+  // color: rgb(250, 85, 85);
+}

src/assets/style/theme/ff9800.scss

@@ -0,0 +1,9 @@
+@forward 'element-plus/theme-chalk/src/common/var.scss'with ($colors: ('primary': ('base': #ff9800, )),
+  $common-component-size: ('default': 40px));
+
+@use "element-plus/theme-chalk/src/index.scss"as *;
+
+.delBtn {
+  color   : #D8000A;
+  // color: rgb(250, 85, 85);
+}

src/constant/permission.ts

@@ -6,7 +6,7 @@ import { DataScope } from "@/store/role";
 export const permissionChilds = ["select", "update", "delete", "add"];
 
 // 共有菜单
-export const pubPermissionMenus = [RouteName.statistics, RouteName.setting];
+export const pubPermissionMenus = [RouteName.statistics];
 
 // 登录用户共有权限
 export const pubPermissions: UserPermission[] = pubPermissionMenus.map(

src/main.ts

@@ -27,5 +27,5 @@ $ico.setAttribute("type", "image/svg+xml");
 $ico.setAttribute("href", appConstant.ico);
 document.head.appendChild($ico);
 
-// import "./setSystem";
+import "./setSystem";
 

src/setSystem.ts

@@ -21,6 +21,7 @@ const modules = import.meta.glob("@/assets/style/theme/*.scss", {
 axios.get(getSysSetting).then((data) => {
   systemData.value.name = data.data.title;
   systemData.value.color = data.data.themeColour;
+  // debugger
   refresh();
 });
 

vite.config.ts

@@ -33,8 +33,8 @@ export default ({ mode }: any) =>
     css: {
       preprocessorOptions: {
         scss: {
-          // api: 'modern',
-          additionalData: `@use "@/app/${mode}/useStyle.scss" as *;`,
+          api: 'modern',
+          // additionalData: `@use "@/app/${mode}/useStyle.scss" as *;`,
           silenceDeprecations: ["legacy-js-api"],
         },