refactor(agent): 重构智能体页面布局和样式

-调整了智能体卡片的布局结构，优化了标题和描述的显示方式
- 改进了历史对话的展示样式，增加了滚动指示器
- 统一了标签和图标的样式，提升了视觉一致性
- 优化了搜索框和卡片列表的样式，提高了用户体验

src/views/agent/work-flow/index.vue

@@ -5,45 +5,48 @@
     <div class="chat-contain">
       <a-row class="grid-layout">
         <!-- 左侧历史聊天 -->
-        <a-col :xs="isCollapsed ? 0 : 3"
-               :sm="isCollapsed ? 0 : 3"
-               :md="isCollapsed ? 0 : 4"
-               :lg="isCollapsed ? 0 : 6"
-               :xl="isCollapsed ? 0 : 7"
-               :xxl="isCollapsed ? 0 : 5" >
+        <a-col
+          :xs="isCollapsed ? 0 : 3"
+          :sm="isCollapsed ? 0 : 3"
+          :md="isCollapsed ? 0 : 4"
+          :lg="isCollapsed ? 0 : 6"
+          :xl="isCollapsed ? 0 : 7"
+          :xxl="isCollapsed ? 0 : 5"
+        >
           <HistoryChat v-if="!isCollapsed" :cozeInfo="cozeInfo" />
-
         </a-col>
         <div class="toggle-btn" @click="toggleCollapse">
           <a-tooltip :content="isCollapsed ? '展开' : '折叠'">
-            <img class="status-icon" :src="isCollapsed ? menuFold : menuUnfold" />
+            <img class="status-icon" :src="isCollapsed ?  menuUnfold  : menuFold" />
           </a-tooltip>
         </div>
         <!-- 动态表单 -->
-        <a-col  :xs="isCollapsed ? 3 : 3"
-                :sm="isCollapsed ? 3 : 3"
-                :md="isCollapsed ? 4 : 4"
-                :lg="isCollapsed ? 6 : 6"
-                :xl="isCollapsed ? 6 : 6"
-                :xxl="isCollapsed ? 5 : 5" class="dynamic-form">
-          <DynamicForm
-            :formFields="formFields.form"
-            :formData="formData"
-            :loading="loading"
-            @submit="handleSubmit"
-          />
+        <a-col
+          :xs="isCollapsed ? 3 : 3"
+          :sm="isCollapsed ? 3 : 3"
+          :md="isCollapsed ? 4 : 4"
+          :lg="isCollapsed ? 6 : 6"
+          :xl="isCollapsed ? 6 : 6"
+          :xxl="isCollapsed ? 5 : 5"
+          class="dynamic-form"
+        >
+          <DynamicForm :formFields="formFields.form" :formData="formData" :loading="loading" @submit="handleSubmit" />
         </a-col>
 
         <!-- 主内容区域 -->
-        <a-col class="right-box content-container" style="height: 70vh;" :xs="isCollapsed ? 4 : 2"
-                :sm="isCollapsed ? 4 : 4"
-                :md="isCollapsed ? 6 : 6"
-                :lg="isCollapsed ? 8 : 8"
-                :xl="isCollapsed ? 10 : 10"
-                :xxl="isCollapsed ? 12 : 12" >
+        <a-col
+          class="right-box content-container"
+          style="height: 70vh"
+          :xs="isCollapsed ? 4 : 2"
+          :sm="isCollapsed ? 4 : 4"
+          :md="isCollapsed ? 6 : 6"
+          :lg="isCollapsed ? 8 : 8"
+          :xl="isCollapsed ? 10 : 10"
+          :xxl="isCollapsed ? 12 : 12"
+        >
           <a-spin v-if="loading" class="spin-center" tip="生成中。。。" />
           <div v-if="workFlowRes?.output != ''" class="work-res" v-html="renderedMarkdown"></div>
-          <NoData v-else  />
+          <NoData v-if="loading == false && workFlowRes?.output == ''" />
         </a-col>
       </a-row>
     </div>
@@ -113,7 +116,7 @@ const renderedMarkdown = computed(() => {
 const handleSubmit = async (formData) => {
   try {
     const param = { form_data: formData, workflow_id: cozeInfo.workflow_id, bot_id: formFields.value.bot_id };
-    console.log(param, 'param');
+    workFlowRes.output = '';
     loading.value = true;
     const { code, data } = await executeWorkFlow(param);
     if (code === 200) {
@@ -121,7 +124,6 @@ const handleSubmit = async (formData) => {
       loading.value = false;
     }
   } catch (error) {
-    console.log(error, 'error');
     loading.value = false;
   }
 };