Trang chủ Khám phá Trợ giúp
Đăng ký Đăng nhập
zhangqi
/
shuiwu
1
0
Fork 0
Các tập tin Các vấn đề 0 Yêu cầu khéo về 0 Wiki
Tree: 79caef4dd2
Branches Tags
shuiwu
/
dist
/
assets
/
index-ba09747f.js

index-ba09747f.js 17 KB
Lịch sử Raw

1 
  1. import{c as pe}from"./customBtn-111e7e47.js";import{_ as z}from"./countUp-a8097960.js";import{x as Y,A as J}from"./index-3212ed16.js";import{_ as A}from"./_plugin-vue_export-helper-c27b6911.js";import{U as f,V as r,W as _,j as a,X as s,a4 as e,a3 as b,$ as v,a5 as E,a6 as D,a as k,o as de,u as l,G as d,H as Z,a1 as ee,F as te,a2 as le,a7 as u}from"./vue-b109b72f.js";import{n as ue}from"./index-faec020b.js";import{u as me}from"./vue-router-e4a270fb.js";import"./base-9bd0269e.js";/* empty css                                                              */const be={styleJson:[{featureType:"estatelabel",elementType:"labels.text.fill",stylers:{color:"#8d694eff"}},{featureType:"restaurantlabel",elementType:"labels",stylers:{visibility:"off"}},{featureType:"restaurantlabel",elementType:"labels.icon",stylers:{visibility:"off"}},{featureType:"lifeservicelabel",elementType:"labels",stylers:{visibility:"off"}},{featureType:"lifeservicelabel",elementType:"labels.icon",stylers:{visibility:"off"}},{featureType:"transportationlabel",elementType:"labels.icon",stylers:{visibility:"off"}},{featureType:"transportationlabel",elementType:"labels",stylers:{visibility:"on"}},{featureType:"financelabel",elementType:"labels.icon",stylers:{visibility:"off"}},{featureType:"financelabel",elementType:"labels",stylers:{visibility:"off"}},{featureType:"land",elementType:"geometry",stylers:{color:"#ffffffff"}},{featureType:"building",elementType:"geometry.topfill",stylers:{color:"#e7dfd6ff"}},{featureType:"building",elementType:"geometry.sidefill",stylers:{color:"#f4ebe2ff"}},{featureType:"building",elementType:"geometry.stroke",stylers:{color:"#b9a797ff"}},{featureType:"estatelabel",elementType:"labels.text.stroke",stylers:{color:"#ebe1d8ff"}},{featureType:"estatelabel",elementType:"labels.icon",stylers:{visibility:"off"}},{featureType:"estatelabel",elementType:"labels.text",stylers:{fontsize:28}},{featureType:"manmade",elementType:"labels.text.fill",stylers:{color:"#72533aff"}},{featureType:"manmade",elementType:"geometry",stylers:{color:"#ecececff"}},{featureType:"manmade",elementType:"labels.text",stylers:{fontsize:36}},{featureType:"manmade",elementType:"labels.text.stroke",stylers:{color:"#b6997fff"}},{featureType:"green",elementType:"geometry",stylers:{color:"#ecececff"}},{featureType:"education",elementType:"geometry",stylers:{color:"#ecececff"}},{featureType:"medical",elementType:"geometry",stylers:{color:"#ecececff"}},{featureType:"scenicspots",elementType:"geometry",stylers:{color:"#ecececff"}},{featureType:"entertainment",elementType:"geometry",stylers:{visibility:"off"}},{featureType:"estate",elementType:"geometry",stylers:{color:"#ecececff"}},{featureType:"shopping",elementType:"geometry",stylers:{color:"#ecececff",visibility:"on"}},{featureType:"transportation",elementType:"geometry",stylers:{color:"#ecececff"}},{featureType:"transportation",elementType:"labels.text.fill",stylers:{color:"#72533aff"}},{featureType:"transportation",elementType:"labels.text.stroke",stylers:{color:"#b6997fff"}},{featureType:"transportation",elementType:"labels.text",stylers:{fontsize:36}},{featureType:"medical",elementType:"labels.text.fill",stylers:{color:"#72533aff"}},{featureType:"medical",elementType:"labels.text.stroke",stylers:{color:"#b6997fff"}},{featureType:"medical",elementType:"labels.text",stylers:{fontsize:36}},{featureType:"education",elementType:"labels.text.fill",stylers:{color:"#72533aff"}},{featureType:"education",elementType:"labels.text.stroke",stylers:{color:"#b6997fff"}},{featureType:"education",elementType:"labels.text",stylers:{fontsize:36}},{featureType:"carservicelabel",elementType:"labels",stylers:{visibility:"off"}},{featureType:"carservicelabel",elementType:"labels.icon",stylers:{visibility:"off"}},{featureType:"shoppinglabel",elementType:"labels.icon",stylers:{visibility:"off"}},{featureType:"hotellabel",elementType:"labels.icon",stylers:{visibility:"off"}},{featureType:"governmentlabel",elementType:"labels.icon",stylers:{visibility:"off"}},{featureType:"companylabel",elementType:"labels.icon",stylers:{visibility:"off"}},{featureType:"businesstowerlabel",elementType:"labels.icon",stylers:{visibility:"off"}},{featureType:"entertainmentlabel",elementType:"labels",stylers:{visibility:"off"}},{featureType:"entertainmentlabel",elementType:"labels.icon",stylers:{visibility:"off"}},{featureType:"medicallabel",elementType:"labels.icon",stylers:{visibility:"off"}},{featureType:"educationlabel",elementType:"labels.icon",stylers:{visibility:"off"}},{featureType:"scenicspotslabel",elementType:"labels.icon",stylers:{visibility:"off"}},{featureType:"airportlabel",elementType:"labels.icon",stylers:{visibility:"off"}},{featureType:"airportlabel",elementType:"labels.text",stylers:{fontsize:36}},{featureType:"airportlabel",elementType:"labels.text.fill",stylers:{color:"#72533aff"}},{featureType:"airportlabel",elementType:"labels.text.stroke",stylers:{color:"#b6997fff"}},{featureType:"scenicspotslabel",elementType:"labels.text",stylers:{fontsize:28}},{featureType:"scenicspotslabel",elementType:"labels.text.fill",stylers:{color:"#4a4a4aff"}},{featureType:"scenicspotslabel",elementType:"labels.text.stroke",stylers:{color:"#ffffffff"}},{featureType:"educationlabel",elementType:"labels.text.fill",stylers:{color:"#8d694eff"}},{featureType:"educationlabel",elementType:"labels.text.stroke",stylers:{color:"#ebe1d8ff"}},{featureType:"educationlabel",elementType:"labels.text",stylers:{fontsize:26}},{featureType:"medicallabel",elementType:"labels.text.fill",stylers:{color:"#8d694eff"}},{featureType:"medicallabel",elementType:"labels.text.stroke",stylers:{color:"#ebe1d8ff"}},{featureType:"medicallabel",elementType:"labels.text",stylers:{fontsize:24}},{featureType:"businesstowerlabel",elementType:"labels.text.stroke",stylers:{color:"#ebe1d8ff"}},{featureType:"businesstowerlabel",elementType:"labels.text.fill",stylers:{color:"#8d694eff"}},{featureType:"businesstowerlabel",elementType:"labels.text",stylers:{fontsize:24}},{featureType:"companylabel",elementType:"labels",stylers:{visibility:"off"}},{featureType:"hotellabel",elementType:"labels.text.fill",stylers:{color:"#8d694eff"}},{featureType:"hotellabel",elementType:"labels.text.stroke",stylers:{color:"#ebe1d8ff"}},{featureType:"hotellabel",elementType:"labels.text",stylers:{fontsize:24}},{featureType:"shoppinglabel",elementType:"labels.text.fill",stylers:{color:"#8d694eff"}},{featureType:"shoppinglabel",elementType:"labels.text.stroke",stylers:{color:"#ebe1d8ff"}},{featureType:"transportationlabel",elementType:"labels.text.fill",stylers:{color:"#4a4a4aff"}},{featureType:"transportationlabel",elementType:"labels.text",stylers:{fontsize:24}},{featureType:"scenicspots",elementType:"labels.text.fill",stylers:{color:"#72533aff"}},{featureType:"scenicspots",elementType:"labels.text.stroke",stylers:{color:"#b6997fff"}},{featureType:"scenicspots",elementType:"labels.text",stylers:{fontsize:36}},{featureType:"governmentlabel",elementType:"labels.text.fill",stylers:{color:"#4a4a4aff"}},{featureType:"scenicspotslabel",elementType:"labels",stylers:{visibility:"off"}},{featureType:"district",elementType:"labels.text.fill",stylers:{color:"#ffffffff"}},{featureType:"district",elementType:"labels.text.stroke",stylers:{color:"#72533aff",weight:3.5}},{featureType:"town",elementType:"labels.text.stroke",stylers:{color:"#72533aff",weight:3}},{featureType:"town",elementType:"labels.text.fill",stylers:{color:"#ffffffff"}},{featureType:"village",elementType:"labels.text.stroke",stylers:{color:"#ffffffff",weight:2.5}},{featureType:"village",elementType:"labels.text.fill",stylers:{color:"#72533aff",weight:40}},{featureType:"village",elementType:"labels.text",stylers:{fontsize:20}},{featureType:"highway",elementType:"geometry.fill",stylers:{color:"#fdf0daff"}},{featureType:"highway",elementType:"geometry.stroke",stylers:{color:"#ffd993ff"}},{featureType:"highway",elementType:"labels.text.fill",stylers:{color:"#000000ff"}},{featureType:"highway",elementType:"labels.text.stroke",stylers:{color:"#ffffffff"}},{featureType:"nationalway",elementType:"geometry.fill",stylers:{color:"#fdf0daff"}},{featureType:"nationalway",elementType:"geometry.stroke",stylers:{color:"#ffd993ff"}},{featureType:"nationalway",elementType:"labels.text.fill",stylers:{color:"#000000ff"}},{featureType:"nationalway",elementType:"labels.text.stroke",stylers:{color:"#ffffffff"}},{featureType:"provincialway",elementType:"geometry.stroke",stylers:{color:"#ffd993ff"}},{featureType:"provincialway",elementType:"geometry.fill",stylers:{color:"#fdf0daff"}},{featureType:"provincialway",elementType:"labels.text.fill",stylers:{color:"#000000ff"}},{featureType:"provincialway",elementType:"labels.text.stroke",stylers:{color:"#ffffffff"}},{featureType:"subway",elementType:"geometry.fill",stylers:{color:"#f5a117ff"}},{featureType:"manmade",elementType:"labels",stylers:{visibility:"on"}}]},Te=""+new URL("marker1-9cd6afd5.svg",import.meta.url).href;const K=t=>(E("data-v-98561199"),t=t(),D(),t),_e={style:{"padding-right":"10px"}},ve={class:"item"},ge=K(()=>e("p",{class:"title"},"产品总数",-1)),he={class:"item"},xe=K(()=>e("p",{class:"title"},"正常数量",-1)),ke={class:"item"},we=K(()=>e("p",{class:"title"},"禁用数量",-1)),Ie={__name:"productInfo",props:["data"],emits:[],setup(t,{emit:W}){return(N,q)=>{const c=f("a-col"),w=f("a-row"),g=f("a-card");return r(),_("div",_e,[a(g,{title:"产品数量",bordered:!1},{default:s(()=>[a(w,null,{default:s(()=>[a(c,{span:8},{default:s(()=>[e("div",ve,[ge,t.data.prodcut?(r(),b(z,{key:0,endVal:t.data.prodcut&&t.data.prodcut.total},null,8,["endVal"])):v("",!0)])]),_:1}),a(c,{span:8},{default:s(()=>[e("div",he,[xe,t.data.prodcut?(r(),b(z,{key:0,endVal:t.data.prodcut&&t.data.prodcut.used},null,8,["endVal"])):v("",!0)])]),_:1}),a(c,{span:8},{default:s(()=>[e("div",ke,[we,t.data.prodcut?(r(),b(z,{key:0,endVal:t.data.prodcut&&t.data.prodcut.unused},null,8,["endVal"])):v("",!0)])]),_:1})]),_:1})]),_:1})])}}},ze=A(Ie,[["__scopeId","data-v-98561199"]]);const X=t=>(E("data-v-898a6e7c"),t=t(),D(),t),$e={style:{"padding-right":"10px"}},Ve={class:"item"},Se=X(()=>e("p",{class:"title"},"设备总数",-1)),Ce={class:"item"},Be=X(()=>e("p",{class:"title"},"在线数量",-1)),Ne={class:"item"},qe=X(()=>e("p",{class:"title"},"离线数量",-1)),Le={__name:"deviceInfo",props:["data"],emits:[],setup(t,{emit:W}){return(N,q)=>{const c=f("a-col"),w=f("a-row"),g=f("a-card");return r(),_("div",$e,[a(g,{title:"设备数量",bordered:!1},{default:s(()=>[a(w,null,{default:s(()=>[a(c,{span:8},{default:s(()=>[e("div",Ve,[Se,t.data.device?(r(),b(z,{key:0,endVal:t.data.device&&t.data.device.total},null,8,["endVal"])):v("",!0)])]),_:1}),a(c,{span:8},{default:s(()=>[e("div",Ce,[Be,t.data.device?(r(),b(z,{key:0,endVal:t.data.device&&t.data.device.online},null,8,["endVal"])):v("",!0)])]),_:1}),a(c,{span:8},{default:s(()=>[e("div",Ne,[qe,t.data.device?(r(),b(z,{key:0,endVal:t.data.device&&t.data.device.off},null,8,["endVal"])):v("",!0)])]),_:1})]),_:1})]),_:1})])}}},Re=A(Le,[["__scopeId","data-v-898a6e7c"]]);const ae=t=>(E("data-v-924cb166"),t=t(),D(),t),Me={class:"item"},Ae=ae(()=>e("p",{class:"title"},"今日设备数据采集量",-1)),Ee={class:"item"},De=ae(()=>e("p",{class:"title"},"本月设备数据采集量",-1)),We={__name:"dataInfo",props:["data"],emits:[],setup(t,{emit:W}){return(N,q)=>{const c=f("a-col"),w=f("a-row"),g=f("a-card");return r(),_("div",null,[a(g,{title:"采集数据",bordered:!1},{default:s(()=>[a(w,null,{default:s(()=>[a(c,{span:12},{default:s(()=>[e("div",Me,[Ae,t.data.collect?(r(),b(z,{key:0,endVal:t.data.collect&&t.data.collect.today},null,8,["endVal"])):v("",!0)])]),_:1}),a(c,{span:12},{default:s(()=>[e("div",Ee,[De,t.data.collect?(r(),b(z,{key:0,endVal:t.data.collect&&t.data.collect.month},null,8,["endVal"])):v("",!0)])]),_:1})]),_:1})]),_:1})])}}},je=A(We,[["__scopeId","data-v-924cb166"]]);const se=t=>(E("data-v-1d50ca7d"),t=t(),D(),t),Fe={class:"M-container"},Pe={class:"deviced-info"},Ue={class:"content",style:{"--zIndex":"999"}},Ge={class:"header-control"},He={class:"left"},Je={class:"info-header"},Ke=se(()=>e("div",{class:"left"},[e("span",null,"设备信息")],-1)),Xe={class:"right"},Oe={class:"map-deviced-info"},Qe=se(()=>e("p",null,"监测指数",-1)),Ye={class:"data-info"},Ze={key:0},et={key:1},tt={key:2},lt={__name:"index",props:{},emits:[],setup(t,{emit:W}){let N=k({id:20230711144102,content:{pageNumber:1,pageSize:999999,where:{condition:"",areaname:""}}}),q=k({id:20230711144102,content:{pageNumber:1,pageSize:20,where:{condition:"",areaname:""}}}),c=k([]),w=k({lat:0,lng:0}),g=k(3),h=k(!0),oe=k(),y=k({baseInfo:"",dataInfo:""}),C=k([]),j=me(),ne=(i,o)=>{if(o.length===0)return;let p=o[0].split(",")[0],T=o[0].split(",")[1],x=o[0].split(",")[1],$=o[0].split(",")[0];for(let I=0;I<o.length-1;I++){let m=o[I+1].split(",");p=p<m[0]?m[0]:p,$=$>m[0]?m[0]:$,x=x<m[1]?m[1]:x,T=T>m[1]?m[1]:T}let F=(Number(p)+Number($))/2,P=(Number(x)+Number(T))/2,L=i.getBounds(),R=L.getSouthWest(),n=L.getNorthEast();const S=[5e5,25e4,1e5,5e4,25e3,1e4,5e3,2500,1250,1e3,500,250,100,50,25,10,5,2.5,1];let B=[4,4];for(let I=0;I<2;I++){let m,U;I===0?(m=n.lng-R.lng,U=(p-$)*1.1):(m=n.lat-R.lat,U=(x-T)*1.1);let G=0;for(let M=0;M<S.length;M++){let H=m*S[M]/S[g.value-1]-U;H>0&&(G==0||H<G)&&(B[I]=M+1,G=H)}}let V=B[0]>B[1]?B[1]:B[0];V=V>=18?18:V,V=V<=4?4:V,g.value=V;function Q(){i.panTo(new BMap.Point(F,P),{noAnimation:!1}),i.removeEventListener("tilesloaded",Q)}i.addEventListener("tilesloaded",Q)},re=async()=>{let i=await J.requested(N.value);c.value=i.data.filter(o=>o.latitude!=""),c.value.length||(w.value={lat:39,lng:117}),console.log(c.value)},ie=async()=>{let i=await J.requested({id:20230711101902,content:{}});C.value=i.data,console.log(C.value)},fe=({Bmap:i,map:o})=>{let p=c.value.map(T=>T.longitude+","+T.latitude);o.value=o,ne(o,p)},ce=i=>{console.log(i),y.value.baseInfo&&(y.value={baseInfo:"",dataInfo:""})},ye=async(i,o)=>{console.log(i,o,"触发");let p=await J.requested({id:20230711165702,content:{w_deviceid:o.w_deviceid}});y.value={baseInfo:o,dataInfo:p.data}};j.afterEach(i=>{i.path=="/IoTdashboard"&&O()});let O=()=>{let i=2133;document.querySelector("html").style.fontSize=`${100/i}vw`};return de(()=>{ie(),re(),O(),console.log(Y.TBLayout("equipmentTable"))}),(i,o)=>{const p=f("a-col"),T=f("a-row"),x=f("a-button"),$=f("bm-label"),F=f("bm-marker"),P=f("baidu-map"),L=f("a-tag"),R=f("a-card");return r(),_("div",Fe,[e("div",Pe,[a(T,null,{default:s(()=>[a(p,{span:8},{default:s(()=>[a(ze,{data:l(C)},null,8,["data"])]),_:1}),a(p,{span:8},{default:s(()=>[a(Re,{data:l(C)},null,8,["data"])]),_:1}),a(p,{span:8},{default:s(()=>[a(je,{data:l(C)},null,8,["data"])]),_:1})]),_:1})]),e("div",Ue,[e("div",Ge,[e("div",He,[l(h)==!0?(r(),b(x,{key:0,style:{margin:"8px 22px"},type:"primary",size:"small",round:"",onClick:o[0]||(o[0]=n=>Z(h)?h.value=!1:h=!1)},{default:s(()=>[d("切换列表")]),_:1})):v("",!0)])]),e("div",{class:"M-map",style:ee(l(h)?"display:inline-block":"display:none")},[a(P,{class:"map",ref_key:"map",ref:oe,center:l(w),zoom:l(g),"scroll-wheel-zoom":!0,onReady:l(fe),onClick:l(ce),mapStyle:l(be)},{default:s(()=>[(r(!0),_(te,null,le(l(c),n=>(r(),b(F,{position:{lat:n.latitude,lng:n.longitude},onClick:S=>l(ye)(S,n),icon:{url:l(Te),size:{width:25,height:25}}},{default:s(()=>[a($,{content:n.devicename,labelStyle:{border:"none"},offset:{width:-35,height:16}},null,8,["content"])]),_:2},1032,["position","onClick","icon"]))),256))]),_:1},8,["center","zoom","onReady","onClick","mapStyle"]),e("div",{class:"info-panel",style:ee(l(y).baseInfo?"display:inline-block":"display:none")},[e("div",Je,[Ke,e("div",Xe,[a(pe,{btn:!0,"btn-options":[{label:"控制面板"}],onClickBtn:o[1]||(o[1]=n=>l(j).push({path:"/"+l(y).baseInfo.prodnum,query:{id:l(y).baseInfo.w_deviceid}}))})])]),e("div",Oe,[e("p",null,[d("设备名称："),e("span",null,u(l(y).baseInfo.devicename),1)]),e("p",null,[d("设备编码："),e("span",null,u(l(y).baseInfo.serialnumber),1)]),e("p",null,[d("状态："),a(L,{type:"info"},{default:s(()=>[d(u(l(y).baseInfo.status),1)]),_:1})]),e("p",null,[d("站点："),e("span",null,u(l(y).baseInfo.sitename),1)]),e("p",null,[d("区域："),e("span",null,u(l(y).baseInfo.areaname),1)]),e("p",null,[d("设备地点："),e("span",null,u(l(y).baseInfo.address),1)]),e("p",null,[d("固件版本："),e("span",null,u(l(y).baseInfo.version),1)]),e("p",null,[d("上次在线时间："),e("span",null,u(l(y).baseInfo.lastconnecttime),1)])]),Qe,e("div",Ye,[(r(!0),_(te,null,le(l(y).dataInfo,n=>(r(),_("p",null,[d(u(n.paramname)+"：",1),e("span",null,u(n.lastvalue)+u(n.unit),1)]))),256))])],4)],4),l(h)?v("",!0):(r(),b(R,{key:0,bordered:!1,class:"M-list"},{title:s(()=>[a(x,{type:"primary",size:"small",round:"",onClick:o[2]||(o[2]=n=>Z(h)?h.value=!0:h=!0)},{default:s(()=>[d("切换地图")]),_:1})]),default:s(()=>[a(ue,{rowKey:"w_deviceid",ref:"list2",size:"small",param:l(q),columns:l(Y).TBLayout("equipmentTable")},{tb_cell:s(({data:n})=>[n.column.dataIndex=="operation"?(r(),_("div",Ze,[a(x,{type:"link",onClick:S=>l(j).push({path:"/"+n.record.prodnum,query:{id:n.record.w_deviceid}})},{default:s(()=>[d("控制界面")]),_:2},1032,["onClick"])])):n.column.dataIndex=="rwtype"?(r(),_("div",et,u(n.record.rwtype==0?"读":n.record.rwtype==1?"写":"上报"),1)):(r(),_("div",tt,u(n.record[n.column.dataIndex]),1))]),operation:s(()=>[]),_:1},8,["param","columns"])]),_:1}))])])}}},pt=A(lt,[["__scopeId","data-v-1d50ca7d"]]);export{pt as default};
    2.