122 lines
4.0 KiB
Vue
122 lines
4.0 KiB
Vue
<template>
|
|
<view class="container">
|
|
<div class="line"></div>
|
|
<div class="orderItem">
|
|
<div class="orderItem1">
|
|
<div class="orderItem_left">
|
|
<span>￥</span>4704.00
|
|
<image v-if="false" id="state1" src="http://192.168.0.172:5500/7.15/myOrder_BillState1.png"></image>
|
|
<image id="state2" src="http://192.168.0.172:5500/7.15/myOrder_BillState2.png"></image>
|
|
</div>
|
|
<div class="orderItem_right" @click="changeDialog">
|
|
<image src="http://192.168.0.172:5500/7.15/myOrder_Explanation.png"></image>
|
|
运费说明
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="row_label">运费单号</div>
|
|
<div class="row_con">155323454224524454</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="row_label">下单时间</div>
|
|
<div class="row_con">2021-04-16 11:11:11</div>
|
|
</div>
|
|
</div>
|
|
<div class="line"></div>
|
|
<div class="orderItem">
|
|
<div class="orderItemTit2">关联订单号</div>
|
|
<div class="row">
|
|
<div class="row_label">订单1</div>
|
|
<div class="row_con">
|
|
142047425444415
|
|
<u-icon name="arrow-right"></u-icon>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="row_label">订单2</div>
|
|
<div class="row_con">
|
|
142047425444415
|
|
<u-icon name="arrow-right"></u-icon>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="line"></div>
|
|
<div class="orderItem">
|
|
<div class="orderItemTit2">关联订单号</div>
|
|
<div class="row">
|
|
<div class="row_label">门店名称</div>
|
|
<div class="row_con">
|
|
马路边边马路边边马路边边马路边边马
|
|
路边边马路边边马路边边马路边边
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="dialog" v-if="dialog">
|
|
<div class="dialogCon">
|
|
<div class="dialogCon_tit">运费退款详情</div>
|
|
<div class="dialogCon_row">
|
|
<div class="dialogCon_row_label">退款金额</div>
|
|
<div class="dialogCon_row_con orange">￥40.00</div>
|
|
</div>
|
|
<div class="dialogCon_row">
|
|
<div class="dialogCon_row_label">退款状态</div>
|
|
<div class="dialogCon_row_con">已完成</div>
|
|
</div>
|
|
<div class="dialogCon_row">
|
|
<div class="dialogCon_row_label">退款方式</div>
|
|
<div class="dialogCon_row_con">微信退款</div>
|
|
</div>
|
|
<div class="dialogCon_row">
|
|
<div class="dialogCon_row_label">退款时间</div>
|
|
<div class="dialogCon_row_con">2021-02-04 18:55:55</div>
|
|
</div>
|
|
<div class="btn" @click="changeDialog">我知道了</div>
|
|
</div>
|
|
</div>
|
|
|
|
</view>
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
import {
|
|
apiArr
|
|
} from '../../../api/doorToDoor';
|
|
import {
|
|
picUrl,
|
|
menuButtonInfo,
|
|
request,
|
|
NavgateTo
|
|
} from '../../../utils';
|
|
export default {
|
|
data() {
|
|
return {
|
|
top: "",
|
|
localHeight: "",
|
|
type: "error",
|
|
dialog:false,
|
|
}
|
|
},
|
|
methods: {
|
|
changeDialog(){
|
|
this.dialog = !this.dialog
|
|
},
|
|
},
|
|
onLoad(options) {
|
|
const meun = menuButtonInfo();
|
|
this.top = meun.top;
|
|
this.localHeight = meun.height;
|
|
},
|
|
onReachBottom() {
|
|
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
@import url("./index.css");
|
|
</style> |