From 18c354d7d98c4c07d0528f7b522da5933b7d7b84 Mon Sep 17 00:00:00 2001
From: odjbin <1042039504@qq.com>
Date: Thu, 12 Sep 2024 23:51:27 +0800
Subject: [PATCH 1/2] =?UTF-8?q?feat=20:=20=E8=AF=AD=E9=9F=B3=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E5=92=8C=E8=AF=9D=E5=8A=A1=E9=85=8D=E7=BD=AE=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E9=A1=B5=E9=9D=A2=E5=88=9D=E5=A7=8B=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../address-book-management/index.vue         | 102 ++++++++++++-
 .../phone-traffic-config/index.vue            | 135 +++++++++++++++++-
 .../sensitive-words/index.vue                 | 108 +++++++++++++-
 .../voice-management/verbal-trick/index.vue   | 113 ++++++++++++++-
 .../voice-management/voice-config/index.vue   | 113 ++++++++++++++-
 5 files changed, 551 insertions(+), 20 deletions(-)

diff --git a/src/views/phone-traffic-management/address-book-management/index.vue b/src/views/phone-traffic-management/address-book-management/index.vue
index 54b19c1..df9ff0c 100644
--- a/src/views/phone-traffic-management/address-book-management/index.vue
+++ b/src/views/phone-traffic-management/address-book-management/index.vue
@@ -1,10 +1,104 @@
 <template>
-
+  <fvSearchForm :searchConfig="searchConfig" @search="search">
+  </fvSearchForm>
+  <fvTable ref="tableIns" :tableConfig="tableConfig" :data="mockData" @headBtnClick="headBtnClick"></fvTable>
 </template>
 
-<script>
-export default {
-  name: "index"
+<script setup lang="jsx">
+const router = useRouter()
+const tableIns = ref()
+const mockData = ref([
+  {
+    workOrderNumber: 1211,
+    workOrderTime: '2022-02-09 00 : 12',
+    state: 0,
+    callState: 0
+  },
+  {
+    workOrderNumber: 232,
+    state: 1,
+    callState: 1
+  }
+])
+const searchConfig = reactive([
+  {
+    label: '电站',
+    prop: 'requirementName',
+    props: {
+      placeholder: '请输入电站查询',
+      clearable: true,
+      checkStrictly: true
+    },
+    component: 'el-input',
+  },
+  {
+    label: '角色',
+    prop: 'requirementName',
+    props: {
+      placeholder: '请输入角色查询',
+      clearable: true,
+      checkStrictly: true
+    },
+    component: 'el-input',
+  },
+  {
+    label: '姓名',
+    prop: 'requirementName',
+    props: {
+      placeholder: '请输入姓名查询',
+      clearable: true,
+      checkStrictly: true
+    },
+    component: 'el-input',
+  }
+])
+const tableConfig = reactive({
+  columns: [
+    {
+      prop: 'index',
+      type: 'index',
+      label: '序号',
+      align: 'center',
+      width: 80,
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '电站',
+      align: 'center'
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '角色',
+      align: 'center'
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '姓名',
+      align: 'center'
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '手机号',
+      align: 'center'
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '规则',
+      align: 'center'
+    }
+  ],
+  api: '',
+  params: {},
+  btns: [
+    {name: '新增', key: 'add',type:'primary',icon:'Plus'},
+  ]
+})
+const headBtnClick = (key) => {
+  switch (key) {
+    case 'add':
+      handleAdd()
+      break;
+  }
 }
 </script>
 
diff --git a/src/views/phone-traffic-management/phone-traffic-config/index.vue b/src/views/phone-traffic-management/phone-traffic-config/index.vue
index 54b19c1..0180f05 100644
--- a/src/views/phone-traffic-management/phone-traffic-config/index.vue
+++ b/src/views/phone-traffic-management/phone-traffic-config/index.vue
@@ -1,10 +1,137 @@
 <template>
-
+  <fvSearchForm :searchConfig="searchConfig" @search="search">
+  </fvSearchForm>
+  <fvTable ref="tableIns" :tableConfig="tableConfig" :data="mockData" @headBtnClick="headBtnClick"></fvTable>
 </template>
 
-<script>
-export default {
-  name: "index"
+<script setup lang="jsx">
+import { shallowRef } from 'vue';
+import fvSelect from '@/fvcomponents/fvSelect/index.vue'
+const router = useRouter()
+const tableIns = ref()
+const mockData = ref([
+  {
+    workOrderNumber: 1211,
+    workOrderTime: '2022-02-09 00 : 12',
+    state: 0,
+    callState: 0
+  },
+  {
+    workOrderNumber: 232,
+    state: 1,
+    callState: 1
+  }
+])
+const searchConfig = reactive([
+  {
+    label: '配置ID',
+    prop: 'requirementName',
+    props: {
+      placeholder: '请输入配置ID查询',
+      clearable: true,
+      checkStrictly: true
+    },
+    component: 'el-input',
+  },
+  {
+    label: '名称',
+    prop: 'requirementName',
+    props: {
+      placeholder: '请输入名称查询',
+      clearable: true,
+      checkStrictly: true
+    },
+    component: 'el-input',
+  },
+  {
+    label: '状态',
+    prop: 'requirementName',
+    props: {
+      placeholder: '请选择状态查询',
+      cacheKey: 'work_order_status',
+      clearable: true,
+      filterable: true,
+    },
+    component: shallowRef(fvSelect),
+  },
+  {
+    label: '创建日期',
+    prop: 'requirementName',
+    props: {
+      placeholder: '请选择',
+      clearable: true,
+      checkStrictly: true
+    },
+    component: 'el-date-picker',
+  }
+])
+const tableConfig = reactive({
+  columns: [
+    {
+      prop: 'index',
+      type: 'index',
+      label: '序号',
+      align: 'center',
+      width: 80,
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '配置ID',
+      align: 'center'
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '名称',
+      align: 'center'
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '类型',
+      align: 'center'
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '内容',
+      align: 'center'
+    },
+    {
+      prop: 'state',
+      label: '状态',
+      align: 'center',
+      showOverflowTooltip: false,
+      currentRender: ({ row, index }) => {
+        if (row.state !== null) {
+          return (<Tag dictType={'work_order_status'} value={row.state} />)
+        } else {
+          return '--'
+        }
+      }
+    },
+    {
+      prop: 'workOrderTime',
+      label: '创建时间',
+      align: 'center',
+      width: 200
+    },
+    {
+      prop: 'remark',
+      label: '备注',
+      align: 'center',
+      width: 200
+    }
+  ],
+  api: '',
+  params: {},
+  btns: [
+    {name: '新增', key: 'add',type:'primary',icon:'Plus'},
+  ]
+})
+const headBtnClick = (key) => {
+  switch (key) {
+    case 'add':
+      handleAdd()
+      break;
+  }
 }
 </script>
 
diff --git a/src/views/voice-management/sensitive-words/index.vue b/src/views/voice-management/sensitive-words/index.vue
index 54b19c1..9336000 100644
--- a/src/views/voice-management/sensitive-words/index.vue
+++ b/src/views/voice-management/sensitive-words/index.vue
@@ -1,10 +1,110 @@
 <template>
-
+  <fvSearchForm :searchConfig="searchConfig" @search="search">
+  </fvSearchForm>
+  <fvTable ref="tableIns" :tableConfig="tableConfig" :data="mockData" @headBtnClick="headBtnClick"></fvTable>
 </template>
 
-<script>
-export default {
-  name: "index"
+<script setup lang="jsx">
+import { shallowRef } from 'vue';
+import fvSelect from '@/fvcomponents/fvSelect/index.vue'
+const router = useRouter()
+const tableIns = ref()
+const mockData = ref([
+  {
+    workOrderNumber: 1211,
+    workOrderTime: '2022-02-09 00 : 12',
+    state: 0,
+    callState: 0
+  },
+  {
+    workOrderNumber: 232,
+    state: 1,
+    callState: 1
+  }
+])
+const searchConfig = reactive([
+  {
+    label: '替换词',
+    prop: 'requirementName',
+    props: {
+      placeholder: '请输入替换词查询',
+      clearable: true,
+      checkStrictly: true
+    },
+    component: 'el-input',
+  },
+  {
+    label: '状态',
+    prop: 'requirementName',
+    props: {
+      placeholder: '请选择状态查询',
+      cacheKey: 'work_order_status',
+      clearable: true,
+      filterable: true,
+    },
+    component: shallowRef(fvSelect),
+  },
+])
+const tableConfig = reactive({
+  columns: [
+    {
+      prop: 'index',
+      type: 'index',
+      label: '序号',
+      align: 'center',
+      width: 80,
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '敏感词ID',
+      align: 'center'
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '内容',
+      align: 'center'
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '替换词',
+      align: 'center'
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '创建时间',
+      align: 'center'
+    },
+    {
+      prop: 'state',
+      label: '状态',
+      align: 'center',
+      showOverflowTooltip: false,
+      currentRender: ({ row, index }) => {
+        if (row.state !== null) {
+          return (<Tag dictType={'work_order_status'} value={row.state} />)
+        } else {
+          return '--'
+        }
+      }
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '备注',
+      align: 'center'
+    }
+  ],
+  api: '',
+  params: {},
+  btns: [
+    {name: '新增', key: 'add',type:'primary',icon:'Plus'},
+  ]
+})
+const headBtnClick = (key) => {
+  switch (key) {
+    case 'add':
+      handleAdd()
+      break;
+  }
 }
 </script>
 
diff --git a/src/views/voice-management/verbal-trick/index.vue b/src/views/voice-management/verbal-trick/index.vue
index 54b19c1..bd43189 100644
--- a/src/views/voice-management/verbal-trick/index.vue
+++ b/src/views/voice-management/verbal-trick/index.vue
@@ -1,10 +1,115 @@
 <template>
-
+  <fvSearchForm :searchConfig="searchConfig" @search="search">
+  </fvSearchForm>
+  <fvTable ref="tableIns" :tableConfig="tableConfig" :data="mockData" @headBtnClick="headBtnClick"></fvTable>
 </template>
 
-<script>
-export default {
-  name: "index"
+<script setup lang="jsx">
+import { shallowRef } from 'vue';
+import fvSelect from '@/fvcomponents/fvSelect/index.vue'
+const router = useRouter()
+const tableIns = ref()
+const mockData = ref([
+  {
+    workOrderNumber: 1211,
+    workOrderTime: '2022-02-09 00 : 12',
+    state: 0,
+    callState: 0
+  },
+  {
+    workOrderNumber: 232,
+    state: 1,
+    callState: 1
+  }
+])
+const searchConfig = reactive([
+  {
+    label: '名称',
+    prop: 'requirementName',
+    props: {
+      placeholder: '请输入名称查询',
+      clearable: true,
+      checkStrictly: true
+    },
+    component: 'el-input',
+  },
+  {
+    label: '状态',
+    prop: 'requirementName',
+    props: {
+      placeholder: '请选择状态查询',
+      cacheKey: 'work_order_status',
+      clearable: true,
+      filterable: true,
+    },
+    component: shallowRef(fvSelect),
+  },
+])
+const tableConfig = reactive({
+  columns: [
+    {
+      prop: 'index',
+      type: 'index',
+      label: '序号',
+      align: 'center',
+      width: 80,
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '话术ID',
+      align: 'center'
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '名称',
+      align: 'center'
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '类型',
+      align: 'center'
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '内容',
+      align: 'center'
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '创建时间',
+      align: 'center'
+    },
+    {
+      prop: 'state',
+      label: '状态',
+      align: 'center',
+      showOverflowTooltip: false,
+      currentRender: ({ row, index }) => {
+        if (row.state !== null) {
+          return (<Tag dictType={'work_order_status'} value={row.state} />)
+        } else {
+          return '--'
+        }
+      }
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '备注',
+      align: 'center'
+    }
+  ],
+  api: '',
+  params: {},
+  btns: [
+    {name: '新增', key: 'add',type:'primary',icon:'Plus'},
+  ]
+})
+const headBtnClick = (key) => {
+  switch (key) {
+    case 'add':
+      handleAdd()
+      break;
+  }
 }
 </script>
 
diff --git a/src/views/voice-management/voice-config/index.vue b/src/views/voice-management/voice-config/index.vue
index 54b19c1..d8b332b 100644
--- a/src/views/voice-management/voice-config/index.vue
+++ b/src/views/voice-management/voice-config/index.vue
@@ -1,10 +1,115 @@
 <template>
-
+  <fvSearchForm :searchConfig="searchConfig" @search="search">
+  </fvSearchForm>
+  <fvTable ref="tableIns" :tableConfig="tableConfig" :data="mockData" @headBtnClick="headBtnClick"></fvTable>
 </template>
 
-<script>
-export default {
-  name: "index"
+<script setup lang="jsx">
+import { shallowRef } from 'vue';
+import fvSelect from '@/fvcomponents/fvSelect/index.vue'
+const router = useRouter()
+const tableIns = ref()
+const mockData = ref([
+  {
+    workOrderNumber: 1211,
+    workOrderTime: '2022-02-09 00 : 12',
+    state: 0,
+    callState: 0
+  },
+  {
+    workOrderNumber: 232,
+    state: 1,
+    callState: 1
+  }
+])
+const searchConfig = reactive([
+  {
+    label: '名称',
+    prop: 'requirementName',
+    props: {
+      placeholder: '请输入名称查询',
+      clearable: true,
+      checkStrictly: true
+    },
+    component: 'el-input',
+  },
+  {
+    label: '状态',
+    prop: 'requirementName',
+    props: {
+      placeholder: '请选择状态查询',
+      cacheKey: 'work_order_status',
+      clearable: true,
+      filterable: true,
+    },
+    component: shallowRef(fvSelect),
+  },
+])
+const tableConfig = reactive({
+  columns: [
+    {
+      prop: 'index',
+      type: 'index',
+      label: '序号',
+      align: 'center',
+      width: 80,
+    },
+    {
+      prop: 'workOrderNumber',
+      label: 'ID',
+      align: 'center'
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '名称',
+      align: 'center'
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '类型',
+      align: 'center'
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '内容',
+      align: 'center'
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '创建时间',
+      align: 'center'
+    },
+    {
+      prop: 'state',
+      label: '状态',
+      align: 'center',
+      showOverflowTooltip: false,
+      currentRender: ({ row, index }) => {
+        if (row.state !== null) {
+          return (<Tag dictType={'work_order_status'} value={row.state} />)
+        } else {
+          return '--'
+        }
+      }
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '备注',
+      align: 'center'
+    }
+  ],
+  api: '',
+  params: {},
+  btns: [
+    {name: '新增', key: 'add',type:'primary',icon:'Plus'},
+  ]
+})
+const headBtnClick = (key) => {
+  switch (key) {
+    case 'add':
+      handleAdd()
+      break;
+  }
 }
 </script>
 

From ba32db42219bc0d1b26902789966c3457d144496 Mon Sep 17 00:00:00 2001
From: odjbin <1042039504@qq.com>
Date: Fri, 13 Sep 2024 00:19:20 +0800
Subject: [PATCH 2/2] =?UTF-8?q?feat=20:=20=E8=8F=9C=E5=8D=95=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/svg/address.svg       | 1 +
 src/assets/svg/all_task.svg      | 1 +
 src/assets/svg/history_task.svg  | 1 +
 src/assets/svg/huashu.svg        | 1 +
 src/assets/svg/huawu-config.svg  | 1 +
 src/assets/svg/huawu-manage.svg  | 1 +
 src/assets/svg/mingan.svg        | 1 +
 src/assets/svg/task.svg          | 1 +
 src/assets/svg/todo_task.svg     | 1 +
 src/assets/svg/yuying-manage.svg | 1 +
 src/assets/svg/yuying_config.svg | 1 +
 11 files changed, 11 insertions(+)
 create mode 100644 src/assets/svg/address.svg
 create mode 100644 src/assets/svg/all_task.svg
 create mode 100644 src/assets/svg/history_task.svg
 create mode 100644 src/assets/svg/huashu.svg
 create mode 100644 src/assets/svg/huawu-config.svg
 create mode 100644 src/assets/svg/huawu-manage.svg
 create mode 100644 src/assets/svg/mingan.svg
 create mode 100644 src/assets/svg/task.svg
 create mode 100644 src/assets/svg/todo_task.svg
 create mode 100644 src/assets/svg/yuying-manage.svg
 create mode 100644 src/assets/svg/yuying_config.svg

diff --git a/src/assets/svg/address.svg b/src/assets/svg/address.svg
new file mode 100644
index 0000000..5dd4151
--- /dev/null
+++ b/src/assets/svg/address.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1726157251587" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13708" xmlns:xlink="http://www.w3.org/1999/xlink" width="256" height="256"><path d="M307.5 651c0 6.7 0.3 13.4 1 19.9h81.7c-1.1-6.5-1.7-13.1-1.7-19.9 0-64.6 52.3-116.9 116.9-116.9 64.6 0 116.9 52.3 116.9 116.9 0 6.8-0.5 13.4-1.7 19.9h81.7c0.6-6.6 1-13.2 1-19.9 0-69.7-36.1-130.9-90.5-166.2 22-25.2 35.4-58.1 35.4-94.1 0-78.9-63.9-142.8-142.8-142.8s-142.8 64-142.8 142.8c0 36.1 13.4 69 35.4 94.1-54.4 35.3-90.5 96.5-90.5 166.2z m197.9-322.2c34.1 0 61.8 27.7 61.8 61.8 0 34.1-27.7 61.8-61.8 61.8-34.1 0-61.8-27.7-61.8-61.8 0-34.1 27.7-61.8 61.8-61.8z" p-id="13709" fill="#2c2c2c"></path><path d="M791 25.8H199.7C130 25.8 73 82.9 73 152.6v17h81v-16.1c0-22.8 18.6-41.4 41.4-41.4h600c22.8 0 41.4 18.6 41.4 41.4v447.3c25.7-10.4 52.9-18 81-22.7V152.6C917.7 82.9 860.7 25.8 791 25.8zM195.4 848.2c-22.8 0-41.4-18.6-41.4-41.4v-19.4H73v20.3c0 69.7 57 126.7 126.7 126.7h396.7c1.8-29.8 7-58.6 15.1-86.2H195.4zM57.6 523.1h96c22.4 0 40.5-18.1 40.5-40.5s-18.1-40.5-40.5-40.5h-96c-21.6 0-39.3 17-40.5 38.4v4.3c1.1 21.3 18.8 38.3 40.5 38.3zM57.6 356.3h96c22.4 0 40.5-18.1 40.5-40.5s-18.1-40.5-40.6-40.5h-96c-21.2 0-38.6 16.3-40.3 37v7c1.7 20.7 19.2 37 40.4 37zM57.5 687.4h96c22.4 0 40.5-18.2 40.5-40.5 0-22.4-18.1-40.5-40.5-40.5h-96c-21.2 0-38.6 16.3-40.3 37v7c1.7 20.7 19.1 37 40.3 37z" p-id="13710" fill="#2c2c2c"></path><path d="M959.4 822.6c0.6-5.9 1.1-11.7 0.9-17.9-0.2-6-0.7-11.9-1.7-17.8l38.9-30.8c3.5-2.9 4.3-7.8 2-11.7l-38.7-62.1c-2.5-3.8-7.3-5.4-11.5-3.8l-46.2 19.1c-9.9-7.1-20.6-12.8-32-17.1l-8.1-48c-0.8-4.5-4.8-7.7-9.4-7.5l-74.8 1.6c-4.6 0-8.4 3.3-9 7.8l-6.1 48.3c-11.1 4.8-21.6 11-31.2 18.4l-46.9-17.2c-4.3-1.6-9.1 0.2-11.3 4.2l-36.1 63.7c-2.3 3.9-1.2 8.9 2.5 11.6l40.1 29.1c-0.7 5.9-1 11.9-0.9 17.8 0.1 6 0.8 12 1.7 17.8l-38.8 30.8c-3.5 2.9-4.3 7.8-2 11.7l38.7 62.1c2.4 3.9 7.4 5.3 11.5 3.7l46.2-19.1c9.9 7.1 20.5 12.8 32 17.1l8.1 48c0.8 4.5 4.8 7.7 9.4 7.5l74.8-1.6c4.7-0.1 8.6-3.5 9-7.8l6.1-48.3c11.2-4.8 21.7-11 31.2-18.4l46.9 17.2c4.3 1.6 9.1-0.2 11.3-4.2l36.1-63.7c2.2-3.9 1.1-8.9-2.5-11.6l-40.2-28.9z m-138 48.7c-36.1 0.8-66.1-27.2-66.8-62.3-0.7-35 28-64.2 64.1-65 36-0.8 66.1 27.2 66.8 62.2 0.8 35.2-28 64.4-64.1 65.1z m0 0" p-id="13711" fill="#2c2c2c"></path></svg>
diff --git a/src/assets/svg/all_task.svg b/src/assets/svg/all_task.svg
new file mode 100644
index 0000000..3b93c1e
--- /dev/null
+++ b/src/assets/svg/all_task.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1726156664992" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5383" xmlns:xlink="http://www.w3.org/1999/xlink" width="256" height="256"><path d="M801.4 181.6H716v-41.3c0-12.1-9.8-21.8-21.8-21.8h-80.8C598.5 85.5 559.1 63 512.3 63s-86.1 22.5-101 55.5h-80.9c-12.1 0-21.8 9.8-21.8 21.8v41.3h-85.4c-41.6 0-75.5 29.4-75.5 65.5v647.2c0 36.1 33.9 65.5 75.5 65.5h578.2c41.6 0 75.5-29.4 75.5-65.5V247.1c-0.1-36.1-33.9-65.5-75.5-65.5z m-449.2-19.5h75.1c10.7 0 19.9-7.8 21.5-18.4 2.9-18.2 27.3-37.1 63.4-37.1 36.1 0 60.6 18.8 63.4 37.1 1.7 10.6 10.8 18.4 21.5 18.4h75.1v88.7h-320v-88.7z m481 732.1c0 11.9-14.6 21.9-31.9 21.9H223.2c-17.2 0-31.9-10-31.9-21.9V247.1c0-11.9 14.6-21.9 31.9-21.9h85.4v47.4c0 12.1 9.8 21.8 21.8 21.8h363.7c12.1 0 21.8-9.8 21.8-21.8v-47.4h85.4c17.2 0 31.9 10 31.9 21.9v647.1z" p-id="5384" fill="#2c2c2c"></path><path d="M712 386.4H306.3c-12.1 0-21.8 9.8-21.8 21.8 0 12.1 9.8 21.8 21.8 21.8H712c12.1 0 21.8-9.8 21.8-21.8 0-12.1-9.8-21.8-21.8-21.8zM712 559.5H306.3c-12.1 0-21.8 9.8-21.8 21.8s9.8 21.8 21.8 21.8H712c12.1 0 21.8-9.8 21.8-21.8s-9.8-21.8-21.8-21.8zM581.1 732.5H306.3c-12.1 0-21.8 9.8-21.8 21.8s9.8 21.8 21.8 21.8h274.9c12.1 0 21.8-9.8 21.8-21.8s-9.8-21.8-21.9-21.8z" p-id="5385" fill="#2c2c2c"></path></svg>
diff --git a/src/assets/svg/history_task.svg b/src/assets/svg/history_task.svg
new file mode 100644
index 0000000..98aa163
--- /dev/null
+++ b/src/assets/svg/history_task.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1726156719915" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6489" xmlns:xlink="http://www.w3.org/1999/xlink" width="256" height="256"><path d="M470.118 882.693H152.003a11.008 11.008 0 0 1-10.998-10.993V179.973a11.008 11.008 0 0 1 10.998-10.998h89.323a20.147 20.147 0 1 0 0-40.289h-89.323c-28.278 0-51.287 23.004-51.287 51.287V871.7c0 28.278 23.004 51.288 51.287 51.288h318.115a20.142 20.142 0 0 0 0-40.295z m256.66-713.718h94.941c6.062 0 10.988 4.93 10.988 10.998v325.883a20.142 20.142 0 0 0 40.294 0V179.973c0-28.283-23.004-51.287-51.282-51.287h-94.94a20.142 20.142 0 0 0 0 40.29z m-423.408 55.85a20.142 20.142 0 0 0 20.142-20.148V98.104a20.142 20.142 0 1 0-40.289 0v106.573a20.157 20.157 0 0 0 20.147 20.147z m66.376-55.855H597.6a20.147 20.147 0 1 0 0-40.284H369.746a20.142 20.142 0 1 0 0 40.284z m292.024 55.854a20.152 20.152 0 0 0 20.153-20.147V98.104a20.152 20.152 0 0 0-40.295 0v106.573a20.152 20.152 0 0 0 20.142 20.147zM243.907 350.218a20.142 20.142 0 0 0 20.147 20.142h333.2a20.142 20.142 0 0 0 0-40.289H264.048a20.142 20.142 0 0 0-20.142 20.147z m186.741 215.808a20.147 20.147 0 0 0 0-40.289h-166.6a20.147 20.147 0 1 0 0 40.29h166.6z m58.844-138.117H264.05a20.142 20.142 0 1 0 0 40.284h225.438a20.147 20.147 0 1 0 0.005-40.284z m387.759 195.22c-39.235-39.234-91.413-60.845-146.898-60.845-55.501 0-107.669 21.611-146.903 60.846-39.24 39.24-60.857 91.412-60.857 146.908 0 55.49 21.617 107.658 60.857 146.898 39.234 39.24 91.407 60.85 146.903 60.85 55.49 0 107.663-21.61 146.898-60.85 39.24-39.24 60.85-91.413 60.85-146.898 0-55.496-21.61-107.669-60.85-146.908zM730.348 937.504c-92.345 0-167.47-75.126-167.47-167.465 0-92.35 75.125-167.47 167.47-167.47 92.339 0 167.47 75.12 167.47 167.47 0 92.344-75.126 167.465-167.47 167.465z m4.613-308.142a20.142 20.142 0 0 0-20.148 20.142v113.08H667.31a20.147 20.147 0 0 0 0 40.29h67.615l0.036 0.004a20.152 20.152 0 0 0 20.147-20.147V649.503a20.152 20.152 0 0 0-20.147-20.142z" fill="#2c2c2c" p-id="6490"></path></svg>
diff --git a/src/assets/svg/huashu.svg b/src/assets/svg/huashu.svg
new file mode 100644
index 0000000..8256cc6
--- /dev/null
+++ b/src/assets/svg/huashu.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1726157139207" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11246" xmlns:xlink="http://www.w3.org/1999/xlink" width="256" height="256"><path d="M955.733 0H614.4a68.267 68.267 0 0 0-68.267 68.267v204.8a68.267 68.267 0 0 0 68.267 68.266h10.53l-10.393 83.217a17.067 17.067 0 0 0 28.16 14.968l112.264-98.185h200.772A68.267 68.267 0 0 0 1024 273.067v-204.8A68.267 68.267 0 0 0 955.733 0z m34.134 273.067a34.133 34.133 0 0 1-34.134 34.133H748.544a17.067 17.067 0 0 0-11.23 4.215l-83.353 72.91 7.236-57.942a17.067 17.067 0 0 0-16.93-19.183H614.4a34.133 34.133 0 0 1-34.133-34.133v-204.8A34.133 34.133 0 0 1 614.4 34.133h341.333a34.133 34.133 0 0 1 34.134 34.134z" p-id="11247" fill="#2c2c2c"></path><path d="M665.6 119.467a51.2 51.2 0 1 0 0 102.4 51.2 51.2 0 0 0 0-102.4z m0 68.266a17.067 17.067 0 1 1 0-34.133 17.067 17.067 0 0 1 0 34.133z m119.467-68.266a51.2 51.2 0 1 0 0 102.4 51.2 51.2 0 0 0 0-102.4z m0 68.266a17.067 17.067 0 1 1 0-34.133 17.067 17.067 0 0 1 0 34.133z m119.466-68.266a51.2 51.2 0 1 0 0 102.4 51.2 51.2 0 0 0 0-102.4z m0 68.266a17.067 17.067 0 1 1 0-34.133 17.067 17.067 0 0 1 0 34.133z m51.2 409.6H806.161L693.897 499.15a17.067 17.067 0 0 0-28.16 14.967l10.393 83.217H665.6a68.267 68.267 0 0 0-68.267 68.267v153.6a68.267 68.267 0 0 0 68.267 68.267h290.133A68.267 68.267 0 0 0 1024 819.2V665.6a68.267 68.267 0 0 0-68.267-68.267zM989.867 819.2a34.133 34.133 0 0 1-34.134 34.133H665.6a34.133 34.133 0 0 1-34.133-34.133V665.6a34.133 34.133 0 0 1 34.133-34.133h29.867a17.067 17.067 0 0 0 16.93-19.183l-7.236-57.942 83.319 72.91a17.067 17.067 0 0 0 11.264 4.215h155.99a34.133 34.133 0 0 1 34.133 34.133z m-921.6-221.867h44.783a205.67 205.67 0 0 0 43.298 52.327A272.913 272.913 0 0 0 17.067 887.467V972.8a51.2 51.2 0 0 0 51.2 51.2H512a51.2 51.2 0 0 0 51.2-51.2v-85.333a273.783 273.783 0 0 0-139.196-237.893 205.892 205.892 0 0 0 43.213-52.24H512a68.267 68.267 0 0 0 68.267-68.267V460.8a68.062 68.062 0 0 0-33.502-58.436 272.691 272.691 0 0 0-513.263 0A68.062 68.062 0 0 0 0 460.8v68.267a68.267 68.267 0 0 0 68.267 68.266z m0-34.133a34.133 34.133 0 0 1-34.134-34.133V460.8a34.133 34.133 0 0 1 34.134-34.133H97.28a201.028 201.028 0 0 0 0 136.533z m51.2-68.267a170.667 170.667 0 1 1 333.772 50.176 349.61 349.61 0 0 1-98.286 17.067 51.2 51.2 0 0 0-47.753-33.11h-34.133a51.2 51.2 0 0 0 0 102.4H307.2a51.063 51.063 0 0 0 48.35-35.105 443.733 443.733 0 0 0 78.626-10.24 170.496 170.496 0 0 1-314.71-91.188z m204.8 85.334a17.067 17.067 0 0 1-17.067 17.066h-34.133a17.067 17.067 0 0 1 0-34.133H307.2a17.067 17.067 0 0 1 17.067 17.067zM458.99 718.643a236.68 236.68 0 0 1 70.076 168.824V972.8A17.067 17.067 0 0 1 512 989.867h-85.333v-102.4a17.067 17.067 0 0 0-34.134 0v102.4h-204.8v-102.4a17.067 17.067 0 0 0-34.133 0v102.4H68.267A17.067 17.067 0 0 1 51.2 972.8v-85.333a238.933 238.933 0 0 1 136.311-215.57 203.093 203.093 0 0 0 205.176 0 233.54 233.54 0 0 1 66.304 46.746z m87.142-189.576A34.133 34.133 0 0 1 512 563.2h-29.013a201.028 201.028 0 0 0 0-136.533H512a34.133 34.133 0 0 1 34.133 34.133zM290.133 256a238.353 238.353 0 0 1 215.62 136.533h-38.536a204.322 204.322 0 0 0-354.167 0H74.513A238.353 238.353 0 0 1 290.133 256z" p-id="11248" fill="#2c2c2c"></path><path d="M682.667 716.8h51.2a17.067 17.067 0 0 0 0-34.133h-51.2a17.067 17.067 0 0 0 0 34.133z m256-34.133H802.133a17.067 17.067 0 0 0 0 34.133h136.534a17.067 17.067 0 0 0 0-34.133z m0 85.333h-51.2a17.067 17.067 0 0 0 0 34.133h51.2a17.067 17.067 0 0 0 0-34.133zM819.2 768H682.667a17.067 17.067 0 0 0 0 34.133H819.2a17.067 17.067 0 0 0 0-34.133z" p-id="11249" fill="#2c2c2c"></path></svg>
diff --git a/src/assets/svg/huawu-config.svg b/src/assets/svg/huawu-config.svg
new file mode 100644
index 0000000..bc6c644
--- /dev/null
+++ b/src/assets/svg/huawu-config.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1726157766209" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19310" xmlns:xlink="http://www.w3.org/1999/xlink" width="256" height="256"><path d="M171.2 0c-70.6 0-128 57.4-128 128v768c0 70.6 57.4 128 128 128h533.4c-153.4 0-277.4-124.2-277.4-277.4 0.2-153.2 124.4-277.2 277.6-277 71.4 0 140.2 27.8 191.8 77.2V0H171.2z m511.8 298.8H256.4v-85.4h426.6v85.4z" p-id="19311" fill="#2c2c2c"></path><path d="M859 803.8l121.8 121.8-61.6 61.6c-21.6 21.6-51.2 33.6-81.8 33.4-140.8 0-320.6-179.8-320.6-320.6-0.2-30.6 11.8-60 33.4-81.8l61.6-61.6 121.8 121.8-80.2 80.2c23.8 56.6 68.8 101.6 125.4 125.6l80.2-80.4z" p-id="19312" fill="#2c2c2c"></path></svg>
diff --git a/src/assets/svg/huawu-manage.svg b/src/assets/svg/huawu-manage.svg
new file mode 100644
index 0000000..0154546
--- /dev/null
+++ b/src/assets/svg/huawu-manage.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1726157219771" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12451" xmlns:xlink="http://www.w3.org/1999/xlink" width="256" height="256"><path d="M180.571345 422.448458c0 22.41286-22.153175 40.590849-49.50006 40.590849l0 0c-27.306934 0-49.460109-18.177988-49.460109-40.590849l0-115.999536c0-22.432836 22.133199-40.610824 49.460109-40.610824l0 0c27.32691 0 49.50006 18.177988 49.50006 40.610824L180.571345 422.448458 180.571345 422.448458zM180.571345 422.448458" fill="#2c2c2c" p-id="12452"></path><path d="M625.053123 422.448458c0 22.41286-22.133199 40.590849-49.460109 40.590849l0 0c-27.32691 0-49.50006-18.177988-49.50006-40.590849l0-115.999536c0-22.432836 22.153175-40.610824 49.50006-40.610824l0 0c27.306934 0 49.460109 18.177988 49.460109 40.610824L625.053123 422.448458 625.053123 422.448458zM625.053123 422.448458" fill="#2c2c2c" p-id="12453"></path><path d="M62.873865 409.264422c0 11.366237-11.246382 20.595061-25.129571 20.595061l0 0c-13.843237 0-25.089619-9.228825-25.089619-20.595061l0-89.591514c0-11.386212 11.246382-20.615037 25.089619-20.615037l0 0c13.863213 0 25.129571 9.228825 25.129571 20.615037L62.873865 409.264422 62.873865 409.264422zM62.873865 409.264422" fill="#2c2c2c" p-id="12454"></path><path d="M690.953324 409.264422c0 11.366237-11.246382 20.595061-25.089619 20.595061l0 0c-13.863213 0-25.129571-9.228825-25.129571-20.595061l0-89.591514c0-11.386212 11.246382-20.615037 25.129571-20.615037l0 0c13.843237 0 25.089619 9.228825 25.089619 20.615037L690.953324 409.264422 690.953324 409.264422zM690.953324 409.264422" fill="#2c2c2c" p-id="12455"></path><path d="M352.123613 0C179.712385 0 39.422262 114.641181 38.203738 255.890143c-0.059927 0.639226-0.439468 1.178573-0.439468 1.797823 0 8.649526 8.549647 15.64106 19.056924 15.64106s19.056924-7.01151 19.056924-15.64106c0-0.37954-0.23971-0.699153-0.279661-1.058718C76.357537 131.96021 200.067737 30.722798 352.123613 30.722798c151.65636 0 275.066922 100.678089 276.465229 224.827756-0.119855 0.719129-0.499395 1.378331-0.499395 2.137412 0 8.649526 8.529671 15.64106 19.036948 15.64106s19.036948-7.01151 19.036948-15.64106C666.163342 115.60002 525.273945 0 352.123613 0L352.123613 0zM352.123613 0" fill="#2c2c2c" p-id="12456"></path><path d="M351.664169 565.595122c129.403306 0 234.655856-105.292501 234.655856-234.615904 0-129.38333-105.272526-234.655856-234.655856-234.655856S117.008313 201.615864 117.008313 330.979218C117.008313 460.322596 222.240887 565.595122 351.664169 565.595122z" fill="#2c2c2c" p-id="12457"></path><path d="M467.703657 786.008224c0-82.180488 32.480669-156.650312 85.037029-211.763576-6.592018-4.874098-13.30389-9.588389-20.235497-13.983068-49.97948 39.532131-112.26406 63.982524-180.84102 63.982524-68.616912 0-130.901492-24.550272-180.940899-63.982524C75.858142 620.648458 9.758182 726.720016 0.70914 849.571255l473.666438 0C470.040827 829.056097 467.703657 807.801834 467.703657 786.008224z" fill="#2c2c2c" p-id="12458"></path><path d="M683.981766 961.33592c-6.212477 0-11.246382-5.593227-11.246382-12.464906 0-7.031486 5.033904-12.664664 11.246382-12.664664l265.438581 0c6.232453 0 11.246382 5.633179 11.246382 12.664664 0 6.871679-5.013929 12.464906-11.246382 12.464906L683.981766 961.33592 683.981766 961.33592 683.981766 961.33592zM684.521113 610.600625c-6.472163 0-11.785729 4.934025-11.785729 11.126527l0 0.37954 0 77.645979c0 6.192502 5.313566 11.106551 11.785729 11.106551l0.279661 0 263.800564 0 0.339589 0c6.512114 0 11.725801-4.91405 11.725801-11.106551l0-77.645979 0-0.37954c0-6.192502-5.213687-11.126527-11.725801-11.126527L684.521113 610.600625 684.521113 610.600625 684.521113 610.600625zM697.785052 685.769603l0-50.099335 237.83201 0 0 50.099335L697.785052 685.769603 697.785052 685.769603 697.785052 685.769603zM610.151167 685.769603l-62.604193 0 0 275.426486c0 48.02185 62.604193 50.678633 62.604193 0L610.151167 735.828986 610.151167 685.769603 610.151167 685.769603zM585.1015 1023.76033c-16.26031 0-34.298468-6.492139-45.085406-17.438883l-0.039952 0c-10.766962-10.886817-17.558738-25.8487-17.558738-42.328744l0.099879-278.2231c0-10.746986 14.382584-25.029692 25.029692-25.029692l62.604193 0 0-87.633884c0-10.746986 14.482463-25.049667 25.029692-25.049667l0 0 363.100322 0c10.627132 0 25.009716 14.302681 25.009716 25.049667l0 0 0 388.090062c0 16.480044-6.671921 34.238541-17.398932 45.145334l-0.079903 0-0.279661 0.399516c-10.786938 10.547228-25.549063 17.259101-41.769421 17.259101L585.1015 1023.76033 585.1015 1023.76033zM998.261206 573.086051 635.180859 573.086051l0 425.684539 325.48587 0c33.339629 0 37.614453-40.291211 37.614453-37.574501L998.281181 573.086051 998.261206 573.086051zM822.434114 761.018484l0.319613 0 126.107297 0c6.512114 0 11.805704 5.453396 11.805704 11.945535l0 0.399516 0 63.263394c0 6.452187-5.29359 11.765753-11.805704 11.765753l-0.359565 0-126.087321 0c-6.53209 0-11.845656-5.333542-11.845656-11.765753l0-0.37954 0-63.28337C810.588458 766.491856 815.902024 761.018484 822.434114 761.018484L822.434114 761.018484 822.434114 761.018484zM937.035344 784.909554 834.299746 784.909554l0 39.77184 102.735598 0L937.035344 784.909554 937.035344 784.909554 937.035344 784.909554zM683.402468 785.968272c-5.872889 0-10.647107-5.613203-10.647107-12.704616 0-6.831727 4.774219-12.44493 10.647107-12.44493l104.01405 0c5.852913 0 10.627132 5.613203 10.627132 12.44493 0 7.071437-4.774219 12.704616-10.627132 12.704616L683.402468 785.968272 683.402468 785.968272 683.402468 785.968272zM683.402468 848.352731c-5.872889 0-10.647107-5.513324-10.647107-12.245172 0-6.951582 4.774219-12.464906 10.647107-12.464906l104.01405 0c5.852913 0 10.627132 5.493348 10.627132 12.464906 0 6.711873-4.774219 12.245172-10.627132 12.245172L683.402468 848.352731 683.402468 848.352731 683.402468 848.352731zM683.981766 910.996875c-6.212477 0-11.246382-5.733058-11.246382-12.44493 0-6.971558 5.033904-12.464906 11.246382-12.464906l265.438581 0c6.232453 0 11.246382 5.493348 11.246382 12.464906 0 6.691897-5.013929 12.44493-11.246382 12.44493L683.981766 910.996875 683.981766 910.996875 683.981766 910.996875zM683.981766 910.996875" fill="#2c2c2c" p-id="12459"></path></svg>
diff --git a/src/assets/svg/mingan.svg b/src/assets/svg/mingan.svg
new file mode 100644
index 0000000..13950cd
--- /dev/null
+++ b/src/assets/svg/mingan.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1726157446065" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16197" xmlns:xlink="http://www.w3.org/1999/xlink" width="256" height="256"><path d="M409.6 819.2A358.4 358.4 0 1 0 409.6 102.4a358.4 358.4 0 0 0 0 716.8z m0 51.2A409.6 409.6 0 1 1 409.6 51.2a409.6 409.6 0 0 1 0 819.2z" fill="#2c2c2c" p-id="16198"></path><path d="M665.606465 753.010332m18.101933-18.101934l0 0q18.101934-18.101934 36.203868 0l181.019336 181.019336q18.101934 18.101934 0 36.203868l0 0q-18.101934 18.101934-36.203868 0l-181.019336-181.019336q-18.101934-18.101934 0-36.203868Z" fill="#2c2c2c" p-id="16199"></path><path d="M350.6176 532.0704c5.4784 6.2976 8.192 12.9024 8.192 19.8656a29.184 29.184 0 0 1-8.6016 19.8656c-4.608 5.1712-9.0112 9.8304-13.1072 13.9264-4.096 4.096-8.0384 7.9872-11.8784 11.6736a302.8992 302.8992 0 0 1-11.8784 10.8544c-4.096 3.584-8.448 7.2192-13.1072 11.0592a48.7424 48.7424 0 0 1-18.432 9.216 24.064 24.064 0 0 1-16.7936-1.4336c-4.9152-2.4576-8.704-7.2192-11.4688-14.336-2.7136-7.1168-3.584-17.0496-2.4576-29.9008l14.336-166.2976a12.288 12.288 0 0 0-1.4336-7.5776 5.2736 5.2736 0 0 0-5.5296-2.6624l-20.8896 2.4576c-9.5744 0.8192-16.0256-0.512-19.456-3.8912-3.4304-3.4304-5.12-10.4448-5.12-21.0944 0-8.704 1.536-15.0016 4.7104-18.8416 3.1232-3.84 8.8064-5.9904 16.9984-6.5536l38.5024-3.2768c14.1824-1.0752 25.2416 1.536 33.1776 7.9872 7.936 6.4 11.0592 18.2272 9.4208 35.4304l-12.288 140.4928c-0.512 5.4784-0.0512 8.2432 1.4336 8.3968 1.536 0.1536 4.608-2.816 9.216-8.8064 7.1168-9.5744 13.5168-14.592 19.2512-15.1552 5.7344-0.512 11.4688 2.304 17.2032 8.6016z m-42.1888-234.2912c12.544 15.0016 13.1072 28.16 1.6384 39.3216-5.9904 5.9904-12.0832 8.6016-18.2272 7.7824-6.144-0.8192-12.6464-5.632-19.456-14.336a307.3024 307.3024 0 0 0-8.192-10.0352l-7.3728-8.6016a222.5152 222.5152 0 0 0-7.9872-8.8064 1326.592 1326.592 0 0 1-10.0352-10.6496c-6.2976-6.8096-9.728-13.056-10.4448-18.6368-0.6656-5.632 1.6896-11.6736 7.168-18.2272 10.0864-12.032 22.272-11.3152 36.4544 2.048 5.1712 4.9152 10.8544 10.8544 16.9984 17.8176 6.144 6.9632 12.6464 14.3872 19.456 22.3232z m223.6416 59.8016c0 7.936-2.4064 13.3632-7.168 16.384a37.2224 37.2224 0 0 1-19.8656 4.5056H362.496a37.2224 37.2224 0 0 1-19.8656-4.5056c-4.7616-3.0208-7.168-8.448-7.168-16.384 0-8.192 2.4064-13.824 7.168-16.7936a37.2224 37.2224 0 0 1 19.8656-4.5056h142.5408c8.448 0 15.104 1.536 19.8656 4.5056 4.7616 3.0208 7.168 8.6016 7.168 16.7936z m55.296 222.4128c0 15.5648-4.608 28.416-13.9264 38.5024-9.2672 10.0864-22.6816 15.7184-40.1408 16.7936a123.0848 123.0848 0 0 1-36.6592-3.072 246.7328 246.7328 0 0 1-41.5744-14.5408c-10.3936-4.096-16.7424-9.2672-19.0464-15.5648a25.3952 25.3952 0 0 1 1.024-19.6608 21.1456 21.1456 0 0 1 13.7216-11.8784c6.656-2.2016 14.6944-0.9728 23.9616 3.6864 7.936 3.84 15.5136 6.912 22.7328 9.216 7.2192 2.304 15.104 3.7376 23.552 4.3008 7.3728 0.512 12.3392-1.1776 14.9504-5.12a24.4736 24.4736 0 0 0 3.8912-13.7216V322.3552c0-3.84-0.6656-6.5024-2.048-7.9872-1.3824-1.536-3.9424-2.2528-7.7824-2.2528h-151.552c-8.704 0-15.5136-1.4336-20.2752-4.3008-4.7616-2.8672-7.168-8.8064-7.168-17.8176 0-8.192 2.4064-14.08 7.168-17.6128 4.7616-3.584 11.52-5.3248 20.2752-5.3248h159.744c10.6496 0 19.2 0.6144 25.6 1.8432 6.4 1.2288 11.4176 3.584 14.9504 7.168 3.584 3.584 5.888 8.448 6.9632 14.7456 1.0752 6.2976 1.6384 14.336 1.6384 24.1664v265.0112z m-68.4032-67.584c0 15.5648-3.0208 26.6752-9.0112 33.3824-5.9904 6.656-16.7936 10.0352-32.3584 10.0352H396.9024c-15.3088 0-25.7536-3.4304-31.3344-10.24-5.632-6.8096-8.3968-17.92-8.3968-33.1776V442.368c0-15.3088 2.816-26.2144 8.3968-32.768 5.632-6.5536 16.0256-9.8304 31.3344-9.8304h80.6912c15.5648 0 26.368 3.2256 32.3584 9.6256 5.9904 6.4 9.0112 17.408 9.0112 32.9728v70.0416z m-46.6944-56.9344c0-5.1712-1.2288-8.704-3.6864-10.4448a18.0224 18.0224 0 0 0-10.6496-2.6624h-39.7312c-5.9904 0-9.984 1.1776-11.8784 3.4816-1.8944 2.304-2.8672 6.1952-2.8672 11.6736v39.7312c0 5.4784 0.9728 9.4208 2.8672 11.8784 1.8944 2.4576 5.632 3.6864 11.0592 3.6864h39.3216c6.5536 0 10.752-1.0752 12.6976-3.2768 1.8944-2.2016 2.8672-7.2192 2.8672-15.1552v-38.912z" fill="#2c2c2c" p-id="16200"></path></svg>
diff --git a/src/assets/svg/task.svg b/src/assets/svg/task.svg
new file mode 100644
index 0000000..5319669
--- /dev/null
+++ b/src/assets/svg/task.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1726156514791" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4261" xmlns:xlink="http://www.w3.org/1999/xlink" width="256" height="256"><path d="M576.892269 960.106074 132.929317 960.106074c-37.637516 0-68.186799-30.549283-68.186799-68.186799L64.742517 132.080725C64.742517 94.44321 95.291801 63.893926 132.929317 63.893926L512 63.893926l0 211.64863c0 59.601053 48.319782 107.821 107.821 107.821l211.848299 0c1.797017 15.973482 15.274642 28.35293 31.747295 28.35293s29.950278-12.379448 31.747295-28.35293l0.199669 0 0-3.594033 0-13.477625 0-6.189724c0-16.472653-4.193039-32.545969-12.079945-46.622599-5.790387-11.880277-13.577459-22.862045-23.161548-32.545969l-243.595593-245.093107c-8.885249-8.985083-19.268012-16.472653-30.349615-22.163206C571.401384 4.792044 554.329726 0 536.858731 0l-6.389393 0L512 0 132.929317 0C60.050307 0 0.848591 59.201716 0.848591 132.080725l0 759.838549c0 72.779175 59.201716 132.080725 132.080725 132.080725L576.892269 1024c17.670664 0 31.946963-14.276299 31.946963-31.946963S594.562933 960.106074 576.892269 960.106074zM619.821 319.46963c-24.259725 0-43.927074-19.667349-43.927074-43.927074L575.893926 89.651165 804.314712 319.46963 619.821 319.46963z" p-id="4262" fill="#2c2c2c"></path><path d="M416.159111 193.678463 160.583406 193.678463c-17.670664 0-31.946963 14.276299-31.946963 31.946963s14.276299 31.946963 31.946963 31.946963l255.575704 0c17.670664 0 31.946963-14.276299 31.946963-31.946963S433.829775 193.678463 416.159111 193.678463z" p-id="4263" fill="#2c2c2c"></path><path d="M416.159111 385.360242 160.583406 385.360242c-17.670664 0-31.946963 14.276299-31.946963 31.946963s14.276299 31.946963 31.946963 31.946963l255.575704 0c17.670664 0 31.946963-14.276299 31.946963-31.946963S433.829775 385.360242 416.159111 385.360242z" p-id="4264" fill="#2c2c2c"></path><path d="M416.159111 577.04202 160.583406 577.04202c-17.670664 0-31.946963 14.276299-31.946963 31.946963s14.276299 31.946963 31.946963 31.946963l255.575704 0c17.670664 0 31.946963-14.276299 31.946963-31.946963S433.829775 577.04202 416.159111 577.04202z" p-id="4265" fill="#2c2c2c"></path><path d="M416.159111 768.723798 160.583406 768.723798c-17.670664 0-31.946963 14.276299-31.946963 31.946963s14.276299 31.946963 31.946963 31.946963l255.575704 0c17.670664 0 31.946963-14.276299 31.946963-31.946963S433.829775 768.723798 416.159111 768.723798z" p-id="4266" fill="#2c2c2c"></path><path d="M1006.578922 626.060642l-49.91713 0c-4.592376-16.472653-11.081603-32.146632-19.268012-46.722433l35.241494-35.241494c6.489227-6.489227 6.489227-16.971824 0-23.461051l-56.905528-56.905528c-3.194696-3.194696-7.487569-4.792044-11.680608-4.792044-4.292873 0-8.485912 1.597348-11.680608 4.792044l-35.241494 35.241494c-14.575802-8.186409-30.249781-14.675636-46.722433-19.268012l0-49.91713c0-9.084918-7.487569-16.572487-16.572487-16.572487l-80.466413 0c-9.084918 0-16.572487 7.487569-16.572487 16.572487l0 49.91713c-16.472653 4.592376-32.146632 11.081603-46.722433 19.268012L614.829287 463.82997c-3.194696-3.194696-7.487569-4.792044-11.680608-4.792044s-8.485912 1.597348-11.680608 4.792044l-56.905528 56.905528c-6.389393 6.489227-6.389393 16.971824 0 23.461051l35.241494 35.241494c-8.186409 14.575802-14.675636 30.249781-19.268012 46.722433l-49.91713 0c-9.084918 0-16.572487 7.487569-16.572487 16.572487l0 80.466413c0 9.084918 7.487569 16.572487 16.572487 16.572487l49.91713 0c4.592376 16.472653 11.081603 32.146632 19.268012 46.722433L534.462708 821.635956c-6.389393 6.489227-6.389393 16.971824 0 23.461051l56.905528 56.905528c3.194696 3.194696 7.487569 4.792044 11.680608 4.792044s8.485912-1.597348 11.680608-4.792044l35.241494-35.241494c14.575802 8.186409 30.249781 14.675636 46.722433 19.268012l0 49.91713c0 9.084918 7.487569 16.572487 16.572487 16.572487l80.466413 0c9.084918 0 16.572487-7.487569 16.572487-16.572487l0-49.91713c16.472653-4.592376 32.146632-11.081603 46.722433-19.268012l35.241494 35.241494c3.194696 3.194696 7.487569 4.792044 11.680608 4.792044 4.292873 0 8.485912-1.597348 11.680608-4.792044l56.905528-56.905528c6.489227-6.489227 6.489227-16.971824 0-23.461051l-35.241494-35.241494c8.186409-14.575802 14.675636-30.249781 19.268012-46.722433l49.91713 0c9.084918 0 16.572487-7.487569 16.572487-16.572487l0-80.466413C1023.151409 633.548211 1015.663839 626.060642 1006.578922 626.060642zM895.163888 722.60037c-3.194696 11.48094-7.687238 22.462708-13.377791 32.545969l-20.266355 35.840499-35.840499 20.266355c-10.08326 5.690553-20.965195 10.183094-32.545969 13.377791L753.499074 835.612752l-39.634201-11.081603c-11.48094-3.194696-22.462708-7.687238-32.545969-13.377791l-35.840499-20.266355-20.266355-35.840499c-5.690553-10.08326-10.183094-20.965195-13.377791-32.545969L600.852491 682.966169l11.081603-39.634201c3.194696-11.48094 7.687238-22.462708 13.377791-32.545969l20.266355-35.840499 35.840499-20.266355c10.08326-5.690553 20.965195-10.183094 32.545969-13.377791l39.634201-11.081603 39.634201 11.081603c11.48094 3.194696 22.462708 7.687238 32.545969 13.377791l35.840499 20.266355 20.266355 35.840499c5.690553 10.08326 10.183094 20.965195 13.377791 32.545969l11.081603 39.634201L895.163888 722.60037z" p-id="4267" fill="#2c2c2c"></path><path d="M753.499074 581.834065c-55.807351 0-101.132105 45.22492-101.132105 101.132105 0 55.807351 45.22492 101.132105 101.132105 101.132105 55.807351 0 101.132105-45.22492 101.132105-101.132105C854.631179 627.058984 809.406259 581.834065 753.499074 581.834065zM753.499074 720.104514c-20.565857 0-37.238179-16.672321-37.238179-37.238179s16.672321-37.238179 37.238179-37.238179 37.238179 16.672321 37.238179 37.238179S774.064931 720.104514 753.499074 720.104514z" p-id="4268" fill="#2c2c2c"></path></svg>
diff --git a/src/assets/svg/todo_task.svg b/src/assets/svg/todo_task.svg
new file mode 100644
index 0000000..1976fcc
--- /dev/null
+++ b/src/assets/svg/todo_task.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1726156955455" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7919" data-spm-anchor-id="a313x.search_index.0.i13.6c7f3a81dXdTCG" xmlns:xlink="http://www.w3.org/1999/xlink" width="256" height="256"><path d="M162.56 181.174857h160.658286v60.16h350.464V181.174857h160.621714v264.704h48.64v-313.417143h-209.261714V66.121143H323.218286v66.413714H113.883429V930.742857h290.998857V882.102857H162.56V181.174857z m209.334857-66.413714h253.074286v77.897143h-253.074286v-77.897143z m-92.525714 397.129143h146.066286v48.64H279.405714v-48.64z m438.125714-98.048H279.369143V365.165714h438.125714v48.64z" fill="#2c2c2c" p-id="7920"></path><path d="M658.285714 694.857143m-219.428571 0a219.428571 219.428571 0 1 0 438.857143 0 219.428571 219.428571 0 1 0-438.857143 0Z" fill="#ffffff" p-id="7921" data-spm-anchor-id="a313x.search_index.0.i11.6c7f3a81dXdTCG" class="selected"></path><path d="M658.285714 479.085714a215.771429 215.771429 0 1 1 0 431.542857 215.771429 215.771429 0 0 1 0-431.542857z m0 36.571429a179.2 179.2 0 1 0 170.788572 124.672l-1.755429-4.827429-162.011428 171.593143h-5.302858l-114.102857-120.868571v-5.010286l28.598857-30.464h5.302858l83.053714 87.954286 140.580571-148.882286-3.657143-4.973714a178.870857 178.870857 0 0 0-132.169142-68.937143L658.285714 515.657143z" fill="#2c2c2c" p-id="7922" data-spm-anchor-id="a313x.search_index.0.i10.6c7f3a81dXdTCG" class=""></path></svg>
diff --git a/src/assets/svg/yuying-manage.svg b/src/assets/svg/yuying-manage.svg
new file mode 100644
index 0000000..dce9f30
--- /dev/null
+++ b/src/assets/svg/yuying-manage.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1726157313316" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15114" xmlns:xlink="http://www.w3.org/1999/xlink" width="256" height="256"><path d="M470.967 213.14c78.068 0 182.136 24.375 182.136 234.87a31.494 31.494 0 0 0 62.978 0c0-245.955-132.931-297.182-244.466-297.182s-244.457 51.556-244.457 297.183c0 103.923 47.735 204.354 122.156 260.706v4.634C183.912 737.049 78.48 804.506 78.48 888.203a31.697 31.697 0 0 0 31.494 31.494 31.697 31.697 0 0 0 31.494-31.494c0-44.078 90.826-99.948 242.977-116.681 15.747-1.49 27.847-15.254 27.847-30.953v-48.266c0-10.64-5.639-20.216-14.257-26.348C333.577 623.85 289.982 536.205 289.982 448c-0.503-210.98 102.926-234.861 180.985-234.861z m387.002 152.663l-39.658-10.108C805.737 175.039 654.563 32.01 470.918 32.01c-187.117 0-339.76 148.175-347.886 333.145l-23.32 19.867a31.378 31.378 0 0 0-11.105 23.872v123.81a31.688 31.688 0 0 0 31.533 31.485 31.688 31.688 0 0 0 31.484-31.494v-109.05l23.37-19.229a31.359 31.359 0 0 0 11.104-23.862c0-157.79 128.278-285.575 285.565-285.575S757.2 223.257 757.2 380.554a31.475 31.475 0 0 0 23.872 30.497l39.116 9.615v112.532a31.494 31.494 0 0 0 62.978 0V396.3c-1.335-14.751-10.95-27.51-25.149-30.498zM740.795 493.578c-5.63 16.744-57.843 59.332-232.87 59.332a31.494 31.494 0 0 0 0 62.979c266.182 0 292.211-92.809 294.688-111.545l-30.953-3.975zM593.77 712.683v-20.748a31.494 31.494 0 1 0-62.979 0v48.267a31.349 31.349 0 0 0 27.838 30.952c16.25 1.983 31.987 3.985 46.748 6.636v-63.434a61.286 61.286 0 0 1-11.607-1.663z m331.007 92.81h-20.71a14.132 14.132 0 0 0-2.04 0.425 123.075 123.075 0 0 0-21.367-51.826 17.624 17.624 0 0 0 1.654-1.103l14.635-14.625a20.719 20.719 0 1 0-29.299-29.298L852.988 723.7c-0.484 0.484-0.648 1.132-1.103 1.645a122.843 122.843 0 0 0-51.826-21.367 15.118 15.118 0 0 0 0.416-2.032v-20.718a20.719 20.719 0 1 0-41.438 0v20.718a14.76 14.76 0 0 0 0.426 2.032 122.978 122.978 0 0 0-51.855 21.367 16.202 16.202 0 0 0-1.103-1.645l-14.635-14.634a20.714 20.714 0 1 0-29.288 29.298l14.625 14.635c0.483 0.483 1.131 0.648 1.654 1.102a122.843 122.843 0 0 0-21.367 51.855 15.602 15.602 0 0 0-2.031-0.416h-20.738a20.719 20.719 0 1 0 0 41.438h20.718a13.929 13.929 0 0 0 2.032-0.426 123.307 123.307 0 0 0 21.366 51.856 18.165 18.165 0 0 0-1.654 1.093l-14.605 14.634a20.719 20.719 0 0 0 29.288 29.289l14.635-14.635c0.484-0.483 0.648-1.131 1.103-1.644a122.843 122.843 0 0 0 51.894 21.376 16.076 16.076 0 0 0-0.426 2.041v20.72a20.719 20.719 0 0 0 41.438 0v-20.73a14.103 14.103 0 0 0-0.416-2.04 123.065 123.065 0 0 0 51.826-21.357 18.755 18.755 0 0 0 1.102 1.644l14.587 14.625a20.719 20.719 0 0 0 29.298-29.298l-14.635-14.635c-0.483-0.484-1.131-0.639-1.654-1.093a122.843 122.843 0 0 0 21.367-51.855 15.39 15.39 0 0 0 2.07 0.425h20.719a20.733 20.733 0 0 0 0-41.466zM779.766 909.085a82.875 82.875 0 1 1 82.865-82.865 82.866 82.866 0 0 1-82.865 82.865z m0 0" fill="#2c2c2c" p-id="15115"></path></svg>
diff --git a/src/assets/svg/yuying_config.svg b/src/assets/svg/yuying_config.svg
new file mode 100644
index 0000000..54434f3
--- /dev/null
+++ b/src/assets/svg/yuying_config.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1726157662718" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17329" xmlns:xlink="http://www.w3.org/1999/xlink" width="256" height="256"><path d="M919.088762 638.780952v-79.481904c1.462857-47.786667-23.161905-92.647619-64.365714-117.028572-41.447619-24.380952-92.40381-24.380952-133.607619 0a131.900952 131.900952 0 0 0-64.365715 116.784762v79.238095a131.31581 131.31581 0 0 0 131.169524 135.314286 131.242667 131.242667 0 0 0 131.169524-134.826667z m-159.670857-130.438095c-17.554286 10.24-27.794286 29.500952-27.062857 49.737143v80.700952c-0.731429 20.967619 9.508571 39.984762 27.062857 50.468572 17.554286 10.48381 39.253333 10.48381 56.807619 0a55.832381 55.832381 0 0 0 27.062857-49.980953l-0.24381-80.944761v-0.24381a55.466667 55.466667 0 0 0-55.344761-57.539048c-9.752381 0-19.504762 2.681905-28.281905 7.801905z" p-id="17330" fill="#2c2c2c"></path><path d="M880.88381 948.175238c20.72381 0 37.790476 17.066667 37.790476 37.790476 0 20.72381-16.822857 37.790476-37.790476 37.790476H694.857143c-20.72381 0-37.790476-17.066667-37.790476-37.790476 0-20.72381 17.066667-37.790476 37.790476-37.790476h55.588571v-43.885714c-91.672381-15.11619-188.952381-93.135238-189.927619-189.68381 0-20.967619 17.066667-38.034286 37.790476-38.034285 20.72381 0 37.790476 16.822857 37.790477 37.790476 0.731429 63.146667 81.188571 117.028571 146.773333 117.028571h9.752381c65.828571 0 146.041905-53.881905 146.773333-117.272381a37.790476 37.790476 0 1 1 75.580953 0.487619c-0.731429 96.548571-98.255238 174.567619-189.927619 189.68381v43.885714h55.832381z" p-id="17331" fill="#2c2c2c"></path><path d="M861.866667 153.35619c0-84.601905-68.754286-153.35619-153.356191-153.35619H153.35619C68.754286 0 0 68.754286 0 153.35619V870.4c0 84.601905 68.754286 153.35619 153.35619 153.35619h433.737143c20.967619 0 37.790476-17.066667 37.790477-37.790476 0-20.72381-17.066667-37.790476-37.790477-37.790476H153.35619c-42.910476 0-77.775238-34.864762-77.775238-77.775238V153.35619c0-42.910476 34.864762-77.775238 77.775238-77.775238h555.154286c42.910476 0 77.775238 34.864762 77.775238 77.775238v196.510477c0 20.967619 17.066667 37.790476 37.790476 37.790476 20.967619 0 37.790476-17.066667 37.790477-37.790476V153.35619z" p-id="17332" fill="#2c2c2c"></path><path d="M173.348571 719.969524c0 20.967619 17.066667 37.790476 37.790477 37.790476h182.369523c20.967619 0 37.790476-17.066667 37.790477-37.790476 0-20.72381-17.066667-37.790476-37.790477-37.790476H211.139048c-20.967619 0-37.790476 16.822857-37.790477 37.790476zM523.702857 511.75619c0-10.24-3.900952-19.504762-11.215238-26.819047-7.070476-7.070476-16.579048-10.971429-26.819048-10.971429H211.139048c-20.967619 0-37.790476 17.066667-37.790477 37.790476 0 20.72381 17.066667 37.790476 37.790477 37.790477h275.017142a37.449143 37.449143 0 0 0 37.546667-37.790477zM665.112381 303.542857c0-9.99619-3.900952-19.504762-10.971429-26.819047-7.070476-7.070476-16.579048-10.971429-26.819047-10.971429H211.139048c-20.967619 0-37.790476 17.066667-37.790477 37.790476 0 20.72381 17.066667 37.790476 37.790477 37.790476h416.426666a37.449143 37.449143 0 0 0 37.546667-37.790476z" p-id="17333" fill="#2c2c2c"></path></svg>