优化

src/views/contract/exchange-store.vue

@@ -90,15 +90,16 @@
         <div class="input-group-prepend">
           <span class="input-group-text">{{ $t("contract.e1") }}</span>
         </div>
+        <!-- v-model="form.amount" -->
         <input
           type="number"
-          v-model="form.amount"
+          v-model="margin"
           class="form-control"
           :placeholder="tips"
         />
-        <div class="input-group-append">
+        <!-- <div class="input-group-append">
           <span class="input-group-text">{{ $t("contract.e2") }}</span>
-        </div>
+        </div> -->
       </div>
       <div class="px-2" v-if="this.tab == 1">
         <el-slider
@@ -113,7 +114,8 @@
       <div v-if="tab == 1">
         <div class="d-flex justify-content-between">
           <div>{{ $t("contract.e3") }}：</div>
-          <div>{{ margin }} USDT</div>
+          <div>{{ amount }} {{$t("contract.e2")}}</div>
+          <!-- <div>{{ margin }} USDT</div> -->
         </div>
         <div class="d-flex justify-content-between mb-4">
           <div>{{ $t("contract.a3") }}:</div>
@@ -208,7 +210,7 @@ export default {
         // 1:限价 2:市价
         type: 2,
         entrust_price: undefined,
-        amount: "",
+        amount:"",
         lever_rate: ""
       },
       // 最多可开张数
@@ -216,7 +218,8 @@ export default {
       lever_rage: [],
       accountInfo: {},
       _time: null,
-      unit_amount:0
+      unit_amount:0,
+      margin:"",
     };
   },
   props: {
@@ -316,9 +319,18 @@ export default {
       return num;
     },
     // 保证金
-    margin() {
-      if (!this.form.lever_rate) return 0;
-      return math.omitTo(this.form.amount*this.unit_amount / this.form.lever_rate, 4);
+    // margin() {
+    //   if (!this.form.lever_rate) return '';
+    //   return math.omitTo(this.form.amount*this.unit_amount / this.form.lever_rate, 4);
+    // },
+    amount(){
+        console.info(this.form.lever_rate)
+        console.info(this.margin)
+        if (!this.form.lever_rate || !this.margin) return 0;
+        let p=this.margin*this.form.lever_rate;
+        
+        this.form.amount=p;
+        return p
     }
   },
   methods: {
@@ -367,7 +379,9 @@ export default {
     },
     // 设置数量
     sliderChange($ev) {
-      this.form.amount = Math.round((this.maxNum * $ev) / 100)||'';
+        
+      this.form.amount = Math.round((this.maxNum * $ev) / 100)||0;
+      this.margin=this.form.amount/this.form.lever_rate
     },
     // 选择杠杆
     selectLever(idx) {
@@ -414,7 +428,7 @@ export default {
       };
       Contract.openPosition(data).then(() => {
         this.contractAccount();
-        this.form.amount = "";
+        this.form.amount = 0;
         this.$message.success(this.$t("contract.f5"));
         this.$emit("position");
       });

src/views/contract/hold-position.vue

@@ -26,8 +26,8 @@
           <th>{{ $t("contract.b0") }}</th>
           <th>{{ $t("contract.g7") }}（{{ $t("contract.e2") }}）</th>
           <th>{{ $t("contract.i3") }}</th>
-          <th>{{ $t("contract.g8") }}（{{ $t("contract.e2") }}）</th>
-          <th>{{ $t("contract.a5") }}（{{ $t("contract.e2") }}）</th>
+          <!-- <th>{{ $t("contract.g8") }}（{{ $t("contract.e2") }}）</th>
+          <th>{{ $t("contract.a5") }}（{{ $t("contract.e2") }}）</th> -->
           <th>{{ $t("contract.b7") }}</th>
           <th>{{ $t("contract.g9") }}</th>
           <th>{{ $t("contract.g3") }}</th>
@@ -44,8 +44,8 @@
           <td>{{ item.lever_rate }}X</td>
           <td>{{ item.hold_position }}</td>
           <td>{{ item.side == 1 ? $t("contract.i4") : $t("contract.i5") }}</td>
-          <td>{{ item.avail_position }}</td>
-          <td>{{ item.freeze_position }}</td>
+          <!-- <td>{{ item.avail_position }}</td>
+          <td>{{ item.freeze_position }}</td> -->
           <td>{{ item.position_margin }}</td>
           <td>{{ item.avg_price * 1 }}</td>
           <td>{{ item.realtimePrice }}</td>

src/views/contract/index.vue

@@ -280,6 +280,7 @@ export default {
         let { data, sub,cmd } = res;
 
         if (sub == msg) {
+            // console.info(data)
           this.contractList = data;
         }else if (cmd == "ping") {
           this.ws.send({