3 lines
12 KiB
JavaScript
3 lines
12 KiB
JavaScript
import{H as F,_ as we,r as n,A as Se,V as xe,d as g,o as N,c as X,l as o,m as Y,x as P,f as l,e as i,w as f,B as ke,k as De,g as J,G as w,C as j,D as K,p as Ce,q as Te}from"./index.ae0c781d.js";import{_ as Le}from"./dow.f37c8d82.js";import{L as _,i as Me,_ as He,a as Ye}from"./mark.30b9f84d.js";import{i as ie}from"./index.c9f5bd8b.js";import{u as Ie}from"./useEcharts.dbdb546a.js";import{V as ze}from"./video.c1c1990a.js";import{h as E}from"./moment.9709ab41.js";import{d as Ve}from"./download.8084913c.js";function Ae(v){return F({url:"equipment/meteorological",method:"get",params:v})}function Ne(v){return F({url:"equipment/meteorology",method:"get",params:v})}function se(v){return F({url:"equipment/meteorologicals",method:"get",params:v})}function Pe(v){return F({url:"equipment/meteorologyTb",method:"get",params:v})}const $=v=>(Ce("data-v-2721e228"),v=v(),Te(),v),Ee={class:"fatherDiv"},Fe={class:"tabulation"},$e={class:"tabulationCente"},qe={class:"left"},Re={style:{color:"rgba(100, 195, 164, 1)"}},Be={class:"freckle"},Ue={class:"searchDiv"},We=$(()=>o("img",{src:Le,alt:""},null,-1)),Ze={class:"chartModeFather"},Ge={class:"tableBox"},Oe={class:"example-pagination-block"},Xe={class:"chartMode"},Je={class:"depth"},je={class:"centent"},Ke={key:0},Qe=$(()=>o("img",{style:{width:"300%"},src:He},null,-1)),et=[Qe],tt={key:1},at=$(()=>o("img",{style:{width:"300%"},src:Ye},null,-1)),ot=[at],lt={class:"cesiumContainersDiv"},it=$(()=>o("div",{id:"cesiumContainers",class:"detailed"},null,-1)),st=[it],rt={class:"myVideo"},nt={__name:"index",setup(v){let b=_.Map,x=n([]);n({});let Q=n([]);n("");let T=n("\u5168\u90E8"),q=n([]);const R=n(null),ee=n(!1);let p=n(""),B=n({yearMonth:"",flag:"",divisions:""}),L=n(!1),k=n(1),S=n(9),I=null,t=n({airTemperature:[],airHumidity:[],windSpeed:[],windDirection:[],rainfall:[],atmosphericPressure:[],evaporation:[],lightIntensity:[],sunlightHours:[],photosyntheticEffectiveRadiation:[],dataTimeArr:[]}),U=n(""),D=n(!0);n(!0);let h=n("1");const re=Se({videoSrc:"http://cmgw-vpc.lechange.com:8888/LCO/9C023C5FACFE48F/0/1/20230530T033445/a44e6e04b0608347f0209ab2b25aa258.m3u8"});xe(()=>{ce(),ne(),W(),te()});const ne=()=>{b=_.map("cesiumContainers",{center:[36.4,119.166326],zoom:7,zoomControl:!1,doubleClickZoom:!1,attributionControl:!1}),_.tileLayer("http://t0.tianditu.com/DataServer?T=vec_w&tk=5956e6519f2bb0ae8e57bc834298c9f1&x={x}&y={y}&l={z}").addTo(b),_.tileLayer("http://t0.tianditu.com/DataServer?T=cia_w&tk=5956e6519f2bb0ae8e57bc834298c9f1&x={x}&y={y}&l={z}").addTo(b),b._onResize()},ce=()=>{Ae().then(a=>{console.log(a.data),a.data.forEach(e=>{Q.value.push(e)})})},W=()=>{Ne({name:U.value,whetherToDownload:!1,startTime:p.value[0]?E(p.value[0]).format("YYYY-MM-DD HH:mm:ss"):null,endTime:p.value[1]?E(p.value[1]).format("YYYY-MM-DD HH:mm:ss"):null}).then(a=>{x.value=a.data,q.value=a.data.slice((k.value-1)*S.value,(k.value-1)*S.value+S.value)}),se().then(a=>{a.data.forEach(e=>{I=_.latLng(e.msLatitude,e.msLongitude),b.setView(I,17),_.marker([e.msLatitude,e.msLongitude],{icon:ae}).addTo(b).bindPopup(`<b>${e.msName}</b><br><br>\u7ECF\u5EA6:${e.msLongitude}<br><br>\u7EAC\u5EA6:${e.msLatitude}`).openPopup()})})},te=()=>{t.value.airTemperature=[],t.value.airHumidity=[],t.value.windSpeed=[],t.value.windDirection=[],t.value.rainfall=[],t.value.atmosphericPressure=[],t.value.evaporation=[],t.value.lightIntensity=[],t.value.sunlightHours=[],t.value.photosyntheticEffectiveRadiation=[],t.value.dataTimeArr=[],Pe({name:U.value,whetherToDownload:!1,startTime:p.value[0]?E(p.value[0]).format("YYYY-MM-DD HH:mm:ss"):null,endTime:p.value[1]?E(p.value[1]).format("YYYY-MM-DD HH:mm:ss"):null}).then(a=>{a.data.forEach(e=>{t.value.airTemperature.push(e.airTemperature),t.value.airHumidity.push(e.airHumidity),t.value.windSpeed.push(e.windSpeed),t.value.windDirection.push(e.windDirection),t.value.rainfall.push(e.rainfall),t.value.atmosphericPressure.push(e.atmosphericPressure),t.value.evaporation.push(e.evaporation),t.value.lightIntensity.push(e.lightIntensity),t.value.sunlightHours.push(e.sunlightHours),t.value.photosyntheticEffectiveRadiation.push(e.photosyntheticEffectiveRadiation),t.value.dataTimeArr.push(e.dataTime)}),Z()})},de=(a,e,d,u)=>{T.value=a.label,B.value.flag="",console.log(T.value),U.value=T.value,se().then(r=>{console.log(r.data),r.data.forEach(s=>{s.msName==T.value&&(I=_.latLng(s.msLatitude,s.msLongitude),b.setView(I,17),_.marker([s.msLatitude,s.msLongitude],{icon:ae}).addTo(b).bindPopup(`<b>${s.msName}</b><br><br>\u7ECF\u5EA6:${s.msLongitude}<br><br>\u7EAC\u5EA6:${s.msLatitude}`).openPopup())})})},ue=a=>{W(),te(),Z()};var pe=_.Icon.extend({options:{iconSize:[50,50],shadowSize:[50,64],iconAnchor:[22,94],shadowAnchor:[4,62],popupAnchor:[0,-86]}}),ae=new pe({iconUrl:Me});const me=()=>{D.value=!D.value,Z()},Z=()=>{const a=R.value;a.style.width=document.querySelector(".chartModeFather").offsetWidth+"px",a.style.height=document.querySelector(".chartModeFather").offsetHeight-100+"px",console.log(document.querySelector(".chartModeFather").offsetWidth);const e=ie(a);window.addEventListener("resize",()=>{a.style.width=document.querySelector(".chartModeFather").offsetWidth+"px",a.style.height=document.querySelector(".chartModeFather").offsetHeight-100+"px",e.resize()}),oe()},ve=()=>{L.value=!L.value},he=a=>{k.value=a,q.value=x.value.slice((k.value-1)*S.value,(k.value-1)*S.value+S.value)},ge=a=>{var e=new Date(a),d=e.getFullYear()+"-",u=(e.getMonth()+1<10?"0"+(e.getMonth()+1):e.getMonth()+1)+"-",r=e.getDate()<10?"0"+e.getDate():e.getDate();return d+u+r},fe=a=>{var e=new Date(a),d=(e.getHours()<10?"0"+e.getHours():e.getHours())+":",u=(e.getMinutes()<10?"0"+e.getMinutes():e.getMinutes())+":",r=e.getSeconds()<10?"0"+e.getSeconds():e.getSeconds();return d+u+r},_e=()=>{p.value="",B.value.flag="",W()},C=a=>{h.value=a,oe()},be=()=>{Ve(x.value[x.value.length-1].excelPath)};function oe(){const a=ie(R.value);console.log(t);let e="\u6E29\u5EA6(\u2103)",d="\u6E7F\u5EA6(%)",u=t.value.airTemperature,r=t.value.airHumidity,s="rgba(255, 235, 59, 1)";switch(console.log(h.value),h.value){case 1:e="\u6E29\u5EA6(\u2103)",d="\u6E7F\u5EA6(%)",u=t.value.airTemperature,r=t.value.airHumidity,s="rgba(0, 209, 195, 1)";break;case 2:e="\u98CE\u901F(m/s)",d="\u98CE\u5411(\xB0)",u=t.value.windSpeed,r=t.value.windDirection,s="rgba(201, 255, 148, 1)";break;case 3:e="\u5149\u7167\u5F3A\u5EA6(LUX)",d="\u5149\u5408\u6709\u6548(umol)",u=t.value.lightIntensity,r=t.value.photosyntheticEffectiveRadiation,s="rgba(0, 209, 195, 1)";break;case 4:e="\u65E5\u7167\u65F6\u6570\uFF08h\uFF09",d="",u=t.value.sunlightHours,r=[],s="rgba(201, 255, 148, 1)";break;case 5:e="\u96E8\u91CF(mm)",d="\u84B8\u53D1\u91CF(mm)",u=t.value.rainfall,r=t.value.evaporation,s="rgba(0, 209, 195, 1)";break;case 6:e="\u5927\u6C14\u538B\u529B(hpa)",d="",u=t.value.atmosphericPressure,r=[],s="rgba(9, 187, 222, 0.8)";break}var z=t.value.dataTimeArr;console.log(u),console.log(r);let m=7/z.length*100,M={color:[s,"rgba(199, 125, 231, 1)"],tooltip:{trigger:"axis"},grid:{top:"15%",left:"5%",right:"7%",bottom:"15%",containLabel:!0},legend:{show:!0,top:"7%",x:"center",textStyle:{color:"black"},itemWidth:20,itemHeight:12.5,icon:"rect",backgroundColor:"transparent"},dataZoom:[{type:"slider",width:"40%",zoomLock:!0,top:"90%",start:0,end:m,showDataShadow:!1,showDetail:!1,fillerColor:"rgba(64, 158, 255)",borderRadius:"50%",moveHandleSize:0,moveHandleStyle:{},left:"35%",height:12,handleSize:"80%",handleIcon:"path://M512,512m-448,0a448,448,0,1,0,896,0a448,448,0,1,0,-896,0Z",handleStyle:{borderWidth:0,color:"rgba(64, 158, 255)"}},{type:"inside"}],xAxis:[{type:"category",data:z,axisLine:{show:!1},axisLabel:{textStyle:{color:"rgba(102, 102, 102, 1)"},interval:0,formatter:function(y){var H="",c=y.length,V=10,le=Math.ceil(c/V);if(c>V)for(var A=0;A<le;A++){var G="",O=A*V,ye=O+V;A==le-1?G=y.substring(O,c):G=y.substring(O,ye)+`
|
|
`,H+=G}else H=y;return H}},boundaryGap:!1,axisTick:{show:!1}}],yAxis:[{name:e,type:"value",axisLine:{show:!1,lineStyle:{color:"rgba(102, 102, 102, 1)"}},axisTick:{show:!1},axisLabel:{textStyle:{color:"rgba(102, 102, 102, 1)"}},splitLine:{show:!0,lineStyle:{color:"#ccc",type:"solid",opacity:1}}},{name:d,type:"value",axisLine:{show:!1,lineStyle:{color:"rgba(102, 102, 102, 1)"}},position:"right",axisTick:{show:!1},axisLabel:{textStyle:{color:"rgba(102, 102, 102, 1)"},formatter:"{value}"},splitLine:{show:!1}}],series:[{name:e,type:"line",data:u,symbolSize:10,itemStyle:{},smooth:!0,yAxisIndex:0,showSymbol:!0,symbol:"circle",lineStyle:{width:3,color:s}},{name:d,type:"line",data:r,symbolSize:10,yAxisIndex:1,itemStyle:{},label:{color:y=>y.color},smooth:!0,showSymbol:!0,symbol:"circle",lineStyle:{width:3,color:"rgba(199, 125, 231, 1)"}}]};M&&a.setOption(M,{notMerge:!0,grid:{bottom:20}}),Ie(a,M)}return(a,e)=>{const d=g("el-tree"),u=g("el-date-picker"),r=g("el-form-item"),s=g("el-button"),z=g("el-form"),m=g("el-table-column"),M=g("el-table"),y=g("el-pagination"),H=g("el-dialog");return N(),X("div",Ee,[o("div",Fe,[o("div",$e,[o("div",qe,[o("p",null,[Y(" \u5F53\u524D\u9009\u62E9 \uFF1A "),o("span",Re,P(l(T)),1)]),i(d,{data:l(Q),props:a.defaultProps,onNodeClick:de},null,8,["data","props"])]),o("div",Be,[o("div",Ue,[i(z,{inline:!0,model:l(B),class:"demo-form-inline"},{default:f(()=>[i(r,{style:{width:"300px"},label:"\u76D1\u6D4B\u65F6\u95F4:"},{default:f(()=>[i(u,{modelValue:l(p),"onUpdate:modelValue":e[0]||(e[0]=c=>ke(p)?p.value=c:p=c),type:"daterange","range-separator":"\u27A1\uFE0F","start-placeholder":"\u5F00\u59CB\u65E5\u671F","end-placeholder":"\u7ED3\u675F\u65E5\u671F"},null,8,["modelValue"])]),_:1}),i(r,null,{default:f(()=>[i(s,{type:"primary",onClick:ue},{default:f(()=>[Y("\u67E5\u8BE2")]),_:1}),i(s,{plain:"",onClick:_e},{default:f(()=>[Y("\u91CD\u7F6E")]),_:1}),a.operate?J("v-if",!0):(N(),De(s,{key:0,type:"primary",text:"",onClick:be},{default:f(()=>[We,Y(" \u4E0B\u8F7D ")]),_:1}))]),_:1})]),_:1},8,["model"]),o("div",{class:"modeDiv",onClick:me},[o("div",{class:w(l(D)?"Selected":"")},"\u8868\u683C\u6A21\u5F0F",2),o("div",{class:w(l(D)?"":"Selecteds")},"\u56FE\u8868\u6A21\u5F0F",2)])]),o("div",Ze,[j(o("div",Ge,[i(M,{data:l(q),"header-cell-style":{"text-align":"center"},"cell-style":{"text-align":"center"},"header-row-class-name":"tabth",height:"80%","highlight-current-row":""},{default:f(()=>[i(m,{prop:"dataTime",label:"\u65E5\u671F",width:"150"},{default:f(c=>[o("div",null,P(ge(c.row.dataTime)),1),o("div",null,P(fe(c.row.dataTime)),1)]),_:1}),i(m,{prop:"airTemperature",label:"\u7A7A\u6C14\u6E29\u5EA6(\u2103)"}),i(m,{prop:"airHumidity",label:"\u7A7A\u6C14\u6E7F\u5EA6(%)"}),i(m,{prop:"windSpeed",label:"\u98CE\u901F(m/s)"}),i(m,{prop:"windDirection",label:"\u98CE\u5411(\xB0)"}),i(m,{prop:"rainfall",label:"\u96E8\u91CF(mm)"}),i(m,{prop:"atmosphericPressure",label:"\u5927\u6C14\u538B\u529B(hpa)"}),i(m,{prop:"evaporation",label:"\u84B8\u53D1(mm)"}),i(m,{prop:"lightIntensity",label:"\u5149\u7167\u5F3A\u5EA6(LUX)"}),i(m,{prop:"sunlightHours",label:"\u65E5\u7167\u65F6\u6570\uFF08h\uFF09"}),i(m,{prop:"photosyntheticEffectiveRadiation",label:"\u5149\u5408\u6709\u6548(umol)"})]),_:1},8,["data"]),o("div",Oe,[Y(" \u5171"+P(l(x).length)+"\u6761 ",1),i(y,{background:"",layout:"prev, pager, next",total:l(x).length,"current-page":l(k),"page-size":l(S),onCurrentChange:he},null,8,["total","current-page","page-size"])])],512),[[K,l(D)]]),j(o("div",Xe,[o("div",Je,[o("p",{class:w(l(h)=="1"?"SelectedDiv":""),onClick:e[1]||(e[1]=c=>C(1))}," \u6E29\u5EA6/\u6E7F\u5EA6 ",2),o("p",{class:w(l(h)=="2"?"SelectedDiv":""),onClick:e[2]||(e[2]=c=>C(2))}," \u98CE\u901F/\u98CE\u5411 ",2),o("p",{class:w(l(h)=="3"?"SelectedDiv":""),onClick:e[3]||(e[3]=c=>C(3))}," \u5149\u7167\u5F3A\u5EA6/\u5149\u5408\u6709\u6548 ",2),o("p",{class:w(l(h)=="4"?"SelectedDiv":""),onClick:e[4]||(e[4]=c=>C(4))}," \u65E5\u7167\u65F6\u6570 ",2),o("p",{class:w(l(h)=="5"?"SelectedDiv":""),onClick:e[5]||(e[5]=c=>C(5))}," \u96E8\u91CF/\u84B8\u53D1\u91CF ",2),o("p",{class:w(l(h)=="6"?"SelectedDiv":""),onClick:e[6]||(e[6]=c=>C(6))}," \u5927\u6C14\u538B\u529B ",2)]),o("div",{ref_key:"chartDiv",ref:R,class:"chartDiv"},null,512)],512),[[K,!l(D)]])])]),o("div",je,[o("div",{class:"arrow",onClick:ve},[l(L)?J("v-if",!0):(N(),X("p",Ke,et)),l(L)?(N(),X("p",tt,ot)):J("v-if",!0)])]),j(o("div",lt,st,512),[[K,!l(L)]])]),i(H,{modelValue:ee.value,"onUpdate:modelValue":e[7]||(e[7]=c=>ee.value=c),"append-to-body":"",class:"video","destroy-on-close":"",title:"\u5B9E\u65F6\u76D1\u63A7",width:"30%","before-close":a.handleClose},{default:f(()=>[o("div",rt,[i(ze,{videoSrc:re.videoSrc,autoPlay:""},null,8,["videoSrc"])])]),_:1},8,["modelValue","before-close"])])])}}},ft=we(nt,[["__scopeId","data-v-2721e228"],["__file","/Users/luce/Desktop/\u6570\u5B57\u4E09\u519C/Agriculture-front-end/src/views/meteorological/monitor/information/index.vue"]]);export{ft as default};
|