兑换增加茶宝支付方式

src/views/exchange/exchange.vue

@@ -16,39 +16,58 @@
               <span class="left black operate" v-html="dataInfo.title"></span>
             </div>
             <div class="box_item">
-              <span class="left black">{{ $t('lang442') }}</span>
-              <div class="address">
-                <span>{{ dataInfo.transfer_address }}</span>
-                <span class="copys" @click="copy" :data-clipboard-text="this.dataInfo.transfer_address">{{ $t('lang449') }}</span>
-              </div>
-            </div>
-            <div class="box_item" v-if="dataInfo.is_token == 1">
-              <span class="left">{{ $t('lang443') }}</span>
-              <span class="right">{{ dataInfo.token_name }}</span>
+              <span class="left">{{ $t('lang364') }}</span>
+              <van-radio-group v-model="radio" class="f">
+                <van-radio name="0" checked-color="#29b286" icon-size="16px" style="font-size: 15px">代币</van-radio>
+                <van-radio name="1" checked-color="#29b286" icon-size="16px" style="font-size: 15px;padding-left: 20px;" v-if="dataInfo.is_chabao == 1">茶宝</van-radio>
+              </van-radio-group>
             </div>
-            <div class="box_item" v-if="dataInfo.is_token == 1">
-              <span class="left">{{ $t('lang459') }}</span>
-              <span class="right">{{ dataInfo.token_num }}</span>
-            </div>
-            <div class="box_item" v-if="dataInfo.is_token == 1">
-              <span class="left">{{ $t('lang461') }}</span>
-              <div class="f">
-                <van-field v-model="coin_from_address" type="textarea" :placeholder="$t('lang440')" rows="1" autosize class="input" input-align="right" />
-                <span class="zt" @click="paste(1)">{{ $t('lang464') }}</span>
+            <template v-if="radio == 0">
+              <div class="box_item">
+                <span class="left black">{{ $t('lang442') }}</span>
+                <div class="address">
+                  <span>{{ dataInfo.transfer_address }}</span>
+                  <span class="copys" @click="copy" :data-clipboard-text="this.dataInfo.transfer_address">{{ $t('lang449') }}</span>
+                </div>
+              </div>
+              <div class="box_item" v-if="dataInfo.is_token == 1">
+                <span class="left">{{ $t('lang443') }}</span>
+                <span class="right">{{ dataInfo.token_name }}</span>
+              </div>
+              <div class="box_item" v-if="dataInfo.is_token == 1">
+                <span class="left">{{ $t('lang459') }}</span>
+                <span class="right">{{ dataInfo.token_num }}</span>
+              </div>
+              <div class="box_item" v-if="dataInfo.is_token == 1">
+                <span class="left">{{ $t('lang461') }}</span>
+                <div class="f">
+                  <van-field v-model="coin_from_address" type="textarea" :placeholder="$t('lang440')" rows="1" autosize class="input" input-align="right" />
+                  <span class="zt" @click="paste(1)">{{ $t('lang464') }}</span>
+                </div>
+              </div>
+              <div class="box_item">
+                <span class="left">{{ $t('lang460') }}</span>
+                <span class="right">{{ dataInfo.usdt_num }}</span>
               </div>
-            </div>
-            <div class="box_item">
-              <span class="left">{{ $t('lang460') }}</span>
-              <span class="right">{{ dataInfo.usdt_num }}</span>
-            </div>
             
-            <div class="box_item">
-              <span class="left">{{ $t('lang462') }}</span>
-              <div class="f">
-                <van-field v-model="usdt_from_address" type="textarea" :placeholder="$t('lang441')" rows="1" autosize class="input" input-align="right" />
-                <span class="zt" @click="paste(2)">{{ $t('lang464') }}</span>
+              <div class="box_item">
+                <span class="left">{{ $t('lang462') }}</span>
+                <div class="f">
+                  <van-field v-model="usdt_from_address" type="textarea" :placeholder="$t('lang441')" rows="1" autosize class="input" input-align="right" />
+                  <span class="zt" @click="paste(2)">{{ $t('lang464') }}</span>
+                </div>
               </div>
-            </div>
+            </template>
+            <template v-if="radio == 1">
+              <div class="box_item">
+                <span class="left">茶宝数量</span>
+                <span class="right">{{ dataInfo.chabao_num }}</span>
+              </div>
+              <div class="box_item">
+                <span class="left">茶宝余额</span>
+                <span class="right">{{ assets }}</span>
+              </div>
+            </template>
           </div>
         </div>
         <div class="buy" @click="withdrawCash">
@@ -81,6 +100,7 @@ export default {
       total: 1,
       assets: 0,
       amount: '',
+      radio: '0',
       // type: 1, // 1udst奖励 2teac奖励
       coin_from_address: '',
       usdt_from_address: '',
@@ -106,6 +126,7 @@ export default {
   },
   mounted() {
     this.getWelfareRedeDetail();
+    this.getUserInfo();
   },
   methods: {
     //返回上一页
@@ -118,7 +139,13 @@ export default {
     changeNav(item, index) {
       this.navIndex = index;
     },
-
+    getUserInfo() {
+      homeApi.getUserInfo().then(res => {
+        if (res.code == 200) {
+          this.assets = res.data.balance;
+        }
+      });
+    },
     getWelfareRedeDetail() {
       homeApi.getWelfareRedeDetail({ ids: this.$route.query.id }).then(res => {
         if (res.code == 200) {
@@ -143,15 +170,32 @@ export default {
       }
     },
     withdrawCash() {
-      if (this.dataInfo.is_token == 1 && !this.coin_from_address) {
-        this.$toast(this.$t('lang440'));
-        return;
+      let _this = this;
+      let params = {
+        ids: _this.$route.query.id,
+        type_id: _this.radio,
+        coin_from_address: _this.coin_from_address,
+        usdt_from_address: _this.usdt_from_address,
       }
-      if (!this.usdt_from_address) {
-        this.$toast(this.$t('lang441'));
-        return;
+      if(this.radio == 0){
+        if (this.dataInfo.is_token == 1 && !this.coin_from_address) {
+          this.$toast(this.$t('lang440'));
+          return;
+        }
+        if (!this.usdt_from_address) {
+          this.$toast(this.$t('lang441'));
+          return;
+        }
+
+      } else if(this.radio == 1){
+        if (Number(this.assets) < Number(this.dataInfo.chabao_num)) {
+          this.$toast(this.$t('lang167'));
+          return;
+        }
+        params.coin_from_address = ""
+        params.usdt_from_address = ""
       }
-      let _this = this;
+      
       Dialog.confirm({
         title: _this.$t('lang136'),
         message: _this.$t('lang450'),
@@ -160,11 +204,6 @@ export default {
       })
         .then(() => {
           _this.show = true;
-          let params = {
-            ids: _this.$route.query.id,
-            coin_from_address: _this.coin_from_address,
-            usdt_from_address: _this.usdt_from_address,
-          };
           homeApi
             .submitWelfare(params)
             .then(res => {
@@ -173,7 +212,8 @@ export default {
                 _this.coin_from_address = '';
                 _this.usdt_from_address = '';
                 _this.getWelfareRedeDetail();
-                Notify({ type: 'success', message: res.msg });
+                _this.getUserInfo();
+                Notify({ type: 'success', message: _this.$t('lang152') });
               } else {
                 // Notify({ message: res.msg });
               }
@@ -187,7 +227,7 @@ export default {
         });
     },
     paste(type) {
-      let _this = this
+      let _this = this;
       navigator.clipboard
         .readText()
         .then(text => {

src/views/index/index.vue

@@ -22,7 +22,7 @@
           <van-notice-bar class="notice" color="#000" background="#ffffff" :scrollable="false">
             <div slot="left-icon" class="notice-ico">{{ $t('lang3') }}</div>
             <van-swipe vertical class="notice-swipe" style="height: 24px" :autoplay="3000" :show-indicators="false">
-              <van-swipe-item v-for="(item, index) in indexinfo.notice_list" :key="index" @click="navigatorToPage('bulletinDetail', indexinfo.notice_list[0].id)">{{ item.title }}</van-swipe-item>
+              <van-swipe-item v-for="(item, index) in indexinfo.notice_list" :key="index" @click="navigatorToPage('bulletinDetail', item.id)">{{ item.title }}</van-swipe-item>
             </van-swipe>
             <div slot="right-icon" style="padding-left: 10px" @click="navigatorTo('bulletin')"><van-icon name="wap-nav" size="20" color="#29b286" /></div>
           </van-notice-bar>