| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="custom-drawer"> |
| | | <el-drawer v-model="state.isShowAdvanceExample" direction="rtl" size="354"> |
| | | <template #header style="padding: 30px 20px 26px"> |
| | | <div class="box-border w100 bg-[#e0e7fb] relative flex items-center justify-center"> |
| | |
| | | <div class="box-border w-[354px] flex-1 min-h-0 bg-[#e0e7fb]" v-show="state.activeName == 2"> |
| | | <div class="flex flex-col w100 h100 pt-0 pr-[15px] pb-0 pl-[20px] overflow-auto"> |
| | | <div class="flex items-center w100 h-[30px] border border-solid border-[#b2b2b2] transition-[border-color 1s] rounded-2xl"> |
| | | <el-input v-model="instructParams.template_title" placeholder="搜索更多" class="set-input" :prefix-icon="Search" clearable> |
| | | <el-input |
| | | v-model="instructParams.template_title" |
| | | placeholder="搜索更多" |
| | | class="set-input" |
| | | :prefix-icon="Search" |
| | | clearable |
| | | > |
| | | </el-input> |
| | | </div> |
| | | <div class="mt20 w100 relative"> |
| | |
| | | <div class="example-body ellipsis">{{ item.template_value }}</div> |
| | | <div class="example-bottom"> |
| | | <span class="example-item">{{ item.template_type }}</span> |
| | | <el-button type="primary" class="set-button">使用</el-button> |
| | | <el-button type="primary" class="set-button" @click="templateUseClick(item)">使用</el-button> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | </div> |
| | | </div> |
| | | </el-drawer> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | .toString(16) |
| | | .padEnd(6, '0')}`; |
| | | }; |
| | | //#region ====================== templateUseClick ====================== |
| | | const templateUseClick = (row) => { |
| | | emitter.emit('updateChatInput', row.template_value); |
| | | }; |
| | | //#endregion |
| | | //#region ====================== 搜索模板/指令 ====================== |
| | | const queryParams = ref({ |
| | | sample_title: '', |