优化合约

src/views/contract/hold-position.vue

@@ -32,7 +32,7 @@
           <th>{{ $t("contract.g9") }}</th>
           <th>{{ $t("contract.g3") }}</th>
           <th>{{ $t("contract.a8") }}</th>
-          <th>{{ $t("contract.a6") }}</th>
+          <th >{{ $t("contract.a6") }}</th>
           <th>{{ $t("contract.h0") }}</th>
           <th>{{ $t("contract.i7") }} /{{ $t("contract.i8") }}</th>
           <th width="18%">{{ $t("contract.c0") }}</th>
@@ -50,7 +50,7 @@
           <td>{{ item.avg_price * 1 }}</td>
           <td>{{ item.realtimePrice }}</td>
           <td>{{ item.flatPrice }}</td>
-          <td>{{ item.unRealProfit }}</td>
+          <td :class="item.unRealProfit>0?'increace':item.unRealProfit<0?'decreace':''">{{ item.unRealProfit }}</td>
           <td>{{ item.profitRate }}</td>
           <td>{{ item.tpPrice || "--" }}/{{ item.slPrice || "--" }}</td>
           <td>
@@ -535,7 +535,7 @@ export default {
         // console.info(item)
         this.form.entrust_price = this.newPrice;
         this.form.amount = item.avail_position
-        this.$set(this.activeItem, "closeType", 1);
+        this.$set(this.activeItem, "closeType", 2);
         $("#exampleModal").modal("show");
     },
     closePosition() {
@@ -623,3 +623,11 @@ export default {
   },
 };
 </script>
+<style scoped">
+    .increace{
+        color: #53b987;
+    }
+    .decreace{
+        color: #ff231f;
+    }
+</style>