WI/Web.V1.0.git

			@@ -1,59 +1,46 @@
			<template>
			<!-- 应用场景 -->
			<div class="w100 h100 box-border text-[14px] bg-[#f7f8fa] overflow-hidden pr-[32px] pb-[50px] pl-[32px] pt-[42px]">
			<div class="w100 h100 box-border text-[14px] bg-[#f7f8fa] overflow-auto pr-[32px] pb-[50px] pl-[32px] pt-[42px]">
			<div class="set-body">
			<div class="productivity recently">
			<!-- <div class="productivity recently">
			<p class="mb-[24px] flex items-center">
			<el-icon color="#409eff" :size="20" class="mr-2"><Clock /></el-icon>
			<span>最近使用</span>
			</p>
			<div class="flex flex-wrap items-center">
			<div class="list_app" v-for="item in state.recentlyList" :key="item.ID" @click="changeApp(item)">
			<div class="list_app" v-for="item in state.recentlyList" :key="item.ID" >
			<img :src="item.Icon" alt="" class="w-[20px] h-[20px] mr-[14px]" />
			<span class="text-[14px] text-[#333f4e]">{{ item.Name }}</span>
			</div>
			</div>
			</div>
			<div class="productivity">
			</div> -->
			<div
			class="productivity"
			v-for="product in state.productivityList"
			:key="product.section_id"
			v-show="state.productivityList && state.productivityList.length > 0"
			>
			<div class="mb-[24px]">
			<span class="productivity-span"><i></i>通用的场景</span>
			<span class="productivity-span"><i></i>{{ product.section_name }}</span>
			</div>
			<div class="flex flex-wrap items-center">
			<div class="list_app" v-for="item in state.productivityList" :key="item.ID">
			<img :src="item.Icon" alt="" class="w-[20px] h-[20px] mr-[14px]" />
			<span class="text-[14px] text-[#333f4e]">{{ item.Name }}</span>
			<div class="list_app" @click="changeApp(product.section_id, product)">
			<img :src="product.Icon" alt="" class="w-[20px] h-[20px] mr-[14px]" />
			<span class="text-[14px] text-[#333f4e]">{{ product.section_name }}</span>
			</div>
			</div>
			</div>
			<div class="productivity">
			<div class="mb-[24px]">
			<span class="productivity-span"><i></i>水务应用场景</span>
			</div>
			<div class="flex flex-wrap items-center">
			<div class="list_app" v-for="item in state.waterApplicationList" :key="item.ID">
			<img :src="item.Icon" alt="" class="w-[20px] h-[20px] mr-[14px]" />
			<span class="text-[14px] text-[#333f4e]">{{ item.Name }}</span>
			</div>
			</div>
			</div>
			<div class="productivity">
			<div class="mb-[24px]">
			<span class="productivity-span"><i></i>辅助学习</span>
			</div>
			<div class="flex flex-wrap items-center">
			<div class="list_app" v-for="item in state.studyList" :key="item.ID">
			<img :src="item.Icon" alt="" class="w-[20px] h-[20px] mr-[14px]" />
			<span class="text-[14px] text-[#333f4e]">{{ item.Name }}</span>
			</div>
			</div>
			</div>
			<el-empty description="暂无数据" v-show="state.productivityList.length === 0" />
			</div>
			</div>
			</template>

			<script setup lang="ts">
			import { reactive } from 'vue';
			import { onMounted, reactive } from 'vue';
			import { useRoute } from 'vue-router';
			import { getSectionByIdList } from '/@/api/ai/chat';
			import router from '/@/router';
			const route = useRoute();
			let state = reactive({
			recentlyList: [
			{
			@@ -67,91 +54,34 @@
			Icon: '/static/images/scene/scene_2.png',
			},
			], //最近使用
			productivityList: [
			{
			ID: 1,
			Name: '知识库',
			Icon: '/static/images/scene/scene_1.png',
			},
			{
			ID: 2,
			Name: '文本优化',
			Icon: '/static/images/scene/scene_2.png',
			},
			{
			ID: 3,
			Name: '知识库',
			Icon: '/static/images/scene/scene_3.png',
			},
			{
			ID: 4,
			Name: '常规的应用',
			Icon: '/static/images/scene/scene_2.png',
			},
			{
			ID: 5,
			Name: '文生文',
			Icon: '/static/images/scene/scene_3.png',
			},
			{
			ID: 6,
			Name: '合同模板',
			Icon: '/static/images/scene/scene_2.png',
			},
			{
			ID: 7,
			Name: '直播带货',
			Icon: '/static/images/scene/scene_3.png',
			},
			{
			ID: 8,
			Name: '新媒体文案',
			Icon: '/static/images/scene/scene_2.png',
			},
			], //通用的场景
			waterApplicationList: [
			{
			ID: 1,
			Name: '水厂生产',
			Icon: '/static/images/scene/scene_1.png',
			},
			{
			ID: 2,
			Name: '管网监测',
			Icon: '/static/images/scene/scene_2.png',
			},
			{
			ID: 3,
			Name: '管网运行',
			Icon: '/static/images/scene/scene_3.png',
			},
			{
			ID: 4,
			Name: '产销差',
			Icon: '/static/images/scene/scene_2.png',
			},
			],
			studyList: [
			{
			ID: 1,
			Name: '论文助手',
			Icon: '/static/images/scene/scene_1.png',
			},
			{
			ID: 2,
			Name: '其他',
			Icon: '/static/images/scene/scene_2.png',
			},
			],
			productivityList: [], //通用的场景
			scenarioID: null,
			});
			//切换到应用场景详情的事件
			const changeApp = (item: any) => {
			if (item.ID === 2) {
			const changeApp = (section_id, item: any) => {
			if (section_id === 'office_summarize') {
			router.push({
			name: 'ScenarioDetails',
			query: {
			ID: section_id,
			Name: item.section_name,
			Title: item.section_title,
			},
			});
			}
			};
			const getSectionByList = async () => {
			const res = await getSectionByIdList({ section_a_id: state.scenarioID });
			const iconList = ['/static/images/scene/scene_1.png', '/static/images/scene/scene_2.png', '/static/images/scene/scene_3.png'];
			res.sections.forEach((child: any) => {
			child.Icon = iconList[Math.floor(Math.random() * 3)];
			});
			state.productivityList = res.sections;
			};
			onMounted(() => {
			state.scenarioID = route.query.ID;
			getSectionByList();
			});
			</script>
			<style scoped lang="scss">
			.set-body {
			@@ -179,7 +109,7 @@
			}
			}
			.list_app {
			width: 140px;
			width: 180px;
			display: flex;
			align-items: center;
			border-radius: 8px;