fix: 修改高级示例

yangyin

2024-07-22 9858689def164c9959e7e9cba2f56a9ba69681c7

 src/components/drawer/CustomDrawer.vue

@@ -50,7 +50,7 @@
                     <i class="iconfont icon-zhongduancanshu" title="收缩" @click="handleExpandClick(2)" v-show="state.isShowExpand"></i>
                  </div>
                  <div class="mt20 w100">
                     <div class="w100 pb-[20px]" v-for="item in queryData" :key="item.sample_id">
                     <div class="w100 pb-[20px]" v-for="item in finalSampleList" :key="item.sample_id">
                        <div
                           class="cursor-pointer flex box-border p-[12px] w100 rounded bg-[#f5f7fd] transition-[background-color .2s]"
                           @click="changeExample(item)"
@@ -141,10 +141,9 @@
      { ID: 2, Name: '指令模板' },
   ],
   activeName: 1,
   exampleTabList: [],
   instructList: [],
   activeLabelName: 0,
   activeInstructName: 0,

   activeLabelName: 'knowledge_base', //默认选择第一个
   activeInstructName: 'office_assistant', //默认选择第一个
   isShowExpand: false,
   useInstructDialog: false,
   instructInfo: {},
@@ -160,7 +159,6 @@
});
const instructContentList = ref([]); //指令列表
const exampleList = ref([]); //示例列表

const isShow = defineModel('isShow', {
   type: Boolean,
});
@@ -189,7 +187,6 @@
   });
   exampleList.value = res.samples;
   state.exampleContent = array;
   state.listSampleExpand = true;
};
//随机生成颜色
const randomHexColor = () => {
@@ -273,9 +270,11 @@
const queryParams = ref({
   sample_title: '',
});
const { query, queryData } = useSearch(exampleList, queryParams);

const debounceQuery = debounce(query);
const { query: querySample, queryData: showSampleList } = useSearch(exampleList, queryParams);
const debounceQuery = debounce(querySample);
const finalSampleList = computed(() => {
   return showSampleList.value.filter((item) => item.section_a_id == state.activeLabelName);
});

watch(
   () => queryParams.value.sample_title,