28 lines
6.1 KiB
JavaScript
28 lines
6.1 KiB
JavaScript
import{H as I,_ as R,r as o,A as W,V as Z,W as j,d as p,o as _,c as m,l as t,m as N,x as z,f as i,e as n,g as h,w as C,p as G,q as K}from"./index.ae0c781d.js";import{L as r,i as Q,_ as X,a as Y}from"./mark.30b9f84d.js";import"./index.c9f5bd8b.js";import{V as ee}from"./video.c1c1990a.js";function te(s){return I({url:"equipment/treeData",method:"get",params:s})}function ae(s){return I({url:"equipment/cameraName",method:"get",params:s})}const w=s=>(G("data-v-21cafe5e"),s=s(),K(),s),oe={class:"fatherDiv"},le={class:"tabulation"},ne={class:"tabulationCente"},se={class:"left"},ie={style:{color:"rgba(100, 195, 164, 1)"}},re={class:"freckle"},ce={class:"chartModeFather"},de={class:"tableBox"},ue=["onClick"],pe={class:"example-pagination-block"},_e={class:"centent"},me={key:0},he=w(()=>t("img",{style:{width:"300%"},src:X},null,-1)),ve=[he],ge={key:1},fe=w(()=>t("img",{style:{width:"300%"},src:Y},null,-1)),be=[fe],ye={key:0,class:"cesiumContainersDiv"},Ce=w(()=>t("div",{id:"cesiumContainers",class:"detailed"},null,-1)),we=[Ce],xe={class:"myVideo"},ke={__name:"index",setup(s){let c=r.Map,v=o([]);o({});let x=o([]);o("");let g=o("\u5168\u90E8"),k=o([]);const f=o(!1);let T=o({yearMonth:"",flag:"",divisions:""}),u=o(!1),A=o(1),L=o(12),S=null;const b=o({}),V=W({videoSrc:"http://cmgw-vpc.lechange.com:8888/LCO/9C023C5FACFE48F/0/1/20230530T033445/a44e6e04b0608347f0209ab2b25aa258.m3u8"});Z(()=>{F(),P(),D()}),j(()=>{window.document.querySelector("#screenfull").style.display="none"});const P=()=>{c=r.map("cesiumContainers",{center:[36.4,119.166326],zoom:7,zoomControl:!1,doubleClickZoom:!1,attributionControl:!1}),r.tileLayer("http://t0.tianditu.com/DataServer?T=img_w&tk=5956e6519f2bb0ae8e57bc834298c9f1&x={x}&y={y}&l={z}").addTo(c),r.tileLayer("http://t0.tianditu.com/DataServer?T=cia_w&tk=5956e6519f2bb0ae8e57bc834298c9f1&x={x}&y={y}&l={z}").addTo(c),c._onResize()},F=()=>{te().then(e=>{e.data.forEach(l=>{x.value.push(l)})})},D=e=>{ae({name:e}).then(l=>{v.value=l.data,console.log(b.value),b.value.children!==null&&(k.value=l.data),l.data.forEach((a,d)=>{S=r.latLng(a.latitude,a.longitude),c.setView(S,17),r.marker([a.latitude,a.longitude],{icon:U}).addTo(c).bindPopup(`<b>${a.cameraName}</b><br><br>\u7ECF\u5EA6:${a.longitude}<br><br>\u7EAC\u5EA6:${a.latitude}`).openPopup()})})},M=(e,l,a,d)=>{g.value=e.label,T.value.flag="",b.value=e,D(g.value)},q=e=>{console.log(e),V.videoSrc=e.hdStreaming,f.value=!0},B=e=>{const l=A.value,a=L.value;return e+1+(l-1)*a};var E=r.Icon.extend({options:{iconSize:[50,50],shadowSize:[50,64],iconAnchor:[22,94],shadowAnchor:[4,62],popupAnchor:[0,-86]}}),U=new E({iconUrl:Q});const $=()=>{u.value=!u.value};return(e,l)=>{const a=p("el-tree"),d=p("el-table-column"),H=p("el-table"),J=p("el-pagination"),O=p("el-dialog");return _(),m("div",oe,[t("div",le,[t("div",ne,[t("div",se,[t("p",null,[N(" \u5F53\u524D\u9009\u62E9 \uFF1A "),t("span",ie,z(i(g)),1)]),n(a,{data:i(x),props:e.defaultProps,onNodeClick:M},null,8,["data","props"])]),t("div",re,[h(` <div class="searchDiv">
|
|
<el-form :inline="true" :model="formInline" class="demo-form-inline">
|
|
<el-form-item style="width: 180px" label="\u9884\u8B66\u60C5\u51B5:">
|
|
<el-select
|
|
popper-class="selectCity"
|
|
v-model="formInline.flag"
|
|
placeholder="\u8BF7\u9009\u62E9"
|
|
>
|
|
<el-option label="\u6709" value="\u6709" />
|
|
<el-option label="\u65E0" value="\u65E0" />
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item style="width: 300px" label="\u76D1\u6D4B\u65F6\u95F4:">
|
|
<el-date-picker
|
|
v-model="value1"
|
|
type="daterange"
|
|
range-separator="\u27A1\uFE0F"
|
|
start-placeholder="\u5F00\u59CB\u65E5\u671F"
|
|
end-placeholder="\u7ED3\u675F\u65E5\u671F"
|
|
/>
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<el-button type="primary" @click="onSubmit">\u67E5\u8BE2</el-button>
|
|
<el-button plain @click="resetForm">\u91CD\u7F6E</el-button>
|
|
</el-form-item>
|
|
</el-form>
|
|
</div> `),t("div",ce,[t("div",de,[n(H,{data:i(k),"header-cell-style":{"text-align":"center"},"cell-style":{"text-align":"center"},"header-row-class-name":"tabth",height:"80%","highlight-current-row":""},{default:C(()=>[n(d,{type:"index",width:"80",label:"\u5E8F\u53F7",index:B}),n(d,{prop:"village",label:"\u6751\u540D",width:"180"}),n(d,{prop:"cameraName",label:"\u6444\u50CF\u5934\u540D\u79F0",width:"180"}),n(d,{label:"\u64CD\u4F5C"},{default:C(y=>[t("span",{style:{color:"rgba(100, 195, 164, 1)",cursor:"pointer"},onClick:Se=>q(y.row)}," \u64AD\u653E ",8,ue)]),_:1})]),_:1},8,["data"]),t("div",pe,[N(" \u5171"+z(i(v).length)+"\u6761 ",1),n(J,{background:"",layout:"prev, pager, next",total:i(v).length,"current-page":e.tabulationcurrentPage,"page-size":e.tabulationpageSize,onCurrentChange:e.tabulationCurrentChange},null,8,["total","current-page","page-size","onCurrentChange"])])])])]),t("div",_e,[t("div",{class:"arrow",onClick:$},[i(u)?h("v-if",!0):(_(),m("p",me,ve)),i(u)?(_(),m("p",ge,be)):h("v-if",!0)])]),i(u)?h("v-if",!0):(_(),m("div",ye,we))]),n(O,{modelValue:f.value,"onUpdate:modelValue":l[0]||(l[0]=y=>f.value=y),"append-to-body":"",class:"video","destroy-on-close":"",title:"\u5B9E\u65F6\u76D1\u63A7",width:"30%","before-close":e.handleClose},{default:C(()=>[t("div",xe,[n(ee,{videoSrc:V.videoSrc,autoPlay:""},null,8,["videoSrc"])])]),_:1},8,["modelValue","before-close"])])])}}},Ie=R(ke,[["__scopeId","data-v-21cafe5e"],["__file","/Users/luce/Desktop/\u6570\u5B57\u4E09\u519C/Agriculture-front-end/src/views/plough/VideoSurveillance/index.vue"]]);export{Ie as default};
|