|
|
@@ -13,94 +13,11 @@
|
|
|
<el-col :span="4" class="col-input">
|
|
|
<el-input v-model="search.houseName" @keyup.enter.native="handleSearch()" />
|
|
|
</el-col>
|
|
|
- <el-col :span="2" class="col-txt">
|
|
|
- <span>推送状态</span>
|
|
|
- </el-col>
|
|
|
- <el-col :span="4" class="col-input">
|
|
|
- <el-select v-model="search.sendStatus" placeholder="请选择" popper-class="statistic_base">
|
|
|
- <el-option
|
|
|
- v-for="item in dc_data.SEND_STATUS"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </el-col>
|
|
|
- <el-col :span="2" class="col-txt">
|
|
|
- <span>开票状态</span>
|
|
|
- </el-col>
|
|
|
- <el-col :span="4" class="col-input">
|
|
|
- <el-select
|
|
|
- v-model="search.invoiceStatus"
|
|
|
- filterable
|
|
|
- popper-class="statistic_base"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in dc_data.INVOICE_STATUS"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row class="handle-box" style="margin-bottom: 10px">
|
|
|
- <el-col :span="2" class="col-txt">
|
|
|
- <span>推送日期</span>
|
|
|
- </el-col>
|
|
|
- <el-col :span="4" class="col-input">
|
|
|
- <el-date-picker
|
|
|
- v-model="search.sendDateFrom"
|
|
|
- popper-class="statistic_base"
|
|
|
- type="date"
|
|
|
- placeholder="年月日"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- />
|
|
|
- </el-col>
|
|
|
- <el-col :span="1">
|
|
|
- <span>至</span>
|
|
|
- </el-col>
|
|
|
- <el-col :span="4" class="col-input">
|
|
|
- <el-date-picker
|
|
|
- v-model="search.sendDateTo"
|
|
|
- popper-class="statistic_base"
|
|
|
- type="date"
|
|
|
- placeholder="年月日"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- />
|
|
|
- </el-col>
|
|
|
- <el-col :span="2" class="col-txt">
|
|
|
- <span>开票日期</span>
|
|
|
- </el-col>
|
|
|
- <el-col :span="4" class="col-input">
|
|
|
- <el-date-picker
|
|
|
- v-model="search.invoiceDateFrom"
|
|
|
- popper-class="statistic_base"
|
|
|
- type="date"
|
|
|
- placeholder="年月日"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- />
|
|
|
- </el-col>
|
|
|
- <el-col :span="1">
|
|
|
- <span>至</span>
|
|
|
- </el-col>
|
|
|
- <el-col :span="4" class="col-input">
|
|
|
- <el-date-picker
|
|
|
- v-model="search.invoiceDateTo"
|
|
|
- popper-class="statistic_base"
|
|
|
- type="date"
|
|
|
- placeholder="年月日"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- />
|
|
|
- </el-col>
|
|
|
</el-row>
|
|
|
<el-row class="handle-box" style="margin-bottom: 10px;text-align: right">
|
|
|
<el-col :span="24" style="margin-top: 20px">
|
|
|
<el-button size="small" class="ch-button-warning" @click="handleReset()"><i class="el-icon-refresh" /> 重置</el-button>
|
|
|
<el-button size="small" class="ch-button" @click="handleSearch()"><i class="el-icon-search" /> 查询</el-button>
|
|
|
- <el-button size="small" class="ch-button-export" @click="batchInvoice()">批量开票</el-button>
|
|
|
- <!-- <el-button size="small" type="danger" @click="handleBatchBadDebt()">红冲</el-button>-->
|
|
|
- <el-button size="small" class="ch-button-export" :loading="excelFlag" @click="handleExportAll()">导出</el-button>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row class="handle-box">
|
|
|
@@ -115,46 +32,25 @@
|
|
|
>
|
|
|
<el-table-column type="selection" width="55" />
|
|
|
<el-table-column type="index" width="60" />
|
|
|
- <el-table-column label="款项名称" prop="paymentTypeStr" />
|
|
|
- <el-table-column label="合同编号" prop="contractNumber" />
|
|
|
- <el-table-column label="网签备案号" prop="recordNumber" />
|
|
|
+ <el-table-column label="批次号" prop="" />
|
|
|
<el-table-column label="买受人" prop="buyerName" width="200" />
|
|
|
<el-table-column label="房屋" prop="houseName" width="200" />
|
|
|
- <el-table-column label="应收（元）" prop="receivableMoney" />
|
|
|
- <el-table-column label="已收（元）" prop="receivedMoney" />
|
|
|
- <el-table-column label="收款状态" prop="collectionStatusStr" width="110">
|
|
|
- <template scope="scope">
|
|
|
- <span
|
|
|
- :style="{'color':scope.row.collectionStatusStr==='已退款'?'red':scope.row.collectionStatusStr==='完全收款'?'green':'gray'}"
|
|
|
- >
|
|
|
- {{ scope.row.collectionStatusStr }}
|
|
|
- </span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="推送状态" prop="sendStatusStr">
|
|
|
+
|
|
|
+ <el-table-column label="票据类型" prop="receiptType" />
|
|
|
+ <el-table-column label="票面金额" prop="receiptMoney" />
|
|
|
+ <el-table-column label="票据编号" prop="receiptNumber" />
|
|
|
+ <el-table-column label="经办人" prop="createdName" />
|
|
|
+ <el-table-column label="经办时间" prop="createdAt" width="110" />
|
|
|
+ <el-table-column label="票据状态" prop="receiptStatusStr">
|
|
|
<template scope="scope">
|
|
|
<span
|
|
|
style="color: green"
|
|
|
>
|
|
|
- {{ scope.row.sendStatusStr }}
|
|
|
+ {{ scope.row.receiptStatusStr }}
|
|
|
</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="开票状态" prop="invoiceStatusStr">
|
|
|
- <template scope="scope">
|
|
|
- <span
|
|
|
- :style="{'color':scope.row.invoiceStatusStr==='已红冲'?'red':scope.row.invoiceStatusStr==='待开票'?'green':'gray'}"
|
|
|
- >
|
|
|
- {{ scope.row.invoiceStatusStr }}
|
|
|
- </span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column header-align="center" label="操作" width="180">
|
|
|
- <template scope="scope">
|
|
|
- <el-button v-if="scope.row.sendStatus === '0'" type="text" size="mini" @click="handleInvoice(scope.row)">开票</el-button>
|
|
|
- <el-button size="mini" type="text" @click="handleView(scope.row)">查看</el-button>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
+ <el-table-column label="关联票号" prop="associationNumber" width="110" />
|
|
|
|
|
|
</el-table>
|
|
|
<div class="table-page">
|
|
|
@@ -172,55 +68,19 @@
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
- <!--开票-->
|
|
|
- <el-dialog
|
|
|
- :visible.sync="dialogVisible"
|
|
|
- :close-on-click-modal="false"
|
|
|
- :close-on-press-escape="false"
|
|
|
- :title="dialogTitle"
|
|
|
- width="90%"
|
|
|
- top="20px"
|
|
|
- class="statistic_base"
|
|
|
- :append-to-body="true"
|
|
|
- :modal-append-to-body="true"
|
|
|
- custom-class="tagdialog"
|
|
|
- @close="getData"
|
|
|
- >
|
|
|
- <formal-invoice-manage-edit v-if="dialogVisible" ref="editInvoice" @cancel="cancel" />
|
|
|
- </el-dialog>
|
|
|
-
|
|
|
- <!-- 批量开票 -->
|
|
|
- <el-dialog
|
|
|
- :title="dialogBatchTitle"
|
|
|
- :visible.sync="dialogBatchVisible"
|
|
|
- width="75%"
|
|
|
- top="50px"
|
|
|
- :close-on-press-escape="false"
|
|
|
- :close-on-click-modal="false"
|
|
|
- class="statistic_base"
|
|
|
- :append-to-body="true"
|
|
|
- :modal-append-to-body="true"
|
|
|
- custom-class="tagdialog"
|
|
|
- @close="handleBatchClose"
|
|
|
- >
|
|
|
- <batch-invoice v-if="dialogBatchVisible" ref="batchInvoice" @editClose="handleBatchClose" />
|
|
|
- </el-dialog>
|
|
|
-
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
import Base from '@/views/base/base'
|
|
|
import BaseData from '@/views/base/baseData'
|
|
|
-import FormalInvoiceManageEdit from '@/views/invoice/components/formalInvoiceManageEdit.vue'
|
|
|
-import BatchInvoice from '@/views/invoice/components/batchInvoice.vue'
|
|
|
|
|
|
export default {
|
|
|
name: 'ReceiptManage',
|
|
|
- components: { FormalInvoiceManageEdit, BatchInvoice },
|
|
|
+ components: { },
|
|
|
mixins: [Base, BaseData],
|
|
|
data() {
|
|
|
return {
|
|
|
- dc_key: ['INVOICE_STATUS', 'SEND_STATUS', 'HOUSE_PAYMENT_STATUS'],
|
|
|
+ dc_key: [],
|
|
|
// 列表相关
|
|
|
search: {
|
|
|
},
|
|
|
@@ -249,7 +109,7 @@ export default {
|
|
|
|
|
|
this.search.pageNum = this.currentPage
|
|
|
this.search.pageSize = this.pageSize
|
|
|
- this.baseRequest('formalInvoiceList', this.search).then((res) => {
|
|
|
+ this.baseRequest('listByModel', this.search).then((res) => {
|
|
|
if (res.data.rows) {
|
|
|
res.data.rows.forEach(function(item) {
|
|
|
const json = _this.getItemJson(item)
|
|
|
@@ -275,59 +135,10 @@ export default {
|
|
|
this.handleSearch()
|
|
|
},
|
|
|
getItemJson: function(item) {
|
|
|
- item.invoiceStatusStr = this.dc_map.INVOICE_STATUS[item.invoiceStatus]
|
|
|
- item.sendStatusStr = this.dc_map.SEND_STATUS[item.sendStatus]
|
|
|
- if (item.paymentType === '1') {
|
|
|
- item.collectionStatusStr = this.dc_map.HOUSE_PAYMENT_STATUS[item.collectionStatus]
|
|
|
- }
|
|
|
- if (item.paymentType === '2') {
|
|
|
- item.collectionStatusStr = this.dc_map.HOUSE_PAYMENT_STATUS[item.fundCollectionStatus]
|
|
|
- }
|
|
|
- item.paymentTypeStr = item.paymentType === '1' ? '房款' : '专项维修资金'
|
|
|
return item
|
|
|
},
|
|
|
- handleInvoice(row) {
|
|
|
- this.dialogTitle = '开票'
|
|
|
- this.dialogVisible = true
|
|
|
- const data = {
|
|
|
- isView: false,
|
|
|
- id: row.id
|
|
|
- }
|
|
|
- this.$nextTick(() => {
|
|
|
- this.$refs.editInvoice.initData(data)
|
|
|
- })
|
|
|
- },
|
|
|
+
|
|
|
handleView(val) {
|
|
|
- this.dialogVisible = true
|
|
|
- this.dialogTitle = ''
|
|
|
- val.isView = true
|
|
|
- // 新vue时调用的方法
|
|
|
- this.$nextTick(() => {
|
|
|
- this.$refs.editInvoice.initData(val)
|
|
|
- })
|
|
|
- },
|
|
|
- batchInvoice() {
|
|
|
- if (!this.selected.length) {
|
|
|
- this.$message.warning('请先勾选要批量开票的数据')
|
|
|
- return
|
|
|
- }
|
|
|
- let check = true
|
|
|
- this.selected.forEach(item => {
|
|
|
- if (item.sendStatus !== '0') {
|
|
|
- check = false
|
|
|
- }
|
|
|
- })
|
|
|
- if (!check) {
|
|
|
- this.$message.warning('仅可对待推送的数据进行批量开票')
|
|
|
- return
|
|
|
- }
|
|
|
- this.dialogBatchVisible = true
|
|
|
- this.dialogBatchTitle = '批量开票'
|
|
|
- this.$nextTick(() => {
|
|
|
- this.$refs.batchInvoice.initData(this.selected)
|
|
|
- })
|
|
|
- },
|
|
|
- handleExportAll() {
|
|
|
|
|
|
},
|
|
|
handleSelectionChange(val) {
|
|
|
@@ -336,14 +147,8 @@ export default {
|
|
|
cancel: function() {
|
|
|
this.dialogVisible = false
|
|
|
},
|
|
|
- handleBatchClose(refresh) {
|
|
|
- this.dialogBatchVisible = false
|
|
|
- if (refresh) {
|
|
|
- this.getData()
|
|
|
- }
|
|
|
- },
|
|
|
baseRequest(opUrl, postData) {
|
|
|
- return this.$channel.globeRequest('InvoiceManageController', opUrl, postData, 'project')
|
|
|
+ return this.$channel.globeRequest('ReceiptManageController', opUrl, postData, 'project')
|
|
|
}
|
|
|
}
|
|
|
}
|
