WI/Web.V1.0.git

			@@ -14,7 +14,7 @@
			</div>
			</div>

			<div class="main">
			<div class="main" v-show="state.applicationScenarios && state.applicationScenarios.length < 3">
			<div
			class="main_item flex cursor-pointer"
			v-for="item in state.applicationScenarios"
			@@ -30,8 +30,25 @@
			</div>
			</div>
			</div>
			<div class="set-page">
			<el-pagination size="small" background layout="prev, pager, next" class="mt-4" />

			<div class="block main" v-show="state.applicationScenarios && state.applicationScenarios.length > 3">
			<el-carousel height="80">
			<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 }"
			@click="changeScenarios(item)"
			>
			<div :class="['iconfont icon-' + item.Icon]"></div>
			<div class="right">
			<h4>{{ item.section_name }}</h4>
			<p>{{ item.section_title }}</p>
			</div>
			</div>
			</el-carousel-item>
			</el-carousel>
			</div>
			</div>
			</template>
			@@ -56,14 +73,9 @@
			const iconList = ['biaodan', 'putong', 'zhongduancanshuchaxun', 'shidu'];
			res.sections.forEach((sectionItem, index) => {
			sectionItem.Icon = iconList[index];
			if (index < 4) {
			result.push(sectionItem);
			}
			});
			state.applicationScenarios = result;

			state.applicationScenarios = res.sections;
			res.sections?.[0] && changeScenarios(res.sections[0]);
			// state.scenariosIds = result.map((item) => item.section_id);
			};
			const groupedArray = computed(() => {
			const groups = [];
			@@ -73,10 +85,7 @@
			}
			return groups;
			});
			const nextPage = () => {
			const index = Math.floor(Math.random() * groupedArray.value.length);
			state.applicationScenarios = groupedArray.value[index];
			};

			// 查看更多
			const lookMore = () => {
			router.push({
			@@ -129,10 +138,7 @@
			width: 100%;
			border-radius: 5px;
			border: 1px solid #d9dbde;
			display: flex;
			padding: 8px;
			flex-wrap: wrap;

			&_item {
			width: 50%;
			border-radius: 5px;
			@@ -203,6 +209,10 @@
			}
			}
			}
			.set-carousel-item {
			display: flex;
			flex-wrap: wrap;
			}
			}
			.set-page {
			display: flex;
			@@ -211,4 +221,7 @@
			margin: 10px 0px;
			}
			}
			:deep(.el-carousel__container) {
			height: 200px !important;
			}
			</style>

			@@ -145,6 +145,15 @@
			</div>
			</el-drawer>
			</div>
			<el-dialog v-model="state.useInstructDialog" :title="state.instructInfo?.template_title" width="500" :before-close="handleClose">
			<el-input v-model="state.inputInstruct" :rows="10" type="textarea"></el-input>
			<template #footer>
			<div class="dialog-footer">
			<el-button @click="handleClose">取消</el-button>
			<el-button type="primary" @click="submitInstruct"> 确认 </el-button>
			</div>
			</template>
			</el-dialog>
			</div>
			</template>

			@@ -237,6 +246,9 @@
			activeLabelName: 0,
			activeInstructName: 0,
			isShowExpand: false,
			useInstructDialog: false,
			instructInfo: {},
			inputInstruct: '', //可修改指令
			});
			const exampleList = ref([]); //模版列表
			const instructContentList = ref([]); //指令列表
			@@ -321,8 +333,17 @@
			};
			//#region ====================== templateUseClick ======================
			const templateUseClick = (row) => {
			state.useInstructDialog = true;
			state.instructInfo = row;
			state.inputInstruct = row.template_value;
			};
			const handleClose = () => {
			state.useInstructDialog = false;
			};
			const submitInstruct = () => {
			setRoomConfig(activeRoomId.value,'isAnswerByLLM',true);
			emitter.emit('updateChatInput', row.template_value);
			emitter.emit('updateChatInput', state.inputInstruct);
			handleClose();
			};
			//#endregion
			//#region ====================== 搜索模板/指令 ======================

	src/views/project/ch/home/component/waterRight/bottom.vue	45 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/project/ch/home/component/waterRight/center.vue	23 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史