Răsfoiți Sursa

fix: 修复会话历史记录样式异常的问题

zhupei@smartai.com 1 an în urmă
părinte
comite
d799ac80bc

+ 2 - 2
src/modules/conversation-dialog/format-dialog-answer-custom-markdown-str.js

@@ -109,8 +109,8 @@ export function formatFileDownloadStr(file_name, file_url, file_id) {
   real_url = file_url.replace('./', '/');
   real_url = formatStaticAssetsUrl(real_url);
 
-  const token = kuky_Authorization.get();
-  real_url = useAttachQueryValue(real_url, 'token', token);
+  // const token = kuky_Authorization.get();
+  // real_url = useAttachQueryValue(real_url, 'token', token);
 
   return `<div class="client-formated-markdown-element-item client-formated-download-container">
     <a class="download-link" href="${real_url}" target="_blank">

+ 9 - 4
src/modules/conversation-history/HistoryItem.vue

@@ -1,5 +1,5 @@
 <template>
-  <div v-if="is_label_item" :class="item_klass">
+  <div v-if="is_label_item" :class="item_klass" class="history-block-title">
     <template v-if="history.client_field_timestamp_type === 'today'">{{ $t('conversation.history_today') }}</template>
     <template v-if="history.client_field_timestamp_type === 'month'">{{ $t('conversation.history_month') }}</template>
     <template v-if="history.client_field_timestamp_type === 'earlier'">{{
@@ -148,8 +148,10 @@ const handleDeleteSuccess = () => {
 <style lang="css" scoped>
 .conversation-history-section-title {
   font-size: 20px;
-  font-weight: bold;
-  margin-top: 16px;
+  font-weight: 500;
+  line-height: 28px;
+
+  margin-top: 26px;
   margin-bottom: 16px;
   color: var(--color-text-1);
 }
@@ -164,7 +166,7 @@ const handleDeleteSuccess = () => {
 .conversation-history-section-data {
   background-color: var(--color-bg-1);
   padding: 20px 20px 20px 20px;
-  border-radius: 15px;
+  border-radius: 12px;
   margin-top: 10px;
   margin-bottom: 10px;
 
@@ -222,6 +224,9 @@ const handleDeleteSuccess = () => {
   text-align: center;
 }
 .history-item-time {
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 19.6px;
 }
 .history-item-delete {
   display: none;

+ 1 - 1
src/modules/conversation-history/HistoryList.vue

@@ -59,7 +59,7 @@ const handleLoadMore = () => {
 
 <style lang="css" scoped>
 .conversation-history-list-section {
-  margin-top: 20px;
+  margin-top: 10px;
 }
 
 .conversation-history-section-title {

+ 3 - 2
src/modules/conversation-history/HistoryName.vue

@@ -13,8 +13,9 @@
 
   text-align: center;
 
-  font-size: 32px;
-  font-weight: bold;
+  font-size: 24px;
+  line-height: 33.6px;
+  font-weight: 500;
 
   color: var(--color-text-1);
 }

+ 6 - 2
src/modules/conversation-history/HistorySearchInput.vue

@@ -86,7 +86,7 @@ const handleInputClear = () => {
 
   padding: 20px 20px 20px 20px;
 
-  border-radius: 15px;
+  border-radius: 12px;
 }
 
 .search-input-content {
@@ -121,7 +121,11 @@ const handleInputClear = () => {
   flex-grow: 1;
   outline: none;
   border: none;
-  font-size: 16px;
+  /* font-size: 16px; */
+
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 19.6px;
 
   caret-color: var(--color-text-1);
   background-color: var(--color-bg-1);

+ 12 - 2
src/modules/conversation-history/HistoryTypeDropdown.vue

@@ -23,7 +23,7 @@
       >
         <div class="dropdown-container">
           <img :src="getIconIntelligent(item.icon)" class="agent-icon-img" />
-          <span>{{ item.name }}</span>
+          <span class="dropdown-item-text">{{ item.name }}</span>
         </div>
       </a-doption>
     </template>
@@ -113,7 +113,10 @@ onMounted(() => {
 
 <style lang="css" scoped>
 .history-type-btn {
-  font-size: 16px;
+  /* font-size: 16px; */
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 19.6px;
 
   max-width: 140px;
 
@@ -138,6 +141,13 @@ onMounted(() => {
 .dropdown-container {
   display: flex;
   align-items: center;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+.dropdown-item-text {
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 19.6px;
 }
 
 .nav-item-icon.arrow-down {

+ 1 - 0
src/views/conversation/ConversationHistoryContainer.vue

@@ -129,6 +129,7 @@ function dropListByType(res_list) {
       create_stamp = createStamp;
     }
 
+    content_item.create_time = create_stamp;
     if (create_stamp >= today_zero) {
       // 今天的数据
       if (count_today.value === 0) {