| | |
| | | <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="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="['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> |
| | | </el-carousel-item> |
| | |
| | | import { computed, onMounted, reactive } from 'vue'; |
| | | import { getSectionList } from '/@/api/ai/chat'; |
| | | import router from '/@/router'; |
| | | import { activeRoomId, activeSectionAId, setRoomConfig, sectionAList } from '/@/stores/chatRoom'; |
| | | import { activeRoomId, activeSectionAId, sectionAList, setRoomConfig } from '/@/stores/chatRoom'; |
| | | |
| | | let state = reactive({ |
| | | applicationScenarios: [], |
| | |
| | | (event: 'tagListClick', data): void; |
| | | }>(); |
| | | const changeScenarios = async (item) => { |
| | | activeSectionAId.value = item.section_id; |
| | | activeSectionAId.value = item.group_id; |
| | | setRoomConfig(activeRoomId.value, 'isAnswerByLLM', false); |
| | | }; |
| | | const getMainSectionList = async () => { |
| | |
| | | 'jinridaiban', |
| | | 'gongju', |
| | | ]; |
| | | res.sections.forEach((sectionItem, index) => { |
| | | res.groups.forEach((sectionItem, index) => { |
| | | sectionItem.Icon = iconList[index]; |
| | | }); |
| | | state.applicationScenarios = res.sections; |
| | | sectionAList.value = res.sections; |
| | | res.sections?.[0] && changeScenarios(res.sections[0]); |
| | | state.applicationScenarios = res.groups; |
| | | sectionAList.value = res.groups; |
| | | res.groups?.[0] && changeScenarios(res.groups[0]); |
| | | }; |
| | | const groupedArray = computed(() => { |
| | | const groups = []; |