Merge branch 'develop' into fzq
This commit is contained in:
Fanzink
commit
8801c44b98
@ -94,7 +94,7 @@ export function listAllEquipmentRecipe(data) {
|
||||
// 保存某个工艺下的所有节点
|
||||
export function addProcessFlows(data) {
|
||||
return request({
|
||||
url: 'process/process-flow-equipment/add',
|
||||
url: '/api/process/process-flow-equipment/add',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
|
||||
@ -2,14 +2,14 @@
|
||||
* @Author: zwq
|
||||
* @Date: 2020-12-29 16:00:14
|
||||
* @LastEditors: zwq
|
||||
* @LastEditTime: 2021-07-06 11:10:22
|
||||
* @LastEditTime: 2022-03-03 13:46:55
|
||||
* @Description:
|
||||
*/
|
||||
import request from '@/utils/request'
|
||||
|
||||
export function EquipmentScrapGradeList(data) { // 获取废片等级列表
|
||||
return request({
|
||||
url: '/basic/equipment-scraps-grade/pageForEquipmentGrade',
|
||||
url: '/api/wms/equipment-scraps-grade/pageForEquipmentGrade',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
@ -17,7 +17,7 @@ export function EquipmentScrapGradeList(data) { // 获取废片等级列表
|
||||
|
||||
export function EquipmentScrapGradeDetail(id) { // 获取废片等级单条数据
|
||||
return request({
|
||||
url: '/basic/equipment-scraps-grade/get',
|
||||
url: '/api/wms/equipment-scraps-grade/get',
|
||||
method: 'post',
|
||||
data: { id }
|
||||
})
|
||||
@ -25,7 +25,7 @@ export function EquipmentScrapGradeDetail(id) { // 获取废片等级单条数
|
||||
|
||||
export function EquipmentScrapGradeUpdate(data) { // 更新废片等级单条数据
|
||||
return request({
|
||||
url: '/basic/equipment-scraps-grade/update',
|
||||
url: '/api/wms/equipment-scraps-grade/update',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
@ -33,7 +33,7 @@ export function EquipmentScrapGradeUpdate(data) { // 更新废片等级单条数
|
||||
|
||||
export function EquipmentScrapGradeAdd(data) { // 新增废片等级单条数据
|
||||
return request({
|
||||
url: '/basic/equipment-scraps-grade/add',
|
||||
url: '/api/wms/equipment-scraps-grade/add',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
@ -41,7 +41,7 @@ export function EquipmentScrapGradeAdd(data) { // 新增废片等级单条数据
|
||||
|
||||
export function EquipmentScrapGradeDelete(id) { // 删除废片等级单条数据
|
||||
return request({
|
||||
url: '/basic/equipment-scraps-grade/delete',
|
||||
url: '/api/wms/equipment-scraps-grade/delete',
|
||||
method: 'post',
|
||||
data: { id }
|
||||
})
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
/*
|
||||
* @Author: zwq
|
||||
* @Date: 2020-12-29 16:00:14
|
||||
* @LastEditors: gtz
|
||||
* @LastEditTime: 2021-04-17 16:04:51
|
||||
* @LastEditors: zwq
|
||||
* @LastEditTime: 2022-03-03 15:10:05
|
||||
* @Description:
|
||||
*/
|
||||
import request from '@/utils/request'
|
||||
@ -56,7 +56,7 @@ export function staffDelete(id) { // 删除员工单条数据
|
||||
|
||||
export function workerList(data) { // 添加组员列表
|
||||
return request({
|
||||
url: '/basic/team-det/workerList',
|
||||
url: '/api/wms/team-det/workerList',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
@ -64,7 +64,7 @@ export function workerList(data) { // 添加组员列表
|
||||
|
||||
export function getRoleList() {
|
||||
return request({
|
||||
url: '/basic/platform-dict/selectPlatformDictDataListByPage',
|
||||
url: '/api/wms/platform-dict/selectPlatformDictDataListByPage',
|
||||
method: 'post',
|
||||
data: {
|
||||
dictTypeId: '1383318968677273601',
|
||||
|
||||
@ -2,14 +2,14 @@
|
||||
* @Author: zwq
|
||||
* @Date: 2020-12-29 16:00:14
|
||||
* @LastEditors: zwq
|
||||
* @LastEditTime: 2021-03-10 14:25:18
|
||||
* @LastEditTime: 2022-03-03 13:46:40
|
||||
* @Description:
|
||||
*/
|
||||
import request from '@/utils/request'
|
||||
|
||||
export function scrapInfoList(data) { // 获取报废信息列表
|
||||
return request({
|
||||
url: '/basic/scrap-information/page',
|
||||
url: '/api/wms/scrap-information/page',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
@ -20,7 +20,7 @@ export function scrapInfoDetail(id) { // 获取报废信息单条数据
|
||||
'id': id
|
||||
}
|
||||
return request({
|
||||
url: '/basic/scrap-information/get',
|
||||
url: '/api/wms/scrap-information/get',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
@ -28,7 +28,7 @@ export function scrapInfoDetail(id) { // 获取报废信息单条数据
|
||||
|
||||
export function scrapInfoUpdate(data) { // 更新报废信息单条数据
|
||||
return request({
|
||||
url: '/basic/scrap-information/update',
|
||||
url: '/api/wms/scrap-information/update',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
@ -36,7 +36,7 @@ export function scrapInfoUpdate(data) { // 更新报废信息单条数据
|
||||
|
||||
export function scrapInfoAdd(data) { // 新增报废信息单条数据
|
||||
return request({
|
||||
url: '/basic/scrap-information/add',
|
||||
url: '/api/wms/scrap-information/add',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
@ -44,14 +44,14 @@ export function scrapInfoAdd(data) { // 新增报废信息单条数据
|
||||
|
||||
export function scrapInfoCode() { // 获取报废信息code
|
||||
return request({
|
||||
url: '/basic/scrap-information/get-code',
|
||||
url: '/api/wms/scrap-information/get-code',
|
||||
method: 'post'
|
||||
})
|
||||
}
|
||||
|
||||
export function scrapInfoDelete(id) { // 删除报废信息单条数据
|
||||
return request({
|
||||
url: '/basic/scrap-information/delete',
|
||||
url: '/api/wms/scrap-information/delete',
|
||||
method: 'post',
|
||||
data: { id }
|
||||
})
|
||||
|
||||
@ -2,14 +2,14 @@
|
||||
* @Author: zwq
|
||||
* @Date: 2020-12-29 16:00:14
|
||||
* @LastEditors: zwq
|
||||
* @LastEditTime: 2021-03-10 14:25:59
|
||||
* @LastEditTime: 2022-03-03 13:46:46
|
||||
* @Description:
|
||||
*/
|
||||
import request from '@/utils/request'
|
||||
|
||||
export function scrapTypeList(data) { // 获取报废类型列表
|
||||
return request({
|
||||
url: '/basic/scrap-type-information/page',
|
||||
url: '/api/wms/scrap-type-information/page',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
@ -20,7 +20,7 @@ export function scrapTypeDetail(id) { // 获取报废类型单条数据
|
||||
'id': id
|
||||
}
|
||||
return request({
|
||||
url: '/basic/scrap-type-information/get',
|
||||
url: '/api/wms/scrap-type-information/get',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
@ -28,7 +28,7 @@ export function scrapTypeDetail(id) { // 获取报废类型单条数据
|
||||
|
||||
export function scrapTypeUpdate(data) { // 更新报废类型单条数据
|
||||
return request({
|
||||
url: '/basic/scrap-type-information/update',
|
||||
url: '/api/wms/scrap-type-information/update',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
@ -36,7 +36,7 @@ export function scrapTypeUpdate(data) { // 更新报废类型单条数据
|
||||
|
||||
export function scrapTypeAdd(data) { // 新增报废类型单条数据
|
||||
return request({
|
||||
url: '/basic/scrap-type-information/add',
|
||||
url: '/api/wms/scrap-type-information/add',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
@ -44,14 +44,14 @@ export function scrapTypeAdd(data) { // 新增报废类型单条数据
|
||||
|
||||
export function scrapTypeCode() { // 获取报废类型code
|
||||
return request({
|
||||
url: '/basic/scrap-type-information/get-code',
|
||||
url: '/api/wms/scrap-type-information/get-code',
|
||||
method: 'post'
|
||||
})
|
||||
}
|
||||
|
||||
export function scrapTypeDelete(id) { // 删除报废类型单条数据
|
||||
return request({
|
||||
url: '/basic/scrap-type-information/delete',
|
||||
url: '/api/wms/scrap-type-information/delete',
|
||||
method: 'post',
|
||||
data: { id }
|
||||
})
|
||||
|
||||
@ -2,14 +2,14 @@
|
||||
* @Author: zwq
|
||||
* @Date: 2020-12-29 16:00:14
|
||||
* @LastEditors: zwq
|
||||
* @LastEditTime: 2021-01-13 16:11:45
|
||||
* @LastEditTime: 2022-03-03 16:10:54
|
||||
* @Description:
|
||||
*/
|
||||
import request from '@/utils/request'
|
||||
|
||||
export function StateConfigList(data) { // 获取状态列表
|
||||
return request({
|
||||
url: '/basic/configure-display/page',
|
||||
url: '/api/wms/configure-display/page',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
|
||||
@ -1,15 +1,15 @@
|
||||
/*
|
||||
* @Author: zwq
|
||||
* @Date: 2020-12-29 16:00:14
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @LastEditTime: 2021-05-19 15:57:56
|
||||
* @LastEditors: zwq
|
||||
* @LastEditTime: 2022-03-03 15:10:16
|
||||
* @Description:
|
||||
*/
|
||||
import request from '@/utils/request'
|
||||
|
||||
export function dataDictionaryDataList(data) { // 获取字典类型列表
|
||||
return request({
|
||||
url: '/basic/platform-dict/selectPlatformDictDataListByPage',
|
||||
url: '/api/wms/platform-dict/selectPlatformDictDataListByPage',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
@ -17,7 +17,7 @@ export function dataDictionaryDataList(data) { // 获取字典类型列表
|
||||
|
||||
export function dataDictionaryDataDetail(id) { // 获取字典类型单条数据
|
||||
return request({
|
||||
url: '/basic/platform-dict/selectPlatformDictDataById',
|
||||
url: '/api/wms/platform-dict/selectPlatformDictDataById',
|
||||
method: 'post',
|
||||
data: { id }
|
||||
})
|
||||
@ -25,7 +25,7 @@ export function dataDictionaryDataDetail(id) { // 获取字典类型单条数据
|
||||
|
||||
export function dataDictionaryDataUpdate(data) { // 更新字典类型单条数据
|
||||
return request({
|
||||
url: '/basic/platform-dict/updatePlatformDictData',
|
||||
url: '/api/wms/platform-dict/updatePlatformDictData',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
@ -33,7 +33,7 @@ export function dataDictionaryDataUpdate(data) { // 更新字典类型单条数
|
||||
|
||||
export function dataDictionaryDataAdd(data) { // 新增字典类型单条数据
|
||||
return request({
|
||||
url: '/basic/platform-dict/savePlatformDictData',
|
||||
url: '/api/wms/platform-dict/savePlatformDictData',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
@ -41,7 +41,7 @@ export function dataDictionaryDataAdd(data) { // 新增字典类型单条数据
|
||||
|
||||
export function dataDictionaryDataDelete(id) { // 删除字典类型单条数据
|
||||
return request({
|
||||
url: '/basic/platform-dict/deletePlatformDictData',
|
||||
url: '/api/wms/platform-dict/deletePlatformDictData',
|
||||
method: 'post',
|
||||
data: { id }
|
||||
})
|
||||
|
||||
@ -2,14 +2,14 @@
|
||||
* @Author: zwq
|
||||
* @Date: 2020-12-29 16:00:14
|
||||
* @LastEditors: zwq
|
||||
* @LastEditTime: 2021-04-16 12:51:29
|
||||
* @LastEditTime: 2022-03-03 15:29:30
|
||||
* @Description:
|
||||
*/
|
||||
import request from '@/utils/request'
|
||||
|
||||
export function dataDictionaryTypeList(data) { // 获取字典类型列表
|
||||
return request({
|
||||
url: '/basic/platform-dict/selectPlatformDictTypeListByPage',
|
||||
url: '/api/wms/platform-dict/selectPlatformDictTypeListByPage',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
@ -17,7 +17,7 @@ export function dataDictionaryTypeList(data) { // 获取字典类型列表
|
||||
|
||||
export function dataDictionaryTypeDetail(id) { // 获取字典类型单条数据
|
||||
return request({
|
||||
url: '/basic/platform-dict/selectDictTypeById',
|
||||
url: '/api/wms/platform-dict/selectDictTypeById',
|
||||
method: 'post',
|
||||
data: { id }
|
||||
})
|
||||
@ -25,7 +25,7 @@ export function dataDictionaryTypeDetail(id) { // 获取字典类型单条数据
|
||||
|
||||
export function dataDictionaryTypeUpdate(data) { // 更新字典类型单条数据
|
||||
return request({
|
||||
url: '/basic/platform-dict/updatePlatformDictType',
|
||||
url: '/api/wms/platform-dict/updatePlatformDictType',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
@ -33,7 +33,7 @@ export function dataDictionaryTypeUpdate(data) { // 更新字典类型单条数
|
||||
|
||||
export function dataDictionaryTypeAdd(data) { // 新增字典类型单条数据
|
||||
return request({
|
||||
url: '/basic/platform-dict/savePlatformDictType',
|
||||
url: '/api/wms/platform-dict/savePlatformDictType',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
@ -41,7 +41,7 @@ export function dataDictionaryTypeAdd(data) { // 新增字典类型单条数据
|
||||
|
||||
export function dataDictionaryTypeDelete(id) { // 删除字典类型单条数据
|
||||
return request({
|
||||
url: '/basic/platform-dict/deletePlatformDictType',
|
||||
url: '/api/wms/platform-dict/deletePlatformDictType',
|
||||
method: 'post',
|
||||
data: { id }
|
||||
})
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
/*
|
||||
* @Date: 2021-01-15 17:42:07
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @LastEditTime: 2021-07-12 10:31:01
|
||||
* @LastEditors: zwq
|
||||
* @LastEditTime: 2022-03-03 13:52:50
|
||||
* @FilePath: \basic-admin\src\api\equipment\maintain.js
|
||||
* @Description: 保养计划 & 保养记录 接口定义
|
||||
*/
|
||||
@ -109,7 +109,7 @@ export function getMaintainLog(data) {
|
||||
// 获取设备列表
|
||||
export function getEqList(data) {
|
||||
return request({
|
||||
url: '/basic/equipment/page',
|
||||
url: '/api/wms/equipment/page',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
|
||||
@ -1,15 +1,22 @@
|
||||
/*
|
||||
* @Author: zwq
|
||||
* @Date: 2021-09-18 16:09:07
|
||||
* @LastEditors: zwq
|
||||
* @LastEditTime: 2022-03-03 09:52:41
|
||||
* @Description:
|
||||
*/
|
||||
import request from '@/utils/request'
|
||||
|
||||
export function list(data) {
|
||||
return request({
|
||||
url: 'material/material-date/materialList',
|
||||
url: 'api/process/process-flow-equipment/equipmentList',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
export function listEquipment(data) {
|
||||
return request({
|
||||
url: 'material/equipment-material-replace/equipmentList',
|
||||
url: 'api/process/process-flow-equipment/equipmentList',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
|
||||
@ -1,15 +1,15 @@
|
||||
/*
|
||||
* @Author: zwq
|
||||
* @Date: 2020-12-29 16:00:14
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @LastEditTime: 2021-07-20 10:30:39
|
||||
* @LastEditors: zwq
|
||||
* @LastEditTime: 2022-03-03 13:57:00
|
||||
* @Description:
|
||||
*/
|
||||
import request from '@/utils/request'
|
||||
|
||||
export function workOrderList(data) { // 获取工单列表
|
||||
return request({
|
||||
url: '/order/work-order/page',
|
||||
url: '/api/order/work-order/page',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
@ -20,7 +20,7 @@ export function workOrderDetail(id) { // 获取工单单条数据
|
||||
'id': id
|
||||
}
|
||||
return request({
|
||||
url: '/order/work-order/get',
|
||||
url: '/api/order/work-order/get',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
@ -28,7 +28,7 @@ export function workOrderDetail(id) { // 获取工单单条数据
|
||||
|
||||
export function workOrderUpdate(data) { // 更新工单单条数据
|
||||
return request({
|
||||
url: '/order/work-order/update',
|
||||
url: '/api/order/work-order/update',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
@ -36,7 +36,7 @@ export function workOrderUpdate(data) { // 更新工单单条数据
|
||||
|
||||
export function workOrderAdd(data) { // 新增工单单条数据
|
||||
return request({
|
||||
url: '/order/work-order/add',
|
||||
url: '/api/order/work-order/add',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
@ -44,14 +44,14 @@ export function workOrderAdd(data) { // 新增工单单条数据
|
||||
|
||||
export function workOrderCode() { // 获取工单code
|
||||
return request({
|
||||
url: '/order/work-order/get-code',
|
||||
url: '/api/order/work-order/get-code',
|
||||
method: 'post'
|
||||
})
|
||||
}
|
||||
|
||||
export function workOrderDelete(id) { // 删除工单单条数据
|
||||
return request({
|
||||
url: '/order/work-order/delete',
|
||||
url: '/api/order/work-order/delete',
|
||||
method: 'post',
|
||||
data: { id }
|
||||
})
|
||||
@ -59,7 +59,7 @@ export function workOrderDelete(id) { // 删除工单单条数据
|
||||
|
||||
export function workOrderIssueList(data) { // 获取工单下发列表
|
||||
return request({
|
||||
url: '/order/wo-sync/page',
|
||||
url: '/api/order/wo-sync/page',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
@ -67,7 +67,7 @@ export function workOrderIssueList(data) { // 获取工单下发列表
|
||||
|
||||
export function packagingBoxList(data) { // 获取包装基板列表
|
||||
return request({
|
||||
url: '/order/wo-packaging-box-substrate/page',
|
||||
url: '/api/order/wo-packaging-box-substrate/page',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
@ -75,7 +75,7 @@ export function packagingBoxList(data) { // 获取包装基板列表
|
||||
|
||||
export function packagingList(data) { // 获取包装标签列表
|
||||
return request({
|
||||
url: '/order/wo-packaging-box/page',
|
||||
url: '/api/order/wo-packaging-box/page',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
@ -86,7 +86,7 @@ export function packagingDetail(id) { // 获取包装标签详情
|
||||
'id': id
|
||||
}
|
||||
return request({
|
||||
url: '/order/wo-packaging-box/get',
|
||||
url: '/api/order/wo-packaging-box/get',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
@ -94,7 +94,7 @@ export function packagingDetail(id) { // 获取包装标签详情
|
||||
|
||||
export function syncAdd(data) { // 新增下发工单单条数据
|
||||
return request({
|
||||
url: '/order/wo-sync/add',
|
||||
url: '/api/order/wo-sync/add',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
@ -102,7 +102,7 @@ export function syncAdd(data) { // 新增下发工单单条数据
|
||||
|
||||
export function packagingInventoryList(data) { // 获取包装清单列表
|
||||
return request({
|
||||
url: '/order/wo-packaging-box/page-for-inventory',
|
||||
url: '/api/order/wo-packaging-box/page-for-inventory',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
@ -110,7 +110,7 @@ export function packagingInventoryList(data) { // 获取包装清单列表
|
||||
|
||||
export function updateForStatus(data) { // 激活
|
||||
return request({
|
||||
url: '/order/work-order/updateForStatus',
|
||||
url: '/api/order/work-order/updateForStatus',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
/*
|
||||
* @Date: 2021-03-15 10:27:40
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @LastEditTime: 2021-07-09 14:35:26
|
||||
* @LastEditors: zwq
|
||||
* @LastEditTime: 2022-03-03 15:40:29
|
||||
* @FilePath: \basic-admin\src\api\quality-manage\scrap.js
|
||||
* @Description:
|
||||
*/
|
||||
@ -9,7 +9,7 @@ import request from '@/utils/request'
|
||||
|
||||
export function getScrapList(data) {
|
||||
return request({
|
||||
url: '/quality/scrap/page',
|
||||
url: '/api/wms/scrap/page',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
@ -17,7 +17,7 @@ export function getScrapList(data) {
|
||||
|
||||
export function delScrapInfo(data) {
|
||||
return request({
|
||||
url: '/quality/scrap/delete',
|
||||
url: '/api/wms/scrap/delete',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
@ -25,7 +25,7 @@ export function delScrapInfo(data) {
|
||||
|
||||
export function editScrapInfo(data) {
|
||||
return request({
|
||||
url: '/quality/scrap/update',
|
||||
url: '/api/wms/scrap/update',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
@ -33,14 +33,14 @@ export function editScrapInfo(data) {
|
||||
|
||||
export function addScrapInfo(data) {
|
||||
return request({
|
||||
url: '/quality/scrap/create',
|
||||
url: '/api/wms/scrap/create',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
export function getScrapInfo(data) {
|
||||
return request({
|
||||
url: '/quality/scrap/findById',
|
||||
url: '/api/wms/scrap/findById',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
@ -49,7 +49,7 @@ export function getScrapInfo(data) {
|
||||
// 废品报废 原因
|
||||
export function getscrapReason(data) {
|
||||
return request({
|
||||
url: '/basic/scrap-information/get',
|
||||
url: '/api/wms/scrap-information/get',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
@ -58,7 +58,7 @@ export function getscrapReason(data) {
|
||||
// 根据设备id查询肺片等级
|
||||
export function getScrap(id) {
|
||||
return request({
|
||||
url: '/basic/equipment-scraps-grade/getScrapsGradeByEquipmentId',
|
||||
url: '/api/wms/equipment-scraps-grade/getScrapsGradeByEquipmentId',
|
||||
method: 'post',
|
||||
data: { id }
|
||||
})
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
/*
|
||||
* @Date: 2021-03-15 10:27:40
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @LastEditTime: 2021-07-09 14:35:26
|
||||
* @LastEditors: zwq
|
||||
* @LastEditTime: 2022-03-03 15:40:35
|
||||
* @FilePath: \basic-admin\src\api\quality-manage\scrap.js
|
||||
* @Description:
|
||||
*/
|
||||
@ -9,7 +9,7 @@ import request from '@/utils/request'
|
||||
|
||||
export function getList(data) {
|
||||
return request({
|
||||
url: '/quality/scrap/findReportByEquipmentId',
|
||||
url: '/api/wms/scrap/findReportByEquipmentId',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
@ -18,7 +18,7 @@ export function getList(data) {
|
||||
// 废品报废 原因
|
||||
export function getscrapReason(data) {
|
||||
return request({
|
||||
url: '/basic/scrap-information/get',
|
||||
url: '/api/wms/scrap-information/get',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
|
||||
@ -280,6 +280,10 @@ export default {
|
||||
equipment: {
|
||||
zh: '设备管理',
|
||||
en: 'Equipment Manager',
|
||||
EquipmentUtilizationRate: {
|
||||
zh: '设备稼动率',
|
||||
en: 'EQ OEE'
|
||||
},
|
||||
EquipmentVisualization: {
|
||||
zh: '设备可视化',
|
||||
en: 'Equipment Visualization',
|
||||
@ -972,6 +976,18 @@ export default {
|
||||
zh: '质量检测计划',
|
||||
en: 'Quality Detect Plan'
|
||||
},
|
||||
scrapManagement: {
|
||||
zh: '废片管理',
|
||||
en: 'Scrap management',
|
||||
gradeInfo: {
|
||||
zh: '等级信息',
|
||||
en: 'Grade Info'
|
||||
},
|
||||
scrapInfo: {
|
||||
zh: '废片信息',
|
||||
en: 'Scrap Info'
|
||||
}
|
||||
},
|
||||
knowledge: {
|
||||
zh: '维护保养知识库',
|
||||
en: 'Maintain the knowledge base'
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
/*
|
||||
* @Date: 2021-03-05 10:04:30
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @LastEditTime: 2021-07-23 09:13:56
|
||||
* @LastEditors: DY
|
||||
* @LastEditTime: 2022-03-03 16:31:23
|
||||
* @FilePath: \basic-admin\src\lang\i18n\en\module\equipmentManager.js
|
||||
* @Description:
|
||||
*/
|
||||
@ -19,6 +19,68 @@ export default {
|
||||
Water: 'Water',
|
||||
Gas: 'Gas'
|
||||
},
|
||||
monitoringInfo: {
|
||||
allCycles: 'Total cycle Times',
|
||||
badTimes: 'Failure Times',
|
||||
time: 'Time',
|
||||
MCBF: 'MCBF',
|
||||
previousStatus: 'State Before',
|
||||
runTime: 'UpTime (hours)',
|
||||
produceTime: 'Production time (hours)',
|
||||
productiveCount: 'Actual Capacity',
|
||||
timeRate: 'Time Start Rate',
|
||||
performanceRate: 'Performance Start Rate',
|
||||
oee: 'OEE',
|
||||
E10StartTime: 'E10 StartTime',
|
||||
E10endTime: 'E10 EndTime',
|
||||
laterE10Status: 'Changed E10 State',
|
||||
duration: 'Duration',
|
||||
goodsNumbers: 'OK Quantity',
|
||||
noOkNumbers: 'NOK Quantity',
|
||||
onceOkCount: 'OK Quantity Of Fist Process ',
|
||||
reworkOkCount: 'OK Quantity Of Rework ',
|
||||
GetTimePeriod: 'Time Period',
|
||||
ProductionTimePeriod: 'Production Time Period',
|
||||
MaintenanceTimes: 'Maintenance Times',
|
||||
RunningTime: 'Running Time',
|
||||
E10status: 'E10 State',
|
||||
number: 'Quantity Produced Of Current day',
|
||||
yieId: 'Daily yield',
|
||||
bom: 'Daily Consumption Of Materials,',
|
||||
controlState: 'Control State',
|
||||
equipmentName: 'EQ Name',
|
||||
e10Code: 'E10 State',
|
||||
materialName: 'MaterialName',
|
||||
port: 'Loading Port',
|
||||
productCount: 'Product Quantity',
|
||||
spec: 'Spec',
|
||||
materialNo: 'MaterialNo',
|
||||
upTime: 'Loading Time',
|
||||
upCount: 'Loading Amount',
|
||||
useCount: 'Used Amount',
|
||||
unit: 'Unit',
|
||||
eventName: 'EventName',
|
||||
paramName: 'ParamName',
|
||||
paramValue: 'ParamValue',
|
||||
standardFormat: 'StandardFormat',
|
||||
paramFormat: 'ParamFormat',
|
||||
receiveTime: 'ReceivedTime',
|
||||
recipe: 'EQ Recipe',
|
||||
controlStatus: 'Control State',
|
||||
traceDataState: 'Trace Data OpenState',
|
||||
controlStateUpdateTime: 'Control State UpdateTime',
|
||||
e10UpdateTime: 'E10 Update Time',
|
||||
StateFlg: 'StateFlag',
|
||||
EnableSpooling: 'EnableSpooling',
|
||||
maxspooltransmit: 'MaxSpoolTransmit',
|
||||
spoolingstate: 'SpoolingState',
|
||||
spoolingcountactual: 'SpoolingCountActual',
|
||||
SpoolingCountTotal: 'SpoolingCountTotal',
|
||||
F1F3Succ: 'F1F3 Request Success',
|
||||
F2F13Succ: 'F2F13 Request Success',
|
||||
baseChart: 'Processed Substrates Quantity',
|
||||
monitorChart: 'EQ Running Time'
|
||||
},
|
||||
sparepart: {
|
||||
'sparepart': 'Sparepart',
|
||||
'code': 'Sparepart number',
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
/*
|
||||
* @Date: 2021-03-05 10:04:37
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @LastEditTime: 2021-07-23 09:13:20
|
||||
* @LastEditors: DY
|
||||
* @LastEditTime: 2022-03-03 16:31:16
|
||||
* @FilePath: \basic-admin\src\lang\i18n\zh\module\equipmentManager.js
|
||||
* @Description:
|
||||
*/
|
||||
@ -19,6 +19,68 @@ export default {
|
||||
'Water': '水',
|
||||
'Gas': '气'
|
||||
},
|
||||
monitoringInfo: {
|
||||
allCycles: '总循环次数',
|
||||
badTimes: '故障次数',
|
||||
time: '时间',
|
||||
MCBF: 'MCBF',
|
||||
previousStatus: '转换前状态',
|
||||
runTime: '开机时长(时)',
|
||||
produceTime: '生产时长(时)',
|
||||
productiveCount: '实际产能',
|
||||
timeRate: '时间开动率',
|
||||
performanceRate: '性能开动率',
|
||||
oee: '综合效率OEE',
|
||||
E10StartTime: 'E10开始时间',
|
||||
E10endTime: 'E10结束时间',
|
||||
laterE10Status: '变化后E10状态',
|
||||
duration: '持续时间',
|
||||
goodsNumbers: '良品数量',
|
||||
noOkNumbers: '不良品数量',
|
||||
onceOkCount: '一次加工良品数量',
|
||||
reworkOkCount: '重工良品数量',
|
||||
GetTimePeriod: '获取时间段',
|
||||
ProductionTimePeriod: '生产时间段',
|
||||
MaintenanceTimes: '维护次数',
|
||||
RunningTime: '运行时长',
|
||||
E10status: 'E10状态',
|
||||
number: '当日生产的数量',
|
||||
yieId: '当日良率',
|
||||
bom: '当日消耗物料',
|
||||
controlState: '控制状态',
|
||||
equipmentName: '设备名称',
|
||||
e10Code: 'E10状态名称',
|
||||
port: '上料位置',
|
||||
recipe: '设备配方',
|
||||
materialName: '物料名称',
|
||||
productCount: '加工数量',
|
||||
spec: '物料规格',
|
||||
materialNo: '物料批次号',
|
||||
upTime: '上料时间',
|
||||
upCount: '上料数量',
|
||||
useCount: '使用数量',
|
||||
unit: '单位',
|
||||
eventName: '事件名称',
|
||||
paramName: '参数名称',
|
||||
receiveTime: '获取参数时间',
|
||||
paramValue: '获取参数值',
|
||||
standardFormat: '标准参数模式',
|
||||
paramFormat: '获取参数格式',
|
||||
controlStatus: '设备控制状态',
|
||||
traceDataState: 'Trace Data 开启状态',
|
||||
controlStateUpdateTime: '控制状态更新时间',
|
||||
e10UpdateTime: 'E10更新时间',
|
||||
StateFlg: 'StateFlg',
|
||||
EnableSpooling: 'EnableSpooling',
|
||||
maxspooltransmit: 'maxspooltransmit',
|
||||
spoolingstate: 'spoolingstate',
|
||||
spoolingcountactual: 'spoolingcountactual',
|
||||
SpoolingCountTotal: 'SpoolingCountTotal',
|
||||
F1F3Succ: 'F1F3请求成功',
|
||||
F2F13Succ: 'F2F13请求成功',
|
||||
baseChart: '设备加工基板数量',
|
||||
monitorChart: '设备运行时长'
|
||||
},
|
||||
sparepart: {
|
||||
'sparepart': '备品备件',
|
||||
'code': '备件编号',
|
||||
|
||||
@ -208,6 +208,24 @@ export const constantRoutes = [
|
||||
meta: { title: routerTitle.basicData.materials.materialType?.[language] || routerTitle.basicData.materials.materialType.en, icon: 'form', affix: true, required: true, requireToken: true }
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
path: '/dataDictionary',
|
||||
component: () => import('@/views/basicData/index'),
|
||||
name: 'dataDictionary',
|
||||
meta: { title: routerTitle.basicData.dataDictionaryType.dataDictionary?.[language] || routerTitle.basicData.dataDictionaryType.dataDictionary.en, icon: 'form', affix: true, required: true, requireToken: true },
|
||||
children: [{
|
||||
path: 'dataDictionary',
|
||||
component: () => import('@/views/basicData/dataDictionary'),
|
||||
name: 'dataDictionary',
|
||||
meta: { title: routerTitle.basicData.dataDictionaryType?.[language] || routerTitle.basicData.dataDictionaryType.en, icon: 'form', affix: true, required: true, requireToken: true }
|
||||
}, {
|
||||
path: 'dataDictionaryData',
|
||||
component: () => import('@/views/basicData/components/dataDictionaryData'),
|
||||
hidden: true,
|
||||
name: 'dataDictionaryData',
|
||||
meta: { title: routerTitle.basicData.dataDictionaryType.dataDictionary?.[language] || routerTitle.basicData.dataDictionaryType.dataDictionary.en, icon: 'form', affix: true, required: true, requireToken: true }
|
||||
}]
|
||||
}
|
||||
]
|
||||
},
|
||||
@ -361,104 +379,131 @@ export const constantRoutes = [
|
||||
component: Layout,
|
||||
redirect: '/quality',
|
||||
name: 'qualityManage',
|
||||
hidden: true,
|
||||
meta: { title: routerTitle.quality?.[language] || routerTitle.quality.en, icon: 'form', iconPart: 'qualityManage', affix: true, required: true, requireToken: true },
|
||||
children: [
|
||||
{
|
||||
path: 'scrap',
|
||||
component: () => import('@/views/QualityManager/scrap'),
|
||||
name: 'scrapManage',
|
||||
meta: { title: routerTitle.quality.scrap?.[language] || routerTitle.quality.scrap.en, icon: 'form', iconPart: 'formwhite', affix: true, required: true, requireToken: true, unuse: true }
|
||||
},
|
||||
{
|
||||
path: 'scrapcategorystatistics',
|
||||
component: () => import('@/views/QualityManager/scrap/scrapCategoryStatistics'),
|
||||
name: 'scrapCategoryStatistics',
|
||||
meta: { title: routerTitle.quality.scrapcategorystatistics?.[language] || routerTitle.quality.scrapcategorystatistics.en, icon: 'form', iconPart: 'formwhite', affix: true, required: true, requireToken: true, unuse: true }
|
||||
},
|
||||
{
|
||||
path: 'plan',
|
||||
component: () => import('@/views/QualityManager/plan'),
|
||||
component: () => import('@/views/QualityManager/QCPplan'),
|
||||
name: 'PlanManage',
|
||||
meta: { title: routerTitle.quality.plan?.[language] || routerTitle.quality.plan.en, icon: 'form', affix: true }
|
||||
}, {
|
||||
path: 'planparam',
|
||||
component: () => import('@/views/QualityManager/plan/subpage/detail'),
|
||||
name: 'PlanParamManage',
|
||||
hidden: true,
|
||||
meta: { title: routerTitle.quality.planform?.[language] || routerTitle.quality.planform.en, icon: 'form', affix: true }
|
||||
}, {
|
||||
path: 'issue',
|
||||
component: () => import('@/views/QualityManager/plan/issuedplan'),
|
||||
name: 'PlanIssuedManage',
|
||||
meta: { title: routerTitle.quality.issuedplan?.[language] || routerTitle.quality.issuedplan.en, icon: 'form', affix: true }
|
||||
},
|
||||
{
|
||||
path: '/offlineDetec',
|
||||
component: () => import('@/views/basicData/index'),
|
||||
name: 'offlineDetec',
|
||||
meta: { title: routerTitle.quality.offlineDetec?.[language] || routerTitle.quality.offlineDetec.en, icon: 'form', affix: true, required: true, requireToken: true },
|
||||
meta: { title: routerTitle.quality.scrapManagement?.[language] || routerTitle.quality.scrapManagement.en, icon: 'form', affix: true, required: true, requireToken: true },
|
||||
children: [
|
||||
{
|
||||
path: 'detecParam',
|
||||
component: () =>
|
||||
import('@/views/QualityManager/offlineDetec/detecParam'),
|
||||
name: 'detecParam',
|
||||
hidden: true,
|
||||
meta: { title: routerTitle.quality.offlineDetec.detecParam?.[language] || routerTitle.quality.offlineDetec.detecParam.detecParam.en, icon: 'form', affix: true, required: true, requireToken: true }
|
||||
path: 'ScrapInfo',
|
||||
component: () => import('@/views/basicData/Scrap/ScrapInfo'),
|
||||
name: 'ScrapInfo',
|
||||
meta: { title: routerTitle.basicData.scrap.scrapInfo?.[language] || routerTitle.basicData.scrap.scrapInfo.en, icon: 'form', affix: true, required: true, requireToken: true }
|
||||
},
|
||||
{
|
||||
path: 'detecParamAdd',
|
||||
component: () =>
|
||||
import('@/views/QualityManager/offlineDetec/components/detecParam-add'),
|
||||
name: 'detecParamAdd',
|
||||
hidden: true,
|
||||
meta: { title: routerTitle.quality.offlineDetec.detecParam?.[language] || routerTitle.quality.offlineDetec.detecParam.detecParam.en, icon: 'form', affix: true, required: true, requireToken: true }
|
||||
path: 'ScrapType',
|
||||
component: () => import('@/views/basicData/Scrap/ScrapType'),
|
||||
name: 'ScrapType',
|
||||
meta: { title: routerTitle.basicData.scrap.scrapType?.[language] || routerTitle.basicData.scrap.scrapType.en, icon: 'form', affix: true, required: true, requireToken: true }
|
||||
},
|
||||
{
|
||||
path: 'equipmentDetectParam',
|
||||
component: () =>
|
||||
import('@/views/basicData/Equipment/equipmentDetectParam'),
|
||||
name: 'equipmentDetectParam',
|
||||
hidden: true,
|
||||
meta: { title: routerTitle.basicData.equipment.equipmentDetectInfo.equipmentDetectParam?.[language] || routerTitle.basicData.equipment.equipmentDetectInfo.equipmentDetectParam.en, icon: 'form', affix: true, required: true, requireToken: true }
|
||||
path: 'EquipmentScrapGrade',
|
||||
component: () => import('@/views/basicData/EquipmentScrapGrade'),
|
||||
name: 'EquipmentScrapGrade',
|
||||
meta: { title: routerTitle.basicData.EquipmentScrapGrade?.[language] || routerTitle.basicData.EquipmentScrapGrade.en, icon: 'form', affix: true, required: true, requireToken: true }
|
||||
},
|
||||
{
|
||||
path: 'equipmentDetectParamAdd',
|
||||
component: () =>
|
||||
import('@/views/basicData/Equipment/components/equipmentDetectParam-add'),
|
||||
name: 'equipmentDetectParamAdd',
|
||||
meta: { title: routerTitle.basicData.equipment.equipmentDetectInfo.equipmentDetectParam?.[language] || routerTitle.basicData.equipment.equipmentDetectInfo.equipmentDetectParam.en, icon: 'form', affix: true, required: true, requireToken: true }
|
||||
},
|
||||
{
|
||||
path: 'detecRegistration',
|
||||
component: () =>
|
||||
import('@/views/QualityManager/offlineDetec/detecRegistration'),
|
||||
name: 'detecRegistration',
|
||||
meta: { title: routerTitle.quality.offlineDetec.detecRegistration?.[language] || routerTitle.quality.offlineDetec.detecRegistration.en, icon: 'form', affix: true, required: true, requireToken: true }
|
||||
path: 'scrap',
|
||||
component: () => import('@/views/QualityManager/scrap'),
|
||||
name: 'scrapManage',
|
||||
meta: { title: routerTitle.quality.scrap?.[language] || routerTitle.quality.scrap.en, icon: 'form', iconPart: 'formwhite', affix: true, required: true, requireToken: true, unuse: true }
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
path: '/spc',
|
||||
component: () => import('@/views/spc/index'),
|
||||
name: 'spcManage',
|
||||
meta: { title: routerTitle.spc?.[language] || routerTitle.spc.en, icon: 'form', iconPart: 'formwhite', affix: true, required: true, requireToken: true, openUrl: 'http://58.210.206.230:8000/thirdLogin?username=ZJCadmin&password=123456' }
|
||||
},
|
||||
{
|
||||
path: 'knowledge',
|
||||
component: () => import('@/views/QualityManager/base/knowledge'),
|
||||
name: 'knowledge',
|
||||
meta: { title: routerTitle.quality.knowledge?.[language] || routerTitle.quality.knowledge.en, icon: 'form', iconPart: 'formwhite', affix: true }
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
path: '/form',
|
||||
component: Layout,
|
||||
redirect: '/form',
|
||||
name: 'formManage',
|
||||
meta: { title: routerTitle.form?.[language] || routerTitle.form.en, icon: 'form', iconPart: 'formManage', affix: true, required: true, requireToken: true, unuse: false },
|
||||
children: [{
|
||||
path: 'report',
|
||||
component: () => import('@/views/report-manage/ReportSortChoise'),
|
||||
name: 'Report',
|
||||
meta: { title: routerTitle.form.report?.[language] || routerTitle.form.report.en, icon: 'form', affix: true, required: true, requireToken: true }
|
||||
},
|
||||
{
|
||||
path: 'report-sort-list',
|
||||
component: () => import('@/views/report-manage/Report'),
|
||||
name: 'ReportSortList',
|
||||
hidden: true,
|
||||
meta: { title: routerTitle.form.reportSortList?.[language] || routerTitle.form.reportSortList.en, icon: 'form', affix: true, required: true, requireToken: true }
|
||||
},
|
||||
{
|
||||
path: 'report-view',
|
||||
component: () => import('@/views/report-manage/ReportView'),
|
||||
name: 'ReportDesign',
|
||||
meta: { title: routerTitle.form.reportView?.[language] || routerTitle.form.reportView.en, icon: 'form', affix: true, required: true, requireToken: true },
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
path: 'report-design',
|
||||
component: () => import('@/views/report-manage/ReportDesign'),
|
||||
name: 'ReportDesign',
|
||||
meta: { title: routerTitle.form.reportDesign?.[language] || routerTitle.form.reportDesign.en, icon: 'form', affix: true, required: true, requireToken: true }
|
||||
},
|
||||
{
|
||||
path: 'report-sort',
|
||||
component: () => import('@/views/report-manage/ReportSort/index'),
|
||||
name: 'ReportSort',
|
||||
meta: { title: routerTitle.form.reportSort?.[language] || routerTitle.form.reportSort.en, icon: 'form', affix: true, required: true, requireToken: true }
|
||||
}]
|
||||
},
|
||||
{
|
||||
path: '/equipment',
|
||||
component: Layout,
|
||||
redirect: '/equipment',
|
||||
name: 'equipmentManage',
|
||||
meta: { title: routerTitle.equipment?.[language] || routerTitle.equipment.en, icon: 'form', iconPart: 'equipmentManage', affix: true, required: true, requireToken: true, unuse: false },
|
||||
children: [{
|
||||
path: 'equipmentUtilizationRate',
|
||||
component: () => import('@/views/basicData/index'),
|
||||
name: 'EquipmentUtilizationRate',
|
||||
meta: { title: routerTitle.equipment.EquipmentUtilizationRate?.[language] || routerTitle.equipment.EquipmentUtilizationRate.en, icon: 'form', affix: true, required: true, requireToken: true },
|
||||
children: [
|
||||
{
|
||||
path: 'e10',
|
||||
component: () => import('@/views/EquipmentManager/equipmentUtilizationRate/E10'),
|
||||
name: 'E10',
|
||||
meta: { title: 'E10' }
|
||||
},
|
||||
{
|
||||
path: 'oee',
|
||||
component: () => import('@/views/EquipmentManager/equipmentUtilizationRate/OEE'),
|
||||
name: 'OEE',
|
||||
meta: { title: 'OEE' }
|
||||
},
|
||||
{
|
||||
path: 'mttr',
|
||||
component: () => import('@/views/EquipmentManager/equipmentUtilizationRate/MTTR'),
|
||||
name: 'MTTR',
|
||||
meta: { title: 'MTTR' }
|
||||
},
|
||||
{
|
||||
path: 'mcbf',
|
||||
component: () => import('@/views/EquipmentManager/equipmentUtilizationRate/MCBF'),
|
||||
name: 'MCBF',
|
||||
meta: { title: 'MCBF' }
|
||||
}
|
||||
]
|
||||
}]
|
||||
},
|
||||
{
|
||||
path: '/basic',
|
||||
component: Layout,
|
||||
redirect: '/user/manager',
|
||||
name: 'ArticleManager',
|
||||
hidden: true,
|
||||
meta: { title: routerTitle.basic?.[language] || routerTitle.basic.en, icon: 'form', iconPart: 'ArticleManager', affix: true, required: true, requireToken: true },
|
||||
children: [
|
||||
{
|
||||
|
||||
152
src/views/EquipmentManager/equipmentUtilizationRate/E10.vue
Normal file
152
src/views/EquipmentManager/equipmentUtilizationRate/E10.vue
Normal file
@ -0,0 +1,152 @@
|
||||
<!--
|
||||
* @Author: DY
|
||||
* @Date: 2021-12-16 15:41:11
|
||||
* @LastEditors: DY
|
||||
* @LastEditTime: 2022-03-03 15:26:05
|
||||
* @Description: E10
|
||||
-->
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form
|
||||
:model="formData"
|
||||
:inline="true"
|
||||
size="medium"
|
||||
label-width="80px"
|
||||
>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="toE10()">E10</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button @click="toOEE()">OEE</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button @click="toMTTR()">MTTR</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button @click="toMCBF()">MCBF</el-button>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item :label="$t('module.equipmentManager.recipe.equipmentId')" prop="equipmentName">
|
||||
<el-select v-model="formData.equipmentName" :placeholder="$t('module.equipmentManager.recipe.EQselect')" filterable clearable>
|
||||
<el-option
|
||||
v-for="(item, index) in eqList"
|
||||
:key="index"
|
||||
:label="item.name"
|
||||
:value="item.name"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item> -->
|
||||
<el-form-item :label="$t('module.equipmentManager.equipmentVisualization.timeSlot')" label-width="100px" prop="time">
|
||||
<el-date-picker
|
||||
v-model="formData.timeSlot"
|
||||
type="datetimerange"
|
||||
:start-placeholder="$t('module.orderManage.order.StartTime')"
|
||||
:end-placeholder="$t('module.orderManage.order.StartTime')"
|
||||
:range-separator="$t('module.orderManage.order.To')"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="getList()"> {{ 'btn.search' | i18nFilter }} </el-button>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item>
|
||||
<el-button type="primary" @click="getList()"> {{ 'btn.exportBtn' | i18nFilter }} </el-button>
|
||||
</el-form-item> -->
|
||||
</el-form>
|
||||
<e10Chart v-if="e10Visible" ref="e10Chart" :time1="startTime" :time2="endTime" :name="formData.equipmentName" @equipmentName="seeDetail" />
|
||||
<e10-detail-chart v-if="e10Detail" ref="e10DetailChart" :time1="startTime" :time2="endTime" :equipment-name="equipmentName" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import e10Chart from './components/e10-chart'
|
||||
import e10DetailChart from './components/e10Detail-chart'
|
||||
// import { equipmentList } from '@/api/basicData/Equipment/equipmentInfo'
|
||||
|
||||
export default {
|
||||
name: 'E10',
|
||||
components: { e10Chart, e10DetailChart },
|
||||
data() {
|
||||
return {
|
||||
list: [],
|
||||
startTime: '',
|
||||
endTime: '',
|
||||
formData: {
|
||||
timeSlot: [],
|
||||
equipmentName: undefined,
|
||||
current: 1,
|
||||
size: 10
|
||||
},
|
||||
e10Visible: false,
|
||||
e10Detail: false,
|
||||
equipmentName: '',
|
||||
eqList: []
|
||||
}
|
||||
},
|
||||
created() {
|
||||
// this.getEqList()
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
async getEqList() {
|
||||
const res = await equipmentList({
|
||||
current: 1,
|
||||
size: 999
|
||||
})
|
||||
if (res.code === 0) {
|
||||
this.eqList = res.data
|
||||
}
|
||||
},
|
||||
toE10() {
|
||||
this.$router.push({
|
||||
name: 'E10'
|
||||
})
|
||||
},
|
||||
toOEE() {
|
||||
this.$router.push({
|
||||
name: 'OEE'
|
||||
})
|
||||
},
|
||||
toMTTR() {
|
||||
this.$router.push({
|
||||
name: 'MTTR'
|
||||
})
|
||||
},
|
||||
toMCBF() {
|
||||
this.$router.push({
|
||||
name: 'MCBF'
|
||||
})
|
||||
},
|
||||
seeDetail(name) {
|
||||
this.equipmentName = name
|
||||
this.e10Visible = false
|
||||
this.e10Detail = true
|
||||
setTimeout(() => {
|
||||
this.$refs.e10DetailChart.getList()
|
||||
}, 60)
|
||||
},
|
||||
getList() {
|
||||
if (this.formData.timeSlot.length !== 0) {
|
||||
this.startTime = this.formData.timeSlot[0]
|
||||
this.endTime = this.formData.timeSlot[1]
|
||||
this.$nextTick(() => {
|
||||
this.e10Visible = true
|
||||
setTimeout(() => {
|
||||
this.$refs.e10Chart.getList()
|
||||
}, 60)
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.edit-input {
|
||||
padding-right: 100px;
|
||||
}
|
||||
.cancel-btn {
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
top: 10px;
|
||||
}
|
||||
</style>
|
||||
151
src/views/EquipmentManager/equipmentUtilizationRate/MCBF.vue
Normal file
151
src/views/EquipmentManager/equipmentUtilizationRate/MCBF.vue
Normal file
@ -0,0 +1,151 @@
|
||||
<!--
|
||||
* @Author: DY
|
||||
* @Date: 2021-12-16 15:41:11
|
||||
* @LastEditors: DY
|
||||
* @LastEditTime: 2022-03-03 15:26:28
|
||||
* @Description: MCBF
|
||||
-->
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form
|
||||
:model="formData"
|
||||
:inline="true"
|
||||
size="medium"
|
||||
label-width="80px"
|
||||
>
|
||||
<el-form-item>
|
||||
<el-button @click="toE10()">E10</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button @click="toOEE()">OEE</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button @click="toMTTR()">MTTR</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="toMCBF()">MCBF</el-button>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item :label="$t('module.equipmentManager.recipe.equipmentId')" prop="equipmentName">
|
||||
<el-select v-model="formData.equipmentName" :placeholder="$t('module.equipmentManager.recipe.EQselect')" filterable clearable>
|
||||
<el-option
|
||||
v-for="(item, index) in eqList"
|
||||
:key="index"
|
||||
:label="item.name"
|
||||
:value="item.name"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item> -->
|
||||
<el-form-item :label="$t('module.equipmentManager.equipmentVisualization.timeSlot')" label-width="100px" prop="time">
|
||||
<el-date-picker
|
||||
v-model="formData.timeSlot"
|
||||
type="datetimerange"
|
||||
:start-placeholder="$t('module.orderManage.order.StartTime')"
|
||||
:end-placeholder="$t('module.orderManage.order.StartTime')"
|
||||
:range-separator="$t('module.orderManage.order.To')"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="getList()"> {{ 'btn.search' | i18nFilter }} </el-button>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item>
|
||||
<el-button type="primary" @click="getList()"> {{ 'btn.exportBtn' | i18nFilter }} </el-button>
|
||||
</el-form-item> -->
|
||||
</el-form>
|
||||
<mcbfChart v-if="mcbfVisible" ref="mcbfChart" :time1="startTime" :time2="endTime" @equipmentName="seeDetail" />
|
||||
<mcbf-detail-chart v-if="mcbfDetail" ref="mcbfDetailChart" :time1="startTime" :time2="endTime" :equipment-name="equipmentName" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import mcbfChart from './components/mcbf-chart'
|
||||
import mcbfDetailChart from './components/mcbfDetail-chart'
|
||||
// import { equipmentList } from '@/api/basicData/Equipment/equipmentInfo'
|
||||
|
||||
export default {
|
||||
name: 'MCBF',
|
||||
components: { mcbfChart, mcbfDetailChart },
|
||||
data() {
|
||||
return {
|
||||
list: [],
|
||||
startTime: '',
|
||||
endTime: '',
|
||||
formData: {
|
||||
timeSlot: [],
|
||||
current: 1,
|
||||
size: 10
|
||||
},
|
||||
mcbfVisible: false,
|
||||
mcbfDetail: false,
|
||||
equipmentName: '',
|
||||
eqList: []
|
||||
}
|
||||
},
|
||||
created() {
|
||||
// this.getEqList()
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
async getEqList() {
|
||||
const res = await equipmentList({
|
||||
current: 1,
|
||||
size: 999
|
||||
})
|
||||
if (res.code === 0) {
|
||||
this.eqList = res.data
|
||||
}
|
||||
},
|
||||
toE10() {
|
||||
this.$router.push({
|
||||
name: 'E10'
|
||||
})
|
||||
},
|
||||
toOEE() {
|
||||
this.$router.push({
|
||||
name: 'OEE'
|
||||
})
|
||||
},
|
||||
toMTTR() {
|
||||
this.$router.push({
|
||||
name: 'MTTR'
|
||||
})
|
||||
},
|
||||
toMCBF() {
|
||||
this.$router.push({
|
||||
name: 'MCBF'
|
||||
})
|
||||
},
|
||||
seeDetail(name) {
|
||||
this.equipmentName = name
|
||||
this.mcbfVisible = false
|
||||
this.mcbfDetail = true
|
||||
setTimeout(() => {
|
||||
this.$refs.mcbfDetailChart.getList()
|
||||
}, 60)
|
||||
},
|
||||
getList() {
|
||||
if (this.formData.timeSlot.length !== 0) {
|
||||
this.startTime = this.formData.timeSlot[0]
|
||||
this.endTime = this.formData.timeSlot[1]
|
||||
this.$nextTick(() => {
|
||||
this.mcbfVisible = true
|
||||
setTimeout(() => {
|
||||
this.$refs.mcbfChart.getList()
|
||||
}, 60)
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.edit-input {
|
||||
padding-right: 100px;
|
||||
}
|
||||
.cancel-btn {
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
top: 10px;
|
||||
}
|
||||
</style>
|
||||
151
src/views/EquipmentManager/equipmentUtilizationRate/MTTR.vue
Normal file
151
src/views/EquipmentManager/equipmentUtilizationRate/MTTR.vue
Normal file
@ -0,0 +1,151 @@
|
||||
<!--
|
||||
* @Author: DY
|
||||
* @Date: 2021-12-16 15:41:11
|
||||
* @LastEditors: DY
|
||||
* @LastEditTime: 2022-03-03 15:26:44
|
||||
* @Description: MTTR
|
||||
-->
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form
|
||||
:model="formData"
|
||||
:inline="true"
|
||||
size="medium"
|
||||
label-width="80px"
|
||||
>
|
||||
<el-form-item>
|
||||
<el-button @click="toE10()">E10</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button @click="toOEE()">OEE</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="toMTTR()">MTTR</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button @click="toMCBF()">MCBF</el-button>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item :label="$t('module.equipmentManager.recipe.equipmentId')" prop="equipmentName">
|
||||
<el-select v-model="formData.equipmentName" :placeholder="$t('module.equipmentManager.recipe.EQselect')" filterable clearable>
|
||||
<el-option
|
||||
v-for="(item, index) in eqList"
|
||||
:key="index"
|
||||
:label="item.name"
|
||||
:value="item.name"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item> -->
|
||||
<el-form-item :label="$t('module.equipmentManager.equipmentVisualization.timeSlot')" label-width="100px" prop="time">
|
||||
<el-date-picker
|
||||
v-model="formData.timeSlot"
|
||||
type="datetimerange"
|
||||
:start-placeholder="$t('module.orderManage.order.StartTime')"
|
||||
:end-placeholder="$t('module.orderManage.order.StartTime')"
|
||||
:range-separator="$t('module.orderManage.order.To')"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="getList()"> {{ 'btn.search' | i18nFilter }} </el-button>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item>
|
||||
<el-button type="primary" @click="getList()"> {{ 'btn.exportBtn' | i18nFilter }} </el-button>
|
||||
</el-form-item> -->
|
||||
</el-form>
|
||||
<mttrChart v-if="mttrVisible" ref="mttrChart" :time1="startTime" :time2="endTime" @equipmentName="seeDetail" />
|
||||
<mttr-detail-chart v-if="mttrDetail" ref="mttrDetailChart" :time1="startTime" :time2="endTime" :equipment-name="equipmentName" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import mttrChart from './components/mttr-chart'
|
||||
import mttrDetailChart from './components/mttrDetail-chart'
|
||||
// import { equipmentList } from '@/api/basicData/Equipment/equipmentInfo'
|
||||
|
||||
export default {
|
||||
name: 'MTTR',
|
||||
components: { mttrChart, mttrDetailChart },
|
||||
data() {
|
||||
return {
|
||||
list: [],
|
||||
startTime: '',
|
||||
endTime: '',
|
||||
formData: {
|
||||
timeSlot: [],
|
||||
current: 1,
|
||||
size: 10
|
||||
},
|
||||
mttrVisible: false,
|
||||
mttrDetail: false,
|
||||
equipmentName: '',
|
||||
eqList: []
|
||||
}
|
||||
},
|
||||
created() {
|
||||
// this.getEqList()
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
async getEqList() {
|
||||
const res = await equipmentList({
|
||||
current: 1,
|
||||
size: 999
|
||||
})
|
||||
if (res.code === 0) {
|
||||
this.eqList = res.data
|
||||
}
|
||||
},
|
||||
toE10() {
|
||||
this.$router.push({
|
||||
name: 'E10'
|
||||
})
|
||||
},
|
||||
toOEE() {
|
||||
this.$router.push({
|
||||
name: 'OEE'
|
||||
})
|
||||
},
|
||||
toMTTR() {
|
||||
this.$router.push({
|
||||
name: 'MTTR'
|
||||
})
|
||||
},
|
||||
toMCBF() {
|
||||
this.$router.push({
|
||||
name: 'MCBF'
|
||||
})
|
||||
},
|
||||
seeDetail(name) {
|
||||
this.equipmentName = name
|
||||
this.mttrVisible = false
|
||||
this.mttrDetail = true
|
||||
setTimeout(() => {
|
||||
this.$refs.mttrDetailChart.getList()
|
||||
}, 60)
|
||||
},
|
||||
getList() {
|
||||
if (this.formData.timeSlot.length !== 0) {
|
||||
this.startTime = this.formData.timeSlot[0]
|
||||
this.endTime = this.formData.timeSlot[1]
|
||||
this.$nextTick(() => {
|
||||
this.mttrVisible = true
|
||||
setTimeout(() => {
|
||||
this.$refs.mttrChart.getList()
|
||||
}, 60)
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.edit-input {
|
||||
padding-right: 100px;
|
||||
}
|
||||
.cancel-btn {
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
top: 10px;
|
||||
}
|
||||
</style>
|
||||
151
src/views/EquipmentManager/equipmentUtilizationRate/OEE.vue
Normal file
151
src/views/EquipmentManager/equipmentUtilizationRate/OEE.vue
Normal file
@ -0,0 +1,151 @@
|
||||
<!--
|
||||
* @Author: DY
|
||||
* @Date: 2021-12-16 15:41:11
|
||||
* @LastEditors: DY
|
||||
* @LastEditTime: 2022-03-03 15:26:56
|
||||
* @Description: OEE
|
||||
-->
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form
|
||||
:model="formData"
|
||||
:inline="true"
|
||||
size="medium"
|
||||
label-width="80px"
|
||||
>
|
||||
<el-form-item>
|
||||
<el-button @click="toE10()">E10</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="toOEE()">OEE</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button @click="toMTTR()">MTTR</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button @click="toMCBF()">MCBF</el-button>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item :label="$t('module.equipmentManager.recipe.equipmentId')" prop="equipmentName">
|
||||
<el-select v-model="formData.equipmentName" :placeholder="$t('module.equipmentManager.recipe.EQselect')" filterable clearable>
|
||||
<el-option
|
||||
v-for="(item, index) in eqList"
|
||||
:key="index"
|
||||
:label="item.name"
|
||||
:value="item.name"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item> -->
|
||||
<el-form-item :label="$t('module.equipmentManager.equipmentVisualization.timeSlot')" label-width="100px" prop="time">
|
||||
<el-date-picker
|
||||
v-model="formData.timeSlot"
|
||||
type="datetimerange"
|
||||
:start-placeholder="$t('module.orderManage.order.StartTime')"
|
||||
:end-placeholder="$t('module.orderManage.order.StartTime')"
|
||||
:range-separator="$t('module.orderManage.order.To')"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="getList()"> {{ 'btn.search' | i18nFilter }} </el-button>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item>
|
||||
<el-button type="primary" @click="getList()"> {{ 'btn.exportBtn' | i18nFilter }} </el-button>
|
||||
</el-form-item> -->
|
||||
</el-form>
|
||||
<oeeChart v-if="oeeVisible" ref="oeeChart" :time1="startTime" :time2="endTime" @equipmentName="seeDetail" />
|
||||
<oee-detail-chart v-if="oeeDetail" ref="oeeDetailChart" :time1="startTime" :time2="endTime" :equipment-name="equipmentName" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import oeeChart from './components/oee-chart'
|
||||
import oeeDetailChart from './components/oeeDetail-chart'
|
||||
// import { equipmentList } from '@/api/basicData/Equipment/equipmentInfo'
|
||||
|
||||
export default {
|
||||
name: 'OEE',
|
||||
components: { oeeChart, oeeDetailChart },
|
||||
data() {
|
||||
return {
|
||||
list: [],
|
||||
startTime: '',
|
||||
endTime: '',
|
||||
formData: {
|
||||
timeSlot: [],
|
||||
current: 1,
|
||||
size: 10
|
||||
},
|
||||
oeeVisible: false,
|
||||
oeeDetail: false,
|
||||
equipmentName: '',
|
||||
eqList: []
|
||||
}
|
||||
},
|
||||
created() {
|
||||
// this.getEqList()
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
async getEqList() {
|
||||
const res = await equipmentList({
|
||||
current: 1,
|
||||
size: 999
|
||||
})
|
||||
if (res.code === 0) {
|
||||
this.eqList = res.data
|
||||
}
|
||||
},
|
||||
toE10() {
|
||||
this.$router.push({
|
||||
name: 'E10'
|
||||
})
|
||||
},
|
||||
toOEE() {
|
||||
this.$router.push({
|
||||
name: 'OEE'
|
||||
})
|
||||
},
|
||||
toMTTR() {
|
||||
this.$router.push({
|
||||
name: 'MTTR'
|
||||
})
|
||||
},
|
||||
toMCBF() {
|
||||
this.$router.push({
|
||||
name: 'MCBF'
|
||||
})
|
||||
},
|
||||
seeDetail(name) {
|
||||
this.equipmentName = name
|
||||
this.oeeVisible = false
|
||||
this.oeeDetail = true
|
||||
setTimeout(() => {
|
||||
this.$refs.oeeDetailChart.getList()
|
||||
}, 60)
|
||||
},
|
||||
getList() {
|
||||
if (this.formData.timeSlot.length !== 0) {
|
||||
this.startTime = this.formData.timeSlot[0]
|
||||
this.endTime = this.formData.timeSlot[1]
|
||||
this.$nextTick(() => {
|
||||
this.oeeVisible = true
|
||||
setTimeout(() => {
|
||||
this.$refs.oeeChart.getList()
|
||||
}, 60)
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.edit-input {
|
||||
padding-right: 100px;
|
||||
}
|
||||
.cancel-btn {
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
top: 10px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,134 @@
|
||||
<!--
|
||||
* @Author: zwq
|
||||
* @Date: 2020-12-29 15:41:11
|
||||
* @LastEditors: DY
|
||||
* @LastEditTime: 2022-03-03 16:22:24
|
||||
* @Description: E10详情表格
|
||||
-->
|
||||
<template>
|
||||
<div>
|
||||
<base-table
|
||||
:page="listQuery.current"
|
||||
:limit="listQuery.size"
|
||||
:table-config="tableProps"
|
||||
:table-data="list"
|
||||
:is-loading="listLoading"
|
||||
/>
|
||||
<pagination :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" @pagination="init" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import i18n from '@/lang'
|
||||
import BaseTable from '@/components/BaseTable'
|
||||
import Pagination from '@/components/Pagination'
|
||||
import { timeFormatter } from '@/filters'
|
||||
// import { getE10StackDetail } from '@/api/equipment/infoPandect'
|
||||
|
||||
/**
|
||||
* 表格表头配置项 TypeScript接口注释
|
||||
* tableConfig<ConfigItem> = []
|
||||
*
|
||||
* Interface ConfigItem = {
|
||||
* prop: string,
|
||||
* label: string,
|
||||
* width: string,
|
||||
* align: string,
|
||||
* subcomponent: function,
|
||||
* filter: function
|
||||
* }
|
||||
*
|
||||
*
|
||||
*/
|
||||
const tableProps = [
|
||||
{
|
||||
prop: 'equipmentName',
|
||||
label: i18n.t('module.equipmentManager.maintainplan.equipmentId'),
|
||||
align: 'center'
|
||||
}, {
|
||||
prop: 'status',
|
||||
label: i18n.t('module.equipmentManager.monitoringInfo.E10status'),
|
||||
align: 'center'
|
||||
}, {
|
||||
prop: 'previousStatus',
|
||||
label: i18n.t('module.equipmentManager.monitoringInfo.laterE10Status'),
|
||||
align: 'center'
|
||||
}, {
|
||||
prop: 'endTime',
|
||||
label: i18n.t('module.equipmentManager.monitoringInfo.E10endTime'),
|
||||
filter: timeFormatter,
|
||||
align: 'center'
|
||||
}, {
|
||||
prop: 'durationTime',
|
||||
label: i18n.t('module.equipmentManager.monitoringInfo.duration'),
|
||||
align: 'center'
|
||||
}
|
||||
]
|
||||
|
||||
export default {
|
||||
name: '',
|
||||
components: { BaseTable, Pagination },
|
||||
props: {
|
||||
time1: {
|
||||
type: Date,
|
||||
default: () => {
|
||||
return ''
|
||||
}
|
||||
},
|
||||
time2: {
|
||||
type: Date,
|
||||
default: () => {
|
||||
return ''
|
||||
}
|
||||
},
|
||||
equipmentName: {
|
||||
type: String,
|
||||
default: () => {
|
||||
return ''
|
||||
}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
total: 0,
|
||||
tableProps,
|
||||
list: [],
|
||||
listLoading: false,
|
||||
listQuery: {
|
||||
current: 1,
|
||||
size: 10
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
// this.init()
|
||||
},
|
||||
methods: {
|
||||
init() {
|
||||
this.listQuery.startTime = this.time1
|
||||
this.listQuery.endTime = this.time2
|
||||
this.listQuery.equipmentName = this.equipmentName
|
||||
getE10StackDetail(this.listQuery).then(res => {
|
||||
if (res.data !== []) {
|
||||
this.list = res.data.detail.records
|
||||
this.total = res.data.detail.total
|
||||
this.list.forEach(item => {
|
||||
item.equipmentName = this.equipmentName
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.edit-input {
|
||||
padding-right: 100px;
|
||||
}
|
||||
.cancel-btn {
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
top: 10px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,94 @@
|
||||
<!--
|
||||
* @Author: zwq
|
||||
* @Date: 2020-12-29 15:41:11
|
||||
* @LastEditors: DY
|
||||
* @LastEditTime: 2022-03-03 16:47:23
|
||||
* @Description: MCBF详情表格
|
||||
-->
|
||||
<template>
|
||||
<div>
|
||||
<base-table
|
||||
:table-config="tableProps"
|
||||
:table-data="list"
|
||||
:is-loading="listLoading"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import i18n from '@/lang'
|
||||
import BaseTable from '@/components/BaseTable'
|
||||
|
||||
/**
|
||||
* 表格表头配置项 TypeScript接口注释
|
||||
* tableConfig<ConfigItem> = []
|
||||
*
|
||||
* Interface ConfigItem = {
|
||||
* prop: string,
|
||||
* label: string,
|
||||
* width: string,
|
||||
* align: string,
|
||||
* subcomponent: function,
|
||||
* filter: function
|
||||
* }
|
||||
*
|
||||
*
|
||||
*/
|
||||
const tableProps = [
|
||||
{
|
||||
prop: 'tmc',
|
||||
label: i18n.t('module.equipmentManager.monitoringInfo.allCycles'),
|
||||
align: 'center'
|
||||
}, {
|
||||
prop: 'emc',
|
||||
label: i18n.t('module.equipmentManager.monitoringInfo.badTimes'),
|
||||
align: 'center'
|
||||
}, {
|
||||
prop: 'time',
|
||||
label: i18n.t('module.equipmentManager.monitoringInfo.time'),
|
||||
align: 'center'
|
||||
}, {
|
||||
prop: 'mtbf',
|
||||
label: i18n.t('module.equipmentManager.monitoringInfo.MCBF'),
|
||||
align: 'center'
|
||||
}
|
||||
]
|
||||
|
||||
export default {
|
||||
name: '',
|
||||
components: { BaseTable },
|
||||
props: {
|
||||
tableData: {
|
||||
type: Array,
|
||||
default: () => { [] }
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
total: 0,
|
||||
tableProps,
|
||||
list: [],
|
||||
listLoading: false
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
// this.init()
|
||||
},
|
||||
methods: {
|
||||
init() {
|
||||
this.list = this.tableData
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.edit-input {
|
||||
padding-right: 100px;
|
||||
}
|
||||
.cancel-btn {
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
top: 10px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,132 @@
|
||||
<!--
|
||||
* @Author: zwq
|
||||
* @Date: 2020-12-29 15:41:11
|
||||
* @LastEditors: DY
|
||||
* @LastEditTime: 2022-03-03 16:46:06
|
||||
* @Description: Mttr详情表格
|
||||
-->
|
||||
<template>
|
||||
<div>
|
||||
<base-table
|
||||
:page="listQuery.current"
|
||||
:limit="listQuery.size"
|
||||
:table-config="tableProps"
|
||||
:table-data="list"
|
||||
:is-loading="listLoading"
|
||||
/>
|
||||
<pagination :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" @pagination="init" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import i18n from '@/lang'
|
||||
import BaseTable from '@/components/BaseTable'
|
||||
import Pagination from '@/components/Pagination'
|
||||
import { timeFormatter } from '@/filters'
|
||||
// import { getMttrDetail } from '@/api/equipment/infoPandect'
|
||||
|
||||
/**
|
||||
* 表格表头配置项 TypeScript接口注释
|
||||
* tableConfig<ConfigItem> = []
|
||||
*
|
||||
* Interface ConfigItem = {
|
||||
* prop: string,
|
||||
* label: string,
|
||||
* width: string,
|
||||
* align: string,
|
||||
* subcomponent: function,
|
||||
* filter: function
|
||||
* }
|
||||
*
|
||||
*
|
||||
*/
|
||||
const tableProps = [
|
||||
{
|
||||
prop: 'previousStatus',
|
||||
label: i18n.t('module.equipmentManager.monitoringInfo.previousStatus'),
|
||||
align: 'center'
|
||||
}, {
|
||||
prop: 'status',
|
||||
label: i18n.t('module.art.status'),
|
||||
align: 'center'
|
||||
}, {
|
||||
prop: 'startTime',
|
||||
label: i18n.t('module.equipmentManager.equipmentParams.startTime'),
|
||||
filter: timeFormatter,
|
||||
align: 'center'
|
||||
}, {
|
||||
prop: 'endTime',
|
||||
label: i18n.t('module.equipmentManager.equipmentParams.endTime'),
|
||||
filter: timeFormatter,
|
||||
align: 'center'
|
||||
}, {
|
||||
prop: 'durationTime',
|
||||
label: i18n.t('module.equipmentManager.monitoringInfo.duration'),
|
||||
align: 'center'
|
||||
}
|
||||
]
|
||||
|
||||
export default {
|
||||
name: '',
|
||||
components: { BaseTable, Pagination },
|
||||
props: {
|
||||
time1: {
|
||||
type: Date,
|
||||
default: () => {
|
||||
return ''
|
||||
}
|
||||
},
|
||||
time2: {
|
||||
type: Date,
|
||||
default: () => {
|
||||
return ''
|
||||
}
|
||||
},
|
||||
equipmentName: {
|
||||
type: String,
|
||||
default: () => {
|
||||
return ''
|
||||
}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
total: 0,
|
||||
tableProps,
|
||||
list: [],
|
||||
listLoading: false,
|
||||
listQuery: {
|
||||
current: 1,
|
||||
size: 10
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
// this.init()
|
||||
},
|
||||
methods: {
|
||||
init() {
|
||||
this.listQuery.startTime = this.time1
|
||||
this.listQuery.endTime = this.time2
|
||||
this.listQuery.equipmentName = this.equipmentName
|
||||
getMttrDetail(this.listQuery).then(res => {
|
||||
if (res.data !== []) {
|
||||
this.list = res.data.detail.records
|
||||
this.total = res.data.detail.total
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.edit-input {
|
||||
padding-right: 100px;
|
||||
}
|
||||
.cancel-btn {
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
top: 10px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,100 @@
|
||||
<!--
|
||||
* @Author: zwq
|
||||
* @Date: 2020-12-29 15:41:11
|
||||
* @LastEditors: DY
|
||||
* @LastEditTime: 2022-03-03 16:38:52
|
||||
* @Description: OEE详情表格
|
||||
-->
|
||||
<template>
|
||||
<div>
|
||||
<base-table
|
||||
:table-config="tableProps"
|
||||
:table-data="list"
|
||||
:is-loading="listLoading"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import i18n from '@/lang'
|
||||
import BaseTable from '@/components/BaseTable'
|
||||
|
||||
const tableProps = [
|
||||
{
|
||||
prop: 'equipmentName',
|
||||
label: i18n.t('module.equipmentManager.maintainplan.equipmentId'),
|
||||
align: 'center'
|
||||
}, {
|
||||
prop: 'runTime',
|
||||
label: i18n.t('module.equipmentManager.monitoringInfo.runTime'),
|
||||
align: 'center'
|
||||
}, {
|
||||
prop: 'productiveTime',
|
||||
label: i18n.t('module.equipmentManager.monitoringInfo.produceTime'),
|
||||
align: 'center'
|
||||
}, {
|
||||
prop: 'productiveCount',
|
||||
label: i18n.t('module.equipmentManager.monitoringInfo.productiveCount'),
|
||||
align: 'center'
|
||||
}, {
|
||||
prop: 'timeRate',
|
||||
label: i18n.t('module.equipmentManager.monitoringInfo.timeRate'),
|
||||
align: 'center'
|
||||
}, {
|
||||
prop: 'performanceRate',
|
||||
label: i18n.t('module.equipmentManager.monitoringInfo.performanceRate'),
|
||||
align: 'center'
|
||||
}, {
|
||||
prop: 'oee',
|
||||
label: i18n.t('module.equipmentManager.monitoringInfo.oee'),
|
||||
align: 'center'
|
||||
}
|
||||
]
|
||||
|
||||
export default {
|
||||
name: '',
|
||||
components: { BaseTable },
|
||||
props: {
|
||||
tableData: {
|
||||
type: Array,
|
||||
default: () => { [] }
|
||||
},
|
||||
equipmentName: {
|
||||
type: String,
|
||||
default: () => { '' }
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
total: 0,
|
||||
tableProps,
|
||||
list: [],
|
||||
listLoading: false
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
// this.init()
|
||||
},
|
||||
methods: {
|
||||
init() {
|
||||
this.list = this.tableData
|
||||
if (this.list !== []) {
|
||||
this.list.forEach(item => {
|
||||
item.equipmentName = this.equipmentName
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.edit-input {
|
||||
padding-right: 100px;
|
||||
}
|
||||
.cancel-btn {
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
top: 10px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,212 @@
|
||||
<!--
|
||||
* @Author: DY
|
||||
* @Date: 2021-12-13 16:39:34
|
||||
* @LastEditors: DY
|
||||
* @LastEditTime: 2022-03-03 15:43:32
|
||||
* @Description: E10折线柱状图
|
||||
-->
|
||||
<template>
|
||||
<div>
|
||||
<div id="monitorChart" :style="{width: '1000px', height: '800px'}" style="margin-left:10%" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import echarts from 'echarts'
|
||||
// import { getE10Stack } from '@/api/equipment/infoPandect'
|
||||
|
||||
export default {
|
||||
props: {
|
||||
time1: {
|
||||
type: Date,
|
||||
default: () => {
|
||||
return ''
|
||||
}
|
||||
},
|
||||
time2: {
|
||||
type: Date,
|
||||
default: () => {
|
||||
return ''
|
||||
}
|
||||
},
|
||||
name: {
|
||||
type: String,
|
||||
default: () => {
|
||||
return ''
|
||||
}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
chart: null,
|
||||
list: [],
|
||||
xDataList: [],
|
||||
engineeringList: [],
|
||||
nonscheduledDownList: [],
|
||||
productiveList: [],
|
||||
rampUpDownList: [],
|
||||
scheduledDownList: [],
|
||||
standByList: [],
|
||||
unscheduledDownList: []
|
||||
}
|
||||
},
|
||||
mounted() {},
|
||||
beforeDestroy() {
|
||||
if (!this.chart) {
|
||||
return
|
||||
}
|
||||
this.chart.dispose()
|
||||
this.chart = null
|
||||
},
|
||||
methods: {
|
||||
removeData() {
|
||||
this.xDataList = ['ACOT1', 'ACOT2']
|
||||
this.engineeringList = [20, 30]
|
||||
this.nonscheduledDownList = [20, 20]
|
||||
this.productiveList = [10, 2]
|
||||
this.rampUpDownList = [30, 3]
|
||||
this.scheduledDownList = [8, 15]
|
||||
this.standByList = [2, 12]
|
||||
this.unscheduledDownList = [10, 18]
|
||||
},
|
||||
getList() {
|
||||
this.removeData()
|
||||
this.init()
|
||||
},
|
||||
init() {
|
||||
this.chart = echarts.init(document.getElementById('monitorChart'))
|
||||
const that = this
|
||||
that.chart.on('click', function(params) {
|
||||
that.$emit('equipmentName', params.name)
|
||||
})
|
||||
|
||||
this.chart.setOption({
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: {
|
||||
type: 'cross',
|
||||
crossStyle: {
|
||||
color: '#999'
|
||||
}
|
||||
}
|
||||
},
|
||||
toolbox: {
|
||||
feature: {
|
||||
saveAsImage: { show: true }
|
||||
}
|
||||
},
|
||||
grid: {
|
||||
left: '3%',
|
||||
right: '4%',
|
||||
bottom: '3%',
|
||||
containLabel: true
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
axisLabel: {
|
||||
interval: 0,
|
||||
rotate: -30
|
||||
},
|
||||
max: 10,
|
||||
data: this.xDataList
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value',
|
||||
min: 0,
|
||||
max: 100,
|
||||
axisLabel: {
|
||||
formatter: '{value}%'
|
||||
}
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: 'engineering',
|
||||
type: 'bar',
|
||||
stack: 'total',
|
||||
label: {
|
||||
show: true
|
||||
},
|
||||
emphasis: {
|
||||
focus: 'series'
|
||||
},
|
||||
barWidth: 40,
|
||||
data: this.engineeringList
|
||||
},
|
||||
{
|
||||
name: 'nonscheduledDown',
|
||||
type: 'bar',
|
||||
stack: 'total',
|
||||
label: {
|
||||
show: true
|
||||
},
|
||||
emphasis: {
|
||||
focus: 'series'
|
||||
},
|
||||
data: this.nonscheduledDownList
|
||||
},
|
||||
{
|
||||
name: 'productive',
|
||||
type: 'bar',
|
||||
stack: 'total',
|
||||
label: {
|
||||
show: true
|
||||
},
|
||||
emphasis: {
|
||||
focus: 'series'
|
||||
},
|
||||
data: this.productiveList
|
||||
},
|
||||
{
|
||||
name: 'rampUpDown',
|
||||
type: 'bar',
|
||||
stack: 'total',
|
||||
label: {
|
||||
show: true
|
||||
},
|
||||
emphasis: {
|
||||
focus: 'series'
|
||||
},
|
||||
data: this.rampUpDownList
|
||||
},
|
||||
{
|
||||
name: 'scheduledDown',
|
||||
type: 'bar',
|
||||
stack: 'total',
|
||||
label: {
|
||||
show: true
|
||||
},
|
||||
emphasis: {
|
||||
focus: 'series'
|
||||
},
|
||||
data: this.scheduledDownList
|
||||
},
|
||||
{
|
||||
name: 'standBy',
|
||||
type: 'bar',
|
||||
stack: 'total',
|
||||
label: {
|
||||
show: true
|
||||
},
|
||||
emphasis: {
|
||||
focus: 'series'
|
||||
},
|
||||
data: this.standByList
|
||||
},
|
||||
{
|
||||
name: 'unscheduledDown',
|
||||
type: 'bar',
|
||||
stack: 'total',
|
||||
label: {
|
||||
show: true
|
||||
},
|
||||
emphasis: {
|
||||
focus: 'series'
|
||||
},
|
||||
data: this.unscheduledDownList
|
||||
}
|
||||
]
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,253 @@
|
||||
<!--
|
||||
* @Author: DY
|
||||
* @Date: 2021-12-13 16:39:34
|
||||
* @LastEditors: DY
|
||||
* @LastEditTime: 2022-03-03 16:26:34
|
||||
* @Description: E10详情堆积图
|
||||
-->
|
||||
<template>
|
||||
<div>
|
||||
<div>
|
||||
<el-button-group>
|
||||
<el-button @click="byYear">年</el-button>
|
||||
<el-button @click="byQuarterly">季度</el-button>
|
||||
<el-button @click="byMonth">月</el-button>
|
||||
<el-button @click="byWeek">周</el-button>
|
||||
<el-button @click="byDay">天</el-button>
|
||||
</el-button-group>
|
||||
</div>
|
||||
<div id="monitorChart" :style="{width: '700px', height: '550px'}" style="margin-left:10%" />
|
||||
<e10-table v-if="tableVisible" :time1="startTime" :time2="endTime" :equipment-name="name" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import echarts from 'echarts'
|
||||
// import { getE10StackDetail } from '@/api/equipment/infoPandect'
|
||||
import E10Table from './E10Table'
|
||||
|
||||
export default {
|
||||
components: { E10Table },
|
||||
props: {
|
||||
time1: {
|
||||
type: Date,
|
||||
default: () => {
|
||||
return ''
|
||||
}
|
||||
},
|
||||
time2: {
|
||||
type: Date,
|
||||
default: () => {
|
||||
return ''
|
||||
}
|
||||
},
|
||||
equipmentName: {
|
||||
type: String,
|
||||
default: () => {
|
||||
return ''
|
||||
}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
chart: null,
|
||||
tableVisible: false,
|
||||
equipmentDetail: [],
|
||||
list: [],
|
||||
xDataList: [],
|
||||
engineeringList: [],
|
||||
nonscheduledDownList: [],
|
||||
productiveList: [],
|
||||
rampUpDownList: [],
|
||||
scheduledDownList: [],
|
||||
standByList: [],
|
||||
unscheduledDownList: [],
|
||||
startTime: '',
|
||||
endTime: '',
|
||||
name: ''
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.startTime = this.time1
|
||||
this.endTime = this.time2
|
||||
this.name = this.equipmentName
|
||||
},
|
||||
beforeDestroy() {
|
||||
if (!this.chart) {
|
||||
return
|
||||
}
|
||||
this.chart.dispose()
|
||||
this.chart = null
|
||||
},
|
||||
methods: {
|
||||
getDataList(params) {
|
||||
console.log(params)
|
||||
},
|
||||
byYear() {
|
||||
this.removeData()
|
||||
this.setChart(this.list.年)
|
||||
},
|
||||
byQuarterly() {
|
||||
this.removeData()
|
||||
this.setChart(this.list.季度)
|
||||
},
|
||||
byMonth() {
|
||||
this.removeData()
|
||||
this.setChart(this.list.月)
|
||||
},
|
||||
byWeek() {
|
||||
this.removeData()
|
||||
this.setChart(this.list.周)
|
||||
},
|
||||
byDay() {
|
||||
this.removeData()
|
||||
this.setChart(this.list.天)
|
||||
},
|
||||
setChart(list) {
|
||||
this.init()
|
||||
},
|
||||
removeData() {
|
||||
// this.xDataList = [this.name]
|
||||
this.engineeringList = [20]
|
||||
this.nonscheduledDownList = [20]
|
||||
this.productiveList = [10]
|
||||
this.rampUpDownList = [30]
|
||||
this.scheduledDownList = [8]
|
||||
this.standByList = [2]
|
||||
this.unscheduledDownList = [10]
|
||||
},
|
||||
getList() {
|
||||
this.xDataList = [this.name]
|
||||
this.tableVisible = true
|
||||
},
|
||||
init() {
|
||||
this.chart = echarts.init(document.getElementById('monitorChart'))
|
||||
|
||||
this.chart.on('click', function(params) {
|
||||
console.log('113d', params.name)
|
||||
})
|
||||
|
||||
this.chart.setOption({
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: {
|
||||
type: 'cross',
|
||||
crossStyle: {
|
||||
color: '#999'
|
||||
}
|
||||
}
|
||||
},
|
||||
toolbox: {
|
||||
feature: {
|
||||
saveAsImage: { show: true }
|
||||
}
|
||||
},
|
||||
grid: {
|
||||
left: '3%',
|
||||
right: '4%',
|
||||
bottom: '3%',
|
||||
containLabel: true
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
max: 10,
|
||||
axisLabel: {
|
||||
interval: 0,
|
||||
rotate: -30
|
||||
},
|
||||
data: this.xDataList
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value'
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: 'engineering',
|
||||
type: 'bar',
|
||||
stack: 'total',
|
||||
label: {
|
||||
show: true
|
||||
},
|
||||
emphasis: {
|
||||
focus: 'series'
|
||||
},
|
||||
data: this.engineeringList
|
||||
},
|
||||
{
|
||||
name: 'nonscheduledDown',
|
||||
type: 'bar',
|
||||
stack: 'total',
|
||||
label: {
|
||||
show: true
|
||||
},
|
||||
emphasis: {
|
||||
focus: 'series'
|
||||
},
|
||||
data: this.nonscheduledDownList
|
||||
},
|
||||
{
|
||||
name: 'productive',
|
||||
type: 'bar',
|
||||
stack: 'total',
|
||||
label: {
|
||||
show: true
|
||||
},
|
||||
emphasis: {
|
||||
focus: 'series'
|
||||
},
|
||||
data: this.productiveList
|
||||
},
|
||||
{
|
||||
name: 'rampUpDown',
|
||||
type: 'bar',
|
||||
stack: 'total',
|
||||
label: {
|
||||
show: true
|
||||
},
|
||||
emphasis: {
|
||||
focus: 'series'
|
||||
},
|
||||
data: this.rampUpDownList
|
||||
},
|
||||
{
|
||||
name: 'scheduledDown',
|
||||
type: 'bar',
|
||||
stack: 'total',
|
||||
label: {
|
||||
show: true
|
||||
},
|
||||
emphasis: {
|
||||
focus: 'series'
|
||||
},
|
||||
data: this.scheduledDownList
|
||||
},
|
||||
{
|
||||
name: 'standBy',
|
||||
type: 'bar',
|
||||
stack: 'total',
|
||||
label: {
|
||||
show: true
|
||||
},
|
||||
emphasis: {
|
||||
focus: 'series'
|
||||
},
|
||||
data: this.standByList
|
||||
},
|
||||
{
|
||||
name: 'unscheduledDown',
|
||||
type: 'bar',
|
||||
stack: 'total',
|
||||
label: {
|
||||
show: true
|
||||
},
|
||||
emphasis: {
|
||||
focus: 'series'
|
||||
},
|
||||
data: this.unscheduledDownList
|
||||
}
|
||||
]
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,137 @@
|
||||
<!--
|
||||
* @Author: DY
|
||||
* @Date: 2021-12-13 16:39:34
|
||||
* @LastEditors: DY
|
||||
* @LastEditTime: 2022-03-03 16:48:01
|
||||
* @Description: Mcbf折线柱状图
|
||||
-->
|
||||
<template>
|
||||
<div>
|
||||
<div id="monitorChart" :style="{width: '1000px', height: '800px'}" style="margin-left:10%" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import echarts from 'echarts'
|
||||
// import { getAllMtbf } from '@/api/equipment/infoPandect'
|
||||
|
||||
export default {
|
||||
props: {
|
||||
time1: {
|
||||
type: Date,
|
||||
default: () => {
|
||||
return ''
|
||||
}
|
||||
},
|
||||
time2: {
|
||||
type: Date,
|
||||
default: () => {
|
||||
return ''
|
||||
}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
chart: null,
|
||||
list: [],
|
||||
xDataList: [],
|
||||
yDataList: []
|
||||
}
|
||||
},
|
||||
mounted() {},
|
||||
beforeDestroy() {
|
||||
if (!this.chart) {
|
||||
return
|
||||
}
|
||||
this.chart.dispose()
|
||||
this.chart = null
|
||||
},
|
||||
methods: {
|
||||
removeData() {
|
||||
this.xDataList = ['ACOT1', 'ACOT2', 'ACOT-a', 'ACOT-b']
|
||||
this.yDataList = [22, 40, 66, 44]
|
||||
},
|
||||
getList() {
|
||||
this.removeData()
|
||||
this.init()
|
||||
},
|
||||
init() {
|
||||
this.chart = echarts.init(document.getElementById('monitorChart'))
|
||||
const that = this
|
||||
that.chart.on('click', function(params) {
|
||||
that.$emit('equipmentName', params.name)
|
||||
})
|
||||
|
||||
this.chart.setOption({
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: {
|
||||
type: 'cross',
|
||||
crossStyle: {
|
||||
color: '#999'
|
||||
}
|
||||
}
|
||||
},
|
||||
toolbox: {
|
||||
feature: {
|
||||
saveAsImage: { show: true }
|
||||
}
|
||||
},
|
||||
grid: {
|
||||
left: '3%',
|
||||
right: '4%',
|
||||
bottom: '3%',
|
||||
containLabel: true
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
axisLabel: {
|
||||
interval: 0,
|
||||
rotate: -30
|
||||
},
|
||||
max: 10,
|
||||
data: this.xDataList
|
||||
},
|
||||
yAxis: [{
|
||||
type: 'value',
|
||||
min: 0,
|
||||
max: 100,
|
||||
axisLabel: {
|
||||
formatter: '{value}次'
|
||||
}
|
||||
},
|
||||
{
|
||||
type: 'value',
|
||||
min: 0,
|
||||
max: 100,
|
||||
axisLabel: {
|
||||
formatter: '{value}次'
|
||||
}
|
||||
}
|
||||
],
|
||||
series: [
|
||||
{
|
||||
name: '稼动率值',
|
||||
type: 'bar',
|
||||
stack: 'total',
|
||||
label: {
|
||||
show: true
|
||||
},
|
||||
emphasis: {
|
||||
focus: 'series'
|
||||
},
|
||||
barWidth: 40,
|
||||
data: this.yDataList
|
||||
},
|
||||
{
|
||||
name: '稼动率值',
|
||||
type: 'line',
|
||||
yAxisIndex: 1,
|
||||
data: this.yDataList
|
||||
}
|
||||
]
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,185 @@
|
||||
<!--
|
||||
* @Author: DY
|
||||
* @Date: 2021-12-13 16:39:34
|
||||
* @LastEditors: DY
|
||||
* @LastEditTime: 2022-03-03 16:48:53
|
||||
* @Description: MCBF详情堆积图
|
||||
-->
|
||||
<template>
|
||||
<div>
|
||||
<div>
|
||||
<el-button-group>
|
||||
<el-button @click="byYear">年</el-button>
|
||||
<el-button @click="byQuarterly">季度</el-button>
|
||||
<el-button @click="byMonth">月</el-button>
|
||||
<el-button @click="byWeek">周</el-button>
|
||||
<el-button @click="byDay">天</el-button>
|
||||
</el-button-group>
|
||||
</div>
|
||||
<div id="monitorChart" :style="{width: '700px', height: '550px'}" style="margin-left:10%" />
|
||||
<mcbf-table v-if="tableVisible" ref="tableRef" :table-data="tableData" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import echarts from 'echarts'
|
||||
// import { getMcbfDetail } from '@/api/equipment/infoPandect'
|
||||
import McbfTable from './McbfTable'
|
||||
|
||||
export default {
|
||||
components: { McbfTable },
|
||||
props: {
|
||||
time1: {
|
||||
type: Date,
|
||||
default: () => {
|
||||
return ''
|
||||
}
|
||||
},
|
||||
time2: {
|
||||
type: Date,
|
||||
default: () => {
|
||||
return ''
|
||||
}
|
||||
},
|
||||
equipmentName: {
|
||||
type: String,
|
||||
default: () => {
|
||||
return ''
|
||||
}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
chart: null,
|
||||
tableVisible: false,
|
||||
tableData: [],
|
||||
equipmentDetail: [],
|
||||
list: [],
|
||||
xDataList: [],
|
||||
yDataList: [],
|
||||
startTime: '',
|
||||
endTime: '',
|
||||
name: ''
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.startTime = this.time1
|
||||
this.endTime = this.time2
|
||||
this.name = this.equipmentName
|
||||
},
|
||||
beforeDestroy() {
|
||||
if (!this.chart) {
|
||||
return
|
||||
}
|
||||
this.chart.dispose()
|
||||
this.chart = null
|
||||
},
|
||||
methods: {
|
||||
getDataList(params) {
|
||||
console.log(params)
|
||||
},
|
||||
byYear() {
|
||||
this.removeData()
|
||||
this.setChart(this.list.年)
|
||||
this.tableData = this.list.年
|
||||
setTimeout(() => {
|
||||
this.$refs.tableRef.init()
|
||||
}, 60)
|
||||
},
|
||||
byQuarterly() {
|
||||
this.removeData()
|
||||
this.setChart(this.list.季度)
|
||||
this.tableData = this.list.季度
|
||||
setTimeout(() => {
|
||||
this.$refs.tableRef.init()
|
||||
}, 60)
|
||||
},
|
||||
byMonth() {
|
||||
this.removeData()
|
||||
this.setChart(this.list.月)
|
||||
this.tableData = this.list.月
|
||||
setTimeout(() => {
|
||||
this.$refs.tableRef.init()
|
||||
}, 60)
|
||||
},
|
||||
byWeek() {
|
||||
this.removeData()
|
||||
this.setChart(this.list.周)
|
||||
this.tableData = this.list.周
|
||||
setTimeout(() => {
|
||||
this.$refs.tableRef.init()
|
||||
}, 60)
|
||||
},
|
||||
byDay() {
|
||||
this.removeData()
|
||||
this.setChart(this.list.天)
|
||||
this.tableData = this.list.天
|
||||
setTimeout(() => {
|
||||
this.$refs.tableRef.init()
|
||||
}, 60)
|
||||
},
|
||||
setChart(list) {
|
||||
this.init()
|
||||
},
|
||||
removeData() {
|
||||
this.xDataList = [this.name]
|
||||
this.yDataList = [11, 33, 20, 53, 24]
|
||||
},
|
||||
getList() {
|
||||
this.tableVisible = true
|
||||
},
|
||||
init() {
|
||||
this.chart = echarts.init(document.getElementById('monitorChart'))
|
||||
|
||||
this.chart.setOption({
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: {
|
||||
type: 'cross',
|
||||
crossStyle: {
|
||||
color: '#999'
|
||||
}
|
||||
}
|
||||
},
|
||||
toolbox: {
|
||||
feature: {
|
||||
saveAsImage: { show: true }
|
||||
}
|
||||
},
|
||||
grid: {
|
||||
left: '3%',
|
||||
right: '4%',
|
||||
bottom: '3%',
|
||||
containLabel: true
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
max: 10,
|
||||
axisLabel: {
|
||||
interval: 0,
|
||||
rotate: -30
|
||||
},
|
||||
data: this.xDataList
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value'
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: '稼动率值',
|
||||
type: 'line',
|
||||
stack: 'total',
|
||||
label: {
|
||||
show: true
|
||||
},
|
||||
emphasis: {
|
||||
focus: 'series'
|
||||
},
|
||||
data: this.yDataList
|
||||
}
|
||||
]
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,133 @@
|
||||
<!--
|
||||
* @Author: DY
|
||||
* @Date: 2021-12-13 16:39:34
|
||||
* @LastEditors: DY
|
||||
* @LastEditTime: 2022-03-03 16:41:38
|
||||
* @Description: MTTR折线柱状图
|
||||
-->
|
||||
<template>
|
||||
<div>
|
||||
<div id="monitorChart" :style="{width: '1000px', height: '800px'}" style="margin-left:10%" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import echarts from 'echarts'
|
||||
// import { getMttr } from '@/api/equipment/infoPandect'
|
||||
|
||||
export default {
|
||||
props: {
|
||||
time1: {
|
||||
type: Date,
|
||||
default: () => {
|
||||
return ''
|
||||
}
|
||||
},
|
||||
time2: {
|
||||
type: Date,
|
||||
default: () => {
|
||||
return ''
|
||||
}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
chart: null,
|
||||
list: [],
|
||||
xDataList: [],
|
||||
yDataList: []
|
||||
}
|
||||
},
|
||||
mounted() {},
|
||||
beforeDestroy() {
|
||||
if (!this.chart) {
|
||||
return
|
||||
}
|
||||
this.chart.dispose()
|
||||
this.chart = null
|
||||
},
|
||||
methods: {
|
||||
removeData() {
|
||||
this.xDataList = ['ACOT1', 'ACOT2', 'ACOT-a', 'ACOT-b']
|
||||
this.yDataList = [22, 40, 66, 44]
|
||||
},
|
||||
getList() {
|
||||
this.removeData()
|
||||
this.init()
|
||||
},
|
||||
init() {
|
||||
this.chart = echarts.init(document.getElementById('monitorChart'))
|
||||
const that = this
|
||||
that.chart.on('click', function(params) {
|
||||
that.$emit('equipmentName', params.name)
|
||||
})
|
||||
|
||||
this.chart.setOption({
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: {
|
||||
type: 'cross',
|
||||
crossStyle: {
|
||||
color: '#999'
|
||||
}
|
||||
}
|
||||
},
|
||||
toolbox: {
|
||||
feature: {
|
||||
saveAsImage: { show: true }
|
||||
}
|
||||
},
|
||||
grid: {
|
||||
left: '3%',
|
||||
right: '4%',
|
||||
bottom: '3%',
|
||||
containLabel: true
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
axisLabel: {
|
||||
interval: 0,
|
||||
rotate: -30
|
||||
},
|
||||
max: 10,
|
||||
data: this.xDataList
|
||||
},
|
||||
yAxis: [{
|
||||
type: 'value',
|
||||
axisLabel: {
|
||||
formatter: '{value}小时'
|
||||
}
|
||||
},
|
||||
{
|
||||
type: 'value',
|
||||
axisLabel: {
|
||||
formatter: '{value}小时'
|
||||
}
|
||||
}
|
||||
],
|
||||
series: [
|
||||
{
|
||||
name: '稼动率值',
|
||||
type: 'bar',
|
||||
stack: 'total',
|
||||
label: {
|
||||
show: true
|
||||
},
|
||||
emphasis: {
|
||||
focus: 'series'
|
||||
},
|
||||
barWidth: 40,
|
||||
data: this.yDataList
|
||||
},
|
||||
{
|
||||
name: '稼动率值',
|
||||
type: 'line',
|
||||
yAxisIndex: 1,
|
||||
data: this.yDataList
|
||||
}
|
||||
]
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,165 @@
|
||||
<!--
|
||||
* @Author: DY
|
||||
* @Date: 2021-12-13 16:39:34
|
||||
* @LastEditors: DY
|
||||
* @LastEditTime: 2022-03-03 16:43:34
|
||||
* @Description: MTTR详情堆积图
|
||||
-->
|
||||
<template>
|
||||
<div>
|
||||
<div>
|
||||
<el-button-group>
|
||||
<el-button @click="byYear">年</el-button>
|
||||
<el-button @click="byQuarterly">季度</el-button>
|
||||
<el-button @click="byMonth">月</el-button>
|
||||
<el-button @click="byWeek">周</el-button>
|
||||
<el-button @click="byDay">天</el-button>
|
||||
</el-button-group>
|
||||
</div>
|
||||
<div id="monitorChart" :style="{width: '700px', height: '550px'}" style="margin-left:10%" />
|
||||
<mttr-table v-if="tableVisible" :time1="startTime" :time2="endTime" :equipment-name="name" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import echarts from 'echarts'
|
||||
// import { getMttrDetail } from '@/api/equipment/infoPandect'
|
||||
import MttrTable from './MttrTable'
|
||||
|
||||
export default {
|
||||
components: { MttrTable },
|
||||
props: {
|
||||
time1: {
|
||||
type: Date,
|
||||
default: () => {
|
||||
return ''
|
||||
}
|
||||
},
|
||||
time2: {
|
||||
type: Date,
|
||||
default: () => {
|
||||
return ''
|
||||
}
|
||||
},
|
||||
equipmentName: {
|
||||
type: String,
|
||||
default: () => {
|
||||
return ''
|
||||
}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
chart: null,
|
||||
tableVisible: false,
|
||||
equipmentDetail: [],
|
||||
list: [],
|
||||
xDataList: [],
|
||||
yDataList: [],
|
||||
startTime: '',
|
||||
endTime: '',
|
||||
name: ''
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.startTime = this.time1
|
||||
this.endTime = this.time2
|
||||
this.name = this.equipmentName
|
||||
this.removeData()
|
||||
},
|
||||
beforeDestroy() {
|
||||
if (!this.chart) {
|
||||
return
|
||||
}
|
||||
this.chart.dispose()
|
||||
this.chart = null
|
||||
},
|
||||
methods: {
|
||||
getDataList(params) {
|
||||
console.log(params)
|
||||
},
|
||||
byYear() {
|
||||
this.removeData()
|
||||
this.setChart(this.list.年)
|
||||
},
|
||||
byQuarterly() {
|
||||
this.removeData()
|
||||
this.setChart(this.list.季度)
|
||||
},
|
||||
byMonth() {
|
||||
this.removeData()
|
||||
this.setChart(this.list.月)
|
||||
},
|
||||
byWeek() {
|
||||
this.removeData()
|
||||
this.setChart(this.list.周)
|
||||
},
|
||||
byDay() {
|
||||
this.removeData()
|
||||
this.setChart(this.list.天)
|
||||
},
|
||||
setChart(list) {
|
||||
this.init()
|
||||
},
|
||||
removeData() {
|
||||
this.xDataList = [this.name]
|
||||
this.yDataList = [30, 40, 30, 33, 44]
|
||||
},
|
||||
getList() {
|
||||
this.tableVisible = true
|
||||
},
|
||||
init() {
|
||||
this.chart = echarts.init(document.getElementById('monitorChart'))
|
||||
|
||||
this.chart.setOption({
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: {
|
||||
type: 'cross',
|
||||
crossStyle: {
|
||||
color: '#999'
|
||||
}
|
||||
}
|
||||
},
|
||||
toolbox: {
|
||||
feature: {
|
||||
saveAsImage: { show: true }
|
||||
}
|
||||
},
|
||||
grid: {
|
||||
left: '3%',
|
||||
right: '4%',
|
||||
bottom: '3%',
|
||||
containLabel: true
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
max: 10,
|
||||
axisLabel: {
|
||||
interval: 0,
|
||||
rotate: -30
|
||||
},
|
||||
data: this.xDataList
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value'
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: '稼动率值',
|
||||
type: 'line',
|
||||
stack: 'total',
|
||||
label: {
|
||||
show: true
|
||||
},
|
||||
emphasis: {
|
||||
focus: 'series'
|
||||
},
|
||||
data: this.yDataList
|
||||
}
|
||||
]
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,137 @@
|
||||
<!--
|
||||
* @Author: DY
|
||||
* @Date: 2021-12-13 16:39:34
|
||||
* @LastEditors: DY
|
||||
* @LastEditTime: 2022-03-03 16:34:30
|
||||
* @Description: OEE折线柱状图
|
||||
-->
|
||||
<template>
|
||||
<div>
|
||||
<div id="monitorChart" :style="{width: '1000px', height: '800px'}" style="margin-left:10%" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import echarts from 'echarts'
|
||||
// import { getOEE } from '@/api/equipment/infoPandect'
|
||||
|
||||
export default {
|
||||
props: {
|
||||
time1: {
|
||||
type: Date,
|
||||
default: () => {
|
||||
return ''
|
||||
}
|
||||
},
|
||||
time2: {
|
||||
type: Date,
|
||||
default: () => {
|
||||
return ''
|
||||
}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
chart: null,
|
||||
list: [],
|
||||
xDataList: [],
|
||||
oeeList: []
|
||||
}
|
||||
},
|
||||
mounted() {},
|
||||
beforeDestroy() {
|
||||
if (!this.chart) {
|
||||
return
|
||||
}
|
||||
this.chart.dispose()
|
||||
this.chart = null
|
||||
},
|
||||
methods: {
|
||||
removeData() {
|
||||
this.xDataList = ['ACOT1', 'ACOT2', 'ACOT-a', 'ACOT-b']
|
||||
this.oeeList = [20, 30, 80, 44]
|
||||
},
|
||||
getList() {
|
||||
this.removeData()
|
||||
this.init()
|
||||
},
|
||||
init() {
|
||||
this.chart = echarts.init(document.getElementById('monitorChart'))
|
||||
const that = this
|
||||
that.chart.on('click', function(params) {
|
||||
that.$emit('equipmentName', params.name)
|
||||
})
|
||||
|
||||
this.chart.setOption({
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: {
|
||||
type: 'cross',
|
||||
crossStyle: {
|
||||
color: '#999'
|
||||
}
|
||||
}
|
||||
},
|
||||
toolbox: {
|
||||
feature: {
|
||||
saveAsImage: { show: true }
|
||||
}
|
||||
},
|
||||
grid: {
|
||||
left: '3%',
|
||||
right: '4%',
|
||||
bottom: '3%',
|
||||
containLabel: true
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
axisLabel: {
|
||||
interval: 0,
|
||||
rotate: -30
|
||||
},
|
||||
max: 10,
|
||||
data: this.xDataList
|
||||
},
|
||||
yAxis: [{
|
||||
type: 'value',
|
||||
min: 0,
|
||||
max: 100,
|
||||
axisLabel: {
|
||||
formatter: '{value}%'
|
||||
}
|
||||
},
|
||||
{
|
||||
type: 'value',
|
||||
min: 0,
|
||||
max: 100,
|
||||
axisLabel: {
|
||||
formatter: '{value}%'
|
||||
}
|
||||
}
|
||||
],
|
||||
series: [
|
||||
{
|
||||
name: 'oee',
|
||||
type: 'bar',
|
||||
stack: 'total',
|
||||
label: {
|
||||
show: true
|
||||
},
|
||||
emphasis: {
|
||||
focus: 'series'
|
||||
},
|
||||
barWidth: 40,
|
||||
data: this.oeeList
|
||||
},
|
||||
{
|
||||
name: 'oee',
|
||||
type: 'line',
|
||||
yAxisIndex: 1,
|
||||
data: this.oeeList
|
||||
}
|
||||
]
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,258 @@
|
||||
<!--
|
||||
* @Author: DY
|
||||
* @Date: 2021-12-13 16:39:34
|
||||
* @LastEditors: DY
|
||||
* @LastEditTime: 2022-03-03 16:37:49
|
||||
* @Description:OEE详情堆积图
|
||||
-->
|
||||
<template>
|
||||
<div>
|
||||
<div>
|
||||
<el-button-group>
|
||||
<el-button @click="byYear">年</el-button>
|
||||
<el-button @click="byQuarterly">季度</el-button>
|
||||
<el-button @click="byMonth">月</el-button>
|
||||
<el-button @click="byWeek">周</el-button>
|
||||
<el-button @click="byDay">天</el-button>
|
||||
</el-button-group>
|
||||
</div>
|
||||
<div id="monitorChart" :style="{width: '700px', height: '550px'}" style="margin-left:10%" />
|
||||
<oee-table v-if="tableVisible" ref="tableRef" :table-data="tableData" :equipment-name="name" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import echarts from 'echarts'
|
||||
// import { getOEEDetail } from '@/api/equipment/infoPandect'
|
||||
import OeeTable from './OeeTable'
|
||||
|
||||
export default {
|
||||
components: { OeeTable },
|
||||
props: {
|
||||
time1: {
|
||||
type: Date,
|
||||
default: () => {
|
||||
return ''
|
||||
}
|
||||
},
|
||||
time2: {
|
||||
type: Date,
|
||||
default: () => {
|
||||
return ''
|
||||
}
|
||||
},
|
||||
equipmentName: {
|
||||
type: String,
|
||||
default: () => {
|
||||
return ''
|
||||
}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
chart: null,
|
||||
tableVisible: false,
|
||||
equipmentDetail: [],
|
||||
tableData: [],
|
||||
list: [],
|
||||
xDataList: [],
|
||||
oeeList: [],
|
||||
startTime: '',
|
||||
endTime: '',
|
||||
name: ''
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.startTime = this.time1
|
||||
this.endTime = this.time2
|
||||
this.name = this.equipmentName
|
||||
this.removeData()
|
||||
},
|
||||
beforeDestroy() {
|
||||
if (!this.chart) {
|
||||
return
|
||||
}
|
||||
this.chart.dispose()
|
||||
this.chart = null
|
||||
},
|
||||
methods: {
|
||||
getDataList(params) {
|
||||
console.log(params)
|
||||
},
|
||||
async byYear() {
|
||||
this.removeData()
|
||||
this.setChart(this.list.年)
|
||||
this.tableData = this.list.年
|
||||
setTimeout(() => {
|
||||
this.$refs.tableRef.init()
|
||||
}, 60)
|
||||
},
|
||||
byQuarterly() {
|
||||
this.removeData()
|
||||
this.setChart(this.list.季度)
|
||||
this.tableData = this.list.季度
|
||||
setTimeout(() => {
|
||||
this.$refs.tableRef.init()
|
||||
}, 60)
|
||||
},
|
||||
byMonth() {
|
||||
this.removeData()
|
||||
this.setChart(this.list.月)
|
||||
this.tableData = this.list.月
|
||||
setTimeout(() => {
|
||||
this.$refs.tableRef.init()
|
||||
}, 60)
|
||||
},
|
||||
byWeek() {
|
||||
this.removeData()
|
||||
this.setChart(this.list.周)
|
||||
this.tableData = this.list.周
|
||||
setTimeout(() => {
|
||||
this.$refs.tableRef.init()
|
||||
}, 60)
|
||||
},
|
||||
byDay() {
|
||||
this.removeData()
|
||||
this.setChart(this.list.天)
|
||||
this.tableData = this.list.天
|
||||
setTimeout(() => {
|
||||
this.$refs.tableRef.init()
|
||||
}, 60)
|
||||
},
|
||||
setChart(list) {
|
||||
this.init()
|
||||
},
|
||||
removeData() {
|
||||
this.xDataList = [this.name]
|
||||
this.oeeList = [30, 40, 30, 33, 44]
|
||||
},
|
||||
getList() {
|
||||
this.tableVisible = true
|
||||
},
|
||||
init() {
|
||||
this.chart = echarts.init(document.getElementById('monitorChart'))
|
||||
|
||||
this.chart.setOption({
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: {
|
||||
type: 'cross',
|
||||
crossStyle: {
|
||||
color: '#999'
|
||||
}
|
||||
}
|
||||
},
|
||||
toolbox: {
|
||||
feature: {
|
||||
saveAsImage: { show: true }
|
||||
}
|
||||
},
|
||||
grid: {
|
||||
left: '3%',
|
||||
right: '4%',
|
||||
bottom: '3%',
|
||||
containLabel: true
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
max: 10,
|
||||
axisLabel: {
|
||||
interval: 0,
|
||||
rotate: -30
|
||||
},
|
||||
data: this.xDataList
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value'
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: 'oee',
|
||||
type: 'bar',
|
||||
stack: 'total',
|
||||
label: {
|
||||
show: true
|
||||
},
|
||||
emphasis: {
|
||||
focus: 'series'
|
||||
},
|
||||
data: this.oeeList
|
||||
},
|
||||
{
|
||||
name: 'performanceRate',
|
||||
type: 'bar',
|
||||
stack: 'total',
|
||||
label: {
|
||||
show: true
|
||||
},
|
||||
emphasis: {
|
||||
focus: 'series'
|
||||
},
|
||||
data: this.performanceRateList
|
||||
},
|
||||
{
|
||||
name: 'productiveCount',
|
||||
type: 'bar',
|
||||
stack: 'total',
|
||||
label: {
|
||||
show: true
|
||||
},
|
||||
emphasis: {
|
||||
focus: 'series'
|
||||
},
|
||||
data: this.productiveCountList
|
||||
},
|
||||
{
|
||||
name: 'productiveTime',
|
||||
type: 'bar',
|
||||
stack: 'total',
|
||||
label: {
|
||||
show: true
|
||||
},
|
||||
emphasis: {
|
||||
focus: 'series'
|
||||
},
|
||||
data: this.productiveTimeList
|
||||
},
|
||||
{
|
||||
name: 'runTime',
|
||||
type: 'bar',
|
||||
stack: 'total',
|
||||
label: {
|
||||
show: true
|
||||
},
|
||||
emphasis: {
|
||||
focus: 'series'
|
||||
},
|
||||
data: this.runTimeList
|
||||
},
|
||||
{
|
||||
name: 'time',
|
||||
type: 'bar',
|
||||
stack: 'total',
|
||||
label: {
|
||||
show: true
|
||||
},
|
||||
emphasis: {
|
||||
focus: 'series'
|
||||
},
|
||||
data: this.timeList
|
||||
},
|
||||
{
|
||||
name: 'timeRate',
|
||||
type: 'bar',
|
||||
stack: 'total',
|
||||
label: {
|
||||
show: true
|
||||
},
|
||||
emphasis: {
|
||||
focus: 'series'
|
||||
},
|
||||
data: this.timeRateList
|
||||
}
|
||||
]
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
178
src/views/QualityManager/QCPplan.vue
Normal file
178
src/views/QualityManager/QCPplan.vue
Normal file
@ -0,0 +1,178 @@
|
||||
<!--
|
||||
* @Author: zwq
|
||||
* @Date: 2020-12-29 15:41:11
|
||||
* @LastEditors: zwq
|
||||
* @LastEditTime: 2022-03-03 14:28:58
|
||||
* @Description:
|
||||
-->
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<head-form
|
||||
:placeholder-name="placeholderName"
|
||||
:key-name="keyName"
|
||||
:show-add="showAdd"
|
||||
@getDataList="getList"
|
||||
@add="addNew"
|
||||
/>
|
||||
<base-table
|
||||
:page="listQuery.current"
|
||||
:limit="listQuery.size"
|
||||
:table-config="tableProps"
|
||||
:table-data="list"
|
||||
:is-loading="listLoading"
|
||||
>
|
||||
<method-btn
|
||||
slot="handleBtn"
|
||||
:width="trueWidth"
|
||||
:method-list="tableBtn"
|
||||
@clickBtn="handleClick"
|
||||
/>
|
||||
</base-table>
|
||||
<pagination
|
||||
v-show="total > 0"
|
||||
:total="total"
|
||||
:page.sync="listQuery.current"
|
||||
:limit.sync="listQuery.size"
|
||||
@pagination="getList()"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import i18n from '@/lang'
|
||||
import { StateConfigList, StateConfigDelete } from '@/api/basicData/StateConfig'
|
||||
import HeadForm from '@/components/basicData/HeadForm'
|
||||
import BaseTable from '@/components/BaseTable'
|
||||
import Pagination from '@/components/Pagination' // Secondary package based on el-pagination
|
||||
import MethodBtn from '@/components/BaseTable/subcomponents/MethodBtn'
|
||||
import { timeFormatter } from '@/filters'
|
||||
import basicData from '@/filters/basicData'
|
||||
/**
|
||||
* 表格表头配置项 TypeScript接口注释
|
||||
* tableConfig<ConfigItem> = []
|
||||
*
|
||||
* Interface ConfigItem = {
|
||||
* prop: string,
|
||||
* label: string,
|
||||
* width: string,
|
||||
* align: string,
|
||||
* subcomponent: function,
|
||||
* filter: function
|
||||
* }
|
||||
*
|
||||
*
|
||||
*/
|
||||
|
||||
const tableBtn = [
|
||||
{
|
||||
type: 'edit',
|
||||
btnName: 'btn.edit'
|
||||
}
|
||||
// {
|
||||
// type: 'delete',
|
||||
// btnName: 'btn.delete'
|
||||
// }
|
||||
]
|
||||
const tableProps = [
|
||||
{
|
||||
prop: 'createTime',
|
||||
label: i18n.t('module.basicData.factory.createTime'),
|
||||
filter: timeFormatter,
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
prop: 'status',
|
||||
label: i18n.t('module.basicData.StateConfig.status'),
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
prop: 'twinkle',
|
||||
label: i18n.t('module.basicData.StateConfig.Twinkle'),
|
||||
filter: basicData('onDuty'),
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
prop: 'colour',
|
||||
label: i18n.t('module.basicData.StateConfig.DisplayColor'),
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
prop: 'description',
|
||||
label: i18n.t('module.basicData.visual.Remarks'),
|
||||
align: 'center'
|
||||
}
|
||||
]
|
||||
|
||||
export default {
|
||||
name: 'QCPplan',
|
||||
components: { Pagination, BaseTable, MethodBtn, HeadForm },
|
||||
data() {
|
||||
return {
|
||||
keyName: i18n.t('module.basicData.visual.keyword'),
|
||||
placeholderName: this.$t('module.basicData.StateConfig.status'),
|
||||
addOrUpdateVisible: false,
|
||||
tableBtn,
|
||||
trueWidth: 150,
|
||||
tableProps,
|
||||
list: [],
|
||||
total: 0,
|
||||
showAdd: false,
|
||||
listLoading: true,
|
||||
listQuery: {
|
||||
current: 1,
|
||||
size: 10
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
handleClick(raw) {
|
||||
console.log(raw)
|
||||
if (raw.type === 'delete') {
|
||||
this.$confirm(`${this.$t('module.basicData.visual.TipsBefore')}[${raw.data.status}]?`, this.$t('module.basicData.visual.Tips'), {
|
||||
confirmButtonText: this.$t('module.basicData.visual.confirmButtonText'),
|
||||
cancelButtonText: this.$t('module.basicData.visual.cancelButtonText'),
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
StateConfigDelete(raw.data.id).then(response => {
|
||||
this.$message({
|
||||
message: this.$t('module.basicData.visual.success'),
|
||||
type: 'success',
|
||||
duration: 1500,
|
||||
onClose: () => {
|
||||
this.getList()
|
||||
}
|
||||
})
|
||||
})
|
||||
}).catch(() => {})
|
||||
}
|
||||
},
|
||||
getList(key) {
|
||||
this.listLoading = true
|
||||
this.listQuery.status = key
|
||||
StateConfigList(this.listQuery).then(response => {
|
||||
if (response.data.records) {
|
||||
this.list = response.data.records
|
||||
} else {
|
||||
this.list.splice(0, this.list.length)
|
||||
}
|
||||
this.total = response.data.total
|
||||
this.listLoading = false
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.edit-input {
|
||||
padding-right: 100px;
|
||||
}
|
||||
.cancel-btn {
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
top: 10px;
|
||||
}
|
||||
</style>
|
||||
@ -13,11 +13,11 @@
|
||||
{{ i.equipmentId ? equipmentObj[i.equipmentId] : $t('module.art.eqName') }}
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="4" class="process-table-main-item-item">
|
||||
<!-- <el-col :span="4" class="process-table-main-item-item">
|
||||
<el-button v-if="!processPortObj[item.workSequenceId]" disabled>
|
||||
{{ i.equipmentRecipeId ? equipmentRecipeObj[i.equipmentRecipeId] : $t('module.art.recipeName') }}
|
||||
</el-button>
|
||||
</el-col>
|
||||
</el-col> -->
|
||||
<!-- <el-col :span="4" class="process-table-main-item-item">
|
||||
<el-button v-if="!processPortObj[item.workSequenceId]" disabled>
|
||||
{{ i.nodeType ? nodeTypesObj[i.nodeType] : $t('module.art.artType') }}
|
||||
@ -36,7 +36,7 @@
|
||||
</template>
|
||||
<script>
|
||||
import {
|
||||
listAllEquipmentRecipe,
|
||||
// listAllEquipmentRecipe,
|
||||
listProcessFlowNode,
|
||||
listProcess
|
||||
} from '@/api/art-manage/art.js'
|
||||
@ -57,7 +57,7 @@ export default {
|
||||
processObj: {},
|
||||
processPortObj: {},
|
||||
equipmentRecipeList: [],
|
||||
equipmentRecipeObj: [],
|
||||
// equipmentRecipeObj: [],
|
||||
equipmentList: [],
|
||||
equipmentObj: {},
|
||||
showAddList: [],
|
||||
@ -102,12 +102,12 @@ export default {
|
||||
console.log(this.processList)
|
||||
console.log(this.processObj)
|
||||
// 获取配方列表
|
||||
const allRecipeRes = await listAllEquipmentRecipe()
|
||||
this.equipmentRecipeList = allRecipeRes.data
|
||||
allRecipeRes.data.map(item => {
|
||||
this.equipmentRecipeObj[item.id] = item.name
|
||||
})
|
||||
console.log(this.equipmentRecipeList)
|
||||
// const allRecipeRes = await listAllEquipmentRecipe()
|
||||
// this.equipmentRecipeList = allRecipeRes.data
|
||||
// allRecipeRes.data.map(item => {
|
||||
// this.equipmentRecipeObj[item.id] = item.name
|
||||
// })
|
||||
// console.log(this.equipmentRecipeList)
|
||||
// 获取设备列表
|
||||
const allEquipmentRes = await listEquipment()
|
||||
this.equipmentList = allEquipmentRes.data
|
||||
|
||||
@ -19,11 +19,11 @@
|
||||
{{ i.equipmentId ? equipmentObj[i.equipmentId] : $t('module.art.eqName') }}
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="4" class="process-table-main-item-item">
|
||||
<!-- <el-col :span="4" class="process-table-main-item-item">
|
||||
<el-button v-if="!processPortObj[item.workSequenceId]" icon="el-icon-edit" @click="choiceRecipe(index, idx, i.equipmentRecipeId)">
|
||||
{{ i.equipmentRecipeId ? equipmentRecipeObj[i.equipmentRecipeId] : $t('module.art.recipeName') }}
|
||||
</el-button>
|
||||
</el-col>
|
||||
</el-col> -->
|
||||
<!-- <el-col :span="4" class="process-table-main-item-item">
|
||||
<el-button v-if="!processPortObj[item.workSequenceId]" icon="el-icon-edit" @click="choiceArtType(index, idx, i.nodeType)">
|
||||
{{ i.nodeType ? nodeTypesObj[i.nodeType] : $t('module.art.artType') }}
|
||||
@ -55,7 +55,7 @@ import processTableSelect from './process-table-select.vue'
|
||||
import processTableAdd from './process-table-add.vue'
|
||||
import vuedraggable from 'vuedraggable'
|
||||
import {
|
||||
listAllEquipmentRecipe,
|
||||
// listAllEquipmentRecipe,
|
||||
addProcessFlows,
|
||||
listProcessFlowNode,
|
||||
listProcess
|
||||
@ -82,7 +82,7 @@ export default {
|
||||
processObj: {},
|
||||
processPortObj: {},
|
||||
equipmentRecipeList: [],
|
||||
equipmentRecipeObj: [],
|
||||
// equipmentRecipeObj: [],
|
||||
equipmentList: [],
|
||||
equipmentObj: {},
|
||||
showAddList: [],
|
||||
@ -131,12 +131,12 @@ export default {
|
||||
console.log(this.processList)
|
||||
console.log(this.processObj)
|
||||
// 获取配方列表
|
||||
const allRecipeRes = await listAllEquipmentRecipe()
|
||||
this.equipmentRecipeList = allRecipeRes.data
|
||||
allRecipeRes.data.map(item => {
|
||||
this.equipmentRecipeObj[item.id] = item.name
|
||||
})
|
||||
console.log(this.equipmentRecipeList)
|
||||
// const allRecipeRes = await listAllEquipmentRecipe()
|
||||
// this.equipmentRecipeList = allRecipeRes.data
|
||||
// allRecipeRes.data.map(item => {
|
||||
// this.equipmentRecipeObj[item.id] = item.name
|
||||
// })
|
||||
// console.log(this.equipmentRecipeList)
|
||||
// 获取设备列表
|
||||
const allEquipmentRes = await listEquipment()
|
||||
this.equipmentList = allEquipmentRes.data
|
||||
@ -197,8 +197,8 @@ export default {
|
||||
nodeType: '',
|
||||
processFlowId: this.processFlowId,
|
||||
workSequenceId: this.dataList[index].workSequenceId,
|
||||
description: this.dataList[index].processFlowEquipmentParams[0]?.description ? this.dataList[index].processFlowEquipmentParams[0].description : '',
|
||||
remark: this.dataList[index].processFlowEquipmentParams[0]?.remark ? this.dataList[index].processFlowEquipmentParams[0].remark : ''
|
||||
description: this.dataList[index].processFlowEquipmentParams[0].description ? this.dataList[index].processFlowEquipmentParams[0].description : '',
|
||||
remark: this.dataList[index].processFlowEquipmentParams[0].remark ? this.dataList[index].processFlowEquipmentParams[0].remark : ''
|
||||
})
|
||||
e.stopPropagation()
|
||||
},
|
||||
@ -232,16 +232,16 @@ export default {
|
||||
this.$refs.processtableselect.init('equipmentId', first, sec, id, this.processObj[processId].equipments)
|
||||
},
|
||||
// 选择配方
|
||||
choiceRecipe(first, sec, id) {
|
||||
if (this.dataList[first].processFlowEquipmentParams[sec]?.equipmentId) {
|
||||
this.$refs.processtableselect.init('equipmentRecipeId', first, sec, id, this.equipmentRecipeList.filter(f => f.equipmentId === this.dataList[first].processFlowEquipmentParams[sec].equipmentId))
|
||||
} else {
|
||||
this.$message.error(this.$t('module.art.choiceEqError'))
|
||||
}
|
||||
},
|
||||
// choiceRecipe(first, sec, id) {
|
||||
// if (this.dataList[first].processFlowEquipmentParams[sec]?.equipmentId) {
|
||||
// this.$refs.processtableselect.init('equipmentRecipeId', first, sec, id, this.equipmentRecipeList.filter(f => f.equipmentId === this.dataList[first].processFlowEquipmentParams[sec].equipmentId))
|
||||
// } else {
|
||||
// this.$message.error(this.$t('module.art.choiceEqError'))
|
||||
// }
|
||||
// },
|
||||
// 选择工艺类型
|
||||
choiceArtType(first, sec, id) {
|
||||
if (this.dataList[first].processFlowEquipmentParams[sec]?.equipmentId) {
|
||||
if (this.dataList[first].processFlowEquipmentParams[sec].equipmentId) {
|
||||
this.$refs.processtableselect.init('nodeType', first, sec, id, this.nodeTypes)
|
||||
} else {
|
||||
this.$message.error(this.$t('module.art.choiceEqError'))
|
||||
@ -307,13 +307,14 @@ export default {
|
||||
hasNull = true
|
||||
}
|
||||
})
|
||||
} else {
|
||||
item.processFlowEquipmentParams.map(i => {
|
||||
if (!i.equipmentId || !i.equipmentRecipeId) {
|
||||
hasNull = true
|
||||
}
|
||||
})
|
||||
}
|
||||
// else {
|
||||
// item.processFlowEquipmentParams.map(i => {
|
||||
// if (!i.equipmentId || !i.equipmentRecipeId) {
|
||||
// hasNull = true
|
||||
// }
|
||||
// })
|
||||
// }
|
||||
})
|
||||
// console.log(JSON.stringify(vm.dataList))
|
||||
// if (vm.dataList.length === 0) {
|
||||
|
||||
Laden…
Verwijs in nieuw issue
Block a user