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 f,c as b,l as t,m as N,x as z,f as i,e as n,g as y,w as C,C as G,D as K,p as Q,q as X}from"./index.afd881ee.js";import{L as r,i as Y,_ as ee,a as te}from"./mark.80cfbbca.js";import"./index.6098b0aa.js";import{V as ae}from"./video.f22e9bb9.js";import"./install.6cb28b74.js";function oe(s){return I({url:"equipment/treeData",method:"get",params:s})}function le(s){return I({url:"equipment/cameraName",method:"get",params:s})}const w=s=>(Q("data-v-21cafe5e"),s=s(),X(),s),ne={class:"fatherDiv"},se={class:"tabulation"},ie={class:"tabulationCente"},re={class:"left"},ce={style:{color:"rgba(100, 195, 164, 1)"}},de={class:"freckle"},ue={class:"chartModeFather"},pe={class:"tableBox"},_e=["onClick"],me={class:"example-pagination-block"},he={class:"centent"},ve={key:0},ge=w(()=>t("img",{style:{width:"300%"},src:ee},null,-1)),fe=[ge],be={key:1},ye=w(()=>t("img",{style:{width:"300%"},src:te},null,-1)),Ce=[ye],we={class:"cesiumContainersDiv"},xe=w(()=>t("div",{id:"cesiumContainers",class:"detailed"},null,-1)),Se=[xe],ke={class:"myVideo"},De={__name:"index",setup(s){let c=r.Map,_=o([]);o({});let x=o([]);o("");let m=o("\u5168\u90E8"),S=o([]);const h=o(!1);let T=o({yearMonth:"",flag:"",divisions:""}),u=o(!1),A=o(1),L=o(12),k=null;const v=o({}),D=W({videoSrc:"http://cmgw-vpc.lechange.com:8888/LCO/9C023C5FACFE48F/0/1/20230530T033445/a44e6e04b0608347f0209ab2b25aa258.m3u8"});Z(()=>{q(),P(),V()}),j(()=>{document.querySelector(".mode").style.display="none",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()},q=()=>{oe().then(e=>{e.data.forEach(l=>{x.value.push(l)})})},V=e=>{le({name:e}).then(l=>{_.value=l.data,console.log(v.value),v.value.children!==null&&(S.value=l.data),l.data.forEach((a,d)=>{k=r.latLng(a.latitude,a.longitude),c.setView(k,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()})})},F=(e,l,a,d)=>{m.value=e.label,T.value.flag="",v.value=e,V(m.value)},M=e=>{console.log(e),D.videoSrc=e.hdStreaming,h.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:Y});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 f(),b("div",ne,[t("div",se,[t("div",ie,[t("div",re,[t("p",null,[N(" \u5F53\u524D\u9009\u62E9 \uFF1A "),t("span",ce,z(i(m)),1)]),n(a,{data:i(x),props:e.defaultProps,onNodeClick:F},null,8,["data","props"])]),t("div",de,[y(` <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",ue,[t("div",pe,[n(H,{data:i(S),"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(g=>[t("span",{style:{color:"rgba(100, 195, 164, 1)",cursor:"pointer"},onClick:Ve=>M(g.row)}," \u64AD\u653E ",8,_e)]),_:1})]),_:1},8,["data"]),t("div",me,[N(" \u5171"+z(i(_).length)+"\u6761 ",1),n(J,{background:"",layout:"prev, pager, next",total:i(_).length,"current-page":e.tabulationcurrentPage,"page-size":e.tabulationpageSize,onCurrentChange:e.tabulationCurrentChange},null,8,["total","current-page","page-size","onCurrentChange"])])])])]),t("div",he,[t("div",{class:"arrow",onClick:$},[i(u)?y("v-if",!0):(f(),b("p",ve,fe)),i(u)?(f(),b("p",be,Ce)):y("v-if",!0)])]),G(t("div",we,Se,512),[[K,!i(u)]])]),n(O,{modelValue:h.value,"onUpdate:modelValue":l[0]||(l[0]=g=>h.value=g),"append-to-body":"",class:"video","destroy-on-close":"",title:"\u5B9E\u65F6\u76D1\u63A7",width:"30%","before-close":e.handleClose},{default:C(()=>[t("div",ke,[n(ae,{videoSrc:D.videoSrc,autoPlay:""},null,8,["videoSrc"])])]),_:1},8,["modelValue","before-close"])])])}}},Le=R(De,[["__scopeId","data-v-21cafe5e"],["__file","/Users/luce/Desktop/\u6570\u5B57\u4E09\u519C/Agriculture-front-end/src/views/plough/VideoSurveillance/index.vue"]]);export{Le as default};
|