From 7e4154bd4f6d52fc56ce0e61253c423c81641c34 Mon Sep 17 00:00:00 2001
From: "du.meimei" <du.meimei@ebiz-digits.com>
Date: Mon, 19 May 2025 13:04:03 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/img/home/tob.png                   | Bin 175 -> 178 bytes
 src/assets/img/home/tog.png                   | Bin 177 -> 190 bytes
 src/assets/img/home/tow.png                   | Bin 0 -> 160 bytes
 src/views/Home/BannerDetail.vue               |  19 +-
 src/views/Home/components/Charts.vue          |   2 +-
 src/views/Home/components/Header.vue          |  79 ++---
 src/views/Home/components/ModelCard.vue       |   2 +-
 src/views/Home/components/Operating.vue       |  17 +-
 src/views/Home/components/Scene.vue           |   1 +
 .../ProjectManage/components/NewSearch.vue    | 300 +++++++++---------
 10 files changed, 201 insertions(+), 219 deletions(-)
 create mode 100644 src/assets/img/home/tow.png

diff --git a/src/assets/img/home/tob.png b/src/assets/img/home/tob.png
index e48c9c7bfb626abe1de25b5ae852e971e0df6dd3..6a4cb90e6071ab87f2fb63ee7db48be138ee6e45 100644
GIT binary patch
literal 178
zcmeAS@N?(olHy`uVBq!ia0vp^JV4CK!3HD?t9bQ+6k~CayA#8@b22Z1oE%RV#}J9|
z<dg%9PT_yk>#Clm-8s+y%KO~8q(8jD$2z>5LvNm~Vr%=)%frJndCB{Dt*E_LZ}dHM
z{dlJ>y{;@NDLLJdca7z>r5CxbC4`nGD={-W%jwNt@TgwmpJAHp>%jTGYuG02o6qxK
a;t*p)r1EWJw{k(Cy$qhNelF{r5}E+!9z4?k

literal 175
zcmeAS@N?(olHy`uVBq!ia0vp^qCm{f!3HFsbFzUb#^NA%Cx&(BWL^R}nVv3=AsWHS
zDGJOL?tjHolK;x?u2a0Nl5<Pa)BLl2a=@SYi+Ol>ruFdf*k+4wnzm@RW7|R=9><UM
ze<URStxroxNI0Bk5ZTrg({?^#6YtS<gJg$4{Hbbe&#afU>n`Jq2ne_uFu_!zneosu
WRfoliK}A4I89ZJ6T-G@yGywn?OgV%A

diff --git a/src/assets/img/home/tog.png b/src/assets/img/home/tog.png
index 539cbd3cb70bfd3ab9363b0c4b9459d5cc0160cf..93af79b58e2242c5d1c23a1fb7a9af0500dea5fb 100644
GIT binary patch
literal 190
zcmeAS@N?(olHy`uVBq!ia0vp^+(692!3HEFejWV`q!^2X+?^QKos)S9<WzXNIEF}s
zC#M`>G%Abg+-UqyGwH|qE&pyF7fugrH~f=&WT{2=erEpH@8$3E{FnUk&-h=yK#^_b
zbi?%NTSZRa-=Cx7^FP4kUs6g+;-CNilO{HDE_tZNe0YA*u|IFcYI}PAGfPTH&NRsV
pdH&Fe0|)-jZ)|*O&wSW~;Zv{b<7lsEJU}-vc)I$ztaD0e0swWxP2d0k

literal 177
zcmeAS@N?(olHy`uVBq!ia0vp^qCm{f!3HFsbFzUb#^NA%Cx&(BWL^R}*`6+rAsWHS
zDGJOfc^d^&lK%=@U;KMSCFho;r`czF=H!EVpBMA+@Js_@Tj4wY(-zHk+_ezM`MF!?
zkHr7~@n;VlIM8-BVG|GQPM-M(Q>44jCmg$z8+Pi<nfmt=WVYQfZ8$vRR$J4WSBwms
XLo`2kgv>4gTFc<+>gTe~DWM4fjs!t2

diff --git a/src/assets/img/home/tow.png b/src/assets/img/home/tow.png
new file mode 100644
index 0000000000000000000000000000000000000000..6adde40ffb7f1e2267d386b4ffb3b43470c9be96
GIT binary patch
literal 160
zcmeAS@N?(olHy`uVBq!ia0vp^JV4CK!3HD?t9bQ+6k~CayA#8@b22Z1oG4Eh#}J9|
z-m`{$4gmr!59=RISX9W+>ZH4{kRfXAj>QUxCoiu_I(_qJnQKx`x&x=qq;K1o@n5*R
zTW&^!+a<|e@e3HPRcx4QVsqdd$CZ`-hV~6!m;Q*eY-jw*`d3OiD7=tM6KD&Ar>mdK
II;Vst0O86vIRF3v

literal 0
HcmV?d00001

diff --git a/src/views/Home/BannerDetail.vue b/src/views/Home/BannerDetail.vue
index 8d7236c1..8097c17e 100644
--- a/src/views/Home/BannerDetail.vue
+++ b/src/views/Home/BannerDetail.vue
@@ -10,14 +10,23 @@
       <div class="detail">
         <p class="fw-900">{{bannerInfo.synopsis}}</p>
         <p class="fs-14 time">伊调研 | {{bannerInfo.publish_time}}</p>
-        <img v-if="bannerInfo.type === 1" :src="bannerInfo.file_address" alt="" style="width: 100%;">
-        <video v-if="bannerInfo.type === 2" width="200px" height="300px" controls="controls">
-          <source :src="bannerInfo.file_address" type="video/mp4" />
-        </video>
-        <video v-if="bannerInfo.type === 2" :src="bannerInfo.file_address" style="width: 100%;"></video>
+        <!--文字-->
         <p v-if="bannerInfo.type === 0">
           <p v-html="bannerInfo.characters"></p>
         </p>
+        <!--图片-->
+        <img v-if="bannerInfo.type === 1" :src="bannerInfo.file_address" alt="" style="width: 100%;">
+        <!--视频-->
+        <div v-if="bannerInfo.type === 2">
+          <video ref="videoPlayer" width="720" height="480" controls style="width: 100%;">
+            <source :src="bannerInfo.file_address" type="video/mp4">
+            Your browser does not support the video tag.
+          </video>
+        </div>
+
+
+<!--        <video v-if="bannerInfo.type === 2" :src="bannerInfo.file_address" style="width: 100%;"></video>-->
+
         <div v-if="bannerInfo.is_display_button" class="jump">
           <a-button
               type="primary"
diff --git a/src/views/Home/components/Charts.vue b/src/views/Home/components/Charts.vue
index 3fd2f63a..3a0b4822 100644
--- a/src/views/Home/components/Charts.vue
+++ b/src/views/Home/components/Charts.vue
@@ -222,7 +222,7 @@ p{
    justify-content: space-between;
 
    .stats-item {
-     width: 27%;
+     width: 31%;
      display: flex;
      align-items: center;
      flex-direction: column;
diff --git a/src/views/Home/components/Header.vue b/src/views/Home/components/Header.vue
index a2547805..cac115fd 100644
--- a/src/views/Home/components/Header.vue
+++ b/src/views/Home/components/Header.vue
@@ -28,39 +28,6 @@
     <div class="right">
       <charts :surveyData="surveyData"></charts>
     </div>
-    <!-- 左侧轮播图部分 -->
-<!--    <el-row :gutter="20" style="height: 350px">
-      <el-col :span="18">
-        <div class="header-banner">
-          <el-carousel :autoplay="true" interval="5000" trigger="click">
-            <el-carousel-item>
-              <div class="banner-block">
-                <p class="banner-block-slogan">实时链接消费者的深度洞察日常信息采集工具</p>
-                <div class="banner-block-desc">
-                  已支持 <CountTo :end="surveyStats.user_count" :use-comma="true" /> 用户 |
-                  已发起 <CountTo :end="surveyStats.survey_count" :use-comma="true" /> 次调研 |
-                  有效回收 <CountTo :end="surveyStats.sample_count" :use-comma="true" /> 份数据
-                </div>
-              </div>
-            </el-carousel-item>
-            <el-carousel-item v-for="(item,index) in bannerList" :key="index" @click="toBannerDetail(item)">
-              <div class="banner-content" :style="{ backgroundImage: `url(${item.banner_address})` }">
-                <p class="banner-content-title">{{item.title}}</p>
-                <p class="banner-content-desc">{{item.synopsis}}</p>
-                <div class="banner-text">
-                  <a-button class="custom-button" type="primary">立即进入</a-button>
-                </div>
-              </div>
-            </el-carousel-item>
-          </el-carousel>
-        </div>
-      </el-col>
-
-      &lt;!&ndash; 右侧统计卡片部分 &ndash;&gt;
-      <el-col :span="6">
-        <charts :surveyData="surveyData"></charts>
-      </el-col>
-    </el-row>-->
   </div>
 </template>
 <script setup>
@@ -300,35 +267,43 @@ const toBannerDetail = (item) => {
     left: calc(6%);
   }
 }
+/* 小屏笔记本 (1000px以下) */
+@media (max-height: 999px) and (max-width: 1900px) {
+  //.banner-block-slogan{
+  //  top: calc(35%);
+  //  left: calc(18%);
+  //}
+  //.banner-block-desc {
+  //  top: calc(54%);
+  //  left: calc(5.4%);
+  //}
+}
+
+/* 小屏笔记本 (1000px以下) */
+//@media (max-height: 999px) and (max-width: 1900px) {
+//  .banner-block-slogan{
+//    top: calc(35%);
+//    left: calc(18%);
+//  }
+//  .banner-block-desc {
+//    top: calc(54%);
+//    left: calc(5.4%);
+//  }
+//}
 /* 标准笔记本 (1280-1439px) */
 @media (min-width: 1280px) and (max-width: 1439px) {
-  .container {
-    width: 1200px;
-  }
-  .grid-item {
-    width: 50%; /* 两列布局 */
-  }
+
 }
 
+
 /* 大屏显示器 (1440-1919px) */
 @media (min-width: 1440px) and (max-width: 1919px) {
-  .container {
-    width: 1400px;
-  }
-  .grid-item {
-    width: 33.33%; /* 三列布局 */
-  }
+
 }
 
 /* 2K及以上屏幕 (1920px以上) */
 @media (min-width: 1920px) {
-  .container {
-    width: 1800px;
-    margin: 0 auto;
-  }
-  .grid-item {
-    width: 25%; /* 四列布局 */
-  }
+
 }
 
 /* 超宽屏 (2560px以上) */
diff --git a/src/views/Home/components/ModelCard.vue b/src/views/Home/components/ModelCard.vue
index 20338174..687f8703 100644
--- a/src/views/Home/components/ModelCard.vue
+++ b/src/views/Home/components/ModelCard.vue
@@ -32,7 +32,7 @@ p {
   align-items: flex-start;
   background-repeat: no-repeat;
   background-size: cover;
-  width: 12.5%;
+  width: 17.5%;
   min-width: 200px;
   padding: 40px 20px 10px 20px;
   color: #fff;
diff --git a/src/views/Home/components/Operating.vue b/src/views/Home/components/Operating.vue
index a917629e..763f5974 100644
--- a/src/views/Home/components/Operating.vue
+++ b/src/views/Home/components/Operating.vue
@@ -143,13 +143,13 @@ li{
       & :nth-child(3){
         color: #000;
         font-size: 24px;
+        font-weight: 500;
       }
     }
     .info{
       font-size: 24px;
       font-weight: bold;
-      line-height: 26px;
-      margin-left: 10px;
+      margin-left: 20px;
     }
   }
   .desc-item{
@@ -158,7 +158,7 @@ li{
     color: #000;
     line-height: 17px;
     li{
-      margin: 10px 0;
+      margin: 20px 0;
       justify-content: flex-start;
       .block{
         width: 8px;
@@ -179,5 +179,14 @@ li{
     }
   }
 }
-
+:deep(.el-carousel__arrow--right){
+  border: 1px solid #C1C1C2;
+  background: transparent;
+  color: #C1C1C2;
+}
+:deep(.el-carousel__arrow--left){
+  border: 1px solid #C1C1C2;
+  background: transparent;
+  color: #C1C1C2;
+}
 </style>
diff --git a/src/views/Home/components/Scene.vue b/src/views/Home/components/Scene.vue
index 272a0b7a..e0c192e4 100644
--- a/src/views/Home/components/Scene.vue
+++ b/src/views/Home/components/Scene.vue
@@ -178,6 +178,7 @@ p{
   padding-left: 0;
   img{
     margin-left: 5px;
+    margin-bottom: 2px;
   }
 }
 .createG{
diff --git a/src/views/ProjectManage/components/NewSearch.vue b/src/views/ProjectManage/components/NewSearch.vue
index 2631a535..dd43ba06 100644
--- a/src/views/ProjectManage/components/NewSearch.vue
+++ b/src/views/ProjectManage/components/NewSearch.vue
@@ -1,168 +1,156 @@
 <template>
-  <div class="flex">
-    <a-form ref="formRef" :model="ruleForm" class="search-layout">
-      <div style="display: flex">
-        <a-form-item style="min-width: 150px; margin-right: 16px">
-          <a-input
-              class="custom-input"
-              placeholder="请输入问卷名称"
-              v-model:value="ruleForm.project_name"
-              @keydown.enter="onSubmit"
-          />
-        </a-form-item>
-        <a-form-item style="min-width: 150px; margin-right: 16px">
-          <a-select
-              v-model:value="ruleForm.scene_code_info"
-              style="border-radius: 4px"
-              :max-tag-count="1"
-              placeholder="请选择调研场景"
-              mode="multiple"
-              :filter-option="false"
-              :not-found-content="fetching ? undefined : null"
-              class="custom-select show-select"
+  <a-form ref="formRef" :model="ruleForm" class="search-layout">
+    <div style="display: flex">
+      <a-form-item style="min-width: 150px; margin-right: 16px">
+        <a-input
+          class="custom-input"
+          placeholder="请输入问卷名称"
+          v-model:value="ruleForm.project_name"
+          @keydown.enter="onSubmit"
+        />
+      </a-form-item>
+      <a-form-item style="min-width: 150px; margin-right: 16px">
+        <a-select
+          v-model:value="ruleForm.scene_code_info"
+          style="border-radius: 4px"
+          :max-tag-count="1"
+          placeholder="请选择调研场景"
+          mode="multiple"
+          :filter-option="false"
+          :not-found-content="fetching ? undefined : null"
+          class="custom-select show-select"
+        >
+          <a-select-option :value="`${item.code}`" :label="item.title" v-for="item in scenesList" :key="`${item.code}`">
+            {{ item.parentTitle }}-{{ item.title }}
+          </a-select-option>
+        </a-select>
+      </a-form-item>
+      <a-form-item style="min-width: 150px; margin-right: 16px">
+        <a-select
+          mode="tags"
+          v-model:value="ruleForm.tags"
+          placeholder="请选择问卷标签"
+          :filter-option="false"
+          :max-tag-count="1"
+          :not-found-content="fetching ? undefined : null"
+          @search="fetchUser"
+          class="custom-select"
+        >
+          <template v-if="fetching" #notFoundContent>
+            <a-spin size="small" />
+          </template>
+          <a-select-option :value="item.id" :label="item.title" v-for="item in tagsList" :key="item.id">
+            <div style="display: flex; justify-content: space-between">
+              <span :style="countColor(item.color)" :title="item.title">{{ item.title }}</span>
+            </div>
+          </a-select-option>
+        </a-select>
+      </a-form-item>
+    </div>
+    <div style="display: flex">
+      <a-form-item style="min-width: 150px; margin-right: 16px">
+        <a-select
+          v-model:value="ruleForm.status"
+          style="border-radius: 4px"
+          placeholder="请选择问卷状态"
+          mode="multiple"
+          :max-tag-count="1"
+          :filter-option="false"
+          :not-found-content="fetching ? undefined : null"
+          class="custom-select show-select"
+        >
+          <a-select-option
+            :value="`${item.value}`"
+            :label="item.label"
+            v-for="item in statusOptions"
+            :key="`${item.value}`"
           >
-            <a-select-option :value="`${item.code}`"
-                             :label="item.title"
-                             v-for="item in scenesList" :key="`${item.code}`">
-              {{ item.parentTitle }}-{{ item.title }}
-            </a-select-option>
-          </a-select>
-        </a-form-item>
-        <a-form-item style="min-width: 150px; margin-right: 16px">
-          <a-select
-              mode="tags"
-              v-model:value="ruleForm.tags"
-              placeholder="请选择问卷标签"
-              :filter-option="false"
-              :max-tag-count="1"
-              :not-found-content="fetching ? undefined : null"
-              @search="fetchUser"
-              class="custom-select"
-          >
-            <template v-if="fetching" #notFoundContent>
-              <a-spin size="small" />
-            </template>
-            <a-select-option :value="item.id"
-                             :label="item.title"
-                             v-for="item in tagsList"
-                             :key="item.id">
-              <div style="display: flex; justify-content: space-between">
-                <span :style="countColor(item.color)"
-                      :title="item.title">{{ item.title }}</span>
-              </div>
-            </a-select-option>
-          </a-select>
-        </a-form-item>
-      </div>
-      <div style="display: flex">
-        <a-form-item style="min-width: 150px; margin-right: 16px">
-          <a-select
-              v-model:value="ruleForm.status"
-              style="border-radius: 4px"
-              placeholder="请选择问卷状态"
-              mode="multiple"
-              :max-tag-count="1"
-              :filter-option="false"
-              :not-found-content="fetching ? undefined : null"
-              class="custom-select show-select"
-          >
-            <a-select-option
-                :value="`${item.value}`"
-                :label="item.label"
-                v-for="item in statusOptions"
-                :key="`${item.value}`"
-            >
-              {{ item.label }}
-            </a-select-option>
-          </a-select>
-        </a-form-item>
-      </div>
-      <div style="display: flex">
-        <a-form-item style="width: 220px; margin-right: 16px">
-          <a-range-picker
-              v-model:value="ruleForm.created_at"
-              :placeholder="['创建开始日期', '结束日期']"
-              @change="onChange"
-              class="custom-date-picker"
-          />
-        </a-form-item>
-      </div>
-      <!--    <div style="display: flex">-->
-      <!--      <a-form-item style="min-width: 150px;margin-right: 16px;">-->
-      <!--          <a-select-->
-      <!--            mode="multiple"-->
-      <!--            v-model:value="ruleForm.template_tags"-->
-      <!--            placeholder="请选择模板标签"-->
-      <!--            :max-tag-count="1"-->
-      <!--            :filter-option="false"-->
-      <!--            :not-found-content="fetching ? undefined : null"-->
-      <!--            @search="fetchUser"-->
-      <!--            class="custom-select"-->
-      <!--          >-->
-      <!--            <a-select-option-->
-      <!--              :value="item.id"-->
-      <!--              :label="item.title"-->
-      <!--              v-for="item in templateTagsList"-->
-      <!--              :key="item.id"-->
-      <!--            >-->
-      <!--              <div style="display: flex; justify-content: space-between">-->
-      <!--            <span :style="countColor(item.color)" :title="item.title">{{-->
-      <!--                item.title-->
-      <!--              }}</span>-->
-      <!--              </div>-->
-      <!--            </a-select-option>-->
-      <!--            &lt;!&ndash; <a-select-option v-for="item in tagsList" :key="item.id">-->
-      <!--              {{ item.title }}-->
-      <!--            </a-select-option> &ndash;&gt;-->
-      <!--          </a-select>-->
-      <!--      </a-form-item>-->
-      <!--    </div>-->
-      <!--    <div style="display: flex">-->
-      <!--      <a-form-item style="min-width: 150px;margin-right: 16px;">-->
-      <!--        <a-select-->
-      <!--          mode="multiple"-->
-      <!--          label-in-value-->
-      <!--          :max-tag-count="1"-->
-      <!--          v-model:value="ruleForm.owner_id"-->
-      <!--          placeholder="请选择所有者"-->
-      <!--          :filter-option="false"-->
-      <!--          :not-found-content="fetching ? undefined : null"-->
-      <!--          @search="fetchUser"-->
-      <!--          class="custom-select"-->
-      <!--        >-->
-      <!--          &lt;!&ndash;          <template v-if="fetching" #notFoundContent>&ndash;&gt;-->
-      <!--          &lt;!&ndash;            <a-spin size="small" />&ndash;&gt;-->
-      <!--          &lt;!&ndash;          </template>&ndash;&gt;-->
-      <!--          <a-select-option v-for="item in userList" :key="item.id">-->
-      <!--            {{ item.nickname }}-->
-      <!--          </a-select-option>-->
-      <!--        </a-select>-->
-      <!--      </a-form-item>-->
-      <!--    </div>-->
-      <!--    <div style="display: flex">-->
-      <!--      <a-form-item style="width: 220px;margin-right: 16px;">-->
-      <!--        <a-range-picker-->
-      <!--          v-model:value="ruleForm.updated_at"-->
-      <!--          @change="handleUpdated"-->
-      <!--          :placeholder="['编辑开始日期', '结束日期']"-->
-      <!--          class="custom-date-picker"-->
-      <!--        />-->
-      <!--      </a-form-item>-->
-      <!--    </div>-->
-
-    </a-form>
+            {{ item.label }}
+          </a-select-option>
+        </a-select>
+      </a-form-item>
+    </div>
+    <div style="display: flex">
+      <a-form-item style="width: 220px; margin-right: 16px">
+        <a-range-picker
+          v-model:value="ruleForm.created_at"
+          :placeholder="['创建开始日期', '结束日期']"
+          @change="onChange"
+          class="custom-date-picker"
+        />
+      </a-form-item>
+    </div>
+    <!--    <div style="display: flex">-->
+    <!--      <a-form-item style="min-width: 150px;margin-right: 16px;">-->
+    <!--          <a-select-->
+    <!--            mode="multiple"-->
+    <!--            v-model:value="ruleForm.template_tags"-->
+    <!--            placeholder="请选择模板标签"-->
+    <!--            :max-tag-count="1"-->
+    <!--            :filter-option="false"-->
+    <!--            :not-found-content="fetching ? undefined : null"-->
+    <!--            @search="fetchUser"-->
+    <!--            class="custom-select"-->
+    <!--          >-->
+    <!--            <a-select-option-->
+    <!--              :value="item.id"-->
+    <!--              :label="item.title"-->
+    <!--              v-for="item in templateTagsList"-->
+    <!--              :key="item.id"-->
+    <!--            >-->
+    <!--              <div style="display: flex; justify-content: space-between">-->
+    <!--            <span :style="countColor(item.color)" :title="item.title">{{-->
+    <!--                item.title-->
+    <!--              }}</span>-->
+    <!--              </div>-->
+    <!--            </a-select-option>-->
+    <!--            &lt;!&ndash; <a-select-option v-for="item in tagsList" :key="item.id">-->
+    <!--              {{ item.title }}-->
+    <!--            </a-select-option> &ndash;&gt;-->
+    <!--          </a-select>-->
+    <!--      </a-form-item>-->
+    <!--    </div>-->
+    <!--    <div style="display: flex">-->
+    <!--      <a-form-item style="min-width: 150px;margin-right: 16px;">-->
+    <!--        <a-select-->
+    <!--          mode="multiple"-->
+    <!--          label-in-value-->
+    <!--          :max-tag-count="1"-->
+    <!--          v-model:value="ruleForm.owner_id"-->
+    <!--          placeholder="请选择所有者"-->
+    <!--          :filter-option="false"-->
+    <!--          :not-found-content="fetching ? undefined : null"-->
+    <!--          @search="fetchUser"-->
+    <!--          class="custom-select"-->
+    <!--        >-->
+    <!--          &lt;!&ndash;          <template v-if="fetching" #notFoundContent>&ndash;&gt;-->
+    <!--          &lt;!&ndash;            <a-spin size="small" />&ndash;&gt;-->
+    <!--          &lt;!&ndash;          </template>&ndash;&gt;-->
+    <!--          <a-select-option v-for="item in userList" :key="item.id">-->
+    <!--            {{ item.nickname }}-->
+    <!--          </a-select-option>-->
+    <!--        </a-select>-->
+    <!--      </a-form-item>-->
+    <!--    </div>-->
+    <!--    <div style="display: flex">-->
+    <!--      <a-form-item style="width: 220px;margin-right: 16px;">-->
+    <!--        <a-range-picker-->
+    <!--          v-model:value="ruleForm.updated_at"-->
+    <!--          @change="handleUpdated"-->
+    <!--          :placeholder="['编辑开始日期', '结束日期']"-->
+    <!--          class="custom-date-picker"-->
+    <!--        />-->
+    <!--      </a-form-item>-->
+    <!--    </div>-->
     <div style="display: flex">
       <a-form-item class="button">
         <a-button style="margin-right: 16px" ghost type="primary" @click="onSubmit">查询</a-button>
         <a-button style="margin-right: 16px" ghost type="primary" @click="cancel">重置</a-button>
         <a-button style="margin-right: 16px" ghost type="primary" @click="filter">更多筛选</a-button>
-        <a-button ghost type="primary"
-                  class="download-btn share-button" @click="configVisible = true">列表配置</a-button>
+        <a-button ghost type="primary"  @click="configVisible = true">列表配置</a-button>
       </a-form-item>
     </div>
-  </div>
-
-
+  </a-form>
   <a-modal v-model:visible="visible" title="筛选" :footer="null">
     <ScreenBox :info="ruleForm" @cancel="visible = false" @update="update" />
   </a-modal>