修改充电订单页面样式

This commit is contained in:
admin-lmm
2023-07-15 14:47:33 +08:00
parent b6499ed217
commit 6c8bbb155c

View File

@@ -217,53 +217,30 @@
</div>
<div style="padding: 10px">
<el-descriptions
class="title"
:title="`${item.nickName || '---'}${
item.mobileNumber || '---'
}`"
:column="4"
:column="6"
@click.native="goMemberDetail(item)"
>
<el-descriptions-item label="交易流水号">{{
item.transactionCode || "一"
}}
</el-descriptions-item>
<el-descriptions-item label="站点">{{
<div @click="">名称</div>
<!-- @click.native="goStationDetail(item)" {{
item.stationName || ""
}} -->
<el-descriptions-item label="站点名称" >
<div style="color:#337ab7" @click="goStationDetail(item)">{{item.stationName || ""}}</div>
</el-descriptions-item>
<el-descriptions-item label="实时充电度数">{{
item.realTimeChargingDegree || "一"
}}
</el-descriptions-item>
<el-descriptions-item label="充电桩枪口号">{{
item.pileConnectorCode || "一"
}}
</el-descriptions-item>
<el-descriptions-item label="卡号">{{
item.logicCard || "一"
}}
</el-descriptions-item>
<el-descriptions-item label="微信商户订单号">{{
item.outTradeNo || "一"
}}
</el-descriptions-item>
<el-descriptions-item label="启动方式">{{
startMode(item.startMode)
}}
</el-descriptions-item>
<el-descriptions-item label="支付方式">{{
payMode(item.payMode)
}}
</el-descriptions-item>
<el-descriptions-item label="支付金额">{{
item.payAmount || "一"
}}
</el-descriptions-item>
<el-descriptions-item label="支付状态">{{
payStatus(item.payStatus)
}}
</el-descriptions-item>
<el-descriptions-item label="充电度数">{{
item.chargingDegree || "一"
<el-descriptions-item label="实时消费金额">{{
item.realTimeAmount || "一"
}}
</el-descriptions-item>
<el-descriptions-item label="起始SOC">{{
item.startSoc || "一"
item.startSoc|| '一'
}}
</el-descriptions-item>
<el-descriptions-item label="终止SOC">{{
@@ -274,18 +251,6 @@
item.chargeEndTime || "一"
}}
</el-descriptions-item>
<el-descriptions-item label="总消费金额">{{
item.orderAmount || "一"
}}
</el-descriptions-item>
<el-descriptions-item label="虚拟金额">{{
item.virtualAmount || "一"
}}
</el-descriptions-item>
<el-descriptions-item label="结算金额">{{
item.settleAmount || "一"
}}
</el-descriptions-item>
</el-descriptions>
<div
style="
@@ -396,6 +361,25 @@ export default {
this.dataLoading();
},
methods: {
goMemberDetail(item){
this.$router.push({
name: 'memberDetail',
params: {
memberId: item.memberId,
}
});
},
goStationDetail(scope) {
// console.log(scope,'跳转站点名称')
// console.log("跳转到充电站详情", scope.row.stationName);
this.$router.push({
name: 'stationDetail',
params: {
id: scope.stationId,
stationName: scope.stationName,
}
});
},
setLoading() {
this.skeletonLoading = true;
setTimeout(() => (this.skeletonLoading = false), 2000);
@@ -705,8 +689,8 @@ export default {
::v-deep .el-descriptions__header {
margin-bottom: 10px;
color:#337ab7
}
.cardview-box {
width: 100%;
margin-bottom: 12px;