|
|
@@ -71,22 +71,29 @@ const LifeRemainComponent = { |
|
|
|
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.injectData.remain < 0 ? colors[0] : this.injectData.remain < 10 ? colors[1] : colors[2] |
|
|
|
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', opacity: '0.8', backgroundColor: this.statusColor, color: '#fff' } |
|
|
|
{ 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' } |
|
|
|
}, |
|
|
|
this.injectData.remain) |
|
|
|
[ |
|
|
|
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, } }) |
|
|
|
]) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
@@ -151,34 +158,25 @@ export const equipmentAnalysisData = [ |
|
|
|
] |
|
|
|
|
|
|
|
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' } |
|
|
|
{ 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 }, |
|
|
|
] |
|
|
|
|
|
|
|
|
|
|
|
// TODO: 2022.11.17 修改数据和剩余寿命组件 |
|
|
|
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' } |
|
|
|
{ "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' |
|
|
|