| 12 |
- webpackJsonp([41],{v9Hf:function(t,e){},vg1Y:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s=i("mvHQ"),a=i.n(s),n=i("woOf"),r=i.n(n),o=i("wQWh"),c={name:"diagram",components:{},data:function(){return{show:!0,headername:{from_coin:"BTC",to_coin:"USDT"},header:{last:0,change_percentage:0,high_24h:0,volume_24h_base:0,low_24h:0,volume_24h_settle:0},curTime:"1分",interval:"1m",limit:120,time:["1m","5m","30m","1h","4h","8h","1d","1w","30d"],TimeList:[{name:"1分"},{name:"5分"},{name:"30分"},{name:"1小时"},{name:"4小时"},{name:"8小时"},{name:"1天"},{name:"1周"},{name:"1月"}],inter:null,rawDate:[],chart:null,candlestickSeries:null,volumeSeries:null,lineSeries:null,asks:[],bids:[],widith:375,collect:!1}},mounted:function(){this.headername=JSON.parse(this.$route.query.itemDetails),o.e.room=this.headername.from_coin+"_USDT",null==this.socketApi.wsConnectionOrder.$wsOrder?this.socketApi.wsConnectionOrder.initWebSocket():this.socketApi.wsConnectionOrder.wsSend();var t=0;t=window.innerWidth>750?750:window.innerWidth,this.widith=t,this.installadd(),this.setIntervalInstall(),this.tickers(),this.futurepublic()},computed:{getWsMsg:function(){return this.$store.state.orderWebSocketMsg}},watch:{getWsMsg:function(t){var e=t.data,i=JSON.parse(e);if("futures"===i.class&&"currencyPrice"===i.action){var s=i.data.bids,a=i.data.asks;this.dovkrtjson(s,a)}"futures"===i.class&&"trend"===i.action&&i.data.from_coin==this.headername.from_coin&&(this.header=i.data)}},methods:{dovkrtjson:function(t,e){var i=[],s=[];t.map(function(t){i.push(t.s)}),e.map(function(t){s.push(t.s)});var a=Math.max.apply(null,i),n=Math.max.apply(null,s),o=[],c=[];t.forEach(function(t){var e=t.s/a*100;o.push(r()({},t,{percentage:e}))}),e.forEach(function(t){var e=t.s/n*100;c.push(r()({},t,{percentage:e}))}),this.asks=o,this.bids=c},futurepublic:function(){var t=this,e={from_coin:this.headername.from_coin};this.$api.quotation.futuresglobal(e).then(function(e){t.collect=e.data.is_like})},setIntervalInstall:function(){var t=this;t.install(),this.inter&&clearInterval(this.inter),this.inter=setInterval(function(){t.install()},5e3)},install:function(){var t=this;this.rawDate=[];var e={currency:this.headername.from_coin,interval:this.interval,limit:this.limit};this.$api.quotation.candlesticks(e).then(function(e){var i=[],s=[];e.data.forEach(function(t){var e=[],a={},n={},r=new Date(t.t).getTime();r+=288e5,e.time=r/1e3,e.open=Number(t.o),e.high=Number(t.h),e.low=Number(t.l),e.close=Number(t.c),a.time=r/1e3,a.value=Number(t.v),n.time=r/1e3,n.value=Number(t.v),a.color="rgba(0, 150, 136, 0.8)",s.push(a),i.push(e)}),t.add(i,s)})},tickers:function(){var t=this,e={currency:this.headername.from_coin};this.$api.quotation.tickers(e).then(function(e){t.header=e.data[0]})},clTime:function(t,e){var i=this;this.time.forEach(function(t,s){s==e&&(i.interval=t)}),this.curTime=t.name,this.setIntervalInstall()},installadd:function(){var t=LightweightCharts.createChart(this.$refs.echartContainer,{width:this.widith,height:300,upColor:"#6495ED",downColor:"#FF6347",borderVisible:!1,wickVisible:!0,borderColor:"#000000",wickColor:"#000000",borderUpColor:"#4682B4",borderDownColor:"#A52A2A",wickUpColor:"#4682B4",wickDownColor:"#A52A2A",localization:{locale:"en-US",dateFormat:"yyyy/MM/dd"},layout:{backgroundColor:"#131f30",textColor:"#6e86a8",vertLine:{color:"#131f30"},horzLine:{color:"#131f30"},scaleMargins:{top:.3,bottom:.25}},grid:{vertLines:{color:"#131f30",style:1,visible:!0},horzLines:{color:"#131f30",style:1,visible:!0}},crosshair:{mode:LightweightCharts.CrosshairMode.Normal}});t.applyOptions({timeScale:{borderVisible:!1,timeVisible:!0}}),this.chart=t,this.candlestickSeries=t.addCandlestickSeries(),this.volumeSeries=t.addHistogramSeries({color:"#26a69a",priceFormat:{type:"volume"},priceScaleId:"",scaleMargins:{top:.8,bottom:0}}),this.lineSeries=t.addLineSeries({color:"#f48fb1",lineStyle:0,lineWidth:1,crosshairMarkerVisible:!0,crosshairMarkerRadius:6,lineType:1}),this.lineSeries.applyOptions({color:"rgba(255, 44, 128, 1)",lineWidth:3})},add:function(t,e){var i=t;this.candlestickSeries.setData(i);var s=e;console.log(s),this.volumeSeries.setData(s)},news:function(t){console.log(t)},enshrine:function(){var t=this,e={coin:this.headername.from_coin};this.$api.home.coinLike(e).then(function(e){t.collect=!t.collect})},abolish:function(){var t=this,e={coin:this.headername.from_coin};this.$api.home.coindislike(e).then(function(e){t.collect=!t.collect})},subbottom:function(){var t=a()(this.headername);this.$router.push({name:"contract",query:{itemDetails:t}})}},beforeCreate:function(){},created:function(){},beforeMount:function(){},beforeUpdate:function(){},updated:function(){},beforeDestroy:function(){clearInterval(this.inter),this.inter=null},destroyed:function(){},activated:function(){}},l={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"bg"},[i("app-nav",{attrs:{back:!0}},[i("span",[t._v(t._s(t.headername.from_coin)+"/"+t._s(t.headername.to_coin))]),t._v(" "),i("template",{attrs:{slot:"recharge"},slot:"recharge"},[i("div",{staticClass:"collect"},[t.collect?i("p",{on:{click:t.abolish}},[i("van-icon",{staticClass:"icon active",attrs:{name:"star"}})],1):i("p",{on:{click:t.enshrine}},[i("van-icon",{staticClass:"icon",attrs:{name:"star-o"}})],1)])])],2),t._v(" "),i("div",{staticClass:"header"},[i("div",{staticClass:"headerTop"},[i("div",{staticClass:"headerTopLeft"},[i("div",{staticClass:"price",class:{red:Number(t.header.last)<0,green:Number(t.header.last)>=0}},[t._v("\n "+t._s(t.header.last)+"\n ")]),t._v(" "),i("div",{staticClass:"text"},[t._v("≈＄"+t._s(t.header.last)),i("span",{staticClass:"rate",class:{red:Number(t.header.change_percentage)<0,green:Number(t.header.change_percentage)>=0}},[t._v(t._s(t.header.change_percentage))])])]),t._v(" "),i("div",{staticClass:"headerTopRight"},[i("div",{staticClass:"item_text"},[i("div",{staticClass:"name"},[t._v(" "+t._s(t.$t("24H高")))]),t._v(" "),i("div",{staticClass:"number"},[t._v(t._s(t.header.high_24h))])]),t._v(" "),i("div",{staticClass:"item_text"},[i("div",{staticClass:"name"},[t._v(" "+t._s(t.$t("24H量"))+t._s(t.headername.from_coin))]),t._v(" "),i("div",{staticClass:"number"},[t._v(t._s(t.header.volume_24h_base))])]),t._v(" "),i("div",{staticClass:"item_text"},[i("div",{staticClass:"name"},[t._v(" "+t._s(t.$t("24H低")))]),t._v(" "),i("div",{staticClass:"number"},[t._v(t._s(t.header.low_24h))])]),t._v(" "),i("div",{staticClass:"item_text"},[i("div",{staticClass:"name"},[t._v(" "+t._s(t.$t("24H额"))+"("+t._s(t.headername.to_coin)+")")]),t._v(" "),i("div",{staticClass:"number"},[t._v(t._s(t.header.volume_24h_settle))])])])]),t._v(" "),i("div",{staticClass:"headerTime"},[i("div",{staticClass:"leftTime"},[i("div",{staticClass:"itemTime"},[t._v(" "+t._s(t.$t("分时")))])]),t._v(" "),i("div",{staticClass:"rightTime"},t._l(t.TimeList,function(e,s){return i("div",{key:s,staticClass:"itemTime",class:{active:t.curTime==e.name},on:{click:function(i){t.clTime(e,s)}}},[t._v(t._s(t.$t(e.name))+"\n ")])}))])]),t._v(" "),i("div",{staticClass:"idName"},[i("div",{ref:"echartContainer"})]),t._v(" "),i("div",{staticClass:"list"},[i("div",{staticClass:"list_title"},[i("span",[t._v(t._s(t.$t("委托挂单")))])]),t._v(" "),i("div",{staticClass:"list_inner"},[i("div",{staticClass:"list_left"},[i("div",{staticClass:"title"},[t._v(t._s(t.$t("买")))]),t._v(" "),t._l(t.asks,function(e,s){return i("div",{key:s,staticClass:"itemList"},[i("div",{staticClass:"number"},[t._v(t._s(e.s))]),t._v(" "),i("div",{staticClass:"price green"},[t._v(t._s(e.p))]),t._v(" "),i("div",{staticClass:"itemBg greenBg",style:{width:e.percentage+"%"}})])})],2),t._v(" "),i("div",{staticClass:"list_right"},[i("div",{staticClass:"title"},[t._v(t._s(t.$t("卖")))]),t._v(" "),t._l(t.bids,function(e,s){return i("div",{key:s,staticClass:"itemList"},[i("div",{staticClass:"number"},[t._v(t._s(e.s))]),t._v(" "),i("div",{staticClass:"price red"},[t._v(t._s(e.p))]),t._v(" "),i("div",{staticClass:"leftBg redBg",style:{width:e.percentage+"%"}})])})],2)])]),t._v(" "),i("div",{staticClass:"boxSubmit"},[i("div",{staticClass:"buy",on:{click:t.subbottom}},[t._v(t._s(t.$t("买入/做多")))]),t._v(" "),i("div",{staticClass:"sell",on:{click:t.subbottom}},[t._v(t._s(t.$t("卖出/做空")))])])],1)},staticRenderFns:[]};var h=i("VU/8")(c,l,!1,function(t){i("v9Hf")},"data-v-10113ad2",null);e.default=h.exports}});
- //# sourceMappingURL=41.07f5b4e8f58eb54363cc.js.map
|
