Browse Source

粘贴按钮

xiaomei 6 months ago
parent
commit
312ab4fae6
3 changed files with 45 additions and 6 deletions
  1. 3 1
      src/language/en.json
  2. 3 1
      src/language/zh.json
  3. 39 4
      src/views/exchange/exchange.vue

+ 3 - 1
src/language/en.json

@@ -460,5 +460,7 @@
   "lang459": "Token Quantity",
   "lang460": "USDT Quantity",
   "lang461": "Token Address",
-  "lang462": "USDT Address"
+  "lang462": "USDT Address",
+  "lang463": "Access to clipboard failed, please check whether the access to clipboard is enabled",
+  "lang464": "Paste"
 }

+ 3 - 1
src/language/zh.json

@@ -460,5 +460,7 @@
   "lang459": "代币数量",
   "lang460": "USDT数量",
   "lang461": "代币地址",
-  "lang462": "USDT地址"
+  "lang462": "USDT地址",
+  "lang463": "访问剪贴板失败,请检查是否开启访问剪贴板权限",
+  "lang464": "粘贴"
 }

+ 39 - 4
src/views/exchange/exchange.vue

@@ -32,7 +32,10 @@
             </div>
             <div class="box_item" v-if="dataInfo.is_token == 1">
               <span class="left">{{ $t('lang461') }}</span>
-              <van-field v-model="coin_from_address" type="textarea" :placeholder="$t('lang440')" rows="1" autosize class="input" input-align="right" />
+              <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>
@@ -41,7 +44,10 @@
             
             <div class="box_item">
               <span class="left">{{ $t('lang462') }}</span>
-              <van-field v-model="usdt_from_address" type="textarea" :placeholder="$t('lang441')" rows="1" autosize class="input" input-align="right" />
+              <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>
         </div>
@@ -116,7 +122,8 @@ export default {
     getWelfareRedeDetail() {
       homeApi.getWelfareRedeDetail({ ids: this.$route.query.id }).then(res => {
         if (res.code == 200) {
-          this.dataInfo = res.data;
+          this.dataInfo = res.data.data;
+          this.dataInfo.operate_desc = res.data.desc;
         } else {
         }
       });
@@ -136,7 +143,7 @@ export default {
       }
     },
     withdrawCash() {
-      if (this.dataInfo.is_token==1 && !this.coin_from_address) {
+      if (this.dataInfo.is_token == 1 && !this.coin_from_address) {
         this.$toast(this.$t('lang440'));
         return;
       }
@@ -179,6 +186,23 @@ export default {
           // on cancel
         });
     },
+    paste(type) {
+      let _this = this
+      navigator.clipboard
+        .readText()
+        .then(text => {
+          console.log(text);
+          if (type == 1) {
+            _this.coin_from_address = text;
+          } else {
+            _this.usdt_from_address = text;
+          }
+        })
+        .catch(err => {
+          console.log('err', err);
+          _this.$toast(_this.$t('lang463'));
+        });
+    },
   },
 };
 </script>
@@ -324,6 +348,14 @@ export default {
           color: #29b286;
           padding-left: 4px;
         }
+        .zt {
+          font-size: 11px;
+          color: #fff;
+          border-radius: 10px;
+          padding: 2px 6px;
+          margin-left: 4px;
+          background-color: #29b286;
+        }
         .mobile {
           font-size: 14px;
           color: #000;
@@ -333,6 +365,9 @@ export default {
           font-size: 13px;
           width: 180px;
         }
+        /deep/.van-field__control {
+          min-height: 24px !important;
+        }
         /deep/.van-field__control::placeholder {
           font-size: 12px;
           letter-spacing: 1px;