|
|
|
|
@ -28,16 +28,17 @@
|
|
|
|
|
<Input v-model="select.money_min" style="width: 90px;" clearable placeholder="开始金额" />
|
|
|
|
|
<span>~</span>
|
|
|
|
|
<Input v-model="select.money_max" style="width: 90px;margin-right: 10px;" clearable placeholder="结束金额" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="select-content-item">
|
|
|
|
|
<!-- <div class="select-content-item-label">日期</div> -->
|
|
|
|
|
<div>
|
|
|
|
|
<el-date-picker style="width: 260px;margin-right: 10px;height:32px;line-height:32px" @change="changeCreatedDate" v-model="createdDate" type="daterange"
|
|
|
|
|
:picker-options="pickerOptions" value-format="yyyy-MM-dd" range-separator="至"
|
|
|
|
|
start-placeholder="开始日期" end-placeholder="结束日期" align="right">
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="select-content-item">
|
|
|
|
|
<!-- <div class="select-content-item-label">日期</div> -->
|
|
|
|
|
<div>
|
|
|
|
|
<el-date-picker style="width: 260px;margin-right: 10px;height:32px;line-height:32px"
|
|
|
|
|
@change="changeCreatedDate" v-model="createdDate" type="daterange" :picker-options="pickerOptions"
|
|
|
|
|
value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"
|
|
|
|
|
align="right">
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<Button icon="ios-search" type="primary" style="margin-right: 10px;" @click="getFlow">搜索</Button>
|
|
|
|
|
<Button icon="ios-repeat" type="primary" style="margin-right: 10px;"
|
|
|
|
|
@ -52,11 +53,17 @@
|
|
|
|
|
<xy-table :total="total" @pageSizeChange="e => select.pageSize = e" @pageIndexChange="pageChange" :list="list"
|
|
|
|
|
:table-item="table">
|
|
|
|
|
<template v-slot:btns>
|
|
|
|
|
<div></div>
|
|
|
|
|
<el-table-column fixed="right" label="操作" width="100" header-align="center">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<Button type="primary" size="small" ghost style="margin-left: 10px;"
|
|
|
|
|
@click="changeRemark(scope.row.id)">修改备注</Button>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</template>
|
|
|
|
|
</xy-table>
|
|
|
|
|
|
|
|
|
|
<rechargeFine ref="rechargeFine" :merchants="merchants" @refresh="getFlow"></rechargeFine>
|
|
|
|
|
<rechargeFine ref="rechargeFine" :merchants="merchants" @refresh="getFlow"></rechargeFine>
|
|
|
|
|
<editRemark ref="editRemark" @refresh="getFlow"></editRemark>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
@ -72,11 +79,13 @@
|
|
|
|
|
download
|
|
|
|
|
} from '@/utils/downloadRequest'
|
|
|
|
|
|
|
|
|
|
import rechargeFine from '@/views/finance/component/rechargeFine'
|
|
|
|
|
import rechargeFine from '@/views/finance/component/rechargeFine'
|
|
|
|
|
import editRemark from '@/views/finance/component/editRemark'
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
components: {
|
|
|
|
|
rechargeFine
|
|
|
|
|
rechargeFine,
|
|
|
|
|
editRemark
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
@ -87,13 +96,13 @@
|
|
|
|
|
type: '',
|
|
|
|
|
serial: '',
|
|
|
|
|
money_min: '',
|
|
|
|
|
money_max: '',
|
|
|
|
|
start_date:"",
|
|
|
|
|
end_date:""
|
|
|
|
|
money_max: '',
|
|
|
|
|
start_date: "",
|
|
|
|
|
end_date: ""
|
|
|
|
|
},
|
|
|
|
|
createdDate:['',''],
|
|
|
|
|
createdDate: ['', ''],
|
|
|
|
|
merchants: [],
|
|
|
|
|
pickerOptions: {
|
|
|
|
|
pickerOptions: {
|
|
|
|
|
shortcuts: [{
|
|
|
|
|
text: '最近一周',
|
|
|
|
|
onClick(picker) {
|
|
|
|
|
@ -185,20 +194,24 @@ pickerOptions: {
|
|
|
|
|
merchant_id: this.select.merchantId,
|
|
|
|
|
type: this.select.type,
|
|
|
|
|
serial: this.select.serial,
|
|
|
|
|
is_export: 1,
|
|
|
|
|
start_date:this.select.start_date,
|
|
|
|
|
end_date:this.select.end_date
|
|
|
|
|
is_export: 1,
|
|
|
|
|
start_date: this.select.start_date,
|
|
|
|
|
end_date: this.select.end_date
|
|
|
|
|
},
|
|
|
|
|
'财务流水.xlsx')
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
changeRemark(id){
|
|
|
|
|
console.log(id)
|
|
|
|
|
this.$refs['editRemark'].isShow = true
|
|
|
|
|
this.$refs['editRemark'].id = id
|
|
|
|
|
},
|
|
|
|
|
pageChange(e) {
|
|
|
|
|
this.select.pageIndex = e
|
|
|
|
|
this.getFlow()
|
|
|
|
|
},
|
|
|
|
|
changeCreatedDate(e) {
|
|
|
|
|
this.select.start_date = e[0];
|
|
|
|
|
this.select.end_date = e[1];
|
|
|
|
|
},
|
|
|
|
|
changeCreatedDate(e) {
|
|
|
|
|
this.select.start_date = e[0];
|
|
|
|
|
this.select.end_date = e[1];
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
async getMerchant() {
|
|
|
|
|
@ -225,27 +238,29 @@ pickerOptions: {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
<style scoped>
|
|
|
|
|
/deep/ .el-date-editor .el-range__icon{
|
|
|
|
|
line-height: 25px;
|
|
|
|
|
}
|
|
|
|
|
/deep/ .el-date-editor .el-range-separator{
|
|
|
|
|
line-height: 25px;
|
|
|
|
|
}
|
|
|
|
|
/deep/ .el-date-editor .el-range__close-icon{
|
|
|
|
|
line-height: 25px;
|
|
|
|
|
}
|
|
|
|
|
<style scoped>
|
|
|
|
|
/deep/ .el-date-editor .el-range__icon {
|
|
|
|
|
line-height: 25px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/deep/ .el-date-editor .el-range-separator {
|
|
|
|
|
line-height: 25px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/deep/ .el-date-editor .el-range__close-icon {
|
|
|
|
|
line-height: 25px;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<style scoped lang="scss">
|
|
|
|
|
@media screen and (max-width: 1190px) {
|
|
|
|
|
.select {
|
|
|
|
|
margin-bottom: 6px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// .select-content-item{
|
|
|
|
|
// v::deep .el-date-editor .el-range__icon{
|
|
|
|
|
// line-height: 25px;
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// .select-content-item{
|
|
|
|
|
// v::deep .el-date-editor .el-range__icon{
|
|
|
|
|
// line-height: 25px;
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
</style>
|
|
|
|
|
|