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

修改充电订单页面样式

Browse Source
This commit is contained in:
admin-lmm
2023-07-15 14:47:33 +08:00
parent b6499ed217
commit 6c8bbb155c
1 changed files with 34 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
jsowell-ui/src/views/order/order/index.vue
View File

@@ -217,53 +217,30 @@
</div> </div>
<div style="padding: 10px"> <div style="padding: 10px">
<el-descriptions <el-descriptions
class="title"
:title="`${item.nickName || '---'}（${ :title="`${item.nickName || '---'}（${
item.mobileNumber || '---' item.mobileNumber || '---'
}）`" }）`"
:column="4" :column="6"
@click.native="goMemberDetail(item)"
> >
<el-descriptions-item label="交易流水号">{{ <div @click="">名称</div>
item.transactionCode || "一" <!-- @click.native="goStationDetail(item)" {{
}}
</el-descriptions-item>
<el-descriptions-item label="站点">{{
item.stationName || "一" 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>
<el-descriptions-item label="充电桩枪口号">{{ <el-descriptions-item label="实时消费金额">{{
item.pileConnectorCode || "一" item.realTimeAmount || "一"
}}
</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> </el-descriptions-item>
<el-descriptions-item label="起始SOC">{{ <el-descriptions-item label="起始SOC">{{
item.startSoc || "一" item.startSoc|| '一'
}} }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="终止SOC">{{ <el-descriptions-item label="终止SOC">{{
@@ -274,18 +251,6 @@
item.chargeEndTime || "一" item.chargeEndTime || "一"
}} }}
</el-descriptions-item> </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> </el-descriptions>
<div <div
style=" style="
@@ -396,6 +361,25 @@ export default {
this.dataLoading(); this.dataLoading();
}, },
methods: { 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() { setLoading() {
this.skeletonLoading = true; this.skeletonLoading = true;
setTimeout(() => (this.skeletonLoading = false), 2000); setTimeout(() => (this.skeletonLoading = false), 2000);
@@ -705,8 +689,8 @@ export default {
::v-deep .el-descriptions__header { ::v-deep .el-descriptions__header {
margin-bottom: 10px; margin-bottom: 10px;
color:#337ab7
} }
.cardview-box { .cardview-box {
width: 100%; width: 100%;
margin-bottom: 12px; margin-bottom: 12px;