fix(Permission Configuration, Dashboard): The background color value needs to follow the theme color

Author: dataeaseShu

frontend/src/assets/img/none-dashboard.svg

@@ -45,6 +45,7 @@ const routerList = computed(() => {
   const list = router.getRoutes().filter((route) => {
     return (
       !route.path.includes('assistant') &&
+      !route.path.includes('embeddedPage') &&
       !route.path.includes('canvas') &&
       !route.path.includes('member') &&
       !route.path.includes('permission') &&

frontend/src/assets/permission/icon_custom-tools_colorful.png

@@ -331,3 +331,23 @@ strong {
 .ed-popper[data-popper-placement^='right'] > .ed-popper__arrow {
   left: -5px !important;
 }
+
+.ed-form.last {
+  .ed-form-item {
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+}
+
+.icon-primary.icon-primary {
+  color: var(--ed-color-primary);
+}
+
+.icon-primary_15_d.icon-primary_15_d {
+  color: var(--ed-color-primary-15-d);
+}
+
+.icon-primary_60.icon-primary_60 {
+  color: var(--ed-color-primary-60);
+}

frontend/src/assets/permission/icon_custom-tools_colorful.svg

@@ -136,6 +136,13 @@ export const setCurrentColor = (currentColor: any) => {
       .mix(new colorTree('ffffff'), new colorTree(currentColor.substr(1)), { value: 80 })
       .toRGB()
   )
+
+  document.documentElement.style.setProperty(
+    '--ed-color-primary-15-d',
+    colorFunctions
+      .mix(new colorTree('000000'), new colorTree(currentColor.substr(1)), { value: 15 })
+      .toRGB()
+  )
   document.documentElement.style.setProperty('--ed-color-primary-1a', `${currentColor}1a`)
   document.documentElement.style.setProperty('--ed-color-primary-14', `${currentColor}14`)
   document.documentElement.style.setProperty('--ed-color-primary-33', `${currentColor}33`)

frontend/src/assets/permission/icon_dashboard.svg

@@ -0,0 +1,43 @@
+<script lang="ts" setup>
+import nothingSelectDashboard from '@/assets/img/none-dashboard.svg'
+defineProps({
+  imageSize: {
+    type: Number,
+    default: 125,
+  },
+  description: {
+    type: String,
+    default: '',
+  },
+})
+</script>
+
+<template>
+  <div class="ed-empty empty-info">
+    <div class="ed-empty__image" style="width: 125px">
+      <el-icon size="125" class="icon-primary">
+        <nothingSelectDashboard></nothingSelectDashboard>
+      </el-icon>
+    </div>
+    <div class="ed-empty__description">
+      <p>{{ description }}</p>
+    </div>
+  </div>
+</template>
+
+<style lang="less" scoped>
+.empty-info {
+  height: 90%;
+  padding-top: 0;
+}
+:deep(.ed-empty__description) {
+  margin-top: 8px;
+
+  color: var(--N600, #646a73);
+  text-align: center;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 22px;
+}
+</style>

frontend/src/components/layout/Menu.vue

@@ -175,6 +175,7 @@ defineExpose({
       require-asterisk-position="right"
       :model="resourceForm"
       :rules="resourceFormRules"
+      class="last"
       @submit.prevent
     >
       <el-form-item :label="state.resourceFormNameLabel" prop="name">

frontend/src/style.less

@@ -4,7 +4,7 @@ import { treeDraggableChart } from '@/views/dashboard/utils/treeDraggableChart'
 import icon_searchOutline_outlined from '@/assets/svg/icon_search-outline_outlined.svg'
 import icon_folder from '@/assets/svg/icon_folder.svg'
 import ope_add from '@/assets/svg/operate/ope-add.svg'
-import icon_dashboard from '@/assets/svg/icon_dashboard.svg'
+import icon_dashboard from '@/assets/permission/icon_dashboard.svg'
 import icon_edit_outlined from '@/assets/svg/icon_edit_outlined.svg'
 import icon_rename from '@/assets/svg/icon_rename.svg'
 import icon_delete from '@/assets/svg/icon_delete.svg'
@@ -422,7 +422,7 @@ defineExpose({
             <el-icon v-if="data.node_type !== 'leaf'" style="font-size: 18px">
               <Icon name="icon_folder"><icon_folder class="svg-icon" /></Icon>
             </el-icon>
-            <el-icon v-else style="font-size: 18px">
+            <el-icon v-else class="icon-primary" style="font-size: 18px">
               <Icon name="icon_dashboard"><icon_dashboard class="svg-icon" /></Icon>
             </el-icon>
             <span :title="node.label" class="label-tooltip">