feat: 2532 【AI一键查重】界面部分元素及字段功能与设计不符

src/views/home/aside/comp/AdvanceFilter.vue

@@ -226,7 +226,7 @@ const moveEnd = () => {
       >
         <template #trigger>
           <div class="wrapper-left-dropdown" @click="showClick">
-            <span>高级筛选</span>
+            <span style="font-size: 20px;color: #333333;font-weight: Medium;">高级筛选</span>
             <SvgIcon :style="{ marginLeft: '5px' }" name="down" size="14" />
           </div>
         </template>

src/views/home/aside/comp/Upload.vue

@@ -112,8 +112,8 @@ const handleDrop = async (e) => {
 <style lang="less" scoped>
 .wrapper {
   width: 288px;
-  height: 116px;
-  padding: 12px;
+  height: 156px;
+  padding: 32px 16px;
   box-sizing: border-box;
   margin-top: 10px;
   background: rgba(202, 210, 221, 0.10);
@@ -168,5 +168,13 @@ const handleDrop = async (e) => {
       margin: 0px 15px;
     }
   }
+  .wrapper-tip1 {
+    line-height: inherit;
+    margin-top: 7px;
+  }
+  .wrapper-tip2 {
+    line-height: inherit;
+    margin-top: 7px;
+  }
 }
 </style>

src/views/home/aside/comp/items/PictureUpload.vue

@@ -31,8 +31,12 @@ function onChange(value: string) {
 <style lang="less" scoped>
 .wrapper {
   padding: 10px;
+  margin-top: 0;
 }
 ::v-deep(.n-collapse-item-arrow){
   color: #999999 !important;;
 }
+::v-deep(.n-collapse-item__content-inner){
+  padding-top: 0!important;
+}
 </style>

src/views/home/aside/comp/items/Time.vue

@@ -22,7 +22,11 @@ function onChange(value: [number, number]) {
     <n-collapse :default-expanded-names="['1']" arrow-placement="right">
       <n-collapse-item :title="label" name="1">
         <n-space>
-          <n-date-picker v-model:value="time" type="daterange" clearable @update:value="onChange" />
+          <n-date-picker v-model:value="time" type="daterange" clearable @update:value="onChange" >
+            <template #separator>
+              至
+            </template>
+          </n-date-picker>
         </n-space>
       </n-collapse-item>
     </n-collapse>
@@ -34,6 +38,9 @@ function onChange(value: [number, number]) {
   padding: 10px;
 }
 ::v-deep(.n-collapse-item-arrow){
+  color: #999999 !important;
+}
+::v-deep(.n-input__separator){
   color: #999999 !important;;
 }
 </style>

src/views/home/content/Content.vue

@@ -168,7 +168,7 @@ const gridHeight = computed(() => {
   } else if (viewMode.value === 'horizontalVersion') {
     height = '145px'
   } else if (viewMode.value === 'verticalVersion') {
-    height = '320px'
+    height = '300px'
   } else if (viewMode.value === '3:4') {
     height = '240px'
   }
@@ -337,12 +337,12 @@ function previewHandler(index: number,event: MouseEvent) {
               <SvgIcon class="gap" name="arrow-botton" size="14" />
             </div>
           </n-popselect>
-          <div style="margin-left: 15px;cursor: pointer" @click="sortHandler()">
+          <div style="margin-left: 15px;cursor: pointer;color:#323233" @click="sortHandler()">
             <span>相似度排序</span>
             <SvgIcon style="margin-left: 8px;" name="sort" size="12" />
           </div>
         </div>
-        <span>共{{ totalCount }}项</span>
+        <span style="font-size: 16px;color:#494949">共 <span style="color:#7899fd;font-weight: 500;">{{ totalCount }}</span> 项</span>
       </div>
       <n-spin :show="loading">
         <div ref="el" class="scroll" :style="listStyle">
@@ -473,6 +473,8 @@ function previewHandler(index: number,event: MouseEvent) {
       justify-content: space-between;
       margin-top: 4px;
       position: relative;
+      color: #666666;
+      font-size: 16px;
 
       .left {
         display: flex;
@@ -485,8 +487,8 @@ function previewHandler(index: number,event: MouseEvent) {
       }
 
       .avatar {
-        width: 15px;
-        height: 15px;
+        width: 20px;
+        height: 20px;
         margin-right: 5px;
       }
     }
@@ -496,6 +498,7 @@ function previewHandler(index: number,event: MouseEvent) {
       flex-direction: row;
       align-items: center;
       margin-right: 24px;
+      color:#323233;
 
       .gap {
         margin-left: 5px;