样式优化

src/components/SearchForm/index.vue

@@ -5,7 +5,7 @@
         ref="gridRef"
         :collapsed="collapsed"
         :collapsedRows="props.collapsedRows"
-        :gap="[15, 0]"
+        :gap="[90, 0]"
         :cols="props.searchCol"
       >
         <GridItem

src/styles/element.scss

@@ -349,19 +349,22 @@ td {
   display: flex;
   width: 75%;
   justify-content: space-between;
+  padding-right: 15px;
   align-items: center;
   .item_warp {
     line-height: 1.15;
     width: 30%;
-    height: 60px;
+    height: 90px;
+    display: flex;
     border-radius: 5px;
     box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
     padding: 5px 10px;
+    align-items: center;
   }
   .img_warp {
     line-height: 1.15;
     display: inline-block;
-    width: 20%;
+    width: 60px;
     height: 100%;
     margin-right: 10px;
     position: relative;

src/styles/main.css

@@ -25,6 +25,18 @@ body,
   height: 28px !important;
   line-height: 28px !important;
 }
+.table-search .el-input__inner {
+  height: 35px !important;
+  line-height: 35px !important;
+}
+.table-search .el-select__wrapper{
+  min-height: 35px;
+  line-height: 35px;
+}
+.table-search .el-date-editor.el-input, .table-search .el-date-editor.el-input__wrapper {
+  height: 35px !important;
+  line-height: 35px !important;
+}
 .el-form-item {
   margin-bottom: 15px !important;
 }

src/views/property/case-manage/index.vue

@@ -4,7 +4,7 @@
       <ProTable :config="config" ref="caseLRef" :api="getCreditPage" :paramCallback="paramCallback">
         <template #table_top>
           <div class="style-lable" style="width: 100%">
-            <div class="item_warp" style="width: 19%">
+            <div class="item_warp" style="width: 23%">
               <div class="img_warp">
                 <img src="@/assets/images/caselist.svg" />
               </div>
@@ -13,7 +13,7 @@
                 <div class="item items1">{{ statisis.caseNum }}</div>
               </div>
             </div>
-            <div class="item_warp" style="width: 19%">
+            <div class="item_warp" style="width: 23%">
               <div class="img_warp">
                 <img src="@/assets/images/userlist.svg" />
               </div>
@@ -22,7 +22,7 @@
                 <div class="item items1">{{ statisis.cpeNum }}</div>
               </div>
             </div>
-            <div class="item_warp" style="width: 19%">
+            <div class="item_warp" style="width: 23%">
               <div class="img_warp">
                 <img src="@/assets/images/money.svg" />
               </div>
@@ -31,7 +31,7 @@
                 <div class="item items1">￥{{ statisis.amount }}</div>
               </div>
             </div>
-            <div class="item_warp" style="width: 19%">
+            <div class="item_warp" style="width: 23%">
               <div class="img_warp">
                 <img src="@/assets/images/tocrash.svg" />
               </div>