|
@@ -5,7 +5,12 @@
|
|
|
<view class="information-view title">
|
|
|
<view class="view-num">
|
|
|
<view class="bage-text">
|
|
|
- 订单编号:<label class="label">{{ orderData.shopOrderNo ? orderData.shopOrderNo : '' }}</label>
|
|
|
+ 订单编号:
|
|
|
+ <label class="label">
|
|
|
+ {{ orderData.shopOrderNo ? orderData.shopOrderNo : '' }}
|
|
|
+ ({{ orderData.shopOrderId }})
|
|
|
+ </label>
|
|
|
+ <text class="clipboard" @click="clipboard(orderData.shopOrderId)">复制ID</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -71,14 +76,17 @@ export default {
|
|
|
initData(data) {
|
|
|
this.orderData = data
|
|
|
},
|
|
|
- clipboard(data) {
|
|
|
+ clipboard(shopOrderId) {
|
|
|
+ const data = shopOrderId + ''
|
|
|
thorui.getClipboardData(data, res => {
|
|
|
if (res) {
|
|
|
+ uni.hideToast()
|
|
|
this.$util.msg('复制成功', 2000, true, 'success')
|
|
|
} else {
|
|
|
+ uni.hideToast()
|
|
|
this.$util.msg('复制失败', 2000, true, 'none')
|
|
|
}
|
|
|
- })
|
|
|
+ })
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -100,17 +108,12 @@ export default {
|
|
|
font-size: $font-size-24;
|
|
|
margin: 4rpx 0;
|
|
|
// display: flex;
|
|
|
- width: 55%;
|
|
|
+ width: 100%;
|
|
|
display: inline-block;
|
|
|
&.same {
|
|
|
width: 45%;
|
|
|
text-align: right;
|
|
|
}
|
|
|
- // &.title{
|
|
|
- // height: 68rpx;
|
|
|
- // line-height: 68rpx;
|
|
|
- // margin-bottom: 5rpx;
|
|
|
- // }
|
|
|
view {
|
|
|
// flex: 1;
|
|
|
color: $text-color;
|
|
@@ -187,16 +190,18 @@ export default {
|
|
|
flex: 4;
|
|
|
}
|
|
|
.clipboard {
|
|
|
- width: 84rpx;
|
|
|
- height: 36rpx;
|
|
|
- background: linear-gradient(34deg, rgba(255, 41, 41, 1) 0%, rgba(255, 109, 27, 1) 100%);
|
|
|
+ height: 44rpx;
|
|
|
+ background: #e2e2e2;
|
|
|
text-align: center;
|
|
|
font-size: $font-size-24;
|
|
|
- color: #ffffff;
|
|
|
- border-radius: 6rpx;
|
|
|
- line-height: 36rpx;
|
|
|
+ color: #999999;
|
|
|
+ border-radius: 22rpx;
|
|
|
+ line-height: 40rpx;
|
|
|
display: inline-block;
|
|
|
- margin-left: 42rpx;
|
|
|
+ margin-left: 24rpx;
|
|
|
+ border: 1px solid #f7f7f7;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 0 10px;
|
|
|
}
|
|
|
}
|
|
|
}
|