手续费开票记录 虚增金额和回款差额增加鼠标悬停原因展示功能

src/views/receivable/handingFee/invoiceRecord.vue

@@ -71,7 +71,15 @@
       <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"></el-table-column>
+      <el-table-column prop="overinflatedAmount" label="虚增金额" width="120">
+        <template #default="scope">
+          <el-popover title="原因"  :content="scope.row.paymentReason" placement="top-start">
+            <template #reference>
+              {{ scope.row.overinflatedAmount }}
+            </template>
+          </el-popover>
+        </template>
+      </el-table-column>
       <el-table-column prop="paymentReason" label="差额原因" width="120"></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>
@@ -79,7 +87,15 @@
       </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="settlementPaymentDifference" 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">
+            <template #reference>
+              {{ scope.row.settlementPaymentDifference }}
+            </template>
+          </el-popover>
+        </template>
+      </el-table-column>
       <el-table-column prop="settlementPaymentReason" label="回款差额原因" width="120"></el-table-column>
       <el-table-column prop="createBy" label="开票人" width="120"></el-table-column>
       <el-table-column prop="createTime" label="开票时间" width="150"></el-table-column>
@@ -222,9 +238,9 @@ const reset = () => {
   initList()
 }
 const invoiceId = route.query.invoiceId
-  if(invoiceId){
-    form.value.recordId = invoiceId
-  }
+if (invoiceId) {
+  form.value.recordId = invoiceId
+}
 let countShow = ref(false)
 let countForm = ref({})
 let countRules = ref({