手续费应收-结算报表-保险公司报表tab页筛选条件定制-表格字段按需排版

src/views/receivable/handingFee/report.vue

@@ -11,33 +11,33 @@
                   @change="val => handleCompanyChange(val, '1')" />
               </el-form-item>
             </el-col>
-            <el-col :span="8">
-              <el-form-item prop="time" label="创建时间">
-                <el-date-picker v-model="recordForm.time" type="daterange" format="YYYY-MM-DD"
+               <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"
+                    :label="item.label"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+             <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-form-item prop="time" label="结算时间">
-                <el-date-picker v-model="recordForm.settlementTime" type="daterange" format="YYYY-MM-DD"
+             <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-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"
-                    :label="item.label"></el-option>
-                </el-select>
-              </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"
@@ -45,20 +45,6 @@
                 </el-select>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
-              <el-form-item prop="invoiceStatus" label="开票状态">
-                <el-select v-model="recordForm.invoiceStatus" filterable clearable>
-                  <el-option v-for="item in invoice_status" :key="item.value" :value="item.value"
-                    :label="item.label"></el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <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="24" style="height: 50px; display: flex; align-items: start; justify-content: flex-end">
               <el-button type="primary" @click="handleSearch(1)">查询</el-button>
               <el-button plain type="primary" @click="handleReset(1)">重置</el-button>
@@ -70,13 +56,13 @@
           :summary-method="val => getSummaries(val, ['totalReceivable', 'totalOverinflatedAmount', 'superviseFee', 'SxfInvoicedAmount', 'sxfSettledAmount', 'SxfUnInvoicedAmount', 'sxfUnSettledAmount', 'settlementPaymentDifference'])">
           <el-table-column prop="companyName" label="保险公司" width="300" />
           <el-table-column prop="totalReceivable" label="应收金额" align="right" />
-          <el-table-column prop="totalOverinflatedAmount" label="虚增金额合计" align="right" />
           <el-table-column prop="superviseFee" label="应收手续费" align="right" />
+          <el-table-column prop="totalOverinflatedAmount" label="虚增金额" align="right" />
           <el-table-column prop="SxfInvoicedAmount" label="已开票" align="right" />
           <el-table-column prop="sxfSettledAmount" label="已结算" align="right" />
-          <el-table-column prop="SxfUnInvoicedAmount" label="未开票" align="right" />
           <el-table-column prop="sxfUnSettledAmount" label="未结算" align="right" />
-          <el-table-column prop="settlementPaymentDifference" label="回款差额合计" align="right" />
+          <el-table-column prop="SxfUnInvoicedAmount" label="未开票" align="right" />
+          <el-table-column prop="settlementPaymentDifference" label="回款差额" align="right" />
           <el-table-column label="操作" fixed="right" width="120">
             <template #default="scope">
               <div class="flex a-c" v-if="!scope.row.children || scope.row.children.length === 0">
@@ -372,11 +358,15 @@ const invoice_status = ref([
 const settlement_status = ref([
   {
     value: '0',
-    label: '未结清'
+    label: '已开票未结算'
   },
   {
     value: '1',
-    label: '已结清'
+    label: '已结算'
+  },
+  {
+    value: '1',
+    label: '未开票'
   },
 ])
 const companyIdprops = {
@@ -402,7 +392,7 @@ const handleCompanyChange = (e, type) => {
       break;
   }
 }
-let activeName = ref('2')
+let activeName = ref('1')
 const handleClick = (e) => {
   pages.value = 1
   size.value = 10