feat: 结构调整
This commit is contained in:
@@ -1,18 +1,19 @@
|
|||||||
<template>
|
<template>
|
||||||
<main class="bg-[#f7f9fc] box-border w-full h-screen flex pt-[8px] pb-[8px] pl-[8px] ">
|
<div class="bg h-screen flex flex-col">
|
||||||
<div class="flex-1 flex gap-[8px]">
|
<header-bar>
|
||||||
<div class="flex-1 h-full">
|
<drag-region class="w-full" />
|
||||||
|
</header-bar>
|
||||||
|
|
||||||
|
<main class="bg-[#f7f9fc] box-border w-full h-[calc(100vh-40px)] flex pt-[8px] pb-[8px] pl-[8px] ">
|
||||||
|
<div class="flex-1 flex">
|
||||||
<slot />
|
<slot />
|
||||||
</div>
|
</div>
|
||||||
|
<SideMenus />
|
||||||
|
</main>
|
||||||
|
</div>
|
||||||
|
|
||||||
<TaskList />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<SideMenus />
|
|
||||||
</main>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts" name="Layout">
|
<script setup lang="ts" name="Layout">
|
||||||
import TaskList from '@renderer/components/TaskList/index.vue'
|
|
||||||
import SideMenus from '@renderer/components/SideMenus/index.vue'
|
import SideMenus from '@renderer/components/SideMenus/index.vue'
|
||||||
</script>
|
</script>
|
||||||
@@ -1,78 +1,71 @@
|
|||||||
<template>
|
<template>
|
||||||
<!-- 页面根节点：不滚动 -->
|
<!-- 唯一滚动容器 -->
|
||||||
<div class="h-full bg-white overflow-hidden">
|
<div class="h-full overflow-y-auto">
|
||||||
|
|
||||||
<!-- 唯一滚动容器 -->
|
<!-- Hero：吸顶 -->
|
||||||
<div class="h-full overflow-y-auto">
|
<div class="bg-white border-box px-12 pt-10 pb-6 max-[800px]:px-5">
|
||||||
|
<h1 class="text-[28px] font-bold mb-7 leading-tight">
|
||||||
|
你好，<br />
|
||||||
|
我今天能帮你什么？
|
||||||
|
</h1>
|
||||||
|
|
||||||
<!-- Hero：吸顶 -->
|
<!-- input -->
|
||||||
<div class="sticky top-0 z-20 bg-white px-12 pt-10 pb-6
|
<div class="flex flex-col gap-3">
|
||||||
max-[800px]:px-5">
|
<div class="inline-flex items-center justify-center w-[108px]
|
||||||
<h1 class="text-[28px] font-bold mb-7 leading-tight">
|
px-3 py-1.5 rounded-2xl border border-[#E5E8EE]
|
||||||
你好，<br />
|
text-[13px] text-[#333]">
|
||||||
我今天能帮你什么？
|
智能问数
|
||||||
</h1>
|
</div>
|
||||||
|
|
||||||
<!-- input -->
|
<div class="h-[174px] bg-white rounded-lg border border-[#eef2f6]
|
||||||
<div class="flex flex-col gap-3">
|
shadow-[0_1px_0_rgba(0,0,0,0.03)]
|
||||||
<div class="inline-flex items-center justify-center w-[108px]
|
p-[18px] flex flex-col justify-between">
|
||||||
px-3 py-1.5 rounded-2xl border border-[#E5E8EE]
|
<div class="text-[#bfc9d4]">
|
||||||
text-[13px] text-[#333]">
|
给我发布或者布置任务
|
||||||
智能问数
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="h-[174px] bg-white rounded-lg border border-[#eef2f6]
|
<div class="flex justify-between items-center">
|
||||||
shadow-[0_1px_0_rgba(0,0,0,0.03)]
|
<button class="text-[#9fb0c4]">🔗</button>
|
||||||
p-[18px] flex flex-col justify-between">
|
<button class="bg-[#f1f6fb] px-2.5 py-1.5 rounded-md">
|
||||||
<div class="text-[#bfc9d4]">
|
✈
|
||||||
给我发布或者布置任务
|
</button>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="flex justify-between items-center">
|
|
||||||
<button class="text-[#9fb0c4]">🔗</button>
|
|
||||||
<button class="bg-[#f1f6fb] px-2.5 py-1.5 rounded-md">
|
|
||||||
✈
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- header -->
|
|
||||||
<div class="flex justify-between items-center mt-4">
|
|
||||||
<h3 class="text-base font-semibold">任务中心</h3>
|
|
||||||
<a class="text-[#3b82f6] text-[13px] cursor-pointer">
|
|
||||||
编辑
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 内容区 -->
|
<!-- header -->
|
||||||
<div class="px-12 pb-10 pt-4
|
<div class="flex justify-between items-center mt-4">
|
||||||
max-[800px]:px-5">
|
<h3 class="text-base font-semibold">任务中心</h3>
|
||||||
<div class="grid grid-cols-2 gap-4
|
<a class="text-[#3b82f6] text-[13px] cursor-pointer">
|
||||||
max-[800px]:grid-cols-1">
|
编辑
|
||||||
<div v-for="n in 14" :key="n" class="flex gap-3 items-start p-3.5
|
</a>
|
||||||
rounded-[10px] border border-[#dfeaf6] bg-white">
|
|
||||||
<div class="w-11 h-11 bg-[#EFF6FF] rounded-lg
|
|
||||||
border border-dashed border-[#9fc0e8]
|
|
||||||
flex items-center justify-center
|
|
||||||
text-[#3b82f6] text-[23px]">
|
|
||||||
销
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<div class="font-semibold">
|
|
||||||
每日销售数据
|
|
||||||
</div>
|
|
||||||
<div class="text-[#9aa5b1] text-[13px] mt-1.5">
|
|
||||||
分析用于销售渠道每日数据汇总及简要展示
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- 内容区 -->
|
||||||
|
<div class="flex-1 px-12 pb-10 pt-4 max-[800px]:px-5">
|
||||||
|
<div class="grid grid-cols-2 gap-4 max-[800px]:grid-cols-1">
|
||||||
|
<div v-for="n in 14" :key="n" class="flex gap-3 items-start p-3.5
|
||||||
|
rounded-[10px] border border-[#dfeaf6] bg-white">
|
||||||
|
<div class="w-11 h-11 bg-[#EFF6FF] rounded-lg
|
||||||
|
border border-dashed border-[#9fc0e8]
|
||||||
|
flex items-center justify-center
|
||||||
|
text-[#3b82f6] text-[23px]">
|
||||||
|
销
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div class="font-semibold">
|
||||||
|
每日销售数据
|
||||||
|
</div>
|
||||||
|
<div class="text-[#9aa5b1] text-[13px] mt-1.5">
|
||||||
|
分析用于销售渠道每日数据汇总及简要展示
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<aside class="w-50 h-screen box-border flex flex-col">
|
<aside class="w-50 h-full box-border flex flex-col">
|
||||||
<div class="flex items-center m-2">
|
<div class="flex items-center m-2">
|
||||||
<img class="w-10 h-10 rounded-md" src="@assets/images/login/white_logo.png" />
|
<img class="w-10 h-10 rounded-md" src="@assets/images/login/white_logo.png" />
|
||||||
<div class="font-bold text-gray-80">YINIAN</div>
|
<div class="font-bold text-gray-80">YINIAN</div>
|
||||||
|
|||||||
@@ -1,25 +1,19 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="bg h-screen flex flex-col">
|
<layout>
|
||||||
<header-bar>
|
<div class="flex h-full w-full flex-col md:flex-row ">
|
||||||
<drag-region class="w-full" />
|
|
||||||
</header-bar>
|
|
||||||
|
|
||||||
<layout>
|
|
||||||
<div class="flex h-full w-full flex-col md:flex-row">
|
|
||||||
<chat-history class="flex-none w-64" />
|
<chat-history class="flex-none w-64" />
|
||||||
<div class="flex-1 overflow-auto px-5 bg-white rounded-xl">
|
<div class="flex-1 mr-2 overflow-hidden bg-white rounded-xl">
|
||||||
<chat-guide />
|
<chat-guide />
|
||||||
<!-- <chat-box /> -->
|
<!-- <chat-box /> -->
|
||||||
</div>
|
</div>
|
||||||
|
<TaskList />
|
||||||
</div>
|
</div>
|
||||||
|
</layout>
|
||||||
</layout>
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
|
import TaskList from '@renderer/components/TaskList/index.vue'
|
||||||
import ChatHistory from './ChatHistory.vue'
|
import ChatHistory from './ChatHistory.vue'
|
||||||
import ChatGuide from './ChatGuide.vue'
|
import ChatGuide from './ChatGuide.vue'
|
||||||
import ChatBox from './ChatBox.vue'
|
import ChatBox from './ChatBox.vue'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
@@ -7,17 +7,20 @@
|
|||||||
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
<div class="bg-white box-border w-full h-full p-[20px]">
|
<layout>
|
||||||
<TitleSection title="知识库管理" desc="内容管理" />
|
<div class="bg-white box-border w-full h-full p-[20px]">
|
||||||
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
|
<TitleSection title="知识库管理" desc="内容管理" />
|
||||||
<el-tab-pane label="事件管理" name="first">
|
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
|
||||||
<EventManager @change="handleChange" />
|
<el-tab-pane label="事件管理" name="first">
|
||||||
</el-tab-pane>
|
<EventManager @change="handleChange" />
|
||||||
<el-tab-pane label="房型管理" name="second">
|
</el-tab-pane>
|
||||||
<RoomTypeManager />
|
<el-tab-pane label="房型管理" name="second">
|
||||||
</el-tab-pane>
|
<RoomTypeManager />
|
||||||
</el-tabs>
|
</el-tab-pane>
|
||||||
</div>
|
</el-tabs>
|
||||||
|
</div>
|
||||||
|
</layout>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts" name="KnowledgePage">
|
<script setup lang="ts" name="KnowledgePage">
|
||||||
|
|||||||
@@ -1,7 +1,10 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="bg-white h-full flex flex-col p-[20px]">
|
|
||||||
|
<layout>
|
||||||
|
<div class="bg-white h-full flex flex-col p-[20px]">
|
||||||
任务中心
|
任务中心
|
||||||
</div>
|
</div>
|
||||||
|
</layout>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
|
|||||||
Reference in New Issue
Block a user