|
@@ -3,7 +3,7 @@
|
|
|
<a-spin :spinning="spinning" tip="Loading...">
|
|
|
<!-- 标签页 -->
|
|
|
<a-tabs type="card" size="small" v-model="queryParam.bizType" @change="handleTabChange" class="finacialPay-tabs">
|
|
|
- <a-tab-pane v-for="item in tabPaneData" :key="item.bizType">
|
|
|
+ <a-tab-pane v-for="item in tabPaneData" :key="item.bizType" :id="'finacialPay-tabs-'+item.bizType">
|
|
|
<span slot="tab">{{ item.bizName }}({{ item.countNum }})</span>
|
|
|
</a-tab-pane>
|
|
|
</a-tabs>
|
|
@@ -37,17 +37,17 @@
|
|
|
</a-col>
|
|
|
<a-col :md="6" :sm="24">
|
|
|
<a-form-item label="创建时间">
|
|
|
- <rangeDate ref="createDate" @change="createDateChange" />
|
|
|
+ <rangeDate id="finacialPay-createDate" ref="createDate" @change="createDateChange" />
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :md="6" :sm="24">
|
|
|
<a-form-item label="审核时间">
|
|
|
- <rangeDate ref="rangeDate" @change="dateChange" />
|
|
|
+ <rangeDate id="finacialPay-createDate" ref="rangeDate" @change="dateChange" />
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :md="6" :sm="24">
|
|
|
<a-form-item label="付款时间">
|
|
|
- <rangeDate ref="settleDate" @change="settleChange" />
|
|
|
+ <rangeDate id="finacialPay-createDate" ref="settleDate" @change="settleChange" />
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
</template>
|
|
@@ -55,7 +55,7 @@
|
|
|
<span class="table-page-search-submitButtons">
|
|
|
<a-button type="primary" @click="searchForm()" :disabled="disabled" id="finacialPay-refresh">查询</a-button>
|
|
|
<a-button style="margin-left: 5px" @click="resetSearchForm()" :disabled="disabled" id="finacialPay-reset">重置</a-button>
|
|
|
- <a @click="advanced = !advanced" style="margin-left: 5px">
|
|
|
+ <a @click="advanced = !advanced" style="margin-left: 5px" id="finacialPay-advanced">
|
|
|
{{ advanced ? '收起' : '展开' }}
|
|
|
<a-icon :type="advanced ? 'up' : 'down'" />
|
|
|
</a>
|
|
@@ -101,7 +101,7 @@
|
|
|
>
|
|
|
<!-- 关联单号 -->
|
|
|
<template slot="bizNo" slot-scope="text, record">
|
|
|
- <span v-if="$hasPermissions('B_purchaseDetail')||$hasPermissions('B_salesReturnDetail')||$hasPermissions('B_bulkWarehousingOrder_detail')||$hasPermissions('B_allocLinkagePutDetail')||$hasPermissions('B_expenseDetail')" class="table-td-link" @click="handleDetail(record)">{{ record.bizNo }}</span>
|
|
|
+ <span :id="'finacialPay-advanced-'+record.id" v-if="$hasPermissions('B_purchaseDetail')||$hasPermissions('B_salesReturnDetail')||$hasPermissions('B_bulkWarehousingOrder_detail')||$hasPermissions('B_allocLinkagePutDetail')||$hasPermissions('B_expenseDetail')" class="table-td-link" @click="handleDetail(record)">{{ record.bizNo }}</span>
|
|
|
<span v-else>{{ record.bizNo }}</span>
|
|
|
</template>
|
|
|
<!-- 客户名称 -->
|
|
@@ -117,7 +117,8 @@
|
|
|
class="button-primary"
|
|
|
v-if="record.settleState == 'SETTLED' && $hasPermissions('B_financialPaymentDetail')"
|
|
|
@click="handleVoucher(record)"
|
|
|
- id="finacialPay-voucher-btn">凭证</a-button>
|
|
|
+ :id="'finacialPay-voucher-'+record.id"
|
|
|
+ >凭证</a-button>
|
|
|
<a-button
|
|
|
size="small"
|
|
|
type="link"
|
|
@@ -125,7 +126,7 @@
|
|
|
:loading="loading"
|
|
|
v-else-if="record.settleState != 'SETTLED' && $hasPermissions('B_financialPaymentSing')"
|
|
|
@click="enableFundAccount ? handleSettleAcountPay(record,0) : handlePay(record)"
|
|
|
- id="finacialPay-pay-btn">付款</a-button>
|
|
|
+ :id="'finacialPay-pay-'+record.id">付款</a-button>
|
|
|
<span v-else>--</span>
|
|
|
</template>
|
|
|
</s-table>
|
|
@@ -169,7 +170,6 @@ import { mapActions } from 'vuex'
|
|
|
import { STable, VSelect } from '@/components'
|
|
|
import detailModal from './detailModal.vue'
|
|
|
import settleModal from '../settleModal/settleModal.vue'
|
|
|
-import { settlePayQuery, queryByTypeSum, settlePayMoney, settlePayQuerySum } from '@/api/settlePay.js'
|
|
|
import rangeDate from '@/views/common/rangeDate.vue'
|
|
|
import purchasDetail from '@/views/purchasingManagement/purchaseOrder/detail'
|
|
|
import stockOrderDetail from '@/views/purchasingManagement/signWarehousing/stockOrderDetail'
|
|
@@ -177,6 +177,8 @@ import salesReturnDetail from '@/views/salesManagement/salesReturn/detail'
|
|
|
import chainTransInDetail from '@/views/allocationManagement/chainTransferIn/detail'
|
|
|
import bulkWareDetail from '@/views/bulkManagement/bulkWarehousingOrder/detail'
|
|
|
import expenseDetail from './expenseDetail'
|
|
|
+// 接口
|
|
|
+import { settlePayQuery, queryByTypeSum, settlePayMoney, settlePayQuerySum } from '@/api/settlePay.js'
|
|
|
export default {
|
|
|
name: 'FinancialPaymentList',
|
|
|
components: { STable, VSelect, detailModal, rangeDate, settleModal, salesReturnDetail, chainTransInDetail, bulkWareDetail, expenseDetail, purchasDetail, stockOrderDetail },
|
|
@@ -190,30 +192,30 @@ export default {
|
|
|
openModal: false, // 详情弹框
|
|
|
openSettleModal: false, // 打开付款弹框
|
|
|
enableFundAccount: false, // 是否开启资金账户管理
|
|
|
- tableHeight: 0,
|
|
|
- curBizType: 'ALL',
|
|
|
+ tableHeight: 0, // 表格高度
|
|
|
+ curBizType: 'ALL', // 当前tabs
|
|
|
openDetailModal: false, // 关联单详情
|
|
|
- curBizTitle: '',
|
|
|
- fcBizType: '',
|
|
|
- orderSn: null,
|
|
|
+ curBizTitle: '', // 关联单号详情标题
|
|
|
+ fcBizType: '', // 关联单号类型
|
|
|
+ orderSn: null, // 单据sn
|
|
|
// 查询参数
|
|
|
queryParam: {
|
|
|
- bizType: 'ALL',
|
|
|
- settleNo: '',
|
|
|
- bizNo: '',
|
|
|
- settleClientNameCurrent: '',
|
|
|
- billState: '',
|
|
|
- auditBeginDate: '',
|
|
|
- auditEndDate: '',
|
|
|
- settleBeginDate: '',
|
|
|
- settleEndDate: ''
|
|
|
+ bizType: 'ALL', // 业务类型
|
|
|
+ settleNo: '', // 付款单号
|
|
|
+ bizNo: '', // 关联单号
|
|
|
+ settleClientNameCurrent: '', // 客户名称
|
|
|
+ billState: '', // 单据状态
|
|
|
+ auditBeginDate: '', // 审核开始时间
|
|
|
+ auditEndDate: '', // 审核结束时间
|
|
|
+ settleBeginDate: '', // 结算开始时间
|
|
|
+ settleEndDate: ''// 结算结束时间
|
|
|
},
|
|
|
// 总计
|
|
|
totalData: {
|
|
|
- settledAmount: 0,
|
|
|
- totalAmount: 0,
|
|
|
- unsettleAmount: 0,
|
|
|
- count: 0
|
|
|
+ settledAmount: 0, // 已付金额
|
|
|
+ totalAmount: 0, // 应付金额
|
|
|
+ unsettleAmount: 0, // 待付金额
|
|
|
+ count: 0 // 总数
|
|
|
},
|
|
|
// 表头
|
|
|
columns: [
|
|
@@ -253,11 +255,12 @@ export default {
|
|
|
return data
|
|
|
})
|
|
|
},
|
|
|
- tabPaneData: [],
|
|
|
- rowSelectionInfo: null
|
|
|
+ tabPaneData: [], // tab 数据
|
|
|
+ rowSelectionInfo: null // 已选行
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
|
+ // 已选总金额
|
|
|
selectTotalAmount () {
|
|
|
let ret = 0
|
|
|
if (this.rowSelectionInfo && this.rowSelectionInfo.selectedRows) {
|
|
@@ -269,9 +272,9 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ ...mapActions(['GetSettleAccountState']),
|
|
|
// 查看关联单号
|
|
|
handleDetail (row) {
|
|
|
- console.log(row)
|
|
|
this.orderSn = row.bizSn
|
|
|
this.fcBizType = row.bizType
|
|
|
// 采购但
|
|
@@ -286,26 +289,28 @@ export default {
|
|
|
this.curBizTitle = row.bizTypeDictValue + '详情'
|
|
|
this.openDetailModal = true
|
|
|
},
|
|
|
+ // 查看关联单号弹框关闭
|
|
|
handleDetailClose () {
|
|
|
this.openDetailModal = false
|
|
|
this.fcBizType = null
|
|
|
this.orderSn = null
|
|
|
},
|
|
|
- ...mapActions(['GetSettleAccountState']),
|
|
|
// 表格选中项
|
|
|
rowSelectionFun (obj) {
|
|
|
console.log(obj)
|
|
|
this.rowSelectionInfo = obj || null
|
|
|
},
|
|
|
- // 时间 change
|
|
|
+ // 审核时间 change
|
|
|
dateChange (date) {
|
|
|
this.queryParam.auditBeginDate = date[0]
|
|
|
this.queryParam.auditEndDate = date[1]
|
|
|
},
|
|
|
+ // 创建时间
|
|
|
createDateChange (date) {
|
|
|
this.queryParam.beginDate = date[0]
|
|
|
this.queryParam.endDate = date[1]
|
|
|
},
|
|
|
+ // 结算时间
|
|
|
settleChange (date) {
|
|
|
this.queryParam.settleBeginDate = date[0]
|
|
|
this.queryParam.settleEndDate = date[1]
|
|
@@ -332,7 +337,7 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
- // 凭证弹框
|
|
|
+ // 打开凭证弹框
|
|
|
handleVoucher (row) {
|
|
|
this.$refs.detailModal.getDetail(row.id)
|
|
|
this.openModal = true
|
|
@@ -378,7 +383,7 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
- // 付款
|
|
|
+ // 付款确认框
|
|
|
handlePay (row) {
|
|
|
const _this = this
|
|
|
this.$confirm({
|
|
@@ -392,7 +397,7 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
- // 选择类型
|
|
|
+ // 切换tab
|
|
|
handleTabChange (key) {
|
|
|
this.queryParam.bizType = key
|
|
|
this.$refs.table.refresh(true)
|
|
@@ -448,6 +453,7 @@ export default {
|
|
|
settleEndDate: ''
|
|
|
}
|
|
|
},
|
|
|
+ // 页面初始化
|
|
|
pageInit () {
|
|
|
const _this = this
|
|
|
this.$nextTick(() => { // 页面渲染完成后的回调
|
|
@@ -455,6 +461,7 @@ export default {
|
|
|
})
|
|
|
this.queryByTypeSum()
|
|
|
},
|
|
|
+ // 计算表格高度
|
|
|
setTableH () {
|
|
|
const tableSearchH = this.$refs.tableSearch.offsetHeight
|
|
|
this.tableHeight = window.innerHeight - tableSearchH - 330
|