282 lines
15 KiB
JavaScript
282 lines
15 KiB
JavaScript
/** 设备异常上报数据 **/
|
|
const PriorityComponent = {
|
|
name: 'PriorityComponent',
|
|
props: {
|
|
injectData: Object
|
|
},
|
|
computed: {
|
|
bgColor() {
|
|
const colors = [
|
|
'#9c4048',
|
|
'#ffbd43',
|
|
'#0b58ff',
|
|
'#90dd48',
|
|
'#449028',
|
|
'#091238'
|
|
]
|
|
return colors[this.injectData.priority - 1]
|
|
},
|
|
priorityText() {
|
|
return [
|
|
'一级',
|
|
'二级',
|
|
'三级',
|
|
'四级',
|
|
'五级'
|
|
][this.injectData.priority - 1]
|
|
}
|
|
},
|
|
methods: {},
|
|
render: function (h) {
|
|
return h('span', { style: { display: 'inline-block', borderRadius: '2px', padding: '2px 8px', color: '#fff', opacity: '0.6', backgroundColor: this.bgColor } }, this.priorityText)
|
|
}
|
|
}
|
|
|
|
export const equipmentExceptionProps = [
|
|
{ label: '设备名称', prop: 'eqName', align: 'center', 'min-width': 55 },
|
|
{ label: '所属产线', prop: 'pl', align: 'center', 'min-width': 55 },
|
|
{ label: '报修/异常内容', prop: 'content', align: 'center', 'min-width': 80 },
|
|
{ label: '报修/发现人', prop: 'creator', align: 'center', 'min-width': 60 },
|
|
{ label: '时间', prop: 'time', align: 'center', 'min-width': 80 },
|
|
{ label: '优先级', prop: 'priority', align: 'center', subcomponent: PriorityComponent, 'min-width': 55 }
|
|
]
|
|
|
|
export const equipmentExceptionDatalist = [
|
|
{ "eqName": "丝印机", "pl": "A", "content": "网版推出异常", "creator": "马磊", "time": "2022-11-20 22:00:34", "priority": 3 },
|
|
{ "eqName": "清洗机", "pl": "B", "content": "毛刷过载", "creator": "贺刚", "time": "2022-11-20 06:30:01", "priority": 2 },
|
|
{ "eqName": "磨边机", "pl": "B", "content": "磨轮过载", "creator": "冯丽", "time": "2022-11-20 07:09:16", "priority": 2 },
|
|
{ "eqName": "镀膜", "pl": "A", "content": "胶辊变频异常", "creator": "梁秀兰", "time": "2022-11-20 08:21:36", "priority": 3 },
|
|
{ "eqName": "丝印机", "pl": "B", "content": "印刷轴异常", "creator": "卢敏", "time": "2022-11-20 04:45:00", "priority": 2 },
|
|
{ "eqName": "磨边机", "pl": "A", "content": "磨轮过载", "creator": "方勇", "time": "2022-11-20 06:41:06", "priority": 2 },
|
|
{ "eqName": "清洗机", "pl": "B", "content": "毛刷过载", "creator": "赵静", "time": "2022-11-20 03:36:47", "priority": 2 },
|
|
{ "eqName": "镀膜", "pl": "A", "content": "胶辊变频异常", "creator": "姜洋", "time": "2022-11-20 07:56:26", "priority": 3 },
|
|
{ "eqName": "磨边机", "pl": "A", "content": "磨轮过载", "creator": "赖艳", "time": "2022-11-20 12:01:14", "priority": 1 },
|
|
{ "eqName": "丝印机", "pl": "A", "content": "进气压力过低", "creator": "熊静", "time": "2022-11-20 03:24:33", "priority": 1 },
|
|
{ "eqName": "清洗机", "pl": "B", "content": "进料检测异常", "creator": "龚明", "time": "2022-11-21 16:26:11", "priority": 2 },
|
|
{ "eqName": "钢化炉", "pl": "A", "content": "传动变频器故障", "creator": "万娟", "time": "2022-11-21 08:44:41", "priority": 2 },
|
|
{ "eqName": "丝印机", "pl": "B", "content": "进气压力过低", "creator": "徐丽", "time": "2022-11-21 21:15:10", "priority": 2 },
|
|
{ "eqName": "镀膜", "pl": "A", "content": "固化变频异常", "creator": "叶娜", "time": "2022-11-21 22:45:13", "priority": 1 },
|
|
{ "eqName": "钢化炉", "pl": "A", "content": "传动变频器故障", "creator": "田磊", "time": "2022-11-21 07:24:59", "priority": 2 },
|
|
{ "eqName": "钢化炉", "pl": "A", "content": "加热炉体超温报警", "creator": "邱平", "time": "2022-11-21 17:53:18", "priority": 2 },
|
|
{ "eqName": "磨边机", "pl": "B", "content": "磨轮过载", "creator": "赵艳", "time": "2022-11-21 18:10:32", "priority": 2 },
|
|
{ "eqName": "钢化炉", "pl": "B", "content": "传动变频器故障", "creator": "江伟", "time": "2022-11-21 17:29:44", "priority": 2 },
|
|
{ "eqName": "清洗机", "pl": "B", "content": "输送变频报警", "creator": "周洋", "time": "2022-11-21 02:49:09", "priority": 3 },
|
|
{ "eqName": "磨边机", "pl": "A", "content": "磨轮过载", "creator": "邱超", "time": "2022-11-21 20:41:53", "priority": 1 },
|
|
]
|
|
|
|
/** 设备异常报警 */
|
|
const LifeRemainComponent = {
|
|
name: 'LifeRemainComponent',
|
|
props: {
|
|
injectData: Object
|
|
},
|
|
computed: {
|
|
remainLeftPercentage() {
|
|
return this.injectData.remain / 300
|
|
},
|
|
statusColor() {
|
|
const colors = [
|
|
'rgba(255,84,76,0.6)', // red < 10%
|
|
'#FFBD43', // yellow < 20%
|
|
'rgba(142,254,83,0.6)' // green
|
|
]
|
|
return this.remainLeftPercentage < 0.1 ? colors[0] : this.remainLeftPercentage < 0.2 ? colors[1] : colors[2]
|
|
}
|
|
|
|
},
|
|
render: function (h) {
|
|
return h('span', {
|
|
style:
|
|
{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0, width: '100%', height: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center' }
|
|
// { position: 'absolute', top: 0, left: 0, right: 0, bottom: 0, width: '100%', height: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center', opacity: '0.8', backgroundColor: this.statusColor, color: '#fff' }
|
|
},
|
|
[
|
|
h('span', { style: { color: this.remainLeftPercentage < 0.1 ? 'rgba(255,84,76,0.6)' : this.remainLeftPercentage < 0.2 ? '#FFBD43' : '#ffffffee' } }, this.injectData.remain),
|
|
h('span', { style: { position: 'absolute', top: 0, left: 0, right: 0, bottom: 0, width: this.remainLeftPercentage * 100 + '%', opacity: 0.8, backgroundColor: this.statusColor, } })
|
|
])
|
|
}
|
|
}
|
|
|
|
export const equipmentAlarmProps = [
|
|
{ label: '设备名称', prop: 'eqName', align: 'center', 'min-width': 100 },
|
|
{ label: '设备编码', prop: 'eqCode', align: 'center', 'min-width': 100 },
|
|
{ label: '所属产线', prop: 'pl', align: 'center' },
|
|
{ label: '报警级别', prop: 'priority', align: 'center', subcomponent: PriorityComponent, 'min-width': 85 },
|
|
{ label: '报警内容', prop: 'content', align: 'center' }
|
|
]
|
|
|
|
export const equipmentAlarmDatalist = [
|
|
{
|
|
"pl": "B", "eqName": "丝印机", "eqCode": "B5SP20200109025453", "content": "网版推出异常", "priority": 3
|
|
},
|
|
{ "pl": "A", "eqName": "磨边后清洗机", "eqCode": "A2CAE20210605043851", "content": "输送变频报警", "priority": 2 },
|
|
{ "pl": "B", "eqName": "磨边机", "eqCode": "B4ED20200328154356", "content": "磨轮过载", "priority": 1 },
|
|
{ "pl": "B", "eqName": "镀膜", "eqCode": "B5FC20220307070115", "content": "胶辊变频异常", "priority": 2 },
|
|
{ "pl": "B", "eqName": "丝印机", "eqCode": "B7SP20190927110003", "content": "印刷轴异常", "priority": 2 },
|
|
{
|
|
"pl": "A", "eqName": "清洗机", "eqCode": "A3CAP20200727075125", "content": "进料检测异常", "priority": 3
|
|
},
|
|
{ "pl": "A", "eqName": "丝印机", "eqCode": "A7SP20200512213432", "content": "进气压力过低", "priority": 3 },
|
|
{
|
|
"pl": "A", "eqName": "磨边机", "eqCode": "A4ED20220608145053", "content": "磨轮过载", "priority": 2
|
|
},
|
|
{ "pl": "B", "eqName": "钢化炉", "eqCode": "B4CO20200526045602", "content": "传动变频器故障", "priority": 1 },
|
|
{
|
|
"pl": "B", "eqName": "清洗机", "eqCode": "B6CAP20220326162041", "content": "毛刷过载", "priority": 2
|
|
},
|
|
{ "pl": "A", "eqName": "磨边机", "eqCode": "A4ED20200325081934", "content": "磨轮过载", "priority": 2 },
|
|
{
|
|
"pl": "B", "eqName": "丝印机", "eqCode": "B1SP20201220183649", "content": "印刷轴异常", "priority": 2
|
|
},
|
|
{ "pl": "A", "eqName": "镀膜", "eqCode": "A3SC20220414054819", "content": "固化变频异常", "priority": 2 },
|
|
{ "pl": "A", "eqName": "磨边机", "eqCode": "A8ED20200704010549", "content": "磨轮过载", "priority": 2 },
|
|
{ "pl": "B", "eqName": "清洗机", "eqCode": "B1CAT20200323134700", "content": "进料检测异常", "priority": 3 },
|
|
{ "pl": "A", "eqName": "丝印机", "eqCode": "A1SP20200513020427", "content": "网版推出异常", "priority": 1 },
|
|
{ "pl": "A", "eqName": "钢化炉", "eqCode": "A7CO20210928172616", "content": "加热炉体超温报警", "priority": 2 },
|
|
{ "pl": "A", "eqName": "镀膜", "eqCode": "A5SC20210104132647", "content": "固化变频异常", "priority": 1 },
|
|
{ "pl": "A", "eqName": "钢化炉", "eqCode": "A4ED20210225140150", "content": "加热炉体超温报警", "priority": 1 },
|
|
{ "pl": "B", "eqName": "清洗机", "eqCode": "B6CAP20200831083210", "content": "进料检测异常", "priority": 2 },
|
|
]
|
|
|
|
/** 设备分析 */
|
|
// 各产线稼动率
|
|
export const OEE_PER_LINE = {
|
|
A: 275,
|
|
B: 210,
|
|
C: 225,
|
|
D: 150,
|
|
E: 125
|
|
}
|
|
|
|
export const equipmentAnalysisData = [
|
|
{ 'name': '冷端下片单元', "oee": 0.62, "mtbr": 25, "mtbf": 54875 },
|
|
{ 'name': '磨边单元', "oee": 0.789, "mtbr": 25, "mtbf": 61323 },
|
|
{ 'name': '丝印', "oee": 0.83, "mtbr": 19, "mtbf": 89653 },
|
|
{ 'name': '上片机器人', "oee": 0.66, "mtbr": 30, "mtbf": 71839 },
|
|
{ 'name': '激光打孔', "oee": 0.71, "mtbr": 11, "mtbf": 39362 },
|
|
{ 'name': '镀膜', "oee": 0.686, "mtbr": 25, "mtbf": 62901 },
|
|
]
|
|
|
|
export const sparepartsProps = [
|
|
{ prop: 'name', label: '部件名称', align: 'center', 'min-width': 100 },
|
|
{ prop: 'eq', label: '所属设备', align: 'center', 'min-width': 60 },
|
|
{ prop: 'pl', label: '所属产线', align: 'center', 'min-width': 60 },
|
|
{ prop: 'update_time', label: '更换时间', align: 'center', 'min-width': 100 },
|
|
{ prop: 'remain', label: '剩余寿命', align: 'center', subcomponent: LifeRemainComponent, 'min-width': 100 },
|
|
{ prop: 'stock', label: '备件库存量', align: 'center', 'min-width': 50 },
|
|
{ prop: 'location', label: '库位', align: 'center', 'min-width': 100 },
|
|
]
|
|
|
|
export const sparepartsDatalist = [
|
|
{ "pl": "B", "name": "油墨、刮胶", "eq": "丝印机", "update_time": "2022-09-12 13:05:54", "remain": 104, "stock": 2, "location": "备件库-A-3" },
|
|
{ "pl": "A", "name": "镀膜液、异丙醇", "eq": "镀膜机", "update_time": "2022-09-24 08:34:36", "remain": 152, "stock": 10, "location": "备件库-D-1" },
|
|
{ "pl": "B", "name": "磨轮", "eq": "磨边机", "update_time": "2022-10-09 09:15:08", "remain": 169, "stock": 9, "location": "备件库-A-3" },
|
|
{ "pl": "B", "name": "镀膜辊", "eq": "镀膜机", "update_time": "2022-10-02 12:26:07", "remain": 33, "stock": 12, "location": "备件库-C-3" },
|
|
{ "pl": "A", "name": "磨轮", "eq": "磨边机", "update_time": "2022-11-14 04:43:21", "remain": 20, "stock": 11, "location": "备件库-E-9" },
|
|
{ "pl": "A", "name": "镀膜辊", "eq": "镀膜机", "update_time": "2022-10-25 15:19:57", "remain": 192, "stock": 8, "location": "备件库-D-9" },
|
|
{ "pl": "A", "name": "油墨、刮胶", "eq": "丝印机", "update_time": "2022-10-31 03:21:29", "remain": 96, "stock": 19, "location": "备件库-E-10" },
|
|
{ "pl": "B", "name": "网板", "eq": "丝印机", "update_time": "2022-09-01 15:49:08", "remain": 127, "stock": 8, "location": "备件库-E-10" },
|
|
{ "pl": "A", "name": "网板", "eq": "丝印机", "update_time": "2022-09-25 04:47:04", "remain": 83, "stock": 8, "location": "备件库-C-6" },
|
|
]
|
|
|
|
import { default as blue } from './blue.png'
|
|
import { default as orange } from './orange.png'
|
|
import { default as green } from './green.png'
|
|
import { default as red } from './red.png'
|
|
|
|
console.log('blue', blue)
|
|
|
|
const StatusComponent = {
|
|
name: 'StatusComponent',
|
|
props: {
|
|
injectData: Object
|
|
},
|
|
computed: {
|
|
statusColor() {
|
|
const colors = [green, orange, blue, red
|
|
// '#67ff55',
|
|
// '#e0e0e0',
|
|
// '#ffb70c',
|
|
// '#0b58ff',
|
|
// '#ff0c0c'
|
|
]
|
|
return colors[this.injectData.status - 1]
|
|
},
|
|
statusText() {
|
|
return [
|
|
'已完成',
|
|
// '已下发',
|
|
'已暂定',
|
|
'进行中',
|
|
'已结束'
|
|
][this.injectData.status - 1]
|
|
}
|
|
},
|
|
render: function (h) {
|
|
return h('span', { style: { display: 'flex', /** justifyContent: 'center', */ alignItems: 'center', color: '#ffffffb3' } }, [
|
|
h('span', { style: { width: 'calc(16px * var(--beilv))', height: 'calc(16px * var(--beilv))', background: `url(${this.statusColor}) no-repeat`, backgroundPosition: '20%', backgroundSize: '100%', marginRight: 'calc(4px * var(--beilv))' } }, ''),
|
|
h('span', this.statusText)
|
|
])
|
|
}
|
|
}
|
|
|
|
// 突发性维护
|
|
export const suddenMaintainProps = [
|
|
{ prop: 'orderId', label: '工单编号' },
|
|
{ prop: 'time', label: '时间' },
|
|
{ prop: 'eq', label: '设备名称' },
|
|
{ prop: 'status', label: '完成情况', subcomponent: StatusComponent },
|
|
{ prop: 'team', label: '班组' },
|
|
{ prop: 'duration', label: '时长' }
|
|
]
|
|
|
|
// 计划内保养
|
|
export const inPlanMaintainProps = [
|
|
{ prop: 'orderId', label: '工单编号' },
|
|
{ prop: 'pl', label: '产线名称' },
|
|
{ prop: 'status', label: '完成情况', subcomponent: StatusComponent },
|
|
{ prop: 'team', label: '班组' },
|
|
{ prop: 'duration', label: '时长' }
|
|
]
|
|
|
|
// 防御性维护
|
|
export const defenceMaintainProps = [
|
|
{ prop: 'orderId', label: '工单编号' },
|
|
{ prop: 'eq', label: '设备名称' },
|
|
{ prop: 'status', label: '完成情况', subcomponent: StatusComponent },
|
|
{ prop: 'team', label: '班组' },
|
|
{ prop: 'duration', label: '时长' }
|
|
]
|
|
|
|
// 点检工单
|
|
export const wwwOrderProps = [
|
|
{ prop: 'orderId', label: '工单编号' },
|
|
{ prop: 'pl', label: '产线名称' },
|
|
{ prop: 'status', label: '完成情况', subcomponent: StatusComponent },
|
|
{ prop: 'team', label: '班组' },
|
|
{ prop: 'time', label: '时间' }
|
|
]
|
|
|
|
export const rightSideDatalist = [
|
|
{ "orderId": "WOD20200807030135", "time": "2021-02-12 14:08:04", "eq": "磨边", "status": 3, "team": "白班", "duration": "26min" },
|
|
{ "orderId": "WOD20200413103728", "time": "2020-11-26 20:11:39", "eq": "固化", "status": 1, "team": "夜班", "duration": "24min" },
|
|
{ "orderId": "WOD20210217143647", "time": "2021-08-15 18:48:40", "eq": "预热", "status": 2, "team": "白班", "duration": "27min" },
|
|
]
|
|
export const rightSideDatalist2 = [
|
|
{ "orderId": "WOD20220403013343", "pl": "A", "status": 3, "team": "白班", "duration": "24min" },
|
|
{ "orderId": "WOD20211026022742", "pl": "A", "status": 2, "team": "夜班", "duration": "28min" },
|
|
{ "orderId": "WOD20210902180855", "pl": "A", "status": 2, "team": "夜班", "duration": "23min" },
|
|
]
|
|
export const rightSideDatalist3 = [
|
|
{ "orderId": "WOD20210829073921", "eq": "钢后清洗机", "status": 2, "team": "白班", "duration": "29min" },
|
|
{ "orderId": "WOD20220429180823", "eq": "丝印", "status": 2, "team": "夜班", "duration": "26min" },
|
|
{ "orderId": "WOD20220915050149", "eq": "磨边后清洗机", "status": 3, "team": "白班", "duration": "21min" },
|
|
]
|
|
export const rightSideDatalist4 = [
|
|
{ "orderId": "WOD20210522165229", "pl": "A", "status": 2, "team": "夜班", "time": "2021-12-17 13:31:24" },
|
|
{ "orderId": "WOD20211205183921", "pl": "B", "status": 1, "team": "白班", "time": "2022-06-27 10:52:19" },
|
|
{ "orderId": "WOD20210114183705", "pl": "A", "status": 1, "team": "夜班", "time": "2022-11-22 02:59:50" },
|
|
]
|
|
|
|
|