|
@@ -3,52 +3,54 @@
|
|
<div class="search">
|
|
<div class="search">
|
|
<div class="left" />
|
|
<div class="left" />
|
|
<div class="right">
|
|
<div class="right">
|
|
|
|
+ <el-date-picker
|
|
|
|
+ v-model="applyDate"
|
|
|
|
+ type="daterange"
|
|
|
|
+ range-separator="至"
|
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
|
+ start-placeholder="申报年月日期范围"
|
|
|
|
+ end-placeholder="申报年月日期范围"
|
|
|
|
+ />
|
|
<div>
|
|
<div>
|
|
- <el-input v-model="search.contractInfo" placeholder="申报批次" />
|
|
|
|
|
|
+ <el-input v-model="search.declarationBatch" placeholder="申报批次" />
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div>
|
|
- <el-input v-model="search.contractInfo" placeholder="报关单号" />
|
|
|
|
|
|
+ <el-input v-model="search.customsDeclarationNo" placeholder="报关单号" />
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div>
|
|
- <el-input v-model="search.contractInfo" placeholder="销售订单ID" />
|
|
|
|
|
|
+ <el-input v-model="search.salesOrderNo" placeholder="销售订单ID" />
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div>
|
|
- <el-input v-model="search.contractInfo" placeholder="出口发票号" />
|
|
|
|
|
|
+ <el-input v-model="search.proformaInvoiceNo" placeholder="出口发票号" />
|
|
</div>
|
|
</div>
|
|
|
|
+ <el-date-picker
|
|
|
|
+ v-model="exportDate"
|
|
|
|
+ type="daterange"
|
|
|
|
+ range-separator="至"
|
|
|
|
+ start-placeholder="出口日期范围"
|
|
|
|
+ end-placeholder="出口日期范围"
|
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
|
+ />
|
|
<div>
|
|
<div>
|
|
- <el-select v-model="search.contractStatus" placeholder="请选择退税状态" clearable>
|
|
|
|
|
|
+ <el-select v-model="search.status" placeholder="请选择退税状态" clearable>
|
|
<el-option
|
|
<el-option
|
|
- v-for="item in constant.sales_contract_status"
|
|
|
|
|
|
+ v-for="item in constant.rebate_process_status"
|
|
:key="item.dictCode"
|
|
:key="item.dictCode"
|
|
:label="item.dictLabel"
|
|
:label="item.dictLabel"
|
|
:value="item.dictValue"
|
|
:value="item.dictValue"
|
|
/>
|
|
/>
|
|
</el-select>
|
|
</el-select>
|
|
</div>
|
|
</div>
|
|
- <div>
|
|
|
|
- <el-date-picker
|
|
|
|
- v-model="addDate"
|
|
|
|
- type="daterange"
|
|
|
|
- range-separator="至"
|
|
|
|
- start-placeholder="申报年月日期范围"
|
|
|
|
- end-placeholder="申报年月日期范围"
|
|
|
|
- />
|
|
|
|
- </div>
|
|
|
|
- <div>
|
|
|
|
- <el-date-picker
|
|
|
|
- v-model="addDate"
|
|
|
|
- type="daterange"
|
|
|
|
- range-separator="至"
|
|
|
|
- start-placeholder="出口日期范围"
|
|
|
|
- end-placeholder="出口日期范围"
|
|
|
|
- />
|
|
|
|
- </div>
|
|
|
|
<div class="right-btn">
|
|
<div class="right-btn">
|
|
|
|
+ <el-button type="primary" @click="fetchData('reset')">重置</el-button>
|
|
<el-button type="primary" @click="fetchData('search')">查询</el-button>
|
|
<el-button type="primary" @click="fetchData('search')">查询</el-button>
|
|
- <el-button type="primary" @click="addContract">添加合同</el-button>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
+ <div style="text-align: right; margin-top: 10px;">
|
|
|
|
+ <el-button v-if="$store.state.user.showApplyTaxRebateBtn" type="primary" @click="taxRebate(1)">申请出口退税</el-button>
|
|
|
|
+ <el-button v-if="$store.state.user.showTaxRebateBtn" type="primary" @click="taxRebate(2)">出口退税</el-button>
|
|
|
|
+ </div>
|
|
<cy-comm-table
|
|
<cy-comm-table
|
|
ref="commTable"
|
|
ref="commTable"
|
|
v-loading="loading"
|
|
v-loading="loading"
|
|
@@ -64,8 +66,8 @@
|
|
<script>
|
|
<script>
|
|
import { mapGetters } from 'vuex'
|
|
import { mapGetters } from 'vuex'
|
|
import {
|
|
import {
|
|
- getList
|
|
|
|
-} from '@/api/myTrade/salesContract'
|
|
|
|
|
|
+ getList, applyTaxRebate, taxRebate
|
|
|
|
+} from '@/api/myApplication/exportTax'
|
|
import { formatMoney, codeChangeName } from '@/utils'
|
|
import { formatMoney, codeChangeName } from '@/utils'
|
|
|
|
|
|
export default {
|
|
export default {
|
|
@@ -76,15 +78,16 @@ export default {
|
|
return {
|
|
return {
|
|
count: 0,
|
|
count: 0,
|
|
search: {
|
|
search: {
|
|
- customerUserInfo: '',
|
|
|
|
- importerCertNo: '',
|
|
|
|
- agencyCertNo: '',
|
|
|
|
- paymentWay: '',
|
|
|
|
- contractStatus: ''
|
|
|
|
|
|
+ declarationBatch: '',
|
|
|
|
+ customsDeclarationNo: '',
|
|
|
|
+ salesOrderNo: '',
|
|
|
|
+ proformaInvoiceNo: '',
|
|
|
|
+ status: ''
|
|
},
|
|
},
|
|
|
|
+ applyDate: [],
|
|
|
|
+ exportDate: [],
|
|
page: 1,
|
|
page: 1,
|
|
size: 10,
|
|
size: 10,
|
|
- addDate: [],
|
|
|
|
tableData: [],
|
|
tableData: [],
|
|
columns: [
|
|
columns: [
|
|
{
|
|
{
|
|
@@ -93,69 +96,65 @@ export default {
|
|
},
|
|
},
|
|
{
|
|
{
|
|
label: '申报年月',
|
|
label: '申报年月',
|
|
- prop: 'contractNo',
|
|
|
|
|
|
+ prop: 'declarationMonthYear',
|
|
showTooltip: true
|
|
showTooltip: true
|
|
},
|
|
},
|
|
{
|
|
{
|
|
label: '申报批次',
|
|
label: '申报批次',
|
|
showTooltip: true,
|
|
showTooltip: true,
|
|
- prop: 'contractName'
|
|
|
|
|
|
+ prop: 'declarationBatch'
|
|
},
|
|
},
|
|
{
|
|
{
|
|
label: '报关单号',
|
|
label: '报关单号',
|
|
showTooltip: true,
|
|
showTooltip: true,
|
|
- prop: 'importerEnterpriseName'
|
|
|
|
|
|
+ prop: 'customsDeclarationNo'
|
|
},
|
|
},
|
|
{
|
|
{
|
|
label: '销售订单ID',
|
|
label: '销售订单ID',
|
|
showTooltip: true,
|
|
showTooltip: true,
|
|
- prop: 'importerEnterpriseName'
|
|
|
|
|
|
+ prop: 'salesOrderNo'
|
|
},
|
|
},
|
|
{
|
|
{
|
|
- label: '退税额',
|
|
|
|
|
|
+ label: '退税总额',
|
|
showTooltip: true,
|
|
showTooltip: true,
|
|
render: (h, row) => {
|
|
render: (h, row) => {
|
|
- return <div>{ formatMoney(row.contractAmount) }</div>
|
|
|
|
|
|
+ return <div>{ formatMoney(row.taxRefundAmount) }</div>
|
|
}
|
|
}
|
|
},
|
|
},
|
|
{
|
|
{
|
|
label: '出口发票号',
|
|
label: '出口发票号',
|
|
showTooltip: true,
|
|
showTooltip: true,
|
|
- prop: 'contractName'
|
|
|
|
|
|
+ prop: 'proformaInvoiceNo'
|
|
},
|
|
},
|
|
{
|
|
{
|
|
label: '出口数量',
|
|
label: '出口数量',
|
|
showTooltip: true,
|
|
showTooltip: true,
|
|
- prop: 'importerEnterpriseName'
|
|
|
|
|
|
+ prop: 'exportQuantity'
|
|
},
|
|
},
|
|
{
|
|
{
|
|
label: '出口日期',
|
|
label: '出口日期',
|
|
showTooltip: true,
|
|
showTooltip: true,
|
|
- prop: 'importerEnterpriseName'
|
|
|
|
|
|
+ prop: 'exportDate'
|
|
},
|
|
},
|
|
{
|
|
{
|
|
label: '退税状态',
|
|
label: '退税状态',
|
|
- prop: 'paymentWay',
|
|
|
|
|
|
+ prop: 'status',
|
|
showTooltip: true,
|
|
showTooltip: true,
|
|
render: (h, row) => {
|
|
render: (h, row) => {
|
|
- return <div> <el-tooltip class='item' effect='dark' content={codeChangeName(this.constant.payment_way, row.paymentWay, 'dictValue', 'dictLabel')} placement='top'>
|
|
|
|
|
|
+ return <div> <el-tooltip class='item' effect='dark' content={codeChangeName(this.constant.rebate_process_status, row.status, 'dictValue', 'dictLabel')} placement='top'>
|
|
<div class='one-ellipsis'>
|
|
<div class='one-ellipsis'>
|
|
- {codeChangeName(this.constant.payment_way, row.paymentWay, 'dictValue', 'dictLabel')}
|
|
|
|
|
|
+ {codeChangeName(this.constant.rebate_process_status, row.status, 'dictValue', 'dictLabel')}
|
|
</div>
|
|
</div>
|
|
</el-tooltip></div>
|
|
</el-tooltip></div>
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
],
|
|
],
|
|
- loading: false,
|
|
|
|
- platformList: [],
|
|
|
|
- commodityList: [],
|
|
|
|
- uploadDialogVisible: false,
|
|
|
|
- curContractId: ''
|
|
|
|
|
|
+ loading: false
|
|
}
|
|
}
|
|
},
|
|
},
|
|
computed: {
|
|
computed: {
|
|
- ...mapGetters(['constant']),
|
|
|
|
|
|
+ ...mapGetters(['constant', '']),
|
|
tablePower() {
|
|
tablePower() {
|
|
return ({ item, row }) => {
|
|
return ({ item, row }) => {
|
|
const { rowPower } = item
|
|
const { rowPower } = item
|
|
@@ -170,7 +169,7 @@ export default {
|
|
}
|
|
}
|
|
},
|
|
},
|
|
created() {
|
|
created() {
|
|
- this.$store.dispatch('getConstant', ['payment_way', 'sales_contract_status'])
|
|
|
|
|
|
+ this.$store.dispatch('getConstant', ['rebate_process_status'])
|
|
},
|
|
},
|
|
mounted() {
|
|
mounted() {
|
|
this.fetchData()
|
|
this.fetchData()
|
|
@@ -178,14 +177,23 @@ export default {
|
|
methods: {
|
|
methods: {
|
|
fetchData(type) {
|
|
fetchData(type) {
|
|
this.loading = true
|
|
this.loading = true
|
|
- if (type === 'search') {
|
|
|
|
|
|
+ if (type) {
|
|
this.page = 1
|
|
this.page = 1
|
|
this.size = 10
|
|
this.size = 10
|
|
|
|
+ if (type === 'reset') {
|
|
|
|
+ for (const key in this.search) {
|
|
|
|
+ this.search[key] = ''
|
|
|
|
+ }
|
|
|
|
+ this.applyDate = []
|
|
|
|
+ this.exportDate = []
|
|
|
|
+ }
|
|
}
|
|
}
|
|
const params = {
|
|
const params = {
|
|
...this.search,
|
|
...this.search,
|
|
- timeStart: this.addDate.length ? this.addDate[0] : '',
|
|
|
|
- timeEnd: this.addDate.length ? this.addDate[1] : '',
|
|
|
|
|
|
+ declarationMonthYearStart: this.applyDate && this.applyDate.length ? this.applyDate[0] : '',
|
|
|
|
+ declarationMonthYearEnd: this.applyDate && this.applyDate.length ? this.applyDate[1] : '',
|
|
|
|
+ exportDateStart: this.exportDate && this.exportDate.length ? this.exportDate[0] : '',
|
|
|
|
+ exportDateEnd: this.exportDate && this.exportDate.length ? this.exportDate[1] : '',
|
|
page: this.page || 1,
|
|
page: this.page || 1,
|
|
rows: this.size || 10
|
|
rows: this.size || 10
|
|
}
|
|
}
|
|
@@ -195,7 +203,6 @@ export default {
|
|
this.count = Number(data.records)
|
|
this.count = Number(data.records)
|
|
})
|
|
})
|
|
},
|
|
},
|
|
-
|
|
|
|
addContract() {
|
|
addContract() {
|
|
this.$router.push({
|
|
this.$router.push({
|
|
name: 'SalesContractAdd',
|
|
name: 'SalesContractAdd',
|
|
@@ -203,8 +210,14 @@ export default {
|
|
type: 'add'
|
|
type: 'add'
|
|
}
|
|
}
|
|
})
|
|
})
|
|
|
|
+ },
|
|
|
|
+ taxRebate(type) {
|
|
|
|
+ if (type === 1) {
|
|
|
|
+ applyTaxRebate()
|
|
|
|
+ } else {
|
|
|
|
+ taxRebate()
|
|
|
|
+ }
|
|
}
|
|
}
|
|
-
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|