代码推送

yq/src/views/TXID/index.vue

@@ -0,0 +1,146 @@
+<template>
+  <!-- 交易hash -->
+  <div  v-loading="hashLoading" class="RechargeMain">
+    <div class="Recharge" >
+    <h2>{{$t(`pay.submit`)}}{{$t(`pay.Txid`)}}</h2>
+    <!-- 交易hash -->
+    <el-form label-position="top" class="formBox"  :model="params">
+        <!-- 支付币种 -->
+     
+        <el-form-item>
+          <span class="mandatoryBox"><span class="mandatory">*</span>{{  $t(`pay.currency`) }}</span>
+          <div class="inputBox">
+          <el-select v-model="params.coin" :placeholder="$t(`home.abbr`)">
+              <el-option
+                v-for="item in coinOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+            </div>
+        </el-form-item>
+        <!-- 支付网络 -->
+        <el-form-item >
+          <span class="mandatoryBox"><span class="mandatory">*</span>{{  $t(`pay.network`) }}</span>
+          <div class="inputBox">
+          <el-select v-model="params.chain" :placeholder="$t(`home.abbr`)">
+              <el-option
+                v-for="item in chainOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </div>
+        
+        </el-form-item>
+        <!-- 交易hash -->
+        <el-form-item >
+          <span class="mandatoryBox"><span class="mandatory">*</span>{{  $t(`pay.Txid`) }}</span>
+          <div class="inputBox">
+          <el-input :placeholder="$t(`pay.input`)" @keyup.enter.native="handelTxid"  v-model="params.txid" ></el-input>
+        </div>
+        </el-form-item>
+
+        <div style="margin-bottom: 20px;">
+            <ul style="font-size: 13px;"> 
+              <li>{{$t(`pay.Reminder_26`)  }}</li>
+              <li>{{$t(`pay.Reminder_27`)  }}</li>
+              <li>{{$t(`pay.Reminder_28`)  }}</li>
+              <li>{{$t(`pay.Reminder_29`)  }}</li>
+              <li>{{$t(`pay.Reminder_30`)  }}<span style="color: #1f39a1;cursor: pointer;text-decoration: underline;" @click="Jump" >{{$t(`pay.Reminder_31`)  }}</span>。</li>                
+            </ul>
+          </div>
+
+
+
+        <!-- 提交 -->
+        <el-button  :disabled="bthDisabled" :loading="txidLoading"   @click="handelTxid"  type="warning">{{$t(btnText)}}</el-button>
+    </el-form>  
+
+     <!-- 确认已转账成功弹窗 -->
+     <div  class="transferSuccessful" >
+     <el-dialog
+      :title="$t(`pay.Reminder`)"
+      :visible.sync="dialogVisibleSuccess"
+      width="18%"  
+      :close-on-click-modal="false"
+      :show-close="false"
+     
+     >
+     <!-- 当前总余额： -->
+      <p style="text-align: center;color: green;font-weight: 600;font-size: 17px">{{$t(`pay.queryWasSuccessful`)  }}</p>
+      <p style="text-align: center;font-size: 16px;">{{$t(`pay.totalBalance`)  }}:{{ balances.total }}</p>
+
+      <!-- <span slot="footer">
+        <el-button type="warning" @click="handelConfirmation" >确认</el-button>      
+      </span> -->
+    </el-dialog>
+    </div>
+
+
+  </div>
+  </div>
+</template>
+
+<script>
+import IndexJs from "./index";
+export default {
+  mixins: [IndexJs],
+};
+</script>
+
+<style lang="scss" scoped>
+.RechargeMain{
+  width: 100%;
+  height: 100%;
+ 
+}
+.Recharge{
+  width: 60%; 
+  height: 100%; 
+  //  background: firebrick;
+  //  padding: 20px;
+   box-sizing: border-box;
+   margin: 0 auto;
+   padding-top: 50px;
+  //  outline: 1px solid red;
+
+  
+  .formBox{
+    // outline: 1px solid red;
+    width: 100%;
+  }
+  .dialog-footer{
+    margin-top: 100px;
+    display: flex;
+    justify-content: space-evenly;
+    box-sizing: border-box;
+    padding: 0px 50px;
+    // outline: 1px solid red;
+
+  }
+ 
+//  ::v-deep .el-dialog{
+//     height: 300px;
+//   }
+.transferSuccessful{
+  
+  ::v-deep .el-dialog{
+    height: 220px;
+  }
+}
+
+
+
+
+}
+.mandatory {
+  color: #f86c4d;
+}
+
+
+</style>