feat: refactor settings page by removing unused components and updating Task component integration

src/constant/system-config.ts

@@ -21,22 +21,6 @@ export const systemMenus: MenuItem[] = [
     },
     {
         id: 2,
-        name: 'setting.menu.channel',
-        icon: RiHotelLine,
-        color: '#525866',
-        activeColor: '#2B7FFF',
-        componentName: 'ChannelSetting',
-    },
-    {
-        id: 3,
-        name: 'setting.menu.roomType',
-        icon: RiHotelBedLine,
-        color: '#525866',
-        activeColor: '#2B7FFF',
-        componentName: 'RoomTypeSetting',
-    },
-    {
-        id: 4,
         name: 'setting.menu.general',
         icon: RiSettingsLine,
         color: '#525866',

src/pages/home/index.vue

@@ -6,7 +6,7 @@
         <ChatBox class="flex-1" />
         <TaskCenter />
       </div>
-      <TaskList />
+      <Task class="w-[392px] h-full rounded-[16px] bg-white" />
     </div>
 
     <TaskOperationDialog ref="taskOperationDialog" />
@@ -15,7 +15,7 @@
 
 <script setup lang="ts">
 import { ref, onMounted, onBeforeUnmount } from 'vue'
-import TaskList from '@src/components/TaskList/index.vue'
+import Task from './components/Task.vue'
 import TaskOperationDialog from './components/TaskOperationDialog.vue'
 import ChatHistory from './ChatHistory.vue'
 import ChatBox from './ChatBox.vue'

src/pages/setting/components/ChannelSetting/index.vue

@@ -1,36 +0,0 @@
-<template>
-  <div class="flex-1 h-full p-[20px] select-none">
-    <TitleSection title="渠道管理" desc="绑定酒店使用的相关渠道的账户和密码用于智能操作" />
-
-    <div class="grid grid-cols-3 gap-[12px] mb-[12px] select-none">
-      <div class="border-[1px] border-[#E5E8ED] box-border flex flex-col rounded-[12px] overflow-hidden"
-        v-for="item in channel" :key="item.id">
-        <div class="bg-[#E0E0E0] h-[120px]"></div>
-        <div class="flex items-center relative mt-[-20px] pl-[12px]">
-          <img :src="item.icon" class="w-[40px] h-[40px]">
-        </div>
-        <div class="flex items-center p-[12px]">
-          <span class="text-[14px] font-500 text-[#171717] leading-[20px]">
-            {{ item.name }}
-          </span>
-          <div class="bg-[#F2F5F8] rounded-[6px] flex items-center ml-[8px] py-[4px] px-[6px]">
-            <RiForbidLine class="w-[16px] h-[16px]" color="#717784" />
-            <span class="text-[12px] font-500 text-[#717784] leading-[20px] ml-[4px]">
-              未绑定
-            </span>
-          </div>
-        </div>
-        <div class="p-[12px] border-t-[1px] border-t-[#E5E8ED]">
-          <el-button plain>绑定</el-button>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { channel } from '@constant/channel'
-import { RiForbidLine } from '@remixicon/vue'
-import TitleSection from '@src/components/TitleSection/index.vue'
-
-</script>

src/pages/setting/components/RoomTypeSetting/index.vue

@@ -1,3 +0,0 @@
-<template></template>
-
-<script setup lang="ts"></script>

src/pages/setting/index.vue

@@ -1,6 +1,6 @@
 <template>
   <layout>
-    <div class="bg-white box-border w-full h-full flex rounded-[16px]">
+    <div class="bg-white box-border w-full h-full flex rounded-2xl">
       <SystemConfig @change=onChange />
       <component :is="currentComponent" />
     </div>
@@ -12,12 +12,10 @@ import { shallowRef } from 'vue'
 import SystemConfig from './components/SystemConfig/index.vue'
 import AccountSetting from './components/AccountSetting/index.vue'
 import Version from './components/Version/index.vue'
-import RoomTypeSetting from './components/RoomTypeSetting/index.vue'
 
 const currentComponent = shallowRef(AccountSetting)
 const components: any = {
   AccountSetting,
-  RoomTypeSetting,
   Version,
 }
 const onChange = ({ componentName }: any) => currentComponent.value = components[componentName]

src/router/index.ts

@@ -35,12 +35,6 @@ const routes = [
     name: "Skills",
     meta: { requiresAuth: true },
   },
-  {
-    path: "/skills",
-    component: () => import("@src/pages/skills/index.vue"),
-    name: "Skills",
-    meta: { requiresAuth: true },
-  },
   {
     path: "/cron",
     component: () => import("@src/pages/cron/index.vue"),