282 lines
16 KiB
JavaScript
282 lines
16 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': 60 },
|
|
{ label: '所属产线', prop: 'pl', align: 'center', 'min-width': 60 },
|
|
{ label: '报修/异常内容', prop: 'content', align: 'center', 'min-width': 80 },
|
|
{ label: '报修/发现人', prop: 'creator', align: 'center', width: 110 },
|
|
{ label: '时间', prop: 'time', align: 'center', 'min-width': 80 },
|
|
{ label: '优先级', prop: 'priority', align: 'center', subcomponent: PriorityComponent, 'min-width': 60 }
|
|
]
|
|
|
|
export const equipmentExceptionDatalist = [
|
|
{ "eqName": "冷却", "pl": "A", "content": "路因同义价带本知生联矿列。", "creator": "马磊", "time": "2021-04-15 22:00:34", "priority": 3 },
|
|
{ "eqName": "固化", "pl": "B", "content": "将海构组过重开每活原总价着。", "creator": "贺刚", "time": "2021-03-15 06:30:01", "priority": 2 },
|
|
{ "eqName": "固化", "pl": "B", "content": "形管始会回从观且明确意主照根受步究。", "creator": "冯丽", "time": "2020-11-21 07:09:16", "priority": 2 },
|
|
{ "eqName": "磨边", "pl": "A", "content": "己由九保先造线后还单省于手。", "creator": "梁秀兰", "time": "2020-03-21 08:21:36", "priority": 3 },
|
|
{ "eqName": "一镀", "pl": "B", "content": "变西列场展越备线活酸被究他压建院家。", "creator": "卢敏", "time": "2022-10-23 04:45:00", "priority": 2 },
|
|
{ "eqName": "钢化", "pl": "A", "content": "解听共将取色照品起族西全日色。", "creator": "方勇", "time": "2020-12-11 06:41:06", "priority": 2 },
|
|
{ "eqName": "打孔", "pl": "B", "content": "际从定接花她变人周而导总流西更观史。", "creator": "赵静", "time": "2021-01-20 03:36:47", "priority": 2 },
|
|
{ "eqName": "下片", "pl": "A", "content": "厂积各克性型世型我地得圆与时速。", "creator": "姜洋", "time": "2021-11-30 07:56:26", "priority": 3 },
|
|
{ "eqName": "钢化", "pl": "A", "content": "证法作无群只放科可少头生广水。", "creator": "赖艳", "time": "2022-10-10 12:01:14", "priority": 1 },
|
|
{ "eqName": "磨边", "pl": "A", "content": "极满具究极力入矿电适花军系象。", "creator": "熊静", "time": "2021-01-27 03:24:33", "priority": 4 },
|
|
{ "eqName": "二镀", "pl": "B", "content": "科传军正战没题许青生面发用矿科。", "creator": "龚明", "time": "2022-02-28 16:26:11", "priority": 2 },
|
|
{ "eqName": "磨边", "pl": "A", "content": "入以品切中算极同三那性当。", "creator": "万娟", "time": "2022-08-23 08:44:41", "priority": 4 },
|
|
{ "eqName": "固化", "pl": "B", "content": "火音红建活先以它法对所重间量马斗将。", "creator": "徐丽", "time": "2021-07-30 21:15:10", "priority": 2 },
|
|
{ "eqName": "一镀", "pl": "A", "content": "位构命利整线两计统被约张以导理。", "creator": "叶娜", "time": "2022-05-05 22:45:13", "priority": 1 },
|
|
{ "eqName": "冷却", "pl": "A", "content": "东改近装商了整标革并该青外育放般体。", "creator": "田磊", "time": "2021-12-01 07:24:59", "priority": 2 },
|
|
{ "eqName": "打孔后清洗机", "pl": "A", "content": "查的分口眼约三委斯该的品通身式子听。", "creator": "邱平", "time": "2020-01-31 17:53:18", "priority": 2 },
|
|
{ "eqName": "下片", "pl": "B", "content": "连程复而前置很不团数行三西较响运。", "creator": "赵艳", "time": "2021-09-20 18:10:32", "priority": 2 },
|
|
{ "eqName": "冷却", "pl": "B", "content": "育进品石完立行按效安标真。", "creator": "江伟", "time": "2022-08-05 17:29:44", "priority": 2 },
|
|
{ "eqName": "钢后清洗机", "pl": "B", "content": "委且到示为位要强等住整县值八。", "creator": "周洋", "time": "2021-01-26 02:49:09", "priority": 3 },
|
|
{ "eqName": "上片", "pl": "A", "content": "报据深广一统南车步约果龙值区识车深。", "creator": "邱超", "time": "2021-12-21 20:41:53", "priority": 1 },
|
|
]
|
|
|
|
/** 设备异常报警 */
|
|
const LifeRemainComponent = {
|
|
name: 'LifeRemainComponent',
|
|
props: {
|
|
injectData: Object
|
|
},
|
|
computed: {
|
|
statusColor() {
|
|
const colors = [
|
|
'rgba(255,84,76,0.6)', // red < 0
|
|
'#FFBD43', // yellow < 10
|
|
'rgba(142,254,83,0.6)' // green >= 10
|
|
]
|
|
return this.injectData.remain < 0 ? colors[0] : this.injectData.remain < 10 ? 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', opacity: '0.8', backgroundColor: this.statusColor, color: '#fff' }
|
|
},
|
|
this.injectData.remain)
|
|
}
|
|
}
|
|
|
|
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": "A2UL20210605043851", "content": "而至收选查万众家除候包要意集。", "priority": 2 },
|
|
{ "pl": "B", "eqName": "冷却", "eqCode": "B4CL20200328154356", "content": "石十求四指么放与程到置身技红。", "priority": 1 },
|
|
{ "pl": "B", "eqName": "一镀", "eqCode": "B5FC20220307070115", "content": "即计报做切除听见济共金然维走。", "priority": 2 },
|
|
{ "pl": "B", "eqName": "固化", "eqCode": "B7CO20190927110003", "content": "应其得候解北运样价可强先们速。", "priority": 2 },
|
|
{
|
|
"pl": "A", "eqName": "打孔后清洗机", "eqCode": "A3CAP20200727075125", "content": "员因江单话况质己家小展矿指到之组她。", "priority": 3
|
|
},
|
|
{ "pl": "A", "eqName": "磨边", "eqCode": "A7ED20200512213432", "content": "观长因带至成为也越效飞约况面的。", "priority": 4 },
|
|
{
|
|
"pl": "A", "eqName": "固化", "eqCode": "A4CO20220608145053", "content": "回状边及族值强第手听存派治严农象江。", "priority": 2
|
|
},
|
|
{ "pl": "B", "eqName": "冷却", "eqCode": "B4CL20200526045602", "content": "采料这百他打体拉素但即面之。", "priority": 1 },
|
|
{
|
|
"pl": "B", "eqName": "打孔", "eqCode": "B6LP20220326162041", "content": "列保己问向九青保自济习后长而类月段斗。", "priority": 4
|
|
},
|
|
{ "pl": "A", "eqName": "磨边", "eqCode": "A4ED20200325081934", "content": "产矿身断通者和意层价前就知头。", "priority": 2 },
|
|
{
|
|
"pl": "B", "eqName": "预热", "eqCode": "B1PR20201220183649", "content": "志收一支习于何况支于自原地书飞感。", "priority": 2
|
|
},
|
|
{ "pl": "A", "eqName": "二镀", "eqCode": "A3SC20220414054819", "content": "义点做产往新以速结工情最六素难强干。", "priority": 2 },
|
|
{ "pl": "A", "eqName": "固化", "eqCode": "A8CO20200704010549", "content": "例强起取南然任都来因山该收次代相。", "priority": 2 },
|
|
{ "pl": "B", "eqName": "预热", "eqCode": "B1PR20200323134700", "content": "消选们度周料革理观构平活组事件。", "priority": 3 },
|
|
{ "pl": "A", "eqName": "打孔", "eqCode": "A1LP20200513020427", "content": "华家是可路议自商取半也五。", "priority": 1 },
|
|
{ "pl": "A", "eqName": "钢化", "eqCode": "A7TF20210928172616", "content": "点量都酸较此结同去写群论被千。", "priority": 2 },
|
|
{ "pl": "A", "eqName": "二镀", "eqCode": "A5SC20210104132647", "content": "切提个水铁外步油好连身相争外群儿此。", "priority": 4 },
|
|
{ "pl": "A", "eqName": "磨边后清洗机", "eqCode": "A4CAE20210225140150", "content": "学七直以半去江内后上知往值质值。", "priority": 4 },
|
|
{ "pl": "B", "eqName": "打孔后清洗机", "eqCode": "B6CAP20200831083210", "content": "活小着许今取图国步成流海分就适转院容。", "priority": 4 },
|
|
]
|
|
|
|
/** 设备分析 */
|
|
// 各产线稼动率
|
|
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' },
|
|
{ prop: 'eq', label: '所属设备', align: 'center' },
|
|
{ prop: 'pl', label: '所属产线', align: 'center' },
|
|
{ prop: 'update_time', label: '更换时间', align: 'center' },
|
|
{ prop: 'remain', label: '剩余寿命', align: 'center', subcomponent: LifeRemainComponent },
|
|
{ prop: 'stock', label: '备件库存量', align: 'center' },
|
|
{ prop: 'location', label: '库位', align: 'center' }
|
|
]
|
|
|
|
export const sparepartsDatalist = [
|
|
{ 'name': '激光打孔', 'eq': 'A2一次固化机', 'pl': 'C线', 'update_time': '2007-08-31 09:15:24', 'remain': -32, 'stock': 457, 'location': '库位74' },
|
|
{ 'name': '磨边单元', 'eq': 'B1一次冷却机', 'pl': 'C线', 'update_time': '2016-10-02 22:23:09', 'remain': -95, 'stock': 5600, 'location': '库位10' },
|
|
{ 'name': '激光打孔', 'eq': 'B1一次冷却机', 'pl': 'C线', 'update_time': '1996-09-17 08:57:52', 'remain': 46, 'stock': 6069, 'location': '库位87' },
|
|
{ 'name': '磨边单元', 'eq': 'A2一次固化机', 'pl': 'D线', 'update_time': '2018-07-18 13:15:01', 'remain': 86, 'stock': 2342, 'location': '库位83' },
|
|
{ 'name': '上片机器人', 'eq': 'A2一次固化机', 'pl': 'E线', 'update_time': '1998-06-11 09:01:10', 'remain': 84, 'stock': 4359, 'location': '库位12' },
|
|
{ 'name': '丝印', 'eq': 'A1一次固化机', 'pl': 'E线', 'update_time': '2016-02-13 16:20:01', 'remain': -23, 'stock': 888, 'location': '库位69' },
|
|
{ 'name': '激光打孔', 'eq': 'A1磨边清洗机', 'pl': 'B线', 'update_time': '2002-04-07 19:13:29', 'remain': 62, 'stock': 4366, 'location': '库位99' },
|
|
{ 'name': '丝印', 'eq': 'A1一次固化机', 'update_time': '1980-01-17 04:29:56', 'remain': 73, 'stock': 305, 'location': '库位68' },
|
|
{ 'name': '激光打孔', 'eq': 'A2一次冷却机', 'pl': 'B线', 'update_time': '2014-02-25 17:19:43', 'remain': 36, 'stock': 199, 'location': '库位86' },
|
|
{ 'name': '上片机器人', 'eq': 'A2一次冷却机', 'pl': 'C线', 'update_time': '2017-01-23 17:01:29', 'remain': -3, 'stock': 146, 'location': '库位79' },
|
|
{ 'name': '激光打孔', 'eq': 'A1磨边清洗机', 'pl': 'B线', 'update_time': '2002-04-07 19:13:29', 'remain': 62, 'stock': 4366, 'location': '库位99' },
|
|
{ 'name': '丝印', 'eq': 'A1一次固化机', 'update_time': '1980-01-17 04:29:56', 'remain': 73, 'stock': 305, 'location': '库位68' },
|
|
{ 'name': '激光打孔', 'eq': 'A2一次冷却机', 'pl': 'B线', 'update_time': '2014-02-25 17:19:43', 'remain': 36, 'stock': 199, 'location': '库位86' },
|
|
{ 'name': '上片机器人', 'eq': 'A2一次冷却机', 'pl': 'C线', 'update_time': '2017-01-23 17:01:29', 'remain': -3, 'stock': 146, 'location': '库位79' },
|
|
{ 'name': '镀膜', 'eq': 'A2一次固化机', 'pl': 'D线', 'update_time': '2013-02-19 01:29:19', 'remain': 37, 'stock': 6977, 'location': '库位85' },
|
|
{ 'name': '激光打孔', 'eq': 'A1预热机', 'pl': 'B线', 'update_time': '1972-04-26 06:54:43', 'remain': -82, 'stock': 5039, 'location': '库位38' }
|
|
]
|
|
|
|
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" },
|
|
]
|
|
|
|
|