| 1 |
- import{_ as m,i as w,M as k,N as V,O as y,r as i,j as x,o as a,c as d,b as n,w as _,k as C,F as D,a as I,n as S,t as M,u as N,f as u,l as h}from"./index-34ec9885.js";const $={data(){return{active:null,box:!1,loading:!1,client:null,id:"",list:[]}},computed:{control_keys(){return"control_"+this.id}},methods:{handleSearch(){this.list=[],this.loading=!0,w(this.id).then(l=>{this.loading=!1;let e=l.data.data.config;e=JSON.parse(e.detail),this.list=e.group||[],this.client&&this.client.end(),this.list.length!=!1&&this.initControl()})},initControl(){this.client=k.connect(V,{clientId:"control_"+y()}),this.client.on("connect",()=>{this.client.subscribe(this.control_keys,()=>{console.log(`Subscribe to topic '${this.control_keys}'`)})})},setGroupId(l){this.active=l.id,this.client.publish(this.control_keys,JSON.stringify({type:"group",id:l.id}),{qos:0}),this.$message.success("切换完成")}}},U={class:"control"},O={class:"control__content","element-loading-background":"rgba(0, 0, 0, 0)"},q={key:0,class:"control__list"},B=["onClick"];function j(l,e,v,g,t,s){const c=i("el-button"),p=i("el-input"),o=i("el-drawer"),f=x("loading");return a(),d("div",U,[n(o,{title:"屏幕控制器","append-to-body":"",class:"avue-dialog",modelValue:t.box,"onUpdate:modelValue":e[1]||(e[1]=r=>t.box=r),direction:"rtl"},{default:_(()=>[C((a(),d("div",O,[n(p,{placeholder:"请输入大屏ID",modelValue:t.id,"onUpdate:modelValue":e[0]||(e[0]=r=>t.id=r),class:"input-with-select"},{append:_(()=>[n(c,{onClick:s.handleSearch,icon:"el-icon-search"},null,8,["onClick"])]),_:1},8,["modelValue"]),t.list.length!=!1?(a(),d("div",q,[(a(!0),d(D,null,I(t.list,(r,b)=>(a(),d("div",{class:S(["control__item",{"is-active":t.active==r.id}]),key:b,onClick:P=>s.setGroupId(r)},M(r.name),11,B))),128))])):N("",!0)])),[[f,t.loading]])]),_:1},8,["modelValue"])])}const E=m($,[["render",j],["__scopeId","data-v-5253dd3b"]]);const F={data(){return{box:!1,value:"",value1:""}},methods:{goMenu1(){if(!this.value)return this.$message.error("请输入大屏ID");window.open("/DataV/view.html?id="+this.value+"&token="+localStorage.getItem("token")+"&isDev=")},goMenu2(){if(!this.value1){this.$message.error('请输入大屏ID多个大屏用", "间隔');return}window.open("/DataV/swiper.html?id="+this.value1+"&token="+localStorage.getItem("token")+"&isDev=")}}},G={class:"swiper"},J={class:"swiper__content"};function z(l,e,v,g,t,s){const c=i("el-input"),p=i("el-drawer");return a(),d("div",G,[n(p,{title:"屏幕轮播","append-to-body":"",class:"avue-dialog",modelValue:t.box,"onUpdate:modelValue":e[4]||(e[4]=o=>t.box=o),direction:"rtl"},{default:_(()=>[u("div",J,[n(c,{placeholder:"请输入大屏ID多个大屏用','间隔",modelValue:t.value1,"onUpdate:modelValue":e[1]||(e[1]=o=>t.value1=o)},{append:_(()=>[u("span",{onClick:e[0]||(e[0]=(...o)=>s.goMenu2&&s.goMenu2(...o))},"预览轮播大屏")]),_:1},8,["modelValue"]),e[5]||(e[5]=u("br",null,null,-1)),e[6]||(e[6]=h()),e[7]||(e[7]=u("br",null,null,-1)),n(c,{placeholder:"请输入大屏ID",modelValue:t.value,"onUpdate:modelValue":e[3]||(e[3]=o=>t.value=o)},{append:_(()=>[u("span",{onClick:e[2]||(e[2]=(...o)=>s.goMenu1&&s.goMenu1(...o))},"预览单html大屏")]),_:1},8,["modelValue"])])]),_:1},8,["modelValue"])])}const L=m(F,[["render",z],["__scopeId","data-v-0fab323e"]]);const T={components:{control:E,swiper:L}},A={class:"document"},H={class:"item"};function K(l,e,v,g,t,s){const c=i("el-button"),p=i("swiper"),o=i("control");return a(),d("div",A,[u("div",H,[e[2]||(e[2]=u("p",{class:"avue-tip-title"},"功能",-1)),n(c,{type:"primary",icon:"el-icon-menu",onClick:e[0]||(e[0]=f=>l.$refs.swiper.box=!0)},{default:_(()=>[...e[1]||(e[1]=[h("屏幕轮播",-1)])]),_:1})]),n(p,{ref:"swiper"},null,512),n(o,{ref:"control"},null,512)])}const R=m(T,[["render",K]]);export{R as default};
|
