inl-ui 0.0.13 → 0.0.14
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 +5 -5
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -17,7 +17,7 @@ import { ColorPicker } from 'vue-color-kit';
|
|
|
17
17
|
import 'vue-color-kit/dist/vue-color-kit.css';
|
|
18
18
|
import 'inl-card/dist/style.css';
|
|
19
19
|
|
|
20
|
-
var version$1="0.0.
|
|
20
|
+
var version$1="0.0.63";/*
|
|
21
21
|
* @Abstract: 摘要
|
|
22
22
|
* @Author: wang liang
|
|
23
23
|
* @Date: 2022-03-25 10:44:08
|
|
@@ -144,7 +144,7 @@ const columnsOut=[{title:"销货商",dataIndex:"seller"},{title:"具体时间",d
|
|
|
144
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;};onMounted(getData);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
145
|
* 故障、报警、隐患
|
|
146
146
|
*/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;};onMounted(getData);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|
|
|
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;};onMounted(getData);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
148
|
exitFullscreen(id){const dom=document.getElementById(id);dom.addEventListener("click",event=>{if(document.fullscreenElement===dom){document.exitFullscreen();}event.preventDefault();});},// 进入全屏
|
|
149
149
|
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
150
|
* 物流信息
|
|
@@ -326,7 +326,7 @@ const textAlign="center";group.addShape({type:"text",attrs:{x:0,y:0,text:obj.nam
|
|
|
326
326
|
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
327
|
* 检修计划
|
|
328
328
|
*/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;};onMounted(getData);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.
|
|
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;};onMounted(getData);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
330
|
// { name: "孙瞳", value: 1500 },
|
|
331
331
|
// { name: "袁一", value: 1200 },
|
|
332
332
|
// { name: "青东", value: 1600 },
|
|
@@ -1077,7 +1077,7 @@ const stopPlay=()=>{if(play){play.stopPlay(`videoPlayer${time$1}${_prop.index||0
|
|
|
1077
1077
|
const init=()=>{play=null;const camera=videoInfo.value;const{channel,streamType}=camera;let url=camera.webrtcTemplateMerged;if(channel&&streamType&&url.indexOf("${channel}")>-1&&url.indexOf("${streamType}")>-1){url=url.replaceAll("${channel}",channel);url=url.replaceAll("${streamType}",streamType);play=new WebRtcMt$3({plays:{videoElm:`videoPlayer${time$1}${_prop.index||0}`,mediaServerAddr:camera.mediaServerPo.url,cameraUserName:camera.user,cameraPwd:camera.pass,cameraIp:camera.ip,cameraRtspPort:camera.rtspPort,cameraChannel:camera.channel,cameraStream:camera.streamType,addRtspProxyUrl:url}});}else {message.error("缺少参数");}};const stopV=id=>{const videoElement=document.getElementById(id);if(videoElement){videoElement.pause();videoElement.removeAttribute("src");// empty source
|
|
1078
1078
|
videoElement.load();}};const timer=setInterval(()=>{stopPlay();stopV(`videoPlayer${timer}${_prop.index||0}`);init();},3600000);// 播放信息变化初始化视频
|
|
1079
1079
|
watch(()=>_prop.camera,async e=>{stopPlay();stopV(`videoPlayer${timer}${_prop.index||0}`);if(e&&typeof e==="object"){videoInfo.value=e;init();}else if(e&&typeof e==="string"){const res=await instance$1$1.get("vms/v1/camera/getByUuid",{params:{uuid:e}});if(res.data){videoInfo.value=res.data;init();}}},{immediate:true,deep:true});// 页面销毁时停止播放视频流
|
|
1080
|
-
onUnmounted(()=>{stopPlay();stopV(`videoPlayer${timer}${_prop.index||0}`);clearInterval(timer);});return ()=>createVNode("video",{"id":`videoPlayer${time$1}${_prop.index||0}`,"style":"height:100%;width:100%;position: relative;background-color: #000000;","muted":true,"autoplay":true},null);}});const props$6$1={data:{type:Object},index:Number};const video=defineComponent({props:props$6$1,components:{VideoPlayer: VideoPlayer$2},setup(props,ctx){return ()=>createVNode("div",{"class":"video"},[
|
|
1080
|
+
onUnmounted(()=>{stopPlay();stopV(`videoPlayer${timer}${_prop.index||0}`);clearInterval(timer);});return ()=>createVNode("video",{"id":`videoPlayer${time$1}${_prop.index||0}`,"style":"height:100%;width:100%;position: relative;background-color: #000000;","muted":true,"autoplay":true},null);}});const props$6$1={data:{type:Object},index:Number};const video=defineComponent({props:props$6$1,components:{VideoPlayer: VideoPlayer$2},setup(props,ctx){return ()=>createVNode("div",{"class":"video"},[createTextVNode("23"),createVNode("div",{"class":"tool flex"},[createVNode(VideoCameraFilled,{"class":"icon blue"},null),createVNode("div",{"class":"flex1"},[props.data?.name]),createVNode("div",{"class":"full"},[createVNode(FullscreenOutlined,{"class":"yellow"},null)])])]);}});const videos=defineComponent({name:"videos",cname:"视频",developer:"前端开发组",equipment:"PC",setup(){const videoList=ref([]);const getData=async()=>{const{data}=await instance$1$1.post("/getCardData",{card:"videos"});videoList.value=data.rows;};onMounted(getData);return ()=>createVNode("div",{"class":"videos"},[videoList.value.map((ele,index)=>{return createVNode(video,{"data":ele,"index":index},null);})]);}});const mock$1={"rows|9":[{name:"@cword('东西',1)区@cword('装卸')车",camera:"c360022543485562880"}]};const props$5$1={tabId:String,workShopType:String,cardCode:String,prefix:String,serverName:String,timeout:Number,index:Number// 索引值
|
|
1081
1081
|
};var demoCard=defineComponent({name:"demoCard",cname:"默认卡片",developer:"前端开发组",equipment:"PC",props:props$5$1,setup(_props,_ctx){// 自定义接口配置
|
|
1082
1082
|
setInstance$1$1({prefix:_props.prefix,serverName:_props.serverName,timeout:_props.timeout// 超时时长
|
|
1083
1083
|
});const http=async()=>{await defaultApi({CURRENT_DATA:[{code:"flow_monitor_air2__FLOW",datasource:"DATAWAREHOURSE"}],HISTORY_DATA:[{code:"flow_monitor_air1__FLOW",startTime:2022,endTime:2023,timeType:"YEAR",shiftId:"0"}]},"TAIL_COAL_FILTER_PRESS");};onMounted(()=>{http();});return ()=>createVNode("div",{"class":"default"},[createTextVNode("111")]);}});const cards=[...defaultCard,...bigScreenCard,...dataList$1,...chart,...cardList$1,videos,demoCard];const props$4$1={layout:{type:String,default:"pc"},row:{type:Number,default:4},col:{type:Number,default:5},cards:{type:Array,default:[{name:"默认卡片",componentName:"default",row:"1/1",col:"3/1",params:{workShopType:"index",cardCode:"",prefix:"/api/",serverName:"card/v1",timeout:30// 超时时间 单位:s
|
|
@@ -1093,7 +1093,7 @@ serverName:String,// 接口文件名
|
|
|
1093
1093
|
timeout:Number// 接口请求超时时长
|
|
1094
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;};onMounted(getData);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
1095
|
|
|
1096
|
-
var version = "0.0.
|
|
1096
|
+
var version = "0.0.14";
|
|
1097
1097
|
|
|
1098
1098
|
const config$1 = {
|
|
1099
1099
|
prefix: "inl"
|