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