ms 展开/收起

wujingjing

2024-11-06 a89feae0739453304738e74330ff59da1a8762aa

 src/components/chat/chatComponents/summaryCom/SummaryCom.vue

@@ -14,7 +14,24 @@
               :tableLimitHeight="tableLimitHeight"
               @updateQuery="(res) => updateRecordSet(index, res)"
            ></component>
            <div class="max-h-[2/3vh] markdown-it" v-if="showReportIndex.includes(index) && conclusion?.length > 0" v-html="md.render(getReport(index))"></div>

            <div class="flex flex-col" v-if="showReportIndex.includes(index) && conclusion?.length > 0">
               <div class="flex items-center mb-3">
                  <span class="mr-2">评估：</span>
                  <div
                     @click="toggleReport(item)"
                     class="cursor-pointer border border-gray-300 border-solid w-fit px-2 flex items-center space-x-2 rounded-lg hover:bg-gray-100 active:bg-gray-200"
                  >
                     <span>
                        {{ toggleReportLabel(item) }}
                     </span>
                     <span class="ywifont" :class="{ 'ywicon-unfold': !item.stepIsShow, 'ywicon-fold': item.stepIsShow }"></span>
                  </div>
               </div>

               <!-- 过程输出 -->
               <div v-show="item.reportIsShow" class="max-h-[2/3vh] markdown-it" v-html="md.render(getReport(index))"></div>
            </div>
         </template>
      </template>
      <!-- <ReportDlg v-model="infoDlgIsShow" :report="report" :agentKey="agentKey"></ReportDlg> -->
@@ -72,8 +89,13 @@
   const agentKey = agent.agent_key;
   // debugger;
   const foundReport = props.conclusion.find((item) => item.agent_key === agentKey);
   const report = foundReport?.report ??'';
   return report
   const report = foundReport?.report ?? '';
   return report;
};

const toggleReportLabel = (item) => (item.reportIsShow ? '收起' : '展开');
const toggleReport = (item) => {
   item.reportIsShow = !item.reportIsShow;
};
// const infoDlgIsShow = ref(false);
// const report = ref(null);