申购记录新增涨幅比和优化WS

src/components/KLine.vue

@@ -16,6 +16,7 @@ import Option from "@/api/option";
 import Exchange from "@/api/exchange";
 import tvStyle from "@/assets/js/tvStyle.js";
 import { mapState } from "vuex";
+import bus from "@/components/bus.js";
 
 export default {
   props: ["socket", "symbol", "priceDecimals"],
@@ -365,7 +366,16 @@ export default {
     }
   },
 
-  created() {},
+  created() {
+      bus.$on('sendMsg', msg => {
+          this.model.subscribe([
+            {
+              cmd: "sub",
+              msg: `Kline_${this.symbol}_${this.interval}min`
+            }
+          ]);
+      });
+  },
 
   mounted() {
     // 初始化模型对象 建立ws连接

src/i18n/cn.json

@@ -906,7 +906,8 @@
         "k6": "全平成功",
         "k7": "反向成功",
         "k8": "请先登录进行申购",
-        "k9":"请输入认购码"
+        "k9":"请输入认购码",
+        "l1":"涨幅比例"
     },
     "otc": {
         "a0": "请选择交易类型",

src/i18n/en.json

@@ -971,7 +971,8 @@
         "k6": "Completely successful",
         "k7": "Reverse success",
         "k8": "Please log in first to apply",
-        "k9":"Please enter the subscription code"
+        "k9":"Please enter the subscription code",
+        "l1":"Proportion of increase"
     },
     "otc": {
         "a0": "Please select transaction type",

src/i18n/tw.json

@@ -910,7 +910,8 @@
         "k6": "全平成功",
         "k7": "反向成功",
         "k8": "請先登錄進行申購 ",
-        "k9":"請輸入認購碼"
+        "k9":"請輸入認購碼",
+        "l1":"漲幅比例"
     },
     "otc": {
         "a0": "請選擇交易類型",

src/views/contract/handicap.vue

@@ -190,7 +190,6 @@ export default {
             this.linkSocket();
         }
         bus.$on('collapse', msg => {
-            // console.info(msg)
             this.newPriceObj.price = (msg.close).toFixed(3);
             this.$emit("input", this.newPriceObj);
         });

src/views/contract/index.vue

@@ -287,6 +287,11 @@ export default {
           });
         }
       });
+      this.ws.on('close',()=>{
+          this.ws= new Socket(this.Globals.Server.Path.WS1),
+          console.log('链接关闭');
+          this.swapMarketList();
+      }) 
     },
     // 获取合约市场
     getMarketList() {

src/views/exchange/index.vue

@@ -36,6 +36,7 @@ import Market from '@/api/market.js';
 import Exchange from "@/api/exchange";
 import Order from "@/api/order"
 import Home from "@/api/home";
+import bus from "@/components/bus.js";
 export default {
 
     components: {
@@ -48,14 +49,14 @@ export default {
 
     beforeCreate() {
 
-        this.ws = new Socket(`${this.Globals.Server.Path.WS}`);
+        // this.ws = new Socket(`${this.Globals.Server.Path.WS}`);
 
     },
 
     data() {
 
         return {
-
+            isLianjie:false,
             // `btcusdt` 不含`/`的小写
             symbol: this.$route.params.symbol || null,
             marketId: null,
@@ -407,11 +408,13 @@ export default {
                 }, 100);
             }).catch((res) => {});
         },
-    },
+        initWs(){
-
+            this.ws = new Socket(`${this.Globals.Server.Path.WS}`);
-    created() {
-
             this.ws.on("open", () => {
+                if(this.isLianjie){
+                    bus.$emit('sendMsg');
+                    this.isLianjie=false
+                }
                 // 连接成功后 初始化订阅市场信息
                 this.initMarket();
                 // 如果指定了id 订阅该行情的所有其他信息
@@ -476,7 +479,16 @@ export default {
                     message: this.$t("nav.b8"),
                     duration: 2000,
                 });
+                this.isLianjie=true
+                this.initWs()
+                
             });
+        }
+    },
+
+    created() {
+
+        this.initWs()
         if (this.symbol) this.getCurrencyExCny();
         this.indexList()
         // this.update();

src/views/option/VDatafeed.js

@@ -35,7 +35,6 @@ class VDatafeed {
 
     }
     getBars(symbolInfo, resolution, rangeStartDate, rangeEndDate, onDataCallback, onErrorCallback) {
-        console.info(resolution)
 
         var onLoadedCallback = function onLoadedCallback(data) {
             if (data && data.length) {

src/views/option/kline.vue

@@ -122,9 +122,30 @@ data() {
         sub: "",
         isCreateSocket: false,
         page: {},
+        tt:undefined
     };
 },
 methods: {
+    reconnect() {
+      if(this.isCreateSocket) {
+        return;
+      };
+      let msgObj = {
+          cmd: "sub",
+          msg: this.sub,
+      };
+      this.isCreateSocket = true;
+      //没连接上会一直重连，设置延迟避免请求过多
+      this.tt && clearTimeout(this.tt);
+      let th=this
+      th.tt = setTimeout(function () {
+            th.isCreateSocket = false;
+            th.linkSocket(() => {
+                th.ws.send(msgObj);
+            });
+        
+      }, 4000);
+    },
     // 链接socket
     linkSocket(call) {
         const ws = new Socket(this.wsUrl);
@@ -132,10 +153,12 @@ methods: {
             this.ws = ws;
             call && call();
         });
+        
         ws.on("message", (res) => {
             let { data, msg, code, sub, type, status, req, cmd } = res;
             if (sub == this.sub && this.onRealtimeCallback) {
                 this.onRealtimeCallback(this.getMap(data));
+                // console.info(data)
                 bus.$emit('collapse', data);
             } else if (type == "ping" || cmd == "ping") {
             this.ws.send({
@@ -143,6 +166,15 @@ methods: {
             });
             }
         });
+        ws.on('close',()=>{
+            console.log('链接关闭');
+            this.reconnect();
+        }) 
+        ws.on('error',()=>{
+            console.log('发生异常了');
+            this.reconnect();
+        }) 
+        
     },
     // 取消订阅
     unsub(pair_id, timer) {
@@ -207,7 +239,6 @@ methods: {
         onErrorCallback
         ) {
             // handleClick
-        console.info(resolution)
         this.page[this.symbol] = this.page[this.symbol] || 1;
         let page = this.page[this.symbol] > 3 ? 3 : this.page[this.symbol];
         let data = {
@@ -289,7 +320,6 @@ methods: {
     initView() {
         let _this = this;
         let Tdata = new VDatafeed(this);
-        console.info(Tdata)
         let widget=(_this.TView = new TradingView.widget({
             width: "100%",
             height: 590,

src/views/purchase/index.vue

@@ -154,6 +154,7 @@
                                         <th>{{$t('wallet.money')}}</th>
                                         <th>{{$t('purchase.subscriptionCurrency')}}</th>
                                         <th>{{$t('contract.b1')}}</th>
+                                        <th>{{$t('contract.l1')}}</th>
                                         <th class="text-right">{{$t('wallet.status')}}</th>
                                     </tr>
                                 </thead>
@@ -167,6 +168,7 @@
                                         <td>{{ item.payment_amount }}</td>
                                         <td>{{ item.payment_currency }}</td>
                                         <td>{{ item.subscription_time|parseTime }}</td>
+                                        <td>{{ ( ((detail.issue_price-(item.payment_amount/item.subscription_currency_amount))/detail.issue_price)*100 ).toFixed(2) }}%</td>
                                         <td class="text-right">
                                             <span class="success">{{$t('wallet.success')}}</span>
                                         </td>