手续费应收-开票记录页面-筛选条件定制-表格字段按需排版

src/views/receivable/handingFee/invoiceRecord.vue

@@ -3,15 +3,10 @@
     <el-form v-model="form" label-width="80">
       <el-row :gutter="20">
         <el-col :span="8">
-          <el-form-item prop="recordId" label="记录编号">
+          <el-form-item prop="recordId" label="开票记录编号">
             <el-input v-model="form.recordId"></el-input>
           </el-form-item>
         </el-col>
-        <el-col :span="8">
-          <el-form-item prop="invoiceNo" label="开票号">
-            <el-input v-model="form.invoiceNo"></el-input>
-          </el-form-item>
-        </el-col>
         <el-col :span="8">
           <el-form-item prop="companyId" label="保险公司">
             <el-select v-model="form.companyId" placeholder="请选择" clearable filterable @change="companyChange"
@@ -36,19 +31,14 @@
           </el-form-item>
         </el-col>
         <el-col :span="8">
-          <el-form-item prop="accountsReceivable" label="应收项">
-            <el-select v-model="form.accountsReceivable" clearable>
-              <el-option v-for="item in optionObj['invoice_risk_type']" :key="item.value" :value="item.value"
-                :label="item.label"></el-option>
-            </el-select>
+          <el-form-item prop="invoiceNo" label="开票号">
+            <el-input v-model="form.invoiceNo"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8">
-          <el-form-item prop="settlementStatus" label="结算状态">
-            <el-select v-model="form.settlementStatus" clearable>
-              <el-option v-for="item in optionObj['settlement_status']" :key="item.value" :value="item.value"
-                :label="item.label"></el-option>
-            </el-select>
+          <el-form-item prop="invoiceDate" label="开票时间">
+            <el-date-picker type="daterange" v-model="form.invoiceDate" value-format="YYYY-MM-DD HH:mm:ss"
+              format="YYYY-MM-DD HH:mm:ss" />
           </el-form-item>
         </el-col>
         <el-col :span="8">
@@ -57,9 +47,25 @@
           </el-form-item>
         </el-col>
         <el-col :span="8">
-          <el-form-item prop="invoiceDate" label="开票时间">
-            <el-date-picker type="daterange" v-model="form.invoiceDate" value-format="YYYY-MM-DD HH:mm:ss"
-              format="YYYY-MM-DD HH:mm:ss" />
+          <el-form-item prop="invoiceAmount" label="开票金额（开发中）">
+            <el-input v-model="form.invoiceAmount"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="settlementStatus" label="结算状态">
+            <el-select v-model="form.settlementStatus" clearable>
+              <el-option v-for="item in optionObj['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="accountsReceivable" label="应收项">
+            <el-select v-model="form.accountsReceivable" clearable>
+              <el-option v-for="item in optionObj['invoice_risk_type']" :key="item.value" :value="item.value"
+                :label="item.label"></el-option>
+            </el-select>
           </el-form-item>
         </el-col>
         <el-col :span="24" style="display: flex; align-items: start; justify-content: flex-end">
@@ -68,13 +74,10 @@
         </el-col>
       </el-row>
     </el-form>
-    <el-table :data="tableData" height="calc(100% - 192px)" show-summary :summary-method="getSummaries">
+    <el-table :data="tableData" height="calc(100% - 262px)" show-summary :summary-method="getSummaries">
       <el-table-column prop="id" label="开票记录编号" width="200"></el-table-column>
-      <el-table-column prop="parentCompanyName" label="保险公司" width="150">
-      </el-table-column>
+      <el-table-column prop="parentCompanyName" label="保险公司" width="150"></el-table-column>
       <el-table-column prop="companyNameSimple" label="保险机构" width="150"></el-table-column>
-      <el-table-column prop="invoiceNo" label="发票号" width="150"></el-table-column>
-      <el-table-column prop="invoiceParty" label="开票方" width="150"></el-table-column>
       <el-table-column prop="accountsReceivable" label="应收项" width="100"></el-table-column>
       <el-table-column prop="receivableAmount" label="应收手续费" width="120"></el-table-column>
       <el-table-column prop="overinflatedAmount" label="虚增金额" width="120">
@@ -86,12 +89,9 @@
           </el-popover>
         </template>
       </el-table-column>
-      <el-table-column prop="taxPoint" label="税点" width="120"></el-table-column>
       <el-table-column prop="receivableSupervisePremium" label="开票金额" width="120"></el-table-column>
-      <el-table-column prop="settlementStatus" label="结算状态" width="120">
-      </el-table-column>
       <el-table-column prop="settlementAmount" label="已结算金额" width="120"></el-table-column>
-      <el-table-column prop="remainSettlementAmount" label="待结算金额" width="120"></el-table-column>
+      <el-table-column prop="remainSettlementAmount" label="未结算金额" width="120"></el-table-column>
       <el-table-column prop="settlementPaymentDifference" label="回款差额" width="120">
         <template #default="scope">
           <el-popover title="原因" :content="scope.row.settlementPaymentReason" placement="top-start">
@@ -101,9 +101,12 @@
           </el-popover>
         </template>
       </el-table-column>
-      <!-- <el-table-column prop="paymentReason" label="回款差额原因" width="120"></el-table-column> -->
+      <el-table-column prop="settlementStatus" label="结算状态" width="120"></el-table-column>
+      <el-table-column prop="invoiceNo" label="发票号" width="150"></el-table-column>
+      <el-table-column prop="invoiceParty" label="开票方" width="150"></el-table-column>
+      <el-table-column prop="taxPoint" label="税点" width="120"></el-table-column>
       <el-table-column prop="createBy" label="开票人" width="120"></el-table-column>
-      <el-table-column prop="invoiceTime" label="开票时间" width="150"></el-table-column>
+      <el-table-column prop="invoiceTime" label="开票时间" width="200"></el-table-column>
       <el-table-column label="操作" width="300" fixed="right" align="center">
         <template #default="scope">
           <div class="flex a-c ">