feat: 知识库开发

src/renderer/views/knowledge/components/EventManager/index.vue

@@ -0,0 +1,18 @@
+<!--
+ * @Author: kongbeiwu lishaohua-520@qq.com
+ * @Date: 2025-12-22 01:11:57
+ * @LastEditors: kongbeiwu lishaohua-520@qq.com
+ * @LastEditTime: 2025-12-22 01:20:51
+ * @FilePath: /project/zn-ai/src/renderer/views/knowledge/components/EventManagement/index.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+<template>
+  <div>事件管理11</div>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style lang="less" scoped>
+</style>

src/renderer/views/knowledge/components/RoomTypeManager/index.vue

@@ -0,0 +1,18 @@
+<!--
+ * @Author: kongbeiwu lishaohua-520@qq.com
+ * @Date: 2025-12-22 01:11:57
+ * @LastEditors: kongbeiwu lishaohua-520@qq.com
+ * @LastEditTime: 2025-12-22 01:24:19
+ * @FilePath: /project/zn-ai/src/renderer/views/knowledge/components/EventManagement/index.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+<template>
+  <div>房型管理22</div>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style lang="less" scoped>
+</style>

src/renderer/views/knowledge/index.vue

@@ -0,0 +1,46 @@
+<!--
+ * @Author: kongbeiwu lishaohua-520@qq.com
+ * @Date: 2025-12-21 23:02:06
+ * @LastEditors: kongbeiwu lishaohua-520@qq.com
+ * @LastEditTime: 2025-12-22 01:24:00
+ * @FilePath: /project/zn-ai/src/renderer/views/knowledge/index.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+<template>
+  <div class="bg-white box-border w-full h-full rounded-[16px] p-[20px]">
+    <TitleSection title="知识库管理" desc="内容管理" />
+    <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
+      <el-tab-pane label="事件管理" name="first">
+        <EventManager />
+      </el-tab-pane>
+      <el-tab-pane label="房型管理" name="second">
+        <RoomTypeManager />
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script setup lang="ts" name="Knowledge">
+import TitleSection from '@renderer/components/TitleSection/index.vue'
+import EventManager from './components/EventManager/index.vue'
+import RoomTypeManager from './components/RoomTypeManager/index.vue'
+import { ref } from 'vue';
+import type { TabsPaneContext } from 'element-plus';
+
+const activeName = ref('first');
+
+const handleClick = (tab: TabsPaneContext, event: Event) => {
+  console.log(tab, event)
+};
+</script>
+<style scoped>
+:deep(.el-tabs__item) {
+  color: #99A0AE;
+}
+:deep(.el-tabs__item.is-active) {
+  color: #2B7FFF;
+}
+:deep(.el-tabs__active-bar) {
+  background-color: #2B7FFF;
+}
+</style>