From feb89d709f61ee862d5914f429a855f3e990898b Mon Sep 17 00:00:00 2001
From: wujingjing <gersonwu@qq.com>
Date: 星期一, 28 十月 2024 10:11:54 +0800
Subject: [PATCH] Merge branch 'test' of http://47.103.154.90:83/r/WI/Web.V1.0 into test

---
 src/views/project/ch/home/component/waterRight/bottom.vue |   78 ++++++++++++++++++++++++++++-----------
 1 files changed, 56 insertions(+), 22 deletions(-)

diff --git a/src/views/project/ch/home/component/waterRight/bottom.vue b/src/views/project/ch/home/component/waterRight/bottom.vue
index 70ca532..07ffbf8 100644
--- a/src/views/project/ch/home/component/waterRight/bottom.vue
+++ b/src/views/project/ch/home/component/waterRight/bottom.vue
@@ -4,47 +4,47 @@
 			<div class="flex item-center">
 				<span>搴旂敤鍦烘櫙</span>
 			</div>
-			<div class="cursor-pointer">
+			<!-- <div class="cursor-pointer">
 				<el-button link class="changeBatch" @click="lookMore"
 					>鏌ョ湅鏇村
 					<el-icon>
 						<ArrowRight />
 					</el-icon>
 				</el-button>
-			</div>
+			</div> -->
 		</div>
 
 		<div class="main" v-show="state.applicationScenarios && state.applicationScenarios.length < 3">
 			<div
 				class="main_item flex cursor-pointer"
 				v-for="item in state.applicationScenarios"
-				:key="item.section_id"
-				:class="{ main_item_active: item.section_id === activeSectionAId }"
+				:key="item.group_id"
+				:class="{ main_item_active: item.group_id === activeSectionAId }"
 				@click="changeScenarios(item)"
 			>
-				<div :class="['iconfont icon-' + item.Icon]"></div>
+				<div :class="['myiconfont icon-' + item.Icon]"></div>
 
 				<div class="right">
-					<h4>{{ item.section_name }}</h4>
-					<p>{{ item.section_title }}</p>
+					<h4>{{ item.group_name }}</h4>
+					<p>{{ item.group_title }}</p>
 				</div>
 			</div>
 		</div>
 
 		<div class="block main" v-show="state.applicationScenarios && state.applicationScenarios.length > 3">
-			<el-carousel height="80">
+			<el-carousel height="80" :interval="5000" indicator-position="none">
 				<el-carousel-item v-for="group in groupedArray" :key="group" class="set-carousel-item">
 					<div
 						class="main_item flex cursor-pointer"
 						v-for="item in group"
-						:key="item.section_id"
-						:class="{ main_item_active: item.section_id === activeSectionAId }"
+						:key="item.group_id"
+						:class="{ main_item_active: item.group_id === activeSectionAId }"
 						@click="changeScenarios(item)"
 					>
-						<div :class="['iconfont icon-' + item.Icon]"></div>
+						<div :class="['ywifont ywicon-' + item.Icon]"></div>
 						<div class="right">
-							<h4>{{ item.section_name }}</h4>
-							<p>{{ item.section_title }}</p>
+							<h4>{{ item.group_name }}</h4>
+							<p>{{ item.group_title }}</p>
 						</div>
 					</div>
 				</el-carousel-item>
@@ -54,27 +54,58 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted, reactive, computed } from 'vue';
+import { computed, onMounted, reactive, ref } from 'vue';
 import { getSectionList } from '/@/api/ai/chat';
 import router from '/@/router';
-import { activeSectionAId } from '/@/stores/chatRoom';
-
+import { activeSectionAId, sectionAList } from '/@/stores/chatRoom';
+import { OptClassificationMap, classificationEnum } from '/@/views/types/metrics';
 let state = reactive({
 	applicationScenarios: [],
 	scenariosIds: [],
 });
+const emits = defineEmits<{
+	(event: 'tagListClick', data): void;
+}>();
 const changeScenarios = async (item) => {
-	activeSectionAId.value = item.section_id;
+	activeSectionAId.value = item.group_id;
+	emits('tagListClick', item);
+	// setRoomConfig(activeRoomId.value, 'isAnswerByLLM', false);
+};
+const iconList = ref([
+	'duoweidu',
+	'zhibiao',
+	'shujuzhongxin',
+	'shujuguanli',
+	'wendang',
+	'grid',
+	'liebiao',
+	'wentifankui',
+	'cedian',
+	'shuzhuangtu',
+	'bengzhan',
+	'gerenxinxi_o',
+	'bengzhan1',
+	'yingyongzhongxin',
+]);
+const getIconByIndex = (index) => {
+	const iconCount = iconList.value.length;
+	return iconList.value[index % iconCount];
 };
 const getMainSectionList = async () => {
 	const res = await getSectionList();
 	let result = [];
-	const iconList = ['biaodan', 'putong', 'zhongduancanshuchaxun', 'shidu'];
-	res.sections.forEach((sectionItem, index) => {
-		sectionItem.Icon = iconList[index];
+	res.groups.forEach((sectionItem, index) => {
+		if (
+			sectionItem.group_type != OptClassificationMap[classificationEnum.Office] &&
+			sectionItem.group_type != OptClassificationMap[classificationEnum.Knowledge]
+		) {
+			sectionItem.Icon = getIconByIndex(index);
+			result.push(sectionItem);
+		}
 	});
-	state.applicationScenarios = res.sections;
-	res.sections?.[0] && changeScenarios(res.sections[0]);
+	state.applicationScenarios = result;
+	sectionAList.value = res.groups;
+	res.groups?.[0] && changeScenarios(res.groups[0]);
 };
 const groupedArray = computed(() => {
 	const groups = [];
@@ -89,6 +120,9 @@
 const lookMore = () => {
 	router.push({
 		name: 'Scenario',
+		query: {
+			ID: activeSectionAId.value,
+		},
 	});
 };
 onMounted(() => {

--
Gitblit v1.9.3