fix:修改页面布局

sample-form-client-ui/admin/src/assets/css/common.css

@@ -358,4 +358,15 @@
 .el-table__body-wrapper::-webkit-scrollbar-track {
     border-radius: 6px;
     background: #fff;
+}
+.matter-fullName {
+    display: inline-block;
+    width: 86px;
+    height: 30px;
+    text-align: center;
+    line-height: 30px;
+    margin-right: 6px;
+    background: #dfe9fb;
+    border-radius: 4px;
+    color: var(--main-theme-color1);
 }
\ No newline at end of file

sample-form-client-ui/admin/src/components/MateralsList.vue

@@ -8,7 +8,7 @@
           }}个）</span
         >
         <span class="matter-name flex1 flexwrap"
-          >事项名称：<span v-html="matterInfo.matterName"></span>
+          >事项全称：<span v-html="matterInfo.matterFullName"></span>
         </span>
       </div>
       <!-- 列表 -->

sample-form-client-ui/admin/src/components/SearchBox.vue

@@ -53,6 +53,7 @@ export default {
 <style lang="less" scoped>
 .search-box {
   box-shadow: 0px 7px 13px 0px rgba(0, 0, 0, 0.1);
+  border-radius: 8px;
   position: relative;
 }
 .search-btn {

sample-form-client-ui/admin/src/pages/searchpage/SearchPage.vue

@@ -38,11 +38,12 @@
               v-html="matter.matterName"
             ></div>
             <div class="name">
-              {{ matter.matterFullName }}
+              <span class="matter-fullName">事项全称</span
+              >{{ matter.matterFullName }}
             </div>
             <div
               class="materials flex aic"
-              v-for="(item, index) in matter.matterDatumList"
+              v-for="(item, index) in matter.matterDatumList.slice(0, 3)"
               :key="item.id"
             >
               <i class="iconfont icon-dot"></i>
@@ -59,7 +60,7 @@
                 <span class="count">
                   {{
                     `${
-                      v.matterDatumList && matter.matterDatumList.length
+                      matter.matterDatumList && matter.matterDatumList.length
                     }份材料`
                   }}
                 </span>
@@ -183,7 +184,7 @@ export default {
 }
 .main {
   padding: 0px 40px;
-  padding-bottom: 40px;
+  padding-bottom: 30px;
   .data-count {
     color: #ff0000;
   }
@@ -191,6 +192,7 @@ export default {
 .matter-box {
   width: 100%;
   padding: 30px;
+  padding-bottom: 10px;
   background: #ffffff;
   border-radius: 16px;
   .matter-list {
@@ -207,9 +209,9 @@ export default {
   }
   .matter-item {
     width: 426px;
-    height: 200px;
+    height: 210px;
     padding: 10px 20px;
-    margin-bottom: 34px;
+    margin-bottom: 30px;
     background: #edf6fe;
     border-radius: 16px;
     position: relative;
@@ -254,13 +256,19 @@ export default {
       -webkit-line-clamp: 2;
       overflow: hidden;
     }
+    .material-name {
+      display: inline-block;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
     .materials {
       font-size: 18px;
       font-family: Source Han Sans CN;
       color: #333333;
       line-height: 28px;
       .isMore {
-        max-width: 290px;
+        max-width: 270px;
       }
       .count {
         color: #2878ff;

sample-form-client-ui/admin/src/pages/showpage/MatterList.vue

@@ -247,17 +247,6 @@ export default {
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 2;
         overflow: hidden;
-        .matter-fullName {
-          display: inline-block;
-          width: 86px;
-          height: 30px;
-          text-align: center;
-          line-height: 30px;
-          margin-right: 6px;
-          background: #dfe9fb;
-          border-radius: 4px;
-          color: var(--main-theme-color1);
-        }
       }
 
       .materials {