inl-ui 0.0.14 → 0.0.16
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 +188 -115
- package/dist/index.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +2 -2
- package/src/pageComponent/views/productionPlanManager/components/Plan.tsx +3 -3
- package/src/pageComponent/views/pss/components/NewOrder.tsx +4 -1
- package/src/pageComponent/views/video/assets/styles/video/group.less +1 -4
- package/src/pageComponent/views/video/sbgl/components/addGrouping.tsx +25 -14
- package/src/pageComponent/views/video/sbgl/group.tsx +71 -29
- package/src/pageComponent/views/video/sbgl/nvr.tsx +10 -9
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, ref, onMounted, onUnmounted, createVNode, createTextVNode, reactive, watch, Fragment, resolveComponent, withDirectives, resolveDirective, computed,
|
|
1
|
+
import { defineComponent, ref, onMounted, onUnmounted, createVNode, createTextVNode, reactive, watch, Fragment, resolveComponent, onBeforeUnmount, withDirectives, resolveDirective, computed, nextTick, h, isVNode, mergeProps, watchEffect, shallowRef, inject, provide, getCurrentInstance, onBeforeUpdate, vShow, withModifiers, unref } from 'vue';
|
|
2
2
|
import axios from 'axios';
|
|
3
3
|
import _, { isPlainObject, omit, cloneDeep, debounce, isEqual, isNil, isEmpty, isObject as isObject$4, intersection } from 'lodash';
|
|
4
4
|
import { Empty, message, Alert, Popconfirm, Button, Card, Modal, FormItem, SelectOption, Input, Select, Switch, InputNumber, Form, Table, Row, Col, Timeline, TimelineItem, Tabs, TabPane, RangePicker, Popover } from 'ant-design-vue';
|
|
@@ -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.64";/*
|
|
21
21
|
* @Abstract: 摘要
|
|
22
22
|
* @Author: wang liang
|
|
23
23
|
* @Date: 2022-03-25 10:44:08
|
|
@@ -97,19 +97,25 @@ setInstance$f({prefix:props.prefix,serverName:props.serverName,timeout:props.tim
|
|
|
97
97
|
* 列表自动滚动
|
|
98
98
|
*/const autoScroll={mounted(el,{value="ant-table-body",modifiers}){let timer;let timer2;let hover=false;let wait=false;const{self}=modifiers;const _baseWidth=window.innerWidth/window.innerHeight>2?7200:2880;const step=Math.ceil(_baseWidth/window.innerWidth);const onmouseenter=()=>hover=true;const onmouseleave=()=>hover=false;const scrollEl=self?el:el.querySelector(`.${value}`);if(!scrollEl)return;const startScroll=()=>{// 元素被移除 清除事件监听
|
|
99
99
|
if(!document.contains(el)){timer&&clearInterval(timer);el.removeEventListener("mouseenter",onmouseenter);el.removeEventListener("mouseleave",onmouseleave);return;}if(hover)return;const scrollElHeight=scrollEl.getBoundingClientRect().height;// 不需要滚动
|
|
100
|
-
if(scrollElHeight>=scrollEl.scrollHeight){return;}if(!hover&&scrollEl.scrollTop+scrollElHeight>scrollEl.scrollHeight-step){if(timer2)return;timer2=setTimeout(()=>{if(!hover){scrollEl.scrollTop=0;}setTimeout(()=>{if(!hover){wait=false;}},1000);timer2=null;},1000);wait=true;}else {if(!wait){scrollEl.scrollTo({top:scrollEl.scrollTop+step});}}};timer=setInterval(startScroll,100);el.addEventListener("mouseenter",onmouseenter);el.addEventListener("mouseleave",onmouseleave);}}
|
|
100
|
+
if(scrollElHeight>=scrollEl.scrollHeight){return;}if(!hover&&scrollEl.scrollTop+scrollElHeight>scrollEl.scrollHeight-step){if(timer2)return;timer2=setTimeout(()=>{if(!hover){scrollEl.scrollTop=0;}setTimeout(()=>{if(!hover){wait=false;}},1000);timer2=null;},1000);wait=true;}else {if(!wait){scrollEl.scrollTo({top:scrollEl.scrollTop+step});}}};timer=setInterval(startScroll,100);el.addEventListener("mouseenter",onmouseenter);el.addEventListener("mouseleave",onmouseleave);}};/**
|
|
101
|
+
* 重复执行函数
|
|
102
|
+
* @param fn 需要重复执行的函数
|
|
103
|
+
* @param duration 间隔
|
|
104
|
+
* @param immediate 是否立即执行一次
|
|
105
|
+
* @returns 取消interval函数
|
|
106
|
+
*/function useInterval(fn,duration=3000,immediate=true){const 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?"开":"关"]);}}];/**
|
|
101
107
|
* 远程配电室
|
|
102
108
|
*/const RemoteSwitchhouse=defineComponent({name:"remoteSwitchhouse",cname:"远程配电室",developer:"前端开发组",equipment:"PC",directives:{autoScroll},props:{prefix:String,serverName:String,timeout:Number// 接口请求超时时长
|
|
103
|
-
},setup(){const list=ref([]);const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"remoteSwitchhouse"});list.value=data.rows;};onMounted(getData);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$y={"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},setup(){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",{card:"substation"});form.tableData=data.rows;form.overhaul=data.overhaul;form.function=data.function;form.hotStandby=data.hotStandby;form.coldStandby=data.coldStandby;};onMounted(getData);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$x={"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},setup(){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",{card:"alarmInfo"});form.tableData=data.rows;form.level1=data.level1;form.level2=data.level2;form.level3=data.level3;form.level4=data.level4;};onMounted(getData);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$w={"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},setup(){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",{card:"hiddenTrouble"});form.tableData=data.rows;form.escalation=data.escalation;form.unhandled=data.unhandled;form.processed=data.processed;};onMounted(getData);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$v={"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},setup(){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",{card:"remoteElectricity"});form.tableData=data.rows;form.powerFailure=data.powerFailure;form.powerTransmission=data.powerTransmission;form.temporary=data.temporary;};onMounted(getData);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$u={"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
|
+
},setup(){const list=ref([]);const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"remoteSwitchhouse"});list.value=data.rows;};const stopInterval=useInterval(getData,5000);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$y={"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},setup(){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",{card:"substation"});form.tableData=data.rows;form.overhaul=data.overhaul;form.function=data.function;form.hotStandby=data.hotStandby;form.coldStandby=data.coldStandby;};const stopInterval=useInterval(getData,5000);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$x={"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},setup(){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",{card:"alarmInfo"});form.tableData=data.rows;form.level1=data.level1;form.level2=data.level2;form.level3=data.level3;form.level4=data.level4;};const stopInterval=useInterval(getData,5000);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$w={"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},setup(){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",{card:"hiddenTrouble"});form.tableData=data.rows;form.escalation=data.escalation;form.unhandled=data.unhandled;form.processed=data.processed;};const stopInterval=useInterval(getData,5000);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$v={"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},setup(){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",{card:"remoteElectricity"});form.tableData=data.rows;form.powerFailure=data.powerFailure;form.powerTransmission=data.powerTransmission;form.temporary=data.temporary;};const stopInterval=useInterval(getData,5000);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$u={"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"}];/**
|
|
104
110
|
* 故障判断
|
|
105
111
|
*/const FaultJudgment=defineComponent({name:"faultJudgment",cname:"故障判断",developer:"前端开发组",equipment:"PC",directives:{autoScroll},props:{prefix:String,serverName:String,timeout:Number// 接口请求超时时长
|
|
106
|
-
},setup(){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",{card:"faultJudgment"});form.value=data;};
|
|
112
|
+
},setup(){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",{card:"faultJudgment"});form.value=data;};const stopInterval=useInterval(getData,5000);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$t={"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"}]};/**
|
|
107
113
|
* 重点设备检测
|
|
108
114
|
*/const KeyEquipmentTesting=defineComponent({name:"keyEquipmentTesting",cname:"重点设备检测",developer:"前端开发组",equipment:"PC",props:{prefix:String,serverName:String,timeout:Number// 接口请求超时时长
|
|
109
|
-
},setup(){const activeIndex=ref(0);const activeDevice=computed(()=>deviceList.value[activeIndex.value]);const deviceList=ref([{key:1,title:"给煤机",code:"coalFeeder",img:"https://cdn.cloudflare.steamstatic.com/steamcommunity/public/images/avatars/98/988f3e91d15566d8742c5634eab1676aad2a16ad_full.jpg"},{key:2,title:"离心机",code:"centrifuge",img:"https://cdn.cloudflare.steamstatic.com/steamcommunity/public/images/avatars/11/114394a2c78be2488fd7611ccbc3a6fec191364e_full.jpg"},{key:3,title:"浮选机",code:"flotationMachine",img:"https://cdn.cloudflare.steamstatic.com/steamcommunity/public/images/avatars/d2/d28bce867fbbf5b31f6e75b89966923ed90cdb4f_full.jpg"},{key:4,title:"浓缩机",code:"thickener",img:"https://cdn.cloudflare.steamstatic.com/steamcommunity/public/images/avatars/19/19d297d18f5199bb9d3ed54f3f3f8a3774887737_full.jpg"}]);const form=ref({});const handleSelectDevice=index=>{if(deviceList.value[index]){activeIndex.value=index;}};const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"keyEquipmentTesting"});form.value=data.deviceObj;deviceList.value=data.deviceList;};
|
|
115
|
+
},setup(){const activeIndex=ref(0);const activeDevice=computed(()=>deviceList.value[activeIndex.value]);const deviceList=ref([{key:1,title:"给煤机",code:"coalFeeder",img:"https://cdn.cloudflare.steamstatic.com/steamcommunity/public/images/avatars/98/988f3e91d15566d8742c5634eab1676aad2a16ad_full.jpg"},{key:2,title:"离心机",code:"centrifuge",img:"https://cdn.cloudflare.steamstatic.com/steamcommunity/public/images/avatars/11/114394a2c78be2488fd7611ccbc3a6fec191364e_full.jpg"},{key:3,title:"浮选机",code:"flotationMachine",img:"https://cdn.cloudflare.steamstatic.com/steamcommunity/public/images/avatars/d2/d28bce867fbbf5b31f6e75b89966923ed90cdb4f_full.jpg"},{key:4,title:"浓缩机",code:"thickener",img:"https://cdn.cloudflare.steamstatic.com/steamcommunity/public/images/avatars/19/19d297d18f5199bb9d3ed54f3f3f8a3774887737_full.jpg"}]);const form=ref({});const handleSelectDevice=index=>{if(deviceList.value[index]){activeIndex.value=index;}};const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"keyEquipmentTesting"});form.value=data.deviceObj;deviceList.value=data.deviceList;};const stopInterval=useInterval(getData,5000);onBeforeUnmount(stopInterval);return ()=>createVNode("div",{"class":"key-equipment-testing"},[createVNode("div",{"class":"divice-select"},[createVNode(resolveComponent("double-left-outlined"),{"onClick":()=>handleSelectDevice(activeIndex.value-1)},null),createVNode("div",{"class":"device-list"},[deviceList.value.map((item,index)=>createVNode("div",{"key":item.key,"class":["device-item",item.key===activeDevice.value?.key&&"active"],"onClick":()=>handleSelectDevice(index)},[item.title]))]),createVNode(resolveComponent("double-right-outlined"),{"onClick":()=>handleSelectDevice(activeIndex.value+1)},null)]),createVNode("div",{"class":"bottom-container"},[createVNode("div",{"class":"device-image-box"},[createVNode("img",{"src":activeDevice.value.img,"alt":""},null)]),createVNode("div",{"class":"table"},[createVNode("div",{"class":"header"},[createVNode("div",{"class":"cell name"},[createTextVNode("\u8BBE\u5907\u540D\u79F0")]),createVNode("div",{"class":"cell temperture"},[createTextVNode("\u6E29\u5EA6(\u2103)")]),createVNode("div",{"class":"cell amplitude"},[createTextVNode("\u632F\u5E45(mm)")]),createVNode("div",{"class":"cell electric"},[createTextVNode("\u7535\u6D41(A)")])]),createVNode("div",{"class":"body"},[form.value[activeDevice.value.code]?.map(item=>createVNode("div",{"class":"column"},[createVNode("div",{"class":"cell name"},[item.name]),createVNode("div",{"class":`cell temperture ${item.temperture>item.fault?"fault":""}`},[item.temperture]),createVNode("div",{"class":"cell amplitude"},[item.amplitude]),createVNode("div",{"class":"cell electric"},[item.electric])]))])])])]);}});const mock$s={deviceObj:{"coalFeeder|12":[{"name|1000-5000":1,"fault|30-50":1,"temperture|30-50.1":1,"amplitude|1-5.1":1,"electric|100-500":1}],"centrifuge|12":[{"name|1000-5000":1,"fault|30-50":1,"temperture|30-50.1":1,"amplitude|1-5.1":1,"electric|100-500":1}],"flotationMachine|12":[{"name|1000-5000":1,"fault|30-50":1,"temperture|30-50.1":1,"amplitude|1-5.1":1,"electric|100-500":1}],"thickener|12":[{"name|1000-5000":1,"fault|30-50":1,"temperture|30-50.1":1,"amplitude|1-5.1":1,"electric|100-500":1}]},deviceList:[{key:1,title:"给煤机",code:"coalFeeder",img:"https://cdn.cloudflare.steamstatic.com/steamcommunity/public/images/avatars/98/988f3e91d15566d8742c5634eab1676aad2a16ad_full.jpg"},{key:2,title:"离心机",code:"centrifuge",img:"https://cdn.cloudflare.steamstatic.com/steamcommunity/public/images/avatars/11/114394a2c78be2488fd7611ccbc3a6fec191364e_full.jpg"},{key:3,title:"浮选机",code:"flotationMachine",img:"https://cdn.cloudflare.steamstatic.com/steamcommunity/public/images/avatars/d2/d28bce867fbbf5b31f6e75b89966923ed90cdb4f_full.jpg"},{key:4,title:"浓缩机",code:"thickener",img:"https://cdn.cloudflare.steamstatic.com/steamcommunity/public/images/avatars/19/19d297d18f5199bb9d3ed54f3f3f8a3774887737_full.jpg"}]};const columns$8$1=[{title:"区域",dataIndex:"region"},{title:"检修计划",dataIndex:"maintenancePlan"},{title:"计划检修时间",dataIndex:"maintenancePlanTime"},{title:"完成情况",dataIndex:"completion",align:"center"}];/**
|
|
110
116
|
* 运维信息
|
|
111
117
|
*/const OpsInfo=defineComponent({name:"opsInfo",cname:"运维信息",developer:"前端开发组",equipment:"PC",directives:{autoScroll},props:{prefix:String,serverName:String,timeout:Number// 接口请求超时时长
|
|
112
|
-
},setup(){const form=reactive({monthlyActualCompletion:{value:0,total:0},quarterlyPlan:{value:0,total:0},annualPlan:{value:0,total:0},tableData:[]});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"opsInfo"});form.tableData=data.rows;form.monthlyActualCompletion=data.monthlyActualCompletion;form.quarterlyPlan=data.quarterlyPlan;form.annualPlan=data.annualPlan;};
|
|
118
|
+
},setup(){const form=reactive({monthlyActualCompletion:{value:0,total:0},quarterlyPlan:{value:0,total:0},annualPlan:{value:0,total:0},tableData:[]});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"opsInfo"});form.tableData=data.rows;form.monthlyActualCompletion=data.monthlyActualCompletion;form.quarterlyPlan=data.quarterlyPlan;form.annualPlan=data.annualPlan;};const stopInterval=useInterval(getData,5000);onBeforeUnmount(stopInterval);return ()=>createVNode("div",{"class":"ops-info statisticsAndList"},[createVNode("div",{"class":"statistics flex"},[createVNode("div",{"class":"ele"},[createVNode("div",{"class":"name"},[createTextVNode("\u6708\u5EA6\u5B9E\u9645\u5B8C\u6210\u91CF")]),createVNode("div",{"class":"number"},[createVNode("span",{"class":"value"},[form.monthlyActualCompletion.value]),createVNode("span",{"class":"total"},[createTextVNode("/")]),createVNode("span",{"class":"total"},[form.monthlyActualCompletion.total])])]),createVNode("div",{"class":"ele"},[createVNode("div",{"class":"name"},[createTextVNode("\u5B63\u5EA6\u8BA1\u5212")]),createVNode("div",{"class":"number"},[createVNode("span",{"class":"value"},[form.quarterlyPlan.value]),createVNode("span",{"class":"total"},[createTextVNode("/")]),createVNode("span",{"class":"total"},[form.quarterlyPlan.total])])]),createVNode("div",{"class":"ele"},[createVNode("div",{"class":"name"},[createTextVNode("\u5E74\u5EA6\u8BA1\u5212")]),createVNode("div",{"class":"number"},[createVNode("span",{"class":"value"},[form.annualPlan.value]),createVNode("span",{"class":"total"},[createTextVNode("/")]),createVNode("span",{"class":"total"},[form.annualPlan.total])])])]),withDirectives(createVNode(resolveComponent("a-table"),{"class":"dark-table","pagination":false,"scroll":{y:230},"columns":columns$8$1,"dataSource":form.tableData},{bodyCell:({column,record})=>{if(column.dataIndex==="completion"){return record.completion?createVNode("div",null,[createTextVNode("\u5DF2\u5B8C\u6210")]):createVNode("div",{"style":{color:"#FF9214"}},[createTextVNode("\u672A\u5B8C\u6210")]);}}}),[[resolveDirective("autoScroll")]])]);}});const mock$r={monthlyActualCompletion:{"value|100-1000":1,"total|1000-2000":1},quarterlyPlan:{"value|100-1000":1,"total|1000-2000":1},annualPlan:{"value|100-1000":1,"total|1000-2000":1},"rows|10":[{region:"@cword(1)区","maintenancePlan|1000-5000":1,maintenancePlanTime:"@date(yyyy-MM-dd HH:mm)",completion:"@boolean"}]};/**
|
|
113
119
|
* 卡片右上角的标签
|
|
114
120
|
*/const CardTabs=defineComponent({emits:["change"],props:{list:{type:Array,default:()=>[]}},setup(props,{emit}){const activeCode=ref();watch(activeCode,val=>emit("change",val));const handleSelect=item=>activeCode.value=item.code;watch(()=>props.list,val=>{if(val.length){if(!activeCode.value){activeCode.value=val[0].code;}if(!props.list.some(item=>item.code===activeCode.value)){activeCode.value=props.list[0].code;}}},{immediate:true});return ()=>createVNode("div",{"class":"card-tabs"},[props.list.map(item=>createVNode("div",{"class":["tab-item",{active:activeCode.value&&item.code===activeCode.value}],"onClick":()=>handleSelect(item)},[item.name]))]);}});/**
|
|
115
121
|
*
|
|
@@ -118,7 +124,7 @@ if(scrollElHeight>=scrollEl.scrollHeight){return;}if(!hover&&scrollEl.scrollTop+
|
|
|
118
124
|
* @returns
|
|
119
125
|
*/function useCardTab(emit,tabList){const tabCode=ref();const handleTabChange=tab=>{tabCode.value=tab;};emit("renderTool",()=>h(CardTabs,{list:tabList,onChange:handleTabChange}));return tabCode;}const tabs$3=[{name:"当日",code:"day"},{name:"当月",code:"month"}];/**
|
|
120
126
|
* 洗选系统处理量
|
|
121
|
-
*/const WashingSystemHandleQuantity=defineComponent({name:"washingSystemHandleQuantity",cname:"洗选系统处理量",developer:"前端开发组",equipment:"PC",directives:{autoScroll},emits:["renderTool"],props:{prefix:String,serverName:String,timeout:Number,tabId:{type:String,required:true}},setup(props,{emit}){useCardTab(emit,tabs$3);const list=ref([]);const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"washingSystemHandleQuantity"});list.value=data.rows;};
|
|
127
|
+
*/const WashingSystemHandleQuantity=defineComponent({name:"washingSystemHandleQuantity",cname:"洗选系统处理量",developer:"前端开发组",equipment:"PC",directives:{autoScroll},emits:["renderTool"],props:{prefix:String,serverName:String,timeout:Number,tabId:{type:String,required:true}},setup(props,{emit}){useCardTab(emit,tabs$3);const list=ref([]);const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"washingSystemHandleQuantity"});list.value=data.rows;};const stopInterval=useInterval(getData,5000);onBeforeUnmount(stopInterval);watch(()=>props.tabId,val=>{console.log(val);});return ()=>createVNode("div",{"class":"washing-system-handle-quantity"},[withDirectives(createVNode("div",{"class":"list"},[list.value.map(item=>createVNode("div",{"class":"row"},[createVNode("div",{"class":"left sys-name"},[item.name]),createVNode("div",{"class":"middle"},[item.middle,createTextVNode("t/h")]),createVNode("div",{"class":"right"},[item.right,createTextVNode("t")])]))]),[[resolveDirective("autoScroll"),null,void 0,{self:true}]])]);}});const mock$q={"rows|10":[{name:"@cword(3)","middle|100-1000":1,"right|1000-10000":1}]};/**
|
|
122
128
|
* 自动滚动容器 目前只有向左滚动
|
|
123
129
|
*/const ScrollContainer=defineComponent({name:"ScrollContainer",props:{// 自动开始滚动
|
|
124
130
|
autoStart:{type:Boolean,default:true},// 速度 大于0 小于10
|
|
@@ -130,34 +136,34 @@ const startScroll=()=>{isScrolling.value=true;const timeout=20-props.speed;timer
|
|
|
130
136
|
const stopScroll=()=>{clearInterval(timer);timer=null;};onMounted(()=>{props.autoStart&&startScroll();});onUnmounted(stopScroll);expose({startScroll,stopScroll});return ()=>createVNode("div",{"class":"scroll-container","style":{height:containerHeight.value},"ref":containerRef,"onMouseover":()=>isScrolling.value=false,"onMouseleave":()=>isScrolling.value=true},[createVNode("div",{"class":"scroll-inner","ref":innerRef},[slots.default?.()])]);}});const columns$7$1=[{title:"系统",dataIndex:"system"},{title:"当前状态",dataIndex:"currentState"},{title:"生产时间",dataIndex:"productionTime"},{title:"检修时间",dataIndex:"repairTime"},{title:"煤种",dataIndex:"varietyCoal"},{title:"配洗方案",dataIndex:"washingScheme"},{title:"计划入仓",dataIndex:"plannedWarehousing"},{title:"瞬时量(t/h)",dataIndex:"instantaneousQuantity"},{title:"日累计量(t/h)",dataIndex:"dailyAccumulatedMeasurement"}];/**
|
|
131
137
|
* 系统运行状态 滚动横幅+表格
|
|
132
138
|
*/const SystemRunStatus=defineComponent({name:"systemRunStatus",cname:"系统运行状态",developer:"前端开发组",equipment:"PC",props:{prefix:String,serverName:String,timeout:Number// 接口请求超时时长
|
|
133
|
-
},setup(){const message=ref("洗煤压滤系统影响时间总计893分钟,考核时间6514分钟。洗煤压滤系统影响时间总计893分钟,考核时间6514分钟。洗煤压滤系统影响时间总计893分钟,考核时间6514分钟。洗煤压滤系统影响时间总计893分钟,考核时间6514分钟。");const list=ref([]);const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"systemRunStatus"});list.value=data.rows;};
|
|
139
|
+
},setup(){const message=ref("洗煤压滤系统影响时间总计893分钟,考核时间6514分钟。洗煤压滤系统影响时间总计893分钟,考核时间6514分钟。洗煤压滤系统影响时间总计893分钟,考核时间6514分钟。洗煤压滤系统影响时间总计893分钟,考核时间6514分钟。");const list=ref([]);const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"systemRunStatus"});list.value=data.rows;};const stopInterval=useInterval(getData,5000);onBeforeUnmount(stopInterval);return ()=>createVNode("div",{"class":"system-run-status"},[createVNode("div",{"class":"message-box"},[createVNode("div",{"class":"msg-img"},[createVNode("img",{"src":"/micro-assets/card/laba.png","alt":""},null)]),createVNode(ScrollContainer,{"style":{flex:"1"}},{default:()=>[createVNode("span",{"class":"message"},[message.value])]})]),createVNode(resolveComponent("a-table"),{"class":"dark-table2 striped","pagination":false,"columns":columns$7$1,"dataSource":list.value},null)]);}});const mock$p={"rows|10":[{system:"@cword(3)","currentState|boolean":1,productionTime:"@date(yyyy-MM-dd HH:mm:ss)",repairTime:"@date(yyyy-MM-dd HH:mm:ss)",varietyCoal:"@cword(2)",washingScheme:"@cword(3)",plannedWarehousing:"@cword(3)","instantaneousQuantity|10-1000":1,"dailyAccumulatedMeasurement|1000-5000":1}]};// 来煤
|
|
134
140
|
const columnsIn=[{title:"后续来煤地点",dataIndex:"place"},{title:"时间",dataIndex:"time"},{title:"后续来煤量(t)",dataIndex:"coalQuantity"},{title:"区域",dataIndex:"region"},{title:"计划入仓",dataIndex:"plannedWarehousing"}];// 外运
|
|
135
141
|
const columnsOut=[{title:"销货商",dataIndex:"seller"},{title:"具体时间",dataIndex:"time"},{title:"车数",dataIndex:"numberOfCars"},{title:"外运量(t)",dataIndex:"outboundVolume"},{title:"区域",dataIndex:"region"},{title:"计划出仓",dataIndex:"plannedExit"}];/**
|
|
136
142
|
* 后续来煤和销货列表
|
|
137
143
|
*/const SendInOutCoalList=defineComponent({name:"sendInOutCoalList",cname:"后续来煤和销货列表",developer:"前端开发组",equipment:"PC",directives:{autoScroll},props:{prefix:String,serverName:String,timeout:Number// 接口请求超时时长
|
|
138
|
-
},setup(){const form=reactive({tableDataIn:[],tableDataOut:[]});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"sendInOutCoalList"});form.tableDataIn=data.tableDataIn;form.tableDataOut=data.tableDataOut;};
|
|
144
|
+
},setup(){const form=reactive({tableDataIn:[],tableDataOut:[]});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"sendInOutCoalList"});form.tableDataIn=data.tableDataIn;form.tableDataOut=data.tableDataOut;};const stopInterval=useInterval(getData,5000);onBeforeUnmount(stopInterval);return ()=>createVNode("div",{"class":"send-in-out-coal-list flex"},[withDirectives(createVNode(resolveComponent("a-table"),{"class":"dark-table2 striped","style":{flex:1},"pagination":false,"scroll":{y:160},"columns":columnsIn,"dataSource":form.tableDataIn},null),[[resolveDirective("autoScroll")]]),withDirectives(createVNode(resolveComponent("a-table"),{"class":"dark-table2 striped","style":{flex:1,marginLeft:"26px"},"pagination":false,"scroll":{y:160},"columns":columnsOut,"dataSource":form.tableDataOut},null),[[resolveDirective("autoScroll")]])]);}});const mock$o={"tableDataIn|10":[{place:"@cname",time:"@date(yyyy-MM-dd HH:mm:ss)","coalQuantity|500-1000":1,region:"@cword('东西',1)区",plannedWarehousing:"#@natural(1,5)"}],"tableDataOut|10":[{seller:"@cname",time:"@date(yyyy-MM-dd HH:mm:ss)","numberOfCars|0-50":1,"outboundVolume|1000-5000":1,region:"@cword('东西',1)区",plannedExit:"#@natural(1,5)"}]};const columns$6$1=[{title:"设备名称",dataIndex:"name"},{title:"来源",dataIndex:"source"},{title:"内容",dataIndex:"content"},{title:"报告时间",dataIndex:"reportingTime"}];/**
|
|
139
145
|
* 智能巡检
|
|
140
146
|
*/const SmartInspection=defineComponent({name:"smartInspection",cname:"智能巡检",developer:"前端开发组",equipment:"PC",directives:{autoScroll},props:{prefix:String,serverName:String,timeout:Number// 接口请求超时时长
|
|
141
|
-
},setup(){const list=ref([]);const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"smartInspection"});list.value=data.rows;};
|
|
147
|
+
},setup(){const list=ref([]);const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"smartInspection"});list.value=data.rows;};const stopInterval=useInterval(getData,5000);onBeforeUnmount(stopInterval);return ()=>createVNode("div",{"class":"smart-inspection"},[withDirectives(createVNode(resolveComponent("a-table"),{"class":"dark-table3","pagination":false,"columns":columns$6$1,"scroll":{y:80},"dataSource":list.value,"rowClassName":(record,index)=>index%2&&"active"},null),[[resolveDirective("autoScroll")]])]);}});const mock$n={"rows|3":[{name:"@cword(4)",source:"@cword(2)",content:"@ctitle",reportingTime:"@date(yyyy-MM-dd HH:mm:ss)"}]};const columns$5$1=[{title:"变电器名称",dataIndex:"name"},{title:"la",dataIndex:"la"},{title:"Uab",dataIndex:"Uab"},{title:"P",dataIndex:"P"},{title:"Q",dataIndex:"Q"}];/**
|
|
142
148
|
* 配电监控
|
|
143
149
|
*/const ElectricMonitor=defineComponent({name:"electricMonitor",cname:"配电监控",developer:"前端开发组",equipment:"PC",directives:{autoScroll},props:{prefix:String,serverName:String,timeout:Number// 接口请求超时时长
|
|
144
|
-
},setup(){const form=reactive({tableData:[],overhaul:0,function:0,hotStandby:0,coldStandby:0});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"electricMonitor"});form.tableData=data.rows;form.overhaul=data.overhaul;form.function=data.function;form.hotStandby=data.hotStandby;form.coldStandby=data.coldStandby;};
|
|
150
|
+
},setup(){const form=reactive({tableData:[],overhaul:0,function:0,hotStandby:0,coldStandby:0});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"electricMonitor"});form.tableData=data.rows;form.overhaul=data.overhaul;form.function=data.function;form.hotStandby=data.hotStandby;form.coldStandby=data.coldStandby;};const stopInterval=useInterval(getData,5000);onBeforeUnmount(stopInterval);return ()=>createVNode("div",{"class":"electric-monitor statisticsAndList"},[createVNode("div",{"class":"statistics flex"},[createVNode("div",{"class":"ele"},[createVNode("div",{"class":"name"},[createTextVNode("\u68C0\u4FEE")]),createVNode("div",{"class":"number"},[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("\u70ED\u5907\u7528")]),createVNode("div",{"class":"number blue"},[form.coldStandby])])]),withDirectives(createVNode(resolveComponent("a-table"),{"class":"dark-table","pagination":false,"columns":columns$5$1,"scroll":{y:150},"dataSource":form.tableData},null),[[resolveDirective("autoScroll")]])]);}});const mock$m={"rows|10":[{name:"@cword(4)","la|16-30":1,"Uab|20-50":1,"P|100-500":1,"Q|100-500":1}],"overhaul|1-10":1,"function|1-10":1,"hotStandby|1-10":1,"coldStandby|1-10":1};const columns$4$1=[{title:" 设备名称",dataIndex:"name"},{title:"来源",dataIndex:"source"},{title:"内容",dataIndex:"content"},{title:"报告时间",dataIndex:"reportingTime"}];const Item$7=({name,value,total,color})=>createVNode("div",{"class":"item"},[createVNode("div",{"class":"name"},[name]),createVNode("div",{"class":"content"},[createVNode("span",{"class":["value",color]},[value]),createVNode("span",{"class":"total"},[createTextVNode("/")]),createVNode("span",{"class":"total"},[total])])]);/**
|
|
145
151
|
* 故障、报警、隐患
|
|
146
152
|
*/const AlarmFaultDanger=defineComponent({name:"alarmFaultDanger",cname:"故障、报警、隐患",developer:"前端开发组",equipment:"PC",directives:{autoScroll},props:{prefix:String,serverName:String,timeout:Number// 接口请求超时时长
|
|
147
|
-
},setup(){const form=reactive({tableData:[],alarmEquipment:{value:0,total:0},reportHiddenDanger:{value:0,total:0},reportFault:{value:0,total:0}});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"alarmFaultDanger"});form.tableData=data.rows;form.alarmEquipment=data.alarmEquipment;form.reportHiddenDanger=data.reportHiddenDanger;form.reportFault=data.reportFault;};
|
|
153
|
+
},setup(){const form=reactive({tableData:[],alarmEquipment:{value:0,total:0},reportHiddenDanger:{value:0,total:0},reportFault:{value:0,total:0}});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"alarmFaultDanger"});form.tableData=data.rows;form.alarmEquipment=data.alarmEquipment;form.reportHiddenDanger=data.reportHiddenDanger;form.reportFault=data.reportFault;};const stopInterval=useInterval(getData,5000);onBeforeUnmount(stopInterval);return ()=>createVNode("div",{"class":"alarm-fault-danger"},[createVNode("div",{"class":"statistics-container"},[createVNode(Item$7,{"name":"报警设备","color":"red","value":form.alarmEquipment.value,"total":form.alarmEquipment.total},null),createVNode(Item$7,{"name":"上报隐患","color":"blue","value":form.reportHiddenDanger.value,"total":form.reportHiddenDanger.total},null),createVNode(Item$7,{"name":"上报故障","color":"yellow","value":form.reportFault.value,"total":form.reportFault.total},null)]),withDirectives(createVNode(resolveComponent("a-table"),{"class":"table dark-table3","pagination":false,"columns":columns$4$1,"scroll":{y:200},"dataSource":form.tableData},null),[[resolveDirective("autoScroll")]])]);}});const mock$l={alarmEquipment:{"total|25-50":1,"value|1-25":1},reportHiddenDanger:{"total|25-50":1,"value|1-25":1},reportFault:{"total|25-50":1,"value|1-25":1},"rows|3":[{name:"@cword(4)",source:"@cword(2)",content:"@ctitle",reportingTime:"@date(yyyy-MM-dd HH:mm:ss)"}]};const prefix$2="inl-card";const installCom=(component,name)=>{component.install=app=>{app.component(`${prefix$2}-${name}`,component);};return component;};const screen$1={// 退出全屏
|
|
148
154
|
exitFullscreen(id){const dom=document.getElementById(id);dom.addEventListener("click",event=>{if(document.fullscreenElement===dom){document.exitFullscreen();}event.preventDefault();});},// 进入全屏
|
|
149
155
|
requestFullscreen(id){const dom=document.getElementById(id);dom.requestFullscreen();}};const formatMoney=(number,decimals=0,decPoint=".",thousandsSep=",")=>{number=(number+"").replace(/[^0-9+-Ee.]/g,"");let n=!isFinite(+number)?0:+number;let prec=!isFinite(+decimals)?0:Math.abs(decimals);let sep=typeof thousandsSep==="undefined"?",":thousandsSep;let dec=typeof decPoint==="undefined"?".":decPoint;let s;let toFixedFix=function(n,prec){let k=Math.pow(10,prec);return ""+Math.ceil(n*k)/k;};s=(prec?toFixedFix(n,prec):""+Math.round(n)).split(".");let re=/(-?\d+)(\d{3})/;while(re.test(s[0])){s[0]=s[0].replace(re,"$1"+sep+"$2");}if((s[1]||"").length<prec){s[1]=s[1]||"";s[1]+=new Array(prec-s[1].length+1).join("0");}return s.join(dec);};const columns$3$1=[{title:"车号",dataIndex:"licenseNumber"},{title:"重量(t)",dataIndex:"weight"},{title:"起止点",dataIndex:"startingAndEndingPoints"},{title:"运输状态",dataIndex:"transportationStatus"}];const status=value=>{switch(value){case 0:return "待发货";case 1:return "运输中";case 2:return "已送达";default:return "--";}};const Item$6=({name,value})=>{return createVNode("div",{"class":"item"},[createVNode("div",{"class":"name"},[name]),createVNode("div",{"class":"value"},[value])]);};/**
|
|
150
156
|
* 物流信息
|
|
151
157
|
*/const LogisticsInfo=defineComponent({name:"logisticsInfo",cname:"物流信息",developer:"前端开发组",equipment:"PC",directives:{autoScroll},props:{prefix:String,serverName:String,timeout:Number// 接口请求超时时长
|
|
152
|
-
},setup(){const form=reactive({rows:[],totalTransportation:0,coalFromMine:0,cleanCoalOutwardTransportation:0,exportOfByProducts:0});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"logisticsInfo"});form.rows=data.rows;form.totalTransportation=data.totalTransportation;form.coalFromMine=data.coalFromMine;form.cleanCoalOutwardTransportation=data.cleanCoalOutwardTransportation;form.exportOfByProducts=data.exportOfByProducts;};
|
|
158
|
+
},setup(){const form=reactive({rows:[],totalTransportation:0,coalFromMine:0,cleanCoalOutwardTransportation:0,exportOfByProducts:0});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"logisticsInfo"});form.rows=data.rows;form.totalTransportation=data.totalTransportation;form.coalFromMine=data.coalFromMine;form.cleanCoalOutwardTransportation=data.cleanCoalOutwardTransportation;form.exportOfByProducts=data.exportOfByProducts;};const stopInterval=useInterval(getData,5000);onBeforeUnmount(stopInterval);return ()=>createVNode("div",{"class":"logistics-info"},[createVNode("div",{"class":"statistics-container"},[createVNode(Item$6,{"name":"本月运输总量(t)","value":formatMoney(form.totalTransportation)},null),createVNode(Item$6,{"name":"矿上来煤(t)","value":form.coalFromMine},null),createVNode(Item$6,{"name":"精煤外运(t)","value":form.cleanCoalOutwardTransportation},null),createVNode(Item$6,{"name":"副产品外运(t)","value":form.exportOfByProducts},null)]),withDirectives(createVNode(resolveComponent("a-table"),{"class":"dark-table3","pagination":false,"columns":columns$3$1,"scroll":{y:200},"dataSource":form.rows,"rowClassName":(reocrd,index)=>!reocrd.transportationStatus&&"active"},{bodyCell:({column,record})=>{if(column.dataIndex==="transportationStatus"){return status(record.transportationStatus);}}}),[[resolveDirective("autoScroll")]])]);}});const mock$k={"rows|10":[{licenseNumber:/[A-Z]\d{5,7}/,"weight|100-1000":1,startingAndEndingPoints:"@city(true) - @city(true)","transportationStatus|0-2":1}],"totalTransportation|100000-1000000":1,"coalFromMine|300000-3000000":1,"cleanCoalOutwardTransportation|80000-800000":1,"exportOfByProducts|100000-1000000":1};/**
|
|
153
159
|
* 大宗物资消耗
|
|
154
160
|
*/const CommodityConsume=defineComponent({name:"commodityConsume",cname:"大宗物资消耗",developer:"前端开发组",equipment:"PC",directives:{autoScroll},props:{prefix:String,serverName:String,timeout:Number// 接口请求超时时长
|
|
155
|
-
},setup(){const list=ref([]);const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"commodityConsume"});list.value=data.rows;};
|
|
161
|
+
},setup(){const list=ref([]);const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"commodityConsume"});list.value=data.rows;};const stopInterval=useInterval(getData,5000);onBeforeUnmount(stopInterval);return ()=>withDirectives(createVNode("div",{"class":"commodity-consume"},[list.value.map(item=>createVNode(Fragment,null,[createVNode("div",{"class":"row"},[createVNode("div",{"class":"name"},[item.name]),createVNode("div",{"class":"value"},[item.value]),createVNode("div",{"class":"unit"},[item.unit])]),item.children.map(val=>createVNode("div",{"class":"row sub-row"},[createVNode("div",{"class":"name"},[val.name]),createVNode("div",{"class":"value"},[val.value]),createVNode("div",{"class":"unit"},[val.unit])]))]))]),[[resolveDirective("autoScroll"),null,void 0,{self:true}]]);}});const mock$j={"rows|10":[{"value|1000000-10000000.1-2":1,name:"全厂生产资料费",unit:"万元","children|2-5":[{name:"选煤厂生产资料费","value|200000-2000000.1-2":1,unit:"万元"}]}]};const dataList$1=[RemoteSwitchhouse,Substation,alarmInfo,hiddenTrouble,remoteElectricity,FaultJudgment,KeyEquipmentTesting,OpsInfo,WashingSystemHandleQuantity,SystemRunStatus,SendInOutCoalList,SmartInspection,ElectricMonitor,AlarmFaultDanger,LogisticsInfo,CommodityConsume];/**
|
|
156
162
|
* 统计
|
|
157
163
|
*/const StatisticsItem=defineComponent({props:{title:{type:String,required:true},planValue:{type:Number,required:true},realValue:{type:Number,required:true},titleColor:{type:String,required:true},progressColor:{type:[String,Object],required:true}},setup(props){const percent=computed(()=>props.planValue!==0?Math.floor(props.realValue/props.planValue*100):0);const formatPercent=()=>createVNode("div",{"class":"percent"},[createVNode("span",{"class":"percent-value"},[percent.value]),createVNode("span",{"class":"unit"},[createTextVNode("%")])]);return ()=>createVNode("div",{"class":"statistics-item"},[createVNode("div",{"class":"left"},[createVNode(resolveComponent("a-progress"),{"type":"circle","strokeLinecap":"square","width":110,"strokeWidth":10,"strokeColor":props.progressColor,"trailColor":"rgba(56, 154, 255, 0.1)","percent":percent.value,"format":formatPercent},null)]),createVNode("div",{"class":"right"},[createVNode("div",{"class":"title","style":{color:props.titleColor}},[props.title]),createVNode("div",{"class":"statistics"},[createVNode("div",{"class":"item"},[createVNode("div",{"class":"label"},[createTextVNode("\u8BA1\u5212\u91CF(t)")]),createVNode("div",{"class":"value"},[props.planValue])]),createVNode("div",{"class":"item"},[createVNode("div",{"class":"label"},[createTextVNode("\u5B9E\u9645\u91CF(t)")]),createVNode("div",{"class":"value"},[props.realValue])])])])]);}});/**
|
|
158
164
|
* 生产计划
|
|
159
165
|
*/const ProductionPlan=defineComponent({name:"productionPlan",cname:"生产计划",developer:"前端开发组",equipment:"PC",props:{prefix:String,serverName:String,timeout:Number// 接口请求超时时长
|
|
160
|
-
},setup(){const form=reactive({annualSelection:{planValue:0,realValue:0},monthlySelectionAmount:{planValue:0,realValue:0},dailySelection:{planValue:0,realValue:0},realTimeEnrollment:0,cleanCoalYield:0});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"productionPlan"});form.annualSelection=data.annualSelection;form.monthlySelectionAmount=data.monthlySelectionAmount;form.dailySelection=data.dailySelection;form.realTimeEnrollment=data.realTimeEnrollment;form.cleanCoalYield=data.cleanCoalYield;};
|
|
166
|
+
},setup(){const form=reactive({annualSelection:{planValue:0,realValue:0},monthlySelectionAmount:{planValue:0,realValue:0},dailySelection:{planValue:0,realValue:0},realTimeEnrollment:0,cleanCoalYield:0});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"productionPlan"});form.annualSelection=data.annualSelection;form.monthlySelectionAmount=data.monthlySelectionAmount;form.dailySelection=data.dailySelection;form.realTimeEnrollment=data.realTimeEnrollment;form.cleanCoalYield=data.cleanCoalYield;};const stopInterval=useInterval(getData,5000);onBeforeUnmount(stopInterval);return ()=>createVNode("div",{"class":"production-plan"},[createVNode(StatisticsItem,{"key":"year","title":"年入选量","titleColor":"#3b74c3","progressColor":{"0%":"#389AFF","100%":"#165CA9"},"planValue":form.annualSelection.planValue,"realValue":form.annualSelection.realValue},null),createVNode(StatisticsItem,{"key":"month","title":"月入选量","titleColor":"#56abba","progressColor":{"0%":"#08A5B1","100%":"#4DF3FF"},"planValue":form.monthlySelectionAmount.planValue,"realValue":form.monthlySelectionAmount.realValue},null),createVNode(StatisticsItem,{"key":"day","title":"日入选量","titleColor":"#3b74c3","progressColor":{"0%":"#F9B873","100%":"#D4AE3D"},"planValue":form.dailySelection.planValue,"realValue":form.dailySelection.realValue},null),createVNode("div",{"class":"statistics-item"},[createVNode("div",{"class":"item"},[createVNode("div",{"class":"title"},[createTextVNode("\u5B9E\u65F6\u5165\u9009\u91CF")]),createVNode("div",{"class":"value-container"},[createVNode("div",{"class":"value"},[form.realTimeEnrollment]),createVNode("div",{"class":"unit"},[createTextVNode("t/h")])])]),createVNode("div",{"class":"item"},[createVNode("div",{"class":"title"},[createTextVNode("\u7CBE\u7164\u4EA7\u7387")]),createVNode("div",{"class":"value-container"},[createVNode("div",{"class":"value"},[form.cleanCoalYield]),createVNode("div",{"class":"unit"},[createTextVNode("%")])])])])]);}});const mock$i={annualSelection:{"planValue|1000-10000":1,"realValue|1000-10000":1},monthlySelectionAmount:{"planValue|1000-10000":1,"realValue|1000-10000":1},dailySelection:{"planValue|1000-10000":1,"realValue|1000-10000":1},"realTimeEnrollment|1000-10000":1,"cleanCoalYield|1-100":1};// const data = [
|
|
161
167
|
// { name: "临涣", value: 10, percent: 10 },
|
|
162
168
|
// { name: "杨柳", value: 30, percent: 30 },
|
|
163
169
|
// { name: "许瞳", value: 25, percent: 25 },
|
|
@@ -170,14 +176,14 @@ const tabs$2=[{name:"当日",code:"day"},{name:"当月",code:"month"}];/**
|
|
|
170
176
|
* 入洗原煤量
|
|
171
177
|
*/const WashingRawCoalQuantity=defineComponent({name:"washingRawCoalQuantity",cname:"入洗原煤量",developer:"前端开发组",equipment:"PC",emits:["renderTool"],props:{prefix:String,serverName:String,timeout:Number// 接口请求超时时长
|
|
172
178
|
},setup(props,{emit}){const tabCode=useCardTab(emit,tabs$2);console.log(tabCode);const chartRef=ref();const chartIns=ref();const dataList=ref([]);const initChart=data=>{chartIns.value=new Chart({container:chartRef.value,autoFit:true,renderer:"svg",theme:{maxColumnWidth:10},appendPadding:[20,0,20]});chartIns.value.data(data);chartIns.value.scale({name:{},value:{alias:"灰分",min:0,nice:true},percent:{alias:"进度",nice:true,min:0// max: 100,
|
|
173
|
-
}});chartIns.value.axis("name",{tickLine:null,line:null,label:{style:{fill:"#fff",fontSize:19}}});chartIns.value.axis("value",{grid:{line:{style:{stroke:"rgba(242, 243, 248, 0.04)"}}},label:{style:{fill:"rgba(255, 255, 255, 0.5)",fontSize:23}},title:{text:"单位:万吨",position:"end",spacing:-35,autoRotate:false,style:{fill:"rgba(255, 255, 255, 0.4)",fontSize:23,y:10}}});chartIns.value.axis("percent",{grid:null,label:{style:{fill:"rgba(255, 255, 255, 0.5)",fontSize:23}},title:{text:"单位:%",position:"end",spacing:-50,autoRotate:false,style:{fill:"rgba(255, 255, 255, 0.4)",fontSize:23,y:10}}});chartIns.value.legend({position:"bottom",custom:true,itemName:{style:{fill:"#fff",fontSize:19}},items:[{name:"灰分",value:"value",marker:{symbol:"square",style:{fill:"#30DDFF"}}},{name:"进度",value:"percent",marker:{symbol:"square",style:{fill:"#2C6FFF"}}},{name:"目标",value:"",marker:{symbol:"square",style:{fill:"l(90) 0:rgba(71, 87, 108, 0.5) 1:#fff"}}}]});chartIns.value.tooltip({showCrosshairs:true,shared:true});chartIns.value.interval().position("name*value").color("#4FAAEB").style({cfg:{fill:"l(90) 0:#389AFF 1:#07143A00"}});chartIns.value.line().position("name*percent").color("#30DDFF");chartIns.value.render();};const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"washingRawCoalQuantity"});dataList.value=data.rows;};watch(()=>dataList.value,e=>{if(e&&e.length>0){if(!chartIns.value){initChart(e);}else {chartIns.value.changeData(e);}}},{immediate:true,deep:true});
|
|
179
|
+
}});chartIns.value.axis("name",{tickLine:null,line:null,label:{style:{fill:"#fff",fontSize:19}}});chartIns.value.axis("value",{grid:{line:{style:{stroke:"rgba(242, 243, 248, 0.04)"}}},label:{style:{fill:"rgba(255, 255, 255, 0.5)",fontSize:23}},title:{text:"单位:万吨",position:"end",spacing:-35,autoRotate:false,style:{fill:"rgba(255, 255, 255, 0.4)",fontSize:23,y:10}}});chartIns.value.axis("percent",{grid:null,label:{style:{fill:"rgba(255, 255, 255, 0.5)",fontSize:23}},title:{text:"单位:%",position:"end",spacing:-50,autoRotate:false,style:{fill:"rgba(255, 255, 255, 0.4)",fontSize:23,y:10}}});chartIns.value.legend({position:"bottom",custom:true,itemName:{style:{fill:"#fff",fontSize:19}},items:[{name:"灰分",value:"value",marker:{symbol:"square",style:{fill:"#30DDFF"}}},{name:"进度",value:"percent",marker:{symbol:"square",style:{fill:"#2C6FFF"}}},{name:"目标",value:"",marker:{symbol:"square",style:{fill:"l(90) 0:rgba(71, 87, 108, 0.5) 1:#fff"}}}]});chartIns.value.tooltip({showCrosshairs:true,shared:true});chartIns.value.interval().position("name*value").color("#4FAAEB").style({cfg:{fill:"l(90) 0:#389AFF 1:#07143A00"}});chartIns.value.line().position("name*percent").color("#30DDFF");chartIns.value.render();};const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"washingRawCoalQuantity"});dataList.value=data.rows;};watch(()=>dataList.value,e=>{if(e&&e.length>0){if(!chartIns.value){initChart(e);}else {chartIns.value.changeData(e);}}},{immediate:true,deep:true});const stopInterval=useInterval(getData,5000);onBeforeUnmount(()=>{chartIns.value?.destroy();stopInterval();});return ()=>createVNode("div",{"class":"washing-raw-coal-quantity"},[createVNode("div",{"class":"chart","style":{height:"100%"},"ref":chartRef},null)]);}});const mock$h={"rows|5":[{name:"@cname","value|10-50":1,"percent|1-100":1}]};/**
|
|
174
180
|
* 卡片头(小) 左侧带橙色点
|
|
175
181
|
*/const CardHeaderSmall=defineComponent({emits:["tabChange"],props:{title:{type:String},tabList:{type:Array}},setup(props,{emit,slots}){const activeTab=ref(props.tabList?.[0]?.id);const handleSwitchTab=index=>{const id=props.tabList[index].id;if(id!==activeTab.value){emit("tabChange",props.tabList[index]);activeTab.value=id;}};return ()=>createVNode("div",{"class":"card-header-small"},[createVNode("div",{"class":"title"},[props.title]),createVNode("div",{"class":"right"},[props.tabList?createVNode("div",{"class":"tab-container"},[props.tabList.map((item,index)=>createVNode("div",{"class":["tab-item",activeTab.value===item.id&&"active"],"key":item.id,"onClick":()=>handleSwitchTab(index)},[item.name]))]):slots.extra?.()])]);}});const tabs$1=[{id:"day",name:"日"},{id:"month",name:"月"}];/**
|
|
176
182
|
* 原煤调入
|
|
177
183
|
*/const RawCoalSendIn=defineComponent({name:"rawCoalSendIn",cname:"原煤调入",developer:"前端开发组",equipment:"PC",props:{prefix:String,serverName:String,timeout:Number// 接口请求超时时长
|
|
178
|
-
},setup(){const chartRef=ref();const chartIns=ref();const form=reactive({chartData:{day:[],month:[]},dayTransfer:{value:0,total:0},monthTransfer:{value:0,total:0}});const activeKey=ref("day");const initChart=data=>{chartIns.value=new Chart({container:chartRef.value,autoFit:true,height:500,renderer:"svg",theme:{maxColumnWidth:12}});chartIns.value.data(data);chartIns.value.coordinate().transpose();chartIns.value.scale("value",{});chartIns.value.axis("title",{line:null,tickLine:null,label:{style:{fill:"#fff",fontSize:19}}});chartIns.value.axis("value",{grid:null,label:null});chartIns.value.legend({position:"bottom",itemName:{style:{fill:"#fff",fontSize:19}}});chartIns.value.tooltip({shared:true,showMarkers:false,customItems:items=>{return items.map(item=>{let value=Number(item.value);if(value<0){value=-value;}return {...item,value:`${value}`};});}});chartIns.value.interval().adjust("stack").position("title*value").color("type",["#2C6FFF","#1ACAD7","l(270) 0:#FFC42D 100:#FF9214"]).style("value",(xVal,yVal)=>{if(xVal<0){return {shadowColor:"#0a1233",shadowOffsetX:6,shadowBlur:6};}return {};});chartIns.value.render();};watch(()=>form.chartData,e=>{if(e&&form.chartData[activeKey.value].length>0){if(!chartIns.value){initChart(form.chartData[activeKey.value]);}else {chartIns.value.changeData(form.chartData[activeKey.value]);}}},{immediate:true,deep:true});const tabChange=value=>{activeKey.value=value.id;if(form.chartData&&form.chartData[activeKey.value].length>0){if(!chartIns.value){initChart(form.chartData[activeKey.value]);}else {chartIns.value.changeData(form.chartData[activeKey.value]);}}};const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"rawCoalSendIn"});form.chartData=data.chartData;form.dayTransfer=data.dayTransfer;form.monthTransfer=data.monthTransfer;};
|
|
184
|
+
},setup(){const chartRef=ref();const chartIns=ref();const form=reactive({chartData:{day:[],month:[]},dayTransfer:{value:0,total:0},monthTransfer:{value:0,total:0}});const activeKey=ref("day");const initChart=data=>{chartIns.value=new Chart({container:chartRef.value,autoFit:true,height:500,renderer:"svg",theme:{maxColumnWidth:12}});chartIns.value.data(data);chartIns.value.coordinate().transpose();chartIns.value.scale("value",{});chartIns.value.axis("title",{line:null,tickLine:null,label:{style:{fill:"#fff",fontSize:19}}});chartIns.value.axis("value",{grid:null,label:null});chartIns.value.legend({position:"bottom",itemName:{style:{fill:"#fff",fontSize:19}}});chartIns.value.tooltip({shared:true,showMarkers:false,customItems:items=>{return items.map(item=>{let value=Number(item.value);if(value<0){value=-value;}return {...item,value:`${value}`};});}});chartIns.value.interval().adjust("stack").position("title*value").color("type",["#2C6FFF","#1ACAD7","l(270) 0:#FFC42D 100:#FF9214"]).style("value",(xVal,yVal)=>{if(xVal<0){return {shadowColor:"#0a1233",shadowOffsetX:6,shadowBlur:6};}return {};});chartIns.value.render();};watch(()=>form.chartData,e=>{if(e&&form.chartData[activeKey.value].length>0){if(!chartIns.value){initChart(form.chartData[activeKey.value]);}else {chartIns.value.changeData(form.chartData[activeKey.value]);}}},{immediate:true,deep:true});const tabChange=value=>{activeKey.value=value.id;if(form.chartData&&form.chartData[activeKey.value].length>0){if(!chartIns.value){initChart(form.chartData[activeKey.value]);}else {chartIns.value.changeData(form.chartData[activeKey.value]);}}};const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"rawCoalSendIn"});form.chartData=data.chartData;form.dayTransfer=data.dayTransfer;form.monthTransfer=data.monthTransfer;};const stopInterval=useInterval(getData,5000);onBeforeUnmount(()=>{chartIns.value?.destroy();stopInterval();});return ()=>createVNode("div",{"class":"raw-coal-send-in"},[createVNode("div",{"class":"statistics"},[createVNode("div",{"class":"item"},[createVNode("div",{"class":"name"},[createTextVNode("\u5F53\u65E5\u8C03\u5165(\u5428)")]),createVNode("div",{"class":"content"},[createVNode("div",{"class":"value"},[form.dayTransfer.value]),createVNode("div",{"class":"total"},[form.dayTransfer.total])])]),createVNode("div",{"class":"item"},[createVNode("div",{"class":"name"},[createTextVNode("\u6708\u8C03\u5165\u7D2F\u8BA1(\u5428)")]),createVNode("div",{"class":"content"},[createVNode("div",{"class":"value"},[form.monthTransfer.value]),createVNode("div",{"class":"total"},[form.monthTransfer.total])])])]),createVNode("div",{"class":"chart-container"},[createVNode(CardHeaderSmall,{"title":"矿别统计","tabList":tabs$1,"onTabChange":tabChange},null),createVNode("div",{"class":"chart","ref":chartRef},null)])]);}});const mock$g={chartData:{day:[{title:"临涣焦",type:"东区","value|10-50":1},{title:"临涣焦",type:"西区","value|10-50":1},{title:"临涣焦",type:"车数",value:"@integer(-20,0)"},{title:"青东",type:"东区","value|10-50":1},{title:"青东",type:"西区","value|10-50":1},{title:"青东",type:"车数",value:"@integer(-20,0)"},{title:"孙瞳",type:"东区","value|10-50":1},{title:"孙瞳",type:"西区","value|10-50":1},{title:"孙瞳",type:"车数",value:"@integer(-20,0)"},{title:"杨柳",type:"东区","value|10-50":1},{title:"杨柳",type:"西区","value|10-50":1},{title:"杨柳",type:"车数",value:"@integer(-20,0)"},{title:"邹庄",type:"东区","value|10-50":1},{title:"邹庄",type:"西区","value|10-50":1},{title:"邹庄",type:"车数",value:"@integer(-20,0)"},{title:"袁一8",type:"西区","value|10-50":1},{title:"袁一8",type:"东区","value|10-50":1},{title:"袁一8",type:"车数",value:"@integer(-20,0)"},{title:"青东东",type:"西区","value|10-50":1},{title:"青东东",type:"东区","value|10-50":1},{title:"青东东",type:"车数",value:"@integer(-20,0)"},{title:"芦岭",type:"西区","value|10-50":1},{title:"芦岭",type:"东区","value|10-50":1},{title:"芦岭",type:"车数",value:"@integer(-20,0)"},{title:"许瞳",type:"西区","value|10-50":1},{title:"许瞳",type:"东区","value|10-50":1},{title:"许瞳",type:"车数",value:"@integer(-20,0)"},{title:"童亭",type:"西区","value|10-50":1},{title:"童亭",type:"东区","value|10-50":1},{title:"童亭",type:"车数",value:"@integer(-20,0)"},{title:"袁一10",type:"西区","value|10-50":1},{title:"袁一10",type:"东区","value|10-50":1},{title:"袁一10",type:"车数",value:"@integer(-20,0)"}],month:[{title:"临涣焦",type:"东区","value|10-50":1},{title:"临涣焦",type:"西区","value|10-50":1},{title:"临涣焦",type:"车数",value:"@integer(-20,0)"},{title:"青东",type:"东区","value|10-50":1},{title:"青东",type:"西区","value|10-50":1},{title:"青东",type:"车数",value:"@integer(-20,0)"},{title:"孙瞳",type:"东区","value|10-50":1},{title:"孙瞳",type:"西区","value|10-50":1},{title:"孙瞳",type:"车数",value:"@integer(-20,0)"},{title:"杨柳",type:"东区","value|10-50":1},{title:"杨柳",type:"西区","value|10-50":1},{title:"杨柳",type:"车数",value:"@integer(-20,0)"},{title:"邹庄",type:"东区","value|10-50":1},{title:"邹庄",type:"西区","value|10-50":1},{title:"邹庄",type:"车数",value:"@integer(-20,0)"},{title:"袁一8",type:"西区","value|10-50":1},{title:"袁一8",type:"东区","value|10-50":1},{title:"袁一8",type:"车数",value:"@integer(-20,0)"},{title:"青东东",type:"西区","value|10-50":1},{title:"青东东",type:"东区","value|10-50":1},{title:"青东东",type:"车数",value:"@integer(-20,0)"},{title:"芦岭",type:"西区","value|10-50":1},{title:"芦岭",type:"东区","value|10-50":1},{title:"芦岭",type:"车数",value:"@integer(-20,0)"},{title:"许瞳",type:"西区","value|10-50":1},{title:"许瞳",type:"东区","value|10-50":1},{title:"许瞳",type:"车数",value:"@integer(-20,0)"},{title:"童亭",type:"西区","value|10-50":1},{title:"童亭",type:"东区","value|10-50":1},{title:"童亭",type:"车数",value:"@integer(-20,0)"},{title:"袁一10",type:"西区","value|10-50":1},{title:"袁一10",type:"东区","value|10-50":1},{title:"袁一10",type:"车数",value:"@integer(-20,0)"}]},dayTransfer:{"value|100-300":1,"total|300-400":1},monthTransfer:{"value|1000-3000":1,"total|3000-4000":1}};const initChart$c=(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,
|
|
179
185
|
// title: false,
|
|
180
|
-
});chart.legend(false);chart.tooltip({showCrosshairs:true,shared:true});chart.interval().position("name*value").color("#4FAAEB").style({cfg:{fill:"l(90) 0:#389AFF 1:#07143A00"}});chart.interaction("active-region");chart.render();return chart;};const warehouseStorage=defineComponent({name:"warehouseStorage",cname:"仓位存储",developer:"前端开发组",equipment:"PC",setup(props,context){const chartInstances=ref([]);const list=ref([]);const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"warehouseStorage"});list.value=data.rows;};const chartRendering=()=>{list.value.forEach((item,index)=>{if(!chartInstances.value[index]){chartInstances.value.push({chartInstance:initChart$c(`chartId${index+1}`,item.chartData)});}else {chartInstances.value[index].chartInstance.changeData(item.chartData);}});};onMounted(async()=>{await getData();chartRendering();});const slotInfo=val=>{return {extra:()=>{return createVNode("div",{"class":"chartHeader flex"},[createVNode("div",{"class":"value"},[val.value]),createVNode("div",{"class":"all"},[createTextVNode("/ "),val.total,createTextVNode(" "),val.unit])]);}};};return ()=>createVNode("div",{"class":"storageChart"},[list.value.map((item,index)=>createVNode(Fragment,null,[createVNode(CardHeaderSmall,{"title":item.title},slotInfo(item)),createVNode("div",{"class":"chart","id":`chartId${index+1}`},null)]))]);}});const mock$f={rows:[{title:"东区原煤","total|5000-10000":1,"value|1000-5000":1,unit:"t",chartData:[{name:"临涣","value|10-50":1,"percent|1-100":1},{name:"杨柳","value|10-50":1,"percent|1-100":1},{name:"许瞳","value|10-50":1,"percent|1-100":1},{name:"孙瞳","value|10-50":1,"percent|1-100":1},{name:"青东","value|10-50":1,"percent|1-100":1},{name:"邹庄","value|10-50":1,"percent|1-100":1},{name:"袁一","value|10-50":1,"percent|1-100":1}]},{title:"东区精煤","total|5000-10000":1,"value|1000-5000":1,unit:"t",chartData:[{name:"临涣","value|10-50":1,"percent|1-100":1},{name:"杨柳","value|10-50":1,"percent|1-100":1},{name:"许瞳","value|10-50":1,"percent|1-100":1},{name:"孙瞳","value|10-50":1,"percent|1-100":1},{name:"青东","value|10-50":1,"percent|1-100":1},{name:"邹庄","value|10-50":1,"percent|1-100":1},{name:"袁一","value|10-50":1,"percent|1-100":1}]},{title:"西区精煤","total|5000-10000":1,"value|1000-5000":1,unit:"t",chartData:[{name:"临涣","value|10-50":1,"percent|1-100":1},{name:"杨柳","value|10-50":1,"percent|1-100":1},{name:"许瞳","value|10-50":1,"percent|1-100":1},{name:"孙瞳","value|10-50":1,"percent|1-100":1},{name:"青东","value|10-50":1,"percent|1-100":1},{name:"邹庄","value|10-50":1,"percent|1-100":1},{name:"袁一","value|10-50":1,"percent|1-100":1}]},{title:"西区精煤","total|5000-10000":1,"value|1000-5000":1,unit:"t",chartData:[{name:"临涣","value|10-50":1,"percent|1-100":1},{name:"杨柳","value|10-50":1,"percent|1-100":1},{name:"许瞳","value|10-50":1,"percent|1-100":1},{name:"孙瞳","value|10-50":1,"percent|1-100":1},{name:"青东","value|10-50":1,"percent|1-100":1},{name:"邹庄","value|10-50":1,"percent|1-100":1},{name:"袁一","value|10-50":1,"percent|1-100":1}]}]};// const tempData = [
|
|
186
|
+
});chart.legend(false);chart.tooltip({showCrosshairs:true,shared:true});chart.interval().position("name*value").color("#4FAAEB").style({cfg:{fill:"l(90) 0:#389AFF 1:#07143A00"}});chart.interaction("active-region");chart.render();return chart;};const warehouseStorage=defineComponent({name:"warehouseStorage",cname:"仓位存储",developer:"前端开发组",equipment:"PC",setup(props,context){const chartInstances=ref([]);const list=ref([]);const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"warehouseStorage"});list.value=data.rows;};const chartRendering=()=>{list.value.forEach((item,index)=>{if(!chartInstances.value[index]){chartInstances.value.push({chartInstance:initChart$c(`chartId${index+1}`,item.chartData)});}else {chartInstances.value[index].chartInstance.changeData(item.chartData);}});};onMounted(async()=>{await getData();chartRendering();});const stopInterval=useInterval(getData,5000,false);onBeforeUnmount(stopInterval);const slotInfo=val=>{return {extra:()=>{return createVNode("div",{"class":"chartHeader flex"},[createVNode("div",{"class":"value"},[val.value]),createVNode("div",{"class":"all"},[createTextVNode("/ "),val.total,createTextVNode(" "),val.unit])]);}};};return ()=>createVNode("div",{"class":"storageChart"},[list.value.map((item,index)=>createVNode(Fragment,null,[createVNode(CardHeaderSmall,{"title":item.title},slotInfo(item)),createVNode("div",{"class":"chart","id":`chartId${index+1}`},null)]))]);}});const mock$f={rows:[{title:"东区原煤","total|5000-10000":1,"value|1000-5000":1,unit:"t",chartData:[{name:"临涣","value|10-50":1,"percent|1-100":1},{name:"杨柳","value|10-50":1,"percent|1-100":1},{name:"许瞳","value|10-50":1,"percent|1-100":1},{name:"孙瞳","value|10-50":1,"percent|1-100":1},{name:"青东","value|10-50":1,"percent|1-100":1},{name:"邹庄","value|10-50":1,"percent|1-100":1},{name:"袁一","value|10-50":1,"percent|1-100":1}]},{title:"东区精煤","total|5000-10000":1,"value|1000-5000":1,unit:"t",chartData:[{name:"临涣","value|10-50":1,"percent|1-100":1},{name:"杨柳","value|10-50":1,"percent|1-100":1},{name:"许瞳","value|10-50":1,"percent|1-100":1},{name:"孙瞳","value|10-50":1,"percent|1-100":1},{name:"青东","value|10-50":1,"percent|1-100":1},{name:"邹庄","value|10-50":1,"percent|1-100":1},{name:"袁一","value|10-50":1,"percent|1-100":1}]},{title:"西区精煤","total|5000-10000":1,"value|1000-5000":1,unit:"t",chartData:[{name:"临涣","value|10-50":1,"percent|1-100":1},{name:"杨柳","value|10-50":1,"percent|1-100":1},{name:"许瞳","value|10-50":1,"percent|1-100":1},{name:"孙瞳","value|10-50":1,"percent|1-100":1},{name:"青东","value|10-50":1,"percent|1-100":1},{name:"邹庄","value|10-50":1,"percent|1-100":1},{name:"袁一","value|10-50":1,"percent|1-100":1}]},{title:"西区精煤","total|5000-10000":1,"value|1000-5000":1,unit:"t",chartData:[{name:"临涣","value|10-50":1,"percent|1-100":1},{name:"杨柳","value|10-50":1,"percent|1-100":1},{name:"许瞳","value|10-50":1,"percent|1-100":1},{name:"孙瞳","value|10-50":1,"percent|1-100":1},{name:"青东","value|10-50":1,"percent|1-100":1},{name:"邹庄","value|10-50":1,"percent|1-100":1},{name:"袁一","value|10-50":1,"percent|1-100":1}]}]};// const tempData = [
|
|
181
187
|
// {
|
|
182
188
|
// name: "东区1#",
|
|
183
189
|
// value: 2000,
|
|
@@ -242,7 +248,7 @@ chartIns.value.render();};watch(()=>props.data,e=>{if(e&&e.length>0){if(!chartIn
|
|
|
242
248
|
onBeforeUnmount(()=>chartIns.value?.destroy());return ()=>createVNode("div",{"class":"coalRank-yield"},[createVNode(CardHeaderSmall,{"title":"煤种生产量统计"},null),createVNode("div",{"ref":chartRef},null)]);}});/**
|
|
243
249
|
* 生产统计
|
|
244
250
|
*/const ProductionStatistics=defineComponent({name:"productionStatistics",cname:"生产统计",developer:"前端开发组",equipment:"PC",props:{prefix:String,serverName:String,timeout:Number// 接口请求超时时长
|
|
245
|
-
},setup(){const form=reactive({systemYieldData:[],coalRankYieldData:[]});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"productionStatistics"});form.systemYieldData=data.systemYieldData;form.coalRankYieldData=data.coalRankYieldData;};
|
|
251
|
+
},setup(){const form=reactive({systemYieldData:[],coalRankYieldData:[]});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"productionStatistics"});form.systemYieldData=data.systemYieldData;form.coalRankYieldData=data.coalRankYieldData;};const stopInterval=useInterval(getData,5000);onBeforeUnmount(stopInterval);return ()=>createVNode("div",{"class":"production-statistics"},[createVNode(SystemYield,{"data":form.systemYieldData},null),createVNode(CoalRankYield,{"data":form.coalRankYieldData},null)]);}});/**
|
|
246
252
|
* 计划统计信息
|
|
247
253
|
*/const PlanItem=defineComponent({props:{name:{type:String,required:true},value:{type:Number,required:true},percent:{type:Number,default:0}},setup(props){return ()=>createVNode("div",{"class":"plan-item"},[createVNode("div",{"class":"left"},[createVNode("div",{"class":"name"},[props.name]),createVNode("div",{"class":"value"},[props.value])]),createVNode(resolveComponent("a-progress"),{"type":"circle","strokeLinecap":"square","stroke-color":{"0%":"#5EF0FF","100%":"#2C6FFF"// "100%": "#5EF0FF",
|
|
248
254
|
},"strokeWidth":8,"trailColor":"transparent","width":58,"percent":props.percent,"format":percent=>createVNode("div",{"class":"value-container"},[createVNode("span",{"class":"value"},[percent]),createVNode("span",{"class":"unit"},[createTextVNode("%")])])},null)]);}});// const tempData = [
|
|
@@ -284,8 +290,8 @@ const props$e$1={data:Array};/**
|
|
|
284
290
|
onBeforeUnmount(()=>chartIns.value?.destroy());return ()=>createVNode("div",{"class":"histogram-chart","ref":chartRef},null);}});/**
|
|
285
291
|
* 生产评价2 上方圆环进度条 下方条形图、柱状图
|
|
286
292
|
*/const ProductionPlan2=defineComponent({name:"productionPlan2",cname:"生产评价2",developer:"前端开发组",equipment:"PC",props:{prefix:String,serverName:String,timeout:Number// 接口请求超时时长
|
|
287
|
-
},setup(){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",{card:"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;};onMounted(getData);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$e={annualPlan:{rawCoal:{"value|0-100000000":1,"percentage|0-100":1},cleanCoal:{"value|0-100000000":1,"percentage|0-100":1}},monthlyPlan:{rawCoal:{"value|0-2000000":1,"percentage|0-100":1},cleanCoal:{"value|0-2000000":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([]);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":prefix$2+"_box "+prefix$2+"_box_"+_props.theme},[_props.showHeader?createVNode("div",{"class":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"},[_props.iframeUrl?createVNode("iframe",{"src":_props.iframeUrl,"frameborder":"0","style":{width:"100%",height:"100%"}},null):createVNode(componentName,{"tabId":activeKey.value,"workShopType":_props.params?.workShopType,"cardCode":_props.params?.cardCode,"prefix":_props.params?.prefix,"serverName":_props.params?.serverName,"timeout":_props.params?.timeout,"index":_props.index,"onGetTabs":data=>{tabList.value=data;activeKey.value=data[0].id;}},null)])]);};}});function _isSlot$15(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(()=>{});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"},[createVNode("div",{"class":prefix$2+"_box-header-title"},[_props.theme==="dark"?createVNode("img",{"src":"/micro-assets/bigScreen/diamond.png"},null):null,createVNode("span",null,[componentName.cname])]),_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$15(_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 cardBody ${_props.params?.noPadding==="true"?"noPadding":""}`},[_props.iframeUrl?createVNode("iframe",{"src":_props.iframeUrl,"frameborder":"0","style":{width:"100%",height:"100%"}},null):createVNode(componentName,{"tabId":activeKey.value,"workShopType":_props.params?.workShopType,"cardCode":_props.params?.cardCode,"prefix":_props.params?.prefix,"serverName":_props.params?.serverName,"timeout":_props.params?.timeout,"index":_props.index,"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:{params:{type:Object,default:{}}},setup(prop,context){const diaData=reactive({showDia:false,noPadding:"true"});const storageData=ref([{name:"原煤仓",value:"33"},{name:"产品仓",value:"334"}]);// simple or detail
|
|
288
|
-
const diaType=ref("simple");
|
|
293
|
+
},setup(){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",{card:"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;};const stopInterval=useInterval(getData,5000);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$e={annualPlan:{rawCoal:{"value|0-100000000":1,"percentage|0-100":1},cleanCoal:{"value|0-100000000":1,"percentage|0-100":1}},monthlyPlan:{rawCoal:{"value|0-2000000":1,"percentage|0-100":1},cleanCoal:{"value|0-2000000":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([]);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":prefix$2+"_box "+prefix$2+"_box_"+_props.theme},[_props.showHeader?createVNode("div",{"class":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"},[_props.iframeUrl?createVNode("iframe",{"src":_props.iframeUrl,"frameborder":"0","style":{width:"100%",height:"100%"}},null):createVNode(componentName,{"tabId":activeKey.value,"workShopType":_props.params?.workShopType,"cardCode":_props.params?.cardCode,"prefix":_props.params?.prefix,"serverName":_props.params?.serverName,"timeout":_props.params?.timeout,"index":_props.index,"onGetTabs":data=>{tabList.value=data;activeKey.value=data[0].id;}},null)])]);};}});function _isSlot$15(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(()=>{});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"},[createVNode("div",{"class":prefix$2+"_box-header-title"},[_props.theme==="dark"?createVNode("img",{"src":"/micro-assets/bigScreen/diamond.png"},null):null,createVNode("span",null,[componentName.cname])]),_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$15(_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 cardBody ${_props.params?.noPadding==="true"?"noPadding":""}`},[_props.iframeUrl?createVNode("iframe",{"src":_props.iframeUrl,"frameborder":"0","style":{width:"100%",height:"100%"}},null):createVNode(componentName,{"tabId":activeKey.value,"workShopType":_props.params?.workShopType,"cardCode":_props.params?.cardCode,"prefix":_props.params?.prefix,"serverName":_props.params?.serverName,"timeout":_props.params?.timeout,"index":_props.index,"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:{params:{type:Object,default:{}}},setup(prop,context){const diaData=reactive({showDia:false,noPadding:"true"});const storageData=ref([{name:"原煤仓",value:"33"},{name:"产品仓",value:"334"}]);// simple or detail
|
|
294
|
+
const diaType=ref("simple");const getData=async()=>{const res=await instance$1$1.post("/getCardData",{card:"storageInfo"});storageData.value=res.data;};onMounted(async()=>{diaType.value=prop.params.local;});const stopInterval=useInterval(getData,5000);onBeforeUnmount(stopInterval);const openDia=()=>{diaData.showDia=true;};const renderTool=()=>{return createVNode("div",{"class":"btn blue","onClick":()=>{openDia();}},[createTextVNode("\u8BE6\u60C5")]);};context.emit("renderTool",renderTool);// 弹窗
|
|
289
295
|
const renderDia=()=>{return createVNode("div",{"class":"storageDia"},[createVNode(CardBox,{"theme":"dark","titleName":"仓位存储","componentName":diaType.value==="detail"?"storageDia":"storageDiaSimple","params":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$d=[{name:"原煤仓","value|0-8000":1},{name:"产品仓","value|0-8000":1}];const storageInfo$1=defineComponent({name:"storageDiaSimple",cname:"仓储弹窗",developer:"前端开发组",equipment:"PC",props:{params:{type:Object,default:{}}},setup(props,context){const chartRef1=ref();const chartRef2=ref();const chartRef3=ref();const chartRef4=ref();let chartInstance;const data=reactive({showDia:false,chartData:[{name:"临涣",value:10,percent:20},{name:"杨柳",value:30,percent:10},{name:"许瞳",value:25,percent:30},{name:"孙瞳",value:33,percent:20},{name:"青东",value:44,percent:30},{name:"邹庄",value:20,percent:10},{name:"袁一",value:10,percent:20}]});const initChart=chartRef=>{chartInstance=new Chart({container:chartRef.value,height:120,width:400,autoFit:true,renderer:"svg",theme:{maxColumnWidth:10},appendPadding:[0,20,20]});chartInstance.data(data.chartData);chartInstance.scale({name:{},value:{alias:"灰分",min:0,nice:true},percent:{alias:"进度",nice:true}});chartInstance.axis("name",{tickLine:null,line:null,label:{style:{fill:"#fff"}}});chartInstance.axis("value",{grid:{line:{style:{stroke:"rgba(242, 243, 248, 0.04)"}}},label:false,title:false});chartInstance.legend(false);chartInstance.tooltip({showCrosshairs:true,shared:true});chartInstance.interval().position("name*value").color("#4FAAEB").style({cfg:{fill:"l(90) 0:#389AFF 1:#07143A00"}});chartInstance.interaction("active-region");chartInstance.render();};onMounted(()=>{initChart(chartRef1);initChart(chartRef2);initChart(chartRef3);initChart(chartRef4);});const renderTool=()=>{return createVNode("div",{"class":"btn blue","onClick":()=>{props.params.showDia=false;}},[createTextVNode("\xD7")]);};context.emit("renderTool",renderTool);return ()=>createVNode("div",{"class":"storageChart simple"},[createVNode(CardHeaderSmall,{"title":"东区原煤"},null),createVNode("div",{"class":"chart","ref":chartRef1},null),createVNode(CardHeaderSmall,{"title":"东区精煤"},null),createVNode("div",{"class":"chart","ref":chartRef2},null),createVNode(CardHeaderSmall,{"title":"西区原煤"},null),createVNode("div",{"class":"chart","ref":chartRef3},null),createVNode(CardHeaderSmall,{"title":"西区精煤"},null),createVNode("div",{"class":"chart","ref":chartRef4},null)]);}});const storageInfo=defineComponent({name:"storageDia",cname:"仓储弹窗",developer:"前端开发组",equipment:"PC",props:{params:{type:Object,default:{}}},setup(props,context){const chartRef1=ref();const chartRef2=ref();const chartRef3=ref();const chartRef4=ref();let chartInstance;const data=reactive({showDia:false,chartData:[{name:"临涣",value:10,percent:20},{name:"杨柳",value:30,percent:10},{name:"许瞳",value:25,percent:30},{name:"孙瞳",value:33,percent:20},{name:"青东",value:44,percent:30},{name:"邹庄",value:20,percent:10},{name:"袁一",value:10,percent:20}]});const initChart=chartRef=>{chartInstance=new Chart({container:chartRef.value,height:120,width:400,autoFit:true,renderer:"svg",theme:{maxColumnWidth:10},appendPadding:[0,20,20]});chartInstance.data(data.chartData);chartInstance.scale({name:{},value:{alias:"灰分",min:0,nice:true},percent:{alias:"进度",nice:true}});chartInstance.axis("name",{tickLine:null,line:null,label:{style:{fill:"#fff"}}});chartInstance.axis("value",{grid:{line:{style:{stroke:"rgba(242, 243, 248, 0.04)"}}},label:false,title:false});chartInstance.legend(false);chartInstance.tooltip({showCrosshairs:true,shared:true});chartInstance.interval().position("name*value").color("#4FAAEB").style({cfg:{fill:"l(90) 0:#389AFF 1:#07143A00"}});chartInstance.interaction("active-region");chartInstance.render();};onMounted(()=>{initChart(chartRef1);initChart(chartRef2);initChart(chartRef3);initChart(chartRef4);});const renderTool=()=>{return createVNode("div",{"class":"btn blue","onClick":()=>{props.params.showDia=false;}},[createTextVNode("\xD7")]);};context.emit("renderTool",renderTool);return ()=>createVNode("div",{"class":"storageChart"},[createVNode(CardHeaderSmall,{"title":"东区原煤"},null),createVNode("div",{"class":"chart","ref":chartRef1},null),createTextVNode("111"),createVNode(CardHeaderSmall,{"title":"东区精煤"},null),createVNode("div",{"class":"chart","ref":chartRef2},null),createVNode(CardHeaderSmall,{"title":"西区原煤"},null),createVNode("div",{"class":"chart","ref":chartRef3},null),createVNode(CardHeaderSmall,{"title":"西区精煤"},null),createVNode("div",{"class":"chart","ref":chartRef4},null)]);}});const columns$2$1=[{title:"排名",customRender({index}){const rank=index+1;return createVNode("div",{"class":`rank rank${rank}`},[rank]);}},{title:"煤种",dataIndex:"varietyCoal"},{title:"外运量",dataIndex:"outboundTraffic"},{title:"焦化量",dataIndex:"cokingQuantity"},{title:"灰分(%)",dataIndex:"ashContent"},{title:"水分%",dataIndex:"waterContent"}];/**
|
|
290
296
|
* 精煤
|
|
291
297
|
*/const CleanCoal=defineComponent({props:{tabList:{type:Array,required:true},data:{type:Object}},setup(props,ctx){const chartRef=ref();const chartIns=ref();const activeKey=ref("day");const form=ref();const initChart=data=>{chartIns.value=new Chart({container:chartRef.value,autoFit:true,height:240,appendPadding:[20,0,10,40],renderer:"svg",theme:{maxColumnWidth:17}});chartIns.value.data(data);chartIns.value.scale("value",{nice:true});chartIns.value.axis("label",{label:{style:{fill:"rgba(255, 255, 255, 0.5)",fontSize:22}},line:{style:{stroke:"rgba(242, 243, 248, 0.14)",lineHeight:1}},tickLine:null});chartIns.value.axis("value",{title:{text:"单位:t",position:"end",autoRotate:false,spacing:-20,style:{fill:"rgba(255, 255, 255, 0.4)",fontSize:22,x:50,y:10}},label:{style:{fill:"rgba(255, 255, 255, 0.5)",fontSize:22}},grid:{line:{style:{stroke:"rgba(242, 243, 248, 0.14)",lineHeight:1}}}});chartIns.value.tooltip({showMarkers:false});chartIns.value.legend(false);chartIns.value.interaction("active-region");chartIns.value.interval().position("label*value").color("label",["l(270) 0:#00000000 100:#5CABFF","l(270) 0:#00000000 100:#FFD85C","l(270) 0:#00000000 100:#F54D59","l(270) 0:#00000000 100:#3A4AB0"]).style({radius:[4,4,0,0]});chartIns.value.render();};const tabChange=val=>{activeKey.value=val.id;if(!chartIns.value){initChart(form.value?.chartData[activeKey.value]);}else {chartIns.value.changeData(form.value?.chartData[activeKey.value]);}};watch(()=>props.data,e=>{if(e){form.value=e;if(form.value){if(!chartIns.value){initChart(form.value.chartData[activeKey.value]);}else {chartIns.value.changeData(form.value.chartData[activeKey.value]);}}}},{immediate:true,deep:true});onBeforeUnmount(()=>chartIns.value?.destroy());return ()=>createVNode("div",{"class":"clean-coal"},[createVNode(CardHeaderSmall,{"title":"精煤","tabList":props.tabList,"onTabChange":tabChange},null),createVNode("div",{"class":"chart-container"},[createVNode("div",{"ref":chartRef},null)]),createVNode(resolveComponent("a-table"),{"class":"dark-table2 striped","pagination":false,"columns":columns$2$1,"dataSource":form.value?.tableData[activeKey.value].list},{bodyCell:({column,record})=>{if(column.dataIndex==="varietyCoal"){return createVNode("span",{"style":{color:"#1CEFFF"}},[record.varietyCoal]);}},summary:()=>createVNode(resolveComponent("a-table-summary-row"),null,{default:()=>[createVNode(resolveComponent("a-table-summary-cell"),null,{default:()=>[createTextVNode("\u5408\u8BA1")]}),createVNode(resolveComponent("a-table-summary-cell"),null,null),createVNode(resolveComponent("a-table-summary-cell"),null,{default:()=>[form.value?.tableData[activeKey.value].total.outboundTraffic]}),createVNode(resolveComponent("a-table-summary-cell"),null,{default:()=>[form.value?.tableData[activeKey.value].total.cokingQuantity]}),createVNode(resolveComponent("a-table-summary-cell"),null,{default:()=>[form.value?.tableData[activeKey.value].total.ashContent]}),createVNode(resolveComponent("a-table-summary-cell"),null,{default:()=>[form.value?.tableData[activeKey.value].total.waterContent]})]})})]);}});const columns$1$1=[{title:"煤种",dataIndex:"varietyCoal"},{title:"电厂",dataIndex:"powerPlant"},{title:"汽运",dataIndex:"carTransport"},{title:"灰分",dataIndex:"ashContent"},{title:"水分",dataIndex:"waterContent"}];/**
|
|
@@ -295,7 +301,7 @@ const renderDia=()=>{return createVNode("div",{"class":"storageDia"},[createVNod
|
|
|
295
301
|
*/const Medium=defineComponent({props:{tabList:{type:Array,required:true},data:{type:Object}},setup(props){const form=ref();const activeKey=ref("day");const tabChange=val=>{activeKey.value=val.id;};watch(()=>props.data,e=>{if(e){form.value=e;}},{immediate:true,deep:true});return ()=>createVNode("div",{"class":"medium"},[createVNode(CardHeaderSmall,{"title":"中矸","tabList":props.tabList,"onTabChange":tabChange},null),createVNode("div",{"class":"statistics"},[createVNode("div",{"class":"item"},[createVNode("div",{"class":"name"},[createTextVNode("\u4E2D\u77F8\u5916\u8FD0\u91CF")]),createVNode("div",{"class":"content"},[createVNode("div",{"class":"value"},[form.value?.data.mediumGangue[activeKey.value].value]),createVNode("div",{"class":"total"},[createTextVNode("\u6708")]),createVNode("div",{"class":"total"},[form.value?.data.mediumGangue[activeKey.value].total])])])]),createVNode(resolveComponent("a-table"),{"class":"dark-table2","pagination":false,"columns":columns$f,"dataSource":form.value?.tableData[activeKey.value].list},{bodyCell:({column,record})=>{if(column.dataIndex==="varietyCoal"){return createVNode("span",{"style":{color:"#1CEFFF"}},[record.varietyCoal]);}},summary:()=>createVNode(resolveComponent("a-table-summary-row"),null,{default:()=>[createVNode(resolveComponent("a-table-summary-cell"),null,{default:()=>[createTextVNode("\u5408\u8BA1")]}),createVNode(resolveComponent("a-table-summary-cell"),null,null),createVNode(resolveComponent("a-table-summary-cell"),null,null),createVNode(resolveComponent("a-table-summary-cell"),null,{default:()=>[form.value?.tableData[activeKey.value].total.ashContent]}),createVNode(resolveComponent("a-table-summary-cell"),null,{default:()=>[form.value?.tableData[activeKey.value].total.waterContent]})]})})]);}});const tabList=[{id:"day",name:"日"},{id:"month",name:"月"}];/**
|
|
296
302
|
* 外运统计
|
|
297
303
|
*/const OutTransportStatistics=defineComponent({name:"outTransportStatistics",cname:"外运统计",developer:"前端开发组",equipment:"PC",props:{prefix:String,serverName:String,timeout:Number// 接口请求超时时长
|
|
298
|
-
},setup(){const form=reactive({});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"outTransportStatistics"});form.cleanCoal=data.cleanCoal;form.coalSlime=data.coalSlime;form.medium=data.medium;};
|
|
304
|
+
},setup(){const form=reactive({});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"outTransportStatistics"});form.cleanCoal=data.cleanCoal;form.coalSlime=data.coalSlime;form.medium=data.medium;};const stopInterval=useInterval(getData,5000);onBeforeUnmount(stopInterval);return ()=>createVNode("div",{"class":"out-transport-statistics"},[createVNode("div",{"class":"statistics"},[createVNode("div",{"class":"item"},[createVNode("div",{"class":"name"},[createTextVNode("\u7CBE\u7164\u5916\u8FD0\u91CF")]),createVNode("div",{"class":"content"},[createVNode("div",{"class":"value"},[form.cleanCoal?.value]),createVNode("div",{"class":"total"},[createTextVNode("\u6708")]),createVNode("div",{"class":"total"},[form.cleanCoal?.total])])]),createVNode("div",{"class":"item"},[createVNode("div",{"class":"name"},[createTextVNode("\u7164\u6CE5\u5916\u8FD0\u91CF")]),createVNode("div",{"class":"content"},[createVNode("div",{"class":"value"},[form.coalSlime?.value]),createVNode("div",{"class":"total"},[createTextVNode("\u6708")]),createVNode("div",{"class":"total"},[form.coalSlime?.total])])]),createVNode("div",{"class":"item"},[createVNode("div",{"class":"name"},[createTextVNode("\u4E2D\u77F8\u5916\u8FD0\u91CF")]),createVNode("div",{"class":"content"},[createVNode("div",{"class":"value"},[form.medium?.value]),createVNode("div",{"class":"total"},[createTextVNode("\u6708")]),createVNode("div",{"class":"total"},[form.medium?.total])])])]),createVNode(CleanCoal,{"tabList":tabList,"data":form.cleanCoal},null),createVNode(CoalSlime,{"tabList":tabList,"data":form.coalSlime},null),createVNode(Medium,{"tabList":tabList,"data":form.medium},null)]);}});const mock$c={cleanCoal:{"value|100-500":1,"total|1000-2000":1,chartData:{day:[{label:"普肥","value|5000-20000":1},{label:"低肥","value|5000-20000":1},{label:"焦煤","value|5000-20000":1},{label:"1/3焦","value|5000-20000":1}],month:[{label:"普肥","value|5000-20000":1},{label:"低肥","value|5000-20000":1},{label:"焦煤","value|5000-20000":1},{label:"1/3焦","value|5000-20000":1}]},tableData:{day:{"list|5":[{varietyCoal:"@cword(3)","outboundTraffic|10000-20000":1,"cokingQuantity|1000-2000":1,"ashContent|10-20.2":1,"waterContent|10-20.2":1}],total:{"outboundTraffic|30000-50000":1,"cokingQuantity|20000-40000":1,"ashContent|10-50.2":1,"waterContent|10-50.2":1}},month:{"list|5":[{varietyCoal:"@cword(3)","outboundTraffic|10000-20000":1,"cokingQuantity|1000-2000":1,"ashContent|10-20.2":1,"waterContent|10-20.2":1}],total:{"outboundTraffic|30000-50000":1,"cokingQuantity|20000-40000":1,"ashContent|10-50.2":1,"waterContent|10-50.2":1}}}},coalSlime:{"value|100-500":1,"total|1000-2000":1,data:{drySlime:{day:{"value|100-500":1,"total|1000-2000":1},month:{"value|100-500":1,"total|1000-2000":1}},wetSlime:{day:{"value|100-500":1,"total|1000-2000":1},month:{"value|100-500":1,"total|1000-2000":1}}},tableData:{day:{"list|5":[{varietyCoal:"@cword(3)",powerPlant:"临涣电厂@cword('一二三四五六七八九',1)","powerPlant|1000-2000":1,"ashContent|10-20.2":1,"waterContent|10-20.2":1}],total:{"ashContent|10-20.2":1,"waterContent|10-20.2":1}},month:{"list|5":[{varietyCoal:"@cword(3)",powerPlant:"临涣电厂@cword('一二三四五六七八九',1)","powerPlant|1000-2000":1,"ashContent|10-20.2":1,"waterContent|10-20.2":1}],total:{"ashContent|10-20.2":1,"waterContent|10-20.2":1}}}},medium:{"value|100-500":1,"total|1000-2000":1,data:{mediumGangue:{day:{"value|100-500":1,"total|1000-2000":1},month:{"value|100-500":1,"total|1000-2000":1}}},tableData:{day:{"list|5":[{varietyCoal:"@cword(3)",powerPlant:"临涣电厂@cword('一二三四五六七八九',1)","powerPlant|1000-2000":1,"ashContent|10-20.2":1,"waterContent|10-20.2":1}],total:{"ashContent|10-20.2":1,"waterContent|10-20.2":1}},month:{"list|5":[{varietyCoal:"@cword(3)",powerPlant:"临涣电厂@cword('一二三四五六七八九',1)","powerPlant|1000-2000":1,"ashContent|10-20.2":1,"waterContent|10-20.2":1}],total:{"ashContent|10-20.2":1,"waterContent|10-20.2":1}}}}};// const tempData = [
|
|
299
305
|
// { name: "超灰度", value: 8 },
|
|
300
306
|
// { name: "合格率", value: 80 },
|
|
301
307
|
// { name: "低灰率", value: 12 },
|
|
@@ -304,16 +310,16 @@ const G$1=getEngine("svg");/**
|
|
|
304
310
|
* 实时灰分水分
|
|
305
311
|
*/const RealTimeAshWater=defineComponent({name:"realTimeAshWater",cname:"实时灰分水分",developer:"前端开发组",equipment:"PC",props:{prefix:String,serverName:String,timeout:Number// 接口请求超时时长
|
|
306
312
|
},setup(){const chartRef=ref();const chartIns=ref();const list=ref([]);const headers=ref([]);const chartData=ref([]);const initChart=data=>{chartIns.value=new Chart({container:chartRef.value,autoFit:true,renderer:"svg",appendPadding:[40,0,0,0]});chartIns.value.data(data);chartIns.value.scale("value",{formatter:val=>{return val+"%";}});chartIns.value.coordinate("theta",{radius:0.75,innerRadius:0.6});chartIns.value.tooltip({showTitle:false,showMarkers:false});chartIns.value.legend(false);chartIns.value.interval().position("value").color("name",["#FF9214","#1E70FF","#0AF9F2"]).label("value",{layout:[{type:"pie-spider"},{type:"hide-overlap"}],style:{fill:"#fff"},position:"middle",labelHeight:64,offsetY:-25,content:(obj,item)=>{const group=new G$1.Group({});const[y0,y1]=item.y||[0,0];const inRight=y0<y1;// const textAlign = inRight ? "left" : "right";
|
|
307
|
-
const textAlign="center";group.addShape({type:"text",attrs:{x:0,y:0,text:obj.name,fill:"rgba(255, 255, 255, 0.45)",fontSize:19,textAlign}});group.addShape({type:"text",attrs:{x:0,y:-4,text:obj.value!==undefined&&obj.value+"%",textAlign,textBaseline:"top",fill:"#fff",fontWeight:700,fontSize:27}});if(!inRight){group.translate(group.getBBox().width,0);}group.translate(0,13);return group;}}).adjust("stack");chartIns.value.interaction("element-active");chartIns.value.render();};const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"realTimeAshWater"});list.value=data.rows;headers.value=data.headers;chartData.value=data.chartData;};watch(()=>chartData.value,e=>{if(e&&e.length>0){if(!chartIns.value){initChart(e);}else {chartIns.value.changeData(e);}}},{immediate:true,deep:true});
|
|
313
|
+
const textAlign="center";group.addShape({type:"text",attrs:{x:0,y:0,text:obj.name,fill:"rgba(255, 255, 255, 0.45)",fontSize:19,textAlign}});group.addShape({type:"text",attrs:{x:0,y:-4,text:obj.value!==undefined&&obj.value+"%",textAlign,textBaseline:"top",fill:"#fff",fontWeight:700,fontSize:27}});if(!inRight){group.translate(group.getBBox().width,0);}group.translate(0,13);return group;}}).adjust("stack");chartIns.value.interaction("element-active");chartIns.value.render();};const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"realTimeAshWater"});list.value=data.rows;headers.value=data.headers;chartData.value=data.chartData;};watch(()=>chartData.value,e=>{if(e&&e.length>0){if(!chartIns.value){initChart(e);}else {chartIns.value.changeData(e);}}},{immediate:true,deep:true});const stopInterval=useInterval(getData,5000);onBeforeUnmount(()=>{chartIns.value?.destroy();stopInterval();});return ()=>createVNode("div",{"class":"real-time-ash-water"},[createVNode("div",{"ref":chartRef,"class":"chart-container"},null),createVNode("div",{"class":"table"},[createVNode("div",{"class":"table-row"},[createVNode("div",{"class":"item-name"},null),headers.value.map(item=>createVNode("div",{"class":"system-name"},[createVNode("div",{"class":"name-text"},[item.name])]))]),createVNode("div",{"class":"table-row"},[createVNode("div",{"class":"item-name"},null),headers.value.map(item=>createVNode("div",{"class":"system-name"},[createVNode("div",{"class":"table-header"},[createTextVNode("\u7070\u5206(%)")]),createVNode("div",{"class":"table-header"},[createTextVNode("\u6C34\u5206(%)")])]))]),list.value.map(item=>createVNode("div",{"class":"table-row"},[createVNode("div",{"class":"item-name"},[item.name]),headers.value.map((val,index)=>createVNode("div",{"class":"system-name"},[createVNode("div",{"class":"value active"},[item[val.code].ashContent]),createVNode("div",{"class":"value"},[item[val.code].waterContent])]))]))])]);}});const mock$b={headers:[{name:"@cword(2)",code:"xitong1"},{name:"@cword(2)",code:"xitong2"}],"rows|5":[{name:"@cword(2)",xitong1:{"ashContent|1-10.2":1,"waterContent|1-10.2":1},xitong2:{"ashContent|1-10.2":1,"waterContent|1-10.2":1}}],chartData:[{name:"超灰度","value|10-50":1},{name:"合格率","value|10-50":1},{name:"低灰率","value|10-50":1}]};const renderItem=(img,name,value,unit)=>createVNode("div",{"class":"item"},[createVNode("div",{"class":"item-img"},[createVNode("img",{"src":`/micro-assets/card/${img}.png`,"alt":""},null)]),createVNode("div",{"class":"right"},[createVNode("div",{"class":"name"},[name]),createVNode("div",{"class":"content"},[createVNode("span",{"class":"value"},[value]),createVNode("span",{"class":"unit"},[unit])])])]);/**
|
|
308
314
|
* 消耗分析
|
|
309
315
|
*/const ConsumeAnalysis=defineComponent({name:"consumeAnalysis",cname:"消耗分析",developer:"前端开发组",equipment:"PC",props:{prefix:String,serverName:String,timeout:Number// 接口请求超时时长
|
|
310
|
-
},setup(){const form=reactive({medium:0,flocculant:0,electric:0,water:0});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"consumeAnalysis"});form.medium=data.medium;form.flocculant=data.flocculant;form.electric=data.electric;form.water=data.water;};
|
|
316
|
+
},setup(){const form=reactive({medium:0,flocculant:0,electric:0,water:0});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"consumeAnalysis"});form.medium=data.medium;form.flocculant=data.flocculant;form.electric=data.electric;form.water=data.water;};const stopInterval=useInterval(getData,5000);onBeforeUnmount(stopInterval);return ()=>createVNode("div",{"class":"consume-analysis"},[renderItem("jiezhixiaohao","介质消耗",form.medium,"g/t"),renderItem("xuningjixiaohao","絮凝剂消耗",form.flocculant,"g/t"),renderItem("yongdianxiaohao","用电消耗",form.electric,"KW·h/t"),renderItem("yongshuixiaohao","用水消耗",form.water,"m³/t")]);}});const mock$a={"medium|100-1000":1,"flocculant|100-1000":1,"electric|100-1000":1,"water|100-1000":1};const Item$5=defineComponent({props:{name:{type:String,required:true},planValue:{type:Number},actualValue:{type:Number},processColor:{type:[String,Object]}},setup(props){const percent=computed(()=>{if(props.actualValue===undefined||props.planValue===undefined){return 0;}return Math.floor(props.actualValue/props.planValue*100);});return ()=>createVNode("div",{"class":"item"},[createVNode(resolveComponent("a-progress"),{"class":"progress","type":"circle","width":66,"strokeWidth":10,"strokeColor":props.processColor,"percent":percent.value,"strokeLinecap":"square","trailColor":"rgba(26, 202, 215, 0.1)"},{format:percent=>createVNode("div",{"class":"percent"},[createVNode("div",{"class":"value"},[percent]),createVNode("div",{"class":"unit"},[createTextVNode("%")])])}),createVNode("div",{"class":"right"},[createVNode("div",{"class":"name"},[props.name]),createVNode("div",{"class":"content"},[createVNode("div",{"class":"value-item"},[createVNode("div",{"class":"label"},[createTextVNode("\u8BA1\u5212\u91CF(t)")]),createVNode("div",{"class":"value"},[props.planValue])]),createVNode("div",{"class":"value-item"},[createVNode("div",{"class":"label"},[createTextVNode("\u5B9E\u9645\u91CF(t)")]),createVNode("div",{"class":"value value-big"},[props.actualValue])])])])]);}});/**
|
|
311
317
|
* 原煤调入2 (3个圆环进度条)
|
|
312
318
|
*/const RawCoalSendIn2=defineComponent({name:"rawCoalSendIn2",cname:"原煤调入",developer:"前端开发组",equipment:"PC",props:{prefix:String,serverName:String,timeout:Number// 接口请求超时时长
|
|
313
|
-
},setup(){const form=reactive({annualTransferIn:{planValue:0,actualValue:0},monthlyTransferIn:{planValue:0,actualValue:0},dayTransferIn:{planValue:0,actualValue:0}});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"rawCoalSendIn2"});form.annualTransferIn=data?.annualTransferIn;form.monthlyTransferIn=data?.monthlyTransferIn;form.dayTransferIn=data?.dayTransferIn;};
|
|
319
|
+
},setup(){const form=reactive({annualTransferIn:{planValue:0,actualValue:0},monthlyTransferIn:{planValue:0,actualValue:0},dayTransferIn:{planValue:0,actualValue:0}});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"rawCoalSendIn2"});form.annualTransferIn=data?.annualTransferIn;form.monthlyTransferIn=data?.monthlyTransferIn;form.dayTransferIn=data?.dayTransferIn;};const stopInterval=useInterval(getData,5000);onBeforeUnmount(stopInterval);return ()=>createVNode("div",{"class":"raw-coal-send-in2"},[createVNode(Item$5,{"name":"年调入量","processColor":{"0%":"#389AFF","100%":"#165CA9"},"planValue":form.annualTransferIn.planValue,"actualValue":form.annualTransferIn.actualValue},null),createVNode(Item$5,{"name":"月调入量","processColor":{"0%":"#3EF2FF","100%":"#0099A5"},"planValue":form.monthlyTransferIn.planValue,"actualValue":form.monthlyTransferIn.actualValue},null),createVNode(Item$5,{"name":"日调入量","processColor":{"0%":"#FFB867","100%":"#D97400"},"planValue":form.dayTransferIn.planValue,"actualValue":form.dayTransferIn.actualValue},null)]);}});const mock$9={annualTransferIn:{"planValue|5000000-10000000":1,"actualValue|0-5000000":1},monthlyTransferIn:{"planValue|1000000-2000000":1,"actualValue|0-1000000":1},dayTransferIn:{"planValue|50000-100000":1,"actualValue|0-50000":1}};const TopItem=props=>{const hour=Math.floor(props.value/60);const minute=props.value%60;return createVNode("div",{"class":"item"},[createVNode("div",{"class":"name"},[props.name]),createVNode("div",{"class":"value"},[hour>0&&createVNode("span",null,[hour,createTextVNode("h")]),minute>0&&createVNode("span",null,[minute,createTextVNode("min")])])]);};const BottomItem=({name,unit,value})=>{return createVNode("div",{"class":"item"},[createVNode("div",{"class":"name"},[`${name} (${unit})`]),createVNode("div",{"class":"value"},[value])]);};/**
|
|
314
320
|
* 台时日统计
|
|
315
321
|
*/const MechineTimeDayStatistics=defineComponent({name:"mechineTimeDayStatistics",cname:"台时日统计",developer:"前端开发组",equipment:"PC",props:{prefix:String,serverName:String,timeout:Number// 接口请求超时时长
|
|
316
|
-
},setup(){const form=reactive({eastArea:{production:0,overhaul:0,accident:0,ashContent:0,waterContent:0},westArea:{production:0,overhaul:0,accident:0,ashContent:0,waterContent:0},consumeData:{intermediate:0,electric:0,oil:0}});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"mechineTimeDayStatistics"});form.eastArea=data.eastArea;form.westArea=data.westArea;form.consumeData=data.consumeData;};
|
|
322
|
+
},setup(){const form=reactive({eastArea:{production:0,overhaul:0,accident:0,ashContent:0,waterContent:0},westArea:{production:0,overhaul:0,accident:0,ashContent:0,waterContent:0},consumeData:{intermediate:0,electric:0,oil:0}});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"mechineTimeDayStatistics"});form.eastArea=data.eastArea;form.westArea=data.westArea;form.consumeData=data.consumeData;};const stopInterval=useInterval(getData,5000);onBeforeUnmount(stopInterval);return ()=>createVNode("div",{"class":"mechine-time-day-statistics"},[createVNode("div",{"class":"top-container"},[createVNode("div",{"class":"top-item"},[createVNode("div",{"class":"top-item-name"},[createTextVNode("\u4E1C\u533A")]),createVNode(TopItem,{"name":"生产台时","value":form.eastArea.production},null),createVNode(TopItem,{"name":"检修台时","value":form.eastArea.overhaul},null),createVNode(TopItem,{"name":"事故台时","value":form.eastArea.accident},null)]),createVNode("div",{"class":"top-item"},[createVNode("div",{"class":"top-item-name"},[createTextVNode("\u897F\u533A")]),createVNode(TopItem,{"name":"生产台时","value":form.westArea.production},null),createVNode(TopItem,{"name":"检修台时","value":form.westArea.overhaul},null),createVNode(TopItem,{"name":"事故台时","value":form.westArea.accident},null)])]),createVNode("div",{"class":"ash-water"},[createVNode(CardHeaderSmall,{"title":"灰分水分统计"},null),createVNode("div",{"class":"statistics-container"},[createVNode(BottomItem,{"name":"东区灰分","unit":"%","value":form.eastArea.ashContent},null),createVNode(BottomItem,{"name":"东区水分","unit":"%","value":form.eastArea.waterContent},null),createVNode(BottomItem,{"name":"西区灰分","unit":"%","value":form.westArea.ashContent},null),createVNode(BottomItem,{"name":"西区谁分","unit":"%","value":form.westArea.waterContent},null)])]),createVNode("div",{"class":"consume"},[createVNode(CardHeaderSmall,{"title":"消耗统计"},null),createVNode("div",{"class":"statistics-container"},[createVNode(BottomItem,{"name":"介耗","unit":"kg/t","value":form.consumeData.intermediate},null),createVNode(BottomItem,{"name":"电耗","unit":"kw/t","value":form.consumeData.electric},null),createVNode(BottomItem,{"name":"油耗","unit":"kg/t","value":form.consumeData.oil},null)])])]);}});const mock$8={eastArea:{"production|1-5000":1,"overhaul|1-5000":1,"accident|1-5000":1,"ashContent|0-80.1-2":1,"waterContent|0-90.1-2":1},westArea:{"production|1-5000":1,"overhaul|1-5000":1,"accident|1-5000":1,"ashContent|0-80.1-2":1,"waterContent|0-90.1-2":1},consumeData:{intermediate:/^[0-1]\.[1-5]$/,"electric|1-100.1-2":1,oil:/^0\.[1-5]$/}};// const tempData = [
|
|
317
323
|
// { name: "日常维护", value: 80 },
|
|
318
324
|
// { name: "大修更换", value: 12 },
|
|
319
325
|
// { name: "其他", value: 8 },
|
|
@@ -326,7 +332,7 @@ const textAlign="center";group.addShape({type:"text",attrs:{x:0,y:0,text:obj.nam
|
|
|
326
332
|
onBeforeUnmount(()=>chartIns.value?.destroy());return ()=>createVNode("div",{"class":"chart"},[createVNode("div",{"ref":chartRef},null)]);}});const Item$4=props=>{const{name,value,total}=props;return createVNode("div",{"class":"item"},[createVNode("div",{"class":"name"},[name]),createVNode("div",{"class":"content"},[createVNode("div",{"class":"value"},[value]),total!==undefined&&createVNode("div",{"class":"total"},[createTextVNode("/"),total])])]);};/**
|
|
327
333
|
* 检修计划
|
|
328
334
|
*/const OverhaulPlan=defineComponent({name:"overhaulPlan",cname:"检修计划",developer:"前端开发组",equipment:"PC",props:{prefix:String,serverName:String,timeout:Number// 接口请求超时时长
|
|
329
|
-
},setup(){const form=reactive({repairTime:"",maintain:{total:0,value:0},overhaul:{total:0,value:0},runDripLeak:{total:0,value:0},rows:[]});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"overhaulPlan"});form.repairTime=data.repairTime;form.maintain=data.maintain;form.overhaul=data.overhaul;form.runDripLeak=data.runDripLeak;form.rows=data.rows;};
|
|
335
|
+
},setup(){const form=reactive({repairTime:"",maintain:{total:0,value:0},overhaul:{total:0,value:0},runDripLeak:{total:0,value:0},rows:[]});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"overhaulPlan"});form.repairTime=data.repairTime;form.maintain=data.maintain;form.overhaul=data.overhaul;form.runDripLeak=data.runDripLeak;form.rows=data.rows;};const stopInterval=useInterval(getData,5000);onBeforeUnmount(stopInterval);return ()=>createVNode("div",{"class":"overhaul-plan"},[createVNode("div",{"class":"statistics-container"},[createVNode(Item$4,{"name":"今日检修时间","value":form.repairTime},null),createVNode(Item$4,{"name":"日常维护(项)","value":form.maintain.value,"total":form.maintain.total},null),createVNode(Item$4,{"name":"大修更换(项)","value":form.overhaul.value,"total":form.overhaul.total},null),createVNode(Item$4,{"name":"跑冒滴漏溅撒(项)","value":form.runDripLeak.value,"total":form.runDripLeak.total},null)]),createVNode(ChartContainer,{"data":form.rows},null)]);}});const mock$7={repairTime:"@time(HH:mm)-@time(HH:mm)",maintain:{"total|25-50":1,"value|1-25":1},overhaul:{"total|25-50":1,"value|1-25":1},runDripLeak:{"total|25-50":1,"value|1-25":1},rows:[{name:"日常维护","value|1-100":1},{name:"大修更换","value|1-100":1},{name:"其他","value|1-100":1}]};// const tempData = [
|
|
330
336
|
// { name: "孙瞳", value: 1500 },
|
|
331
337
|
// { name: "袁一", value: 1200 },
|
|
332
338
|
// { name: "青东", value: 1600 },
|
|
@@ -338,21 +344,21 @@ theme:{maxColumnWidth:20}});chartIns.value.data(data);chartIns.value.scale("valu
|
|
|
338
344
|
onBeforeUnmount(()=>chartIns.value?.destroy());return ()=>createVNode("div",{"class":"bar-chart","ref":chartRef},null);}});/**
|
|
339
345
|
* 干选分厂
|
|
340
346
|
*/const DrySeparationPlant=defineComponent({name:"drySeparationPlant",cname:"干选分厂",developer:"前端开发组",equipment:"PC",props:{prefix:String,serverName:String,timeout:Number// 接口请求超时时长
|
|
341
|
-
},setup(){const form=reactive({rawCoal:{rows:[]},ashReductionDepth:{rows:[]}});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"drySeparationPlant"});form.rawCoal=data.rawCoal;form.ashReductionDepth=data.ashReductionDepth;};
|
|
347
|
+
},setup(){const form=reactive({rawCoal:{rows:[]},ashReductionDepth:{rows:[]}});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"drySeparationPlant"});form.rawCoal=data.rawCoal;form.ashReductionDepth=data.ashReductionDepth;};const stopInterval=useInterval(getData,5000);onBeforeUnmount(stopInterval);return ()=>createVNode("div",{"class":"dry-separation-plant"},[createVNode("div",{"class":"statistics-item"},[createVNode("div",{"class":"list"},[createVNode(CardHeaderSmall,{"title":"原煤"},null),createVNode("div",{"class":"list-container"},[form.rawCoal.rows.map(item=>createVNode("div",{"class":"row"},[createVNode("div",{"class":"name"},[item.name]),createVNode("div",{"class":"content"},[createVNode("span",{"class":"value"},[item.value]),createVNode("span",{"class":"unit"},[item.unit])])]))])]),createVNode("div",{"class":"chart"},[createVNode(BarChart,{"color":"rgba(30, 112, 255, 0.4)","topColor":"#1E70FF","data":form.rawCoal.rows},null)])]),createVNode("div",{"class":"statistics-item"},[createVNode("div",{"class":"list"},[createVNode(CardHeaderSmall,{"title":"降灰深度"},null),createVNode("div",{"class":"list-container"},[form.ashReductionDepth.rows.map(item=>createVNode("div",{"class":"row"},[createVNode("div",{"class":"name"},[item.name]),createVNode("div",{"class":"content"},[createVNode("span",{"class":"value"},[item.value]),createVNode("span",{"class":"unit"},[item.unit])])]))])]),createVNode("div",{"class":"chart"},[createVNode(BarChart,{"color":"rgb(120, 235, 251, 0.5)","topColor":"#78ebfb","data":form.ashReductionDepth.rows},null)])])]);}});const mock$6={rawCoal:{"rows|5":[{name:"@cname","value|1-20000":1,unit:"t"}]// "chart|3": [{ name: "@cname", "value|100-1500": 1 }],
|
|
342
348
|
},ashReductionDepth:{"rows|5":[{name:"@cname","value|1-20000":1,unit:"t"}]// "chart|3": [{ name: "@cname", "value|100-1500": 1 }],
|
|
343
349
|
}};const Item$3=({name,unit,value})=>createVNode("div",{"class":"item"},[createVNode("div",{"class":"name"},[`${name}(${unit})`]),createVNode("div",{"class":"value"},[value])]);/**
|
|
344
350
|
* 芦岭厂日统计
|
|
345
351
|
*/const LuLingDayStatistics=defineComponent({name:"luLingDayStatistics",cname:"芦岭厂日统计",developer:"前端开发组",equipment:"PC",props:{prefix:String,serverName:String,timeout:Number// 接口请求超时时长
|
|
346
|
-
},setup(){const form=reactive({washingVolume:0,cleanCoalProduction:0,byProductOutput:0,rawCoalAshContent:0,cleanCoalAshContent:0,ashContentOfByProduct:0});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"luLingDayStatistics"});form.washingVolume=data.washingVolume;form.cleanCoalProduction=data.cleanCoalProduction;form.byProductOutput=data.byProductOutput;form.rawCoalAshContent=data.rawCoalAshContent;form.cleanCoalAshContent=data.cleanCoalAshContent;form.ashContentOfByProduct=data.ashContentOfByProduct;};
|
|
352
|
+
},setup(){const form=reactive({washingVolume:0,cleanCoalProduction:0,byProductOutput:0,rawCoalAshContent:0,cleanCoalAshContent:0,ashContentOfByProduct:0});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"luLingDayStatistics"});form.washingVolume=data.washingVolume;form.cleanCoalProduction=data.cleanCoalProduction;form.byProductOutput=data.byProductOutput;form.rawCoalAshContent=data.rawCoalAshContent;form.cleanCoalAshContent=data.cleanCoalAshContent;form.ashContentOfByProduct=data.ashContentOfByProduct;};const stopInterval=useInterval(getData,5000);onBeforeUnmount(stopInterval);return ()=>createVNode("div",{"class":"lu-ling-day-statistics"},[createVNode(Item$3,{"name":"入洗量","unit":"吨","value":form.washingVolume},null),createVNode(Item$3,{"name":"精煤产量","unit":"吨","value":form.cleanCoalProduction},null),createVNode(Item$3,{"name":"副产品产量","unit":"吨","value":form.byProductOutput},null),createVNode(Item$3,{"name":"原煤灰分量","unit":"%","value":form.rawCoalAshContent},null),createVNode(Item$3,{"name":"精煤灰分量","unit":"%","value":form.cleanCoalAshContent},null),createVNode(Item$3,{"name":"副产品灰分量","unit":"%","value":form.ashContentOfByProduct},null)]);}});const mock$5={"washingVolume|2000-20000":1,"cleanCoalProduction|2000-20000":1,"byProductOutput|2000-20000":1,"rawCoalAshContent|1-80":1,"cleanCoalAshContent|1-80":1,"ashContentOfByProduct|1-80":1};const Item$2=({name,value,color})=>createVNode("div",{"class":"item"},[createVNode("div",{"class":"name"},[name]),createVNode("div",{"class":["content",color]},[createVNode("span",{"class":"value"},[value]),createVNode("span",{"class":"unit"},[createTextVNode("\u4EBA")])])]);/**
|
|
347
353
|
* 人力资源
|
|
348
354
|
*/const HumanResources=defineComponent({name:"humanResources",cname:"人力资源",developer:"前端开发组",equipment:"PC",props:{prefix:String,serverName:String,timeout:Number// 接口请求超时时长
|
|
349
|
-
},setup(){const form=reactive({operator:0,operationAndMaintenancePersonnel:0,runningServices:0,otherAuxiliary:0});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"humanResources"});form.operator=data.operator;form.operationAndMaintenancePersonnel=data.operationAndMaintenancePersonnel;form.runningServices=data.runningServices;form.otherAuxiliary=data.otherAuxiliary;};
|
|
355
|
+
},setup(){const form=reactive({operator:0,operationAndMaintenancePersonnel:0,runningServices:0,otherAuxiliary:0});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"humanResources"});form.operator=data.operator;form.operationAndMaintenancePersonnel=data.operationAndMaintenancePersonnel;form.runningServices=data.runningServices;form.otherAuxiliary=data.otherAuxiliary;};const stopInterval=useInterval(getData,5000);onBeforeUnmount(stopInterval);return ()=>createVNode("div",{"class":"human-resources"},[createVNode(Item$2,{"name":"操控人员","value":form.operator,"color":"blue"},null),createVNode(Item$2,{"name":"运维人员","value":form.operationAndMaintenancePersonnel,"color":"green"},null),createVNode(Item$2,{"name":"运行服务","value":form.runningServices,"color":"red"},null),createVNode(Item$2,{"name":"其他辅助","value":form.otherAuxiliary,"color":"yellow"},null)]);}});const mock$4={"operator|300-3000":1,"operationAndMaintenancePersonnel|300-3000":1,"runningServices|300-3000":1,"otherAuxiliary|300-3000":1};const Item$1=({name,unit,img,month,day})=>{return createVNode("div",{"class":"item"},[createVNode("div",{"class":"item-img"},[createVNode("img",{"src":`/micro-assets/card/${img}.png`,"alt":""},null)]),createVNode("div",{"class":"right"},[createVNode("div",{"class":"statistics-item"},[createVNode("div",{"class":"name"},[createTextVNode("\u6708\u603B"),name,createTextVNode("\u8017")]),createVNode("div",{"class":"content"},[createVNode("span",{"class":"value"},[month]),createVNode("span",{"class":"unit"},[unit])])]),createVNode("div",{"class":"statistics-item"},[createVNode("div",{"class":"name"},[createTextVNode("\u4ECA\u65E5"),name,createTextVNode("\u8017")]),createVNode("div",{"class":"content"},[createVNode("span",{"class":"value"},[day]),createVNode("span",{"class":"unit"},[unit])])])])]);};/**
|
|
350
356
|
* 能耗信息
|
|
351
357
|
*/const EnergyConsumptionInfo=defineComponent({name:"energyConsumptionInfo",cname:"能耗信息",developer:"前端开发组",equipment:"PC",props:{prefix:String,serverName:String,timeout:Number// 接口请求超时时长
|
|
352
|
-
},setup(){const form=reactive({water:{day:0,month:0},oil:{day:0,month:0},electric:{day:0,month:0},vapour:{day:0,month:0}});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"energyConsumptionInfo"});form.water=data.water;form.oil=data.oil;form.electric=data.electric;form.vapour=data.vapour;};
|
|
358
|
+
},setup(){const form=reactive({water:{day:0,month:0},oil:{day:0,month:0},electric:{day:0,month:0},vapour:{day:0,month:0}});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"energyConsumptionInfo"});form.water=data.water;form.oil=data.oil;form.electric=data.electric;form.vapour=data.vapour;};const stopInterval=useInterval(getData,5000);onBeforeUnmount(stopInterval);return ()=>createVNode("div",{"class":"energy-consumption-info"},[createVNode(Item$1,{"name":"水","unit":"t","img":"yongshuixiaohao","day":form.water.day,"month":form.water.month},null),createVNode(Item$1,{"name":"油","unit":"L","img":"xuningjixiaohao","day":form.oil.day,"month":form.oil.month},null),createVNode(Item$1,{"name":"电","unit":"kw","img":"yongdianxiaohao","day":form.electric.day,"month":form.electric.month},null),createVNode(Item$1,{"name":"汽","unit":"m³","img":"qihao","day":form.vapour.day,"month":form.vapour.month},null)]);}});const mock$3={water:{"day|1-1000":1,"month|1-1000":1},oil:{"day|1-20":1,"month|1-400":1},electric:{"day|50000-500000":1,"month|1000000-10000000":1},vapour:{"day|100-1000":1,"month|100-1000":1}};const Item=({name,value,unit,color,img=""})=>createVNode("div",{"class":"item"},[createVNode("div",{"class":"item-img"},[createVNode("img",{"src":`/micro-assets/card/${img}.png`,"alt":""},null)]),createVNode("div",{"class":"right"},[createVNode("div",{"class":"name"},[name]),createVNode("div",{"class":["content",color]},[createVNode("span",{"class":"value"},[value]),createVNode("span",{"class":"unit"},[unit])])])]);/**
|
|
353
359
|
* 设备概况
|
|
354
360
|
*/const DeviceOverview=defineComponent({name:"deviceOverview",cname:"设备概况",developer:"前端开发组",equipment:"PC",props:{prefix:String,serverName:String,timeout:Number// 接口请求超时时长
|
|
355
|
-
},setup(){const form=reactive({electromechanical:0,function:0,fault:0,intactnessRate:0});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"deviceOverview"});form.electromechanical=data.electromechanical;form.function=data.function;form.fault=data.fault;form.intactnessRate=data.intactnessRate;};
|
|
361
|
+
},setup(){const form=reactive({electromechanical:0,function:0,fault:0,intactnessRate:0});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"deviceOverview"});form.electromechanical=data.electromechanical;form.function=data.function;form.fault=data.fault;form.intactnessRate=data.intactnessRate;};const stopInterval=useInterval(getData,5000);onBeforeUnmount(stopInterval);return ()=>createVNode("div",{"class":"device-overview"},[createVNode(Item,{"name":"机电设备","unit":"台","color":"blue","value":form.electromechanical,"img":"jidianshebei"},null),createVNode(Item,{"name":"运行设备","unit":"台","color":"green","value":form.function,"img":"yunxingshebei"},null),createVNode(Item,{"name":"故障设备","unit":"台","color":"red","value":form.fault,"img":"guzhangshebei"},null),createVNode(Item,{"name":"完好率","unit":"%","color":"yellow","value":form.intactnessRate,"img":"wanhaolv"},null)]);}});const mock$2={"electromechanical|1000-3900":1,"function|100-1000":1,"fault|100-1000":1,"intactnessRate|1-100":1};const cardList$1=[storageInfo$1,storageInfo,storageInfo$2,OutTransportStatistics,RealTimeAshWater,ConsumeAnalysis,RawCoalSendIn2,MechineTimeDayStatistics,OverhaulPlan,DrySeparationPlant,LuLingDayStatistics,HumanResources,EnergyConsumptionInfo,DeviceOverview];const Events$1$3={WEBRTC_NOT_SUPPORT:"WEBRTC_NOT_SUPPORT",WEBRTC_ICE_CANDIDATE_ERROR:"WEBRTC_ICE_CANDIDATE_ERROR",WEBRTC_OFFER_ANWSER_EXCHANGE_FAILED:"WEBRTC_OFFER_ANWSER_EXCHANGE_FAILED",WEBRTC_ON_REMOTE_STREAMS:"WEBRTC_ON_REMOTE_STREAMS",WEBRTC_ON_LOCAL_STREAM:"WEBRTC_ON_LOCAL_STREAM",WEBRTC_ON_CONNECTION_STATE_CHANGE:"WEBRTC_ON_CONNECTION_STATE_CHANGE",CAPTURE_STREAM_FAILED:"CAPTURE_STREAM_FAILED"};// Copyright (C) <2018> Intel Corporation
|
|
356
362
|
//
|
|
357
363
|
// SPDX-License-Identifier: Apache-2.0
|
|
358
364
|
// eslint-disable-next-line require-jsdoc
|
|
@@ -1091,9 +1097,9 @@ equipment:"PC",// 所属设备 PC:电脑 PHONE:手机 PAD:平板
|
|
|
1091
1097
|
props:{prefix:String,// 接口前缀
|
|
1092
1098
|
serverName:String,// 接口文件名
|
|
1093
1099
|
timeout:Number// 接口请求超时时长
|
|
1094
|
-
},setup(){const form=reactive({systemYieldData:[],coalRankYieldData:[]});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"productionStatistics"});form.systemYieldData=data.systemYieldData;form.coalRankYieldData=data.coalRankYieldData;};
|
|
1100
|
+
},setup(){const form=reactive({systemYieldData:[],coalRankYieldData:[]});const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"productionStatistics"});form.systemYieldData=data.systemYieldData;form.coalRankYieldData=data.coalRankYieldData;};const stopInterval=useInterval(getData,5000);onBeforeUnmount(stopInterval);return ()=>createVNode("div",{"class":"production-statistics"},[createVNode(SystemYield,{"data":form.systemYieldData},null),createVNode(CoalRankYield,{"data":form.coalRankYieldData},null)]);}});const mock={systemYieldData:[{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:[{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$d,remoteSwitchhouse:mock$y,substation:mock$x,electricMonitor:mock$m,rawCoalSendIn2:mock$9,productionPlan2:mock$e,productionStatistics:mock,mechineTimeDayStatistics:mock$8,drySeparationPlant:mock$6,luLingDayStatistics:mock$5,humanResources:mock$4,energyConsumptionInfo:mock$3,logisticsInfo:mock$k,commodityConsume:mock$j,deviceOverview:mock$2,overhaulPlan:mock$7,smartInspection:mock$n,remoteElectricity:mock$u,alarmFaultDanger:mock$l,productionPlan:mock$i,washingRawCoalQuantity:mock$h,washingSystemHandleQuantity:mock$q,systemRunStatus:mock$p,realTimeAshWater:mock$b,consumeAnalysis:mock$a,alarmInfo:mock$w,keyEquipmentTesting:mock$s,opsInfo:mock$r,hiddenTrouble:mock$v,faultJudgment:mock$t,rawCoalSendIn:mock$g,warehouseStorage:mock$f,sendInOutCoalList:mock$o,outTransportStatistics:mock$c,videos:mock$1};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};
|
|
1095
1101
|
|
|
1096
|
-
var version = "0.0.
|
|
1102
|
+
var version = "0.0.16";
|
|
1097
1103
|
|
|
1098
1104
|
const config$1 = {
|
|
1099
1105
|
prefix: "inl"
|
|
@@ -33360,17 +33366,20 @@ var addGrouping = defineComponent({
|
|
|
33360
33366
|
visible: false,
|
|
33361
33367
|
title: ""
|
|
33362
33368
|
});
|
|
33369
|
+
const formRef = ref();
|
|
33363
33370
|
const addPhotoShow = () => {
|
|
33364
33371
|
addPhtot.visible = true;
|
|
33365
33372
|
addPhtot.title = "";
|
|
33366
33373
|
};
|
|
33367
|
-
const addPhotoSave =
|
|
33368
|
-
|
|
33369
|
-
|
|
33370
|
-
|
|
33371
|
-
|
|
33372
|
-
|
|
33373
|
-
|
|
33374
|
+
const addPhotoSave = () => {
|
|
33375
|
+
formRef.value.validateFields().then(async () => {
|
|
33376
|
+
const params = {
|
|
33377
|
+
name: addPhtot.title
|
|
33378
|
+
};
|
|
33379
|
+
await api$m.saveGroupTabs(params);
|
|
33380
|
+
context.emit("addPhoto");
|
|
33381
|
+
addPhtot.visible = false;
|
|
33382
|
+
});
|
|
33374
33383
|
};
|
|
33375
33384
|
const addPhotoClose = () => {
|
|
33376
33385
|
addPhtot.visible = false;
|
|
@@ -33392,18 +33401,33 @@ var addGrouping = defineComponent({
|
|
|
33392
33401
|
}, {
|
|
33393
33402
|
default: () => [createVNode("div", {
|
|
33394
33403
|
"class": "add-grouping-modal-min"
|
|
33395
|
-
}, [createVNode("
|
|
33396
|
-
"
|
|
33397
|
-
|
|
33398
|
-
|
|
33399
|
-
|
|
33400
|
-
|
|
33401
|
-
|
|
33402
|
-
|
|
33404
|
+
}, [createVNode(resolveComponent("a-form"), {
|
|
33405
|
+
"model": addPhtot,
|
|
33406
|
+
"ref": formRef
|
|
33407
|
+
}, {
|
|
33408
|
+
default: () => [createVNode(resolveComponent("a-form-item"), {
|
|
33409
|
+
"label": "分组类型名称",
|
|
33410
|
+
"rules": {
|
|
33411
|
+
required: true,
|
|
33412
|
+
message: "分组类型名称不能为空",
|
|
33413
|
+
whitespace: true,
|
|
33414
|
+
trigger: "blur"
|
|
33415
|
+
},
|
|
33416
|
+
"name": "title"
|
|
33417
|
+
}, {
|
|
33418
|
+
default: () => [createVNode(resolveComponent("a-input"), {
|
|
33419
|
+
"value": addPhtot.title,
|
|
33420
|
+
"onUpdate:value": $event => addPhtot.title = $event
|
|
33421
|
+
}, null)]
|
|
33422
|
+
})]
|
|
33423
|
+
})])]
|
|
33403
33424
|
})]);
|
|
33404
33425
|
}
|
|
33405
33426
|
});
|
|
33406
33427
|
|
|
33428
|
+
function _isSlot$M(s) {
|
|
33429
|
+
return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
|
|
33430
|
+
}
|
|
33407
33431
|
const dataList = [];
|
|
33408
33432
|
const generateList = data => {
|
|
33409
33433
|
let list = [];
|
|
@@ -33442,9 +33466,6 @@ const getParentKey = (key, tree) => {
|
|
|
33442
33466
|
}
|
|
33443
33467
|
return parentKey;
|
|
33444
33468
|
};
|
|
33445
|
-
function _isSlot$M(s) {
|
|
33446
|
-
return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
|
|
33447
|
-
}
|
|
33448
33469
|
const com$j = defineComponent({
|
|
33449
33470
|
props: {
|
|
33450
33471
|
serverName: {
|
|
@@ -33461,6 +33482,8 @@ const com$j = defineComponent({
|
|
|
33461
33482
|
const searchValue = ref("");
|
|
33462
33483
|
const autoExpandParent = ref(true);
|
|
33463
33484
|
const gData = ref();
|
|
33485
|
+
const typeFormRef = ref();
|
|
33486
|
+
const nameFormRef = ref();
|
|
33464
33487
|
const data = reactive({
|
|
33465
33488
|
titleType: 0,
|
|
33466
33489
|
move: false,
|
|
@@ -33475,7 +33498,7 @@ const com$j = defineComponent({
|
|
|
33475
33498
|
const getGroup = async () => {
|
|
33476
33499
|
const res = await api$m.getGroup();
|
|
33477
33500
|
data.list = res.data;
|
|
33478
|
-
getQueryGroup(data.list[data.titleType]);
|
|
33501
|
+
await getQueryGroup(data.list[data.titleType]);
|
|
33479
33502
|
};
|
|
33480
33503
|
const moveIn = index => {
|
|
33481
33504
|
if (data.titleType === index) {
|
|
@@ -33505,24 +33528,26 @@ const com$j = defineComponent({
|
|
|
33505
33528
|
};
|
|
33506
33529
|
const saveCamera = async params => {
|
|
33507
33530
|
await api$m.saveCamera(params);
|
|
33508
|
-
getGroup();
|
|
33531
|
+
await getGroup();
|
|
33509
33532
|
};
|
|
33510
33533
|
const saveGroup = async params => {
|
|
33511
33534
|
await api$m.saveGroup(params);
|
|
33512
|
-
getGroup();
|
|
33535
|
+
await getGroup();
|
|
33513
33536
|
};
|
|
33514
33537
|
const saveGroupTabs = async params => {
|
|
33515
33538
|
await api$m.saveGroupTabs(params);
|
|
33516
|
-
getGroup();
|
|
33539
|
+
await getGroup();
|
|
33517
33540
|
};
|
|
33518
33541
|
const titleNameSave = () => {
|
|
33519
|
-
|
|
33520
|
-
|
|
33521
|
-
|
|
33522
|
-
|
|
33523
|
-
|
|
33524
|
-
|
|
33525
|
-
|
|
33542
|
+
typeFormRef.value.validateFields().then(async () => {
|
|
33543
|
+
const params = {
|
|
33544
|
+
name: data.list[data.titleType].name,
|
|
33545
|
+
id: data.list[data.titleType].id,
|
|
33546
|
+
uuid: data.list[data.titleType].uuid
|
|
33547
|
+
};
|
|
33548
|
+
await saveGroupTabs(params);
|
|
33549
|
+
data.editTitleNameType = false;
|
|
33550
|
+
});
|
|
33526
33551
|
};
|
|
33527
33552
|
const titleNameEdit = (index, e) => {
|
|
33528
33553
|
e.stopPropagation();
|
|
@@ -33531,7 +33556,7 @@ const com$j = defineComponent({
|
|
|
33531
33556
|
const groupingDeleId = async id => {
|
|
33532
33557
|
await api$m.deleteGroupId(id);
|
|
33533
33558
|
data.titleType = 0;
|
|
33534
|
-
getGroup();
|
|
33559
|
+
await getGroup();
|
|
33535
33560
|
};
|
|
33536
33561
|
const videoData = reactive({
|
|
33537
33562
|
list: []
|
|
@@ -33571,7 +33596,7 @@ const com$j = defineComponent({
|
|
|
33571
33596
|
await api$m.delGroupRelCamera(params);
|
|
33572
33597
|
}
|
|
33573
33598
|
selectedKeys.value = [];
|
|
33574
|
-
getGroup();
|
|
33599
|
+
await getGroup();
|
|
33575
33600
|
};
|
|
33576
33601
|
const modifyModelVisible = ref(false);
|
|
33577
33602
|
const modifyName = async () => {
|
|
@@ -33580,14 +33605,16 @@ const com$j = defineComponent({
|
|
|
33580
33605
|
modifyModelVisible.value = true;
|
|
33581
33606
|
};
|
|
33582
33607
|
const modifyNameSave = () => {
|
|
33583
|
-
|
|
33584
|
-
|
|
33585
|
-
|
|
33586
|
-
|
|
33587
|
-
|
|
33588
|
-
|
|
33589
|
-
|
|
33590
|
-
|
|
33608
|
+
nameFormRef.value.validateFields().then(async () => {
|
|
33609
|
+
const params = {
|
|
33610
|
+
id: pitchOn.data.node.id,
|
|
33611
|
+
name: pitchOn.data.node.title,
|
|
33612
|
+
uuid: pitchOn.data.node.uuid,
|
|
33613
|
+
groupTypeUuid: data.list[data.titleType].uuid
|
|
33614
|
+
};
|
|
33615
|
+
await saveGroup(params);
|
|
33616
|
+
modifyModelVisible.value = false;
|
|
33617
|
+
});
|
|
33591
33618
|
};
|
|
33592
33619
|
const modifyNameClose = () => {
|
|
33593
33620
|
modifyModelVisible.value = false;
|
|
@@ -33764,12 +33791,26 @@ const com$j = defineComponent({
|
|
|
33764
33791
|
}, {
|
|
33765
33792
|
default: () => [createVNode("div", {
|
|
33766
33793
|
"class": "modify-model-min"
|
|
33767
|
-
}, [createVNode("
|
|
33768
|
-
"
|
|
33769
|
-
|
|
33770
|
-
|
|
33771
|
-
|
|
33772
|
-
|
|
33794
|
+
}, [createVNode(resolveComponent("a-form"), {
|
|
33795
|
+
"model": pitchOn.data.node,
|
|
33796
|
+
"ref": nameFormRef
|
|
33797
|
+
}, {
|
|
33798
|
+
default: () => [createVNode(resolveComponent("a-form-item"), {
|
|
33799
|
+
"label": "分组名称",
|
|
33800
|
+
"rules": {
|
|
33801
|
+
required: true,
|
|
33802
|
+
message: "分组名称不能为空",
|
|
33803
|
+
whitespace: true,
|
|
33804
|
+
trigger: "blur"
|
|
33805
|
+
},
|
|
33806
|
+
"name": "title"
|
|
33807
|
+
}, {
|
|
33808
|
+
default: () => [createVNode(resolveComponent("a-input"), {
|
|
33809
|
+
"value": pitchOn.data.node.title,
|
|
33810
|
+
"onUpdate:value": $event => pitchOn.data.node.title = $event
|
|
33811
|
+
}, null)]
|
|
33812
|
+
})]
|
|
33813
|
+
})])]
|
|
33773
33814
|
}), createVNode(resolveComponent("a-modal"), {
|
|
33774
33815
|
"centered": true,
|
|
33775
33816
|
"visible": addModel.visible,
|
|
@@ -33801,12 +33842,26 @@ const com$j = defineComponent({
|
|
|
33801
33842
|
})]
|
|
33802
33843
|
})]), [[vShow, addModel.itemType === "item"]]), addModel.type === "zu" ? createVNode("div", {
|
|
33803
33844
|
"class": "grouping-phto-min"
|
|
33804
|
-
}, [createVNode("
|
|
33805
|
-
"
|
|
33806
|
-
|
|
33807
|
-
|
|
33808
|
-
|
|
33809
|
-
|
|
33845
|
+
}, [createVNode(resolveComponent("a-form"), {
|
|
33846
|
+
"model": pitchOn.data.node,
|
|
33847
|
+
"ref": nameFormRef
|
|
33848
|
+
}, {
|
|
33849
|
+
default: () => [createVNode(resolveComponent("a-form-item"), {
|
|
33850
|
+
"label": "分组",
|
|
33851
|
+
"rules": {
|
|
33852
|
+
required: true,
|
|
33853
|
+
message: "分组不能为空",
|
|
33854
|
+
whitespace: true,
|
|
33855
|
+
trigger: "blur"
|
|
33856
|
+
},
|
|
33857
|
+
"name": "title"
|
|
33858
|
+
}, {
|
|
33859
|
+
default: () => [createVNode(resolveComponent("a-input"), {
|
|
33860
|
+
"value": addModel.value,
|
|
33861
|
+
"onUpdate:value": $event => addModel.value = $event
|
|
33862
|
+
}, null)]
|
|
33863
|
+
})]
|
|
33864
|
+
})]) : createVNode("div", {
|
|
33810
33865
|
"class": "grouping-phto-min"
|
|
33811
33866
|
}, [createVNode("span", {
|
|
33812
33867
|
"class": "lable"
|
|
@@ -33836,12 +33891,26 @@ const com$j = defineComponent({
|
|
|
33836
33891
|
}, {
|
|
33837
33892
|
default: () => [createVNode("div", {
|
|
33838
33893
|
"class": "modify-model-min"
|
|
33839
|
-
}, [createVNode("
|
|
33840
|
-
"
|
|
33841
|
-
|
|
33842
|
-
|
|
33843
|
-
|
|
33844
|
-
|
|
33894
|
+
}, [createVNode(resolveComponent("a-form"), {
|
|
33895
|
+
"model": data,
|
|
33896
|
+
"ref": typeFormRef
|
|
33897
|
+
}, {
|
|
33898
|
+
default: () => [createVNode(resolveComponent("a-form-item"), {
|
|
33899
|
+
"label": "分组类型名称",
|
|
33900
|
+
"rules": {
|
|
33901
|
+
required: true,
|
|
33902
|
+
message: "分组类型名称不能为空",
|
|
33903
|
+
whitespace: true,
|
|
33904
|
+
trigger: "blur"
|
|
33905
|
+
},
|
|
33906
|
+
"name": ["list", data.titleType, "name"]
|
|
33907
|
+
}, {
|
|
33908
|
+
default: () => [createVNode(resolveComponent("a-input"), {
|
|
33909
|
+
"value": data.list[data.titleType].name,
|
|
33910
|
+
"onUpdate:value": $event => data.list[data.titleType].name = $event
|
|
33911
|
+
}, null)]
|
|
33912
|
+
})]
|
|
33913
|
+
})])]
|
|
33845
33914
|
})]);
|
|
33846
33915
|
};
|
|
33847
33916
|
}
|
|
@@ -33936,7 +34005,7 @@ const com$i = defineComponent({
|
|
|
33936
34005
|
};
|
|
33937
34006
|
const deleteAlarm = async param => {
|
|
33938
34007
|
await api$m.deleteNvr(param.record);
|
|
33939
|
-
getData();
|
|
34008
|
+
await getData();
|
|
33940
34009
|
};
|
|
33941
34010
|
const newAlarm = () => {
|
|
33942
34011
|
data.formState = {
|
|
@@ -33964,23 +34033,27 @@ const com$i = defineComponent({
|
|
|
33964
34033
|
}, [createTextVNode("\u79BB\u7EBF")]);
|
|
33965
34034
|
}
|
|
33966
34035
|
if (param.column.dataIndex === "operation") {
|
|
33967
|
-
return createVNode("
|
|
33968
|
-
|
|
33969
|
-
|
|
33970
|
-
|
|
33971
|
-
|
|
33972
|
-
|
|
33973
|
-
}
|
|
33974
|
-
|
|
33975
|
-
|
|
33976
|
-
|
|
33977
|
-
|
|
33978
|
-
|
|
33979
|
-
|
|
33980
|
-
|
|
33981
|
-
|
|
33982
|
-
|
|
33983
|
-
|
|
34036
|
+
return createVNode(resolveComponent("a-space"), null, {
|
|
34037
|
+
default: () => [createVNode(resolveComponent("a-button"), {
|
|
34038
|
+
"type": "link",
|
|
34039
|
+
"onClick": () => {
|
|
34040
|
+
editAlarm(param);
|
|
34041
|
+
}
|
|
34042
|
+
}, {
|
|
34043
|
+
default: () => [createTextVNode("\u7F16\u8F91")]
|
|
34044
|
+
}), createVNode(resolveComponent("a-popconfirm"), {
|
|
34045
|
+
"title": "确定删除?",
|
|
34046
|
+
"onConfirm": () => {
|
|
34047
|
+
deleteAlarm(param);
|
|
34048
|
+
}
|
|
34049
|
+
}, {
|
|
34050
|
+
default: () => [createVNode(resolveComponent("a-button"), {
|
|
34051
|
+
"type": "link"
|
|
34052
|
+
}, {
|
|
34053
|
+
default: () => [createTextVNode("\u5220\u9664")]
|
|
34054
|
+
})]
|
|
34055
|
+
})]
|
|
34056
|
+
});
|
|
33984
34057
|
}
|
|
33985
34058
|
return true;
|
|
33986
34059
|
};
|
|
@@ -33989,7 +34062,7 @@ const com$i = defineComponent({
|
|
|
33989
34062
|
const saveSetting = () => {
|
|
33990
34063
|
formRef.value.validate().then(async () => {
|
|
33991
34064
|
await api$m.saveNvr(data.formState);
|
|
33992
|
-
getData();
|
|
34065
|
+
await getData();
|
|
33993
34066
|
data.dialog = false;
|
|
33994
34067
|
}).catch(error => {});
|
|
33995
34068
|
};
|
|
@@ -40022,7 +40095,7 @@ var NewOrder = defineComponent({
|
|
|
40022
40095
|
}, {
|
|
40023
40096
|
default: () => [createVNode("div", {
|
|
40024
40097
|
"class": "modal_content flex",
|
|
40025
|
-
"style": "max-height: 500px;"
|
|
40098
|
+
"style": "width: 1152px; max-height: 500px;"
|
|
40026
40099
|
}, [createVNode("div", {
|
|
40027
40100
|
"class": "left"
|
|
40028
40101
|
}, [createVNode(Table, {
|
|
@@ -65737,11 +65810,11 @@ var Plan = defineComponent({
|
|
|
65737
65810
|
"size": "small",
|
|
65738
65811
|
"controls": false,
|
|
65739
65812
|
"precision": precision
|
|
65740
|
-
}, null) : createVNode("div", null, [commodity.truckPlanAmount
|
|
65813
|
+
}, null) : createVNode("div", null, [commodity.truckPlanAmount?.toFixed(precision)])]), createVNode("div", {
|
|
65741
65814
|
"class": "flex1 borderRight flexC"
|
|
65742
|
-
}, [commodity.railwayActualQuantity
|
|
65815
|
+
}, [commodity.railwayActualQuantity?.toFixed(precision)]), "truckActualQuantity" in commodity && createVNode("div", {
|
|
65743
65816
|
"class": "flex1 borderRight flexC"
|
|
65744
|
-
}, [commodity.truckActualQuantity
|
|
65817
|
+
}, [commodity.truckActualQuantity?.toFixed(precision)])])), createVNode("div", {
|
|
65745
65818
|
"class": "flex borderBottom"
|
|
65746
65819
|
}, [createVNode("div", {
|
|
65747
65820
|
"class": "textLine flex1 borderRight flexC textRight"
|