feat: 结构调整
This commit is contained in:
@@ -1,18 +1,19 @@
|
||||
<template>
|
||||
<main class="bg-[#f7f9fc] box-border w-full h-screen flex pt-[8px] pb-[8px] pl-[8px] ">
|
||||
<div class="flex-1 flex gap-[8px]">
|
||||
<div class="flex-1 h-full">
|
||||
<div class="bg h-screen flex flex-col">
|
||||
<header-bar>
|
||||
<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 />
|
||||
</div>
|
||||
<SideMenus />
|
||||
</main>
|
||||
</div>
|
||||
|
||||
<TaskList />
|
||||
</div>
|
||||
|
||||
<SideMenus />
|
||||
</main>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts" name="Layout">
|
||||
import TaskList from '@renderer/components/TaskList/index.vue'
|
||||
import SideMenus from '@renderer/components/SideMenus/index.vue'
|
||||
</script>
|
||||
@@ -1,78 +1,71 @@
|
||||
<template>
|
||||
<!-- 页面根节点：不滚动 -->
|
||||
<div class="h-full bg-white overflow-hidden">
|
||||
<!-- 唯一滚动容器 -->
|
||||
<div class="h-full overflow-y-auto">
|
||||
|
||||
<!-- 唯一滚动容器 -->
|
||||
<div class="h-full overflow-y-auto">
|
||||
<!-- Hero：吸顶 -->
|
||||
<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：吸顶 -->
|
||||
<div class="sticky top-0 z-20 bg-white px-12 pt-10 pb-6
|
||||
max-[800px]:px-5">
|
||||
<h1 class="text-[28px] font-bold mb-7 leading-tight">
|
||||
你好，<br />
|
||||
我今天能帮你什么？
|
||||
</h1>
|
||||
<!-- input -->
|
||||
<div class="flex flex-col gap-3">
|
||||
<div class="inline-flex items-center justify-center w-[108px]
|
||||
px-3 py-1.5 rounded-2xl border border-[#E5E8EE]
|
||||
text-[13px] text-[#333]">
|
||||
智能问数
|
||||
</div>
|
||||
|
||||
<!-- input -->
|
||||
<div class="flex flex-col gap-3">
|
||||
<div class="inline-flex items-center justify-center w-[108px]
|
||||
px-3 py-1.5 rounded-2xl border border-[#E5E8EE]
|
||||
text-[13px] text-[#333]">
|
||||
智能问数
|
||||
<div class="h-[174px] bg-white rounded-lg border border-[#eef2f6]
|
||||
shadow-[0_1px_0_rgba(0,0,0,0.03)]
|
||||
p-[18px] flex flex-col justify-between">
|
||||
<div class="text-[#bfc9d4]">
|
||||
给我发布或者布置任务
|
||||
</div>
|
||||
|
||||
<div class="h-[174px] bg-white rounded-lg border border-[#eef2f6]
|
||||
shadow-[0_1px_0_rgba(0,0,0,0.03)]
|
||||
p-[18px] flex flex-col justify-between">
|
||||
<div class="text-[#bfc9d4]">
|
||||
给我发布或者布置任务
|
||||
</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 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>
|
||||
</div>
|
||||
|
||||
<!-- 内容区 -->
|
||||
<div class="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>
|
||||
<!-- 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 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>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<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">
|
||||
<img class="w-10 h-10 rounded-md" src="@assets/images/login/white_logo.png" />
|
||||
<div class="font-bold text-gray-80">YINIAN</div>
|
||||
|
||||
@@ -1,25 +1,19 @@
|
||||
<template>
|
||||
<div class="bg h-screen flex flex-col">
|
||||
<header-bar>
|
||||
<drag-region class="w-full" />
|
||||
</header-bar>
|
||||
|
||||
<layout>
|
||||
<div class="flex h-full w-full flex-col md:flex-row">
|
||||
<layout>
|
||||
<div class="flex h-full w-full flex-col md:flex-row ">
|
||||
<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-box /> -->
|
||||
</div>
|
||||
<TaskList />
|
||||
</div>
|
||||
|
||||
</layout>
|
||||
</div>
|
||||
</layout>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import TaskList from '@renderer/components/TaskList/index.vue'
|
||||
import ChatHistory from './ChatHistory.vue'
|
||||
import ChatGuide from './ChatGuide.vue'
|
||||
import ChatBox from './ChatBox.vue'
|
||||
</script>
|
||||
|
||||
|
||||
@@ -7,17 +7,20 @@
|
||||
* @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 p-[20px]">
|
||||
<TitleSection title="知识库管理" desc="内容管理" />
|
||||
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
|
||||
<el-tab-pane label="事件管理" name="first">
|
||||
<EventManager @change="handleChange" />
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="房型管理" name="second">
|
||||
<RoomTypeManager />
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</div>
|
||||
<layout>
|
||||
<div class="bg-white box-border w-full h-full p-[20px]">
|
||||
<TitleSection title="知识库管理" desc="内容管理" />
|
||||
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
|
||||
<el-tab-pane label="事件管理" name="first">
|
||||
<EventManager @change="handleChange" />
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="房型管理" name="second">
|
||||
<RoomTypeManager />
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</div>
|
||||
</layout>
|
||||
|
||||
</template>
|
||||
|
||||
<script setup lang="ts" name="KnowledgePage">
|
||||
|
||||
@@ -1,7 +1,10 @@
|
||||
<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>
|
||||
|
||||
<script setup lang="ts">
|
||||
|
||||
Reference in New Issue
Block a user