账单中心 签收金额加弹窗

src/views/billM/billingCenter/index.vue

@@ -53,6 +53,18 @@
         <!--             @click="handleDelete">付费申请-->
         <!--  </el-button>-->
       </template>
+      <template slot="reconciliationAmount" slot-scope="{ row }">
+        <el-popover trigger="click">
+          <avue-crud :data="rlaData" :option="rlaOption"></avue-crud>
+          <span style="color: #409EFF;cursor: pointer" slot="reference" @click="viewRLA(row)">{{ row.reconciliationAmount }}</span>
+        </el-popover>
+      </template>
+      <template slot="reconciliationAmountUsd" slot-scope="{ row }">
+        <el-popover trigger="click">
+          <avue-crud :data="rlaData" :option="rlaOption"></avue-crud>
+          <span style="color: #409EFF;cursor: pointer" slot="reference" @click="viewRLA(row)">{{ row.reconciliationAmountUsd }}</span>
+        </el-popover>
+      </template>
       <template slot="billNo" slot-scope="scope" @click="billNoDetails(scope.row)">
         <span style="color: #1e9fff;cursor: pointer">{{ scope.row.billNo }}</span>
       </template>
@@ -65,10 +77,48 @@ import { getList, getDetail, add, update, remove } from "@/api/iosBasicData/fina
 import { mapGetters } from "vuex";
 import { BcorpsList, getBcorpslistByType } from "@/api/iosBasicData/bcorps";
 import { getWorkDicts } from "@/api/system/dictbiz";
-
+import { getListAll } from "@/api/iosBasicData/finstlbills";
 export default {
   data() {
     return {
+      rlaData: [],
+      rlaOption: {
+        header: false,
+        menu: false,
+        align: "center",
+        column: [
+          {
+            label: "来源单号",
+            prop: "srcNo",
+            width: "200",
+            overHidden: true
+          },
+          {
+            label: "来源类型",
+            prop: "srcType",
+            width: "80",
+            overHidden: true
+          },
+          {
+            label: "签收金额",
+            prop: "signedAmount",
+            width: "100",
+            overHidden: true
+          },
+          {
+            label: "签收人",
+            prop: "consigneeName",
+            width: "100",
+            overHidden: true
+          },
+          {
+            label: "签收时间",
+            prop: "signingTime",
+            width: "120",
+            overHidden: true
+          }
+        ]
+      },
       form: {},
       query: {},
       loading: true,
@@ -380,12 +430,18 @@ export default {
             }
           },
           {
-            label: "已对账金额",
+            label: "签收CNY",
             prop: "reconciliationAmount",
             width: 100,
             overHidden: true
           },
           {
+            label: "签收USD",
+            prop: "reconciliationAmountUsd",
+            width: 110,
+            overHidden: true
+          },
+          {
             label: "已申请结算金额",
             prop: "appliedAmountStl",
             width: 110,
@@ -398,12 +454,6 @@ export default {
             overHidden: true
           },
           {
-            label: "已对账金额USD",
-            prop: "reconciliationAmountUsd",
-            width: 110,
-            overHidden: true
-          },
-          {
             label: "已申请结算金额USD",
             prop: "appliedAmountStlUsd",
             width: 130,
@@ -656,18 +706,18 @@ export default {
             overHidden: true,
             width: 120
           },
-          {
-            label: "签收CNY",
-            prop: "reconciliationAmount",
-            width: 100,
-            overHidden: true
-          },
-          {
-            label: "签收USD",
-            prop: "reconciliationAmountUsd",
-            width: 100,
-            overHidden: true
-          },
+          // {
+          //   label: "签收CNY",
+          //   prop: "reconciliationAmount",
+          //   width: 100,
+          //   overHidden: true
+          // },
+          // {
+          //   label: "签收USD",
+          //   prop: "reconciliationAmountUsd",
+          //   width: 100,
+          //   overHidden: true
+          // },
           {
             label: "凭证号",
             prop: "voucherNo",
@@ -827,6 +877,12 @@ export default {
     this.getWorkDictsfun();
   },
   methods: {
+    viewRLA(row) {
+      this.rlaData = [];
+      getListAll({ billId: row.accBillId }).then(res => {
+        this.rlaData = res.data.data;
+      });
+    },
     // 获取字典数据
     getWorkDictsfun() {
       // 获取业务类型

src/views/iosBasicData/finstlbills/assembly/finstlbillsitems2.vue

@@ -115,7 +115,7 @@ export default {
           {
             label: "来源单号",
             prop: "srcNo",
-            width: "100",
+            width: "200",
             overHidden: true
           },
           {