feat: 合约交易改造 — 杠杆默认10X+USDC金额下单

2026-04-28 20:33:00 +08:00
parent f3610f801d
commit d2c1c3751a
10 changed files with 4613 additions and 0 deletions
@@ -0,0 +1,110 @@
+<template>
+  <div id="lever-record">
+    <div class="title">
+      <span class="fl">USDC</span>
+      <span class="fr" @click="$router.go(-1)">{{$t('back')}}</span>
+    </div>
+    <div class="list">
+      <div class="list-title flex">
+        <span>{{$t('number')}}</span>
+        <span>{{$t('account.record')}}</span>
+        <span>{{$t('time')}}</span>
+      </div>
+      <ul>
+        <li v-for="(item,index) in log" :key="index">
+          <span>{{item.value}}</span>
+          <span>{{item.info}}</span>
+          <span>{{item.created_time}}</span>
+        </li>
+      </ul>
+    </div>
+    <div @click="getLog" class="loadmore">{{$t('more')}}</div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      log: [],
+      page: 1
+    }
+  },
+  created() {
+    this.getLog();
+  },
+  methods: {
+    getLog:function() {
+      var id = this.$route.query.id;
+      var token = window.localStorage.getItem("token");
+      this.$http({
+        url: "/api/wallet/legal_log",
+        method: "post",
+        headers: { Authorization: token },
+        data: {
+          type: "lever",
+          currency: id
+        }
+      }).then(res => {
+        if (res.data.type == "ok") {
+          let msg = res.data.message;
+          if (msg.list.length) {
+            this.log.concat(msg.list);
+            this.page += 1;
+          } else {
+            layer.msg(this.$t('nomore'));
+          }
+        }
+      });
+    }
+  }
+};
+</script>
+
+<style lang='scss'>
+#lever-record {
+  width: 75rem;
+  margin: 0 auto;
+  color: #c7cce6;
+  .title {
+    height: 60px;
+    line-height: 60px;
+    padding: 0 30px;
+    margin: 20px 0;
+    font-size: 20px;
+    border-radius: 3px;
+    background-color: #181b2a;
+    span {
+      cursor: pointer;
+    }
+  }
+  .list {
+    min-height: 900px;
+    padding: 0 30px;
+    background: #181b2a;
+  }
+  .list-title,
+  li {
+    display: flex;
+    line-height: 40px;
+    justify-content: space-between;
+    span {
+      flex: 1;
+      text-align: center;
+    }
+  }
+  li {
+    border-top: 1px solid #202a4a;
+  }
+  .loadmore {
+    text-align: center;
+    padding: 20px;
+    cursor: pointer;
+  }
+}
+</style>
+
+
+
+// WEBPACK FOOTER //
+// src/view/lever/leverRecord.vue