|
|
@@ -0,0 +1,324 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <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-input v-model="search.buyerName" @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-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"
|
|
|
+ filterable
|
|
|
+ :popper-append-to-body="false"
|
|
|
+ popper-class="statistic_base"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in dc_data.SEND_STATUS"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ :popper-append-to-body="false"
|
|
|
+ popper-class="statistic_base"
|
|
|
+ />
|
|
|
+ </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-append-to-body="false"
|
|
|
+ popper-class="statistic_base"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in dc_data.INVOICE_STATUS"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ :popper-append-to-body="false"
|
|
|
+ popper-class="statistic_base"
|
|
|
+ />
|
|
|
+ </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 class="ch-button" size="small" @click="handleSearch()"><i class="el-icon-search" /> 查询</el-button>
|
|
|
+ <el-button class="ch-button-warning" size="small" @click="handleReset()"><i class="el-icon-search" /> 重置</el-button>
|
|
|
+ <el-button class="ch-button-add" size="small" @click="handleAdd()"><i class="el-icon-menu" /> 新增</el-button>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row class="handle-box">
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-table
|
|
|
+ v-loading="loading"
|
|
|
+ :data="AllData"
|
|
|
+ row-class-name="g_table_row"
|
|
|
+ border
|
|
|
+ :header-cell-style="{background:'#f2f2f2'}"
|
|
|
+ >
|
|
|
+ <el-table-column type="index" width="60" />
|
|
|
+ <el-table-column label="合同编号" prop="contractNumber" />
|
|
|
+ <el-table-column label="网签备案号" prop="recordNumber" />
|
|
|
+ <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">
|
|
|
+ <template scope="scope">
|
|
|
+ <span
|
|
|
+ style="color: green"
|
|
|
+ >
|
|
|
+ {{ scope.row.sendStatusStr }}
|
|
|
+ </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 :disabled="scope.row.contractStatusStr !== '认购待签约'" size="mini" type="text" @click="handleEdit(scope.row)">签约</el-button>
|
|
|
+ <el-button size="mini" type="text" @click="handleView(scope.row)">查看</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ </el-table>
|
|
|
+ <div class="table-page">
|
|
|
+ <el-pagination
|
|
|
+ :current-page.sync="currentPage"
|
|
|
+ :page-sizes="[10, 20, 50, 100]"
|
|
|
+ :page-size="pageSize"
|
|
|
+ background
|
|
|
+ layout="total, sizes, prev, pager, next, jumper"
|
|
|
+ :total="allpage"
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </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"
|
|
|
+ >
|
|
|
+ <add-invoice v-if="dialogVisible" ref="addInvoice" @cancel="cancel" />
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import Base from '@/views/base/base'
|
|
|
+import BaseData from '@/views/base/baseData'
|
|
|
+import AddInvoice from '@/views/invoice/components/addInvoice.vue'
|
|
|
+
|
|
|
+export default {
|
|
|
+ name: 'InvoiceManage',
|
|
|
+ components: { AddInvoice },
|
|
|
+ mixins: [Base, BaseData],
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ dc_key: ['INVOICE_STATUS', 'SEND_STATUS', 'HOUSE_PAYMENT_STATUS'],
|
|
|
+ // 列表相关
|
|
|
+ search: {
|
|
|
+ },
|
|
|
+ AllData: [],
|
|
|
+ loading: false,
|
|
|
+ // 弹框相关
|
|
|
+ dialogVisible: false,
|
|
|
+ dialogTitle: '新增'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ this.initDict(this.dc_key).then((res) => {
|
|
|
+ this.getData()
|
|
|
+ })
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+
|
|
|
+ getData: function() {
|
|
|
+ const _this = this
|
|
|
+ _this.loading = true
|
|
|
+ _this.AllData = []
|
|
|
+
|
|
|
+ this.search.pageNum = this.currentPage
|
|
|
+ this.search.pageSize = this.pageSize
|
|
|
+ this.baseRequest('advancePaymentInvoiceList', this.search).then((res) => {
|
|
|
+ if (res.data.rows) {
|
|
|
+ res.data.rows.forEach(function(item) {
|
|
|
+ const json = _this.getItemJson(item)
|
|
|
+ _this.AllData.push(json)
|
|
|
+ })
|
|
|
+ _this.allpage = res.data.total
|
|
|
+ }
|
|
|
+ _this.loading = false
|
|
|
+ }).catch((e) => {
|
|
|
+ // console.log(e)
|
|
|
+ })
|
|
|
+ // this.initOutData()
|
|
|
+ },
|
|
|
+ handleSearch: function() {
|
|
|
+ this.getData()
|
|
|
+ },
|
|
|
+ handleReset: function() {
|
|
|
+ for (const i in this.search) {
|
|
|
+ if (i !== 'pageNum' && i !== 'pageSize') {
|
|
|
+ this.search[i] = ''
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.handleSearch()
|
|
|
+ },
|
|
|
+ getItemJson: function(item) {
|
|
|
+ item.invoiceStatusStr = this.dc_map.INVOICE_STATUS[item.invoiceStatus]
|
|
|
+ item.sendStatusStr = this.dc_map.SEND_STATUS[item.sendStatus]
|
|
|
+ item.collectionStatusStr = this.dc_map.HOUSE_PAYMENT_STATUS[item.collectionStatus]
|
|
|
+ return item
|
|
|
+ },
|
|
|
+ handleAdd(val) {
|
|
|
+ this.dialogVisible = true
|
|
|
+ this.dialogTitle = ''
|
|
|
+ val.isView = false
|
|
|
+ // 新vue时调用的方法
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.addInvoice.initData(val)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ handleView(val) {
|
|
|
+ this.dialogVisible = true
|
|
|
+ this.dialogTitle = ''
|
|
|
+ val.isView = true
|
|
|
+ // 新vue时调用的方法
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.addInvoice.initData(val)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ cancel: function() {
|
|
|
+ this.dialogVisible = false
|
|
|
+ },
|
|
|
+ baseRequest(opUrl, postData) {
|
|
|
+ return this.$channel.globeRequest('InvoiceManageController', opUrl, postData, 'project')
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped>
|
|
|
+ .ch-input .el-input__inner {
|
|
|
+ border-color: #32323A;
|
|
|
+ }
|
|
|
+ .ch-input-size {
|
|
|
+ width: 150px;
|
|
|
+ }
|
|
|
+ .ch-button {
|
|
|
+ border-color: #32323A;
|
|
|
+ background-color: #32323A;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ .ch-button-warning {
|
|
|
+ margin-left: 10px;
|
|
|
+ border-color: #E6A23C;
|
|
|
+ background-color: #E6A23C;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ .ch-button-export {
|
|
|
+ margin-left: 10px;
|
|
|
+ border-color: #98CC1F;
|
|
|
+ background-color: #98CC1F;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ /deep/.el-dialog__header {
|
|
|
+ padding: 10px 20px;
|
|
|
+ }
|
|
|
+ /deep/.el-dialog__body {
|
|
|
+ padding: 10px 20px;
|
|
|
+ }
|
|
|
+</style>
|
