| | |
| | | > |
| | | <div |
| | | v-for="item in state.customTagList" |
| | | :key="item.section_id" |
| | | :class="{ 'set-label-active': state.activeLabelName === item.section_id }" |
| | | :key="item.group_id" |
| | | :class="{ 'set-label-active': state.activeLabelName === item.group_id }" |
| | | @click="handleLabelClick(item)" |
| | | class="cursor-pointer m-[5px] py-[5px] px-[10px] rounded-xl border border-solid border-[#b2b2b2] bg-[#e0e7f] text-[#4c4c4c] transition-[background-color .1s, color .1s, border-color .1s]" |
| | | > |
| | |
| | | > |
| | | <div |
| | | v-for="item in state.customOfficeList" |
| | | :key="item.section_id" |
| | | :class="{ 'set-label-active': state.activeInstructName === item.section_id }" |
| | | :key="item.template_id" |
| | | :class="{ 'set-label-active': state.activeInstructName === item.template_id }" |
| | | @click="handleInstructClick(item)" |
| | | class="cursor-pointer m-[5px] py-[5px] px-[10px] rounded-xl border border-solid border-[#b2b2b2] bg-[#e0e7f] text-[#4c4c4c] transition-[background-color .1s, color .1s, border-color .1s]" |
| | | > |
| | |
| | | //获取模版列表 |
| | | const getSelectListSample = async () => { |
| | | state.listSampleLoading = true; |
| | | const res = await getSelectSample({ |
| | | section_b_id: '', |
| | | }).finally(() => { |
| | | const res = await getSelectSample({}).finally(() => { |
| | | state.listSampleLoading = false; |
| | | }); |
| | | // console.log(res, 63); |
| | | console.log(res, 63); |
| | | state.exampleRandomContent = res.samples; |
| | | |
| | | const array = []; |
| | |
| | | } |
| | | }); |
| | | exampleList.value = res.samples; |
| | | |
| | | state.exampleContent = array; |
| | | }; |
| | | //随机生成颜色 |
| | |
| | | }; |
| | | //标签点击事件(提问示例) |
| | | const handleLabelClick = (item) => { |
| | | state.activeLabelName = item.section_id; |
| | | state.activeLabelName = item.group_id; |
| | | }; |
| | | //标签点击事件(指令模板) |
| | | const handleInstructClick = (item) => { |
| | | state.activeInstructName = item.section_id; |
| | | state.activeInstructName = item.group_id; |
| | | }; |
| | | |
| | | //展开收起 |
| | |
| | | const selectTagList = []; |
| | | const officeList = []; |
| | | val.forEach((item) => { |
| | | if (item.section_id != 'office_assistant') { |
| | | if (item.group_id != 'office_assistant') { |
| | | selectTagList.push(item); |
| | | } else { |
| | | officeList.push(item); |