mirror of
https://gitee.com/myxzgzs/boyue_jnpf.git
synced 2025-08-08 15:22:43 +08:00
2 lines
3.7 KiB
JavaScript
2 lines
3.7 KiB
JavaScript
|
import{_ as m,i as k,O as V,P as y,Q as x,r as i,j as I,o as a,c,b as s,w as u,k as C,F as D,a as S,n as $,t as M,u as N,f as d,l as f,E as U,G as O}from"./index-f87df9cc.js";const q={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,k(this.id).then(n=>{this.loading=!1;let e=n.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=V.connect(y,{clientId:"control_"+x()}),this.client.on("connect",()=>{this.client.subscribe(this.control_keys,()=>{console.log(`Subscribe to topic '${this.control_keys}'`)})})},setGroupId(n){this.active=n.id,this.client.publish(this.control_keys,JSON.stringify({type:"group",id:n.id}),{qos:0}),this.$message.success("切换完成")}}},B={class:"control"},E={class:"control__content","element-loading-background":"rgba(0, 0, 0, 0)"},G={key:0,class:"control__list"},j=["onClick"];function F(n,e,h,v,t,l){const _=i("el-button"),p=i("el-input"),o=i("el-drawer"),g=I("loading");return a(),c("div",B,[s(o,{title:"屏幕控制器","append-to-body":"",class:"avue-dialog",modelValue:t.box,"onUpdate:modelValue":e[1]||(e[1]=r=>t.box=r),direction:"rtl"},{default:u(()=>[C((a(),c("div",E,[s(p,{placeholder:"请输入大屏ID",modelValue:t.id,"onUpdate:modelValue":e[0]||(e[0]=r=>t.id=r),class:"input-with-select"},{append:u(()=>[s(_,{onClick:l.handleSearch,icon:"el-icon-search"},null,8,["onClick"])]),_:1},8,["modelValue"]),t.list.length!=!1?(a(),c("div",G,[(a(!0),c(D,null,S(t.list,(r,w)=>(a(),c("div",{class:$(["control__item",{"is-active":t.active==r.id}]),key:w,onClick:Z=>l.setGroupId(r)},M(r.name),11,j))),128))])):N("",!0)])),[[g,t.loading]])]),_:1},8,["modelValue"])])}const J=m(q,[["render",F],["__scopeId","data-v-5253dd3b"]]);const z={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=")}}},b=n=>(U("data-v-0fab323e"),n=n(),O(),n),L={class:"swiper"},P={class:"swiper__content"},Q=b(()=>d("br",null,null,-1)),T=b(()=>d("br",null,null,-1));function A(n,e,h,v,t,l){const _=i("el-input"),p=i("el-drawer");return a(),c("div",L,[s(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(()=>[d("div",P,[s(_,{placeholder:"请输入大屏ID多个大屏用','间隔",modelValue:t.value1,"onUpdate:modelValue":e[1]||(e[1]=o=>t.value1=o)},{append:u(()=>[d("span",{onClick:e[0]||(e[0]=(...o)=>l.goMenu2&&l.goMenu2(...o))},"预览轮播大屏")]),_:1},8,["modelValue"]),Q,f(),T,s(_,{placeholder:"请输入大屏ID",modelValue:t.value,"onUpdate:modelValue":e[3]||(e[3]=o=>t.value=o)},{append:u(()=>[d("span",{onClick:e[2]||(e[2]=(...o)=>l.goMenu1&&l.goMenu1(...o))},"预览单html大屏")]),_:1},8,["modelValue"])])]),_:1},8,["modelValue"])])}const H=m(z,[["render",A],["__scopeId","data-v-0fab323e"]]);const K={components:{control:J,swiper:H}},R={class:"document"},W={class:"item"},X=d("p",{class:"avue-tip-title"},"功能",-1);function Y(n,e,h,v,t,l){const _=i("el-button"),p=i("swiper"),o=i("control");return a(),c("div",R,[d("div",W,[X,s(_,{type:"primary",icon:"el-icon-menu",onClick:e[0]||(e[0]=g=>n.$refs.swiper.box=!0)},{default:u(()=>[f("屏幕轮播")]),_:1})]),s(p,{ref:"swiper"},null,512),s(o,{ref:"control"},null,512)])}const te=m(K,[["render",Y]]);export{te as default};
|