资金进展导出 财务付款确认筛选

src/api/paymentRegistration/fundLog.js

@@ -1,5 +1,6 @@
 import request from "@/utils/request";
 
+
 export function getFundLog(params,noloading = false){
   return request({
     method:'get',

src/views/away/index.vue

@@ -26,12 +26,12 @@
                 <Option v-for="item in departments" :key="item.id" :value="item.id">{{ item.name }}</Option>
               </Select>
             </div>
-            <!-- <div>
+            <div>
               <span>状态</span>
-              <Select v-model="select.financial_status" style="width:120px" clearable>
+              <Select multiple @on-change="changeStatus" v-model="financial_status_options" style="width:240px" clearable>
                 <Option v-for="item in financialStatusList" :key="item.id" :value="item.id">{{ item.name }}</Option>
               </Select>
-            </div> -->
+            </div>
 
             <div>
               <span>开始时间</span>
@@ -312,12 +312,16 @@ export default {
         left: 0,
       },
       departments: [],
+      financial_status_options:[1,3],
       financialStatusList:[{
         id:1,
         name:'待确认'
       },{
         id:2,
-        name:'已审核'
+        name:'已确认'
+      },{
+        id:3,
+        name:'部分确认'
       }],
       select: {
         keyword: '',
@@ -328,7 +332,7 @@ export default {
         page_size: 10,
         flow_link: [],
         department_id: '',
-        // financial_status:1
+        financial_status:'1,3'
       },
       total: 0,
       list: [],
@@ -439,6 +443,20 @@ export default {
             }
           ]
         },
+        {
+          label: "状态",
+          width: 160,
+          prop: "financial_status",
+          customFn:row => {
+            return (
+              this.financialStatusList.map(i=>{
+                if(i.id===row.financial_status){
+                  return (<span style="color: green;">{i.name}</span>)
+                }
+              })
+            )
+          }
+        },
         {
           label: "创建日期",
           width: 160,
@@ -461,6 +479,10 @@ export default {
     }
   },
   methods: {
+    changeStatus(e){
+      console.log("e",e)
+      this.select.financial_status = e?e.join(','):''
+    },
     showMulti() {
       console.log("this.$refs['xyTable'].getSelection()",this.$refs['xyTable'].getSelection())
       let selects = this.$refs['xyTable'].getSelection()

src/views/statisticalReport/budgetProgress.vue

@@ -75,6 +75,7 @@
   } from "@/utils/mergeTableRow"
 import { getFundLog,getPlanActLinks } from "@/api/paymentRegistration/fundLog"
 import detail from "@/views/contract/components/detailContract";
+import { getToken } from '@/utils/auth'
   export default {
     components:{
       detail
@@ -198,6 +199,17 @@ import detail from "@/views/contract/components/detailContract";
                               }
                             }
                           }}>
+                  <Button style={this.fundLogs.length>0?'display:block':'display:none'} size="small" type="primary"
+                  on={{
+                    ['click']:async _ => {
+                      try {
+                        this.exportDetail(row.id)
+
+                      } catch (e) {
+                      }
+                    }
+                  }}
+                  >导出</Button>
                 <Table loading={this.isLoadingFundLogTable}
                        size="small"
                        data={this.fundLogs}
@@ -356,7 +368,7 @@ import detail from "@/views/contract/components/detailContract";
                          //   align: "left",
                          // },
                          {
-                           title: "创建信息",
+                           title: "创建时间",
                            key: "created_at",
                            width: 160,
                            render: (h, { row }) => h('span',this.$moment(row.created_at).format('YYYY-MM-DD'))
@@ -368,10 +380,23 @@ import detail from "@/views/contract/components/detailContract";
           }
         ],
         isLoadingFundLogTable: false,
-        fundLogs: []
+        fundLogs: [],
+        export_fields:{
+          'model_type_text':'支出类型',
+          'use_money':'支出金额',
+          'model.reason':'事由/备注',
+          'created_at':'创建时间'
+        }
+
+
       }
     },
-    methods: { //合并行
+    methods: {
+      exportDetail(id){
+        let export_fields = "export_fields[model_type_text]=支出类型&export_fields[use_money]=支出金额&export_fields[model.reason]=事由/备注&export_fields[created_at]=创建时间"
+        window.open(`${process.env.VUE_APP_BASE_API}/api/ht/plan/plan-act-links?token=${getToken()}&is_export=1&page=1&page_size=999&plan_id=${id}&${export_fields}`,"_blank")
+      },
+      //合并行
       objectSpanMethod({
         row,
         column,
@@ -529,6 +554,26 @@ import detail from "@/views/contract/components/detailContract";
         this.rateTotal = this.toper(this.updateMoneyTotal, this.moneyTotal, this.useMoneyTotal)
 
         console.log(res)
+      },
+      customParamsSerializer(params) {
+        let result = '';
+        for (let key in params) {
+          if (params.hasOwnProperty(key)) {
+            if (Array.isArray(params[key])) {
+              params[key].forEach((item,index) => {
+                if(item.key){
+                  result += `${key}[${index}][key]=${item.key}&${key}[${index}][op]=${item.op}&${key}[${index}][value]=${item.value}&`;
+
+                }else{
+                  result +=`${key}[${index}]=${item}&`
+                }
+              });
+            } else {
+              result += `${key}=${params[key]}&`;
+            }
+          }
+        }
+        return result.slice(0, -1);
       }
     },
     created() {