|
@@ -42,7 +42,7 @@
|
|
</a-form-item>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-col>
|
|
<template v-if="advanced">
|
|
<template v-if="advanced">
|
|
- <a-col :md="4" :sm="24">
|
|
|
|
|
|
+ <a-col :md="6" :sm="24">
|
|
<a-form-item label="足额打款">
|
|
<a-form-item label="足额打款">
|
|
<v-select
|
|
<v-select
|
|
v-model="queryParam.fullPaymentFlag"
|
|
v-model="queryParam.fullPaymentFlag"
|
|
@@ -72,13 +72,14 @@
|
|
</a-col>
|
|
</a-col>
|
|
<a-col :md="6" :sm="24">
|
|
<a-col :md="6" :sm="24">
|
|
<a-form-item label="开票状态">
|
|
<a-form-item label="开票状态">
|
|
- <v-select
|
|
|
|
- v-model="queryParam.invoiceDateType"
|
|
|
|
- ref="invoiceDateType"
|
|
|
|
- id="collectionDetail-invoiceDateType"
|
|
|
|
- code="FLAG"
|
|
|
|
- placeholder="请选择开票状态"
|
|
|
|
- allowClear></v-select>
|
|
|
|
|
|
+ <a-select v-model="queryParam.invoiceDateType" style="width: 100%" placeholder="请选择开票状态">
|
|
|
|
+ <a-select-option value="1">
|
|
|
|
+ 已开票
|
|
|
|
+ </a-select-option>
|
|
|
|
+ <a-select-option value="0">
|
|
|
|
+ 未开票
|
|
|
|
+ </a-select-option>
|
|
|
|
+ </a-select>
|
|
</a-form-item>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-col>
|
|
<a-col :md="6" :sm="24">
|
|
<a-col :md="6" :sm="24">
|
|
@@ -86,7 +87,7 @@
|
|
<rangeDate ref="receiptDate" :value="receiptDate" @change="receiptDateChange" />
|
|
<rangeDate ref="receiptDate" :value="receiptDate" @change="receiptDateChange" />
|
|
</a-form-item>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-col>
|
|
- <a-col :md="4" :sm="24">
|
|
|
|
|
|
+ <a-col :md="6" :sm="24">
|
|
<a-form-item label="所属区域">
|
|
<a-form-item label="所属区域">
|
|
<subarea id="collectionDetail-subarea" v-model="queryParam.subareaSn"></subarea>
|
|
<subarea id="collectionDetail-subarea" v-model="queryParam.subareaSn"></subarea>
|
|
</a-form-item>
|
|
</a-form-item>
|
|
@@ -140,11 +141,15 @@
|
|
bordered>
|
|
bordered>
|
|
<!-- 开票日期 -->
|
|
<!-- 开票日期 -->
|
|
<template slot="draftDate" slot-scope="text, record">
|
|
<template slot="draftDate" slot-scope="text, record">
|
|
- <span v-if="$hasPermissions('B_fc_detail')" class="link-bule" @click="handleDetail(record)">{{ record.bookNo }}</span>
|
|
|
|
- <span v-else>{{ record.bookNo }}</span>
|
|
|
|
|
|
+ <div @click="handleInvoice(record)">
|
|
|
|
+ <span v-if="record.invoiceBeginDate" class="link-bule">{{ record.invoiceBeginDate }}~{{record.invoiceEndDate}}</span>
|
|
|
|
+ <span class="link-bule" v-else>--</span>
|
|
|
|
+ </div>
|
|
</template>
|
|
</template>
|
|
</s-table>
|
|
</s-table>
|
|
</a-spin>
|
|
</a-spin>
|
|
|
|
+ <!-- 开票日期弹窗 -->
|
|
|
|
+ <invoiceModal v-drag :show="invoiceIsShow" :info="invoiceInfo" @cancel="invoiceIsShow=false"></invoiceModal>
|
|
</a-card>
|
|
</a-card>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -158,11 +163,12 @@ import Area from '@/views/common/area.js'
|
|
import { hdExportExcel } from '@/libs/exportExcel'
|
|
import { hdExportExcel } from '@/libs/exportExcel'
|
|
import employee from '../../expenseManagement/expenseReimbursement/employee.js'
|
|
import employee from '../../expenseManagement/expenseReimbursement/employee.js'
|
|
import dealerSubareaScopeList from '@/views/common/dealerSubareaScopeList.vue'
|
|
import dealerSubareaScopeList from '@/views/common/dealerSubareaScopeList.vue'
|
|
|
|
+import invoiceModal from './invoiceModal.vue'
|
|
import { financeBookDetailQueryPage, financeBookDetailExport, financeBookReportDetailCount } from '@/api/financeBook.js'
|
|
import { financeBookDetailQueryPage, financeBookDetailExport, financeBookReportDetailCount } from '@/api/financeBook.js'
|
|
export default {
|
|
export default {
|
|
name: 'CollectionDetailStaticList',
|
|
name: 'CollectionDetailStaticList',
|
|
mixins: [commonMixin],
|
|
mixins: [commonMixin],
|
|
- components: { STable, VSelect, rangeDate, employee, dealerSubareaScopeList, subarea, Area },
|
|
|
|
|
|
+ components: { STable, VSelect, rangeDate, employee, dealerSubareaScopeList, subarea, Area,invoiceModal },
|
|
data () {
|
|
data () {
|
|
return {
|
|
return {
|
|
spinning: false,
|
|
spinning: false,
|
|
@@ -182,8 +188,10 @@ export default {
|
|
bankAccount: undefined,
|
|
bankAccount: undefined,
|
|
bankName: undefined,
|
|
bankName: undefined,
|
|
subareaSn: undefined,
|
|
subareaSn: undefined,
|
|
- provinceSn: undefined
|
|
|
|
|
|
+ provinceSn: undefined,
|
|
|
|
+ invoiceDateType:undefined
|
|
},
|
|
},
|
|
|
|
+ invoiceIsShow:false,
|
|
disabled: false, // 查询、重置按钮是否可操作
|
|
disabled: false, // 查询、重置按钮是否可操作
|
|
receiptDate: [], // 收款时间
|
|
receiptDate: [], // 收款时间
|
|
auditDate: [
|
|
auditDate: [
|
|
@@ -232,7 +240,8 @@ export default {
|
|
bankName: ['九江银行']
|
|
bankName: ['九江银行']
|
|
}
|
|
}
|
|
],
|
|
],
|
|
- bankNameList: []
|
|
|
|
|
|
+ bankNameList: [],
|
|
|
|
+ invoiceInfo:null
|
|
}
|
|
}
|
|
},
|
|
},
|
|
// 根据权限显示列表字段
|
|
// 根据权限显示列表字段
|
|
@@ -257,8 +266,8 @@ export default {
|
|
{ title: '跨月打款', dataIndex: 'nextMonthAmount', align: 'center', width: '5%', customRender: function (text) { return (text == 0 || text) ? text : '--' } },
|
|
{ title: '跨月打款', dataIndex: 'nextMonthAmount', align: 'center', width: '5%', customRender: function (text) { return (text == 0 || text) ? text : '--' } },
|
|
{ title: '户名', dataIndex: 'bankAccount', align: 'center', width: '5%', customRender: function (text) { return text || '--' } },
|
|
{ title: '户名', dataIndex: 'bankAccount', align: 'center', width: '5%', customRender: function (text) { return text || '--' } },
|
|
{ title: '汇入银行', dataIndex: 'bankName', align: 'center', width: '5%', customRender: function (text) { return text || '--' } },
|
|
{ title: '汇入银行', dataIndex: 'bankName', align: 'center', width: '5%', customRender: function (text) { return text || '--' } },
|
|
- { title: '足额打款', dataIndex: 'fullPaymentFlagDictValue', align: 'center', width: '5%', customRender: function (text) { return (text == 0 || text) ? text : '--' } },
|
|
|
|
- { title: '开票日期', scopedSlots: { customRender: 'draftDate' },align: 'center', width: '5%', customRender: function (text) { return (text == 0 || text) ? text : '--' } },
|
|
|
|
|
|
+ { title: '足额打款', dataIndex: 'fullPaymentFlagDictValue', align: 'center', width: '5%',customRender: function (text) { return (text == 0 || text) ? text : '--' }},
|
|
|
|
+ { title: '开票日期', scopedSlots: { customRender: 'draftDate' },align: 'center', width: '8%'},
|
|
{ title: '备注', dataIndex: 'remarks', align: 'center', width: '8%', customRender: function (text) { return text || '--' }, ellipsis: true }
|
|
{ title: '备注', dataIndex: 'remarks', align: 'center', width: '8%', customRender: function (text) { return text || '--' }, ellipsis: true }
|
|
]
|
|
]
|
|
return arr
|
|
return arr
|
|
@@ -315,6 +324,7 @@ export default {
|
|
this.queryParam.bankAccount = undefined
|
|
this.queryParam.bankAccount = undefined
|
|
this.queryParam.subareaSn = undefined
|
|
this.queryParam.subareaSn = undefined
|
|
this.queryParam.provinceSn = undefined
|
|
this.queryParam.provinceSn = undefined
|
|
|
|
+ this.queryParam.invoiceDateType = undefined
|
|
this.$refs.table.refresh(true)
|
|
this.$refs.table.refresh(true)
|
|
},
|
|
},
|
|
// 导出
|
|
// 导出
|
|
@@ -336,6 +346,17 @@ export default {
|
|
setTableH () {
|
|
setTableH () {
|
|
const tableSearchH = this.$refs.tableSearch.offsetHeight
|
|
const tableSearchH = this.$refs.tableSearch.offsetHeight
|
|
this.tableHeight = window.innerHeight - tableSearchH - 205
|
|
this.tableHeight = window.innerHeight - tableSearchH - 205
|
|
|
|
+ },
|
|
|
|
+ handleInvoice(con){
|
|
|
|
+ let obj={
|
|
|
|
+ no:con.bookNo,
|
|
|
|
+ payerName:con.dealerName,
|
|
|
|
+ bookDetailSn:con.bookDetailSn
|
|
|
|
+ }
|
|
|
|
+ this.invoiceInfo=obj;
|
|
|
|
+ this.$nextTick(()=>{
|
|
|
|
+ this.invoiceIsShow = true
|
|
|
|
+ })
|
|
}
|
|
}
|
|
},
|
|
},
|
|
watch: {
|
|
watch: {
|