diff --git a/src/api/system/dept.ts b/src/api/system/dept.ts
index 06e3178..befae46 100644
--- a/src/api/system/dept.ts
+++ b/src/api/system/dept.ts
@@ -41,7 +41,7 @@
 // 添加组织机构
 export function addDept(data: object) {
   return request({
-    url: `${prefix}/dept/add`,
+    url: '/sys/extend/dept/add',
     method: 'post',
     data,
   })
@@ -49,7 +49,7 @@
 // 修改组织机构
 export function updateDept(data: object) {
   return request({
-    url: `${prefix}/dept/update`,
+    url: '/sys/extend/dept/update',
     method: 'post',
     data,
   })
@@ -57,7 +57,7 @@
 // 删除组织机构
 export function delDept(id: string) {
   return request({
-    url: `${prefix}/dept/delete`,
+    url: '/sys/extend/dept/delete',
     method: 'post',
     data: {
       id,

diff --git a/src/api/system/dept.ts b/src/api/system/dept.ts
index 06e3178..befae46 100644
--- a/src/api/system/dept.ts
+++ b/src/api/system/dept.ts
@@ -41,7 +41,7 @@
 // 添加组织机构
 export function addDept(data: object) {
   return request({
-    url: `${prefix}/dept/add`,
+    url: '/sys/extend/dept/add',
     method: 'post',
     data,
   })
@@ -49,7 +49,7 @@
 // 修改组织机构
 export function updateDept(data: object) {
   return request({
-    url: `${prefix}/dept/update`,
+    url: '/sys/extend/dept/update',
     method: 'post',
     data,
   })
@@ -57,7 +57,7 @@
 // 删除组织机构
 export function delDept(id: string) {
   return request({
-    url: `${prefix}/dept/delete`,
+    url: '/sys/extend/dept/delete',
     method: 'post',
     data: {
       id,
diff --git a/src/assets/images/bench/clock.png b/src/assets/images/bench/clock.png
new file mode 100644
index 0000000..7d65357
--- /dev/null
+++ b/src/assets/images/bench/clock.png
Binary files differ

diff --git a/src/api/system/dept.ts b/src/api/system/dept.ts
index 06e3178..befae46 100644
--- a/src/api/system/dept.ts
+++ b/src/api/system/dept.ts
@@ -41,7 +41,7 @@
 // 添加组织机构
 export function addDept(data: object) {
   return request({
-    url: `${prefix}/dept/add`,
+    url: '/sys/extend/dept/add',
     method: 'post',
     data,
   })
@@ -49,7 +49,7 @@
 // 修改组织机构
 export function updateDept(data: object) {
   return request({
-    url: `${prefix}/dept/update`,
+    url: '/sys/extend/dept/update',
     method: 'post',
     data,
   })
@@ -57,7 +57,7 @@
 // 删除组织机构
 export function delDept(id: string) {
   return request({
-    url: `${prefix}/dept/delete`,
+    url: '/sys/extend/dept/delete',
     method: 'post',
     data: {
       id,
diff --git a/src/assets/images/bench/clock.png b/src/assets/images/bench/clock.png
new file mode 100644
index 0000000..7d65357
--- /dev/null
+++ b/src/assets/images/bench/clock.png
Binary files differ
diff --git a/src/components.d.ts b/src/components.d.ts
index 8b37b44..0bb0edd 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -18,6 +18,7 @@
     CopyerDrawer: typeof import('./components/drawer/copyerDrawer.vue')['default']
     Copyright: typeof import('./components/Copyright/index.vue')['default']
     DeptSelect: typeof import('./components/DeptSelect/index.vue')['default']
+    Echart: typeof import('./components/Echart/index.vue')['default']
     Echarts: typeof import('./components/echarts/index.vue')['default']
     Editor: typeof import('./components/Editor/index.vue')['default']
     EmployeesDialog: typeof import('./components/dialog/employeesDialog.vue')['default']

diff --git a/src/api/system/dept.ts b/src/api/system/dept.ts
index 06e3178..befae46 100644
--- a/src/api/system/dept.ts
+++ b/src/api/system/dept.ts
@@ -41,7 +41,7 @@
 // 添加组织机构
 export function addDept(data: object) {
   return request({
-    url: `${prefix}/dept/add`,
+    url: '/sys/extend/dept/add',
     method: 'post',
     data,
   })
@@ -49,7 +49,7 @@
 // 修改组织机构
 export function updateDept(data: object) {
   return request({
-    url: `${prefix}/dept/update`,
+    url: '/sys/extend/dept/update',
     method: 'post',
     data,
   })
@@ -57,7 +57,7 @@
 // 删除组织机构
 export function delDept(id: string) {
   return request({
-    url: `${prefix}/dept/delete`,
+    url: '/sys/extend/dept/delete',
     method: 'post',
     data: {
       id,
diff --git a/src/assets/images/bench/clock.png b/src/assets/images/bench/clock.png
new file mode 100644
index 0000000..7d65357
--- /dev/null
+++ b/src/assets/images/bench/clock.png
Binary files differ
diff --git a/src/components.d.ts b/src/components.d.ts
index 8b37b44..0bb0edd 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -18,6 +18,7 @@
     CopyerDrawer: typeof import('./components/drawer/copyerDrawer.vue')['default']
     Copyright: typeof import('./components/Copyright/index.vue')['default']
     DeptSelect: typeof import('./components/DeptSelect/index.vue')['default']
+    Echart: typeof import('./components/Echart/index.vue')['default']
     Echarts: typeof import('./components/echarts/index.vue')['default']
     Editor: typeof import('./components/Editor/index.vue')['default']
     EmployeesDialog: typeof import('./components/dialog/employeesDialog.vue')['default']
diff --git a/src/components/Echart/index.vue b/src/components/Echart/index.vue
new file mode 100644
index 0000000..9efe188
--- /dev/null
+++ b/src/components/Echart/index.vue
@@ -0,0 +1,55 @@
+<script lang="ts" setup name="Echart">
+import type { Ref } from 'vue'
+import { onMounted, ref } from 'vue'
+import type { ECharts } from 'echarts'
+import { EChartsOption, init } from 'echarts'
+import tdTheme from './theme.json' // 引入默认主题
+const props = defineProps({
+  className: {
+    type: String,
+    default: 'chart',
+  },
+  id: {
+    type: String,
+    default: 'chart',
+  },
+  width: {
+    type: String,
+    default: '100%',
+  },
+  height: {
+    type: String,
+    default: '100%',
+  },
+  options: {
+    type: Object,
+    default: () => ({}),
+  },
+})
+
+// 图表对象
+let chart: ECharts
+const chartRef: Ref<HTMLElement | null> = ref(null)
+
+watch(props.options, (newVal) => {
+  chart.setOption(newVal, true)
+}, { deep: true })
+
+// 初始化
+function initChart() {
+  chart.setOption(props.options, true)
+}
+
+onMounted(() => {
+  chart = init(chartRef.value as HTMLElement, tdTheme)
+  initChart()
+})
+</script>
+
+<template>
+  <div :id="id" ref="chartRef" :class="className" :style="{ height, width }" />
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>

diff --git a/src/api/system/dept.ts b/src/api/system/dept.ts
index 06e3178..befae46 100644
--- a/src/api/system/dept.ts
+++ b/src/api/system/dept.ts
@@ -41,7 +41,7 @@
 // 添加组织机构
 export function addDept(data: object) {
   return request({
-    url: `${prefix}/dept/add`,
+    url: '/sys/extend/dept/add',
     method: 'post',
     data,
   })
@@ -49,7 +49,7 @@
 // 修改组织机构
 export function updateDept(data: object) {
   return request({
-    url: `${prefix}/dept/update`,
+    url: '/sys/extend/dept/update',
     method: 'post',
     data,
   })
@@ -57,7 +57,7 @@
 // 删除组织机构
 export function delDept(id: string) {
   return request({
-    url: `${prefix}/dept/delete`,
+    url: '/sys/extend/dept/delete',
     method: 'post',
     data: {
       id,
diff --git a/src/assets/images/bench/clock.png b/src/assets/images/bench/clock.png
new file mode 100644
index 0000000..7d65357
--- /dev/null
+++ b/src/assets/images/bench/clock.png
Binary files differ
diff --git a/src/components.d.ts b/src/components.d.ts
index 8b37b44..0bb0edd 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -18,6 +18,7 @@
     CopyerDrawer: typeof import('./components/drawer/copyerDrawer.vue')['default']
     Copyright: typeof import('./components/Copyright/index.vue')['default']
     DeptSelect: typeof import('./components/DeptSelect/index.vue')['default']
+    Echart: typeof import('./components/Echart/index.vue')['default']
     Echarts: typeof import('./components/echarts/index.vue')['default']
     Editor: typeof import('./components/Editor/index.vue')['default']
     EmployeesDialog: typeof import('./components/dialog/employeesDialog.vue')['default']
diff --git a/src/components/Echart/index.vue b/src/components/Echart/index.vue
new file mode 100644
index 0000000..9efe188
--- /dev/null
+++ b/src/components/Echart/index.vue
@@ -0,0 +1,55 @@
+<script lang="ts" setup name="Echart">
+import type { Ref } from 'vue'
+import { onMounted, ref } from 'vue'
+import type { ECharts } from 'echarts'
+import { EChartsOption, init } from 'echarts'
+import tdTheme from './theme.json' // 引入默认主题
+const props = defineProps({
+  className: {
+    type: String,
+    default: 'chart',
+  },
+  id: {
+    type: String,
+    default: 'chart',
+  },
+  width: {
+    type: String,
+    default: '100%',
+  },
+  height: {
+    type: String,
+    default: '100%',
+  },
+  options: {
+    type: Object,
+    default: () => ({}),
+  },
+})
+
+// 图表对象
+let chart: ECharts
+const chartRef: Ref<HTMLElement | null> = ref(null)
+
+watch(props.options, (newVal) => {
+  chart.setOption(newVal, true)
+}, { deep: true })
+
+// 初始化
+function initChart() {
+  chart.setOption(props.options, true)
+}
+
+onMounted(() => {
+  chart = init(chartRef.value as HTMLElement, tdTheme)
+  initChart()
+})
+</script>
+
+<template>
+  <div :id="id" ref="chartRef" :class="className" :style="{ height, width }" />
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
diff --git a/src/components/Echart/theme.json b/src/components/Echart/theme.json
new file mode 100644
index 0000000..58a1f46
--- /dev/null
+++ b/src/components/Echart/theme.json
@@ -0,0 +1,491 @@
+{
+  "color": [
+    "#2d8cf0",
+    "#19be6b",
+    "#ff9900",
+    "#E46CBB",
+    "#9A66E4",
+    "#ed3f14",
+    "#01C2F9"
+  ],
+  "backgroundColor": "rgba(0,0,0,0)",
+  "textStyle": {},
+  "title": {
+    "textStyle": {
+      "color": "#516b91"
+    },
+    "subtextStyle": {
+      "color": "#93b7e3"
+    }
+  },
+  "line": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": "2"
+      }
+    },
+    "lineStyle": {
+      "normal": {
+        "width": "2"
+      }
+    },
+    "symbolSize": "6",
+    "symbol": "emptyCircle",
+    "smooth": true
+  },
+  "radar": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": "2"
+      }
+    },
+    "lineStyle": {
+      "normal": {
+        "width": "2"
+      }
+    },
+    "symbolSize": "6",
+    "symbol": "emptyCircle",
+    "smooth": true
+  },
+  "bar": {
+    "itemStyle": {
+      "normal": {
+        "barBorderWidth": 0,
+        "barBorderColor": "#ccc"
+      },
+      "emphasis": {
+        "barBorderWidth": 0,
+        "barBorderColor": "#ccc"
+      }
+    }
+  },
+  "pie": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      },
+      "emphasis": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      }
+    }
+  },
+  "scatter": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      },
+      "emphasis": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      }
+    }
+  },
+  "boxplot": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      },
+      "emphasis": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      }
+    }
+  },
+  "parallel": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      },
+      "emphasis": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      }
+    }
+  },
+  "sankey": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      },
+      "emphasis": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      }
+    }
+  },
+  "funnel": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      },
+      "emphasis": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      }
+    }
+  },
+  "gauge": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      },
+      "emphasis": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      }
+    }
+  },
+  "candlestick": {
+    "itemStyle": {
+      "normal": {
+        "color": "#edafda",
+        "color0": "transparent",
+        "borderColor": "#d680bc",
+        "borderColor0": "#8fd3e8",
+        "borderWidth": "2"
+      }
+    }
+  },
+  "graph": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      }
+    },
+    "lineStyle": {
+      "normal": {
+        "width": 1,
+        "color": "#aaa"
+      }
+    },
+    "symbolSize": "6",
+    "symbol": "emptyCircle",
+    "smooth": true,
+    "color": [
+      "#3d7eff",
+      "#19be6b",
+      "#f5ae4a",
+      "#9189d5",
+      "#56cae2",
+      "#cbb0e3"
+    ],
+    "label": {
+      "normal": {
+        "textStyle": {
+          "color": "#eee"
+        }
+      }
+    }
+  },
+  "map": {
+    "itemStyle": {
+      "normal": {
+        "areaColor": "#f3f3f3",
+        "borderColor": "#516b91",
+        "borderWidth": 0.5
+      },
+      "emphasis": {
+        "areaColor": "rgba(165,231,240,1)",
+        "borderColor": "#516b91",
+        "borderWidth": 1
+      }
+    },
+    "label": {
+      "normal": {
+        "textStyle": {
+          "color": "#000"
+        }
+      },
+      "emphasis": {
+        "textStyle": {
+          "color": "rgb(81,107,145)"
+        }
+      }
+    }
+  },
+  "geo": {
+    "itemStyle": {
+      "normal": {
+        "areaColor": "#f3f3f3",
+        "borderColor": "#516b91",
+        "borderWidth": 0.5
+      },
+      "emphasis": {
+        "areaColor": "rgba(165,231,240,1)",
+        "borderColor": "#516b91",
+        "borderWidth": 1
+      }
+    },
+    "label": {
+      "normal": {
+        "textStyle": {
+          "color": "#000"
+        }
+      },
+      "emphasis": {
+        "textStyle": {
+          "color": "rgb(81,107,145)"
+        }
+      }
+    }
+  },
+  "categoryAxis": {
+    "axisLine": {
+      "show": true,
+      "lineStyle": {
+        "color": "#cccccc"
+      }
+    },
+    "axisTick": {
+      "show": false,
+      "lineStyle": {
+        "color": "#333"
+      }
+    },
+    "axisLabel": {
+      "show": true,
+      "textStyle": {
+        "color": "#fff"
+      }
+    },
+    "splitLine": {
+      "show": false,
+      "lineStyle": {
+        "color": [
+          "#eeeeee"
+        ]
+      }
+    },
+    "splitArea": {
+      "show": false,
+      "areaStyle": {
+        "color": [
+          "rgba(250,250,250,0.05)",
+          "rgba(200,200,200,0.02)"
+        ]
+      }
+    }
+  },
+  "valueAxis": {
+    "axisLine": {
+      "show": true,
+      "lineStyle": {
+        "color": "#cccccc"
+      }
+    },
+    "axisTick": {
+      "show": false,
+      "lineStyle": {
+        "color": "#333"
+      }
+    },
+    "axisLabel": {
+      "show": true,
+      "textStyle": {
+        "color": "#fff"
+      }
+    },
+    "splitLine": {
+      "show": false,
+      "lineStyle": {
+        "color": [
+          "#eeeeee"
+        ]
+      }
+    },
+    "splitArea": {
+      "show": false,
+      "areaStyle": {
+        "color": [
+          "rgba(250,250,250,0.05)",
+          "rgba(200,200,200,0.02)"
+        ]
+      }
+    }
+  },
+  "logAxis": {
+    "axisLine": {
+      "show": true,
+      "lineStyle": {
+        "color": "#cccccc"
+      }
+    },
+    "axisTick": {
+      "show": false,
+      "lineStyle": {
+        "color": "#333"
+      }
+    },
+    "axisLabel": {
+      "show": true,
+      "textStyle": {
+        "color": "#999999"
+      }
+    },
+    "splitLine": {
+      "show": true,
+      "lineStyle": {
+        "color": [
+          "#eeeeee"
+        ]
+      }
+    },
+    "splitArea": {
+      "show": false,
+      "areaStyle": {
+        "color": [
+          "rgba(250,250,250,0.05)",
+          "rgba(200,200,200,0.02)"
+        ]
+      }
+    }
+  },
+  "timeAxis": {
+    "axisLine": {
+      "show": true,
+      "lineStyle": {
+        "color": "#cccccc"
+      }
+    },
+    "axisTick": {
+      "show": false,
+      "lineStyle": {
+        "color": "#333"
+      }
+    },
+    "axisLabel": {
+      "show": true,
+      "textStyle": {
+        "color": "#999999"
+      }
+    },
+    "splitLine": {
+      "show": true,
+      "lineStyle": {
+        "color": [
+          "#eeeeee"
+        ]
+      }
+    },
+    "splitArea": {
+      "show": false,
+      "areaStyle": {
+        "color": [
+          "rgba(250,250,250,0.05)",
+          "rgba(200,200,200,0.02)"
+        ]
+      }
+    }
+  },
+  "toolbox": {
+    "iconStyle": {
+      "normal": {
+        "borderColor": "#999"
+      },
+      "emphasis": {
+        "borderColor": "#666"
+      }
+    }
+  },
+  "legend": {
+    "textStyle": {
+      "color": "#fff"
+    }
+  },
+  "tooltip": {
+    "axisPointer": {
+      "lineStyle": {
+        "color": "#ccc",
+        "width": 1
+      },
+      "crossStyle": {
+        "color": "#ccc",
+        "width": 1
+      }
+    }
+  },
+  "timeline": {
+    "lineStyle": {
+      "color": "#8fd3e8",
+      "width": 1
+    },
+    "itemStyle": {
+      "normal": {
+        "color": "#8fd3e8",
+        "borderWidth": 1
+      },
+      "emphasis": {
+        "color": "#8fd3e8"
+      }
+    },
+    "controlStyle": {
+      "normal": {
+        "color": "#8fd3e8",
+        "borderColor": "#8fd3e8",
+        "borderWidth": 0.5
+      },
+      "emphasis": {
+        "color": "#8fd3e8",
+        "borderColor": "#8fd3e8",
+        "borderWidth": 0.5
+      }
+    },
+    "checkpointStyle": {
+      "color": "#8fd3e8",
+      "borderColor": "rgba(138,124,168,0.37)"
+    },
+    "label": {
+      "normal": {
+        "textStyle": {
+          "color": "#8fd3e8"
+        }
+      },
+      "emphasis": {
+        "textStyle": {
+          "color": "#8fd3e8"
+        }
+      }
+    }
+  },
+  "visualMap": {
+    "color": [
+      "#516b91",
+      "#59c4e6",
+      "#a5e7f0"
+    ]
+  },
+  "dataZoom": {
+    "backgroundColor": "rgba(0,0,0,0)",
+    "dataBackgroundColor": "rgba(255,255,255,0.3)",
+    "fillerColor": "rgba(167,183,204,0.4)",
+    "handleColor": "#a7b7cc",
+    "handleSize": "100%",
+    "textStyle": {
+      "color": "#333"
+    }
+  },
+  "markPoint": {
+    "label": {
+      "normal": {
+        "textStyle": {
+          "color": "#eee"
+        }
+      },
+      "emphasis": {
+        "textStyle": {
+          "color": "#eee"
+        }
+      }
+    }
+  }
+}

diff --git a/src/api/system/dept.ts b/src/api/system/dept.ts
index 06e3178..befae46 100644
--- a/src/api/system/dept.ts
+++ b/src/api/system/dept.ts
@@ -41,7 +41,7 @@
 // 添加组织机构
 export function addDept(data: object) {
   return request({
-    url: `${prefix}/dept/add`,
+    url: '/sys/extend/dept/add',
     method: 'post',
     data,
   })
@@ -49,7 +49,7 @@
 // 修改组织机构
 export function updateDept(data: object) {
   return request({
-    url: `${prefix}/dept/update`,
+    url: '/sys/extend/dept/update',
     method: 'post',
     data,
   })
@@ -57,7 +57,7 @@
 // 删除组织机构
 export function delDept(id: string) {
   return request({
-    url: `${prefix}/dept/delete`,
+    url: '/sys/extend/dept/delete',
     method: 'post',
     data: {
       id,
diff --git a/src/assets/images/bench/clock.png b/src/assets/images/bench/clock.png
new file mode 100644
index 0000000..7d65357
--- /dev/null
+++ b/src/assets/images/bench/clock.png
Binary files differ
diff --git a/src/components.d.ts b/src/components.d.ts
index 8b37b44..0bb0edd 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -18,6 +18,7 @@
     CopyerDrawer: typeof import('./components/drawer/copyerDrawer.vue')['default']
     Copyright: typeof import('./components/Copyright/index.vue')['default']
     DeptSelect: typeof import('./components/DeptSelect/index.vue')['default']
+    Echart: typeof import('./components/Echart/index.vue')['default']
     Echarts: typeof import('./components/echarts/index.vue')['default']
     Editor: typeof import('./components/Editor/index.vue')['default']
     EmployeesDialog: typeof import('./components/dialog/employeesDialog.vue')['default']
diff --git a/src/components/Echart/index.vue b/src/components/Echart/index.vue
new file mode 100644
index 0000000..9efe188
--- /dev/null
+++ b/src/components/Echart/index.vue
@@ -0,0 +1,55 @@
+<script lang="ts" setup name="Echart">
+import type { Ref } from 'vue'
+import { onMounted, ref } from 'vue'
+import type { ECharts } from 'echarts'
+import { EChartsOption, init } from 'echarts'
+import tdTheme from './theme.json' // 引入默认主题
+const props = defineProps({
+  className: {
+    type: String,
+    default: 'chart',
+  },
+  id: {
+    type: String,
+    default: 'chart',
+  },
+  width: {
+    type: String,
+    default: '100%',
+  },
+  height: {
+    type: String,
+    default: '100%',
+  },
+  options: {
+    type: Object,
+    default: () => ({}),
+  },
+})
+
+// 图表对象
+let chart: ECharts
+const chartRef: Ref<HTMLElement | null> = ref(null)
+
+watch(props.options, (newVal) => {
+  chart.setOption(newVal, true)
+}, { deep: true })
+
+// 初始化
+function initChart() {
+  chart.setOption(props.options, true)
+}
+
+onMounted(() => {
+  chart = init(chartRef.value as HTMLElement, tdTheme)
+  initChart()
+})
+</script>
+
+<template>
+  <div :id="id" ref="chartRef" :class="className" :style="{ height, width }" />
+</template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
diff --git a/src/components/Echart/theme.json b/src/components/Echart/theme.json
new file mode 100644
index 0000000..58a1f46
--- /dev/null
+++ b/src/components/Echart/theme.json
@@ -0,0 +1,491 @@
+{
+  "color": [
+    "#2d8cf0",
+    "#19be6b",
+    "#ff9900",
+    "#E46CBB",
+    "#9A66E4",
+    "#ed3f14",
+    "#01C2F9"
+  ],
+  "backgroundColor": "rgba(0,0,0,0)",
+  "textStyle": {},
+  "title": {
+    "textStyle": {
+      "color": "#516b91"
+    },
+    "subtextStyle": {
+      "color": "#93b7e3"
+    }
+  },
+  "line": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": "2"
+      }
+    },
+    "lineStyle": {
+      "normal": {
+        "width": "2"
+      }
+    },
+    "symbolSize": "6",
+    "symbol": "emptyCircle",
+    "smooth": true
+  },
+  "radar": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": "2"
+      }
+    },
+    "lineStyle": {
+      "normal": {
+        "width": "2"
+      }
+    },
+    "symbolSize": "6",
+    "symbol": "emptyCircle",
+    "smooth": true
+  },
+  "bar": {
+    "itemStyle": {
+      "normal": {
+        "barBorderWidth": 0,
+        "barBorderColor": "#ccc"
+      },
+      "emphasis": {
+        "barBorderWidth": 0,
+        "barBorderColor": "#ccc"
+      }
+    }
+  },
+  "pie": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      },
+      "emphasis": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      }
+    }
+  },
+  "scatter": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      },
+      "emphasis": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      }
+    }
+  },
+  "boxplot": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      },
+      "emphasis": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      }
+    }
+  },
+  "parallel": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      },
+      "emphasis": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      }
+    }
+  },
+  "sankey": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      },
+      "emphasis": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      }
+    }
+  },
+  "funnel": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      },
+      "emphasis": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      }
+    }
+  },
+  "gauge": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      },
+      "emphasis": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      }
+    }
+  },
+  "candlestick": {
+    "itemStyle": {
+      "normal": {
+        "color": "#edafda",
+        "color0": "transparent",
+        "borderColor": "#d680bc",
+        "borderColor0": "#8fd3e8",
+        "borderWidth": "2"
+      }
+    }
+  },
+  "graph": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      }
+    },
+    "lineStyle": {
+      "normal": {
+        "width": 1,
+        "color": "#aaa"
+      }
+    },
+    "symbolSize": "6",
+    "symbol": "emptyCircle",
+    "smooth": true,
+    "color": [
+      "#3d7eff",
+      "#19be6b",
+      "#f5ae4a",
+      "#9189d5",
+      "#56cae2",
+      "#cbb0e3"
+    ],
+    "label": {
+      "normal": {
+        "textStyle": {
+          "color": "#eee"
+        }
+      }
+    }
+  },
+  "map": {
+    "itemStyle": {
+      "normal": {
+        "areaColor": "#f3f3f3",
+        "borderColor": "#516b91",
+        "borderWidth": 0.5
+      },
+      "emphasis": {
+        "areaColor": "rgba(165,231,240,1)",
+        "borderColor": "#516b91",
+        "borderWidth": 1
+      }
+    },
+    "label": {
+      "normal": {
+        "textStyle": {
+          "color": "#000"
+        }
+      },
+      "emphasis": {
+        "textStyle": {
+          "color": "rgb(81,107,145)"
+        }
+      }
+    }
+  },
+  "geo": {
+    "itemStyle": {
+      "normal": {
+        "areaColor": "#f3f3f3",
+        "borderColor": "#516b91",
+        "borderWidth": 0.5
+      },
+      "emphasis": {
+        "areaColor": "rgba(165,231,240,1)",
+        "borderColor": "#516b91",
+        "borderWidth": 1
+      }
+    },
+    "label": {
+      "normal": {
+        "textStyle": {
+          "color": "#000"
+        }
+      },
+      "emphasis": {
+        "textStyle": {
+          "color": "rgb(81,107,145)"
+        }
+      }
+    }
+  },
+  "categoryAxis": {
+    "axisLine": {
+      "show": true,
+      "lineStyle": {
+        "color": "#cccccc"
+      }
+    },
+    "axisTick": {
+      "show": false,
+      "lineStyle": {
+        "color": "#333"
+      }
+    },
+    "axisLabel": {
+      "show": true,
+      "textStyle": {
+        "color": "#fff"
+      }
+    },
+    "splitLine": {
+      "show": false,
+      "lineStyle": {
+        "color": [
+          "#eeeeee"
+        ]
+      }
+    },
+    "splitArea": {
+      "show": false,
+      "areaStyle": {
+        "color": [
+          "rgba(250,250,250,0.05)",
+          "rgba(200,200,200,0.02)"
+        ]
+      }
+    }
+  },
+  "valueAxis": {
+    "axisLine": {
+      "show": true,
+      "lineStyle": {
+        "color": "#cccccc"
+      }
+    },
+    "axisTick": {
+      "show": false,
+      "lineStyle": {
+        "color": "#333"
+      }
+    },
+    "axisLabel": {
+      "show": true,
+      "textStyle": {
+        "color": "#fff"
+      }
+    },
+    "splitLine": {
+      "show": false,
+      "lineStyle": {
+        "color": [
+          "#eeeeee"
+        ]
+      }
+    },
+    "splitArea": {
+      "show": false,
+      "areaStyle": {
+        "color": [
+          "rgba(250,250,250,0.05)",
+          "rgba(200,200,200,0.02)"
+        ]
+      }
+    }
+  },
+  "logAxis": {
+    "axisLine": {
+      "show": true,
+      "lineStyle": {
+        "color": "#cccccc"
+      }
+    },
+    "axisTick": {
+      "show": false,
+      "lineStyle": {
+        "color": "#333"
+      }
+    },
+    "axisLabel": {
+      "show": true,
+      "textStyle": {
+        "color": "#999999"
+      }
+    },
+    "splitLine": {
+      "show": true,
+      "lineStyle": {
+        "color": [
+          "#eeeeee"
+        ]
+      }
+    },
+    "splitArea": {
+      "show": false,
+      "areaStyle": {
+        "color": [
+          "rgba(250,250,250,0.05)",
+          "rgba(200,200,200,0.02)"
+        ]
+      }
+    }
+  },
+  "timeAxis": {
+    "axisLine": {
+      "show": true,
+      "lineStyle": {
+        "color": "#cccccc"
+      }
+    },
+    "axisTick": {
+      "show": false,
+      "lineStyle": {
+        "color": "#333"
+      }
+    },
+    "axisLabel": {
+      "show": true,
+      "textStyle": {
+        "color": "#999999"
+      }
+    },
+    "splitLine": {
+      "show": true,
+      "lineStyle": {
+        "color": [
+          "#eeeeee"
+        ]
+      }
+    },
+    "splitArea": {
+      "show": false,
+      "areaStyle": {
+        "color": [
+          "rgba(250,250,250,0.05)",
+          "rgba(200,200,200,0.02)"
+        ]
+      }
+    }
+  },
+  "toolbox": {
+    "iconStyle": {
+      "normal": {
+        "borderColor": "#999"
+      },
+      "emphasis": {
+        "borderColor": "#666"
+      }
+    }
+  },
+  "legend": {
+    "textStyle": {
+      "color": "#fff"
+    }
+  },
+  "tooltip": {
+    "axisPointer": {
+      "lineStyle": {
+        "color": "#ccc",
+        "width": 1
+      },
+      "crossStyle": {
+        "color": "#ccc",
+        "width": 1
+      }
+    }
+  },
+  "timeline": {
+    "lineStyle": {
+      "color": "#8fd3e8",
+      "width": 1
+    },
+    "itemStyle": {
+      "normal": {
+        "color": "#8fd3e8",
+        "borderWidth": 1
+      },
+      "emphasis": {
+        "color": "#8fd3e8"
+      }
+    },
+    "controlStyle": {
+      "normal": {
+        "color": "#8fd3e8",
+        "borderColor": "#8fd3e8",
+        "borderWidth": 0.5
+      },
+      "emphasis": {
+        "color": "#8fd3e8",
+        "borderColor": "#8fd3e8",
+        "borderWidth": 0.5
+      }
+    },
+    "checkpointStyle": {
+      "color": "#8fd3e8",
+      "borderColor": "rgba(138,124,168,0.37)"
+    },
+    "label": {
+      "normal": {
+        "textStyle": {
+          "color": "#8fd3e8"
+        }
+      },
+      "emphasis": {
+        "textStyle": {
+          "color": "#8fd3e8"
+        }
+      }
+    }
+  },
+  "visualMap": {
+    "color": [
+      "#516b91",
+      "#59c4e6",
+      "#a5e7f0"
+    ]
+  },
+  "dataZoom": {
+    "backgroundColor": "rgba(0,0,0,0)",
+    "dataBackgroundColor": "rgba(255,255,255,0.3)",
+    "fillerColor": "rgba(167,183,204,0.4)",
+    "handleColor": "#a7b7cc",
+    "handleSize": "100%",
+    "textStyle": {
+      "color": "#333"
+    }
+  },
+  "markPoint": {
+    "label": {
+      "normal": {
+        "textStyle": {
+          "color": "#eee"
+        }
+      },
+      "emphasis": {
+        "textStyle": {
+          "color": "#eee"
+        }
+      }
+    }
+  }
+}
diff --git a/src/views/system/dept/listDept.vue b/src/views/system/dept/listDept.vue
index 51788c3..81b1e4d 100644
--- a/src/views/system/dept/listDept.vue
+++ b/src/views/system/dept/listDept.vue
@@ -104,7 +104,7 @@
     </search-area>
     <table-container>
       <template #btns-right>
-        <el-button v-if="proxy.hasPerm('/sys/dept/add')" type="primary" :icon="Plus" @click="add">
+        <el-button v-if="proxy.hasPerm('/sys/extend/dept/add')" type="primary" :icon="Plus" @click="add">
           新增
         </el-button>
         <el-button :icon="Switch" @click="expandOrCollapse">
@@ -113,12 +113,12 @@
       </template>
       <el-table ref="table" v-loading="loading" :data="list" row-key="id" border stripe default-expand-all style="width: 100%;" :tree-props="{ children: 'children' }">
         <el-table-column v-for="column of columns" :key="column.value" :label="column.text" :prop="column.value" :width="column.width" :align="column.align" />
-        <el-table-column v-if="proxy.hasPerm('/sys/dept/update') || proxy.hasPerm('/sys/dept/delete')" label="操作" width="140" align="center">
+        <el-table-column v-if="proxy.hasPerm('/sys/extend/dept/update') || proxy.hasPerm('/sys/extend/dept/delete')" label="操作" width="140" align="center">
           <template #default="scope">
-            <el-button v-if="proxy.hasPerm('/sys/dept/update')" type="primary" text size="small" class="table-text-button" @click="edit(scope.row)">
+            <el-button v-if="proxy.hasPerm('/sys/extend/dept/update')" type="primary" text size="small" class="table-text-button" @click="edit(scope.row)">
               修改
             </el-button>
-            <el-button v-if="proxy.hasPerm('/sys/dept/delete')" type="primary" text size="small" class="table-text-button" @click="del(scope.row)">
+            <el-button v-if="proxy.hasPerm('/sys/extend/dept/delete')" type="primary" text size="small" class="table-text-button" @click="del(scope.row)">
               删除
             </el-button>
           </template>