修改高级示例

yangyin

2024-10-15 20dd2dc0554748c4f8e507374be31e3b5ec7a270

 src/views/project/ch/home/Home.vue

@@ -5,8 +5,8 @@
            <div class="w100 h100 overflow-hidden">
               <div class="pc-chatRoom w100 h100">
                  <div class="homeBox w100 h-full">
                     <div class="flex items-center h-full overflow-hidden">
                        <div class="flex items-center flex-column">
                     <div class="flex items-center h-full">
                        <div class="flex items-center flex-column" style="overflow: unset !important">
                           <waterTop ref="topRef" />
                           <waterCenter
                              @advanceExampleClick="advanceExampleClick"
@@ -14,16 +14,10 @@
                              ref="waterCenterRef"
                              @updateChatInput="updateChatInput"
                           />
                           <waterBottom @tagListClick="tagListClick" />
                           <waterBottom />
                        </div>

                        <CustomDrawer
                           v-model:isShow="state.isShowAdvanceExample"
                           ref="customDrawerrRef"
                           @updateChatInput="updateChatInput"
                           :customTagList="state.customTagList"
                           :customOfficeList="state.customOfficeList"
                        />
                        <CustomDrawer v-model:isShow="state.isShowAdvanceExample" ref="customDrawerRef" @updateChatInput="updateChatInput" />
                     </div>
                  </div>
                  <!-- <p class="declare">
@@ -46,38 +40,18 @@
import CustomDrawer from '/@/components/drawer/CustomDrawer.vue';
let state = reactive({
   isShowAdvanceExample: false,
   customTagList: [],
   customOfficeList: [],
});

const topRef = ref(null);
const waterCenterRef = ref(null);
const customDrawerrRef = ref(null);
const customDrawerRef = ref(null);
const updateChatInput = (val) => {
   topRef.value.updateChatInput(val);
};
const advanceExampleClick = (status: boolean) => {
   state.isShowAdvanceExample = status;
   if (status) {
      customDrawerrRef.value.getTableData();
   }
};
const tagListClick = (val) => {
   if (val.length > 0) {
      const selectTagList = [];
      const officeList = [];
      val.forEach((item) => {
         if (item.section_id != 'office_assistant') {
            selectTagList.push(item);
         } else {
            officeList.push(item);
         }
      });
      state.customTagList = selectTagList;
      state.customOfficeList = officeList;
   } else {
      state.customTagList = [];
      state.customOfficeList = [];
      customDrawerRef.value.getTableData();
   }
};
</script>