feat: 修改适配

src/views/home/content/Content.vue

@@ -85,6 +85,7 @@ const checkDuplicateNo = ref('')
 const checkTaskStatus = ref(null) // 1.执行中 2.执行完毕  3.执行失败
 const isRefresh = ref(true) // 生成任务包前，点击刷新数据，并将【一键查重】切换按钮为【生成任务包】
 const bgLoadingImg = ref(bgLoading)
+const cols = ref('7')
 
 let canloadMore = true
 let filterId = null
@@ -154,6 +155,15 @@ onBeforeMount(async () => {
     item.calHeight = 182 * item.high / item.wide
   })
   listData.value = listData.value.concat(tmore)
+  const screenWidth = window.screen.width
+  if (screenWidth > 1920 && screenWidth <= 2560)
+    cols.value = '11'
+  else if (screenWidth <= 1920 && screenWidth >= 1792)
+    cols.value = '7'
+  else if (screenWidth < 1792 && screenWidth > 1440)
+    cols.value = '6'
+  else if (screenWidth <= 1440)
+    cols.value = '5'
 })
 
 onUpdated(() => {
@@ -741,7 +751,7 @@ defineExpose({
 
       <n-spin :show="loading">
         <div ref="el" class="scroll" :style="listStyle">
-          <waterfall :col="8" :data="listData" :gutter-width="10" @finish="finish">
+          <waterfall :col="cols" :data="listData" :gutter-width="10" @finish="finish">
             <div
               v-for="(item, index) in listData"
               :key="item.calHeight"