feat: 修改可疑排序规则

src/layout/components/Header/RecycleModal.vue

@@ -43,6 +43,7 @@ const timeOptions = [{
 //   label: '降序',
 //   value: 'desc',
 // }]
+
 const timeLabel = computed(() => {
   const item = timeOptions.find((option) => {
     return option.value === timeRange.value
@@ -223,7 +224,18 @@ function upHandler(event: MouseEvent) {
 }
 
 const gridHeight = computed(() => {
-  return viewMode.value !== 'masonry' ? '157px' : ''
+  // return viewMode.value !== 'masonry' ? '157px' : ''
+  let height = "";
+  if (viewMode.value === "masonry") {
+    height = "";
+  } else if (viewMode.value === "horizontalVersion") {
+    height = "145px";
+  } else if (viewMode.value === "verticalVersion") {
+    height = "300px";
+  } else if (viewMode.value === "3:4") {
+    height = "240px";
+  }
+  return height;
 })
 
 function addListeners() {
@@ -515,8 +527,13 @@ async function refreshHandler(filtersearchId?: any) {
                 <div v-for="(item, index) in listData" :key="item.pictureId" :data-id="item.pictureId"
                   :class="{ 'grid-item-selected': isSelected(item.pictureId) }" :style="{ height: gridHeight }"
                   class="grid-item">
-                  <n-image :src="item.imgUrl" class="img "
+                  <n-image 
-                    :class="{ 'img-fit': viewMode === 'horizontalVersion', 'img-full': viewMode === '3:4' || viewMode === 'verticalVersion' }" />
+                  :src="item.imgUrl"
+                  class="img "
+                    :class="{ 
+                      'img-fit': viewMode === 'horizontalVersion', 
+                      'img-full': viewMode === '3:4' || viewMode === 'verticalVersion' }" 
+                    />
                   <n-checkbox v-if="batch && item.historyStates === 1" v-model:checked="item.checked"
                     style="position:absolute;left:20px;top:20px" @click.prevent
                     @update:checked="onCheckChange($event, item)" />
@@ -604,7 +621,9 @@ async function refreshHandler(filtersearchId?: any) {
 }
 
 .img {
-  border-radius: 8px;
+  border-radius: 7px;
+  display: block;
+  height: calc(100%);
 }
 
 .wrapper {