| 12 |
- webpackJsonp([13],{D0UA:function(t,i){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAYAAACzzX7wAAAAAXNSR0IArs4c6QAAADVJREFUGFdjZEACda0T60Hcpur8RpgwI4wBkmT8/78BxP/PyNgAUwRWgCwJ0wBTxIhNElkRAFzEGhgZcuRDAAAAAElFTkSuQmCC"},EvlL:function(t,i){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAAAXNSR0IArs4c6QAAAaZJREFUOE+V0s9rD3Acx/HH++u7icNaa0zU3BzJwR9AIjN9k1KiJIq/wG0ZSnPw4yJZC4ddKNO+8s1FclFODk7k4kBobH7MbPb9vvXdL822mvfx0/v1fL8/r9c7LFH5wAY1FxR8EHqi0/BirbHYY3Yr2GqX0IdxHLbP8wj5b//igH5NmpzFyRnBDUVnosO35QHK2lHG5hnBa6kzSt4sAGTFGmOKisKkgoKiBjvUXETrjGBY6hGeCUPST6FqQi2y7JawUWrEKqxGi9QqFKYAqSZ8lcaE39Ko8F16FznoLjrFlPh/ahSDkQM2KTqNA2heJqFuZr+qy1Mp5EPrVB2XTmH93OoLaTV8Fm6ruRol7+dizIomk44K3VLLEpv8kK7jUpR8rPf8BUwfT92LXrQtARiRuozrjYMm5gPua7bCOZyYSWPa/+maHfRL6lPTFfuNzAcMalNwU9qDKobwUk6J6wdVj7WOeqTRsdjt03zAgC2K7klr8UTBHTw1ITTYiUPYJn3B3ih5NQfI+pSyDuGaVFFwxZi3s//MipWq2qUj0nac98Lj6Fb7A8NeilnEWpvFAAAAAElFTkSuQmCC"},Ms55:function(t,i){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAYAAACzzX7wAAAAAXNSR0IArs4c6QAAADRJREFUGFdjrGudWM/4/38DAxbwn5GxgREkjk0RSLKpOr8RrABdEUwSJA5XAFMEokE6YRoBKiwaGPUXOXEAAAAASUVORK5CYII="},O020:function(t,i){},djrF:function(t,i,s){"use strict";Object.defineProperty(i,"__esModule",{value:!0});var n=s("mvHQ"),a=s.n(n),e=s("TIfe"),o=s("XLwt"),c={name:"Quotation",components:{},setup:function(){return{checked:ref([])}},data:function(){return{fullscreenLoading:!0,tab:6,tabsList:[{name:"自选",id:5},{name:"现货",id:6},{name:"合约",id:7},{name:"外汇",id:999}],coinSeqencing:0,zxjSeqencing:0,zdfSeqencing:0,zgSeqencing:0,zdSeqencing:0,searchValue:"",currpage:0,page_page:1e4,TradingList:[],increase:[],loading:!1,finished:!1,isLoading:!0,offset:15,checkedList:[],checked:[],currency1:""}},computed:{getWsMsg:function(){return this.$store.state.orderWebSocketMsg}},mounted:function(){var t=this,i=Object(e.b)("commonData");this.currency1=i.currency,null==this.socketApi.wsConnectionOrder.$wsOrder?this.socketApi.wsConnectionOrder.initWebSocket():this.socketApi.wsConnectionOrder.wsSend(),this.initial(),this.handleGetHomeData(),setTimeout(function(){t.fullscreenLoading=!1},5e3)},watch:{getWsMsg:function(t){var i=t.data,s=JSON.parse(i);if(s&&"trend"==s.action&&"spot"==s.class&&"PUBLIC"==s.room&&(this.increase.forEach(function(t){t.from_coin==s.data.from_coin&&t.to_coin==s.data.to_coin&&(t.now_price=s.data.now_price,t.rate=s.data.rate)}),this.TradingList.forEach(function(t){t.from_coin==s.data.from_coin&&t.to_coin==s.data.to_coin&&(t.now_price=s.data.now_price,t.rate=s.data.rate,t.high_24h=s.data.high_24h,t.low_24h=s.data.low_24h)})),999==this.tab){s.room;this.TradingList.forEach(function(t){s.data.length&&s.data.forEach(function(i){t.symbol==i.symbol&&(t.now_price=i.now_price,t.rate=i.rate,t.high_price=i.high_price)})})}}},methods:{handleGetHomeData:function(){var t=this;this.$api.home.homeIndex().then(function(i){var s=i.data;t.increase=s.top_coin})},initial:function(){var t=this,i={page:this.currpage,page_page:this.page_page,coin:this.searchValue,type:this.tab};this.TradingList=[],this.$api.home.coinIndex(i).then(function(i){i.data.list.length>0&&(t.TradingList=i.data.list,t.$nextTick(function(){t.TradingList.forEach(function(i,s){t.renderKlineChart(i,s)}),t.fullscreenLoading=!1}))})},getlist:function(){var t=this,i={page:this.currpage,page_page:this.page_page,type:this.tab};this.TradingList=[],this.$api.quotation.forexList(i).then(function(i){console.log(i.data,"外汇数据"),t.TradingList=i.data,t.loading1=!0,t.fullscreenLoading=!1,1==t.loading&&1==t.loading1&&(t.res=!1,setTimeout(function(){t.uni=!1},1e3))})},tabClick:function(t){var i=this;this.tab=t,this.fullscreenLoading=!0,999==t?this.getlist():this.initial(),setTimeout(function(){i.fullscreenLoading=!1},5e3)},searchChange:function(){var t=this;this.fullscreenLoading=!0,999==this.tab?this.getlist():this.initial(),setTimeout(function(){t.fullscreenLoading=!1},5e3)},addend:function(t,i){var s=this,n={coin:t.from_coin};0==t.is_like?this.$api.home.coinLike(n).then(function(t){s.TradingList[i].is_like=1,s.$message({message:s.$t("操作成功"),type:"success"})}):this.$api.home.coindislike(n).then(function(t){s.TradingList[i].is_like=0,s.$message({message:s.$t("操作成功"),type:"success"})})},currency:function(){0===this.coinSeqencing?(this.coinSeqencing=1,this.TradingList.sort(function(t,i){return t.from_coin.localeCompare(i.from_coin)})):(this.coinSeqencing=0,this.TradingList.sort(function(t,i){return i.from_coin.localeCompare(t.from_coin)}))},reorder:function(){0===this.zxjSeqencing?(this.zxjSeqencing=1,this.TradingList.sort(function(t,i){return i.now_price-t.now_price})):(this.zxjSeqencing=0,this.TradingList.sort(function(t,i){return t.now_price-i.now_price}))},etc:function(){0===this.zdfSeqencing?(this.zdfSeqencing=1,this.TradingList.sort(function(t,i){return i.rate-t.rate})):(this.zdfSeqencing=0,this.TradingList.sort(function(t,i){return t.rate-i.rate}))},highest:function(){0===this.zgSeqencing?(this.zgSeqencing=1,this.TradingList.sort(function(t,i){return i.rate-t.rate})):(this.zgSeqencing=0,this.TradingList.sort(function(t,i){return t.rate-i.rate}))},lowest:function(){0===this.zdSeqencing?(this.zdSeqencing=1,this.TradingList.sort(function(t,i){return i.rate-t.rate})):(this.zdSeqencing=0,this.TradingList.sort(function(t,i){return t.rate-i.rate}))},renderKlineChart:function(t,i){var s=this;this.$nextTick(function(){var n=document.getElementById("kline-"+i);if(n)if(t.price_trend){var a=o.init(n),e=s.processKlineData(t.price_trend),c={grid:{left:5,right:5,top:5,bottom:5},xAxis:{type:"category",show:!1,data:e.map(function(t,i){return i})},yAxis:{type:"value",show:!1,scale:!0},series:[{type:"line",data:e,smooth:!0,symbol:"none",lineStyle:{color:"#10ccb2",width:1},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:"#09C164"},{offset:1,color:"rgba(16, 204, 178, 0.05)"}]}}}]};a.setOption(c)}else console.log("未找到price_trend数据")})},processKlineData:function(t){return Array.isArray(t)&&0!==t.length?t.slice(-10).map(function(t){return parseFloat(t)}):[]},jump:function(t){t.tab=this.tab;var i=a()(t||{});console.log(i),999!=this.tab?this.$router.push({name:"contract",query:{itemDetails:i}}):this.$router.push({name:"forexList",query:{itemDetails:i}})}}},r={render:function(){var t=this,i=t.$createElement,n=t._self._c||i;return n("div",{directives:[{name:"loading",rawName:"v-loading.fullscreen.lock",value:t.fullscreenLoading,expression:"fullscreenLoading",modifiers:{fullscreen:!0,lock:!0}}],staticClass:"quotation"},[n("div",{staticClass:"quotation_bt"},[n("div",{staticClass:"quotation_info_tabs_l"},[t._v("\n "+t._s(t.$t("行情"))+"\n ")]),t._v(" "),n("div",{staticClass:"quotation_info_tabs_r"},[n("el-input",{attrs:{placeholder:t.$t("搜索"),size:"small",clearable:""},on:{change:t.searchChange},model:{value:t.searchValue,callback:function(i){t.searchValue=i},expression:"searchValue"}})],1)]),t._v(" "),n("div",{staticClass:"quotation_info"},[n("div",{staticClass:"quotation_info_tabs"},[n("div",{staticClass:"quotation_info_tabs_l"},t._l(t.tabsList,function(i,s){return n("div",{key:s,staticClass:"quotation_info_tabs_l_tab",class:i.id==t.tab?"quotation_info_tabs_l_tabT":"",on:{click:function(s){t.tabClick(i.id)}}},[t._v("\n "+t._s(t.$t(i.name))+"\n ")])}))]),t._v(" "),999!=t.tab?n("div",{staticClass:"quotation_top"},[n("div",{staticClass:"quotation_top_list"},t._l(t.increase.slice(0,3),function(i,s){return n("div",{key:s,staticClass:"quotation_top_list_info"},[n("div",{staticClass:"info_top"},[n("div",{staticClass:"info_top_coin"},[n("img",{attrs:{src:i.icon,alt:""}}),t._v(" "),n("span",[t._v(t._s(i.from_coin)+" / "+t._s(i.to_coin))])]),t._v(" "),n("div",{staticClass:"info_top_bfb",class:{redBg:Number(i.rate)<0,greenBg:Number(i.rate)>=0}},[t._v("\n "+t._s(i.rate)+"%\n ")])]),t._v(" "),n("div",{staticStyle:{display:"flex","justify-content":"space-between"}},[n("p",{staticClass:"info_p"},[n("span",{staticClass:"info_p_s"},[t._v(t._s(i.now_price))]),t._v(" "),n("span",[t._v(" ≈ $ "+t._s(i.now_price)+" ")])]),t._v(" "),n("p",{staticClass:"info_cj"},[n("span",{staticClass:"info_cj_t"},[t._v(t._s(t.$t("24H成交量")))]),t._v(" "),n("span",[t._v(" "+t._s(i.base_volume)+" ")])])])])}))]):t._e(),t._v(" "),t.TradingList.length>0?[n("div",{staticClass:"quotation_info_title"},[n("div",{staticClass:"quotation_info_sc"}),t._v(" "),n("div",{staticClass:"quotation_info_coin"},[n("span",{staticStyle:{cursor:"pointer"},on:{click:function(i){t.currency()}}},[t._v(t._s(t.$t("交易所")))]),t._v(" "),n("div",{staticClass:"sx",staticStyle:{cursor:"pointer"},on:{click:function(i){t.currency()}}},[n("img",{staticClass:"sx_s",attrs:{src:s("D0UA"),alt:""}}),t._v(" "),n("img",{staticClass:"sx_x",attrs:{src:s("Ms55"),alt:""}})])]),t._v(" "),n("div",{staticClass:"quotation_info_zxj"},[n("span",{staticStyle:{cursor:"pointer"},on:{click:function(i){t.reorder()}}},[t._v(t._s(t.$t("最新价")))]),t._v(" "),n("div",{staticClass:"sx",staticStyle:{cursor:"pointer"},on:{click:function(i){t.reorder()}}},[n("img",{staticClass:"sx_s",attrs:{src:s("D0UA"),alt:""}}),t._v(" "),n("img",{staticClass:"sx_x",attrs:{src:s("Ms55"),alt:""}})])]),t._v(" "),n("div",{staticClass:"quotation_info_zdf"},[n("span",{staticStyle:{cursor:"pointer"},on:{click:function(i){t.etc()}}},[t._v(t._s(t.$t("24H涨跌幅")))]),t._v(" "),n("div",{staticClass:"sx",staticStyle:{cursor:"pointer"},on:{click:function(i){t.etc()}}},[n("img",{staticClass:"sx_s",attrs:{src:s("D0UA"),alt:""}}),t._v(" "),n("img",{staticClass:"sx_x",attrs:{src:s("Ms55"),alt:""}})])]),t._v(" "),n("div",{staticClass:"quotation_info_zg"},[n("span",{staticStyle:{cursor:"pointer"},on:{click:function(i){t.highest()}}},[t._v(t._s(t.$t("24H最高")))]),t._v(" "),n("div",{staticClass:"sx",staticStyle:{cursor:"pointer"},on:{click:function(i){t.highest()}}},[n("img",{staticClass:"sx_s",attrs:{src:s("D0UA"),alt:""}}),t._v(" "),n("img",{staticClass:"sx_x",attrs:{src:s("Ms55"),alt:""}})])]),t._v(" "),999!=t.tab?n("div",{staticClass:"quotation_info_zd"},[n("span",[t._v(t._s(t.$t("K线")))])]):t._e(),t._v(" "),n("div",{staticClass:"quotation_info_cz"},[n("span",[t._v(t._s(t.$t("操作")))])])]),t._v(" "),t._l(t.TradingList,function(i,a){return n("div",{key:a,staticClass:"quotation_info_data"},[999!=t.tab?n("div",{staticClass:"quotation_info_sc sc",on:{click:function(s){t.addend(i,a)}}},[0==i.is_like?n("img",{attrs:{src:s("mupe"),alt:""}}):n("img",{attrs:{src:s("EvlL"),alt:""}})]):t._e(),t._v(" "),n("div",{staticClass:"quotation_info_coin coin"},[n("img",{attrs:{src:i.icon,alt:""}}),t._v(" "),999!=t.tab?n("div",{staticClass:"coin_text"},[n("span",[t._v(t._s(i.from_coin))]),n("span",{staticClass:"coin_text2"},[t._v(" / "+t._s(i.to_coin))])]):n("div",{staticClass:"coin_text"},[t._v(t._s(i.from)+"/"),n("span",{staticClass:"coin_text2"},[t._v(t._s(i.to))])])]),t._v(" "),n("div",{staticClass:"quotation_info_zxj zxj"},[n("div",{staticClass:"zxj_text"},[n("span",[t._v(t._s(i.now_price))]),n("span",{staticClass:"zxj_text2"},[t._v(" ≈ $ "+t._s(i.now_price))])])]),t._v(" "),n("div",{staticClass:"quotation_info_zdf zdf"},[n("span",{class:{green:Number(i.rate)>=0,red:Number(i.rate)<0}},[t._v(t._s(i.rate)+"%")])]),t._v(" "),n("div",{staticClass:"quotation_info_zg zg"},[999!=t.tab?n("span",[t._v(t._s(i.high_24h))]):n("span",[t._v(t._s(i.high_price))])]),t._v(" "),999!=t.tab?n("div",{staticClass:"quotation_info_zd zd"},[n("div",{staticClass:"kline-container",staticStyle:{width:"150px",height:"60px"},attrs:{id:"kline-"+a}})]):t._e(),t._v(" "),n("div",{staticClass:"quotation_info_cz cz"},[n("span",{on:{click:function(s){t.jump(i)}}},[t._v(t._s(t.$t("详情")))])])])})]:n("div",{staticClass:"no_data"},[t._v("\n "+t._s(t.$t("暂无数据"))+"\n ")])],2)])},staticRenderFns:[]};var l=s("VU/8")(c,r,!1,function(t){s("O020")},"data-v-2fd5e911",null);i.default=l.exports},mupe:function(t,i){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAAAXNSR0IArs4c6QAAAiJJREFUOE+Nks1rU1EQxc+57720SVFqUCsKdeemmGKxEEwrvlYC2rgSAqIgoqB/QXfFqCB14cdGxFLUhRsFF7oIgmjUYEhLLYWutG4UFKvV1ppq8/JyR276gdEEOqvLZeY3M+cMUSdyuYltnvYvKvIztTPY3R2ZrZXKWp+pVEr1xg/FfS3DFCkK1dF9sY4RkvJvfk1AOp9f3+Rb5wQ8bQoEcjNol89Go9H5NQGeZMdabeIRgchywVspeQnX3fPuP8DL8fFNKGhbKcVSyVOA2KLsHqV4CcTGpQLOaq0HSeYarMBMuez98iyv7PgBzeevxm5DuF1EAgSCIEKADgPKFKvljhrgD0B+AywRsqCBn4R8NID7EEkADNZzpPrf6EiIYIHEQ2azEzt8+v0EDgNoXhsE8xDcLStcqbiQGR3dgiJPEjwDYutfo1fxSGoR+Qbwjgdei3d1fFq10VgX8uzjVEgJEK49CQuAvtFoN16ORndOV+RdSTTHs9ftS9DiEIGWOqvMCWTg64bQULKtzasCZDKZZjrrzgM4BePGUqxc3nIjWSQwrEv2gOvumqsC5POTLUW/eEuAAwDKAGYgahIUI3nE3ARpnvLYoXMiFmv/UgV4lh1pV7QfAHqz0ZXgPV/ZL1RxkbCc/UrJEQE6BfgukL6ers43qwARYSb7+qBSuA4iTcu6Ov1h6n0ymazsmU5PNTSFC6305ZiGdn3Ihd7Y7qfGlT+NlNbbbgLfjgAAAABJRU5ErkJggg=="}});
- //# sourceMappingURL=13.486bcf88d2b421e9d2aa.js.map
|
