Merge branch 'dev' of http://git.izouma.com/xiongzhu/raex_front into dev

src/App.vue

@@ -339,6 +339,13 @@ export default {
     &.activityDetail {
         background-color: #181818;
     }
+
+    &.superLinkType,
+    &.domainProductChoose,
+    &.bindingWeb,
+    &.bindingImage {
+        background-color: #0f1014;
+    }
 }
 
 .scroll-wrappers {

src/views/asset/Detail.vue

@@ -498,15 +498,37 @@
                 </div>
 
                 <div class="more-btns-content" v-else>
-                    <van-button v-if="!isOlder && !$store.state.review" @click="Consignment" type="primary" block round>
+                    <!-- <van-button v-if="!isOlder" @click="publish" color="#FF7F1F" block round> 竞价拍卖 </van-button> -->
+                    <!-- <van-button v-if="!isOlder && !$store.state.review" @click="Consignment" type="primary" block round>
                         {{ info.consignment ? '取消一口价' : '一口价拍卖' }}
                     </van-button>
-                    <!-- <van-button v-if="!isOlder" @click="publish" color="#FF7F1F" block round> 竞价拍卖 </van-button> -->
                     <van-button @click="Add" color="#FFBF27" block round> 赠送 </van-button>
                     <van-button @click="showLock = true" v-if="info.category !== '元域名'" color="#515976" block round>
                         封存
                     </van-button>
-                    <van-button @click="starCreate" v-if="canStar" color="#5D7DFF" block round> 铸造星图 </van-button>
+                    <van-button @click="starCreate" v-if="canStar" color="#5D7DFF" block round> 铸造星图 </van-button> -->
+                    <div class="btn-img-list">
+                        <div class="btn-img" v-if="info.category === '元域名'" @click="superLink">
+                            <img src="@/assets/icon_qiyongchaolian.png" alt="" />
+                            <div>{{ info.openHyperLink ? '关闭超链' : '启用超链' }}</div>
+                        </div>
+                        <div class="btn-img" v-if="!isOlder && !$store.state.review" @click="Consignment">
+                            <img src="@/assets/icon_paimai.png" alt="" />
+                            <div>{{ info.consignment ? '取消一口价' : '一口价拍卖' }}</div>
+                        </div>
+                        <div class="btn-img" @click="Add">
+                            <img src="@/assets/icon_zengsong.png" alt="" />
+                            <div>赠送</div>
+                        </div>
+                        <div class="btn-img" @click="starCreate" v-if="canStar">
+                            <img src="@/assets/icon_xingtu.png" alt="" />
+                            <div>铸造星图</div>
+                        </div>
+                        <div class="btn-img" @click="showLock = true" v-if="info.category !== '元域名'">
+                            <img src="@/assets/icon_fengcun.png" alt="" />
+                            <div>封存</div>
+                        </div>
+                    </div>
                 </div>
             </van-action-sheet>
         </div>
@@ -1209,6 +1231,43 @@ export default {
         },
         showStar() {
             this.$refs.starPost.init();
+        },
+        superLink() {
+            if (this.info.openHyperLink) {
+                this.$dialog
+                    .confirm({
+                        title: '提示',
+                        message: '确认要关闭超链吗？',
+                        confirmButtonText: '关闭'
+                    })
+                    .then(res => {
+                        this.$toast.loading({
+                            message: '加载中...',
+                            forbidClick: true
+                        });
+                        return this.$http.post('/domainOrder/addHyperLink', {
+                            assetId: this.assetId,
+                            openHyperLink: false,
+                            hyperLinkType: this.info.hyperLinkType,
+                            address: ''
+                        });
+                    })
+                    .then(res => {
+                        this.$toast.success('关闭成功');
+                        this.showAction = false;
+                        setTimeout(() => {
+                            this.getProduct();
+                        }, 1000);
+                    })
+                    .catch(e => {
+                        this.$toast.clear();
+                        if (e && e.error) {
+                            this.$toast(e.error);
+                        }
+                    });
+            } else {
+                this.$router.push('/superLinkType?id=' + this.assetId);
+            }
         }
     },
     beforeRouteLeave(from, to, next) {
@@ -2633,4 +2692,25 @@ export default {
 .product-title_cons {
     line-height: 44px;
 }
+
+.btn-img-list {
+    .flex();
+    justify-content: space-around;
+    .btn-img {
+        width: 25%;
+        .flex-col();
+        align-items: center;
+        img {
+            width: 50px;
+            height: 50px;
+            display: block;
+        }
+        div {
+            font-size: 14px;
+            color: #ffffff;
+            line-height: 24px;
+            margin-top: 10px;
+        }
+    }
+}
 </style>

src/views/domain/BindingImage.vue

@@ -12,11 +12,12 @@
             :after-read="afterRead"
             upload-icon="plus"
             upload-text="点击上传"
+            @delete="onDelete"
         />
 
         <div class="btns">
             <van-button type="default" @click="$router.back()" round>返回</van-button>
-            <van-button type="primary" round @click="sure">确认</van-button>
+            <van-button type="primary" v-if="img" round @click="sure">确认</van-button>
         </div>
     </div>
 </template>
@@ -52,6 +53,9 @@ export default {
                     }
                 });
         },
+        onDelete() {
+            this.img = '';
+        },
         sure() {
             this.$toast.loading({
                 message: '加载中...',

src/views/domain/BindingWeb.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="page" :style="{ backgroundImage: `url(${require('@assets/png-dabg.jpg')})` }">
+    <div class="page" :style="{ backgroundImage: `url(${require('@assets/png-xiaobg-web.png')})` }">
         <div class="page-top">
             <div class="title">
                 <div class="text1">{{ typeInfo.name }}</div>
@@ -19,7 +19,7 @@
 
         <div class="btns">
             <van-button type="default" @click="$router.back()" round>返回</van-button>
-            <van-button type="primary" round @click="sure">确认</van-button>
+            <van-button type="primary" v-if="address" round @click="sure">确认</van-button>
         </div>
     </div>
 </template>

src/views/domain/ProductChoose.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="page" :style="{ backgroundImage: `url(${require('@assets/png-dabg.jpg')})` }">
+    <div class="page" :style="{ backgroundImage: `url(${require('@assets/png-xiaobg-collection.png')})` }">
         <div class="page-top">
             <div class="title">
                 <div class="text1">绑定指定藏品</div>

src/views/domain/SuperLinkType.vue

@@ -2,7 +2,9 @@
     <div class="page" :style="{ backgroundImage: `url(${require('@assets/png-dabg.jpg')})` }">
         <img src="@/assets/nft-logo.png" class="logo" alt="" />
         <div class="title">选择你要启用的超链类型</div>
-
+        <div class="back-content" @click="$router.go(-1)">
+            <img src="@assets/icon_fanhui2.png" alt="" />
+        </div>
         <div class="select-list">
             <div class="select" v-for="(item, index) in typeList" :key="index" @click="chooseType(item)">
                 <img :src="item.icon" alt="" class="img" />
@@ -242,4 +244,23 @@ function addHyperLink(hyperLinkType, address) {
         }
     }
 }
+
+.back-content {
+    width: 34px;
+    height: 34px;
+    background: rgba(0, 0, 0, 0.5);
+    backdrop-filter: blur(1px);
+    .flex();
+    justify-content: center;
+    border-radius: 100px;
+    box-sizing: border-box;
+    img {
+        width: 18px;
+        height: 18px;
+    }
+    position: fixed;
+    left: 16px;
+    top: calc(var(--safe-top) + 16px);
+    z-index: 20;
+}
 </style>