| | |
| | | <template> |
| | | <div :key="symbol" class="pb-108 no_touch"> |
| | | |
| | | <!-- 头部区 --> |
| | | |
| | | <ContractHeader |
| | | :symbol="symbol" |
| | | :newname="newname" |
| | | :range="range" |
| | | :selectIndex="selectIndex" |
| | | :balance="userInfo.balance" |
| | |
| | | :init-futrue="initFutrue" |
| | | @ordered="onOrdered" |
| | | @changeValueBack="changeValueBack" |
| | | @iszyzs="oniszyzs" |
| | | > |
| | | </PerpetualOpen> |
| | | <div class="line"></div> |
| | |
| | | :futrue-histroy="futrueHistroy" |
| | | @tab="onTab" |
| | | @recall="onRecall" |
| | | @iszyzs="oniszyzs" |
| | | > |
| | | </PerpetualOrder> |
| | | </div> |
| | |
| | | }); |
| | | } |
| | | return { |
| | | |
| | | quote: {}, |
| | | initTimer: null, |
| | | keyIndex: 0, |
| | |
| | | balance: 0, |
| | | symbol: "", |
| | | price: "", |
| | | newname:'', |
| | | range: "", |
| | | stop_price_profit: "", |
| | | stop_price_loss: "", |
| | |
| | | this.closeSocket(); |
| | | this.init(symbol); |
| | | }, |
| | | oniszyzs(){ |
| | | debugger |
| | | this.iszyzs = true |
| | | }, |
| | | onRecall() { |
| | | // 撤单or 平仓 evt |
| | | this.clearTimer(); |
| | |
| | | const cur = data[0]; |
| | | this.price = cur.close; |
| | | this.range = cur.change_ratio + ""; |
| | | this.newname = cur.name |
| | | this.quote = cur; |
| | | this.updateKey++; |
| | | } |
| | |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | |
| | | //.list-enter-active, .list-leave-active { |
| | | // transition: all .5s; |
| | | // transform: translateY(30px) |