我的审核表格高度适配

src/views/finance/audit.vue

@@ -7,28 +7,28 @@
             <span>待审核</span>
           </el-badge>
         </template>
-        <el-form v-model="firstForm" label-width="120">
+        <el-form v-model="firstForm" label-width="120" ref="formRef0">
           <el-row :gutter="20">
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="保险公司">
                 <el-select v-model="firstForm.companyId" placeholder="请选择" clearable filterable>
                   <el-option v-for="item in companyList" :key="item.id" :value="item.id" :label="item.name"></el-option>
                 </el-select>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="保险机构">
                 <el-cascader filterable clearable placeholder="请选择" v-model="firstForm.partnerCompanyId"
                   style="width: 100%;" :options="companyoptionsList" :props="companyIdprops"
                   @change="handleCompanyChange" />
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="车牌号">
                 <el-input v-model="firstForm.licenseNo" placeholder="请输入" clearable></el-input>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="业务员类型">
                 <el-select v-model="firstForm.attrType" placeholder="请选择" clearable>
                   <el-option label="团队" value="5"></el-option>
@@ -38,17 +38,17 @@
                 </el-select>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="业务员">
                 <el-input v-model="firstForm.salesman" placeholder="请输入" clearable></el-input>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="业务员手机号">
                 <el-input v-model="firstForm.phone" placeholder="请输入" clearable></el-input>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="订单类型">
                 <el-select v-model="firstForm.orderType" placeholder="请选择" clearable>
                   <el-option label="车险录入" value="1"></el-option>
@@ -57,35 +57,35 @@
                 </el-select>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="投保人">
                 <el-input v-model="firstForm.policyholder" placeholder="请输入" clearable></el-input>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="被保人">
                 <el-input v-model="firstForm.insurName" placeholder="请输入" clearable></el-input>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="签单时间">
                 <el-date-picker v-model="firstForm.signingTime" type="daterange" range-separator="至"
                   start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="支付时间">
                 <el-date-picker v-model="firstForm.payingTime" type="daterange" range-separator="至"
                   start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="报价时间">
                 <el-date-picker v-model="firstForm.quotationTime" type="daterange" range-separator="至"
                   start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
               </el-form-item>
             </el-col>
-            <el-col v-show="isTrue" :span="8">
+            <el-col v-show="isTrue" :span="6">
               <el-form-item label="投保险种">
                 <el-select v-model="firstForm.productName" placeholder="请选择" clearable>
                   <el-option label="全部" value=" "></el-option>
@@ -94,7 +94,7 @@
                 </el-select>
               </el-form-item>
             </el-col>
-            <el-col v-show="isTrue" :span="8">
+            <el-col v-show="isTrue" :span="6">
               <el-form-item label="协议选择">
                 <el-select v-model="firstForm.agreementId" placeholder="请选择协议" clearable filterable>
                   <el-option v-for="item in agreementList" :key="item.id" :value="item.id"
@@ -102,52 +102,52 @@
                 </el-select>
               </el-form-item>
             </el-col>
-            <el-col v-show="isTrue" :span="8">
+            <el-col v-show="isTrue" :span="6">
               <el-form-item label="订单号">
                 <el-input v-model="firstForm.orderNo" placeholder="请输入" clearable></el-input>
               </el-form-item>
             </el-col>
-            <el-col v-show="isTrue" :span="8">
+            <el-col v-show="isTrue" :span="6">
               <el-form-item label="对接人">
                 <el-input v-model="firstForm.contact" placeholder="请输入" clearable></el-input>
               </el-form-item>
             </el-col>
-            <el-col v-show="isTrue" :span="8">
+            <el-col v-show="isTrue" :span="6">
               <el-form-item label="出单机构">
                 <el-cascader clearable style="width: 100%" v-model="firstForm.deptId" :options="option"
                   @change="handleChange" :props="tableProps"></el-cascader>
               </el-form-item>
             </el-col>
-            <el-col v-show="isTrue" :span="8">
+            <el-col v-show="isTrue" :span="6">
               <el-form-item label="交强险起保时间">
                 <el-date-picker v-model="firstForm.jqRiskStartDate" type="daterange" range-separator="至"
                   start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
               </el-form-item>
             </el-col>
-            <el-col v-show="isTrue" :span="8">
+            <el-col v-show="isTrue" :span="6">
               <el-form-item label="商业险起保时间">
                 <el-date-picker v-model="firstForm.syRiskStartDate" type="daterange" range-separator="至"
                   start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
               </el-form-item>
             </el-col>
-            <el-col v-show="isTrue" :span="8">
+            <el-col v-show="isTrue" :span="6">
               <el-form-item label="非车险起保时间">
                 <el-date-picker v-model="firstForm.jyRiskStartDate" type="daterange" range-separator="至"
                   start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
               </el-form-item>
             </el-col>
 
-            <el-col v-show="isTrue" :span="8">
+            <el-col v-show="isTrue" :span="6">
               <el-form-item label="交强保单号">
                 <el-input v-model="firstForm.jqPolicyNo" placeholder="请输入" clearable></el-input>
               </el-form-item>
             </el-col>
-            <el-col v-show="isTrue" :span="8">
+            <el-col v-show="isTrue" :span="6">
               <el-form-item label="商业保单号">
                 <el-input v-model="firstForm.syPolicyNo" placeholder="请输入" clearable></el-input>
               </el-form-item>
             </el-col>
-            <el-col v-show="isTrue" :span="8">
+            <el-col v-show="isTrue" :span="6">
               <el-form-item label="非车保单号">
                 <el-input v-model="firstForm.jyPolicyNo" placeholder="请输入" clearable></el-input>
               </el-form-item>
@@ -157,7 +157,7 @@
               <el-button type="primary" @click="handleSearch">搜索</el-button>
               <el-button plain @click="handleReset">重置</el-button>
               <span class="icon_s">
-                <span @click="isTrue = !isTrue">高级搜索</span>
+                <span @click="toggleAdvanced">高级搜索</span>
                 <el-icon class="is_icon" :class="{ 'is_down': isTrue }">
                   <ArrowDown />
                 </el-icon>
@@ -165,7 +165,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="firstData" :height="isTrue ? 'calc(100% - 312px)' : 'calc(100% - 212px)'"
+        <el-table :data="firstData" :height="tableHeight"
           style="width: 100%; margin-top: 20px;" highlight-current-row>
           <el-table-column prop="orderNo" label="订单号" width="120"></el-table-column>
           <el-table-column prop="attrType" label="业务员类型" width="120"></el-table-column>
@@ -174,7 +174,7 @@
           <el-table-column prop="orderType" label="订单类型" width="120"></el-table-column>
           <el-table-column prop="agreementName" label="出单协议" width="120"></el-table-column>
           <el-table-column prop="companyALlName" label="保险公司" width="120"></el-table-column>
-          <el-table-column prop="partnerCompanyName" label="保险机构" width="120"></el-table-column>
+          <el-table-column prop="partnerCompanyName" label="保险机构" width="220"></el-table-column>
           <el-table-column prop="dockingPerson" label="对接人" width="120"></el-table-column>
           <el-table-column prop="licenseNo" label="车牌号" width="120"></el-table-column>
           <el-table-column prop="policyholder" label="投保人" width="120"></el-table-column>
@@ -205,28 +205,28 @@
             <span>审核通过</span>
           </el-badge>
         </template>
-        <el-form v-model="firstForm" label-width="120">
+        <el-form v-model="firstForm" label-width="120" ref="formRef1">
           <el-row :gutter="20">
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="保险公司">
                 <el-select v-model="firstForm.companyId" placeholder="请选择" clearable filterable>
                   <el-option v-for="item in companyList" :key="item.id" :value="item.id" :label="item.name"></el-option>
                 </el-select>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="保险机构">
                 <el-cascader filterable clearable placeholder="请选择" v-model="firstForm.partnerCompanyId"
                   style="width: 100%;" :options="companyoptionsList" :props="companyIdprops"
                   @change="handleCompanyChange" />
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="车牌号">
                 <el-input v-model="firstForm.licenseNo" placeholder="请输入" clearable></el-input>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="业务员类型">
                 <el-select v-model="firstForm.attrType" placeholder="请选择" clearable>
                   <el-option label="团队" value="5"></el-option>
@@ -236,17 +236,17 @@
                 </el-select>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="业务员">
                 <el-input v-model="firstForm.salesman" placeholder="请输入" clearable></el-input>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="业务员手机号">
                 <el-input v-model="firstForm.phone" placeholder="请输入" clearable></el-input>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="订单类型">
                 <el-select v-model="firstForm.orderType" placeholder="请选择" clearable>
                   <el-option label="车险录入" value="1"></el-option>
@@ -255,35 +255,35 @@
                 </el-select>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="投保人">
                 <el-input v-model="firstForm.policyholder" placeholder="请输入" clearable></el-input>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="被保人">
                 <el-input v-model="firstForm.insurName" placeholder="请输入" clearable></el-input>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="签单时间">
                 <el-date-picker v-model="firstForm.signingTime" type="daterange" range-separator="至"
                   start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="支付时间">
                 <el-date-picker v-model="firstForm.payingTime" type="daterange" range-separator="至"
                   start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="报价时间">
                 <el-date-picker v-model="firstForm.quotationTime" type="daterange" range-separator="至"
                   start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="审核方式">
                 <el-select v-model="firstForm.auditType" placeholder="请选择" clearable>
                   <el-option label="人工审核" value="1"></el-option>
@@ -291,13 +291,13 @@
                 </el-select>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="审核时间">
                 <el-date-picker v-model="firstForm.auditTime" type="daterange" range-separator="至"
                   start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
               </el-form-item>
             </el-col>
-            <el-col v-show="isTrue" :span="8">
+            <el-col v-show="isTrue" :span="6">
               <el-form-item label="投保险种">
                 <el-select v-model="firstForm.productName" placeholder="请选择" clearable>
                   <el-option label="全部" value=" "></el-option>
@@ -306,7 +306,7 @@
                 </el-select>
               </el-form-item>
             </el-col>
-            <el-col v-show="isTrue" :span="8">
+            <el-col v-show="isTrue" :span="6">
               <el-form-item label="协议选择">
                 <el-select v-model="firstForm.agreementId" placeholder="请选择协议" clearable filterable>
                   <el-option v-for="item in agreementList" :key="item.id" :value="item.id"
@@ -314,61 +314,61 @@
                 </el-select>
               </el-form-item>
             </el-col>
-            <el-col v-show="isTrue" :span="8">
+            <el-col v-show="isTrue" :span="6">
               <el-form-item label="订单号">
                 <el-input v-model="firstForm.orderNo" placeholder="请输入" clearable></el-input>
               </el-form-item>
             </el-col>
-            <el-col v-show="isTrue" :span="8">
+            <el-col v-show="isTrue" :span="6">
               <el-form-item label="对接人">
                 <el-input v-model="firstForm.contact" placeholder="请输入" clearable></el-input>
               </el-form-item>
             </el-col>
-            <el-col v-show="isTrue" :span="8">
+            <el-col v-show="isTrue" :span="6">
               <el-form-item label="出单机构">
                 <el-cascader clearable style="width: 100%" v-model="firstForm.deptId" :options="option"
                   @change="handleChange" :props="tableProps"></el-cascader>
               </el-form-item>
             </el-col>
-            <el-col v-show="isTrue" :span="8">
+            <el-col v-show="isTrue" :span="6">
               <el-form-item label="交强险起保时间">
                 <el-date-picker v-model="firstForm.jqRiskStartDate" type="daterange" range-separator="至"
                   start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
               </el-form-item>
             </el-col>
-            <el-col v-show="isTrue" :span="8">
+            <el-col v-show="isTrue" :span="6">
               <el-form-item label="商业险起保时间">
                 <el-date-picker v-model="firstForm.syRiskStartDate" type="daterange" range-separator="至"
                   start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
               </el-form-item>
             </el-col>
-            <el-col v-show="isTrue" :span="8">
+            <el-col v-show="isTrue" :span="6">
               <el-form-item label="非车险起保时间">
                 <el-date-picker v-model="firstForm.jyRiskStartDate" type="daterange" range-separator="至"
                   start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
               </el-form-item>
             </el-col>
-            <el-col v-show="isTrue" :span="8">
+            <el-col v-show="isTrue" :span="6">
               <el-form-item label="交强保单号">
                 <el-input v-model="firstForm.jyPolicyNo" placeholder="请输入" clearable></el-input>
               </el-form-item>
             </el-col>
-            <el-col v-show="isTrue" :span="8">
+            <el-col v-show="isTrue" :span="6">
               <el-form-item label="商业保单号">
                 <el-input v-model="firstForm.syPolicyNo" placeholder="请输入" clearable></el-input>
               </el-form-item>
             </el-col>
-            <el-col v-show="isTrue" :span="8">
+            <el-col v-show="isTrue" :span="6">
               <el-form-item label="非车保单号">
                 <el-input v-model="firstForm.jyPolicyNo" placeholder="请输入" clearable></el-input>
               </el-form-item>
             </el-col>
-            <el-col :span="isTrue ? 16 : 8" style="display: flex;align-items: flex-start; justify-content: flex-end">
+            <el-col :span="isTrue ? 18 : 12" 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>
               <span class="icon_s">
-                <span @click="isTrue = !isTrue">高级搜索</span>
+                <span @click="toggleAdvanced">高级搜索</span>
                 <el-icon class="is_icon" :class="{ 'is_down': isTrue }">
                   <ArrowDown />
                 </el-icon>
@@ -376,7 +376,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="secondData" height="calc(100% - 294px )" style="width: 100%; margin-top: 20px;"
+        <el-table :data="secondData" :height="tableHeight" style="width: 100%; margin-top: 20px;"
           highlight-current-row>
           <el-table-column prop="orderNo" label="订单号" width="120"></el-table-column>
           <el-table-column prop="attrType" label="业务员类型" width="120"></el-table-column>
@@ -385,7 +385,7 @@
           <el-table-column prop="orderType" label="订单类型" width="120"></el-table-column>
           <el-table-column prop="agreementName" label="出单协议" width="120"></el-table-column>
           <el-table-column prop="companyALlName" label="保险公司" width="120"></el-table-column>
-          <el-table-column prop="partnerCompanyName" label="保险机构" width="120"></el-table-column>
+          <el-table-column prop="partnerCompanyName" label="保险机构" width="220"></el-table-column>
           <el-table-column prop="dockingPerson" label="对接人" width="120"></el-table-column>
           <el-table-column prop="licenseNo" label="车牌号" width="120"></el-table-column>
           <el-table-column prop="policyholder" label="投保人" width="120"></el-table-column>
@@ -417,28 +417,28 @@
             <span>审核不通过</span>
           </el-badge>
         </template>
-        <el-form v-model="firstForm" label-width="100">
+        <el-form v-model="firstForm" label-width="100" ref="formRef2">
           <el-row :gutter="20">
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="保险公司">
                 <el-select v-model="firstForm.companyId" placeholder="请选择" clearable filterable>
                   <el-option v-for="item in companyList" :key="item.id" :value="item.id" :label="item.name"></el-option>
                 </el-select>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="保险机构">
                 <el-cascader filterable clearable placeholder="请选择" v-model="firstForm.partnerCompanyId"
                   style="width: 100%;" :options="companyoptionsList" :props="companyIdprops"
                   @change="handleCompanyChange" />
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="车牌号">
                 <el-input v-model="firstForm.licenseNo" placeholder="请输入" clearable></el-input>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="业务员类型">
                 <el-select v-model="firstForm.attrType" placeholder="请选择" clearable>
                   <el-option label="团队" value="5"></el-option>
@@ -448,34 +448,34 @@
                 </el-select>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="业务员">
                 <el-input v-model="firstForm.salesman" placeholder="请输入" clearable></el-input>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="业务员手机号">
                 <el-input v-model="firstForm.phone" placeholder="请输入" clearable></el-input>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="签单时间">
                 <el-date-picker v-model="firstForm.signingTime" type="daterange" range-separator="至"
                   start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="驳回时间">
                 <el-date-picker v-model="firstForm.auditTime" type="daterange" range-separator="至"
                   start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
               </el-form-item>
             </el-col>
-            <el-col :span="isTrue ? 16 : 8" style="display: flex;align-items: flex-start; justify-content: flex-end">
+            <el-col :span="24" 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>
               <span class="icon_s">
-                <span @click="isTrue = !isTrue">高级搜索</span>
+                <span @click="toggleAdvanced">高级搜索</span>
                 <el-icon class="is_icon" :class="{ 'is_down': isTrue }">
                   <ArrowDown />
                 </el-icon>
@@ -483,14 +483,14 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="thirdData" height="calc(100% - 294px )" style="width: 100%; margin-top: 20px;"
+        <el-table :data="thirdData" :height="tableHeight" style="width: 100%; margin-top: 20px;"
           highlight-current-row>
           <el-table-column prop="orderNo" label="订单号" width="120"></el-table-column>
           <el-table-column prop="attrType" label="业务员类型" width="120"></el-table-column>
           <el-table-column prop="mobile" label="业务员手机号" width="120"></el-table-column>
           <el-table-column prop="name" label="业务员" width="120"></el-table-column>
           <el-table-column prop="companyALlName" label="保险公司" width="120"></el-table-column>
-          <el-table-column prop="partnerCompanyName" label="保险机构" width="120"></el-table-column>
+          <el-table-column prop="partnerCompanyName" label="保险机构" width="220"></el-table-column>
           <el-table-column prop="licenseNo" label="车牌号" width="120"></el-table-column>
           <el-table-column prop="insurName" label="被保人" width="120"></el-table-column>
           <el-table-column prop="createBy" label="录入人" width="120"></el-table-column>
@@ -517,28 +517,28 @@
             <span>疑问订单</span>
           </el-badge>
         </template>
-        <el-form v-model="firstForm" label-width="100">
+        <el-form v-model="firstForm" label-width="100" ref="formRef3">
           <el-row :gutter="20">
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="保险公司">
                 <el-select v-model="firstForm.companyId" placeholder="请选择" clearable filterable>
                   <el-option v-for="item in companyList" :key="item.id" :value="item.id" :label="item.name"></el-option>
                 </el-select>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="保险机构">
                 <el-cascader filterable clearable placeholder="请选择" v-model="firstForm.partnerCompanyId"
                   style="width: 100%;" :options="companyoptionsList" :props="companyIdprops"
                   @change="handleCompanyChange" />
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="车牌号">
                 <el-input v-model="firstForm.licenseNo" placeholder="请输入" clearable></el-input>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="业务员类型">
                 <el-select v-model="firstForm.attrType" placeholder="请选择" clearable>
                   <el-option label="团队" value="5"></el-option>
@@ -548,36 +548,36 @@
                 </el-select>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="业务员">
                 <el-input v-model="firstForm.salesman" placeholder="请输入" clearable></el-input>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="业务员手机号">
                 <el-input v-model="firstForm.phone" placeholder="请输入" clearable></el-input>
               </el-form-item>
             </el-col>
 
 
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="签单时间">
                 <el-date-picker v-model="firstForm.signingTime" type="daterange" range-separator="至"
                   start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="疑问时间">
                 <el-date-picker v-model="firstForm.problemTime" type="daterange" range-separator="至"
                   start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
               </el-form-item>
             </el-col>
-            <el-col v-show="isTrue" :span="8">
+            <el-col v-show="isTrue" :span="6">
               <el-form-item label="被保人">
                 <el-input v-model="firstForm.insurName" placeholder="请输入" clearable></el-input>
               </el-form-item>
             </el-col>
-            <el-col v-show="isTrue" :span="8">
+            <el-col v-show="isTrue" :span="6">
               <el-form-item label="订单类型">
                 <el-select v-model="firstForm.orderType" placeholder="请选择" clearable>
                   <el-option label="车险录入" value="1"></el-option>
@@ -586,7 +586,7 @@
                 </el-select>
               </el-form-item>
             </el-col>
-            <el-col v-show="isTrue" :span="8">
+            <el-col v-show="isTrue" :span="6">
               <el-form-item label="协议选择">
                 <el-select v-model="firstForm.agreementId" placeholder="请选择协议" clearable filterable>
                   <el-option v-for="item in agreementList" :key="item.id" :value="item.id"
@@ -595,12 +595,12 @@
               </el-form-item>
             </el-col>
 
-            <el-col :span="isTrue ? 16 : 8" style="display: flex;align-items: flex-start; justify-content: flex-end">
+            <el-col :span="24" 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>
+                <span @click="toggleAdvanced">高级搜索</span>
                 <el-icon class="is_icon" :class="{ 'is_down': isTrue }">
                   <ArrowDown />
                 </el-icon>
@@ -608,7 +608,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="forthData" height="calc(100% - 294px )" style="width: 100%; margin-top: 20px;"
+        <el-table :data="forthData" :height="tableHeight" style="width: 100%; margin-top: 20px;"
           highlight-current-row>
           <el-table-column prop="orderNo" label="订单号" width="120"></el-table-column>
           <el-table-column prop="attrType" label="业务员类型" width="120">
@@ -627,7 +627,7 @@
           </el-table-column>
           <el-table-column prop="agreementName" label="出单协议" width="120"></el-table-column>
           <el-table-column prop="companyName" label="保险公司" width="120"></el-table-column>
-          <el-table-column prop="partnerCompanyName" label="保险机构" width="120"></el-table-column>
+          <el-table-column prop="partnerCompanyName" label="保险机构" width="220"></el-table-column>
           <el-table-column prop="dockingPerson" label="对接人" width="120"></el-table-column>
           <el-table-column prop="licenseNo" label="车牌号" width="120"></el-table-column>
           <el-table-column prop="insurName" label="被保人" width="120"></el-table-column>
@@ -669,21 +669,61 @@
 
 <script setup lang="ts">
 import api from '@/api'
-import { ElMessage } from "element-plus";
+import { ElMessage,FormInstance } from "element-plus";
 import { useRouter, useRoute } from 'vue-router'
+import { nextTick, type Ref } from 'vue'
 
+const formRef0 = ref<FormInstance>()
+const formRef1 = ref<FormInstance>()
+const formRef2 = ref<FormInstance>()
+const formRef3 = ref<FormInstance>()
+const formRefMap: Record<string, Ref<FormInstance | undefined>> = {
+  '0': formRef0,
+  '1': formRef1,
+  '2': formRef2,
+  '3': formRef3,
+}
+const tableHeight = ref(); // 初始化表格高度
 
 const myRouter = useRouter()
 const myRoute = useRoute()
 let activeName = ref(myRoute.query.activeindex as any || '0')
-const handleClick = (e) => {
+const handleClick = async (e) => {
   activeName.value = e.props.name
   pages.value = 1
   size.value = 10
   firstForm.value = {}
+  isTrue.value = false  // 切换 tab 时收起高级搜索,避免互相影响
+  await nextTick()
+  // 先重算表格高度(此时 form 已显示,offsetHeight 是真实值),再加载数据,避免数据加载中的 loading/empty 状态干扰高度计算
+  handleResize()
   initList(activeName.value)
 }
-
+function handleResize() {
+  // 获取当前窗口的高度
+  const height = window.innerHeight;
+  // 根据当前激活的 tab 获取对应的 form ref
+  const currentFormRef = formRefMap[activeName.value as string]
+  // 获取表单元素
+  const formElement = currentFormRef?.value?.$el as HTMLElement;
+  if (formElement) {
+    const formHeight = formElement.offsetHeight; // 获取表单高度
+    console.log(formHeight)
+    // 获取分页控件的高度
+    const paginationElement = document.querySelector('.pagination') as HTMLElement;
+    const paginationHeight = paginationElement ? paginationElement.offsetHeight : 40;
+    // 计算表格高度：窗口高度 - 表单高度 - 分页高度 - 页面顶部预留空间
+    const availableHeight = height - formHeight - paginationHeight - 343; // 60是页面顶部预留空间
+    // 确保表格高度不小于最小值
+    tableHeight.value = Math.max(availableHeight, 0) + "px";
+    console.log(tableHeight.value)
+  }
+}
+const toggleAdvanced = async () => {
+  isTrue.value = !isTrue.value
+  await nextTick()
+  handleResize()
+}
 let companyList = ref([])
 let companyoptionsList = ref([])
 const companyIdprops = {
@@ -962,6 +1002,8 @@ onMounted(() => {
   initCompanyOptions();
   institutionList();
   getagreementList();
+  handleResize()
+
 })
 
 // 是否高级搜索