"use strict";(self["webpackChunkscui"]=self["webpackChunkscui"]||[]).push([[5642],{87597:function(e,t,s){s.r(t),s.d(t,{default:function(){return ue}});s(57658);var l=s(66252),i=s(3577);const a=e=>((0,l.dD)("data-v-4ce9f460"),e=e(),(0,l.Cn)(),e),o={class:"widgets-content"},n={class:"widgets-wrapper"},d={key:0,class:"no-widgets"},u={key:1,class:"defaultLayout"},m={class:"defaultTop"},r={class:"widgets-item"},c={class:"defaultBottom"},g={key:0,class:"widgetsBoxCube"},p={class:"cubeTop"},_={key:0,class:"widgets-item"},f={class:"cubeFooter"},y={key:0,class:"widgets-item"},w={key:1,class:"widgetsBox"},h={class:"widgets-item"},L={class:"widgets-item"},k={key:0,class:"customize-overlay"},v={key:0,class:"widgets-aside"},W=a((()=>(0,l._)("div",{class:"widgets-aside-title"},"添加部件",-1))),C={class:"selectLayout"},b=a((()=>(0,l._)("span",null,null,-1))),q=a((()=>(0,l._)("span",null,null,-1))),z=a((()=>(0,l._)("span",null,null,-1))),D=a((()=>(0,l._)("span",null,null,-1))),j=a((()=>(0,l._)("span",null,null,-1))),O=a((()=>(0,l._)("span",null,null,-1))),V=a((()=>(0,l._)("span",null,null,-1))),$=a((()=>(0,l._)("span",null,null,-1))),U=a((()=>(0,l._)("span",null,null,-1))),x=a((()=>(0,l._)("span",null,null,-1))),S={class:"selectLayout"},B=a((()=>(0,l._)("span",null,null,-1))),T=a((()=>(0,l._)("span",null,null,-1))),N=a((()=>(0,l._)("span",null,null,-1))),G=a((()=>(0,l._)("span",null,null,-1))),H=a((()=>(0,l._)("span",null,null,-1))),J=a((()=>(0,l._)("span",null,null,-1))),Y=a((()=>(0,l._)("span",null,null,-1))),R=a((()=>(0,l._)("span",null,null,-1))),E=a((()=>(0,l._)("span",null,null,-1))),K=a((()=>(0,l._)("span",null,null,-1))),P=a((()=>(0,l._)("span",null,null,-1))),A=a((()=>(0,l._)("span",null,null,-1))),F=a((()=>(0,l._)("span",null,null,-1))),I={class:"widgets-list"},Z={key:0,class:"widgets-list-nodata"},M={class:"item-logo"},Q={class:"item-info"},X={class:"item-actions"},ee=(0,l.Uk)("重置"),te=(0,l.Uk)("完成");function se(e,t,s,a,se,le){const ie=(0,l.up)("el-empty"),ae=(0,l.up)("draggable"),oe=(0,l.up)("el-col"),ne=(0,l.up)("el-row"),de=(0,l.up)("el-button"),ue=(0,l.up)("el-icon"),me=(0,l.up)("el-scrollbar"),re=(0,l.up)("el-icon-close"),ce=(0,l.up)("el-header"),ge=(0,l.up)("el-main"),pe=(0,l.up)("el-footer"),_e=(0,l.up)("el-container");return(0,l.wg)(),(0,l.iD)("div",{class:(0,i.normalizeClass)(["widgets-home",se.customizing?"customizing":""]),ref:"main"},[(0,l._)("div",o,[(0,l.Wm)(me,null,{default:(0,l.w5)((()=>[(0,l._)("div",{class:(0,i.normalizeClass)(se.customizing?"widgets widgetsAside":"widgets"),ref:"widgets"},[(0,l._)("div",n,[le.nowCompsList.length<=0?((0,l.wg)(),(0,l.iD)("div",d,[(0,l.Wm)(ie,{image:"img/no-widgets.svg",description:"没有部件啦","image-size":280})])):(0,l.kq)("",!0),"4,4,4,4,4,4,4,4,10,6"==se.grid.layout.join(",")?((0,l.wg)(),(0,l.iD)("div",u,[(0,l._)("div",m,[(0,l.Wm)(ne,{style:{margin:"0"},gutter:14},{default:(0,l.w5)((()=>[((0,l.wg)(!0),(0,l.iD)(l.HY,null,(0,l.Ko)(se.grid.layout,((e,t)=>((0,l.wg)(),(0,l.iD)(l.HY,null,[t<6?((0,l.wg)(),(0,l.j4)(oe,{key:t,md:e,xs:24},{default:(0,l.w5)((()=>[(0,l.Wm)(ae,{modelValue:se.grid.copmsList[t],"onUpdate:modelValue":e=>se.grid.copmsList[t]=e,animation:"200",handle:".customize-overlay",group:"people","item-key":"com",dragClass:"","force-fallback":"",fallbackOnBody:"",class:"draggable-box"},{item:(0,l.w5)((({element:e})=>[(0,l._)("div",r,[((0,l.wg)(),(0,l.j4)((0,l.LL)(se.allComps[e])))])])),_:2},1032,["modelValue","onUpdate:modelValue"])])),_:2},1032,["md"])):(0,l.kq)("",!0)],64)))),256))])),_:1})]),(0,l._)("div",c,[(0,l.Wm)(ne,{style:{margin:"0"},gutter:14},{default:(0,l.w5)((()=>[((0,l.wg)(!0),(0,l.iD)(l.HY,null,(0,l.Ko)(se.grid.layout,((e,t)=>((0,l.wg)(),(0,l.iD)(l.HY,null,[t>5?((0,l.wg)(),(0,l.j4)(oe,{key:t,md:e,xs:24},{default:(0,l.w5)((()=>[4==e?((0,l.wg)(),(0,l.iD)("div",g,[(0,l._)("div",p,[(0,l.Wm)(ae,{modelValue:se.grid.copmsList[t],"onUpdate:modelValue":e=>se.grid.copmsList[t]=e,animation:"200",handle:".customize-overlay",group:"people","item-key":"com",dragClass:"","force-fallback":"",fallbackOnBody:"",class:"draggable-box"},{item:(0,l.w5)((({element:e})=>["gasConsumpt"!=se.allComps[e].name&&"useElectricity"!=se.allComps[e].name?((0,l.wg)(),(0,l.iD)("div",_,[((0,l.wg)(),(0,l.j4)((0,l.LL)(se.allComps[e])))])):(0,l.kq)("",!0)])),_:2},1032,["modelValue","onUpdate:modelValue"])]),(0,l._)("div",f,[(0,l.Wm)(ae,{modelValue:se.grid.copmsList[t],"onUpdate:modelValue":e=>se.grid.copmsList[t]=e,animation:"200",handle:".customize-overlay",group:"people","item-key":"com",dragClass:"","force-fallback":"",fallbackOnBody:"",class:"draggable-box"},{item:(0,l.w5)((({element:e})=>["gasConsumpt"==se.allComps[e].name||"useElectricity"==se.allComps[e].name?((0,l.wg)(),(0,l.iD)("div",y,[((0,l.wg)(),(0,l.j4)((0,l.LL)(se.allComps[e])))])):(0,l.kq)("",!0)])),_:2},1032,["modelValue","onUpdate:modelValue"])])])):((0,l.wg)(),(0,l.iD)("div",w,[(0,l.Wm)(ae,{modelValue:se.grid.copmsList[t],"onUpdate:modelValue":e=>se.grid.copmsList[t]=e,animation:"200",handle:".customize-overlay",group:"people","item-key":"com",dragClass:"","force-fallback":"",fallbackOnBody:"",class:"draggable-box"},{item:(0,l.w5)((({element:e})=>[(0,l._)("div",h,[((0,l.wg)(),(0,l.j4)((0,l.LL)(se.allComps[e])))])])),_:2},1032,["modelValue","onUpdate:modelValue"])]))])),_:2},1032,["md"])):(0,l.kq)("",!0)],64)))),256))])),_:1})])])):((0,l.wg)(),(0,l.j4)(ne,{key:2,style:{margin:"14px 0 0 0"},gutter:14},{default:(0,l.w5)((()=>[((0,l.wg)(!0),(0,l.iD)(l.HY,null,(0,l.Ko)(se.grid.layout,((e,t)=>((0,l.wg)(),(0,l.j4)(oe,{key:t,md:e,xs:24},{default:(0,l.w5)((()=>[(0,l.Wm)(ae,{modelValue:se.grid.copmsList[t],"onUpdate:modelValue":e=>se.grid.copmsList[t]=e,animation:"200",handle:".customize-overlay",group:"people","item-key":"com",dragClass:"aaaaa","force-fallback":"",fallbackOnBody:"",class:"draggable-box"},{item:(0,l.w5)((({element:e})=>[(0,l._)("div",L,[((0,l.wg)(),(0,l.j4)((0,l.LL)(se.allComps[e]))),se.customizing?((0,l.wg)(),(0,l.iD)("div",k,[(0,l.Wm)(de,{class:"close",type:"danger",plain:"",icon:"el-icon-close",size:"small",onClick:t=>le.remove(e)},null,8,["onClick"]),(0,l._)("label",null,[(0,l.Wm)(ue,null,{default:(0,l.w5)((()=>[((0,l.wg)(),(0,l.j4)((0,l.LL)(se.allComps[e].icon)))])),_:2},1024),(0,l.Uk)((0,i.toDisplayString)(se.allComps[e].title),1)])])):(0,l.kq)("",!0)])])),_:2},1032,["modelValue","onUpdate:modelValue"])])),_:2},1032,["md"])))),128))])),_:1}))])],2)])),_:1})]),se.customizing?((0,l.wg)(),(0,l.iD)("div",v,[(0,l.Wm)(_e,null,{default:(0,l.w5)((()=>[(0,l.Wm)(ce,null,{default:(0,l.w5)((()=>[W,(0,l._)("div",{class:"widgets-aside-close",onClick:t[0]||(t[0]=e=>le.close())},[(0,l.Wm)(ue,null,{default:(0,l.w5)((()=>[(0,l.Wm)(re)])),_:1})])])),_:1}),(0,l.Wm)(ce,{style:{height:"auto"}},{default:(0,l.w5)((()=>[(0,l._)("div",C,[(0,l._)("div",{class:(0,i.normalizeClass)(["selectLayout-item item04",{active:"4,4,4,4,4,4,4,4,10,6"==se.grid.layout.join(",")}]),onClick:t[1]||(t[1]=e=>le.setLayout([4,4,4,4,4,4,4,4,10,6]))},[(0,l.Wm)(ne,{gutter:2},{default:(0,l.w5)((()=>[(0,l.Wm)(oe,{span:4},{default:(0,l.w5)((()=>[b])),_:1}),(0,l.Wm)(oe,{span:4},{default:(0,l.w5)((()=>[q])),_:1}),(0,l.Wm)(oe,{span:4},{default:(0,l.w5)((()=>[z])),_:1}),(0,l.Wm)(oe,{span:4},{default:(0,l.w5)((()=>[D])),_:1}),(0,l.Wm)(oe,{span:4},{default:(0,l.w5)((()=>[j])),_:1}),(0,l.Wm)(oe,{span:4},{default:(0,l.w5)((()=>[O])),_:1}),(0,l.Wm)(oe,{span:4},{default:(0,l.w5)((()=>[V])),_:1}),(0,l.Wm)(oe,{span:4},{default:(0,l.w5)((()=>[$])),_:1}),(0,l.Wm)(oe,{span:10},{default:(0,l.w5)((()=>[U])),_:1}),(0,l.Wm)(oe,{span:6},{default:(0,l.w5)((()=>[x])),_:1})])),_:1})],2)])])),_:1}),(0,l.Wm)(ce,{style:{height:"auto"}},{default:(0,l.w5)((()=>[(0,l._)("div",S,[(0,l._)("div",{class:(0,i.normalizeClass)(["selectLayout-item item01",{active:"12,6,6"==se.grid.layout.join(",")}]),onClick:t[2]||(t[2]=e=>le.setLayout([12,6,6]))},[(0,l.Wm)(ne,{gutter:2},{default:(0,l.w5)((()=>[(0,l.Wm)(oe,{span:12},{default:(0,l.w5)((()=>[B])),_:1}),(0,l.Wm)(oe,{span:6},{default:(0,l.w5)((()=>[T])),_:1}),(0,l.Wm)(oe,{span:6},{default:(0,l.w5)((()=>[N])),_:1})])),_:1})],2),(0,l._)("div",{class:(0,i.normalizeClass)(["selectLayout-item item02",{active:"24,16,8"==se.grid.layout.join(",")}]),onClick:t[3]||(t[3]=e=>le.setLayout([24,16,8]))},[(0,l.Wm)(ne,{gutter:2},{default:(0,l.w5)((()=>[(0,l.Wm)(oe,{span:24},{default:(0,l.w5)((()=>[G])),_:1}),(0,l.Wm)(oe,{span:16},{default:(0,l.w5)((()=>[H])),_:1}),(0,l.Wm)(oe,{span:8},{default:(0,l.w5)((()=>[J])),_:1})])),_:1})],2),(0,l._)("div",{class:(0,i.normalizeClass)(["selectLayout-item item03",{active:"24"==se.grid.layout.join(",")}]),onClick:t[4]||(t[4]=e=>le.setLayout([24]))},[(0,l.Wm)(ne,{gutter:2},{default:(0,l.w5)((()=>[(0,l.Wm)(oe,{span:24},{default:(0,l.w5)((()=>[Y])),_:1}),(0,l.Wm)(oe,{span:24},{default:(0,l.w5)((()=>[R])),_:1}),(0,l.Wm)(oe,{span:24},{default:(0,l.w5)((()=>[E])),_:1})])),_:1})],2),(0,l._)("div",{class:(0,i.normalizeClass)(["selectLayout-item item01",{active:"4,4,10,6"==se.grid.layout.join(",")}]),onClick:t[5]||(t[5]=e=>le.setLayout([4,4,10,6]))},[(0,l.Wm)(ne,{gutter:2},{default:(0,l.w5)((()=>[(0,l.Wm)(oe,{span:4},{default:(0,l.w5)((()=>[K])),_:1}),(0,l.Wm)(oe,{span:4},{default:(0,l.w5)((()=>[P])),_:1}),(0,l.Wm)(oe,{span:10},{default:(0,l.w5)((()=>[A])),_:1}),(0,l.Wm)(oe,{span:6},{default:(0,l.w5)((()=>[F])),_:1})])),_:1})],2)])])),_:1}),(0,l.Wm)(ge,{class:"nopadding"},{default:(0,l.w5)((()=>[(0,l._)("div",I,[le.myCompsList.length<=0?((0,l.wg)(),(0,l.iD)("div",Z,[(0,l.Wm)(ie,{description:"没有部件啦","image-size":60})])):(0,l.kq)("",!0),((0,l.wg)(!0),(0,l.iD)(l.HY,null,(0,l.Ko)(le.myCompsList,(e=>((0,l.wg)(),(0,l.iD)("div",{key:e.title,class:"widgets-list-item"},[(0,l._)("div",M,[(0,l.Wm)(ue,null,{default:(0,l.w5)((()=>[((0,l.wg)(),(0,l.j4)((0,l.LL)(e.icon)))])),_:2},1024)]),(0,l._)("div",Q,[(0,l._)("h2",null,(0,i.toDisplayString)(e.title),1),(0,l._)("p",null,(0,i.toDisplayString)(e.description),1)]),(0,l._)("div",X,[(0,l.Wm)(de,{type:"primary",icon:"el-icon-plus",size:"small",onClick:t=>le.push(e)},null,8,["onClick"])])])))),128))])])),_:1}),(0,l.Wm)(pe,{style:{height:"51px"}},{default:(0,l.w5)((()=>[(0,l.Wm)(de,{size:"small",type:"primary",icon:"el-icon-RefreshRight",plain:"",onClick:t[6]||(t[6]=e=>le.backDefaul())},{default:(0,l.w5)((()=>[ee])),_:1}),se.customizing?((0,l.wg)(),(0,l.j4)(de,{key:0,size:"small",type:"primary",icon:"el-icon-check",onClick:le.save},{default:(0,l.w5)((()=>[te])),_:1},8,["onClick"])):(0,l.kq)("",!0)])),_:1})])),_:1})])):(0,l.kq)("",!0)],2)}var le=s(9980),ie=s.n(le),ae=s(12856),oe={components:{draggable:ie()},data(){return{customizing:!1,allComps:ae["default"],selectLayout:[],defaultGrid:this.$CONFIG.DEFAULT_GRID,grid:[],eq_count:{online_eq:0,offline_eq:0,service_eq:0,fault_eq:0,fault_rate:0,service_rate:0},order_count:{cube:0,yield:0,out_cube:0,schedule:0},energy_summary:{energy_consumption:0,energy_consumption_gas:0},homeList:{pending_tasks:[],order_status:[],energy_statistics:[]}}},provide(){return{eq_count:this.eq_count,order_count:this.order_count,energy_summary:this.energy_summary,homeList:this.homeList}},created(){this.grid=this.$TOOL.data.get("grid")||JSON.parse(JSON.stringify(this.defaultGrid))},mounted(){this.$emit("on-mounted"),this.$socketApi.getSock(this.getWsResult)},computed:{allCompsList(){let e=[];for(let s in this.allComps)e.push({key:s,title:ae["default"][s].title,icon:ae["default"][s].icon,description:ae["default"][s].description});let t=this.grid.copmsList.reduce((function(e,t){return e.concat(t)}));for(let s of e){const e=t.find((e=>e===s.key));e&&(s.disabled=!0)}return e},myCompsList(){return this.allCompsList.filter((e=>!e.disabled))},nowCompsList(){return this.grid.copmsList.reduce((function(e,t){return e.concat(t)}))}},methods:{getWsResult(e){11==e.type&&(e.data.eq_count&&(this.eq_count.online_eq=e.data.eq_count.online_eq,this.eq_count.offline_eq=e.data.eq_count.offline_eq,this.eq_count.service_eq=e.data.eq_count.service_eq,this.eq_count.fault_eq=e.data.eq_count.fault_eq,this.eq_count.fault_rate=e.data.eq_count.fault_rate,this.eq_count.service_rate=e.data.eq_count.service_rate),e.data.order_count&&(this.order_count.cube=e.data.order_count.cube,this.order_count.yield=e.data.order_count.yield,this.order_count.out_cube=e.data.order_count.out_cube,this.order_count.schedule=e.data.order_count.schedule),e.data.energy_summary&&(this.energy_summary.energy_consumption=e.data.energy_summary.energy_consumption,this.energy_summary.energy_consumption_gas=e.data.energy_summary.energy_consumption_gas),e.data.pending_tasks&&(this.homeList.pending_tasks=e.data.pending_tasks),e.data.order_status&&(this.homeList.order_status=e.data.order_status))},custom(){this.customizing=!0;const e=this.$refs.widgets.offsetWidth;this.$nextTick((()=>{const t=this.$refs.widgets.offsetWidth/e;this.$refs.widgets.style.setProperty("transform",`scale(${t})`)}))},setLayout(e){return this.grid.layout=e,"4,4,4,4,4,4,4,4,10,6"==e.join(",")?(this.grid=JSON.parse(JSON.stringify(this.defaultGrid)),void this.$TOOL.data.remove("grid")):"12,6,6"!=e.join(",")&&"24,16,8"!=e.join(",")?"24"==e.join(",")?(this.grid.copmsList[0]=[...this.grid.copmsList[0],...this.grid.copmsList[1],...this.grid.copmsList[2],...this.grid.copmsList[3],...this.grid.copmsList[4],...this.grid.copmsList[5],...this.grid.copmsList[6],...this.grid.copmsList[7],...this.grid.copmsList[8],...this.grid.copmsList[9]],this.grid.copmsList[1]=[],this.grid.copmsList[2]=[],this.grid.copmsList[3]=[],this.grid.copmsList[4]=[],this.grid.copmsList[5]=[],this.grid.copmsList[6]=[],this.grid.copmsList[7]=[],this.grid.copmsList[8]=[],void(this.grid.copmsList[9]=[])):void e.join(","):void 0},push(e){let t=this.grid.copmsList[0];t.push(e.key)},remove(e){let t=this.grid.copmsList;t.forEach(((s,l)=>{let i=s.filter((t=>t!=e));t[l]=i}))},save(){this.customizing=!1,this.$refs.widgets.style.removeProperty("transform"),this.$TOOL.data.set("grid",this.grid)},backDefaul(){this.customizing=!1,this.$refs.widgets.style.removeProperty("transform"),this.grid=JSON.parse(JSON.stringify(this.defaultGrid)),this.$TOOL.data.remove("grid")},close(){this.customizing=!1,this.$refs.widgets.style.removeProperty("transform")}}},ne=s(83744);const de=(0,ne.Z)(oe,[["render",se],["__scopeId","data-v-4ce9f460"]]);var ue=de}}]);