优化table的ui

src/views/IM/diagnosis-admin/diagnosis-list.vue

@@ -6,7 +6,7 @@
             <el-form :inline="true"  class="demo-form-inline from-box" :model="searchParam" label-width="80px" ref="from">
                 <el-row :gutter="20" type="flex" justify="center">
                     <el-col :span="8" class="t-c">
-                        <el-form-item label="姓名">
+                        <el-form-item label="姓名" class="t-b">
                             <el-input 
                                 v-model="searchParam.searchVal" 
                                 clearable 
@@ -16,14 +16,14 @@
                         </el-form-item>
                     </el-col>
                     <el-col :span="8" class="t-c">
-                         <el-form-item label="预约类型">
+                         <el-form-item label="预约类型" class="t-b">
                             <el-select v-model="searchParam.diagnoseType" placeholder="请选择预约类型" style="width:280px;">
                                 <el-option v-for="item of tyleList" :key="item.value" :label="item.label" :value="item.value"></el-option>
                             </el-select>
                         </el-form-item>
                     </el-col>
                     <el-col :span="8" class="t-c">
-                        <el-form-item label="创建方式">
+                        <el-form-item label="创建方式" class="t-b">
                             <el-select v-model="searchParam.createType"  placeholder="创建方式"  style="width:280px;">
                                 <el-option v-for="item of createList" :key="item.value" :label="item.label" :value="item.value"></el-option>
                             </el-select>
@@ -32,21 +32,21 @@
                 </el-row>
                 <el-row :gutter="20" type="flex" justify="center">
                     <el-col :span="8" class="t-c">
-                         <el-form-item label="是否跟进">
+                         <el-form-item label="是否跟进" class="t-b">
                             <el-select v-model="searchParam.followFlag" placeholder="请选择是否跟进" style="width:280px;">
                                 <el-option v-for="item of fllowList" :key="item.value" :label="item.label" :value="item.value"></el-option>
                             </el-select>
                         </el-form-item>
                     </el-col>
                     <el-col :span="8" class="t-c">
-                        <el-form-item label="预约来源">
+                        <el-form-item label="预约来源" class="t-b">
                             <el-select v-model="searchParam.appointSource" placeholder="请选择预约来源" style="width:280px;">
                                 <el-option v-for="item of sourceList" :key="item.value" :label="item.label" :value="item.value"></el-option>
                             </el-select>
                         </el-form-item>
                     </el-col>
                     <el-col :span="8" class="t-c">
-                         <el-form-item label="是否匹配">
+                         <el-form-item label="是否匹配" class="t-b">
                              <el-select v-model="searchParam.operateFlag" placeholder="是否匹配" style="width:280px;">
                                 <el-option v-for="item of operateList" :key="item.value" :label="item.label" :value="item.value"></el-option>
                             </el-select>
@@ -55,7 +55,7 @@
                 </el-row>
                 <el-row :gutter="20" type="flex" justify="center">
                     <el-col :span="8" class="t-c">
-                        <el-form-item label="创建日期">
+                        <el-form-item label="创建日期" class="t-b">
                             <el-date-picker 
                                 type="date" 
                                 placeholder="开始时间" 
@@ -80,7 +80,7 @@
                         </el-form-item>
                     </el-col>
                     <el-col :span="8" class="t-c">
-                        <el-form-item label="匹配日期">
+                        <el-form-item label="匹配日期" class="t-b">
                             <el-date-picker 
                                 type="date" 
                                 placeholder="开始时间" 
@@ -105,7 +105,7 @@
                         </el-form-item>
                     </el-col>
                     <el-col :span="8" class="t-c">
-                        <el-form-item label="预约日期">
+                        <el-form-item label="预约日期" class="t-b">
                             <el-date-picker 
                                 type="date" 
                                 placeholder="开始时间" 
@@ -389,7 +389,7 @@ export default {
         setTableHeight() {
             this.$nextTick(() => {
                 if (document.getElementsByClassName('from-box') && document.getElementsByClassName('from-box')[0].clientHeight) {
-                    this.tableHeight = window.innerHeight-64-140-10-160-document.getElementsByClassName('from-box')[0].clientHeight
+                    this.tableHeight = window.innerHeight-50-140-10-160-document.getElementsByClassName('from-box')[0].clientHeight
                 }
             })
         },
@@ -656,7 +656,7 @@ export default {
     background: #fff;
     overflow: hidden !important;
     .title {
-        margin-bottom: 30px;
+        margin-bottom: 20px;
     }
     .t-c {
         text-align: center;
@@ -668,6 +668,9 @@ export default {
         margin-right: 50px;
         margin-top: 10px;
     }
+    .t-b {
+        margin-bottom: 10px;
+    }
   }
 }
 </style>
\ No newline at end of file