import{S as Me,d as Ee,_ as Ue,C as Te,a as Ie}from"./clipboard-1ec87c07.js";import{s as P,c as Ae,I as X,C as he,M as Q,_ as ze}from"./http-02c81b8c.js";import{A as Le,_ as x,B as ve,b as Ne}from"./_plugin-vue_export-helper-a1ffee7e.js";import{g as n,d as W,r as d,w as te,N as m,D as T,a9 as ne,E as h,I as F,G as r,K as i,S as ae,L as S,Q as Z,Y as ke,F as j,h as oe,Z as K,l as se,b as ee,H as N,B as be,J as H,R as Re,W as Pe,U as He,n as ge,O as je}from"./index-3c234266.js";import{S as ye,E as le,D as Ve,a as qe}from"./ExclamationCircleOutlined-e5350100.js";import{C as re}from"./index-6bb7022a.js";import{_ as ie,a as _e}from"./index-86127553.js";import{s as ue,g as Je}from"./utils-ccf2ec76.js";import{_ as we,F as Ce,P as Ye,a as Qe,b as We}from"./PlusOutlined-920ae6ab.js";import{_ as Ge}from"./index-dd686854.js";import{_ as Ze}from"./index-9a52c10f.js";import{E as Ke,M as Xe,F as xe,D as et,a as tt,_ as nt}from"./index.vue_vue_type_script_setup_true_lang-ff4965f5.js";import{_ as at,b as ot,M as st}from"./index-6a3b275e.js";import{c as lt}from"./componentList-d97405f6.js";import{_ as rt}from"./index-748a50fd.js";import"./collapseMotion-ccbb3149.js";var it={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M342 88H120c-17.7 0-32 14.3-32 32v224c0 8.8 7.2 16 16 16h48c8.8 0 16-7.2 16-16V168h174c8.8 0 16-7.2 16-16v-48c0-8.8-7.2-16-16-16zm578 576h-48c-8.8 0-16 7.2-16 16v176H682c-8.8 0-16 7.2-16 16v48c0 8.8 7.2 16 16 16h222c17.7 0 32-14.3 32-32V680c0-8.8-7.2-16-16-16zM342 856H168V680c0-8.8-7.2-16-16-16h-48c-8.8 0-16 7.2-16 16v224c0 17.7 14.3 32 32 32h222c8.8 0 16-7.2 16-16v-48c0-8.8-7.2-16-16-16zM904 88H682c-8.8 0-16 7.2-16 16v48c0 8.8 7.2 16 16 16h174v176c0 8.8 7.2 16 16 16h48c8.8 0 16-7.2 16-16V120c0-17.7-14.3-32-32-32z"}}]},name:"expand",theme:"outlined"};const ut=it;function fe(e){for(var t=1;tP.get("/board/iotboardmanage/page",e),save:e=>P.post("/board/iotboardmanage",e),edit:e=>P.put("/board/iotboardmanage",e),delete:e=>P.delete("/board/iotboardmanage",e),info:e=>P.get(`/board/iotboardmanage/${e}`),copy:e=>P.get(`/board/iotboardmanage/copy/${e}`),getAllTemplateList:()=>P.get("/board/iotboardmanage/getAllTemplate"),getSysMenuList:e=>P.get("sys/menu/list",e),getAllType:()=>P.get("/board/iotboardmanage/getAllType"),exportDashboard:e=>P.get("/board/iotboardmanage/export",e),importDashboard:(e,t)=>P.post("/board/iotboardmanage/importJson",e,t)},ct={mounted(e,t){const s=t.value;e.setAttribute("style",`background-image: ${s.backgroundImage}; width: 100%;height: 100%; background-color: ${s.backgroundColor}; width: 100%; height: auto; background-size: ${s.backgroundSize}; background-repeat: ${s.backgroundRepeat};`);const a=document.createElement("img");s.thumbnailUrl&&(a.setAttribute("src",s.thumbnailUrl),a.setAttribute("width","100%"),a.setAttribute("height","100%"),e.appendChild(a))}},mt=W({components:{ExpandOutlined:$e,SearchOutlined:Me},directives:{attachBackground:ct},emits:["selected"],setup(e,{emit:t}){const s=d(!1),a=d(""),p=d(0),C=d([]),y=d([]),g=d(!1),k=async()=>{g.value=!0;const o=await I.getAllTemplateList();if(o.code!==0)return m.warning(o.msg);C.value=o.data.map(B=>(B.isChecked=!1,B)),y.value=Ae(C.value),g.value=!1,p.value=o.data.length},v=()=>{s.value=!0,k()},E=o=>{C.value.filter(D=>D.id!==o.id).forEach(D=>{D.isChecked=!1})},M=()=>{t("selected",C.value.filter(o=>o.isChecked)),s.value=!1};te(a,o=>{o?C.value=y.value.filter(B=>B.name.includes(o)):C.value=y.value});const $=d(!1),_=d(null);return{visible:s,loading:g,templateName:a,nums:p,templatesList:C,showModal:v,handleOk:M,selectHandler:E,zoomOutPic:$,getThumbnailUrlBackBig:o=>`background-image: ${o.backgroundImage};width: 100%; height: 100%; background-color: ${o.backgroundColor}; background-size: ${o.backgroundSize}; background-repeat: ${o.backgroundRepeat};`,templateBigPic:_}}});const pt={class:"templates-wrapper"},gt={key:0,class:"flex justify-center items-center"},ft={class:"dashboard-templates"},ht=["src"],vt={key:1,class:"bg-gray",style:{width:"100%",height:"100%"}};function kt(e,t,s,a,p,C){const y=T("SearchOutlined"),g=X,k=ie,v=ye,E=he,M=T("ExpandOutlined"),$=re,_=Q,O=ne("attachBackground");return h(),F("div",null,[n(_,{open:e.visible,"onUpdate:open":t[1]||(t[1]=o=>e.visible=o),width:1e3,"cancel-text":"取消","ok-text":"确认",class:"select-temp-modal",onOk:e.handleOk},{title:r(()=>t[3]||(t[3]=[i("div",{style:{"font-size":"20px","font-weight":"500","text-align":"center"}}," 选择模板 ",-1)])),default:r(()=>[n(k,{type:"flex",justify:"space-between"},{default:r(()=>[i("span",null,"共"+ae(e.nums)+" 个模板",1),n(g,{value:e.templateName,"onUpdate:value":t[0]||(t[0]=o=>e.templateName=o),style:{width:"250px"},placeholder:"搜索模板名称"},{prefix:r(()=>[n(y)]),_:1},8,["value"])]),_:1}),i("div",pt,[e.loading?(h(),F("div",gt,[n(v,{spinning:e.loading},null,8,["spinning"])])):S("",!0),i("div",ft,[(h(!0),F(Z,null,ke(e.templatesList,o=>(h(),j($,{key:o.id,title:o.name,class:"w-full"},{extra:r(()=>[n(E,{checked:o.isChecked,"onUpdate:checked":B=>o.isChecked=B,onChange:B=>e.selectHandler(o)},null,8,["checked","onUpdate:checked","onChange"])]),default:r(()=>[oe(i("div",null,null,512),[[O,o]]),n(M,{class:"absolute right-2 top-17",onClick:B=>(e.zoomOutPic=!0,e.templateBigPic=o)},null,8,["onClick"])]),_:2},1032,["title"]))),128))])])]),_:1},8,["open","onOk"]),n(_,{open:e.zoomOutPic,"onUpdate:open":t[2]||(t[2]=o=>e.zoomOutPic=o),title:"大图",width:"1050px","cancel-text":"取消","ok-text":"确认"},{default:r(()=>[i("div",{style:K(e.getThumbnailUrlBackBig(e.templateBigPic))},[e.templateBigPic.thumbnailUrl?(h(),F("img",{key:0,src:e.templateBigPic.thumbnailUrl,style:{width:"100%",height:"100%"}},null,8,ht)):S("",!0),e.templateBigPic.thumbnailUrl?S("",!0):(h(),F("div",vt))],4)]),_:1},8,["open"])])}const bt=x(mt,[["render",kt],["__scopeId","data-v-5c8b9b9e"]]),yt=W({components:{ChooseTemplate:bt,ExpandOutlined:$e},props:{showModal:{type:Boolean,default:!1},title:{type:String,default:"新增"}},emits:["showHideModal","design"],setup(e,{emit:t}){const s=se({get(){return e.showModal},set(u){t("showHideModal",u)}}),a=d({id:"",name:"",type:"",sysMenuDTO:{id:"",name:"",pid:""},thumbnailUrl:"",backgroundImage:"",backgroundColor:"",backgroundRepeat:"",backgroundSize:"",isTemplate:!1,templateId:"",createDate:"",creator:"",remarks:""}),p=d(null),C=d([]),y=async()=>{const u=await I.getSysMenuList({type:0});if(u.code!==0)return m.warning(u.msg);C.value=u.data||[],C.value.unshift({id:"0",name:"一级菜单",children:[]})},g=(u,b)=>u.find(J=>J.id===b?J:J.children?g(J.children,b):null),k=u=>{if(u){const b=g(C.value,u);if(b){const{id:G}=b;a.value.sysMenuDTO.pid=G}}else a.value.sysMenuDTO.pid="",a.value.sysMenuDTO.id="",a.value.sysMenuDTO.name=""},v=d(""),E=u=>{a.value.sysMenuDTO.name=u.target.value},M=async u=>{const b=await I.info(u);if(b.code!==0)return m.warning(b.msg);a.value=b.data,a.value.createDate&&(a.value.createDate=Ee(a.value.createDate).format("YYYY-MM-DD HH:mm:ss")),b.data.sysMenuDTO?(p.value=b.data.sysMenuDTO.pid,v.value=b.data.sysMenuDTO.name):a.value.sysMenuDTO={id:"",name:"",pid:""}},$=d([]),_=async()=>{const u=await I.getAllType();if(u.code!==0)return m.warning(u.msg);$.value=u.data.map(b=>({value:b}))};ee(()=>{y(),_()});const O=d(null),o=d(!1),B=async()=>{if(a.value.sysMenuDTO){if(!p.value&&a.value.sysMenuDTO.name)return m.warning("请选择关联菜单！");if(a.value.sysMenuDTO.pid&&!a.value.sysMenuDTO.name)return m.warning("映射看板名称不能为空！")}o.value=!0,O.value.validate().then(async u=>{const b=await(a.value.id?I.edit:I.save)(a.value);return b.code!==0?(o.value=!1,b.code===403?m.warning(a.value.id?"无权限修改！":"无权限新增！"):m.warning(b.msg)):(t("showHideModal",!1),o.value=!1,m.success("操作成功"))}).catch(()=>{o.value=!1})},D=()=>{Q.confirm({title:"确认",icon:n(le),content:"确认要删除看板吗？",okText:"确认",cancelText:"取消",onOk:async()=>{const u=await I.delete([a.value.id]);return u.code!==0?m.warning(u.msg):m.success("删除成功！")}})},A=d(null),f=()=>{A.value.showModal()};te(s,u=>{u||(A.value.templatesList=A.value.templatesList.map(b=>(b.isChecked=!1,b)))});const V=u=>{const b={...u[0],remarks:"",name:"",type:"",isTemplate:!1};Object.assign(a.value,b,{id:"",templateId:u[0].id})},q=()=>{t("design",a.value)},z=()=>{const u=a.value;return`background-image: ${u.backgroundImage}; width: 100%; height: 100%; background-color: ${u.backgroundColor}; background-size: ${u.backgroundSize}; background-repeat: ${u.backgroundRepeat};`},w=()=>{const u=a.value;return`background-image: ${u.backgroundImage};width: 100%; height: 100%; background-color: ${u.backgroundColor}; background-size: ${u.backgroundSize}; background-repeat: ${u.backgroundRepeat};`},R=d(!1);return{visible:s,getInfo:M,formState:a,typeList:$,sysMenu:p,sysMenuList:C,nodeClicked:k,submitForm:B,deleteBoard:D,chooseTemplateRef:A,selectTemplate:f,selectedTemp:V,designBoard:q,getThumbnailUrlBack:z,zoomOutPic:R,getThumbnailUrlBackBig:w,exportDashboard:()=>{ue(JSON.stringify(a.value),a.value.name)},dashboardForm:O,MapedMenuName:v,mapNameChanged:E,loading:o}}});const _t={class:"thumbnailUrl-wrapper relative border border-solid border-rd border-[#ddd] dark:border-[#333]"},wt=["src"],Ct={key:1,class:"bg-gray",style:{width:"100%",height:"100%"}},$t=["src"],Bt={key:1,class:"bg-gray",style:{width:"100%",height:"100%"}};function Dt(e,t,s,a,p,C){const y=ve,g=ie,k=X,v=we,E=Ge,M=Ue,$=_e,_=Ze,O=T("ExpandOutlined"),o=ze,B=Ce,D=T("ChooseTemplate"),A=Q;return h(),F(Z,null,[n(A,{open:e.visible,"onUpdate:open":t[9]||(t[9]=f=>e.visible=f),title:e.title,"cancel-text":"取消","ok-text":"确认",width:700,"confirm-loading":e.loading,onCancel:t[10]||(t[10]=f=>e.visible=!1),onOk:e.submitForm},{default:r(()=>[e.title==="详情"?(h(),j(g,{key:0,class:"mb-3"},{default:r(()=>[n(y,{type:"primary",class:"mr-2",onClick:e.designBoard},{default:r(()=>t[12]||(t[12]=[N(" 设计看板 ")])),_:1},8,["onClick"]),n(y,{type:"primary",danger:"",class:"mr-2",onClick:e.deleteBoard},{default:r(()=>t[13]||(t[13]=[N(" 删除看板 ")])),_:1},8,["onClick"])]),_:1})):S("",!0),e.title==="新增"?(h(),j(g,{key:1,type:"flex",justify:"end"},{default:r(()=>[n(y,{type:"default",class:"mb-3",onClick:e.selectTemplate},{default:r(()=>t[14]||(t[14]=[N(" 选择模板 ")])),_:1},8,["onClick"])]),_:1})):S("",!0),n(B,{ref:"dashboardForm",model:e.formState,name:"name",autocomplete:"off","label-col":{span:4,offset:0}},{default:r(()=>[n(v,{label:"看板名称",name:"name",rules:[{required:!0,message:"请输入看板名称（中文）!"}]},{default:r(()=>[n(k,{value:e.formState.name,"onUpdate:value":t[0]||(t[0]=f=>e.formState.name=f),"allow-clear":!0,placeholder:"请输入看板名称（中文）!"},null,8,["value"])]),_:1}),n(v,{name:"type",label:"看板类型","has-feedback":"",rules:[{required:!0,message:"请选择看板类型!"}]},{default:r(()=>[n(E,{value:e.formState.type,"onUpdate:value":t[1]||(t[1]=f=>e.formState.type=f),"allow-clear":!0,options:e.typeList,placeholder:"请输入看板类型"},null,8,["value","options"])]),_:1}),n(g,null,{default:r(()=>[n($,{span:16},{default:r(()=>[n(v,{name:"sysMenuDTO",label:"关联菜单","label-col":{span:5,offset:1}},{default:r(()=>[n(M,{value:e.sysMenu,"onUpdate:value":t[2]||(t[2]=f=>e.sysMenu=f),"show-search":"",style:{width:"100%"},"dropdown-style":{maxHeight:"400px",overflow:"auto"},placeholder:"请选择关联菜单","allow-clear":"","field-names":{children:"children",label:"name",value:"id"},"tree-data":e.sysMenuList,onChange:e.nodeClicked},null,8,["value","tree-data","onChange"])]),_:1})]),_:1}),n($,{span:8},{default:r(()=>[n(k,{value:e.MapedMenuName,"onUpdate:value":t[3]||(t[3]=f=>e.MapedMenuName=f),placeholder:"映射看板名称",style:{width:"90%","margin-left":"10%"},onChange:e.mapNameChanged},null,8,["value","onChange"])]),_:1})]),_:1}),e.title==="详情"?(h(),j(v,{key:0,label:"创建时间",name:"createDate"},{default:r(()=>[n(k,{value:e.formState.createDate,"onUpdate:value":t[4]||(t[4]=f=>e.formState.createDate=f),disabled:!0},null,8,["value"])]),_:1})):S("",!0),e.title==="详情"?(h(),j(v,{key:1,label:"创建人",name:"creator"},{default:r(()=>[n(k,{value:e.formState.creator,"onUpdate:value":t[5]||(t[5]=f=>e.formState.creator=f),disabled:!0},null,8,["value"])]),_:1})):S("",!0),n(v,{name:"isTemplate",label:"模板",extra:""},{default:r(()=>[n(_,{checked:e.formState.isTemplate,"onUpdate:checked":t[6]||(t[6]=f=>e.formState.isTemplate=f)},null,8,["checked"])]),_:1}),n(v,{name:"thumbnailUrl",label:"缩略图",extra:""},{default:r(()=>[i("div",_t,[i("div",{style:K(e.getThumbnailUrlBack())},[e.formState.thumbnailUrl?(h(),F("img",{key:0,src:e.formState.thumbnailUrl,style:{width:"100%",height:"100%"}},null,8,wt)):S("",!0),e.formState.thumbnailUrl?S("",!0):(h(),F("div",Ct))],4),n(O,{class:"absolute right-2 top-2",onClick:t[7]||(t[7]=f=>e.zoomOutPic=!0)})])]),_:1}),n(v,{label:"备注",name:"remarks",rules:[{required:!1,message:"请输入备注!"}]},{default:r(()=>[n(o,{value:e.formState.remarks,"onUpdate:value":t[8]||(t[8]=f=>e.formState.remarks=f),"auto-size":{minRows:2,maxRows:5}},null,8,["value"])]),_:1})]),_:1},8,["model"]),n(D,{ref:"chooseTemplateRef",onSelected:e.selectedTemp},null,8,["onSelected"])]),_:1},8,["open","title","confirm-loading","onOk"]),n(A,{open:e.zoomOutPic,"onUpdate:open":t[11]||(t[11]=f=>e.zoomOutPic=f),title:"大图",width:"1050px","cancel-text":"取消","ok-text":"确认"},{default:r(()=>[i("div",{style:K(e.getThumbnailUrlBackBig())},[e.formState.thumbnailUrl?(h(),F("img",{key:0,src:e.formState.thumbnailUrl,style:{width:"100%",height:"100%"}},null,8,$t)):S("",!0),e.formState.thumbnailUrl?S("",!0):(h(),F("div",Bt))],4)]),_:1},8,["open"])],64)}const Ot=x(yt,[["render",Dt],["__scopeId","data-v-c69ab2da"]]),St=["width","height"],Ft={id:"layer1",transform:"translate(-84.980584,-61.2753)"},Mt={id:"g10158",transform:"matrix(-0.9061819,-0.89504449,0.89504449,-0.9061819,119.2867,259.20216)"},Et=["stroke"],Ut=["stroke"],Tt=["stroke"],It=["stroke"],At=["stroke"],zt=["stroke"],Lt=["fill"],Nt=["fill"],Rt=["fill"],Pt=W({__name:"designIcon",props:{color:null,width:null,height:null},setup(e){const t=e,{color:s,width:a,height:p}=be(t);return(C,y)=>(h(),F("svg",{class:"icon",width:H(a),height:H(p),viewBox:"0 0 43.760513 44.087521",version:"1.1","xml:space":"preserve",xmlns:"http://www.w3.org/2000/svg","xmlns:svg":"http://www.w3.org/2000/svg",style:{outline:"none"}},[y[0]||(y[0]=i("defs",{id:"defs2"},null,-1)),i("g",Ft,[i("g",Mt,[i("rect",{id:"rect1786",stroke:H(s),style:{opacity:"1",fill:"none","fill-opacity":"1","stroke-width":"1.5875","stroke-dasharray":"none","stroke-opacity":"1"},width:"12.315695",height:"15.893615",x:"97.847878",y:"92.137497",ry:"0"},null,8,Et),i("path",{id:"path6346",stroke:H(s),style:{fill:"none","stroke-width":"1.5875","stroke-linecap":"butt","stroke-linejoin":"miter","stroke-dasharray":"none","stroke-opacity":"1"},d:"m 101.85,92.082631 -3.137741,-3.43671 5.076191,-10.58256 5.16221,10.49653 -2.75318,3.52752 z"},null,8,Ut),i("path",{id:"path6348",stroke:H(s),style:{fill:"none","stroke-width":"0.99678","stroke-linecap":"butt","stroke-linejoin":"miter","stroke-dasharray":"none","stroke-opacity":"1"},d:"m 103.75647,78.087111 -0.0865,8.57665"},null,8,Tt),i("path",{id:"path6348-7",stroke:H(s),style:{fill:"none","stroke-width":"1.31508","stroke-linecap":"butt","stroke-linejoin":"miter","stroke-dasharray":"none","stroke-opacity":"1"},d:"m 101.68277,92.301471 -0.0837,15.430439"},null,8,It),i("path",{id:"path6348-7-6",stroke:H(s),style:{fill:"none","stroke-width":"1.31508","stroke-linecap":"butt","stroke-linejoin":"miter","stroke-dasharray":"none","stroke-opacity":"1"},d:"m 105.97813,92.301471 -0.0837,15.430439"},null,8,At),i("path",{id:"path6449",stroke:H(s),style:{fill:"none","stroke-width":"1.587","stroke-linecap":"butt","stroke-linejoin":"miter","stroke-dasharray":"none","stroke-opacity":"1"},d:"m 116.28904,83.836603 c 0,0 -1.59169,-10.339623 -12.34631,-10.339623 -10.754641,0 -12.238781,10.122108 -12.238781,10.122108"},null,8,zt),i("rect",{id:"rect6451",fill:H(s),style:{opacity:"1","fill-opacity":"1",stroke:"none","stroke-width":"2.77812","stroke-dasharray":"none","stroke-opacity":"1"},width:"4.2586184",height:"4.2586184",x:"-106.07063",y:"71.089104",transform:"scale(-1,1)"},null,8,Lt),i("circle",{id:"path6453",fill:H(s),style:{opacity:"1","fill-opacity":"1",stroke:"none","stroke-width":"1.5875","stroke-dasharray":"none","stroke-opacity":"1"},cx:"91.745598",cy:"84.036522",r:"1.4196118"},null,8,Nt),i("circle",{id:"path6453-1",fill:H(s),style:{"fill-opacity":"1",stroke:"none","stroke-width":"1.5875","stroke-dasharray":"none","stroke-opacity":"1"},cx:"116.3092",cy:"84.251617",r:"1.4196118"},null,8,Rt)])])],8,St))}}),Ht={mounted(e,t){const s=t.value;e.setAttribute("style",`background-image: ${s.backgroundImage}; min-width: 200px; min-height: 200px; background-color: ${s.backgroundColor}; width: 100%; height: auto; background-size: ${s.backgroundSize}; background-repeat: ${s.backgroundRepeat};`);const a=document.createElement("img");s.thumbnailUrl&&(a.setAttribute("src",s.thumbnailUrl),a.setAttribute("width","100%"),a.setAttribute("height","100%"),e.appendChild(a))}},jt=W({components:{CopyOutlined:Te,EditOutlined:Ke,MenuOutlined:Xe,FormOutlined:xe,DownloadOutlined:et,DeleteOutlined:tt,DesignIcon:Pt},directives:{attachBackground:Ht},props:{cardItem:{type:Object,default:()=>({})}},emits:["refresh","edit","copyBoard","itemSelected"],setup(e,{emit:t}){const s=d(!1),a=d(""),{cardItem:p}=be(e),C=se({get(){return a.value||p.value.name},set(o){a.value=o}}),y=async()=>{Q.confirm({title:"确认",icon:n(le),content:"确认要删除此看板吗？",okText:"确认",cancelText:"取消",onOk:async()=>{const o=await I.delete([p.value.id]);if(o.code!==0)return m.warning(o.msg);t("refresh"),m.success("删除成功")}})},g=async()=>{const o=await I.edit({...p.value,name:a.value});return o.code!==0?m.warning(o.msg):(t("refresh",!1),m.success("操作成功"))},k=d(null);Re(k,()=>{s.value=!1,p.value.name!==C.value&&g()});const v=o=>{t("copyBoard",o)},E=()=>{ue(JSON.stringify(p.value),p.value.name)},M=()=>{let o=`${window.location.origin}/#/scadaDashboard?id=${p.value.id}&name=${p.value.name}`;o=`${`${window.location.protocol}//${window.location.host}/scada/`}index.html#/scadaDashboard?id=${p.value.id}&name=${p.value.name}`,window.open(o,"_blank","")},$=d(!1),_=o=>{t("itemSelected",o.target.checked)},O=d("#555");return te(Pe,o=>{const B=o?"#ffffff":"#555";O.value=B}),{renamed:s,dashboardName:C,deleteDashboard:y,renameInput:k,copyDashboard:v,exportDashboard:E,designBoard:M,itemChecked:$,itemCheckedHandler:_,iconColor:O}}});const Vt={key:0},qt={class:"operate-block"};function Jt(e,t,s,a,p,C){const y=he,g=X,k=T("DesignIcon"),v=Ne,E=T("MenuOutlined"),M=T("EditOutlined"),$=at,_=T("FormOutlined"),O=ot,o=T("DownloadOutlined"),B=T("CopyOutlined"),D=T("DeleteOutlined"),A=st,f=Ve,V=re,q=ne("attachBackground");return h(),j(V,{hoverable:"",class:"w-full card-item flex flex-col"},{cover:r(()=>[oe(i("div",null,null,512),[[q,e.cardItem]]),n(y,{checked:e.itemChecked,"onUpdate:checked":t[0]||(t[0]=z=>e.itemChecked=z),class:"selectedBtn absolute top-1 right-1 z-1000 flex justify-end",onChange:e.itemCheckedHandler},null,8,["checked","onChange"])]),actions:r(()=>[i("div",null,[e.renamed?S("",!0):(h(),F("span",Vt,ae(e.dashboardName),1)),e.renamed?(h(),j(g,{key:1,ref:"renameInput",value:e.dashboardName,"onUpdate:value":t[1]||(t[1]=z=>e.dashboardName=z)},null,8,["value"])):S("",!0)]),i("div",qt,[n(v,null,{title:r(()=>t[6]||(t[6]=[N(" 设计 ")])),default:r(()=>[n(k,{class:"flex-1",width:14,height:14,color:e.iconColor,onClick:e.designBoard},null,8,["color","onClick"])]),_:1}),n(f,{trigger:["click"],class:"flex-1"},{overlay:r(()=>[n(A,null,{default:r(()=>[n($,{key:"0",onClick:t[3]||(t[3]=z=>e.$emit("edit",e.cardItem))},{default:r(()=>[n(M),t[7]||(t[7]=i("span",{"vertical-mid":"","ml-3":""},"详情 ",-1))]),_:1}),n($,{key:"1",onClick:t[4]||(t[4]=z=>e.renamed=!e.renamed)},{default:r(()=>[n(_),t[8]||(t[8]=N()),t[9]||(t[9]=i("span",{"vertical-mid":"","ml-3":""},"重命名",-1))]),_:1}),n(O),n($,{key:"2",onClick:e.exportDashboard},{default:r(()=>[n(o),t[10]||(t[10]=N()),t[11]||(t[11]=i("span",{"vertical-mid":"","ml-3":""},"导出",-1))]),_:1},8,["onClick"]),n(O),n($,{key:"3",onClick:t[5]||(t[5]=z=>e.copyDashboard(e.cardItem))},{default:r(()=>[n(B),t[12]||(t[12]=N()),t[13]||(t[13]=i("span",{"vertical-mid":"","ml-3":""},"复制",-1))]),_:1}),n(O),n($,{key:"4",onClick:e.deleteDashboard},{default:r(()=>[n(D),t[14]||(t[14]=N()),t[15]||(t[15]=i("span",{"vertical-mid":"","ml-3":""},"删除",-1))]),_:1},8,["onClick"])]),_:1})]),default:r(()=>[i("a",{class:"ant-dropdown-link",onClick:t[2]||(t[2]=He(()=>{},["prevent"]))},[n(E,{style:{"vertical-align":"middle"}})])]),_:1})])]),_:1})}const Yt=x(jt,[["render",Jt],["__scopeId","data-v-19adb506"]]),Qt=[{title:"看板名称",dataIndex:"name",key:"name",align:"center"},{title:"看板类型",dataIndex:"type",key:"type",align:"center"},{title:"关联菜单",dataIndex:"sysMenuDTO",key:"sysMenuDTO",align:"center"},{title:"缩略图",key:"thumbnailUrl",dataIndex:"thumbnailUrl",align:"center",width:230},{title:"看板id",key:"id",dataIndex:"id",align:"center"},{title:"创建时间",key:"createDate",dataIndex:"createDate",align:"center"},{title:"备注",key:"remarks",dataIndex:"remarks",align:"center"},{title:"操作",key:"action",align:"center"}],Wt={mounted(e,t){const s=t.value;e.setAttribute("style",` background-image: ${s.backgroundImage}; background-color: ${s.backgroundColor}; width: 198px; height: 108px; background-size: ${s.backgroundSize}; background-repeat: ${s.backgroundRepeat}; margin: 0 auto;`);const a=document.createElement("img");s.thumbnailUrl&&(a.setAttribute("src",s.thumbnailUrl),a.setAttribute("width","100%"),a.setAttribute("height","100%"),e.appendChild(a))}},Gt=W({components:{AddOrUpdate:Ot,CardView:Yt,PlusOutlined:Ye,ImportExport:nt},directives:{attachBackground:Wt},setup(){const e=d("list"),t=d({name:"",type:"",tenantCode:"",companyId:"",isOperate:0}),s=d(!1),a=d(null),p=d("新增"),C=()=>{s.value=!0,p.value="新增",ge(()=>{a.value.$refs.dashboardForm.resetFields(),a.value.formState={id:"",name:"",type:"",sysMenuDTO:{id:"",name:"",pid:""},isOperate:0,thumbnailUrl:"",backgroundImage:"",backgroundColor:"",backgroundRepeat:"",backgroundSize:"",isTemplate:!1,templateId:"",createDate:"",creator:"",remarks:""},a.value.sysMenu="",a.value.MapedMenuName="",a.value.$refs.dashboardForm.clearValidate()})},y=l=>{if(Number(l.isOperate)===1)return m.warning("无权限操作！");s.value=!0,p.value="详情",ge(()=>{a.value.$refs.dashboardForm.clearValidate(),a.value.sysMenu="",a.value.MapedMenuName="",a.value.sysMenuDTO={id:"",name:"",pid:""},a.value.getInfo(l.id)})},g=d(1),k=d(10),v=d([]),E=d(0),M=d(!1),$=se(()=>({total:E.value,current:g.value,pageSize:k.value,showSizeChanger:!0,showQuickJumper:!0,showTotal:l=>`共 ${l} 条`})),_=async()=>{var c,U;M.value=!0;const l=await I.getList({limit:k.value,page:g.value,name:t.value.name,type:t.value.type});if(l.code!==0)return m.warning(l.msg);v.value=(c=l.data)==null?void 0:c.list,E.value=(U=l.data)==null?void 0:U.total,M.value=!1},O=()=>{g.value=1,v.value=[],_()},o=()=>{_()},B=async l=>{if(Number(l.isOperate)===1)return m.warning("无权限操作！");if(l.id){const c=await I.copy(l.id);return c.code!==0?c.code===403?m.warning("无权限复制！"):m.warning(c.msg):(g.value=1,v.value=[],_(),m.success("复制成功"))}},D=d([]),A=d([]),f=(l,c)=>{D.value=l,A.value=c},V=()=>{if(D.value.length===0)return m.warning("请选择要删除的数据！");let l=!0;D.value.forEach(c=>{const U=A.value.find(L=>L.id===c);U&&Number(U.isOperate)===1&&(l=!1,m.warning(`无权限删除看板【${U.name}】!`))}),l&&Q.confirm({title:"确认",icon:n(le),content:"确认要删除选择的数据吗？",okText:"确认",cancelText:"取消",onOk:async()=>await I.delete(D.value).then(c=>c.code!==0?c.code===403?m.warning("无权限删除！"):m.warning(c.msg):(O(),m.success("删除成功！"),Promise.resolve("")))})},q="production";let z=null;const w=async()=>{z=(await lt.getList({limit:9999,page:1,name:"",sectionType:"",isLocal:q!=="development",group_ids:""})).data.list||[]},R=l=>{if(Number(l.isOperate)===1)return m.warning("无权限操作！");let c=`${window.location.origin}/#/scadaDashboard?id=${l.id}&name=${l.name}`;c=`${`${window.location.protocol}//${window.location.host}/web/scada/`}index.html#/scadaDashboard?id=${l.id}&name=${l.name}`,sessionStorage.setItem("tenantCode",l.tenantCode||""),sessionStorage.setItem("companyId",l.companyId||"");const U=window.open(c,"_blank","");U.onload=()=>{U.document.title=l.name,z&&U.postMessage({from:"boardList",data:z},"*")}},Y=l=>{k.value=l.pageSize,g.value=l.current,_()},u=(l,c)=>{k.value=c,g.value=l,_()},b=l=>{s.value=l,_()},G=()=>window.top!==window?"h-full overflow-y-auto overflow-x-hidden":"px-4 py-10",J=d([]),ce=async()=>{const l=await I.getSysMenuList({type:0});if(l.code!==0)return m.warning(l.msg);J.value=l.data||[]},me=(l,c)=>l.find(L=>L.id===c?L:L.children?me(L.children,c):null),Be=l=>{if(l){if(l.pid==="0")return"一级菜单";const c=me(J.value,l.pid);return c&&`${c.name}/${l.name}`}},De=()=>{const l=new Ie(".copy-url");l.on("success",c=>{m.success("复制url成功！"),c.clearSelection()}),l.on("error",()=>{m.warning("没有可复制的url, 请先保存看板！")})},Oe=(l,c)=>{if(l)D.value.push(c.id);else{const U=D.value.findIndex(L=>L===c.id);U>-1&&D.value.splice(U,1)}},Se=async()=>{const l=await I.exportDashboard({name:"",type:"",ids:D.value.join(",")});if(l.code&&l.code!==0)return m.warning("导出失败");const c=JSON.stringify(l,null,2);return ue(c,"组态看板列表"),m.success("导出看板成功")},Fe=async(l,c)=>{if(c){const U=new FormData;U.append("file",c);const L=await I.importDashboard(U,{headers:{"content-type":"multipart/form-data"}});if(L.code!==0)return L.code===403?m.warning("无权限导入！"):m.warning(L.msg);m.success("导入成功！"),_()}},pe=d("300");return ee(()=>{const l=window.top!==window;pe.value=Je({extraHeight:l?74:102,id:"components-dashboard-list"})}),ee(()=>{_(),ce(),De(),w()}),{loading:M,listMode:e,currentPage:g,myPageSize:k,total:E,pagination:$,handleTableChange:Y,onChange:u,formState:t,data:v,columns:Qt,query:o,create:C,copyRow:B,deleteHandler:V,modalTitle:p,showModal:s,addOrUpdateRef:a,showHideModal:b,editRow:y,designBoard:R,selectedRowIds:D,onSelectChange:f,refreshList:O,getPadding:G,getSysMenu:Be,itemSelects:Oe,exportDashboardHandler:Se,importDashboardHandler:Fe,scrollY:pe}}});const Zt={key:0,id:"components-dashboard-list",class:"flex-auto bg-white dark:bg-[#18181c]"},Kt={class:"absolute z100",style:{left:"50%"}},Xt={key:0},xt={key:1},en={class:"mr-2"},tn=["onClick"],nn={class:"mr-2"},an=["onClick"],on={class:"mr-2"},sn=["data-clipboard-text"],ln={class:"mr-2"},rn=["onClick"],un={key:1,class:"flex-auto bg-white dark:bg-[#18181c]"},dn={class:"flex justify-end"};function cn(e,t,s,a,p,C){const y=X,g=we,k=ve,v=T("ImportExport"),E=Ce,M=_e,$=Qe,_=We,O=ie,o=ye,B=rt,D=T("PlusOutlined"),A=re,f=T("CardView"),V=qe,q=T("AddOrUpdate"),z=ne("attachBackground");return h(),F("div",{class:je([e.getPadding(),"h-full overflow-hidden flex flex-col"])},[n(O,{class:"mb-2 px-2 py-2 bg-white dark:bg-[#18181c]",type:"flex",justify:"space-between"},{default:r(()=>[n(M,null,{default:r(()=>[n(E,{model:e.formState,name:"basic",layout:"inline",autocomplete:"off"},{default:r(()=>[n(g,{label:"看板名称/ID",name:"name",rules:[{required:!1,message:"请输入看板名称!"}]},{default:r(()=>[n(y,{value:e.formState.name,"onUpdate:value":t[0]||(t[0]=w=>e.formState.name=w),"allow-clear":!0},null,8,["value"])]),_:1}),n(g,{label:"看板类型",name:"type",rules:[{required:!1,message:"请输入看板类型!"}]},{default:r(()=>[n(y,{value:e.formState.type,"onUpdate:value":t[1]||(t[1]=w=>e.formState.type=w),"allow-clear":!0},null,8,["value"])]),_:1}),n(g,null,{default:r(()=>[n(k,{type:"primary",onClick:e.query},{default:r(()=>t[5]||(t[5]=[N(" 查询 ")])),_:1},8,["onClick"])]),_:1}),n(g,null,{default:r(()=>[n(k,{type:"primary",onClick:e.create},{default:r(()=>t[6]||(t[6]=[N(" 新增 ")])),_:1},8,["onClick"])]),_:1}),n(g,null,{default:r(()=>[n(k,{type:"primary",danger:"",onClick:e.deleteHandler},{default:r(()=>t[7]||(t[7]=[N(" 删除 ")])),_:1},8,["onClick"])]),_:1}),n(g,null,{default:r(()=>[n(v,{onExport:e.exportDashboardHandler,onImport:e.importDashboardHandler},null,8,["onExport","onImport"])]),_:1})]),_:1},8,["model"])]),_:1}),n(M,null,{default:r(()=>[n(_,{value:e.listMode,"onUpdate:value":t[2]||(t[2]=w=>e.listMode=w),"button-style":"solid"},{default:r(()=>[n($,{value:"list"},{default:r(()=>t[8]||(t[8]=[N(" 列表 ")])),_:1}),n($,{value:"view"},{default:r(()=>t[9]||(t[9]=[N(" 视图 ")])),_:1})]),_:1},8,["value"])]),_:1})]),_:1}),e.listMode!=="view"?(h(),F("div",Zt,[i("div",Kt,[n(o,{spinning:e.loading},null,8,["spinning"])]),e.listMode==="list"?(h(),j(B,{key:0,columns:e.columns,"data-source":e.data,pagination:e.pagination,"row-key":"id",scroll:{y:e.scrollY},"row-selection":{selectedRowKeys:e.selectedRowIds,onChange:e.onSelectChange},bordered:"",onChange:e.handleTableChange},{bodyCell:r(({column:w,record:R})=>[w.key==="sysMenuDTO"?(h(),F("span",Xt,ae(e.getSysMenu(R.sysMenuDTO)),1)):S("",!0),w.key==="thumbnailUrl"?oe((h(),F("div",xt,null,512)),[[z,R]]):S("",!0),w.key==="action"?(h(),F(Z,{key:2},[i("span",en,[i("a",{onClick:Y=>e.editRow(R)},"详情",8,tn)]),i("span",nn,[i("a",{onClick:Y=>e.copyRow(R)},"复制",8,an)]),i("span",on,[i("a",{"data-clipboard-text":R.previewUrl,class:"copy-url"},"URL",8,sn)]),i("span",ln,[i("a",{onClick:Y=>e.designBoard(R)},"设计",8,rn)])],64)):S("",!0)]),_:1},8,["columns","data-source","pagination","scroll","row-selection","onChange"])):S("",!0)])):S("",!0),e.listMode==="view"?(h(),F("div",un,[i("div",{class:"card-view-container overflow-x-hidden overflow-y-scroll",style:K({maxHeight:e.scrollY})},[n(A,{title:"",hoverable:"",style:{height:"250px"},class:"flex justify-center items-center",onClick:e.create},{default:r(()=>[n(D,{style:{"font-size":"28px"},class:"mb-3"}),t[10]||(t[10]=i("p",null,"点击创建看板",-1))]),_:1},8,["onClick"]),(h(!0),F(Z,null,ke(e.data,w=>(h(),j(f,{key:w.id,"card-item":w,onRefresh:e.refreshList,onEdit:e.editRow,onCopyBoard:e.copyRow,onItemSelected:R=>e.itemSelects(R,w)},null,8,["card-item","onRefresh","onEdit","onCopyBoard","onItemSelected"]))),128))],4),i("div",dn,[n(V,{current:e.currentPage,"onUpdate:current":t[3]||(t[3]=w=>e.currentPage=w),pageSize:e.myPageSize,"onUpdate:pageSize":t[4]||(t[4]=w=>e.myPageSize=w),total:e.total,"show-size-changer":"","show-quick-jumper":"","show-total":w=>`共 ${w} 条`,onChange:e.onChange},null,8,["current","pageSize","total","show-total","onChange"])])])):S("",!0),n(q,{ref:"addOrUpdateRef",title:e.modalTitle,"show-modal":e.showModal,onShowHideModal:e.showHideModal,onDesign:e.designBoard},null,8,["title","show-modal","onShowHideModal","onDesign"])],2)}const Fn=x(Gt,[["render",cn],["__scopeId","data-v-50411656"]]);export{Fn as default};