init

src/views/statisticalReport/budgetProgress.vue

@@ -70,7 +70,7 @@
   import {
     mergeTableRow
   } from "@/utils/mergeTableRow"
-
+import { getFundLog } from "@/api/paymentRegistration/fundLog"
   export default {
     data() {
       return {
@@ -166,7 +166,148 @@
               )
             }
           },
-        ]
+          {
+            prop: "show",
+            label: "支出",
+            width: 66,
+            fixed: "right",
+            customFn: row => (
+              <el-popover width="800"
+                          trigger="click"
+                          placement="left-end"
+                          on={{
+                            ['show']:async _ => {
+                              try {
+                                this.isLoadingFundLogTable = true
+                                const res = await getFundLog({
+                                  page: 1,
+                                  page_size: 999,
+                                  act_plan_link_id: row.id,
+                                },true)
+                                this.fundLogs = res.data
+                                this.isLoadingFundLogTable = false
+                              } catch (e) {
+                                this.isLoadingFundLogTable = false
+                              }
+                            }
+                          }}>
+                <Table loading={this.isLoadingFundLogTable}
+                       size="small"
+                       data={this.fundLogs}
+                       columns={[
+                         {
+                           title: "项目名称",
+                           minWidth: 300,
+                           key: "contract.name",
+                           fixed: "left",
+                           align: "left",
+                           render:(h,{ row }) => h('span',row.contract?.name)
+                         },
+                         {
+                           title: "付款申请金额(元)",
+                           prop: "apply_money",
+                           align: "right",
+                           width: 170,
+                           render:(h, { row }) => h('span',Number(row.apply_money)
+                             .toFixed(2)
+                             .replace(/(\d)(?=(\d{3})+\.)/g, "$1,"))
+                         },
+                         {
+                           title: "实际付款金额(元)",
+                           key: "act_money",
+                           align: "right",
+                           width: 170,
+                           render:(h, { row }) => h('span',Number(row.act_money)
+                             .toFixed(2)
+                             .replace(/(\d)(?=(\d{3})+\.)/g, "$1,"))
+                         },
+                         {
+                           title: "预算计划",
+                           width: 320,
+                           align: "left",
+                           render:(h, { row }) => {
+                             if (row.act_plan_link.length > 0) {
+                               return h('div',row.act_plan_link.map(item => (
+                                 <div> {" "}
+                                   [{item.plan.year}] {(item.plan && item.plan.pid_info) ? item.plan.pid_info.name: ''} - {item.plan.name} <br /> [使用金额]{" "}
+                                   {item.use_money}元{" "}</div>
+                               )))
+                             }
+                           }
+                         },
+                         {
+                           title: "款项类型",
+                           key: "type",
+                           width: 120,
+                         },
+                         {
+                           key: "status",
+                           title: "状态",
+                           width: 100,
+                           render:(h, { row }) => h('span',row.status ? "已审核" : "待审核")
+                         },
+                         {
+                           key: 'flow_status',
+                           title: '流程状态',
+                           width: 100,
+                           render:(h, { row }) => {
+                             let map = new Map([
+                               [1,'待申请'],
+                               [2,'流转中'],
+                               [3,'已完成']
+                             ])
+                             return h('span',map.get(row.flow_status))
+                           }
+                         },
+                         {
+                           title: "次数",
+                           key: "pay_count",
+                           width: 95,
+                           render:(h , { row }) => {
+                             let val = row.pay_count + 1
+                             return h('span',val)
+                           }
+                         },
+                         {
+                           title: "最后一笔",
+                           key: "is_end",
+                           width: 125,
+                           render: (h, { row }) => h('span',row.is_end ?  "是" : "否")
+                         },
+                         {
+                           title: "经办人",
+                           minWidth: 120,
+                           key: "admin.name",
+                           align: "center",
+                           render: (h, { row }) => h('span',row.admin?.name)
+                         },
+                         {
+                           title: "业务科室",
+                           minWidth: 140,
+                           key: "department.name",
+                           align: "center",
+                           render: (h, { row }) => h('span',row.department?.name)
+                         },
+                         {
+                           title: "备注",
+                           minWidth: 360,
+                           key: "remark",
+                           align: "left",
+                         },
+                         {
+                           title: "创建信息",
+                           key: "created_at",
+                           width: 160,
+                           render: (h, { row }) => h('span',this.$moment(row.created_at).format('YYYY-MM-DD'))
+                         },
+                       ]}></Table>
+                <Button slot="reference" size="small" type="primary">查看</Button>
+              </el-popover>
+            )
+          }
+        ],
+        isLoadingFundLogTable: false,
+        fundLogs: []
       }
     },
     methods: { //合并行