Browse Source

add insurance info

privacy
刘嘉炜 1 year ago
parent
commit
6bf4ebe7f4
  1. 2
      src/components/reservation_order/reservation_order.vue
  2. 43
      src/subpackage/device/components/order/reservation_people_detail/reservation_people_detail.vue
  3. BIN
      src/subpackage/device/static/images/accident_gry.png
  4. BIN
      src/subpackage/device/static/images/insurance_grey.png

2
src/components/reservation_order/reservation_order.vue

@ -39,7 +39,7 @@
<view class="rs-line">
<view class="rl-view">数量</view>
<view class="rl-view">
<view class="rv-view">{{ orderInfo.number || '-'}}</view>
<view class="rv-view">{{ orderInfo.ticket_number || '-'}}剩余{{ orderInfo.available_num || 0 }}</view>
</view>
</view>
<view class="rs-line">

43
src/subpackage/device/components/order/reservation_people_detail/reservation_people_detail.vue

@ -90,6 +90,19 @@
<view class="rb-line">
<view>类型{{ zh_spec_names || '-'}}</view>
</view>
<view class="rb-insurance" v-if="orderInfo.enable_insurance">
<view class="ri-line">运动意外保障服务包 x{{ orderInfo.ticket_number }}3/ </view>
<view class="ri-tip">
<veiw class="rt-line">
<image class="rl-img" mode="aspectFit" src="/subpackage/device/static/images/insurance_grey.png"></image>
<text>意外受伤服务</text>
</veiw>
<veiw class="rt-line">
<image class="rl-img" mode="aspectFit" src="/subpackage/device/static/images/accident_gry.png"></image>
<text>意外受伤服务</text>
</veiw>
</view>
</view>
<view class="rb-section">
<view class="rs-line">
<view>金额小计</view>
@ -721,9 +734,37 @@ export default {
}
}
.rb-insurance{
margin-top: 40upx;
padding-top: 30upx;
border-top: 1px solid #D8D8D8;
.ri-line{
font-size: 28upx;
font-weight: 600;
color: #333;
@include textHide(1);
}
.ri-tip{
padding-top: 20upx;
@include centerFlex(flex-start);
.rt-line{
width: 50%;
flex-grow: 1;
color: #9a9a9d;
font-size: 24upx;
@include centerFlex(flex-start);
.rl-img{
flex-shrink: 0;
width: 40upx;
height: 40upx;
margin-right: 10upx;
}
}
}
}
.rb-section{
margin: 30rpx 0rpx 24rpx;
border-top: 2rpx solid #D8D8D8;
border-top: 1px solid #D8D8D8;
.rs-line{
margin-top: 26rpx;
@include centerFlex(space-between);

BIN
src/subpackage/device/static/images/accident_gry.png

After

Width: 42  |  Height: 40  |  Size: 533 B

BIN
src/subpackage/device/static/images/insurance_grey.png

After

Width: 42  |  Height: 40  |  Size: 624 B

Loading…
Cancel
Save