高度调整

src/views/finance/index.vue

@@ -102,7 +102,7 @@
                 </el-select>
               </el-form-item>
             </el-col>
-            <el-col :span="24" style="display: flex;align-items: flex-start; justify-content: flex-end">
+            <el-col :span="isTrue?16:8" style="display: flex;align-items: flex-start; justify-content: flex-end">
               <el-button plain @click="handleExport('0')">数据导出</el-button>
               <el-button type="primary" @click="handleSearch">搜索</el-button>
               <el-button plain @click="handleReset">重置</el-button>
@@ -115,7 +115,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="firstData" :height="isTrue ? 'calc(100% - 294px)' : 'calc(100% - 212px)'"
+        <el-table :data="firstData" :height="isTrue ? 'calc(100% - 312px)' : 'calc(100% - 212px)'"
           style="width: 100%; margin-top: 20px;">
           <el-table-column prop="orderNo" label="订单号" width="120"></el-table-column>
           <el-table-column prop="companyALlName" label="保险公司" width="120"></el-table-column>
@@ -255,7 +255,7 @@
                 </el-select>
               </el-form-item>
             </el-col>
-            <el-col :span="24" style="display: flex;align-items: flex-start; justify-content: flex-end">
+            <el-col :span="isTrue?16:8" style="display: flex;align-items: flex-start; justify-content: flex-end">
               <el-button plain @click="handleExport('1')">数据导出</el-button>
               <el-button type="primary" @click="handleSearch">搜索</el-button>
               <el-button plain @click="handleReset">重置</el-button>
@@ -268,7 +268,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="secondData" :height="isTrue ? 'calc(100% - 294px)' : 'calc(100% - 212px)'"
+        <el-table :data="secondData" :height="isTrue ? 'calc(100% - 312px)' : 'calc(100% - 212px)'"
           style="width: 100%; margin-top: 20px;">
           <el-table-column prop="orderNo" label="订单号" width="120"></el-table-column>
           <el-table-column prop="companyALlName" label="保险公司" width="120"></el-table-column>
@@ -409,7 +409,7 @@
                 </el-select>
               </el-form-item>
             </el-col>
-            <el-col :span="24" style="display: flex;align-items: flex-start; justify-content: flex-end">
+            <el-col :span="isTrue?16:8" style="display: flex;align-items: flex-start; justify-content: flex-end">
               <el-button plain @click="handleExport('2')">数据导出</el-button>
               <el-button type="primary" @click="handleSearch">搜索</el-button>
               <el-button plain @click="handleReset">重置</el-button>
@@ -422,7 +422,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="thirdData" :height="isTrue ? 'calc(100% - 294px)' : 'calc(100% - 212px)'"
+        <el-table :data="thirdData" :height="isTrue ? 'calc(100% - 312px)' : 'calc(100% - 212px)'"
           style="width: 100%; margin-top: 20px;">
           <el-table-column prop="orderNo" label="订单号" width="120"></el-table-column>
           <el-table-column prop="companyALlName" label="保险公司" width="120"></el-table-column>
@@ -548,16 +548,10 @@
                   start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
               </el-form-item>
             </el-col>
-            <el-col :span="24" style="display: flex;align-items: flex-start; justify-content: flex-end">
+            <el-col :span="8" style="display: flex;align-items: flex-start; justify-content: flex-end">
               <el-button plain @click="handleExport('3')">数据导出</el-button>
               <el-button type="primary" @click="handleSearch">搜索</el-button>
               <el-button plain @click="handleReset">重置</el-button>
-              <span class="icon_s">
-                <span @click="isTrue = !isTrue">高级搜索</span>
-                <el-icon class="is_icon" :class="{ 'is_down': isTrue }">
-                  <ArrowDown />
-                </el-icon>
-              </span>
             </el-col>
           </el-row>
         </el-form>