import{_ as L,i as X,r as a,j as V,o as d,d as g,w as c,k as U,c as _,m as O,f as o,b as n,l as m,t as b,p as P,q as Y,s as Z,u as x,v as N,x as ee,y as te,z as se,A as oe,B as le,C as ne,a as D,F as z,n as E}from"./index-f87df9cc.js";const ie={data(){return{url:"",loading:!1,visible:!1,item:{}}},methods:{handleOpen(t={}){this.item=t,this.visible=!0,this.url=location.origin+"/view.html?id="+this.item.id},handleContent(){location.href="/index.zip"},handleExport(){this.loading=!0,X(this.item.id).then(t=>{const e=t.data.data;let r={detail:JSON.parse(e.config.detail),component:JSON.parse(e.config.component)};const h=new Blob([`//将大屏配置文件view.js 放入部署容器根目录 
 const option =${JSON.stringify(r,null,4)}`],{type:"text/plain;charset=utf-8"});saveAs(h,"view.js"),this.loading=!1,this.$message.success("大屏导出成功")}).catch(t=>{console.log(t),this.$message.error("大屏导出失败"),this.loading=!1})}}},ae={class:"item"},ce=o("div",{class:"header"}," 第一步：下载部署容器(必须) ",-1),re={class:"content"},de={style:{width:"100%"}},he=o("p",null,"下载部署容器。配置 Nginx，参考如下：",-1),ue={style:{width:"100%"}},pe=o("pre",null,[o("code",null,`
            location / {
              root /;
              index index.html;
              try_files $uri $uri/ /index.html;
            }
            `),m()],-1),_e=[pe],ge={class:"item"},me=o("div",{class:"header"}," 第二步：下载大屏配置文件 ",-1),fe={class:"content"},be={style:{width:"100%"}},ve=o("p",null,"1.【本地文件】下载大屏配置文件。将大屏配置文件view.js 放入部署容器根目录。",-1),ye={class:"item"},we=o("div",{class:"header"}," iframe嵌入 ",-1),ke={class:"content"},Ce=["href"];function xe(t,e,r,h,s,i){const f=a("el-button"),u=a("el-dialog"),v=V("highlight"),k=V("loading");return d(),g(u,{title:`【${s.item.title}】打包部署`,modelValue:s.visible,"onUpdate:modelValue":e[0]||(e[0]=y=>s.visible=y),"close-on-click-modal":!1,class:"avue-dialog",width:"50%"},{default:c(()=>[U((d(),_("div",O({class:"avue-tip"},t.$loadingParams),[o("div",ae,[ce,o("div",re,[o("div",de,[n(f,{type:"primary",icon:"el-icon-suitcase",onClick:i.handleContent},{default:c(()=>[m("下载容器")]),_:1},8,["onClick"])]),he,o("div",ue,[U((d(),_("p",null,_e)),[[v]])])])]),o("div",ge,[me,o("div",fe,[o("div",be,[n(f,{type:"primary",icon:"el-icon-download",onClick:i.handleExport},{default:c(()=>[m("下载大屏配置文件")]),_:1},8,["onClick"])]),ve,o("p",null,"2.【云端加载】无需下载大屏配置文件，访问第一步下载的容器中index.html文件,url中带大屏参数/index.html?id="+b(s.item.id),1)])]),o("div",ye,[we,o("div",ke,[o("p",null,[m("嵌入地址："),o("a",{href:s.url,target:"_blank"},b(s.url),9,Ce)])])])],16)),[[k,s.loading]])]),_:1},8,["title","modelValue"])}const Ve=L(ie,[["render",xe]]),Ue={props:{category:String},data(){return{loading:!1,box:!1}},methods:{uploadFile(t){this.loading=!0;const e=new FileReader;e.readAsText(t.raw,"UTF-8"),e.onload=r=>{const h=r.target.result;let s=JSON.parse(h)||{},i=s.detail,f=s.component;if(!s.detail){this.loading=!1,this.$message.error("导入文件格式错误");return}let u={category:this.category,title:i.name,name:i.name,width:i.width,height:i.height,component:JSON.stringify(f)};P(u).then(v=>{this.loading=!1;let y=v.data.data.id;this.$message.success("导入成功"),this.box=!1,setTimeout(()=>{let C=this.$router.resolve({path:"/build/"+y});window.open(C.href,"_blank")},300)}).catch(()=>{this.loading=!1})}}}},Se=o("div",{class:"el-upload__text"},[m("将文件拖到此处，或"),o("em",null,"点击上传")],-1);function Te(t,e,r,h,s,i){const f=a("el-icon-upload"),u=a("el-icon"),v=a("el-upload"),k=a("el-dialog"),y=V("loading");return d(),g(k,{title:"导入大屏",width:"30%",class:"avue-dialog","close-on-click-modal":!1,modelValue:s.box,"onUpdate:modelValue":e[0]||(e[0]=C=>s.box=C)},{default:c(()=>[U((d(),_("div",Y(Z(t.$loadingParams)),[s.box?(d(),g(v,{key:0,drag:"",action:"#","show-file-list":!1,"auto-upload":!1,"on-change":i.uploadFile},{default:c(()=>[n(u,null,{default:c(()=>[n(f)]),_:1}),Se]),_:1},8,["on-change"])):x("",!0)],16)),[[y,s.loading]])]),_:1},8,["modelValue"])}const Ne=L(Ue,[["render",Te]]),De={name:"list",components:{exportTip:Ve,importTip:Ne},data(){return{search:{},screenList:[{label:"Desktop(默认)",width:1920,height:1080,icon:"desktop"},{label:"MacBook pro",width:1440,height:900,icon:"mac"},{label:"iPad pro",width:1366,height:1024,icon:"pad"},{label:"手机 Max",width:430,height:932,icon:"phone"},{label:"自定义",width:"-",height:"-",icon:"slot"}],loading1:!1,loading:!1,index:-1,height:0,typeList:[],box:!1,url:N,addColumn:[{label:"分组",prop:"category",span:24,type:"select",dicUrl:N+"/category/list",props:{label:"categoryKey",value:"categoryValue"},rules:[{required:!0,message:"请选择分组",trigger:"blur"}]},{label:"大屏名称",span:24,prop:"title",rules:[{required:!0,message:"请输入大屏名称",trigger:"blur"}]},{label:"密码",span:24,type:"password",labelWidth:100,prop:"password"},{label:"大屏尺寸",span:24,prop:"screen"},{label:"",span:14,prop:"width",display:!1,placeholder:"请输入宽度",rules:[{required:!0,message:"请输入宽度",trigger:"blur"}]},{label:"",span:10,labelWidth:1,display:!1,prop:"height",placeholder:"请输入高度",rules:[{required:!0,message:"请输入高度",trigger:"blur"}]},{label:"缩略图",span:24,prop:"backgroundUrl"}],editColumn:[{label:"分组",prop:"category",span:24,type:"select",dicUrl:N+"/category/list",props:{label:"categoryKey",value:"categoryValue"},rules:[{required:!0,message:"请选择分组",trigger:"blur"}]},{label:"大屏名称",span:24,prop:"title",rules:[{required:!0,message:"请输入大屏名称",trigger:"blur"}]},{label:"密码",span:24,type:"password",labelWidth:100,prop:"password"},{label:"发布状态",prop:"status",span:24,type:"select",dicData:[{label:"未发布",value:0},{label:"已发布",value:1}]},{label:"缩略图",span:24,prop:"backgroundUrl"}],option:{emptyBtn:!1,submitBtn:!1,labelWidth:100,column:[]},page:{page:1,size:50,total:0},form:{},activeName:"",list:[],importBox:!0,publicPath:"/DataV/"}},created(){this.getCategory()},computed:{isEdit(){return!!this.form.id},screenActive(){let t=this.screenList.length,e=this.screenList.findIndex(r=>r.width==this.form.width&&r.height==this.form.height);return e==-1?t-1:e}},methods:{handleImport(){this.$refs.importTip.box=!0},handleTabClick(t){this.activeName=t.props.name,this.page.currentPage=1,this.getList()},onProgress(){this.loading1=!0},onSuccess(t){const e=t.data.link;this.loading1=!1,this.form.backgroundUrl=e},validData(t){const e=[];for(var r=0;r<20;r++)e.push(r);return e.includes(t)},getCategory(){ee().then(t=>{const e=t.data.data;this.typeList=e,this.activeName=(e[0]||{}).categoryValue,this.getList()})},handleExport(t){this.$refs.exportTip.handleOpen(t)},handleCopy(t){if(this.$website.isDemo){this.$message.error(this.$website.isDemoTip);return}this.$confirm("确认复制当前大屏","提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then(()=>{te(t.id).then(e=>{this.$message.success("复制成功");const r=e.data.data;this.handleEdit({id:r})})}).catch(()=>{})},handleDel(t,e){this.$confirm("是否确认永久删除?","提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then(()=>{if(this.validData(e)&&this.$website.isDemo)return this.$message.error(this.$website.isDemoTip),!1;se(t.id).then(()=>{this.list.splice(e,1),this.$message.success("删除成功")})}).catch(()=>{})},handleAdd(){this.form={id:"",name:"",backgroundUrl:"",width:"1920",height:"1080",category:this.activeName},this.option.column=this.addColumn,this.box=!0},handleUpdate(t,e){this.form=t,this.index=e,this.form.category=this.form.category+"",this.option.column=this.editColumn,this.box=!0},handleSetScreen(t){let e=this.option.column,r=this.findObject(e,"width"),h=this.findObject(e,"height");r.display=!1,h.display=!1,t.width=="-"&&t.height=="-"?(r.display=!0,h.display=!0,this.form.width="",this.form.height=""):(this.form.width=t.width,this.form.height=t.height)},handleEdit(t){let e=this.$router.resolve({path:"/build/"+t.id});window.open(e.href,"_blank")},handleViews(t){let e=this.$router.resolve({path:"/view/"+t.id});window.open(e.href,"_blank")},handleSave(t,e){if(this.isEdit){if(this.validData(Number(this.index))&&this.$website.isDemo)return this.$message.error(this.$website.isDemoTip),e(),this.box=!1,!1;oe(this.form).then(()=>{e(),this.box=!1,this.$message.success("修改成功"),this.getList()})}else P(this.form).then(r=>{const h=r.data.data.id;this.box=!1,setTimeout(()=>{this.handleEdit({id:h})})})},handleCurrentChange(t){this.page.page=t,this.getList()},handleSizeChange(t){this.page.size=t,this.getList()},getList(t){this.loading=!0,this.list=[],le({title:this.search.name,category:this.activeName,current:this.page.page,size:this.page.size}).then(e=>{this.loading=!1;const r=e.data.data;this.page.total=r.total;let h=r.records;h.forEach(s=>s._menu=!1),this.list=h})}}},ze={class:"content__box content__nav"},Le={class:"avue-flex"},$e=["src"],Be=o("div",null,[o("p",null,"创建大屏"),o("span",null,"智慧可视化大屏 多平台展示")],-1),Ee={class:"content__page"},Oe={class:"list-search"},Pe={class:"content__box"},je=["onMouseenter","onMouseleave"],Ae={class:"content__info"},qe=["src"],Fe={key:0,class:"content__menu"},Ke={class:"content__right"},Me={class:"content__start"},Je=["onClick"],Ie=["onClick"],We={class:"content__main"},Re={class:"content__name"},Ge={class:"content__menulist"},He=o("span",{class:"icon"},null,-1),Qe=["src"],Xe={class:"create-screen"},Ye=["onClick"],Ze={class:"item-title"},et={class:"item-size"},tt={class:"avue-dialog__footer avue-dialog__footer--center"};function st(t,e,r,h,s,i){const f=a("el-icon-search"),u=a("el-icon"),v=a("el-input"),k=a("el-pagination"),y=a("el-tab-pane"),C=a("el-tabs"),j=a("el-header"),$=a("el-icon-edit"),S=a("el-tooltip"),A=a("el-icon-delete"),q=a("el-icon-copy-document"),F=a("el-icon-view"),B=a("svg-icon"),K=a("el-empty"),M=a("el-main"),T=a("el-button"),J=a("el-upload"),I=a("avue-form"),W=a("el-dialog"),R=a("export-tip"),G=a("import-tip"),H=a("el-container"),Q=V("loading");return d(),g(H,{class:"list"},{default:c(()=>[n(j,{class:"content__header"},{default:c(()=>[o("div",ze,[o("div",Le,[o("div",{class:"content__add",onClick:e[0]||(e[0]=(...l)=>i.handleAdd&&i.handleAdd(...l))},[o("img",{src:`${s.publicPath}img/project.png`,height:"40px",alt:""},null,8,$e),Be])]),o("div",Ee,[o("div",Oe,[n(v,{modelValue:s.search.name,"onUpdate:modelValue":e[1]||(e[1]=l=>s.search.name=l),onKeyup:ne(i.getList,["enter"]),placeholder:"请输入名称"},{suffix:c(()=>[n(u,{onClick:i.getList,class:"el-input__icon"},{default:c(()=>[n(f)]),_:1},8,["onClick"])]),_:1},8,["modelValue","onKeyup"])]),s.page.total>0?(d(),g(k,{key:0,layout:"total, prev, pager, next,jumper",background:"",size:"small",onSizeChange:i.handleSizeChange,onCurrentChange:i.handleCurrentChange,"page-size":s.page.size,"current-page":s.page.page,"onUpdate:currentPage":e[2]||(e[2]=l=>s.page.page=l),total:s.page.total},null,8,["onSizeChange","onCurrentChange","page-size","current-page","total"])):x("",!0)])]),n(C,{class:"list-tabs",modelValue:s.activeName,"onUpdate:modelValue":e[3]||(e[3]=l=>s.activeName=l),onTabClick:i.handleTabClick},{default:c(()=>[(d(!0),_(z,null,D(s.typeList,(l,p)=>(d(),g(y,{key:p,label:l.categoryKey,name:l.categoryValue},null,8,["label","name"]))),128))]),_:1},8,["modelValue","onTabClick"])]),_:1}),U((d(),g(M,O({class:"content"},t.$loadingParams),{default:c(()=>[o("div",Pe,[s.list.length>0?(d(!0),_(z,{key:0},D(s.list,(l,p)=>(d(),_("div",{class:"content__item",key:p,onMouseenter:w=>l._menu=!0,onMouseleave:w=>l._menu=!1},[o("div",Ae,[o("img",{src:t.computedImgUrl(l.backgroundUrl)||`${s.publicPath}img/bg-default.png`,alt:""},null,8,qe),l._menu?(d(),_("div",Fe,[o("div",Ke,[n(S,{content:"修改"},{default:c(()=>[n(u,{onClick:w=>i.handleUpdate(l,p)},{default:c(()=>[n($)]),_:2},1032,["onClick"])]),_:2},1024),n(S,{content:"删除"},{default:c(()=>[n(u,{onClick:w=>i.handleDel(l,p)},{default:c(()=>[n(A)]),_:2},1032,["onClick"])]),_:2},1024),n(S,{content:"复制"},{default:c(()=>[n(u,{onClick:w=>i.handleCopy(l,p)},{default:c(()=>[n(q)]),_:2},1032,["onClick"])]),_:2},1024)]),o("div",Me,[o("div",{class:"content__btn",onClick:w=>i.handleViews(l,p)},[n(u,null,{default:c(()=>[n(F)]),_:1})],8,Je),o("div",{class:"content__btn",onClick:w=>i.handleEdit(l)},[n(u,null,{default:c(()=>[n($)]),_:1})],8,Ie)])])):x("",!0)]),o("div",We,[o("span",Re,b(l.title),1),o("div",Ge,[o("span",{class:E(["content__status",{"is-active":l.status}])},[He,m(" "+b(l.status==1?"已发布":"未发布"),1)],2)])])],40,je))),128)):(d(),g(K,{key:1,class:"content__empty",description:"暂无数据"},{image:c(()=>[n(B,{"icon-class":"empty"})]),_:1}))])]),_:1},16)),[[Q,s.loading]]),n(W,{title:i.isEdit?"编辑大屏":"创建大屏",width:i.isEdit?"50%":"70%",class:"avue-dialog","close-on-click-modal":!1,modelValue:s.box,"onUpdate:modelValue":e[7]||(e[7]=l=>s.box=l)},{default:c(()=>[s.box?(d(),g(I,{key:0,ref:"form",option:s.option,modelValue:s.form,"onUpdate:modelValue":e[4]||(e[4]=l=>s.form=l),onSubmit:i.handleSave},{backgroundUrl:c(()=>[s.form.backgroundUrl?(d(),_("img",{key:0,src:t.computedImgUrl(s.form.backgroundUrl),style:{width:"200px"},alt:""},null,8,Qe)):x("",!0),n(J,{"on-success":i.onSuccess,"on-progress":i.onProgress,"show-file-list":!1,action:s.url+"/visual/put-file/screenShot",multiple:"","list-type":"picture"},{default:c(()=>[n(T,{loading:s.loading1,icon:"el-icon-upload",type:"primary"},{default:c(()=>[m("点击上传")]),_:1},8,["loading"])]),_:1},8,["on-success","on-progress","action"])]),screen:c(()=>[o("div",Xe,[(d(!0),_(z,null,D(s.screenList,(l,p)=>(d(),_("div",{class:E(["item",{"is-active":p===i.screenActive}]),onClick:w=>i.handleSetScreen(l),key:p},[n(B,{class:"item-icon","icon-class":l.icon},null,8,["icon-class"]),o("div",Ze,b(l.label),1),o("div",et,b(l.width)+" x "+b(l.height),1)],10,Ye))),128))])]),_:1},8,["option","modelValue","onSubmit"])):x("",!0),o("span",tt,[n(T,{type:"primary",onClick:e[5]||(e[5]=l=>t.$refs.form.submit()),icon:"el-icon-check"},{default:c(()=>[m(b(i.isEdit?"更新大屏":"创建大屏"),1)]),_:1}),n(T,{icon:"el-icon-close",onClick:e[6]||(e[6]=l=>s.box=!1)},{default:c(()=>[m("关 闭")]),_:1})])]),_:1},8,["title","width","modelValue"]),n(R,{ref:"exportTip"},null,512),n(G,{ref:"importTip",category:s.activeName},null,8,["category"])]),_:1})}const lt=L(De,[["render",st]]);export{lt as default};