铸造活动

src/views/order/ActivityDetail.vue

@@ -15,6 +15,14 @@
             </div>
             <driver />
             <template v-if="!info.airDrop && info.contactName">
+                <div class="address" v-if="info.courierId">
+                    <img src="../../assets/dingdan_icon_wuliu.png" alt="" />
+                    <div class="text1">快递编号</div>
+                    <div class="text2" @click="copyWuliu">
+                        <span>{{ info.courierId }}</span>
+                        <img src="../../assets/icon-miaoshu.png" alt="" />
+                    </div>
+                </div>
                 <div class="address">
                     <img src="../../assets/dingdan_icon_dizhi.png" alt="" />
                     <div class="text1">{{ info.contactName }} {{ info.contactPhone }}</div>
@@ -24,8 +32,8 @@
             </template>
             <div class="product">
                 <div class="product-title">
-                    <div class="text1">藏品权益使用—铸造</div>
-                    <div class="text2">商品的铸造将会销毁对应藏品</div>
+                    <div class="text1">{{ info.mintActivity }}</div>
+                    <div class="text2" v-if="info.consume">商品的铸造将会销毁对应藏品</div>
                 </div>
                 <div class="product-info" v-for="(item, index) in info.material" :key="index">
                     <van-image :radius="6" width="60" height="60" :src="getImg(changeImgs(item.pic))" fit="cover" />
@@ -117,6 +125,18 @@ export default {
                 }
             );
         },
+        copyWuliu() {
+            this.$copyText(this.info.courierId).then(
+                e => {
+                    this.$toast.success('复制成功');
+                    console.log(e);
+                },
+                e => {
+                    this.$toast('复制失败');
+                    console.log(e);
+                }
+            );
+        },
         openBlindBox() {
             this.$toast.loading({
                 message: '加载中'
@@ -299,13 +319,13 @@ export default {
 
 .address {
     position: relative;
-    padding: 20px 24px 22px 48px;
-    img {
+    padding: 20px 24px 16px 48px;
+    & > img {
         position: absolute;
-        left: 16px;
-        top: 20px;
+        left: 18px;
+        top: 22px;
         width: 20px;
-        height: 20px;
+        display: block;
     }
 
     .text1 {
@@ -313,6 +333,22 @@ export default {
         color: #000000;
         line-height: 24px;
     }
+
+    .text2 {
+        font-size: 13px;
+        color: #939599;
+        line-height: 24px;
+        .flex();
+        img {
+            width: 16px;
+            height: 16px;
+            margin-left: 6px;
+        }
+    }
+}
+
+.address + .address {
+    border-top: 1px solid @tabBorder;
 }
 
 .bottom {