inl-ui 0.0.56 → 0.0.58
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js
CHANGED
|
@@ -17,7 +17,7 @@ import { ColorPicker } from 'vue-color-kit';
|
|
|
17
17
|
import 'vue-color-kit/dist/vue-color-kit.css';
|
|
18
18
|
import 'inl-card/dist/style.css';
|
|
19
19
|
|
|
20
|
-
var version$1="0.0.
|
|
20
|
+
var version$1="0.0.73";/*
|
|
21
21
|
* @Abstract: 摘要
|
|
22
22
|
* @Author: wang liang
|
|
23
23
|
* @Date: 2022-03-25 10:44:08
|
|
@@ -105,7 +105,7 @@ if(scrollElHeight>=scrollEl.scrollHeight){return;}if(!hover&&scrollEl.scrollTop+
|
|
|
105
105
|
* @returns 取消interval函数
|
|
106
106
|
*/function useInterval(fn,duration=3000,isInterval=true,immediate=true){let timer;if(isInterval){timer=setInterval(fn,duration);}immediate&&fn();return function stopInterval(){clearInterval(timer);};}const columns$a$1=[{title:"配电室",dataIndex:"name"},{title:"温度 ℃",dataIndex:"temperature",align:"right"},{title:"湿度 %",dataIndex:"humidity",align:"right"},{title:"门开",align:"right",customRender({record}){return createVNode("div",{"class":["door",{"door-open":record.open}]},[record.open?"开":"关"]);}}];/**
|
|
107
107
|
* 远程配电室
|
|
108
|
-
*/const RemoteSwitchhouse=defineComponent({name:"remoteSwitchhouse",cname:"远程配电室",developer:"前端开发组",equipment:"PC",directives:{autoScroll},props:{prefix:String,serverName:String,timeout:Number,isInterval:Boolean},setup(props,ctx){const list=ref([]);const getData=async()=>{const{data}=await instance$1$1.post("/getCardData?cardType=remoteSwitchhouse",{});list.value=data.rows;};let stopInterval=useInterval(getData,5000,props.isInterval);watch(()=>props.isInterval,e=>{if(e){stopInterval=useInterval(getData,5000,props.isInterval);}else {stopInterval();}},{immediate:true});onBeforeUnmount(stopInterval);return ()=>createVNode("div",{"class":"remote-switchhouse"},[withDirectives(createVNode(resolveComponent("a-table"),{"class":"dark-table","pagination":false,"columns":columns$a$1,"scroll":{y:300},"dataSource":list.value},null),[[resolveDirective("autoScroll")]])]);}});const mock$A={"rows|10":[{name:"@cword(4)","temperature|16-30":1,"humidity|20-50":1,"open|1":true}]};const Substation=defineComponent({name:"substation",cname:"35KV变电室",developer:"前端开发组",equipment:"PC",directives:{autoScroll},props:{isInterval:Boolean},setup(props,ctx){const columns=[{title:"变电器名称",dataIndex:"name",align:"left",width:100},{title:"la",dataIndex:"la",align:"right"},{title:"Uab",dataIndex:"Uab",align:"right"},{title:"P",dataIndex:"P",align:"right"},{title:"Q",dataIndex:"Q",align:"right"}];const form=reactive({tableData:[],overhaul:0,function:0,hotStandby:0,coldStandby:0});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData?cardType=substation",{});form.tableData=data.rows;form.overhaul=data.overhaul;form.function=data.function;form.hotStandby=data.hotStandby;form.coldStandby=data.coldStandby;};let stopInterval=useInterval(getData,5000,props.isInterval);watch(()=>props.isInterval,e=>{if(e){stopInterval=useInterval(getData,5000,props.isInterval);}else {stopInterval();}},{immediate:true});onBeforeUnmount(stopInterval);return ()=>createVNode("div",{"class":"statisticsAndList"},[createVNode("div",{"class":"statistics flex"},[createVNode("div",{"class":"ele"},[createVNode("div",{"class":"name"},[createTextVNode("\u68C0\u4FEE")]),createVNode("div",{"class":"number white"},[form.overhaul])]),createVNode("div",{"class":"ele"},[createVNode("div",{"class":"name"},[createTextVNode("\u8FD0\u884C")]),createVNode("div",{"class":"number green"},[form.function])]),createVNode("div",{"class":"ele"},[createVNode("div",{"class":"name"},[createTextVNode("\u70ED\u5907\u7528")]),createVNode("div",{"class":"number orange"},[form.hotStandby])]),createVNode("div",{"class":"ele"},[createVNode("div",{"class":"name"},[createTextVNode("\u51B7\u5907\u7528")]),createVNode("div",{"class":"number blue"},[form.coldStandby])])]),withDirectives(createVNode(resolveComponent("a-table"),{"class":"dark-table","pagination":false,"columns":columns,"dataSource":form.tableData,"scroll":{y:200}},{bodyCell:({column,record})=>{if(column.dataIndex==="name"){if(record.state){return createVNode("div",null,[createVNode("span",{"class":"blue"},[createTextVNode("\u25CF")]),createVNode("span",null,[createTextVNode(" "),record.name])]);}else {return createVNode("div",null,[createVNode("span",{"class":"orange"},[createTextVNode("\u25CF")]),createVNode("span",null,[createTextVNode(" "),record.name])]);}}}}),[[resolveDirective("autoScroll")]])]);}});const mock$z={"rows|10":[{name:"@cword(3)","la|16-30":1,"Uab|20-50":1,"P|100-500":1,"Q|100-500":1,state:"@boolean"}],"overhaul|1-10":1,"function|1-10":1,"hotStandby|1-10":1,"coldStandby|1-10":1};const alarmInfo=defineComponent({name:"alarmInfo",cname:"报警信息",developer:"前端开发组",equipment:"PC",directives:{autoScroll},props:{isInterval:Boolean},setup(props,ctx){const columns=[{title:"故障名称",dataIndex:"name",align:"left"},{title:"故障等级",dataIndex:"level",align:"left"},{title:"故障时间",dataIndex:"failureTime",align:"left"},{title:"故障诊断",dataIndex:"faultDiagnosis",align:"right"}];const form=reactive({tableData:[{name:"right",level:"一级",Uab:444,P:444,Q:444,state:"run"},{name:"right",level:"二级",Uab:444,P:444,Q:444,state:"stop"},{name:"right",level:"二级",Uab:444,P:444,Q:444,state:"stop"},{name:"right",level:"二级",Uab:444,P:444,Q:444,state:"stop"}],level1:0,level2:0,level3:0,level4:0});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData?cardType=alarmInfo",{});form.tableData=data.rows;form.level1=data.level1;form.level2=data.level2;form.level3=data.level3;form.level4=data.level4;};let stopInterval=useInterval(getData,5000,props.isInterval);watch(()=>props.isInterval,e=>{if(e){stopInterval=useInterval(getData,5000,props.isInterval);}else {stopInterval();}},{immediate:true});onBeforeUnmount(stopInterval);return ()=>createVNode("div",{"class":"statisticsAndList"},[createVNode("div",{"class":"statistics flex"},[createVNode("div",{"class":"ele"},[createVNode("div",{"class":"name"},[createTextVNode("\u4E00\u7EA7\u62A5\u8B66")]),createVNode("div",{"class":"number red"},[form.level1])]),createVNode("div",{"class":"ele"},[createVNode("div",{"class":"name"},[createTextVNode("\u4E8C\u7EA7\u62A5\u8B66")]),createVNode("div",{"class":"number orange"},[form.level2])]),createVNode("div",{"class":"ele"},[createVNode("div",{"class":"name"},[createTextVNode("\u4E09\u7EA7\u62A5\u8B66")]),createVNode("div",{"class":"number yellow"},[form.level3])]),createVNode("div",{"class":"ele"},[createVNode("div",{"class":"name"},[createTextVNode("\u56DB\u7EA7\u62A5\u8B66")]),createVNode("div",{"class":"number blue"},[form.level4])])]),withDirectives(createVNode(resolveComponent("a-table"),{"class":"dark-table","pagination":false,"columns":columns,"dataSource":form.tableData,"scroll":{y:150}},{bodyCell:({column,record})=>{if(column.dataIndex==="level"){return createVNode("div",{"class":`alarm alarm${record.level}`},null);}if(column.dataIndex==="faultDiagnosis"){return record.faultDiagnosis?"已处理":"未处理";}}}),[[resolveDirective("autoScroll")]])]);}});const mock$y={"rows|5":[{name:"@ctitle()","level|1-4":1,failureTime:"@date(yyyy-MM-dd HH:mm)",faultDiagnosis:"@boolean"}],"level1|1-20":1,"level2|1-20":1,"level3|1-20":1,"level4|1-20":1};const hiddenTrouble=defineComponent({name:"hiddenTrouble",cname:"隐患分析",developer:"前端开发组",equipment:"PC",directives:{autoScroll},props:{isInterval:Boolean},setup(props,ctx){const columns=[{title:"区域",dataIndex:"region",align:"center",width:100},{title:"设备名称",dataIndex:"name",align:"center"},{title:"上报人",dataIndex:"reportPerson",align:"center"},{title:"隐患内容",dataIndex:"content",align:"center"},{title:"处理情况",dataIndex:"handling",align:"center"}];const form=reactive({tableData:[],escalation:0,unhandled:0,processed:0});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData?cardType=hiddenTrouble",{});form.tableData=data.rows;form.escalation=data.escalation;form.unhandled=data.unhandled;form.processed=data.processed;};let stopInterval=useInterval(getData,5000,props.isInterval);watch(()=>props.isInterval,e=>{if(e){stopInterval=useInterval(getData,5000,props.isInterval);}else {stopInterval();}},{immediate:true});onBeforeUnmount(stopInterval);return ()=>createVNode("div",{"class":"statisticsAndList"},[createVNode("div",{"class":"statistics flex"},[createVNode("div",{"class":"ele"},[createVNode("div",{"class":"name"},[createTextVNode("\u4E0A\u62A5\u9690\u60A3")]),createVNode("div",{"class":"number red"},[form.escalation])]),createVNode("div",{"class":"ele"},[createVNode("div",{"class":"name"},[createTextVNode("\u672A\u5904\u7406")]),createVNode("div",{"class":"number orange"},[form.unhandled])]),createVNode("div",{"class":"ele"},[createVNode("div",{"class":"name"},[createTextVNode("\u5DF2\u5904\u7406")]),createVNode("div",{"class":"number blue"},[form.processed])])]),withDirectives(createVNode(resolveComponent("a-table"),{"class":"dark-table","pagination":false,"columns":columns,"dataSource":form.tableData,"scroll":{y:200}},{bodyCell:({column,record})=>{if(column.dataIndex==="handling"){if(record.handling){return createVNode("div",{"class":"blue"},[createTextVNode("\u5DF2\u5904\u7406")]);}else {return createVNode("div",{"class":"orange"},[createTextVNode("\u672A\u5904\u7406")]);}}}}),[[resolveDirective("autoScroll")]])]);}});const mock$x={"escalation|1-10":1,"unhandled|1-10":1,"processed|1-10":1,"rows|10":[{region:"@cword(1)区",name:"@cword(4)",reportPerson:"@cname",content:"@ctitle",handling:"@boolean"}]};const remoteElectricity=defineComponent({name:"remoteElectricity",cname:"远程停送电",developer:"前端开发组",equipment:"PC",directives:{autoScroll},props:{isInterval:Boolean},setup(props,ctx){const columns=[{title:"设备",dataIndex:"name",align:"left"},{title:"申请人",dataIndex:"applicant",align:"right"},{title:"停电时间",dataIndex:"outageTime",align:"right"},{title:"送电时间",dataIndex:"powerTransmissionTime",align:"right"},{title:"调度验收",dataIndex:"dispatchingAcceptance",align:"right"}];const form=reactive({tableData:[],powerFailure:0,powerTransmission:0,temporary:0});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData?cardType=remoteElectricity",{});form.tableData=data.rows;form.powerFailure=data.powerFailure;form.powerTransmission=data.powerTransmission;form.temporary=data.temporary;};let stopInterval=useInterval(getData,5000,props.isInterval);watch(()=>props.isInterval,e=>{if(e){stopInterval=useInterval(getData,5000,props.isInterval);}else {stopInterval();}},{immediate:true});onBeforeUnmount(stopInterval);return ()=>createVNode("div",{"class":"statisticsAndList"},[createVNode("div",{"class":"statistics flex"},[createVNode("div",{"class":"ele"},[createVNode("div",{"class":"name"},[createTextVNode("\u4ECA\u65E5\u505C\u7535")]),createVNode("div",{"class":"number red"},[form.powerFailure])]),createVNode("div",{"class":"ele"},[createVNode("div",{"class":"name"},[createTextVNode("\u4ECA\u65E5\u9001\u7535")]),createVNode("div",{"class":"number blue"},[form.powerTransmission])]),createVNode("div",{"class":"ele"},[createVNode("div",{"class":"name"},[createTextVNode("\u8D85\u65F6\u505C\u7535")]),createVNode("div",{"class":"number orange"},[form.temporary])])]),withDirectives(createVNode(resolveComponent("a-table"),{"class":"dark-table","pagination":false,"columns":columns,"dataSource":form.tableData,"scroll":{y:150}},{bodyCell:({column,record})=>{if(column.dataIndex==="dispatchingAcceptance"){if(record.dispatchingAcceptance){return createVNode("div",{"class":"blue"},[createTextVNode("\u5DF2\u9A8C\u6536")]);}else {return createVNode("div",{"class":"orange"},[createTextVNode("\u672A\u9A8C\u6536")]);}}}}),[[resolveDirective("autoScroll")]])]);}});const mock$w={"rows|10":[{name:"@cword(3)",applicant:"@cname",outageTime:"@time(HH:mm:ss)",powerTransmissionTime:"@time(HH:mm:ss)",dispatchingAcceptance:"@boolean"}],"powerFailure|1-100":1,"powerTransmission|1-100":1,"temporary|1-100":1};const columns$9$1={fault:[{title:"故障名称",dataIndex:"name"},{title:"故障等级",dataIndex:"level"},{title:"故障时间",dataIndex:"time"},{title:"故障诊断",dataIndex:"state",align:"right"}],alarm:[{title:"报警名称",dataIndex:"name"},{title:"报警等级",dataIndex:"level"},{title:"报警时间",dataIndex:"time"},{title:"报警状态",dataIndex:"state",align:"right"}]};const deviceList=[{key:1,title:"故障上报",code:"fault"},{key:2,title:"设备报警",code:"alarm"}];/**
|
|
108
|
+
*/const RemoteSwitchhouse=defineComponent({name:"remoteSwitchhouse",cname:"远程配电室",developer:"前端开发组",equipment:"PC",directives:{autoScroll},props:{prefix:String,serverName:String,timeout:Number,isInterval:Boolean},setup(props,ctx){const list=ref([]);const getData=async()=>{const{data}=await instance$1$1.post("/getCardData?cardType=remoteSwitchhouse",{});list.value=data.rows;};let stopInterval=useInterval(getData,5000,props.isInterval);watch(()=>props.isInterval,e=>{if(e){stopInterval=useInterval(getData,5000,props.isInterval);}else {stopInterval();}},{immediate:true});onBeforeUnmount(stopInterval);return ()=>createVNode("div",{"class":"remote-switchhouse"},[withDirectives(createVNode(resolveComponent("a-table"),{"class":"dark-table","pagination":false,"columns":columns$a$1,"scroll":{y:300},"dataSource":list.value},null),[[resolveDirective("autoScroll")]])]);}});const mock$A={"rows|10":[{name:"@cword(4)","temperature|16-30":1,"humidity|20-50":1,"open|1":true}]};const Substation=defineComponent({name:"substation",cname:"35KV变电室",developer:"前端开发组",equipment:"PC",directives:{autoScroll},props:{isInterval:Boolean},setup(props,ctx){const columns=[{title:"变电器名称",dataIndex:"name",align:"left",width:150},{title:"la",dataIndex:"la",align:"right"},{title:"Uab",dataIndex:"Uab",align:"right"},{title:"P",dataIndex:"P",align:"right"},{title:"Q",dataIndex:"Q",align:"right"}];const form=reactive({tableData:[],overhaul:0,function:0,hotStandby:0,coldStandby:0});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData?cardType=substation",{});form.tableData=data.rows;form.overhaul=data.overhaul;form.function=data.function;form.hotStandby=data.hotStandby;form.coldStandby=data.coldStandby;};let stopInterval=useInterval(getData,5000,props.isInterval);watch(()=>props.isInterval,e=>{if(e){stopInterval=useInterval(getData,5000,props.isInterval);}else {stopInterval();}},{immediate:true});onBeforeUnmount(stopInterval);return ()=>createVNode("div",{"class":"statisticsAndList"},[createVNode("div",{"class":"statistics flex"},[createVNode("div",{"class":"ele"},[createVNode("div",{"class":"name"},[createTextVNode("\u68C0\u4FEE")]),createVNode("div",{"class":"number white"},[form.overhaul])]),createVNode("div",{"class":"ele"},[createVNode("div",{"class":"name"},[createTextVNode("\u8FD0\u884C")]),createVNode("div",{"class":"number green"},[form.function])]),createVNode("div",{"class":"ele"},[createVNode("div",{"class":"name"},[createTextVNode("\u70ED\u5907\u7528")]),createVNode("div",{"class":"number orange"},[form.hotStandby])]),createVNode("div",{"class":"ele"},[createVNode("div",{"class":"name"},[createTextVNode("\u51B7\u5907\u7528")]),createVNode("div",{"class":"number blue"},[form.coldStandby])])]),withDirectives(createVNode(resolveComponent("a-table"),{"class":"dark-table","pagination":false,"columns":columns,"dataSource":form.tableData,"scroll":{y:200}},{bodyCell:({column,record})=>{if(column.dataIndex==="name"){if(record.state){return createVNode("div",null,[createVNode("span",{"class":"blue"},[createTextVNode("\u25CF")]),createVNode("span",null,[createTextVNode(" "),record.name])]);}else {return createVNode("div",null,[createVNode("span",{"class":"orange"},[createTextVNode("\u25CF")]),createVNode("span",null,[createTextVNode(" "),record.name])]);}}}}),[[resolveDirective("autoScroll")]])]);}});const mock$z={"rows|10":[{name:"@cword(3)","la|16-30":1,"Uab|20-50":1,"P|100-500":1,"Q|100-500":1,state:"@boolean"}],"overhaul|1-10":1,"function|1-10":1,"hotStandby|1-10":1,"coldStandby|1-10":1};const alarmInfo=defineComponent({name:"alarmInfo",cname:"报警信息",developer:"前端开发组",equipment:"PC",directives:{autoScroll},props:{isInterval:Boolean},setup(props,ctx){const columns=[{title:"故障名称",dataIndex:"name",align:"left"},{title:"故障等级",dataIndex:"level",align:"left"},{title:"故障时间",dataIndex:"failureTime",align:"left"},{title:"故障诊断",dataIndex:"faultDiagnosis",align:"right"}];const form=reactive({tableData:[{name:"right",level:"一级",Uab:444,P:444,Q:444,state:"run"},{name:"right",level:"二级",Uab:444,P:444,Q:444,state:"stop"},{name:"right",level:"二级",Uab:444,P:444,Q:444,state:"stop"},{name:"right",level:"二级",Uab:444,P:444,Q:444,state:"stop"}],level1:0,level2:0,level3:0,level4:0});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData?cardType=alarmInfo",{});form.tableData=data.rows;form.level1=data.level1;form.level2=data.level2;form.level3=data.level3;form.level4=data.level4;};let stopInterval=useInterval(getData,5000,props.isInterval);watch(()=>props.isInterval,e=>{if(e){stopInterval=useInterval(getData,5000,props.isInterval);}else {stopInterval();}},{immediate:true});onBeforeUnmount(stopInterval);return ()=>createVNode("div",{"class":"statisticsAndList"},[createVNode("div",{"class":"statistics flex"},[createVNode("div",{"class":"ele"},[createVNode("div",{"class":"name"},[createTextVNode("\u4E00\u7EA7\u62A5\u8B66")]),createVNode("div",{"class":"number red"},[form.level1])]),createVNode("div",{"class":"ele"},[createVNode("div",{"class":"name"},[createTextVNode("\u4E8C\u7EA7\u62A5\u8B66")]),createVNode("div",{"class":"number orange"},[form.level2])]),createVNode("div",{"class":"ele"},[createVNode("div",{"class":"name"},[createTextVNode("\u4E09\u7EA7\u62A5\u8B66")]),createVNode("div",{"class":"number yellow"},[form.level3])]),createVNode("div",{"class":"ele"},[createVNode("div",{"class":"name"},[createTextVNode("\u56DB\u7EA7\u62A5\u8B66")]),createVNode("div",{"class":"number blue"},[form.level4])])]),withDirectives(createVNode(resolveComponent("a-table"),{"class":"dark-table","pagination":false,"columns":columns,"dataSource":form.tableData,"scroll":{y:150}},{bodyCell:({column,record})=>{if(column.dataIndex==="level"){return createVNode("div",{"class":`alarm alarm${record.level}`},null);}if(column.dataIndex==="faultDiagnosis"){return record.faultDiagnosis?"已处理":"未处理";}}}),[[resolveDirective("autoScroll")]])]);}});const mock$y={"rows|5":[{name:"@ctitle()","level|1-4":1,failureTime:"@date(yyyy-MM-dd HH:mm)",faultDiagnosis:"@boolean"}],"level1|1-20":1,"level2|1-20":1,"level3|1-20":1,"level4|1-20":1};const hiddenTrouble=defineComponent({name:"hiddenTrouble",cname:"隐患分析",developer:"前端开发组",equipment:"PC",directives:{autoScroll},props:{isInterval:Boolean},setup(props,ctx){const columns=[{title:"区域",dataIndex:"region",align:"center",width:100},{title:"设备名称",dataIndex:"name",align:"center"},{title:"上报人",dataIndex:"reportPerson",align:"center"},{title:"隐患内容",dataIndex:"content",align:"center"},{title:"处理情况",dataIndex:"handling",align:"center"}];const form=reactive({tableData:[],escalation:0,unhandled:0,processed:0});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData?cardType=hiddenTrouble",{});form.tableData=data.rows;form.escalation=data.escalation;form.unhandled=data.unhandled;form.processed=data.processed;};let stopInterval=useInterval(getData,5000,props.isInterval);watch(()=>props.isInterval,e=>{if(e){stopInterval=useInterval(getData,5000,props.isInterval);}else {stopInterval();}},{immediate:true});onBeforeUnmount(stopInterval);return ()=>createVNode("div",{"class":"statisticsAndList"},[createVNode("div",{"class":"statistics flex"},[createVNode("div",{"class":"ele"},[createVNode("div",{"class":"name"},[createTextVNode("\u4E0A\u62A5\u9690\u60A3")]),createVNode("div",{"class":"number red"},[form.escalation])]),createVNode("div",{"class":"ele"},[createVNode("div",{"class":"name"},[createTextVNode("\u672A\u5904\u7406")]),createVNode("div",{"class":"number orange"},[form.unhandled])]),createVNode("div",{"class":"ele"},[createVNode("div",{"class":"name"},[createTextVNode("\u5DF2\u5904\u7406")]),createVNode("div",{"class":"number blue"},[form.processed])])]),withDirectives(createVNode(resolveComponent("a-table"),{"class":"dark-table","pagination":false,"columns":columns,"dataSource":form.tableData,"scroll":{y:200}},{bodyCell:({column,record})=>{if(column.dataIndex==="handling"){if(record.handling){return createVNode("div",{"class":"blue"},[createTextVNode("\u5DF2\u5904\u7406")]);}else {return createVNode("div",{"class":"orange"},[createTextVNode("\u672A\u5904\u7406")]);}}}}),[[resolveDirective("autoScroll")]])]);}});const mock$x={"escalation|1-10":1,"unhandled|1-10":1,"processed|1-10":1,"rows|10":[{region:"@cword(1)区",name:"@cword(4)",reportPerson:"@cname",content:"@ctitle",handling:"@boolean"}]};const remoteElectricity=defineComponent({name:"remoteElectricity",cname:"远程停送电",developer:"前端开发组",equipment:"PC",directives:{autoScroll},props:{isInterval:Boolean},setup(props,ctx){const columns=[{title:"设备",dataIndex:"name",align:"left"},{title:"申请人",dataIndex:"applicant",align:"right"},{title:"停电时间",dataIndex:"outageTime",align:"right"},{title:"送电时间",dataIndex:"powerTransmissionTime",align:"right"},{title:"调度验收",dataIndex:"dispatchingAcceptance",align:"right"}];const form=reactive({tableData:[],powerFailure:0,powerTransmission:0,temporary:0});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData?cardType=remoteElectricity",{});form.tableData=data.rows;form.powerFailure=data.powerFailure;form.powerTransmission=data.powerTransmission;form.temporary=data.temporary;};let stopInterval=useInterval(getData,5000,props.isInterval);watch(()=>props.isInterval,e=>{if(e){stopInterval=useInterval(getData,5000,props.isInterval);}else {stopInterval();}},{immediate:true});onBeforeUnmount(stopInterval);return ()=>createVNode("div",{"class":"statisticsAndList"},[createVNode("div",{"class":"statistics flex"},[createVNode("div",{"class":"ele"},[createVNode("div",{"class":"name"},[createTextVNode("\u4ECA\u65E5\u505C\u7535")]),createVNode("div",{"class":"number red"},[form.powerFailure])]),createVNode("div",{"class":"ele"},[createVNode("div",{"class":"name"},[createTextVNode("\u4ECA\u65E5\u9001\u7535")]),createVNode("div",{"class":"number blue"},[form.powerTransmission])]),createVNode("div",{"class":"ele"},[createVNode("div",{"class":"name"},[createTextVNode("\u8D85\u65F6\u505C\u7535")]),createVNode("div",{"class":"number orange"},[form.temporary])])]),withDirectives(createVNode(resolveComponent("a-table"),{"class":"dark-table","pagination":false,"columns":columns,"dataSource":form.tableData,"scroll":{y:150}},{bodyCell:({column,record})=>{if(column.dataIndex==="dispatchingAcceptance"){if(record.dispatchingAcceptance){return createVNode("div",{"class":"blue"},[createTextVNode("\u5DF2\u9A8C\u6536")]);}else {return createVNode("div",{"class":"orange"},[createTextVNode("\u672A\u9A8C\u6536")]);}}}}),[[resolveDirective("autoScroll")]])]);}});const mock$w={"rows|10":[{name:"@cword(3)",applicant:"@cname",outageTime:"@time(HH:mm:ss)",powerTransmissionTime:"@time(HH:mm:ss)",dispatchingAcceptance:"@boolean"}],"powerFailure|1-100":1,"powerTransmission|1-100":1,"temporary|1-100":1};const columns$9$1={fault:[{title:"故障名称",dataIndex:"name"},{title:"故障等级",dataIndex:"level"},{title:"故障时间",dataIndex:"time"},{title:"故障诊断",dataIndex:"state",align:"right"}],alarm:[{title:"报警名称",dataIndex:"name"},{title:"报警等级",dataIndex:"level"},{title:"报警时间",dataIndex:"time"},{title:"报警状态",dataIndex:"state",align:"right"}]};const deviceList=[{key:1,title:"故障上报",code:"fault"},{key:2,title:"设备报警",code:"alarm"}];/**
|
|
109
109
|
* 故障判断
|
|
110
110
|
*/const FaultJudgment=defineComponent({name:"faultJudgment",cname:"故障判断",developer:"前端开发组",equipment:"PC",directives:{autoScroll},props:{prefix:String,serverName:String,timeout:Number,isInterval:Boolean},setup(props,ctx){const form=ref({fault:[],alarm:[]});const activeIndex=ref(0);const activeDevice=computed(()=>deviceList[activeIndex.value]);const handleSelectDevice=index=>{if(deviceList[index]){activeIndex.value=index;}};const getData=async()=>{const{data}=await instance$1$1.post("/getCardData?cardType=faultJudgment",{});form.value=data;};let stopInterval=useInterval(getData,5000,props.isInterval);watch(()=>props.isInterval,e=>{if(e){stopInterval=useInterval(getData,5000,props.isInterval);}else {stopInterval();}},{immediate:true});onBeforeUnmount(stopInterval);return ()=>createVNode("div",{"class":"fault-judgment"},[createVNode("div",{"class":"statistic-container"},[deviceList.map((item,index)=>createVNode("div",{"key":item.key,"class":["statistic-item",item.key===activeDevice.value?.key&&"active"],"onClick":()=>handleSelectDevice(index)},[item.title,createTextVNode(" "),form.value[item.code].filter(n=>n.state).length,createTextVNode("/"),form.value[item.code].length]))]),withDirectives(createVNode(resolveComponent("a-table"),{"class":"dark-table","pagination":false,"columns":columns$9$1[activeDevice.value.code],"scroll":{y:250},"dataSource":form.value[activeDevice.value.code]},{bodyCell:({column,record})=>{if(column.dataIndex==="level"){return createVNode("div",{"class":`level level${record.level}`},null);}if(column.dataIndex==="state"){return record.state?createVNode("div",null,[activeIndex.value===0?"已处理":"已消警"]):createVNode("div",{"style":{color:"#FF9214"}},[activeIndex.value===0?"未处理":"未消警"]);}}}),[[resolveDirective("autoScroll")]])]);}});const mock$v={"fault|24":[{name:"@ctitle","level|1-4":1,time:"@date(yyyy-MM-dd HH:mm)",state:"@boolean"}],"alarm|24":[{name:"@ctitle","level|1-4":1,time:"@date(yyyy-MM-dd HH:mm)",state:"@boolean"}]};/**
|
|
111
111
|
* 重点设备检测
|
|
@@ -267,7 +267,7 @@ const props$e$1={data:Array};/**
|
|
|
267
267
|
*/const HistogramChart=defineComponent({props:props$e$1,setup(props,ctx){const chartRef=ref();const chartIns=ref();const initChart=data=>{chartIns.value=new Chart({container:chartRef.value,autoFit:true,renderer:"svg",appendPadding:[40,0,10,0],theme:{maxColumnWidth:12}});chartIns.value.data(data);chartIns.value.scale("value",{min:0,nice:true});chartIns.value.axis("name",{tickLine:null,line:{style:{stroke:"rgba(242, 243, 248, 0.14)"}},label:{style:{fill:"rgba(255, 255, 255, 0.5)",fontSize:17}}});chartIns.value.axis("value",{label:{style:{fill:"rgba(255, 255, 255, 0.5)",fontSize:17}},grid:{line:{style:{stroke:"rgba(242, 243, 248, 0.14)"}}},title:{text:"单位:t",position:"end",autoRotate:false,offset:20,style:{y:20,fill:"rgba(255, 255, 255, 0.5)",fontSize:17}}});chartIns.value.tooltip({showTitle:false});chartIns.value.legend(false);chartIns.value.interval().position("name*value").color("name",["l(90) 0:#5CABFF 1:#00000000","l(90) 0:#FFD85C 1:#00000000","l(90) 0:#F54D59 1:#00000000","l(90) 0:#3A4AB0 1:#00000000"]).style({radius:[4,4,0,0]});chartIns.value.render();};watch(()=>props.data,e=>{if(e&&e.length>0){if(!chartIns.value){initChart(e);}else {chartIns.value.changeData(e);}}},{immediate:true,deep:true});// onMounted(initChart);
|
|
268
268
|
onBeforeUnmount(()=>chartIns.value?.destroy());return ()=>createVNode("div",{"class":"histogram-chart","ref":chartRef},null);}});/**
|
|
269
269
|
* 生产评价2 上方圆环进度条 下方条形图、柱状图
|
|
270
|
-
*/const ProductionPlan2=defineComponent({name:"productionPlan2",cname:"生产评价2",developer:"前端开发组",equipment:"PC",props:{prefix:String,serverName:String,timeout:Number,isInterval:Boolean,pageType:String},setup(props,ctx){const form=reactive({annualPlan:{rawCoal:{value:0,percentage:0},cleanCoal:{value:0,percentage:0}},monthlyPlan:{rawCoal:{value:0,percentage:0},cleanCoal:{value:0,percentage:0}},monthlyTransferIn:{value:0,total:0},dayTransferIn:{value:0,total:0},barData:[],histogramData:[]});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData?cardType=productionPlan2",{});form.annualPlan=data.annualPlan;form.monthlyPlan=data.monthlyPlan;form.monthlyTransferIn=data.monthlyTransferIn;form.dayTransferIn=data.dayTransferIn;form.barData=data.barData;form.histogramData=data.histogramData;};let stopInterval=useInterval(getData,5000,props.isInterval);watch(()=>props.isInterval,e=>{if(e){stopInterval=useInterval(getData,5000,props.isInterval);}else {stopInterval();}},{immediate:true});onBeforeUnmount(stopInterval);return ()=>createVNode("div",{"class":"production-plan2"},[createVNode("div",{"class":"plan"},[createVNode("div",{"class":"plan-container"},[createVNode("div",{"class":"plan-title"},[createTextVNode("\u5E74\u8BA1\u5212")]),createVNode("div",{"class":"plan-list"},[createVNode(PlanItem,{"name":"原煤(万吨)","value":form.annualPlan.rawCoal.value,"percent":form.annualPlan.rawCoal.percentage},null),createVNode(PlanItem,{"name":"精煤(万吨)","value":form.annualPlan.cleanCoal.value,"percent":form.annualPlan.cleanCoal.percentage},null)])]),createVNode("div",{"class":"plan-container"},[createVNode("div",{"class":"plan-title"},[createTextVNode("\u6708\u8BA1\u5212")]),createVNode("div",{"class":"plan-list"},[createVNode(PlanItem,{"name":"原煤(万吨)","value":form.monthlyPlan.rawCoal.value,"percent":form.monthlyPlan.rawCoal.percentage},null),createVNode(PlanItem,{"name":"精煤(万吨)","value":form.monthlyPlan.cleanCoal.value,"percent":form.monthlyPlan.cleanCoal.percentage},null)])])]),createVNode("div",{"class":"bottom-container"},[createVNode("div",{"class":"left"},[createVNode(CardHeaderSmall,{"title":"原煤调入量排序"},null),createVNode(BarChart$1,{"data":form.barData},null)]),createVNode("div",{"class":"right"},[createVNode("div",{"class":"statistics-container"},[createVNode("div",{"class":"item"},[createVNode("div",{"class":"name"},[createTextVNode("\u6708\u8C03\u5165(\u5428)")]),createVNode("div",{"class":"content"},[createVNode("span",{"class":"value"},[form.monthlyTransferIn.value]),createVNode("span",{"class":"total"},[createTextVNode("/")]),createVNode("span",{"class":"total"},[form.monthlyTransferIn.total]),createVNode("span",{"class":"total"},[createTextVNode("t")])])]),createVNode("div",{"class":"item"},[createVNode("div",{"class":"name"},[createTextVNode("\u5F53\u65E5\u8C03\u5165(\u5428)")]),createVNode("div",{"class":"content"},[createVNode("span",{"class":"value"},[form.dayTransferIn.value]),createVNode("span",{"class":"total"},[createTextVNode("/")]),createVNode("span",{"class":"total"},[form.dayTransferIn.total]),createVNode("span",{"class":"total"},[createTextVNode("t")])])])]),createVNode(HistogramChart,{"data":form.histogramData},null)])])]);}});const mock$g={annualPlan:{rawCoal:{"value|0-1000":1,"percentage|0-100":1},cleanCoal:{"value|0-1000":1,"percentage|0-100":1}},monthlyPlan:{rawCoal:{"value|0-200":1,"percentage|0-100":1},cleanCoal:{"value|0-200":1,"percentage|0-100":1}},monthlyTransferIn:{"value|0-1000000":1,"total|1000000-2000000":1},dayTransferIn:{"value|0-50000":1,"total|50000-100000":1},barData:[{name:"许瞳",type:"东区","value|1-100":1},{name:"许瞳",type:"西区","value|1-100":1},{name:"杨柳",type:"东区","value|1-100":1},{name:"杨柳",type:"西区","value|1-100":1},{name:"青东",type:"东区","value|1-100":1},{name:"青东",type:"西区","value|1-100":1},{name:"临焦",type:"东区","value|1-100":1},{name:"临焦",type:"西区","value|1-100":1},{name:"青东东",type:"东区","value|1-100":1},{name:"青东东",type:"西区","value|1-100":1},{name:"袁一10",type:"东区","value|1-100":1},{name:"袁一10",type:"西区","value|1-100":1},{name:"袁一11",type:"东区","value|1-100":1},{name:"袁一11",type:"西区","value|1-100":1},{name:"袁一12",type:"东区","value|1-100":1},{name:"袁一12",type:"西区","value|1-100":1},{name:"袁一13",type:"东区","value|1-100":1},{name:"袁一13",type:"西区","value|1-100":1},{name:"袁一14",type:"东区","value|1-100":1},{name:"袁一14",type:"西区","value|1-100":1},{name:"袁一15",type:"东区","value|1-100":1},{name:"袁一15",type:"西区","value|1-100":1}],histogramData:[{name:"普肥","value|1000-10000":1},{name:"低肥","value|1000-10000":1},{name:"焦肥","value|1000-10000":1},{name:"1/3肥","value|1000-10000":1}]};const chart=[ProductionPlan,WashingRawCoalQuantity,RawCoalSendIn,warehouseStorage,ProductionStatistics,ProductionPlan2];const props$d$1={name:String,id:String,activeKey:String};var tabsItem=defineComponent({props:props$d$1,setup(_props,_context){const classes=ref("tab_item");const activeKey=ref("");watch(()=>_props.activeKey,e=>{if(e){activeKey.value=e;}classes.value=activeKey?.value===_props.id?"tab_item tab_item_active":"tab_item";},{immediate:true});return ()=>createVNode("div",{"class":classes.value},[_props.name]);}});const props$c$1={tabs:{type:Array},activeKey:{type:String}};var tabs$4=defineComponent({components:{tabsItem},props:props$c$1,emits:["update:activeKey","change"],setup(_props,_context){const activeKey=ref("");watch(()=>_props.activeKey,e=>{activeKey.value=`${e}`;},{immediate:true});return ()=>createVNode("div",{"class":"tab"},[_props.tabs?.map(item=>createVNode(tabsItem,{"activeKey":activeKey.value,"onUpdate:activeKey":$event=>activeKey.value=$event,"name":item.name,"id":item.id,"onClick":()=>{activeKey.value=item.id;_context.emit("update:activeKey",item.id);_context.emit("change",item);}},null))]);}});function _isSlot$1$1(s){return typeof s==='function'||Object.prototype.toString.call(s)==='[object Object]'&&!isVNode(s);}const props$b$1={componentName:{type:String,default:"demoCard",required:true},titleName:{type:String,default:"默认卡片",required:true},tabList:{type:Array},params:{type:Object,default:{}},showHeader:{type:Boolean,default:true},index:{type:Number,default:-1},theme:{type:String,default:"light"},iframeUrl:String};var CardBoxOld=defineComponent({components:{tabs: tabs$4},props:props$b$1,setup(_props,_ctx){const componentName=resolveComponent(`${prefix$2}-${_props.componentName}`);const activeKey=ref("");const tabList=ref([]);const height=ref(0);watch(()=>_props.tabList,e=>{if(e){tabList.value=e||[];if(tabList.value.length>0){activeKey.value=tabList.value[0].id;}}},{immediate:true,deep:true});onMounted(()=>{height.value=document.getElementById(`${prefix$2}_box-header`)?.clientHeight||0;});return ()=>{let _slot;return createVNode("div",{"class":prefix$2+"_box "+prefix$2+"_box_"+_props.theme},[_props.showHeader?createVNode("div",{"class":prefix$2+"_box-header","id":prefix$2+"_box-header"},[createVNode("div",{"class":prefix$2+"_box-header-title"},[_props.theme==="dark"?createVNode("img",{"src":"/micro-assets/bigScreen/diamond.png"},null):null,createVNode("span",null,[_props.titleName])]),tabList.value&&tabList.value.length>0?createVNode(resolveComponent("a-tabs"),{"activeKey":activeKey.value,"onUpdate:activeKey":$event=>activeKey.value=$event,"tab-position":"top","size":"small","tabBarGutter":15},_isSlot$1$1(_slot=tabList.value.map(item=>createVNode(resolveComponent("a-tab-pane"),{"key":item.id,"tab":item.name},null)))?_slot:{default:()=>[_slot]}):null]):null,createVNode("div",{"class":prefix$2+"_box-body","style":{height:_props.showHeader?`calc(100% - ${height.value}px)`:"100%"}},[_props.iframeUrl?createVNode("iframe",{"src":_props.iframeUrl,"frameborder":"0","style":{width:"100%",height:"100%"}},null):createVNode(componentName,mergeProps({"tabId":activeKey.value,"index":_props.index},_props.params,{"onGetTabs":data=>{tabList.value=data;activeKey.value=data[0].id;}}),null)])]);};}});function _isSlot$1a(s){return typeof s==='function'||Object.prototype.toString.call(s)==='[object Object]'&&!isVNode(s);}const props$a$1={componentName:{type:String,default:"demoCard",required:true},titleName:{type:String,default:"默认卡片",required:true},tabList:{type:Array},params:{type:Object,default:{}},showHeader:{type:Boolean,default:true},index:{type:Number,default:-1},theme:{type:String,default:"light"},iframeUrl:String};var CardBoxV2=defineComponent({components:{tabs: tabs$4},props:props$a$1,setup(_props,_ctx){const componentName=resolveComponent(`${prefix$2}-${_props.componentName}`);const activeKey=ref("");const tabList=ref([]);const renderTool=ref(()=>{});const height=ref(0);watch(()=>_props.tabList,e=>{if(e){tabList.value=e||[];if(tabList.value.length>0){activeKey.value=tabList.value[0].id;}}},{immediate:true,deep:true});onMounted(()=>{height.value=document.getElementById(`${prefix$2}_box-header`)?.clientHeight||0;});return ()=>{let _slot;return createVNode("div",{"class":"boxV2 "+prefix$2+"_box "+prefix$2+"_box_"+_props.theme},[_props.showHeader?createVNode("div",{"class":prefix$2+"_box-header","id":prefix$2+"_box-header"},[createVNode("div",{"class":prefix$2+"_box-header-title"},[_props.theme==="dark"?createVNode("img",{"src":"/micro-assets/bigScreen/diamond.png"},null):null,createVNode("span",null,[_props.titleName])]),_ctx.slots.headerTool?_ctx.slots.headerTool():null,renderTool.value(),tabList.value&&tabList.value.length>0?createVNode(resolveComponent("a-tabs"),{"activeKey":activeKey.value,"onUpdate:activeKey":$event=>activeKey.value=$event,"tab-position":"top","size":"small","tabBarGutter":15},_isSlot$1a(_slot=tabList.value.map(item=>createVNode(resolveComponent("a-tab-pane"),{"key":item.id,"tab":item.name},null)))?_slot:{default:()=>[_slot]}):null]):null,createVNode("div",{"class":`${prefix$2}_box-body ${_props.params?.noPadding==="true"?"noPadding":"cardBody"}`,"style":{height:_props.showHeader?`calc(100% - ${height.value}px)`:"100%"}},[_props.iframeUrl?createVNode("iframe",{"src":_props.iframeUrl,"frameborder":"0","style":{width:"100%",height:"100%"}},null):createVNode(componentName,mergeProps({"tabId":activeKey.value,"index":_props.index},_props.params,{"onRenderTool":val=>{renderTool.value=val;},"onGetTabs":data=>{tabList.value=data;activeKey.value=data[0].id;}}),null)])]);};}});const props$9$1={componentName:{type:String,default:"default",required:true},titleName:{type:String,default:"默认卡片",required:true},tabList:{type:Array},params:{type:Object,default:{}},showHeader:{type:Boolean,default:true},index:{type:Number,default:-1},theme:{type:String,default:"light"},renderStyle:{type:String,default:"Old"},iframeUrl:String};var CardBox=defineComponent({components:{tabs: tabs$4,CardBoxOld,CardBoxV2},props:props$9$1,setup(_props,_ctx){const componentName=resolveComponent(`CardBox${_props.renderStyle}`);return ()=>createVNode("div",{"style":{width:"100%",height:"100%"}},[createVNode(componentName,_props,null)]);}});const storageInfo$2=defineComponent({name:"storageInfo",cname:"仓储信息",developer:"前端开发组",equipment:"PC",components:{CardBox},props:{pageType:String,local:String,isInterval:Boolean},setup(prop,context){const diaData=reactive({showDia:false,noPadding:"true"});provide("diaData",diaData);const storageData=ref([{name:"原煤仓",value:"33"},{name:"产品仓",value:"334"}]);// simple or detail
|
|
270
|
+
*/const ProductionPlan2=defineComponent({name:"productionPlan2",cname:"生产评价2",developer:"前端开发组",equipment:"PC",props:{prefix:String,serverName:String,timeout:Number,isInterval:Boolean,pageType:String},setup(props,ctx){const form=reactive({annualPlan:{rawCoal:{value:0,percentage:0},cleanCoal:{value:0,percentage:0}},monthlyPlan:{rawCoal:{value:0,percentage:0},cleanCoal:{value:0,percentage:0}},monthlyTransferIn:{value:0,total:0},dayTransferIn:{value:0,total:0},barData:[],histogramData:[]});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData?cardType=productionPlan2",{});form.annualPlan=data.annualPlan;form.monthlyPlan=data.monthlyPlan;form.monthlyTransferIn=data.monthlyTransferIn;form.dayTransferIn=data.dayTransferIn;form.barData=data.barData;form.histogramData=data.histogramData;};let stopInterval=useInterval(getData,5000,props.isInterval);watch(()=>props.isInterval,e=>{if(e){stopInterval=useInterval(getData,5000,props.isInterval);}else {stopInterval();}},{immediate:true});onBeforeUnmount(stopInterval);return ()=>createVNode("div",{"class":"production-plan2"},[createVNode("div",{"class":"plan"},[createVNode("div",{"class":"plan-container"},[createVNode("div",{"class":"plan-title"},[createTextVNode("\u5E74\u8BA1\u5212")]),createVNode("div",{"class":"plan-list"},[createVNode(PlanItem,{"name":"原煤(万吨)","value":form.annualPlan.rawCoal.value,"percent":form.annualPlan.rawCoal.percentage},null),createVNode(PlanItem,{"name":"精煤(万吨)","value":form.annualPlan.cleanCoal.value,"percent":form.annualPlan.cleanCoal.percentage},null)])]),createVNode("div",{"class":"plan-container"},[createVNode("div",{"class":"plan-title"},[createTextVNode("\u6708\u8BA1\u5212")]),createVNode("div",{"class":"plan-list"},[createVNode(PlanItem,{"name":"原煤(万吨)","value":form.monthlyPlan.rawCoal.value,"percent":form.monthlyPlan.rawCoal.percentage},null),createVNode(PlanItem,{"name":"精煤(万吨)","value":form.monthlyPlan.cleanCoal.value,"percent":form.monthlyPlan.cleanCoal.percentage},null)])])]),createVNode("div",{"class":"bottom-container"},[createVNode("div",{"class":"left"},[createVNode(CardHeaderSmall,{"title":"原煤调入量排序"},null),createVNode(BarChart$1,{"data":form.barData},null)]),createVNode("div",{"class":"right"},[createVNode("div",{"class":"statistics-container"},[createVNode("div",{"class":"item"},[createVNode("div",{"class":"name"},[createTextVNode("\u6708\u8C03\u5165(\u5428)")]),createVNode("div",{"class":"content"},[createVNode("span",{"class":"value"},[form.monthlyTransferIn.value]),createVNode("span",{"class":"total"},[createTextVNode("/")]),createVNode("span",{"class":"total"},[form.monthlyTransferIn.total]),createVNode("span",{"class":"total"},[createTextVNode("t")])])]),createVNode("div",{"class":"item"},[createVNode("div",{"class":"name"},[createTextVNode("\u5F53\u65E5\u8C03\u5165(\u5428)")]),createVNode("div",{"class":"content"},[createVNode("span",{"class":"value"},[form.dayTransferIn.value]),createVNode("span",{"class":"total"},[createTextVNode("/")]),createVNode("span",{"class":"total"},[form.dayTransferIn.total]),createVNode("span",{"class":"total"},[createTextVNode("t")])])])]),createVNode(HistogramChart,{"data":form.histogramData},null)])])]);}});const mock$g={annualPlan:{rawCoal:{"value|0-1000":1,"percentage|0-100":1},cleanCoal:{"value|0-1000":1,"percentage|0-100":1}},monthlyPlan:{rawCoal:{"value|0-200":1,"percentage|0-100":1},cleanCoal:{"value|0-200":1,"percentage|0-100":1}},monthlyTransferIn:{"value|0-1000000":1,"total|1000000-2000000":1},dayTransferIn:{"value|0-50000":1,"total|50000-100000":1},barData:[{name:"许瞳",type:"东区","value|1-100":1},{name:"许瞳",type:"西区","value|1-100":1},{name:"杨柳",type:"东区","value|1-100":1},{name:"杨柳",type:"西区","value|1-100":1},{name:"青东",type:"东区","value|1-100":1},{name:"青东",type:"西区","value|1-100":1},{name:"临焦",type:"东区","value|1-100":1},{name:"临焦",type:"西区","value|1-100":1},{name:"青东东",type:"东区","value|1-100":1},{name:"青东东",type:"西区","value|1-100":1},{name:"袁一10",type:"东区","value|1-100":1},{name:"袁一10",type:"西区","value|1-100":1},{name:"袁一11",type:"东区","value|1-100":1},{name:"袁一11",type:"西区","value|1-100":1},{name:"袁一12",type:"东区","value|1-100":1},{name:"袁一12",type:"西区","value|1-100":1},{name:"袁一13",type:"东区","value|1-100":1},{name:"袁一13",type:"西区","value|1-100":1},{name:"袁一14",type:"东区","value|1-100":1},{name:"袁一14",type:"西区","value|1-100":1},{name:"袁一15",type:"东区","value|1-100":1},{name:"袁一15",type:"西区","value|1-100":1}],histogramData:[{name:"普肥","value|1000-10000":1},{name:"低肥","value|1000-10000":1},{name:"焦肥","value|1000-10000":1},{name:"1/3肥","value|1000-10000":1}]};const chart=[ProductionPlan,WashingRawCoalQuantity,RawCoalSendIn,warehouseStorage,ProductionStatistics,ProductionPlan2];const props$d$1={name:String,id:String,activeKey:String};var tabsItem=defineComponent({props:props$d$1,setup(_props,_context){const classes=ref("tab_item");const activeKey=ref("");watch(()=>_props.activeKey,e=>{if(e){activeKey.value=e;}classes.value=activeKey?.value===_props.id?"tab_item tab_item_active":"tab_item";},{immediate:true});return ()=>createVNode("div",{"class":classes.value},[_props.name]);}});const props$c$1={tabs:{type:Array},activeKey:{type:String}};var tabs$4=defineComponent({components:{tabsItem},props:props$c$1,emits:["update:activeKey","change"],setup(_props,_context){const activeKey=ref("");watch(()=>_props.activeKey,e=>{activeKey.value=`${e}`;},{immediate:true});return ()=>createVNode("div",{"class":"tab"},[_props.tabs?.map(item=>createVNode(tabsItem,{"activeKey":activeKey.value,"onUpdate:activeKey":$event=>activeKey.value=$event,"name":item.name,"id":item.id,"onClick":()=>{activeKey.value=item.id;_context.emit("update:activeKey",item.id);_context.emit("change",item);}},null))]);}});function _isSlot$1$1(s){return typeof s==='function'||Object.prototype.toString.call(s)==='[object Object]'&&!isVNode(s);}const props$b$1={componentName:{type:String,default:"demoCard",required:true},titleName:{type:String,default:"默认卡片",required:true},tabList:{type:Array},params:{type:Object,default:{}},showHeader:{type:Boolean,default:true},index:{type:Number,default:-1},theme:{type:String,default:"light"},iframeUrl:String};var CardBoxOld=defineComponent({components:{tabs: tabs$4},props:props$b$1,setup(_props,_ctx){const componentName=resolveComponent(`${prefix$2}-${_props.componentName}`);const activeKey=ref("");const tabList=ref([]);const height=ref(0);watch(()=>_props.tabList,e=>{if(e){tabList.value=e||[];if(tabList.value.length>0){activeKey.value=tabList.value[0].id;}}},{immediate:true,deep:true});onMounted(()=>{height.value=document.getElementById(`${prefix$2}_box-header`)?.clientHeight||0;});return ()=>{let _slot;return createVNode("div",{"class":prefix$2+"_box "+prefix$2+"_box_"+_props.theme},[_props.showHeader?createVNode("div",{"class":prefix$2+"_box-header","id":prefix$2+"_box-header"},[createVNode("div",{"class":prefix$2+"_box-header-title"},[_props.theme==="dark"?createVNode("img",{"src":"/micro-assets/bigScreen/diamond.png"},null):null,createVNode("span",null,[_props.titleName])]),tabList.value&&tabList.value.length>0?createVNode(resolveComponent("a-tabs"),{"activeKey":activeKey.value,"onUpdate:activeKey":$event=>activeKey.value=$event,"tab-position":"top","size":"small","tabBarGutter":15},_isSlot$1$1(_slot=tabList.value.map(item=>createVNode(resolveComponent("a-tab-pane"),{"key":item.id,"tab":item.name},null)))?_slot:{default:()=>[_slot]}):null]):null,createVNode("div",{"class":prefix$2+"_box-body","style":{height:_props.showHeader?`calc(100% - ${height.value+20}px)`:"100%"}},[_props.iframeUrl?createVNode("iframe",{"src":_props.iframeUrl,"frameborder":"0","style":{width:"100%",height:"100%"}},null):createVNode(componentName,mergeProps({"tabId":activeKey.value,"index":_props.index},_props.params,{"onGetTabs":data=>{tabList.value=data;activeKey.value=data[0].id;}}),null)])]);};}});function _isSlot$1a(s){return typeof s==='function'||Object.prototype.toString.call(s)==='[object Object]'&&!isVNode(s);}const props$a$1={componentName:{type:String,default:"demoCard",required:true},titleName:{type:String,default:"默认卡片",required:true},tabList:{type:Array},params:{type:Object,default:{}},showHeader:{type:Boolean,default:true},index:{type:Number,default:-1},theme:{type:String,default:"light"},iframeUrl:String};var CardBoxV2=defineComponent({components:{tabs: tabs$4},props:props$a$1,setup(_props,_ctx){const componentName=resolveComponent(`${prefix$2}-${_props.componentName}`);const activeKey=ref("");const tabList=ref([]);const renderTool=ref(()=>{});ref(0);watch(()=>_props.tabList,e=>{if(e){tabList.value=e||[];if(tabList.value.length>0){activeKey.value=tabList.value[0].id;}}},{immediate:true,deep:true});return ()=>{let _slot;return createVNode("div",{"class":"boxV2 "+prefix$2+"_box "+prefix$2+"_box_"+_props.theme},[_props.showHeader?createVNode("div",{"class":prefix$2+"_box-header","id":prefix$2+"_box-header"+_props.index},[createVNode("div",{"class":prefix$2+"_box-header-title"},[_props.theme==="dark"?createVNode("img",{"src":"/micro-assets/bigScreen/diamond.png"},null):null,createVNode("span",null,[_props.titleName])]),_ctx.slots.headerTool?_ctx.slots.headerTool():null,renderTool.value(),tabList.value&&tabList.value.length>0?createVNode(resolveComponent("a-tabs"),{"activeKey":activeKey.value,"onUpdate:activeKey":$event=>activeKey.value=$event,"tab-position":"top","size":"small","tabBarGutter":15},_isSlot$1a(_slot=tabList.value.map(item=>createVNode(resolveComponent("a-tab-pane"),{"key":item.id,"tab":item.name},null)))?_slot:{default:()=>[_slot]}):null]):null,createVNode("div",{"class":`${prefix$2}_box-body ${_props.params?.noPadding==="true"?"noPadding":"cardBody"}`},[_props.iframeUrl?createVNode("iframe",{"src":_props.iframeUrl,"frameborder":"0","style":{width:"100%",height:"100%"}},null):createVNode(componentName,mergeProps({"tabId":activeKey.value,"index":_props.index},_props.params,{"onRenderTool":val=>{renderTool.value=val;},"onGetTabs":data=>{tabList.value=data;activeKey.value=data[0].id;}}),null)])]);};}});const props$9$1={componentName:{type:String,default:"default",required:true},titleName:{type:String,default:"默认卡片",required:true},tabList:{type:Array},params:{type:Object,default:{}},showHeader:{type:Boolean,default:true},index:{type:Number,default:-1},theme:{type:String,default:"light"},renderStyle:{type:String,default:"Old"},iframeUrl:String};var CardBox=defineComponent({components:{tabs: tabs$4,CardBoxOld,CardBoxV2},props:props$9$1,setup(_props,_ctx){const componentName=resolveComponent(`CardBox${_props.renderStyle}`);return ()=>createVNode("div",{"style":{width:"100%",height:"100%"}},[createVNode(componentName,_props,null)]);}});const storageInfo$2=defineComponent({name:"storageInfo",cname:"仓储信息",developer:"前端开发组",equipment:"PC",components:{CardBox},props:{pageType:String,local:String,isInterval:Boolean},setup(prop,context){const diaData=reactive({showDia:false,noPadding:"true"});provide("diaData",diaData);const storageData=ref([{name:"原煤仓",value:"33"},{name:"产品仓",value:"334"}]);// simple or detail
|
|
271
271
|
// const diaType = ref("simple");
|
|
272
272
|
const getData=async()=>{const res=await instance$1$1.post("/getCardData?cardType=storageInfo",{});storageData.value=res.data;};onMounted(async()=>{});const stopInterval=useInterval(getData,5000,prop.isInterval);watch(()=>prop.isInterval,e=>{if(e){stopInterval();}});onBeforeUnmount(stopInterval);const openDia=()=>{diaData.showDia=true;};const renderTool=()=>{return createVNode("div",{"class":"btn blue","onClick":()=>{openDia();}},[createTextVNode("\u8BE6\u60C5")]);};context.emit("renderTool",renderTool);// 弹窗
|
|
273
273
|
const renderDia=()=>{return createVNode("div",{"class":"storageDia"},[createVNode(CardBox,{"theme":"dark","titleName":"仓位存储","componentName":"storageDiaSimple","params":{...{pageType:prop.pageType},...diaData},"renderStyle":"V2"},null)]);};return ()=>createVNode("div",{"class":"storageInfo flex"},[diaData.showDia?renderDia():"",storageData.value.map(storage=>{return createVNode("div",{"class":"ele"},[createVNode("div",{"class":"name"},[storage.name]),createVNode("div",{"class":"value flex"},[createVNode("div",{"class":"number"},[storage.value]),createVNode("div",{"class":"unit"},[createTextVNode("t")])])]);})]);}});const mock$f=[{name:"原煤仓","value|0-8000":1},{name:"产品仓","value|0-8000":1}];const initChart$d=(chartId,data)=>{const chart=new Chart({container:chartId,height:120,width:460,autoFit:true,renderer:"svg",theme:{maxColumnWidth:10},appendPadding:[0,20,20]});chart.data(data);chart.scale({name:{},value:{alias:"灰分",min:0,nice:true},percent:{alias:"进度",nice:true}});chart.axis("name",{tickLine:null,line:null,label:{style:{fill:"#fff"}}});chart.axis("value",{grid:{line:{style:{stroke:"rgba(242, 243, 248, 0.04)"}}}// label: false,
|
|
@@ -1056,7 +1056,7 @@ onUnmounted(()=>{stopPlay();stopV(`videoPlayer${timer}${_prop.index||0}`);clearI
|
|
|
1056
1056
|
};var demoCard=defineComponent({name:"demoCard",cname:"默认卡片",developer:"前端开发组",equipment:"PC",props:props$5$1,setup(_props,_ctx){// 自定义接口配置
|
|
1057
1057
|
setInstance$1$1({prefix:_props.prefix,serverName:_props.serverName,timeout:_props.timeout// 超时时长
|
|
1058
1058
|
});const http=async()=>{await defaultApi({CURRENT_DATA:[{code:"flow_monitor_air2__FLOW",datasource:"DATAWAREHOURSE"}],HISTORY_DATA:[{code:"flow_monitor_air1__FLOW",startTime:2022,endTime:2023,timeType:"YEAR",shiftId:"0"}]},"TAIL_COAL_FILTER_PRESS");};onMounted(()=>{http();});return ()=>createVNode("div",{"class":"default"},[createTextVNode("111")]);}});const cards=[...defaultCard,...bigScreenCard,...dataList$1,...chart,...cardList$1,videos,demoCard];const props$4$1={layout:{type:String,default:"pc"},row:{type:Number,default:4},col:{type:Number,default:5},cards:{type:Array,default:[{name:"默认卡片",componentName:"default",row:"1/1",col:"3/1",params:{workShopType:"index",cardCode:"",prefix:"/api/",serverName:"card/v1",timeout:30// 超时时间 单位:s
|
|
1059
|
-
},tabs:[{name:"tab1",id:"1"},{name:"tab2",id:"2"}]},{name:"生产情况",componentName:"production",params:{workShopType:"index"},row:"1/2",col:"1/1"},{name:"气象站环境数据",componentName:"meteorological",params:{workShopType:"index"},row:"3/1",col:"1/1"},{name:"能源消耗",componentName:"energy",params:{workShopType:"Preparation",cardCode:"EnergyHierarchy"},row:"1/1",col:"5/1",tabs:[{name:"药耗",id:"0"},{name:"介耗",id:"1"},{name:"水耗",id:"2"},{name:"电耗",id:"3"}]},{name:"生产时长",componentName:"productionTime",row:"2/1",col:"5/1",params:{workShopType:"index"},tabs:[{name:"天",id:"DAY"},{name:"月",id:"MONTH"}]},{name:"安全监测",componentName:"safe",params:{workShopType:"index"}},{name:"报警信息",componentName:"alarm",params:{workShopType:"index"},row:"1/2",col:"4/1"}]}};var Layout=defineComponent({props:props$4$1,setup(prop,ctx){const classname=prefix$2+"_layout";const row=1/prop.row*100+"%";const col=1/prop.col*100+"%";const layoutStyle={gridTemplateColumns:`repeat(${prop.col}, ${col})`,gridTemplateRows:`repeat(${prop.row}, ${row})`};return ()=>createVNode("div",{"class":[classname,`${classname}_${prop.layout}`],"style":layoutStyle},[prop.cards.map(item=>{let com=createVNode(resolveComponent("inl-card-box"),{"componentName":item.componentName,"tabList":item.tabs,"titleName":item.name},null);if(item.col&&item.row){const rows=item.row.split("/");const cols=item.col.split("/");const rowStart=rows[0];const rowEnd=`span ${rows[1]}`;const colStart=cols[0];const colEnd=`span ${cols[1]}`;const gridArea=`${rowStart} / ${colStart} / ${rowEnd} / ${colEnd}`;com=createVNode(resolveComponent("inl-card-box"),{"style":{gridArea},"componentName":item.componentName,"tabList":item.tabs,"titleName":item.name,"params":item.params},null);}return com;})]);}});const props$3$1={row:{type:Number},col:{type:Number},len:{type:Number,default:0}};var draw=defineComponent({props:props$3$1,setup(prop,ctx){const state=ref(false);const start=ref({col:0,row:0});const end=ref({col:0,row:0});const classname=prefix$2+"_layout_editor_preview";const finishDraw=cb=>{state.value=false;if(cb&&typeof cb==="function"){cb();}};const resetStartEnd=()=>{nextTick(()=>{start.value={col:0,row:0};end.value={col:0,row:0};});};const computedCR=(i,type)=>{const index=i+1;const col=index%prop.col?index%prop.col:prop.col;const row=Math.ceil(index/prop.col);if(type==="s"){start.value={col,row};}else {end.value={col,row};let[startRow,endRow]=start.value.row<=end.value.row?[start.value.row,end.value.row]:[end.value.row,start.value.row];let[startCol,endCol]=start.value.col<=end.value.col?[start.value.col,end.value.col]:[end.value.col,start.value.col];const gridArea=`${startRow} / ${startCol} / ${endRow+1} / ${endCol+1}`;ctx.emit("drawEnd",{gridArea});resetStartEnd();}};const grids=()=>{const elms=[];for(let i=0;i<prop.len;i++){elms.push(createVNode("div",{"class":classname+"_griditem","onMousedown":e=>{state.value=true;computedCR(i,"s");},"onMouseup":e=>{finishDraw(()=>{computedCR(i,"e");});}},null));}return elms;};return ()=>createVNode("div",{"onMousemove":e=>{if(state.value);},"onMouseleave":()=>{if(state.value){finishDraw(()=>{message.error("因鼠标离开了绘制区域,绘制强制结束.",10);resetStartEnd();});}}},[grids()]);}});const props$2$1={row:{type:Number,default:5},col:{type:Number,default:5},colgap:{type:Number,default:5},rowgap:{type:Number,default:5},domArr:{type:Array,default:[]},isEditor:{type:Boolean,default:true},preview:{type:Boolean,default:false},layoutType:{type:String},params:{type:Object,default:{}}};var GridPreview=defineComponent({emits:["addChild","addCard","remove"],props:props$2$1,components:{draw},setup(props,ctx){const classname=prefix$2+"_layout_editor_preview";const classnameOpt=classname+"_opt";const classnameBox=classname+"_box";const layoutStyle=computed(()=>{return {display:"grid",gap:`${props.rowgap}px ${props.colgap}px`,gridTemplateColumns:`repeat(${props.col}, 1fr)`,gridTemplateRows:`repeat(${props.row}, 1fr)`};});return ()=>createVNode("div",{"class":classname},[!props.isEditor?"":createVNode(draw,{"class":`${classnameBox} ${props.preview?"show":""}`,"style":layoutStyle.value,"len":props.col*props.row,"row":props.row,"col":props.col,"onDrawEnd":gridArea=>{ctx.emit("addChild",gridArea);}},null),createVNode("div",{"id":classnameOpt,"class":`${classnameOpt} ${props.preview?"show":""}`,"style":layoutStyle.value},[props.domArr.map((item,index)=>{const renderBox=item=>{if(item.componentInfo){let parameter={};try{parameter=JSON.parse(item.componentInfo.parameter??"{}")??{};}catch(e){console.log(e);}return createVNode(resolveComponent("inl-card-box"),mergeProps({"componentName":item.componentInfo.name,"titleName":item.componentInfo.cname,"params":{...props.params,...{isInterval:!props.isEditor}}},parameter),null);}};return createVNode("div",{"style":{gridArea:item.gridArea},"class":`${classnameOpt}_area`},[renderBox(item),props.isEditor?createVNode(Fragment,null,[createVNode(CloseOutlined,{"onClick":()=>{ctx.emit("remove",index);}},null),props.preview?"":// 加号
|
|
1059
|
+
},tabs:[{name:"tab1",id:"1"},{name:"tab2",id:"2"}]},{name:"生产情况",componentName:"production",params:{workShopType:"index"},row:"1/2",col:"1/1"},{name:"气象站环境数据",componentName:"meteorological",params:{workShopType:"index"},row:"3/1",col:"1/1"},{name:"能源消耗",componentName:"energy",params:{workShopType:"Preparation",cardCode:"EnergyHierarchy"},row:"1/1",col:"5/1",tabs:[{name:"药耗",id:"0"},{name:"介耗",id:"1"},{name:"水耗",id:"2"},{name:"电耗",id:"3"}]},{name:"生产时长",componentName:"productionTime",row:"2/1",col:"5/1",params:{workShopType:"index"},tabs:[{name:"天",id:"DAY"},{name:"月",id:"MONTH"}]},{name:"安全监测",componentName:"safe",params:{workShopType:"index"}},{name:"报警信息",componentName:"alarm",params:{workShopType:"index"},row:"1/2",col:"4/1"}]}};var Layout=defineComponent({props:props$4$1,setup(prop,ctx){const classname=prefix$2+"_layout";const row=1/prop.row*100+"%";const col=1/prop.col*100+"%";const layoutStyle={gridTemplateColumns:`repeat(${prop.col}, ${col})`,gridTemplateRows:`repeat(${prop.row}, ${row})`};return ()=>createVNode("div",{"class":[classname,`${classname}_${prop.layout}`],"style":layoutStyle},[prop.cards.map(item=>{let com=createVNode(resolveComponent("inl-card-box"),{"componentName":item.componentName,"tabList":item.tabs,"titleName":item.name},null);if(item.col&&item.row){const rows=item.row.split("/");const cols=item.col.split("/");const rowStart=rows[0];const rowEnd=`span ${rows[1]}`;const colStart=cols[0];const colEnd=`span ${cols[1]}`;const gridArea=`${rowStart} / ${colStart} / ${rowEnd} / ${colEnd}`;com=createVNode(resolveComponent("inl-card-box"),{"style":{gridArea},"componentName":item.componentName,"tabList":item.tabs,"titleName":item.name,"params":item.params},null);}return com;})]);}});const props$3$1={row:{type:Number},col:{type:Number},len:{type:Number,default:0}};var draw=defineComponent({props:props$3$1,setup(prop,ctx){const state=ref(false);const start=ref({col:0,row:0});const end=ref({col:0,row:0});const classname=prefix$2+"_layout_editor_preview";const finishDraw=cb=>{state.value=false;if(cb&&typeof cb==="function"){cb();}};const resetStartEnd=()=>{nextTick(()=>{start.value={col:0,row:0};end.value={col:0,row:0};});};const computedCR=(i,type)=>{const index=i+1;const col=index%prop.col?index%prop.col:prop.col;const row=Math.ceil(index/prop.col);if(type==="s"){start.value={col,row};}else {end.value={col,row};let[startRow,endRow]=start.value.row<=end.value.row?[start.value.row,end.value.row]:[end.value.row,start.value.row];let[startCol,endCol]=start.value.col<=end.value.col?[start.value.col,end.value.col]:[end.value.col,start.value.col];const gridArea=`${startRow} / ${startCol} / ${endRow+1} / ${endCol+1}`;ctx.emit("drawEnd",{gridArea});resetStartEnd();}};const grids=()=>{const elms=[];for(let i=0;i<prop.len;i++){elms.push(createVNode("div",{"class":classname+"_griditem","onMousedown":e=>{state.value=true;computedCR(i,"s");},"onMouseup":e=>{finishDraw(()=>{computedCR(i,"e");});}},null));}return elms;};return ()=>createVNode("div",{"onMousemove":e=>{if(state.value);},"onMouseleave":()=>{if(state.value){finishDraw(()=>{message.error("因鼠标离开了绘制区域,绘制强制结束.",10);resetStartEnd();});}}},[grids()]);}});const props$2$1={row:{type:Number,default:5},col:{type:Number,default:5},colgap:{type:Number,default:5},rowgap:{type:Number,default:5},domArr:{type:Array,default:[]},isEditor:{type:Boolean,default:true},preview:{type:Boolean,default:false},layoutType:{type:String},params:{type:Object,default:{}}};var GridPreview=defineComponent({emits:["addChild","addCard","remove"],props:props$2$1,components:{draw},setup(props,ctx){const classname=prefix$2+"_layout_editor_preview";const classnameOpt=classname+"_opt";const classnameBox=classname+"_box";const layoutStyle=computed(()=>{return {display:"grid",gap:`${props.rowgap}px ${props.colgap}px`,gridTemplateColumns:`repeat(${props.col}, 1fr)`,gridTemplateRows:`repeat(${props.row}, 1fr)`};});return ()=>createVNode("div",{"class":classname},[!props.isEditor?"":createVNode(draw,{"class":`${classnameBox} ${props.preview?"show":""}`,"style":layoutStyle.value,"len":props.col*props.row,"row":props.row,"col":props.col,"onDrawEnd":gridArea=>{ctx.emit("addChild",gridArea);}},null),createVNode("div",{"id":classnameOpt,"class":`${classnameOpt} ${props.preview?"show":""}`,"style":layoutStyle.value},[props.domArr.map((item,index)=>{const renderBox=item=>{if(item.componentInfo){let parameter={};try{parameter=JSON.parse(item.componentInfo.parameter??"{}")??{};}catch(e){console.log(e);}return createVNode(resolveComponent("inl-card-box"),mergeProps({"componentName":item.componentInfo.name,"titleName":item.componentInfo.cname,"index":index,"params":{...props.params,...{isInterval:!props.isEditor}}},parameter),null);}};return createVNode("div",{"style":{gridArea:item.gridArea},"class":`${classnameOpt}_area`},[renderBox(item),props.isEditor?createVNode(Fragment,null,[createVNode(CloseOutlined,{"onClick":()=>{ctx.emit("remove",index);}},null),props.preview?"":// 加号
|
|
1060
1060
|
createVNode("div",{"class":`${classnameOpt}_area_add`,"onClick":()=>{ctx.emit("addCard",index);},"draggable":"true","onDragstart":()=>{console.log("start");},"onDragend":()=>{console.log("end");}},[createVNode(PlusOutlined,null,null)])]):""]);})])]);}});const props$1$1={col:{type:Object,default:5},row:{type:Object,default:5},rowgap:{type:Object,default:5},colgap:{type:Object,default:5},penetrate:{type:Object,default:false},preview:{type:Boolean,default:false},isEditor:{type:Boolean,default:true}};var LayoutEditorForm=defineComponent({props:props$1$1,emits:["submit","reset","preview","fullscreenPreview"],setup(prop,ctx){const classname=prefix$2+"_layout_editor_form";const preview=state=>{if(state==="fullscreen"){screen$1.requestFullscreen("inl-card_layout_editor_preview_opt");ctx.emit("fullscreenPreview");}else {ctx.emit("preview");}};return ()=>createVNode("div",{"class":classname},[createVNode(resolveComponent("a-form"),{"layout":"inline"},{default:()=>[createVNode(resolveComponent("a-form-item"),{"label":"列"},{default:()=>[createVNode(resolveComponent("a-input-number"),{"value":prop.col.value,"onUpdate:value":$event=>prop.col.value=$event},null)]}),createVNode(resolveComponent("a-form-item"),{"label":"行"},{default:()=>[createVNode(resolveComponent("a-input-number"),{"value":prop.row.value,"onUpdate:value":$event=>prop.row.value=$event},null)]}),createVNode(resolveComponent("a-form-item"),{"label":"列间距"},{default:()=>[createVNode(resolveComponent("a-input-number"),{"value":prop.colgap.value,"onUpdate:value":$event=>prop.colgap.value=$event},null)]}),createVNode(resolveComponent("a-form-item"),{"label":"行间距"},{default:()=>[createVNode(resolveComponent("a-input-number"),{"value":prop.rowgap.value,"onUpdate:value":$event=>prop.rowgap.value=$event},null)]}),createVNode(resolveComponent("a-form-item"),{"label":""},{default:()=>[createVNode(resolveComponent("a-checkbox"),{"checked":prop.penetrate.value,"onUpdate:checked":$event=>prop.penetrate.value=$event},{default:()=>[createTextVNode("\u662F\u5426\u5141\u8BB8\u7A7F\u900F")]})]}),createVNode(resolveComponent("a-form-item"),{"label":""},{default:()=>[createVNode(resolveComponent("a-button"),{"type":"primary","onClick":()=>{ctx.emit("submit","");}},{default:()=>[createTextVNode("\u4F7F\u7528\u5E03\u5C40")]})," ",createTextVNode("\xA0"),createVNode(resolveComponent("a-button"),{"type":"dashed","onClick":()=>{ctx.emit("reset","");}},{default:()=>[createTextVNode("\u91CD\u7F6E\u5E03\u5C40")]}),createTextVNode("\xA0"),createVNode(resolveComponent("a-button"),{"type":"dashed","onClick":()=>{preview();}},{default:()=>[prop.isEditor?"预览":"取消预览"]}),createTextVNode("\xA0"),createVNode(resolveComponent("a-button"),{"type":"dashed","onClick":()=>{preview("fullscreen");}},{default:()=>[createTextVNode("\u5168\u5C4F\u9884\u89C8")]})]})]})]);}});const tmgc={child:[{gridArea:"1 / 1 / 2 / 2"},{gridArea:"2 / 1 / 3 / 2"},{gridArea:"3 / 1 / 4 / 2"},{gridArea:"4 / 1 / 5 / 2"},{gridArea:"1 / 5 / 2 / 6"},{gridArea:"2 / 5 / 3 / 6"},{gridArea:"3 / 5 / 4 / 6"},{gridArea:"4 / 5 / 5 / 6"}],col:5,colgap:5,penetrate:false,row:4,rowgap:5};const jd={child:[{gridArea:"1 / 1 / 2 / 2"},{gridArea:"2 / 1 / 3 / 2"},{gridArea:"3 / 1 / 4 / 2"},{gridArea:"4 / 1 / 5 / 2"},{gridArea:"1 / 2 / 2 / 3"},{gridArea:"2 / 2 / 3 / 3"},{gridArea:"3 / 2 / 4 / 3"},{gridArea:"4 / 2 / 5 / 3"},{gridArea:"1 / 3 / 2 / 4"},{gridArea:"2 / 3 / 3 / 4"},{gridArea:"3 / 3 / 4 / 4"},{gridArea:"4 / 3 / 5 / 4"},{gridArea:"1 / 4 / 2 / 5"},{gridArea:"2 / 4 / 3 / 5"},{gridArea:"3 / 4 / 4 / 5"},{gridArea:"4 / 4 / 5 / 5"}],col:4,colgap:5,penetrate:false,row:4,rowgap:5};var layoutData={tmgc,jd};const props$U={row:{type:Number,default:5},col:{type:Number,default:5},colgap:{type:Number,default:5},rowgap:{type:Number,default:5},domArr:{type:Array,default:[]},isEditor:{type:Boolean,default:true},preview:{type:Boolean,default:false},layoutType:{type:String,default:"jd"},params:{type:Object,default:{}}};var layoutEditor=defineComponent({emits:["submit","addCard"],props: props$U,components:{GridPreview},setup(prop,ctx){const classname=prefix$2+"_layout_editor";const col=ref(prop.col);const row=ref(prop.row);const colgap=ref(prop.colgap);const rowgap=ref(prop.rowgap);const penetrate=ref(false);const domArray=ref(prop.domArr);const isEditor=ref(prop.isEditor);watch(()=>prop.layoutType,e=>{// 当前不是演示状态
|
|
1061
1061
|
if(!prop.preview&&prop.layoutType!=="custom"&&layoutData[prop.layoutType]){const lay=layoutData[prop.layoutType];col.value=lay.col;row.value=lay.row;colgap.value=lay.colgap;rowgap.value=lay.rowgap;penetrate.value=lay.penetrate;domArray.value=lay.child;}},{immediate:true});return ()=>createVNode("div",{"class":classname},[!prop.preview?createVNode(LayoutEditorForm,{"preview":prop.preview,"onPreview":()=>{isEditor.value=!isEditor.value;},"onFullscreenPreview":()=>{isEditor.value=false;},"col":col,"row":row,"colgap":colgap,"rowgap":rowgap,"penetrate":penetrate,"isEditor":isEditor.value,"onSubmit":()=>{const submitData={child:domArray.value,penetrate:penetrate.value,row:row.value,col:col.value,colgap:colgap.value,rowgap:rowgap.value};ctx.emit("submit",submitData);},"onReset":()=>{domArray.value=[];col.value=5;row.value=5;colgap.value=5;rowgap.value=5;}},null):"",createVNode(GridPreview,{"isEditor":isEditor.value,"preview":prop.preview,"col":col.value,"row":row.value,"colgap":colgap.value,"rowgap":rowgap.value,"domArr":domArray.value,"layoutType":prop.layoutType,"params":prop.params,"onAddChild":gridArea=>{if(prop.isEditor){domArray.value.push(gridArea);}},"onAddCard":e=>{ctx.emit("addCard",componentInfo=>{return new Promise((res,rej)=>{if(!componentInfo){rej({type:"err",msg:"组件信息不能为空,为卡片添加组件失败。"});}else {try{domArray.value[e].componentInfo=componentInfo;res({type:"success",msg:"组件添加成功"});}catch(error){rej({type:"err",msg:"未知错误,为卡片添加组件失败。"});}}});});},"onRemove":e=>{domArray.value.splice(e,1);}},null)]);}});const tabsList=[{name:"当日",id:"day"},{name:"当月",id:"month"}];/**
|
|
1062
1062
|
* 生产统计
|
|
@@ -1068,7 +1068,7 @@ serverName:String,// 接口文件名
|
|
|
1068
1068
|
timeout:Number,// 接口请求超时时长
|
|
1069
1069
|
isInterval:Boolean,tabId:String},setup(_props,_ctx){const form=reactive({systemYieldData:[],coalRankYieldData:[]});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData?cardType=productionStatistics",{});form.systemYieldData=data.systemYieldData;form.coalRankYieldData=data.coalRankYieldData;};let stopInterval=useInterval(getData,5000,_props.isInterval);watch(()=>_props.isInterval,e=>{if(e){stopInterval=useInterval(getData,5000,_props.isInterval);}else {stopInterval();}},{immediate:true});onBeforeUnmount(stopInterval);onMounted(()=>{_ctx.emit("getTabs",tabsList);});return ()=>createVNode("div",{"class":"production-statistics"},[createVNode(SystemYield,{"data":form.systemYieldData[_props.tabId||""]},null),createVNode(CoalRankYield,{"data":form.coalRankYieldData[_props.tabId||""]},null)]);}});const mock={systemYieldData:{day:[{name:"东区1#","value|0-20000":1},{name:"东区1#","percent|0-100":1,type:"产率"},{name:"东区2#","value|0-20000":1},{name:"东区2#","percent|0-100":1,type:"产率"},{name:"西区1#","value|0-20000":1},{name:"西区1#","percent|0-100":1,type:"产率"},{name:"西区2#","value|0-20000":1},{name:"西区2#","percent|0-100":1,type:"产率"},{name:"西区3#","value|0-20000":1},{name:"西区3#","percent|0-100":1,type:"产率"}],month:[{name:"东区1#","value|0-20000":1},{name:"东区1#","percent|0-100":1,type:"产率"},{name:"东区2#","value|0-20000":1},{name:"东区2#","percent|0-100":1,type:"产率"},{name:"西区1#","value|0-20000":1},{name:"西区1#","percent|0-100":1,type:"产率"},{name:"西区2#","value|0-20000":1},{name:"西区2#","percent|0-100":1,type:"产率"},{name:"西区3#","value|0-20000":1},{name:"西区3#","percent|0-100":1,type:"产率"}]},coalRankYieldData:{day:[{name:"肥","value|1000-20000":1},{name:"焦","value|1000-20000":1},{name:"1/3焦","value|1000-20000":1},{name:"中","value|1000-20000":1},{name:"煤泥","value|1000-20000":1},{name:"矸石","value|1000-20000":1}],month:[{name:"肥","value|1000-20000":1},{name:"焦","value|1000-20000":1},{name:"1/3焦","value|1000-20000":1},{name:"中","value|1000-20000":1},{name:"煤泥","value|1000-20000":1},{name:"矸石","value|1000-20000":1}]}};var mockData={storageInfo:mock$f,remoteSwitchhouse:mock$A,substation:mock$z,electricMonitor:mock$o,rawCoalSendIn2:mock$9,productionPlan2:mock$g,productionStatistics:mock,mechineTimeDayStatistics:mock$8,drySeparationPlant:mock$6,luLingDayStatistics:mock$5,humanResources:mock$4,energyConsumptionInfo:mock$3,logisticsInfo:mock$m,commodityConsume:mock$l,deviceOverview:mock$2,overhaulPlan:mock$7,smartInspection:mock$p,remoteElectricity:mock$w,alarmFaultDanger:mock$n,productionPlan:mock$k,washingRawCoalQuantity:mock$j,washingSystemHandleQuantity:mock$s,systemRunStatus:mock$r,realTimeAshWater:mock$b,consumeAnalysis:mock$a,alarmInfo:mock$y,keyEquipmentTesting:mock$u,opsInfo:mock$t,hiddenTrouble:mock$x,faultJudgment:mock$v,rawCoalSendIn:mock$i,warehouseStorage:mock$h,sendInOutCoalList:mock$q,outTransportStatistics:mock$c,videos:mock$1,storageDia:mock$d,storageDiaSimple:mock$e};const cardList=[];const coms=[];const createComp=()=>{coms.push(installCom(Layout,"layout"));coms.push(installCom(CardBox,"box"));coms.push(installCom(layoutEditor,"layout-editor"));for(let i of cards){const com=installCom(i,i.name);coms.push(com);cardList.push({name:i.name,cname:i.cname,developer:i.developer,equipment:i.equipment,version: version$1});}};createComp();var index$1={install(app){for(let i of coms){app.use(i);}},cards:cardList,mockData:mockData,version: version$1};
|
|
1070
1070
|
|
|
1071
|
-
var version = "0.0.
|
|
1071
|
+
var version = "0.0.58";
|
|
1072
1072
|
|
|
1073
1073
|
const config$1 = {
|
|
1074
1074
|
prefix: "inl"
|