autumn/jsowell-charger-web
1
0
Fork 0
mirror of https://codeup.aliyun.com/67c68d4e484ca2f0a13ac3c1/ydc/jsowell-charger-web.git synced 2026-07-14 02:58:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

修改

Browse Source
This commit is contained in:
admin-lmm
2023-07-07 14:39:16 +08:00
parent d95a9f10be
commit ec2d6ff7cd
4 changed files with 200 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

159
jsowell-ui/src/views/financial/components/virtualFinance.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="app-container">
<el-row :gutter="10">
<el-col :span="12">
<el-col :span="24">
<div class="public">
<div class="bgc headTitle">虚拟充值用户充电收入</div>
<div class="headBox">
@@ -15,7 +15,8 @@
</div>
</div>
</el-col>
<el-col :span="12">
<!-- 右侧充电收入汇总 -->
<!-- <el-col :span="12">
<div class="public">
<div class="bgc1 headTitle">充电收入汇总</div>
<div class="headBox">
@@ -27,68 +28,121 @@
</div>
</div>
</div>
</el-col>
</el-col> -->
</el-row>
<div></div>
<div class="search">
<el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-row :gutter="20">
<el-col :span="6">
<el-form-item label="流水单号">
<el-input v-model="formInline.user" placeholder="请输入流水单号"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="充电单号">
<el-input v-model="formInline.user" placeholder="请输入充电单号"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="充电用户">
<el-input v-model="formInline.user" placeholder="请输入充电用户"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item>
<el-button type="primary" @click="onSubmit">查询</el-button>
</el-form-item>
</el-col>
</el-row>
<div v-if="buttonBoolean">
<el-form-item label="流水时间">
<el-input v-model="formInline.user" placeholder="请输入流水单号"></el-input>
</el-form-item>
</div>
<el-form :inline="true" :model="queryParams" class="demo-form-inline">
<el-form-item label="日期" prop="tradeDate">
<el-date-picker
v-model="createTimeRange"
style="width: 240px"
value-format="yyyy-MM-dd"
:default-time="['00:00:00', '23:59:59']"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
:clearable="false"
></el-date-picker>
</el-form-item>
<el-button type="primary" @click="onSubmit">查询</el-button>
<!-- <div v-if="buttonBoolean">
</div> -->
</el-form>
<div class="search-arrow"
@click="showOrHide()"
>
<span>{{ showOrHideText }}</span>
<i :class="icon"></i></div>
</div>
<!-- <div class="search-arrow" @click="showOrHide()">
<span>{{ showOrHideText }}</span>
<i :class="icon"></i>
</div> -->
</div>
<div>
<el-table
:data="merchantList"
stripe
border
style="width: 100%">
<el-table-column
prop="orderCode"
label="订单号"
align="center"
/>
<el-table-column
prop="transactionCode"
label="交易流水号"
align="center"
width="300"
/>
<el-table-column
prop="stationName"
label="站点名称"
align="center"
width="130"
/>
<el-table-column
prop="orderAmount"
label="订单金额"
align="center"
/>
<el-table-column
prop="orderSettleTime"
label="订单结算时间"
align="center"
/>
</el-table>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getOrderList"
/>
</div>
</div>
</div>
</template>
<script>
import {getMerchantOrderList} from "@/api/order/order";
import { getDay } from "@/utils/common";
export default {
data() {
return {
createTimeRange:[],
merchantList:[],
showOrHideText: "显示更多查询条件",
buttonBoolean: false,
//图标，可根据自己的需求匹配
icon: "el-icon-caret-bottom",
formInline: {
user: '',
region: ''
}
total: 0,
queryParams: {
pageNum: 1,
pageSize: 10,
merchantId: this.$route.query.merchantId,
startTime: '',
endTime: '',
orderCode: null,
transactionCode: null,
mobileNumber: null,
orderStatus: null,
stationId: null,
},
}
},
methods: {
defaultDate() {
let beg = getDay(-30); //当月第一天
let end = getDay(0); //当天
this.createTimeRange = [beg, end]; //将值设置给插件绑定的数据
this.queryParams.startTime = beg
this.queryParams.endTime = end
},
// 搜索0
onSubmit() {
console.log('submit!');
let arr = this.createTimeRange[0]
let str = this.createTimeRange[1]
this.queryParams.startTime = arr
this.queryParams.endTime = str
this.queryParams.pageNum = 1;
this.getOrderList();
},
showOrHide() {
if (this.buttonBoolean) {
@@ -101,6 +155,17 @@ export default {
this.buttonBoolean = !this.buttonBoolean;
}
},
getOrderList() {
getMerchantOrderList(this.queryParams).then((response) => {
this.merchantList = response.rows;
console.log('虚拟财务',this.merchantList)
this.total = response.total;
})
},
},
async created () {
await this.defaultDate()
this.getOrderList()
}
}
</script>
@@ -182,4 +247,4 @@ export default {
// margin-left: 40%;
// margin-top: 0px;
// margin-bottom: 15px;
</style>
</style>