手续费应收-结算报表-车险结算明细、非车结算明细tab页筛选条件定制-表格字段按需排版

src/views/receivable/handingFee/report.vue

@@ -11,7 +11,7 @@
                   @change="val => handleCompanyChange(val, '1')" />
               </el-form-item>
             </el-col>
-               <el-col :span="8">
+            <el-col :span="8">
               <el-form-item prop="status" label="结算状态">
                 <el-select v-model="recordForm.settlementStatus" filterable clearable>
                   <el-option v-for="item in settlement_status" :key="item.value" :value="item.value"
@@ -19,25 +19,25 @@
                 </el-select>
               </el-form-item>
             </el-col>
-             <el-col :span="8">
+            <el-col :span="8">
               <el-form-item prop="time" label="签单时间">
                 <el-date-picker v-model="recordForm.signTimeRange" type="daterange" format="YYYY-MM-DD"
                   value-format="YYYY-MM-DD" />
               </el-form-item>
             </el-col>
-             <el-col :span="8">
+            <el-col :span="8">
               <el-form-item prop="time" label="开票时间">
                 <el-date-picker v-model="recordForm.invoiceTime" type="daterange" format="YYYY-MM-DD"
                   value-format="YYYY-MM-DD" />
               </el-form-item>
             </el-col>
-             <el-col :span="8">
+            <el-col :span="8">
               <el-form-item prop="receivePaymentDate" label="回款时间">
                 <el-date-picker v-model="recordForm.receivePaymentDate" type="daterange" format="YYYY-MM-DD"
                   value-format="YYYY-MM-DD" />
               </el-form-item>
             </el-col>
-              <el-col :span="8">
+            <el-col :span="8">
               <el-form-item prop="accountsReceivable" label="应收项">
                 <el-select v-model="recordForm.accountsReceivable" clearable>
                   <el-option v-for="item in optionObj['invoice_risk_type']" :key="item.value" :value="item.value"
@@ -175,11 +175,6 @@
       <el-tab-pane style="height: 100%" name="3" label="车险结算明细">
         <el-form v-model="recordForm2" label-width="120">
           <el-row :gutter="20">
-            <el-col :span="8">
-              <el-form-item prop="invoiceId" label="开票记录编号">
-                <el-input v-model="recordForm2.invoiceId"></el-input>
-              </el-form-item>
-            </el-col>
             <el-col :span="8">
               <el-form-item prop="companyId" label="保险公司">
                 <el-cascader filterable clearable placeholder="请选择" v-model="recordForm2.companyId"
@@ -188,31 +183,59 @@
               </el-form-item>
             </el-col>
             <el-col :span="8">
-              <el-form-item prop="invoiceParty" label="开票方">
-                <el-select v-model="recordForm2.invoiceParty">
-                  <el-option v-for="item in optionObj['invoice_party']" :key="item.value" :value="item.value"
-                    :label="item.label"></el-option>
-                </el-select>
+              <el-form-item prop="licenseNo" label="车牌号">
+                <el-input v-model="recordForm2.licenseNo"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
-              <el-form-item prop="settlementPerson" label="结算人">
-                <el-input v-model="recordForm2.settlementPerson"></el-input>
+              <el-form-item prop="theInsuredPerson" label="被保人">
+                <el-input v-model="recordForm2.theInsuredPerson"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item prop="orderNo" label="订单号">
+                <el-input v-model="recordForm2.orderNo"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
-              <el-form-item prop="settlementTime" label="结算时间">
-                <el-date-picker v-model="recordForm2.settlementTime" type="daterange" format="YYYY-MM-DD"
+              <el-form-item prop="signingTime" label="签单时间">
+                <el-date-picker v-model="recordForm2.signingTime" type="daterange" format="YYYY-MM-DD"
                   value-format="YYYY-MM-DD" />
               </el-form-item>
             </el-col>
             <el-col :span="8">
-              <el-form-item prop="status" label="状态">
-                <el-select v-model="recordForm2.status">
-                  <el-option value="1" label="1"></el-option>
-                </el-select>
+              <el-form-item prop="orderStatus" label="业务状态">
+                <el-date-picker v-model="recordForm2.orderStatus" type="daterange" format="YYYY-MM-DD"
+                  value-format="YYYY-MM-DD" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item prop="settlementStatus" label="结算状态">
+                <el-date-picker v-model="recordForm2.settlementStatus" type="daterange" format="YYYY-MM-DD"
+                  value-format="YYYY-MM-DD" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item prop="invoiceId" label="开票记录编号">
+                <el-input v-model="recordForm2.invoiceId"></el-input>
               </el-form-item>
             </el-col>
+            <el-col :span="8">
+              <el-form-item prop="invoiceId" label="发票号">
+                <el-input v-model="recordForm2.invoiceId"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item prop="jqPolicyNo" label="交强险保单号">
+                <el-input v-model="recordForm2.jqPolicyNo"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item prop="syPolicyNo" label="商业险保单号">
+                <el-input v-model="recordForm2.syPolicyNo"></el-input>
+              </el-form-item>
+            </el-col>
+
             <el-col :span="24" style="height: 50px; display: flex; align-items: start; justify-content: flex-end">
               <el-button type="primary" @click="handleSearch(3)">查询</el-button>
               <el-button plain type="primary" @click="handleReset(3)">重置</el-button>
@@ -222,25 +245,30 @@
         </el-form>
         <el-table height="calc(100% - 192px)" :data="recordData2" show-summary
           :summary-method="val => getSummaries(val, ['receivableSuperviseCosts', 'jqPremium', 'taxPremium', 'syPremium'])">
-          <el-table-column prop="invoiceId" label="开票记录编号" width="200"></el-table-column>
+          <el-table-column prop="orderStatus" label="业务状态" width="200"></el-table-column>
+          <el-table-column prop="orderNo" label="订单号" width="200"></el-table-column>
+          <el-table-column prop="signingTime" label="签单时间" width="200"></el-table-column>
           <el-table-column prop="companyName" label="保险公司" width="200"></el-table-column>
-          <el-table-column prop="invoiceParty" label="开票方" width="100"></el-table-column>
-          <el-table-column prop="signingTime" label="签单时间" width="150"></el-table-column>
-          <el-table-column prop="status" label="状态" width="100"></el-table-column>
           <el-table-column prop="licenseNo" label="车牌号" width="120"></el-table-column>
-          <el-table-column prop="productName" label="险种" width="120"></el-table-column>
-          <el-table-column prop="superviseCostPremiums4Car" label="应收手续费" width="100"></el-table-column>
+          <el-table-column prop="" label="被保人" width="120"></el-table-column>
+          <el-table-column prop="productName" label="投保险种" width="120"></el-table-column>
+          <el-table-column prop="x" label="结算状态" width="120"></el-table-column>
+          <el-table-column prop="x" label="手续费总金额" width="120"></el-table-column>
+          <el-table-column prop="jqPolicyNo" label="交强险保单号" width="200"></el-table-column>
+          <el-table-column prop="syPolicyNo" label="商业险保单号" width="200"></el-table-column>
           <el-table-column prop="jqPremium" label="交强险保费" width="100"></el-table-column>
           <el-table-column prop="taxPremium" label="车船税" width="100"></el-table-column>
-          <el-table-column prop="jqSuperviseCostsProportion" label="交强险手续费比例" width="100"></el-table-column>
           <el-table-column prop="syPremium" label="商业险保费" width="100"></el-table-column>
+          <el-table-column prop="jqSuperviseCostsProportion" label="交强险手续费比例" width="100"></el-table-column>
+          <el-table-column prop="x" label="交强险手续费金额" width="100"></el-table-column>
           <el-table-column prop="sySuperviseCostsProportion" label="商业险手续费比例" width="100"></el-table-column>
-          <el-table-column prop="jqPolicyNo" label="交强险保单号" width="200"></el-table-column>
-          <el-table-column prop="syPolicyNo" label="商业险保单号" width="200"></el-table-column>
+          <el-table-column prop="x" label="商业险手续费金额" width="100"></el-table-column>
+          <el-table-column prop="invoiceId" label="开票记录编号" width="200"></el-table-column>
+          <el-table-column prop="x" label="发票号" width="100"></el-table-column>
           <el-table-column prop="invoicePerson" label="开票人" width="100"></el-table-column>
           <el-table-column prop="invoiceTime" label="开票时间" width="150"></el-table-column>
           <el-table-column prop="settlementPerson" label="结算人" width="100"></el-table-column>
-          <el-table-column prop="settlementTime" label="结算时间" width="150"></el-table-column>
+          <el-table-column prop="x" label="回款时间" width="150"></el-table-column>
         </el-table>
         <div class="pagination">
           <el-pagination v-model:current-page="pages" v-model:page-size="size" :page-sizes="[10, 20, 30, 40]"
@@ -250,44 +278,61 @@
         </div>
       </el-tab-pane>
       <el-tab-pane style="height: 100%" name="4" label="非车结算明细">
-        <el-form v-model="recordForm3" label-width="120">
+        <el-form v-model="recordForm2" label-width="120">
           <el-row :gutter="20">
-            <el-col :span="8">
-              <el-form-item prop="invoiceId" label="开票记录编号">
-                <el-input v-model="recordForm3.invoiceId"></el-input>
-              </el-form-item>
-            </el-col>
             <el-col :span="8">
               <el-form-item prop="companyId" label="保险公司">
                 <el-cascader filterable clearable placeholder="请选择" v-model="recordForm3.companyId"
                   :options="companyList" :props="companyIdprops" style="width: 100%;"
-                  @change="val => handleCompanyChange(val, '4')" />
+                  @change="val => handleCompanyChange(val, '3')" />
               </el-form-item>
             </el-col>
             <el-col :span="8">
-              <el-form-item prop="invoiceParty" label="开票方">
-                <el-select v-model="recordForm3.invoiceParty">
-                  <el-option v-for="item in optionObj['invoice_party']" :key="item.value" :value="item.value"
-                    :label="item.label"></el-option>
-                </el-select>
+              <el-form-item prop="licenseNo" label="车牌号">
+                <el-input v-model="recordForm3.licenseNo"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
-              <el-form-item prop="settlementPerson" label="结算人">
-                <el-input v-model="recordForm3.settlementPerson"></el-input>
+              <el-form-item prop="theInsuredPerson" label="被保人">
+                <el-input v-model="recordForm3.theInsuredPerson"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item prop="orderNo" label="订单号">
+                <el-input v-model="recordForm3.orderNo"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
-              <el-form-item prop="settlementTime" label="结算时间">
-                <el-date-picker v-model="recordForm3.settlementTime" type="daterange" format="YYYY-MM-DD"
+              <el-form-item prop="signingTime" label="签单时间">
+                <el-date-picker v-model="recordForm3.signingTime" type="daterange" format="YYYY-MM-DD"
                   value-format="YYYY-MM-DD" />
               </el-form-item>
             </el-col>
             <el-col :span="8">
-              <el-form-item prop="status" label="状态">
-                <el-select v-model="recordForm3.status">
-                  <el-option value="1" label="1"></el-option>
-                </el-select>
+              <el-form-item prop="orderStatus" label="业务状态">
+                <el-date-picker v-model="recordForm3.orderStatus" type="daterange" format="YYYY-MM-DD"
+                  value-format="YYYY-MM-DD" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item prop="settlementStatus" label="结算状态">
+                <el-date-picker v-model="recordForm3.settlementStatus" type="daterange" format="YYYY-MM-DD"
+                  value-format="YYYY-MM-DD" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item prop="invoiceId" label="开票记录编号">
+                <el-input v-model="recordForm3.invoiceId"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item prop="invoiceId" label="发票号">
+                <el-input v-model="recordForm3.invoiceId"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item prop="jyPolicyNo" label="非车险保单号">
+                <el-input v-model="recordForm3.jyPolicyNo"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="24" style="height: 50px; display: flex; align-items: start; justify-content: flex-end">
@@ -299,19 +344,26 @@
         </el-form>
         <el-table height="calc(100% - 192px)" :data="recordData3" show-summary
           :summary-method="val => getSummaries(val, ['jySuperviseCostsPremiums', 'jyPremium'])">
-          <el-table-column prop="invoiceId" label="开票记录编号" width="200"></el-table-column>
+          <el-table-column prop="orderStatus" label="业务状态" width="200"></el-table-column>
+          <el-table-column prop="orderNo" label="订单号" width="200"></el-table-column>
+          <el-table-column prop="signingTime" label="签单时间" width="200"></el-table-column>
           <el-table-column prop="companyName" label="保险公司" width="200"></el-table-column>
-          <el-table-column prop="invoiceParty" label="开票方" width="100"></el-table-column>
-          <el-table-column prop="signingTime" label="签单时间" width="150"></el-table-column>
-          <el-table-column prop="status" label="状态" width="100"></el-table-column>
           <el-table-column prop="licenseNo" label="车牌号" width="120"></el-table-column>
-          <el-table-column prop="productName" label="险种" width="120"></el-table-column>
-          <el-table-column prop="jySuperviseCostsPremiums" label="应收手续费" width="100"></el-table-column>
+          <el-table-column prop="" label="被保人" width="120"></el-table-column>
+          <el-table-column prop="productName" label="投保险种" width="120"></el-table-column>
+          <el-table-column prop="x" label="结算状态" width="120"></el-table-column>
+          <el-table-column prop="x" label="手续费总金额" width="120"></el-table-column>
+          <el-table-column prop="jyPolicyNo" label="非车险保单号" width="200"></el-table-column>
           <el-table-column prop="jyPremium" label="非车险保费" width="100"></el-table-column>
+          <el-table-column prop="taxPremium" label="车船税" width="100"></el-table-column>
+          <el-table-column prop="x" label="非车险手续费金额" width="100"></el-table-column>
           <el-table-column prop="jySuperviseCostsProportion" label="非车险手续费比例" width="100"></el-table-column>
-          <el-table-column prop="jyPolicyNo" label="非车险保单号" width="200"></el-table-column>
+          <el-table-column prop="invoiceId" label="开票记录编号" width="200"></el-table-column>
+          <el-table-column prop="x" label="发票号" width="100"></el-table-column>
           <el-table-column prop="invoicePerson" label="开票人" width="100"></el-table-column>
           <el-table-column prop="invoiceTime" label="开票时间" width="150"></el-table-column>
+          <el-table-column prop="settlementPerson" label="结算人" width="100"></el-table-column>
+          <el-table-column prop="x" label="回款时间" width="150"></el-table-column>
         </el-table>
         <div class="pagination">
           <el-pagination v-model:current-page="pages" v-model:page-size="size" :page-sizes="[10, 20, 30, 40]"
@@ -392,7 +444,7 @@ const handleCompanyChange = (e, type) => {
       break;
   }
 }
-let activeName = ref('1')
+let activeName = ref('3')
 const handleClick = (e) => {
   pages.value = 1
   size.value = 10
@@ -565,26 +617,18 @@ const initData2 = () => {
 const initData3 = (invoiceTypes) => {
   let params = invoiceTypes.includes('1') ?
     {
-      invoiceId: recordForm2.value.invoiceId,
-      companyId: recordForm2.value.companyId,
-      invoiceParty: recordForm2.value.invoiceParty,
-      settlementPerson: recordForm2.value.settlementPerson,
-      status: recordForm2.value.status,
-      settlementTimeStart: recordForm2.value.settlementTime?.[0],
-      settlementTimeEnd: recordForm2.value.settlementTime?.[1],
+      ...recordForm2.value,
+      signingTimeBegin: recordForm2.value.signTimeRange?.[0],
+      signingTimeEnd: recordForm2.value.signTimeRange?.[1],
       pages: pages.value,
       size: size.value,
       invoiceTypes: invoiceTypes
     } :
     invoiceTypes.includes('3') ?
       {
-        invoiceId: recordForm3.value.invoiceId,
-        companyId: recordForm3.value.companyId,
-        invoiceParty: recordForm3.value.invoiceParty,
-        settlementPerson: recordForm3.value.settlementPerson,
-        status: recordForm3.value.status,
-        settlementTimeStart: recordForm3.value.settlementTime?.[0],
-        settlementTimeEnd: recordForm3.value.settlementTime?.[1],
+        ...recordForm3.value,
+        signingTimeBegin: recordForm3.value.signTimeRange?.[0],
+        signingTimeEnd: recordForm3.value.signTimeRange?.[1],
         pages: pages.value,
         size: size.value,
         invoiceTypes: invoiceTypes