| 1 |
- import{c as pe}from"./customBtn-0a8ecd38.js";import{_ as z}from"./countUp-fd2d1f61.js";import{c as J,A as K}from"./index-55522c1c.js";import{_ as E}from"./_plugin-vue_export-helper-c27b6911.js";import{U as f,V as r,W as T,j as a,X as s,a4 as e,a3 as _,$ as g,a6 as W,a7 as j,a as k,o as de,u as l,G as u,H as ee,a1 as X,F as te,a2 as le,a5 as p}from"./vue-9763c232.js";import{n as ue}from"./index-46678be9.js";import{u as me}from"./vue-router-f797b6fe.js";import"./base-06a845d7.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 O=t=>(W("data-v-98561199"),t=t(),j(),t),_e={style:{"padding-right":"10px"}},ve={class:"item"},ge=O(()=>e("p",{class:"title"},"产品总数",-1)),he={class:"item"},xe=O(()=>e("p",{class:"title"},"正常数量",-1)),ke={class:"item"},we=O(()=>e("p",{class:"title"},"禁用数量",-1)),Ie={__name:"productInfo",props:["data"],emits:[],setup(t,{emit:F}){return(N,q)=>{const c=f("a-col"),w=f("a-row"),m=f("a-card");return r(),T("div",_e,[a(m,{title:"产品数量",bordered:!1},{default:s(()=>[a(w,null,{default:s(()=>[a(c,{span:8},{default:s(()=>[e("div",ve,[ge,t.data.prodcut?(r(),_(z,{key:0,endVal:t.data.prodcut&&t.data.prodcut.total},null,8,["endVal"])):g("",!0)])]),_:1}),a(c,{span:8},{default:s(()=>[e("div",he,[xe,t.data.prodcut?(r(),_(z,{key:0,endVal:t.data.prodcut&&t.data.prodcut.used},null,8,["endVal"])):g("",!0)])]),_:1}),a(c,{span:8},{default:s(()=>[e("div",ke,[we,t.data.prodcut?(r(),_(z,{key:0,endVal:t.data.prodcut&&t.data.prodcut.unused},null,8,["endVal"])):g("",!0)])]),_:1})]),_:1})]),_:1})])}}},ze=E(Ie,[["__scopeId","data-v-98561199"]]);const Q=t=>(W("data-v-898a6e7c"),t=t(),j(),t),$e={style:{"padding-right":"10px"}},Ve={class:"item"},Se=Q(()=>e("p",{class:"title"},"设备总数",-1)),Ce={class:"item"},Be=Q(()=>e("p",{class:"title"},"在线数量",-1)),Ne={class:"item"},qe=Q(()=>e("p",{class:"title"},"离线数量",-1)),Le={__name:"deviceInfo",props:["data"],emits:[],setup(t,{emit:F}){return(N,q)=>{const c=f("a-col"),w=f("a-row"),m=f("a-card");return r(),T("div",$e,[a(m,{title:"设备数量",bordered:!1},{default:s(()=>[a(w,null,{default:s(()=>[a(c,{span:8},{default:s(()=>[e("div",Ve,[Se,t.data.device?(r(),_(z,{key:0,endVal:t.data.device&&t.data.device.total},null,8,["endVal"])):g("",!0)])]),_:1}),a(c,{span:8},{default:s(()=>[e("div",Ce,[Be,t.data.device?(r(),_(z,{key:0,endVal:t.data.device&&t.data.device.online},null,8,["endVal"])):g("",!0)])]),_:1}),a(c,{span:8},{default:s(()=>[e("div",Ne,[qe,t.data.device?(r(),_(z,{key:0,endVal:t.data.device&&t.data.device.off},null,8,["endVal"])):g("",!0)])]),_:1})]),_:1})]),_:1})])}}},Re=E(Le,[["__scopeId","data-v-898a6e7c"]]);const ae=t=>(W("data-v-924cb166"),t=t(),j(),t),Ae={class:"item"},Me=ae(()=>e("p",{class:"title"},"今日设备数据采集量",-1)),De={class:"item"},Ee=ae(()=>e("p",{class:"title"},"本月设备数据采集量",-1)),We={__name:"dataInfo",props:["data"],emits:[],setup(t,{emit:F}){return(N,q)=>{const c=f("a-col"),w=f("a-row"),m=f("a-card");return r(),T("div",null,[a(m,{title:"采集数据",bordered:!1},{default:s(()=>[a(w,null,{default:s(()=>[a(c,{span:12},{default:s(()=>[e("div",Ae,[Me,t.data.collect?(r(),_(z,{key:0,endVal:t.data.collect&&t.data.collect.today},null,8,["endVal"])):g("",!0)])]),_:1}),a(c,{span:12},{default:s(()=>[e("div",De,[Ee,t.data.collect?(r(),_(z,{key:0,endVal:t.data.collect&&t.data.collect.month},null,8,["endVal"])):g("",!0)])]),_:1})]),_:1})]),_:1})])}}},je=E(We,[["__scopeId","data-v-924cb166"]]);const se=t=>(W("data-v-5212dcbe"),t=t(),j(),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:3},lt={__name:"index",props:{},emits:[],setup(t,{emit:F}){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}),m=k(4),h=k(!0),oe=k(),y=k({baseInfo:"",dataInfo:""}),C=k([]),P=me(),ne=(i,n)=>{if(n.length===0)return;let d=n[0].split(",")[0],v=n[0].split(",")[1],x=n[0].split(",")[1],$=n[0].split(",")[0];for(let I=0;I<n.length-1;I++){let b=n[I+1].split(",");d=d<b[0]?b[0]:d,$=$>b[0]?b[0]:$,x=x<b[1]?b[1]:x,v=v>b[1]?b[1]:v}let L=(Number(d)+Number($))/2,R=(Number(x)+Number(v))/2,A=i.getBounds(),M=A.getSouthWest(),o=A.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 b,U;I===0?(b=o.lng-M.lng,U=(d-$)*1.1):(b=o.lat-M.lat,U=(x-v)*1.1);let G=0;for(let D=0;D<S.length;D++){let H=b*S[D]/S[m.value-1]-U;H>0&&(G==0||H<G)&&(B[I]=D+1,G=H)}}let V=B[0]>B[1]?B[1]:B[0];V=V>=18?18:V,V=V<=4?4:V,console.log(m.value),m.value=V,console.log(m.value);function Z(){i.panTo(new BMap.Point(L,R),{noAnimation:!1}),console.log("触发",R,L),i.removeEventListener("tilesloaded",Z)}i.addEventListener("tilesloaded",Z)},re=async()=>{let i=await K.requested(N.value);c.value=i.data.filter(n=>n.latitude!=""),c.value.length||(w.value={lat:32.98007167711148,lng:110.34538404697058},m.value=6)},ie=async()=>{let i=await K.requested({id:20230711101902,content:{}});C.value=i.data,console.log(C.value)},fe=({Bmap:i,map:n})=>{let d=c.value.map(v=>v.longitude+","+v.latitude);n.value=n,ne(n,d)},ce=i=>{console.log(i),y.value.baseInfo&&(y.value={baseInfo:"",dataInfo:""})},ye=async(i,n)=>{console.log(i,n,"触发");let d=await K.requested({id:20230711165702,content:{w_deviceid:n.w_deviceid}});y.value={baseInfo:n,dataInfo:d.data}};P.afterEach(i=>{i.path=="/IoTdashboard"&&Y()});let Y=()=>{let i=2133;document.querySelector("html").style.fontSize=`${100/i}vw`};return de(()=>{ie(),re(),Y(),console.log(J.TBLayout("equipmentTable"))}),(i,n)=>{const d=f("a-col"),v=f("a-row"),x=f("a-button"),$=f("bm-label"),L=f("bm-marker"),R=f("baidu-map"),A=f("a-tag"),M=f("a-card");return r(),T("div",Fe,[e("div",Pe,[a(v,null,{default:s(()=>[a(d,{span:8},{default:s(()=>[a(ze,{data:l(C)},null,8,["data"])]),_:1}),a(d,{span:8},{default:s(()=>[a(Re,{data:l(C)},null,8,["data"])]),_:1}),a(d,{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(),_(x,{key:0,style:{margin:"8px 22px"},type:"primary",size:"small",round:"",onClick:n[0]||(n[0]=o=>ee(h)?h.value=!1:h=!1)},{default:s(()=>[u("切换列表")]),_:1})):g("",!0)])]),e("div",{class:"M-map",style:X(l(h)?"display:inline-block":"display:none")},[a(R,{class:"map",ref_key:"map",ref:oe,center:l(w),zoom:l(m),"scroll-wheel-zoom":!0,onReady:l(fe),onClick:l(ce),mapStyle:l(be)},{default:s(()=>[(r(!0),T(te,null,le(l(c),o=>(r(),_(L,{position:{lat:o.latitude,lng:o.longitude},onClick:S=>l(ye)(S,o),icon:{url:l(Te),size:{width:25,height:25}}},{default:s(()=>[a($,{content:o.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:X(l(y).baseInfo?"display:inline-block":"display:none")},[e("div",Je,[Ke,e("div",Xe,[a(pe,{btn:!0,"btn-options":[{label:"控制面板"}],onClickBtn:n[1]||(n[1]=o=>l(P).push({path:"/"+l(y).baseInfo.prodnum,query:{id:l(y).baseInfo.w_deviceid}}))})])]),e("div",Oe,[e("p",null,[u("设备名称："),e("span",null,p(l(y).baseInfo.devicename),1)]),e("p",null,[u("设备编码："),e("span",null,p(l(y).baseInfo.serialnumber),1)]),e("p",null,[u("状态："),a(A,{type:"info"},{default:s(()=>[u(p(l(y).baseInfo.status),1)]),_:1})]),e("p",null,[u("站点："),e("span",null,p(l(y).baseInfo.sitename),1)]),e("p",null,[u("区域："),e("span",null,p(l(y).baseInfo.areaname),1)]),e("p",null,[u("设备地点："),e("span",null,p(l(y).baseInfo.address),1)]),e("p",null,[u("固件版本："),e("span",null,p(l(y).baseInfo.version),1)]),e("p",null,[u("上次在线时间："),e("span",null,p(l(y).baseInfo.lastconnecttime),1)])]),Qe,e("div",Ye,[(r(!0),T(te,null,le(l(y).dataInfo,o=>(r(),T("p",null,[u(p(o.paramname)+"：",1),e("span",null,p(o.lastvalue)+p(o.unit),1)]))),256))])],4)],4),l(h)?g("",!0):(r(),_(M,{key:0,bordered:!1,class:"M-list"},{title:s(()=>[a(x,{type:"primary",size:"small",round:"",onClick:n[2]||(n[2]=o=>ee(h)?h.value=!0:h=!0)},{default:s(()=>[u("切换地图")]),_:1})]),default:s(()=>[a(ue,{"is-select":!1,rowKey:"w_deviceid",ref:"list2",size:"small",param:l(q),columns:l(J).TBLayout("equipmentTable")},{tb_cell:s(({data:o})=>[o.column.dataIndex=="operation"?(r(),T("div",Ze,[a(x,{type:"link",onClick:S=>l(P).push({path:"/"+(o.record.dashboardpath||"baseDevice"),query:{id:o.record.w_deviceid}})},{default:s(()=>[u("控制界面")]),_:2},1032,["onClick"])])):o.column.dataIndex=="rwtype"?(r(),T("div",et,p(o.record.rwtype==0?"读":o.record.rwtype==1?"写":"上报"),1)):o.column.dataIndex==="isused"?(r(),T("span",{key:2,style:X({color:l(J).statusAndColor(o.record.isused?"启用":"停用")})},p(o.record.isused?"启用":"停用"),5)):(r(),T("div",tt,p(o.record[o.column.dataIndex]),1))]),operation:s(()=>[]),_:1},8,["param","columns"])]),_:1}))])])}}},pt=E(lt,[["__scopeId","data-v-5212dcbe"]]);export{pt as default};
|
