13 changed files with 433 additions and 90 deletions
@ -0,0 +1,37 @@ |
|||
import axios from '@/libs/api.request' |
|||
|
|||
/** |
|||
* 获取结报列表数据 |
|||
* @returns {wx.RequestTask | never} |
|||
*/ |
|||
export const getindex = (params) => { |
|||
return axios.request({ |
|||
url: 'InvoiceFinalReport/index', |
|||
method: 'get', |
|||
params: params |
|||
}) |
|||
} |
|||
|
|||
/** |
|||
* 结报明细 |
|||
* @returns {wx.RequestTask | never} |
|||
*/ |
|||
export const getview = (params) => { |
|||
return axios.request({ |
|||
url: 'InvoiceFinalReport/view', |
|||
method: 'get', |
|||
params: params |
|||
}) |
|||
} |
|||
|
|||
/** |
|||
* 结报明细 |
|||
* @returns {wx.RequestTask | never} |
|||
*/ |
|||
export const getreport = (params) => { |
|||
return axios.request({ |
|||
url: 'InvoiceFinalReport/report', |
|||
method: 'get', |
|||
params: params |
|||
}) |
|||
} |
|||
@ -0,0 +1,235 @@ |
|||
<template> |
|||
<div> |
|||
<!-- 查询条件 --> |
|||
<!-- <Row> |
|||
<Col span="24"> |
|||
<Card class="margin-bottom-10"> |
|||
<Form inline> |
|||
<FormItem class="margin-bottom-0"> |
|||
<Input v-model="phone" @on-clear="phone_clear" clearable placeholder="输入手机号码查询"></Input> |
|||
</FormItem> |
|||
<FormItem class="margin-bottom-0"> |
|||
<Select v-model="status" clearable style="width:200px" @on-clear="status_clear" placeholder="请选择结报状态"> |
|||
<Option v-for="item in cityList1" :value="item.value" :key="item.value">{{ item.label }}</Option> |
|||
</Select> |
|||
</FormItem> |
|||
<FormItem class="margin-bottom-0"> |
|||
<Button type="primary" @click="search">{{ $t('find_button') }}/{{ $t('refresh_button') }}</Button> |
|||
</FormItem> |
|||
</Form> |
|||
</Card> |
|||
</Col> |
|||
</Row> --> |
|||
|
|||
<Row> |
|||
<Col span="24"> |
|||
<Card> |
|||
<!-- 用户列表 --> |
|||
<div> |
|||
<Table :loading="listLoading" :columns="columnsList" :data="tableData" stripe disabled-hover></Table> |
|||
</div> |
|||
<div class="margin-top-15" style="text-align: center"> |
|||
<Page :total="listCount" :current="page" :page-size="size" @on-change="changePage" @on-page-size-change="changeSize" show-elevator show-sizer show-total></Page> |
|||
</div> |
|||
</Card> |
|||
</Col> |
|||
</Row> |
|||
|
|||
<Modal v-model="modalSetting.show" width="740" :styles="{top: '30px'}" @on-visible-change="doCancel"> |
|||
<p slot="header" style="color:#2d8cf0"> |
|||
<Icon type="md-alert"></Icon> |
|||
<!-- <span>编辑{{formItem.name}}</span> --> |
|||
</p> |
|||
<div style="height: 540px;overflow-y: auto;"> |
|||
<Table :loading="listLoading1" :columns="columnsList1" :data="tableData1" stripe disabled-hover></Table> |
|||
</div> |
|||
<div class="margin-top-15" style="text-align: center"> |
|||
<Page :total="listCount1" :current="page1" :page-size="size1" @on-change="changePage1" @on-page-size-change="changeSize1" :page-size-opts="[10,20,30,40,50,60,70,80,90,100]" show-elevator show-sizer show-total></Page> |
|||
</div> |
|||
<div slot="footer"> |
|||
<Button type="text" @click="cancel" class="margin-right-10">取消</Button> |
|||
<Button type="primary" @click="submit" :loading="modalSetting.loading">结报</Button> |
|||
</div> |
|||
</Modal> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { getindex, getreport, getview } from '@/api/report' |
|||
|
|||
export default { |
|||
name: 'reqlist', |
|||
data () { |
|||
return { |
|||
size: 10, |
|||
page: 1, |
|||
size1: 10, |
|||
page1: 1, |
|||
listCount: 0, |
|||
listCount1: 0, |
|||
tableData: [], |
|||
tableData1: [], |
|||
listLoading: false, |
|||
listLoading1: false, |
|||
phone: '', |
|||
status: '', |
|||
ids: 0, |
|||
frd_ids: 0, |
|||
cityList1: [{ value: '3', label: '已结报' }, { value: '0', label: '未结报' }, { value: 'null', label: '全部' }], |
|||
modalSetting: { |
|||
show: false, |
|||
loading: false, |
|||
index: 0 |
|||
}, |
|||
columnsList: [ |
|||
{ title: '序号', align: 'center', type: 'index', width: 200 }, |
|||
{ title: '日期', align: 'center', key: 'report_date', width: 400 }, |
|||
// { title: '状态', align: 'center', key: 'status', width: 328 }, |
|||
{ title: '状态描述', align: 'center', key: 'status_str', width: 400 }, |
|||
{ title: '结报金额', align: 'center', key: 'amount_sum', width: 400 }, |
|||
{ |
|||
title: '操作', |
|||
key: 'action', |
|||
align: 'center', |
|||
fixed: 'right', |
|||
width: 190, |
|||
render: (h, params) => { |
|||
return h('div', [ |
|||
// editButton(this, h, params.row, params.index) |
|||
h('Button', { |
|||
props: { |
|||
type: 'primary', |
|||
size: 'small' |
|||
}, |
|||
on: { |
|||
'click': () => { |
|||
this.page1 = 1 |
|||
this.size1 = 10 |
|||
this.ids = params.row.id |
|||
this.getview() |
|||
} |
|||
} |
|||
}, '详情') |
|||
]) |
|||
} |
|||
} |
|||
], |
|||
columnsList1: [ |
|||
{ title: '序号', align: 'center', type: 'index', width: 100 }, |
|||
{ title: '申报批次号', align: 'center', key: 'sbpch', width: 400 }, |
|||
{ title: '应代征税额', align: 'center', key: 'ydzse', width: 200 } |
|||
] |
|||
} |
|||
}, |
|||
created () { |
|||
this.getinvoiceList() |
|||
}, |
|||
// mounted () { |
|||
// window.addEventListener('keydown', this.handleKeyDown) |
|||
// }, |
|||
// beforeDestroy () { |
|||
// // 移除事件监听器 |
|||
// window.removeEventListener('keydown', this.handleKeyDown) |
|||
// }, |
|||
methods: { |
|||
// handleKeyDown (event) { |
|||
// if (event.key === 'Enter') { |
|||
// // 当回车键被按下时执行的逻辑 |
|||
// this.search() |
|||
// } |
|||
// }, |
|||
// 获取列表数据 |
|||
getinvoiceList () { |
|||
let data = { |
|||
page: this.page, |
|||
size: this.size, |
|||
expire_time: '' |
|||
} |
|||
this.listLoading = true |
|||
getindex(data).then(response => { |
|||
this.tableData = response.data.data.list |
|||
this.listCount = response.data.data.total |
|||
this.listLoading = false |
|||
}) |
|||
}, |
|||
// 详情列表 |
|||
getview () { |
|||
this.listLoading1 = true |
|||
getview({ id: this.ids, page: this.page1, size: this.size1 }).then(response => { |
|||
this.tableData1 = response.data.data.list |
|||
this.listCount1 = response.data.data.total |
|||
this.frd_ids = response.data.data.list[0].frd_id |
|||
this.listLoading1 = false |
|||
}) |
|||
this.modalSetting.show = true |
|||
}, |
|||
// 结报 |
|||
submit () { |
|||
getreport({ frd_id: this.frd_ids }).then(response => { |
|||
if (response.data.code === 1) { |
|||
this.$Message.success('结报成功') |
|||
} |
|||
}) |
|||
}, |
|||
status_clear () { |
|||
this.status = '' |
|||
}, |
|||
phone_clear () { |
|||
this.phone = '' |
|||
}, |
|||
cancel () { |
|||
this.modalSetting.show = false |
|||
}, |
|||
doCancel (data) { |
|||
this.modalSetting.loading = false |
|||
}, |
|||
search () { |
|||
this.page = 1 |
|||
this.getinvoiceList() |
|||
}, |
|||
// 切换每页页码 |
|||
changePage (page) { |
|||
this.page = page |
|||
this.getinvoiceList() |
|||
}, |
|||
// 切换每页条数 |
|||
changeSize (size) { |
|||
this.size = size |
|||
this.getinvoiceList() |
|||
}, |
|||
// 切换每页页码 |
|||
changePage1 (page) { |
|||
this.page1 = page |
|||
this.getview() |
|||
}, |
|||
// 切换每页条数 |
|||
changeSize1 (size) { |
|||
this.size1 = size |
|||
this.getview() |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
|
|||
/* 自定义整个滚动条 */ |
|||
::-webkit-scrollbar { |
|||
width: 5px; /* 设置滚动条的宽度 */ |
|||
} |
|||
|
|||
/* 自定义滚动条轨道 */ |
|||
::-webkit-scrollbar-track { |
|||
background: #f1f1f1; /* 设置轨道的背景颜色 */ |
|||
} |
|||
|
|||
/* 自定义滚动条的滑块（thumb） */ |
|||
::-webkit-scrollbar-thumb { |
|||
background: #ccc; /* 设置滑块的背景颜色 */ |
|||
} |
|||
|
|||
/* 当滑块悬停或活动时，可以添加更多样式 */ |
|||
::-webkit-scrollbar-thumb:hover { |
|||
background: #999; /* 设置滑块在悬停状态下的背景颜色 */ |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue