mirror of
https://codeup.aliyun.com/67c68d4e484ca2f0a13ac3c1/ydc/jsowell-charger-web.git
synced 2026-05-03 17:40:13 +08:00
车辆列表
This commit is contained in:
@@ -170,19 +170,20 @@
|
||||
<!-- 车辆列表 -->
|
||||
<el-tab-pane label="车辆列表">
|
||||
<el-table :data="carList" stripe style="width: 100%" v-loading="loading">
|
||||
<el-table-column label="车牌号" align="center" prop="" width="300" />
|
||||
<el-table-column label="VIN码" align="center" prop="" />
|
||||
<el-table-column label="总消费金额" align="center" prop="" />
|
||||
<el-table-column label="更新时间" align="center" prop="" />
|
||||
<el-table-column label="车牌号" align="center" prop="licensePlateNumber" />
|
||||
<el-table-column label="VIN码" align="center" prop="vinCode" />
|
||||
<el-table-column label="总消费金额" align="center" prop="totalConsumptionAmount" />
|
||||
<el-table-column label="更新时间" align="center" prop="lastDate" />
|
||||
<el-table-column label="操作" align="center" width="200">
|
||||
<template slot-scope="scope">
|
||||
<el-button size="mini" type="text">明细</el-button>
|
||||
<el-button size="mini" type="text" @click="details(scope.row)">明细</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--分页-->
|
||||
<pagination v-show="stationTotal > 0" :total="stationTotal" :page.sync="queryStation.pageNum"
|
||||
:limit.sync="queryStation.pageSize" @pagination="getStationList" style="margin-bottom: 20px" />
|
||||
<pagination v-show="consumptionTotal > 0" :total="consumptionTotal" :page.sync="queryCar.pageNum"
|
||||
:limit.sync="queryCar.pageSize" @pagination="getQueryMemberGroupConsumptionList"
|
||||
style="margin-bottom: 20px" />
|
||||
</el-tab-pane>
|
||||
|
||||
</el-tabs>
|
||||
@@ -356,11 +357,21 @@
|
||||
<el-button type="primary" @click="siteConfirmation">确 定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
<!-- 车辆列表明细 -->
|
||||
<el-dialog title="订单明细" :visible.sync="vehicleDetails" :before-close="closeDetails" width="1000px" append-to-body>
|
||||
<el-table :data="closeList" stripe style="width: 100%" v-loading="loading">
|
||||
<el-table-column label="车牌号" align="center" prop="" width="300" />
|
||||
</el-table>
|
||||
<!--分页-->
|
||||
<pagination v-show="closeTotal > 0" :total="closeTotal" :page.sync="queryCar.pageNum"
|
||||
:limit.sync="queryCar.pageSize" @pagination="getQueryMemberGroupConsumptionList"
|
||||
style="margin-bottom: 20px" />
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { addMember, queryMemberList, preferentialTemplates, queryStationList, removeStationFromMemberGroup, removeMemberFromMemberGroup } from "@/api/member/memberGroup";
|
||||
import { addMember, queryMemberList, preferentialTemplates, queryStationList, removeStationFromMemberGroup, removeMemberFromMemberGroup, queryMemberGroupConsumptionList } from "@/api/member/memberGroup";
|
||||
import { listOrder, totalData } from "@/api/order/order";
|
||||
import { getStationListByMerchantId } from "@/api/pile/station";
|
||||
import { queryStationBillingTemplateList, getTemplate, queryStationPreferentialBillingTemplateList, updateBillingTemplate } from "@/api/billing/template.js";
|
||||
@@ -528,11 +539,21 @@ export default {
|
||||
getTitle: '',
|
||||
stationBillingTemplate: null,
|
||||
carList: [], //车辆列表
|
||||
consumptionTotal: 0,
|
||||
queryCar: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
groupCode: this.$route.params.groupCode.split('&')[0],
|
||||
},
|
||||
// 订单创建时间范围
|
||||
createTimeRange: [],
|
||||
// 订单创建结束范围
|
||||
settleTimeRange: [],
|
||||
totalDateList: []
|
||||
totalDateList: [],
|
||||
// 明细列表
|
||||
vehicleDetails: false,
|
||||
closeList: [],
|
||||
closeTotal: 0,
|
||||
};
|
||||
},
|
||||
async mounted() {
|
||||
@@ -541,6 +562,7 @@ export default {
|
||||
this.getStationList();
|
||||
await this.defaultDate();
|
||||
this.handleQuery();
|
||||
this.getQueryMemberGroupConsumptionList()
|
||||
},
|
||||
computed: {},
|
||||
watch: {
|
||||
@@ -838,6 +860,25 @@ export default {
|
||||
`order_${new Date().getTime()}.xlsx`
|
||||
);
|
||||
},
|
||||
// 获取订单总金额数据
|
||||
getQueryMemberGroupConsumptionList() {
|
||||
console.log(this.queryCar, 'this.queryCar');
|
||||
queryMemberGroupConsumptionList(this.queryCar).then((response) => {
|
||||
console.log("queryMemberGroupConsumptionList ", response);
|
||||
this.carList = response.data;
|
||||
this.consumptionTotal = response.total;
|
||||
});
|
||||
},
|
||||
// 打开车辆列表明细
|
||||
details(row) {
|
||||
console.log(row);
|
||||
this.vehicleDetails = true;
|
||||
},
|
||||
// 关闭明细弹框
|
||||
closeDetails() {
|
||||
this.vehicleDetails = false;
|
||||
this.closeList = [];
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user