H5-ThreeDoorder/components/orderindex-scan-code/orderindex-scan-code.vue

78 lines
1.8 KiB
Vue

<template>
<view class="flex" @click="copyThis(item['orderSn'])">
<view style="margin-right: 20rpx;">
<u-image width="170rpx" height="170rpx" :src="item['store_img']"></u-image>
</view>
<view style="width: 100%;">
<view class="flbtn" style="align-items:center;">
<u-text lines="1" color="#333" :text="item['store_name']"></u-text>
<view class="lit-666">
{{item['create_time']}}
</view>
</view>
<view class="flex">
<u-text lines="1" size="24rpx" color="#999" :text="'订单编号:'+item['orderSn']"></u-text>
<view class="">
<text class="iconfont icon-copy" style="margin-left: 10rpx; color: #999; font-size:26rpx;"></text>
</view>
</view>
<view class="lit-999" v-if="type == '2'">
预估佣金:{{item['self_commission']}}
</view>
<view class="flbtn">
<view class="lit-999" v-if="type == '2'">
佣金状态:{{item['commission_name']}}
</view>
<view class="lit-333 bold">
付款金额:¥{{RetainDecimalPoint(item['amount'])}}
</view>
</view>
</view>
</view>
</template>
<script>
import mixin from "@/static/js/mixin/mixin.js";
export default {
mixins: [mixin],
name: "orderindex-scan-code",
props: {
type: {
type: String,
default: '1'
},
item: {
type: Object,
default: () => {}
}
},
data() {
return {
};
},
methods: {
copyThis(str) {
console.log(str)
uni.setClipboardData({
data: str, //要被复制的内容
success: () => { //复制成功的回调函数
uni.showToast({ //提示
title: "复制成功"
})
},
fail(e) {
console.log(e)
}
});
},
}
}
</script>
<style lang="scss">
.flex {
margin-bottom: 32rpx;
}
</style>