APP
/
ox_zhiNengZhuShou
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

add order

account
刘嘉炜 4 years ago
parent
7459a9022d
commit
992815eb3c
3 changed files with 207 additions and 66 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 6
      src/pages.json
  2. 75
      src/subpackage/order/pages/mall/detail/detail.vue
  3. 66
      src/subpackage/order/pages/rent_and_sale/detail/detail.vue

6
src/pages.json
View File

@ -390,6 +390,12 @@
"root": "subpackage/order",
"pages": [
{
"path": "pages/mall/detail/detail",
"style" : {
"navigationBarTitleText": "商城订单详情"
}
},
{
"path": "pages/rent_and_sale/detail/detail",
"style" : {
"navigationBarTitleText": "租售柜订单详情"

75
src/subpackage/order/pages/mall/detail/detail.vue
View File

@ -0,0 +1,75 @@
<template>
<view class="mall-detail">
<view class="md-send">
<view class="ms-status-bar">已退款</view>
<view class="ms-send-info">
<view class="msi-txt">
<view>快递：顺丰速递 SF1090317923085</view>
<view>复制</view>
</view>
<image></image>
</view>
<view class="md-box"></view>
</view>
</view>
</template>
<script>
export default {
}
</script>
<style lang="scss">
@import '~style/public.scss';
.ms-status-bar{
padding: 0 44upx;
line-height: 108upx;
font-size: 36upx;
color: #fff;
background-color: #0a9a79;
}
.ms-send-info{
@include centerFlex(space-between);
padding: 0 44upx;
height: 108upx;
background-color: #fff;
.msi-txt{
@include centerFlex(flex-start);
>view{
&:first-child{
font-size: 28upx;
color: #000;
@include textHide(1);
}
&+view{
flex-shrink: 0;
margin-left: 20upx;
font-size: 28upx;
color: $themeColor;
}
}
}
>image{
margin-left: 20upx;
flex-shrink: 0;
width: 32upx;
height: 32upx;
background-color: skyblue;
}
}
.md-box{
padding: 30upx 20upx;
border-radius: 10upx;
background-color: #fff;
}
.md-tit{
margin-bottom: 30upx;
line-height: 44upx;
font-weight: 500;
font-size: 32upx;
color: #1a1a1a;
}
</style>

66
src/subpackage/order/pages/rent_and_sale/detail/detail.vue
View File

@ -1,6 +1,8 @@
<template>
<view class="rent-and-sale">
<o-header></o-header>
<!-- 出租 -->
<block v-if="false">
<view class="ras-box">
<view class="ras-tit">租用详情</view>
<a-line :value="'欧轩智能租售柜' || '-'">
@ -65,6 +67,45 @@
<p-line :keyname="'退款金额'" :value="'40元'"></p-line>
<p-line :keyname="'退款时间'" :value="'2020-08-23 10:12:25'"></p-line>
</view>
<view class="ras-fixd-bar">
<view>结束计费</view>
</view>
</block>
<!-- 销售 -->
<block>
<view class="ras-box">
<view class="ras-tit">商品详情</view>
<a-line :value="'欧轩智能租售柜' || '-'">
<block slot="name">设备名称：</block>
</a-line>
<a-line :value="'球拍' || '-'">
<block slot="name">租用设备：</block>
</a-line>
<a-line :value="'7号柜' || '-'">
<block slot="name">柜子编号：</block>
</a-line>
<a-line :value="'￥198' || '-'">
<block slot="name">价格：</block>
</a-line>
</view>
<view class="ras-box ras-price-info">
<view class="ras-tit">费用详情</view>
<s-line :keyname="'金额小计'" :value="'¥6'"></s-line>
<s-line :keyname="'积分抵扣'" :value="'¥6'"></s-line>
<s-line :keyname="'折扣金额'" :value="'¥6'"></s-line>
<s-line :keyname="'优惠券优惠'" :value="'¥6'"></s-line>
<view class="rpi-total"><text>合计支付：</text>￥5</view>
</view>
<view class="ras-box">
<view class="ras-tit">支付详情</view>
<p-line :keyname="'订单编号'" :value="'sc20 0822 0815 1234'" isbtn></p-line>
<p-line :keyname="'支付方式'" :value="'会员卡支付'"></p-line>
<p-line :keyname="'支付时间'" :value="'2020-08-22 10:12:25'"></p-line>
<p-line :keyname="'交易流水号'" :value="'20200918125536456408765'"></p-line>
<p-line :keyname="'退款单号'" :value="'sc20 0822 0815 6894'"></p-line>
<p-line :keyname="'退款时间'" :value="'2020-08-23 10:12:25'"></p-line>
</view>
</block>
</view>
</template>
@ -86,9 +127,9 @@ export default {
<style lang='scss'>
@import '~style/public.scss';
.rent-and-sale{
padding-bottom: 0upx;
padding-bottom: calc( 0upx + constant(safe-area-inset-bottom)); /* 兼容 iOS < 11.2 */
padding-bottom: calc( 0upx + env(safe-area-inset-bottom)); /* 兼容 iOS >= 11.2 */
padding-bottom: 142upx;
padding-bottom: calc( 142upx + constant(safe-area-inset-bottom)); /* 兼容 iOS < 11.2 */
padding-bottom: calc( 142upx + env(safe-area-inset-bottom)); /* 兼容 iOS >= 11.2 */
}
.ras-box{
margin-bottom: 24upx;
@ -140,4 +181,23 @@ export default {
}
}
.ras-fixd-bar{
position: fixed;
left: 0;
bottom: 0;
width: 100%;
padding: 10upx 24upx;
padding-bottom: calc( 10upx + constant(safe-area-inset-bottom)); /* 兼容 iOS < 11.2 */
padding-bottom: calc( 10upx + env(safe-area-inset-bottom)); /* 兼容 iOS >= 11.2 */
background-color: #f2f2f7;
>view{
line-height: 112upx;
text-align: center;
font-size: 32upx;
border-radius: 10upx;
background-color: $themeColor;
color: #fff;
}
}
</style>
Write Preview
Loading…
Cancel
Save