mirror of
https://codeup.aliyun.com/67c68d4e484ca2f0a13ac3c1/ydc/jsowell-charger-web.git
synced 2026-05-06 02:50:13 +08:00
新增 后管财务中心运营商订单列表页
This commit is contained in:
Lemon
182
jsowell-ui/src/views/financial/components/cleanFinancial.vue
Normal file
182
jsowell-ui/src/views/financial/components/cleanFinancial.vue
Normal file
@@ -0,0 +1,182 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="app-container">
|
||||
<h2>营收总报</h2>
|
||||
<!-- <el-card shadow="hover" style="margin-bottom:10px;padding:10px">-->
|
||||
<!-- <el-descriptions>-->
|
||||
<!-- <el-descriptions-item label="用电度数">{{ merchantOrderReport.useElectricity }}度</el-descriptions-item>-->
|
||||
<!-- <el-descriptions-item label="充电次数">{{ merchantOrderReport.chargeNum }}次</el-descriptions-item>-->
|
||||
<!-- <el-descriptions-item label="充电时长">{{ merchantOrderReport.chargeTime }}分钟</el-descriptions-item>-->
|
||||
<!-- <el-descriptions-item label="电费金额">{{-->
|
||||
<!-- merchantOrderReport.electricityAmount-->
|
||||
<!-- }}元-->
|
||||
<!-- </el-descriptions-item>-->
|
||||
<!-- <el-descriptions-item label="服务费金额">{{ merchantOrderReport.serviceAmount }}元</el-descriptions-item>-->
|
||||
<!-- <el-descriptions-item label="收入金额">{{ merchantOrderReport.totalAmount }}元</el-descriptions-item>-->
|
||||
<!-- <el-descriptions-item label="交易金额">{{ merchantOrderReport.tradeAmount }}元</el-descriptions-item>-->
|
||||
<!-- <el-descriptions-item label="交易手续费">{{ merchantOrderReport.tradeFee }}元</el-descriptions-item>-->
|
||||
<!-- <el-descriptions-item label="虚拟金额">{{ merchantOrderReport.virtualAmount }}元</el-descriptions-item>-->
|
||||
<!-- </el-descriptions>-->
|
||||
<!-- </el-card>-->
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<el-table
|
||||
:data="merchantOrderList"
|
||||
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="orderStatus"
|
||||
label="订单状态"
|
||||
align="center"
|
||||
width="130"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<dict-tag
|
||||
:options="dict.type.order_status"
|
||||
:value="scope.row.status"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="stationName"
|
||||
label="站点名称"
|
||||
align="center"
|
||||
width="130"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="orderSource"
|
||||
label="订单来源"
|
||||
align="center"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="orderAmount"
|
||||
label="订单金额"
|
||||
align="center"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="orderSettleTime"
|
||||
label="订单结算时间"
|
||||
align="center"
|
||||
/>
|
||||
<!-- <el-table-column-->
|
||||
<!-- prop="address"-->
|
||||
<!-- label="操作"-->
|
||||
<!-- align="center">-->
|
||||
<!-- <template slot-scope="scope">-->
|
||||
<!-- <!– :to="'/merchant/detail/index/' + scope.row.id" –>-->
|
||||
<!-- <router-link-->
|
||||
<!-- to="/financial/merchant/merchantVirtual"-->
|
||||
<!-- class="link-type"-->
|
||||
<!-- >-->
|
||||
<!-- <span>虚拟财务</span>-->
|
||||
<!-- </router-link>-->
|
||||
<!-- <router-link-->
|
||||
<!-- to="/financial/merchant/cleanFinancical"-->
|
||||
<!-- class="link-type"-->
|
||||
<!-- >-->
|
||||
<!-- <span style="margin-left:10px;color: darkblue;">清分财务</span>-->
|
||||
<!-- </router-link>-->
|
||||
<!-- </template>-->
|
||||
<!-- </el-table-column>-->
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total > 0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getMerchantOrderList"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
|
||||
<script>
|
||||
import {getMerchantOrderReport} from "@/api/adapayMember/adapayMember";
|
||||
import Template from "@/views/billing/template";
|
||||
import {getMerchantOrderList} from "@/api/order/order";
|
||||
|
||||
export default {
|
||||
dicts: ["order_status"],
|
||||
components: {Template},
|
||||
data() {
|
||||
return {
|
||||
buttonBoolean: false,
|
||||
createTimeRange: [],
|
||||
reportList: [],
|
||||
merchantOrderReport: {},
|
||||
merchantOrderList: [],
|
||||
total: 0,
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
merchantId: '',
|
||||
startTime: '',
|
||||
endTime: '',
|
||||
orderCode: null,
|
||||
transactionCode: null,
|
||||
mobileNumber: null,
|
||||
orderStatus: null,
|
||||
stationId: null,
|
||||
},
|
||||
};
|
||||
},
|
||||
async created() {
|
||||
console.log("this.$route", this.$route);
|
||||
this.merchantId = this.$route.query.merchantId;
|
||||
console.log("merchantId", this.merchantId)
|
||||
this.getList();
|
||||
this.getMerchantOrderList();
|
||||
},
|
||||
methods: {
|
||||
getList() {
|
||||
console.log('queryParams', this.queryParams)
|
||||
getMerchantOrderReport(this.queryParams).then(
|
||||
(response) => {
|
||||
// console.log("查询报表", reportList, merchantOrderReport);
|
||||
console.log('getMerchantOrderReport', response)
|
||||
if (response.data) {
|
||||
this.reportList = response.data.pageResponse.list;
|
||||
this.merchantOrderReport = response.data.merchantOrderReport;
|
||||
this.total = response.data.pageResponse.total
|
||||
} else {
|
||||
this.reportList = []
|
||||
this.merchantOrderReport = null
|
||||
}
|
||||
}
|
||||
);
|
||||
},
|
||||
|
||||
getMerchantOrderList() {
|
||||
const param = {
|
||||
merchantId: this.merchantId,
|
||||
startTime: "2023-01-01"
|
||||
}
|
||||
console.log("param", param)
|
||||
getMerchantOrderList(param).then((response) => {
|
||||
console.log("getMerchantOrderList", response)
|
||||
this.merchantOrderList = response.rows;
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
@@ -1,13 +0,0 @@
|
||||
<template>
|
||||
<div class="app-container">清分财务</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
@@ -159,7 +159,7 @@
|
||||
<span>虚拟财务</span>
|
||||
</router-link>
|
||||
<router-link
|
||||
to="/financial/merchant/cleanFinancical"
|
||||
:to="{path:'/financial/merchant/cleanFinancial', query: {merchantId: scope.row.id}} "
|
||||
class="link-type"
|
||||
>
|
||||
<span style="margin-left:10px;color: darkblue;">清分财务</span>
|
||||
|
||||
Reference in New Issue
Block a user