10 lines
11 KiB
JavaScript
10 lines
11 KiB
JavaScript
import{g as h,h as f,x as m,R as B,o as A,c as p,a as t,K as L,_ as v,j as E,w as F,t as C,F as z,D as R,b as _,s as D,p as k,f as O}from"./index.2a72fe30.js";import{C as T}from"./index.aee31608.js";import{i as g,L as y}from"./index.201c3aba.js";import{_ as M}from"./index.vue_vue_type_script_setup_true_lang.ac9c313e.js";const W="/vue-admin-perfect/assets/circle-bg.dedbd709.png",$="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAPCAMAAAAF48UCAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAe1BMVEUAAAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAAAAADSEKGcAAAAJ3RSTlMAItNp5Diy9xpy1kCoMZGC9PLp0QQNEZrJDgVerGy2Z7ljvL/YR6mccWXvAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAGJJREFUCNdNzEkSgzAMRFGBgSSMMYR5CgnQ978hshFV/I3epkXEOa6iKw/whQGAx9PyBVNoGOEsJkpwlVKGt5XOC/qUVc1s2s6Oe/YgP0f2JJ7ZX/HC/t38Fyv2Kt601jvfA+R8C1Cz+gi5AAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTA1LTIyVDE4OjQ1OjI2KzA4OjAwOmcHGQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0wNS0yMlQxODo0NToyNiswODowMEs6v6UAAAAASUVORK5CYII=",I={class:"m-full-screen-container"},G=h({__name:"full-screen-container",setup(u){const r=f(!0),e=f(),i=()=>{const{clientWidth:a,clientHeight:s}=document.body;var o=1920,c=1080;let l,d,n;a/s>o/c?(n=s/c,d=0,l=(a-o*n)/2):(n=a/o,l=0,d=(s-c*n)/2),r.value&&Object.assign(e.value.style,{transform:`scale(${n})`,left:`${l}px`,top:`${d}px`})};return m(()=>{r.value=!0,i(),window.addEventListener("resize",i)}),B(()=>{r.value=!1,window.removeEventListener("resize",i)}),(a,s)=>(A(),p("div",I,[t("div",{ref_key:"domRef",ref:e,class:"inner"},[L(a.$slots,"default",{},void 0,!0)],512)]))}});const V=v(G,[["__scopeId","data-v-b8ff7a7a"]]),N=h({__name:"index",setup(u){const r=f(),e={grid:{top:"10%",left:"3%",right:"4%",bottom:"10%",containLabel:!0},tooltip:{trigger:"axis",backgroundColor:"rgba(0,0,0,0.7)",borderWidth:0,borderColor:"rgba(0,0,0,0.7)",formatter:(s,o)=>`
|
|
<div class="m-info" style=" opacity: 0.95;font-size: 12px; color: white;" >
|
|
<div class="title" ></div>
|
|
<div class="title" >\u5B8C\u6210\u5360\u6BD4${s[0].data}</div>
|
|
</div>`},yAxis:{axisLabel:{color:"#bbdaff",margin:20},splitLine:{lineStyle:{color:"#2d5baf"}}},xAxis:{splitLine:{show:!1},axisLine:{lineStyle:{color:"#2d5baf"}},type:"category",data:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],axisLabel:{color:"#bbdaff",margin:20},boundaryGap:!1,axisTick:{show:!1}},series:[{data:[154,230,224,218,135,147,260],type:"line",symbolSize:12,symbol:"circle",markLine:{silent:!0},itemStyle:{normal:{color:"#920783",lineStyle:{width:3,color:"#920783",type:"solid"}}}}]};let i;const a=()=>{const s=g(r.value);return s.setOption(e),s};return m(()=>{i=a(),window.addEventListener("resize",function(){i&&i.resize()})}),(s,o)=>(A(),p("div",{class:"echarts",ref_key:"chartsRef",ref:r},null,512))}});const J=v(N,[["__scopeId","data-v-97a5c5a4"]]),Q=h({__name:"index",setup(u){const r=f(),e=[154,230,224,218,135,147,260],i=["#fa796f","#54c1fb","#ca6cd4","#59dcc1","#09a4ea","#e98f4d","#ea8e49"],a=[];e.forEach((l,d)=>{let n={value:e[d],itemStyle:{color:i[d]}};a.push(n)});const s={color:i,grid:{top:"10%",left:"3%",right:"4%",bottom:"10%",containLabel:!0},tooltip:{trigger:"axis",backgroundColor:"rgba(0,0,0,0.7)",borderWidth:0,borderColor:"rgba(0,0,0,0.7)",formatter:(l,d)=>`
|
|
<div class="m-info" style=" opacity: 0.95;font-size: 12px; color: white;" >
|
|
<div class="title" ></div>
|
|
<div class="title" >\u5B8C\u6210\u5360\u6BD4${l[0].value}</div>
|
|
</div>`},yAxis:{type:"value",axisLabel:{color:"#bbdaff",margin:20},axisTick:{show:!1},splitLine:{lineStyle:{color:"#2d5baf"}}},xAxis:{type:"category",splitLine:{show:!1},axisLine:{lineStyle:{color:"#2d5baf"}},data:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],axisLabel:{color:"#bbdaff",margin:20},axisTick:{show:!1}},series:[{data:a,type:"bar",barMaxWidth:18,markLine:{silent:!0}}]};let o;const c=()=>{const l=g(r.value);return l.setOption(s),l};return m(()=>{o=c(),window.addEventListener("resize",function(){o&&o.resize()})}),(l,d)=>(A(),p("div",{class:"echarts",ref_key:"chartsRef",ref:r},null,512))}});const U=v(Q,[["__scopeId","data-v-083a7a00"]]),Y=h({__name:"index",setup(u){const r=f();let e=["#46ea91","#2ba0ff","#ed593b","#7357ff","#f2d750"];const i={legend:{icon:"circle",top:"5%",right:"5%",itemWidth:6,itemGap:5,textStyle:{color:"#fff",padding:[3,0,0,0]}},tooltip:{trigger:"axis"},grid:{top:"14%",left:"3%",right:"4%",bottom:"10%",containLabel:!0},xAxis:[{type:"category",data:["1","2","3","4","5","6","7","8"],axisLine:{lineStyle:{color:"#33BBFF"}},axisTick:{show:!1},axisLabel:{interval:0,textStyle:{color:"#5FBBEB"},fontSize:12,margin:10},axisPointer:{label:{padding:[0,0,0,0],margin:10,fontSize:12,backgroundColor:"rgba(0,0,0,0)"}},boundaryGap:!1}],yAxis:[{name:"\u5355\u4F4D/\u4EF6",axisTick:{show:!1},axisLine:{show:!0,lineStyle:{color:"#05D5FF"}},axisLabel:{textStyle:{color:"#5FBBEB"}},splitLine:{show:!1}}],series:[{name:"\u54A8\u8BE2",type:"line",data:[100,20,30,102,15,30,20,18],symbolSize:1,symbol:"circle",smooth:!0,showSymbol:!1,lineStyle:{width:2,color:new y(1,1,0,0,[{offset:0,color:"#90ffc6"},{offset:1,color:"#46ea91"}]),shadowColor:"rgba(144, 255, 198, .3)",shadowBlur:5,shadowOffsetY:5},itemStyle:{normal:{color:e[0],borderColor:e[0]}}},{name:"\u6C42\u52A9",type:"line",data:[20,12,11,14,25,16,10,20],symbolSize:1,symbol:"circle",smooth:!0,showSymbol:!1,lineStyle:{width:2,color:new y(1,1,0,0,[{offset:0,color:"#67bcfc"},{offset:1,color:"#2ba0ff"}]),shadowColor:"rgba(105, 188, 252,.3)",shadowBlur:5,shadowOffsetY:5},itemStyle:{normal:{color:e[1],borderColor:e[1]}}},{name:"\u65E0\u6548",type:"line",data:[150,120,170,140,100,160,110,110],symbolSize:1,symbol:"circle",smooth:!0,showSymbol:!1,lineStyle:{width:2,color:new y(1,1,0,0,[{offset:0,color:"#fc937e "},{offset:1,color:"#ed593b"}]),shadowColor:"rgb(252, 147, 126,.3)",shadowBlur:2,shadowOffsetY:2},itemStyle:{normal:{color:e[2],borderColor:e[2]}}},{name:"\u6295\u8BC9\u4E3E\u62A5",type:"line",data:[200,80,100,30,60,50,110,20],symbolSize:1,symbol:"circle",smooth:!0,showSymbol:!1,lineStyle:{width:2,color:new y(1,1,0,0,[{offset:0,color:"#a390ff"},{offset:1,color:"#7357ff"}]),shadowColor:"rgba(115, 87, 255, .1)",shadowBlur:5,shadowOffsetY:5},itemStyle:{normal:{color:e[3],borderColor:e[3]}}},{name:"\u5EFA\u8BAE",type:"line",data:[20,80,150,30,60,50,50,20],symbolSize:1,symbol:"circle",smooth:!0,showSymbol:!1,lineStyle:{width:2,color:new y(1,1,0,0,[{offset:0,color:"#ffeb86"},{offset:1,color:"#f2d750"}]),shadowColor:"rgba(255, 235, 134, .5)",shadowBlur:5,shadowOffsetY:5},itemStyle:{normal:{color:e[4],borderColor:e[4]}}}]};let a;const s=()=>{const o=g(r.value);return o.setOption(i),o};return m(()=>{a=s(),window.addEventListener("resize",function(){a&&a.resize()})}),(o,c)=>(A(),p("div",{ref_key:"chartsRef",ref:r,class:"echarts"},null,512))}});const j=v(Y,[["__scopeId","data-v-9cb39fc2"]]),H=h({__name:"index",setup(u){const r=f();for(var e=[{name:"\u2160\u7C7B",value:20},{name:"\u2161\u7C7B",value:20},{name:"\u2162\u7C7B",value:20},{name:"\u2163\u7C7B",value:20},{name:"\u2164\u7C7B",value:20},{name:"\u52A3\u2164\u7C7B",value:20}],i=[],a=["#fd566a","#9787ff","#fdb36a","#fdd56a","#6da7ff","#63e1f2","#ff3000"],s=0;s<e.length;s++)i.push({value:e[s].value,name:e[s].name,itemStyle:{normal:{borderWidth:5,shadowBlur:20,borderColor:a[s],shadowColor:a[s]}}},{value:2,name:"",itemStyle:{normal:{label:{show:!1},labelLine:{show:!1},color:"rgba(0, 0, 0, 0)",borderColor:"rgba(0, 0, 0, 0)",borderWidth:0}}});var o=[{name:"",type:"pie",clockWise:!1,radius:[105,109],hoverAnimation:!1,itemStyle:{normal:{label:{show:!0,position:"outside",formatter:function(n){for(var x=0,S=0,w=0;w<e.length;w++)S+=e[w].value;return x=(n.value/S*100).toFixed(0),n.name!==""?n.name+" "+x+"%":""}},labelLine:{length:10,length2:20,show:!0,color:"#00ffff"}}},data:i}];let c={color:a,title:[{text:"\u6C34\u8D28\u76D1\u6D4B",top:"44%",textAlign:"center",left:"49.50%",backgroundColor:"#163253",borderRadius:100,textStyle:{color:"#fff",fontSize:20,fontWeight:"400"}},{text:"\u6C34\u73AF\u5883\u76D1\u6D4B\u7AD9",top:"49%",textAlign:"center",left:"49.50%",textStyle:{color:"#fff",fontSize:20,fontWeight:"400"}},{text:"9",top:"53%",textAlign:"center",left:"48%",textStyle:{color:"#f6ea2f",fontSize:25,fontWeight:"800",fontStyle:"italic"}},{text:"\u4E2A",top:"53.5%",textAlign:"center",left:"50.5%",textStyle:{color:"#fff",fontSize:16,fontWeight:"400"}}],tooltip:{show:!1},toolbox:{show:!1},series:o},l;const d=()=>{const n=g(r.value);return n.setOption(c),n};return m(()=>{l=d(),window.addEventListener("resize",function(){l&&l.resize()})}),(n,x)=>(A(),p("div",{ref_key:"chartsRef",ref:r,class:"echarts"},null,512))}});const Z=v(H,[["__scopeId","data-v-3fe7c76c"]]),b=u=>(k("data-v-18a3d255"),u=u(),O(),u),K={class:"m-data-screen"},P={class:"header"},X=b(()=>t("div",{class:"header-bg-title"},"\u8BBF\u95EE\u91CF\u5927\u6570\u636E\u5C55\u793A\u5E73\u53F0",-1)),q={class:"date"},ee={class:"center"},te={class:"item"},oe=b(()=>t("div",{class:"item-icon item-icon1"},[t("img",{src:W,class:"circle-bg"})],-1)),se={class:"item-right"},ae={class:"item-right-inner"},ie=b(()=>t("div",{class:"text-title"},"\u7528\u6237\u8BBF\u95EE\u91CF",-1)),le={class:"text-number"},re=b(()=>t("div",{class:"text-der text-decenter-wrapr"},[t("span",{class:"left"},"\u540C\u6BD4\u6628\u5929"),t("img",{src:$}),t("span",{class:"right"},"+78%")],-1)),ne={class:"footer"},ce={class:"left"},de={class:"item-complex",style:{"margin-bottom":"20px"}},ue={class:"item-complex"},fe={class:"middle"},Ae={class:"migration"},_e={class:"right"},he={class:"item-complex",style:{"margin-bottom":"20px"}},me={class:"item-complex"},pe=h({__name:"index",setup(u){const r=f(),e=f(),i=f(),a=()=>{let o=new Date,c=o.getHours().toString().padStart(2,"00"),l=o.getMinutes().toString().padStart(2,"00"),d=o.getSeconds().toString().padStart(2,"00");e.value=`${c}:${l}:${d}`,i.value=setTimeout(()=>{i.value&&clearTimeout(i.value),a()},1e3)},s=()=>{let o=new Date,c=o.getFullYear(),l=o.getMonth()+1,d=o.getDate();r.value=`${c}\u5E74${l}\u6708${d}\u65E5`,a()};return m(()=>{s()}),B(()=>{i.value=null}),(o,c)=>(A(),E(V,null,{default:F(()=>[t("div",K,[t("div",P,[X,t("div",q,C(r.value)+" "+C(e.value),1)]),t("div",ee,[(A(),p(z,null,R(5,l=>t("div",te,[oe,t("div",se,[t("div",ae,[ie,t("div",le,[_(T,{startVal:0,endVal:6285,duration:4e3,separator:""})]),re])])])),64))]),t("div",ne,[t("div",ce,[t("div",de,[_(J,{width:"100%",height:"100%"})]),t("div",ue,[_(D(j))])]),t("div",fe,[t("div",Ae,[_(M,{height:"100%",width:"100%",id:"migration"})])]),t("div",_e,[t("div",he,[_(U,{width:"100%",height:"100%"})]),t("div",me,[_(D(Z))])])])])]),_:1}))}});const xe=v(pe,[["__scopeId","data-v-18a3d255"]]);export{xe as default};
|