From 115ffa619dd5853aa9f0378fbe6a7e8253f5a1a1 Mon Sep 17 00:00:00 2001 From: "LAPTOP-R6EHHS26\\86155" <2217640373@qq.com> Date: Fri, 29 Mar 2024 10:23:04 +0800 Subject: [PATCH] =?UTF-8?q?=E8=AE=BE=E5=A4=87=E7=9C=8B=E6=9D=BF=E4=BF=AE?= =?UTF-8?q?=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .env.development | 1 + src/api/kanban/Packagingline.js | 24 + src/views/kanban/Packagingline/index.vue | 3023 ++++++++++++---------- src/views/kanban/equipment/index.vue | 421 +-- 4 files changed, 1938 insertions(+), 1531 deletions(-) create mode 100644 src/api/kanban/Packagingline.js diff --git a/.env.development b/.env.development index 9ac0552..456802b 100644 --- a/.env.development +++ b/.env.development @@ -6,6 +6,7 @@ ENV = 'development' # Open Platform VUE_APP_BASE_API = '/dev-api' +# VUE_APP_BASE_API = '/prod-api' # 路由懒加载 VUE_CLI_BABEL_TRANSPILE_MODULES = true diff --git a/src/api/kanban/Packagingline.js b/src/api/kanban/Packagingline.js new file mode 100644 index 0000000..f930e67 --- /dev/null +++ b/src/api/kanban/Packagingline.js @@ -0,0 +1,24 @@ +import request from '@/utils/request' +// 获取工厂下拉列表 +export function getBoardFactory(data) { + return request({ + url: '/mes/wcsInterface/getBoardFactory', + method: 'post', + data: data + }); +} +// 根据工厂获取产线 +export function getDictData(data) { + return request({ + url: '/quality/qcInterface/getDictData', + method: 'get', + params: data + }); +} +export function getProduction15Days(data) { + return request({ + url: '/quality/qcInterface/getProduction15Days', + method: 'post', + data: data + }); +} \ No newline at end of file diff --git a/src/views/kanban/Packagingline/index.vue b/src/views/kanban/Packagingline/index.vue index 040642c..7be5f0f 100644 --- a/src/views/kanban/Packagingline/index.vue +++ b/src/views/kanban/Packagingline/index.vue @@ -1,1525 +1,1788 @@ diff --git a/src/views/kanban/equipment/index.vue b/src/views/kanban/equipment/index.vue index cf28d45..bd98466 100644 --- a/src/views/kanban/equipment/index.vue +++ b/src/views/kanban/equipment/index.vue @@ -9,19 +9,48 @@
- +
- + +
+ + - - - - - - - + + + + + + + +
{{ index + 1 }}{{ n.equipmentName }}{{ n.department || '无' }}{{ n.dictLabel }}{{ n.failureRate != null ? n.failureRate + '%' : '--' }}{{ n.utilizationRatio != null ? n.utilizationRatio + '%' : '--' }}
{{ index + 1 }}{{ n.equipmentName }}{{ n.equipmentCode }}{{ n.department || "无" }}{{ n.dictLabel }} + {{ n.failureRate != null ? n.failureRate + "%" : "--" }} + + {{ + n.utilizationRatio != null + ? n.utilizationRatio + "%" + : "--" + }} +
@@ -71,21 +119,25 @@
-
+
维修工单
- +
- - - - - - - - - - + + + + + + + + +
序号设备名称设备编码设备位置故障原因维修组是否立即维修计划维修时间
序号设备名称设备编码设备位置故障原因维修组是否立即维修计划维修时间
@@ -93,16 +145,22 @@ - - - - - - - - - + + + + + + + + +
{{ index + 1 }}{{ n.equipmentName }}{{ n.equipmentCode }}{{ n.equipmentLocation || '无' }}{{ n.workFaultDesc }}{{ n.teamName }}{{ n.workHandle }}{{ n.workPlanTime }}
{{ index + 1 }}{{ n.equipmentName }}{{ n.equipmentCode }} + {{ n.equipmentLocation || "无" }} + {{ n.workFaultDesc }}{{ n.teamName }}{{ n.workHandle }}{{ n.workPlanTime }}
@@ -111,38 +169,35 @@
-
- 完好设备占比 -
-
- -
+
完好设备占比
+
{{ equipmentinfo.totalEquipment }} - - 台 - -
-
- 设备总数 + 台
+
设备总数
- + {{ equipmentinfo.faultEquipment }} - - 台 - -
-
- 故障总数 + 台
+
故障总数
@@ -176,17 +231,21 @@ -->
-
+
设备稳定性
- +
- - - - - - + + + + +
排名设备名称设备编码MTBF
排名设备名称设备编码MTBF
@@ -194,12 +253,18 @@ - - - - - + + + + +
{{ index + 1 }}{{ n.equipmentName }}{{ n.equipmentCode }}{{ n.mtbf != null ? n.mtbf + 'h' : '--' }}
{{ index + 1 }}{{ n.equipmentName }}{{ n.equipmentCode }} + {{ n.mtbf != null ? n.mtbf + "h" : "--" }} +
@@ -207,17 +272,21 @@
-
+
设备维修质量
- +
- - - - - - + + + + +
排名设备名称设备编码MTTR
排名设备名称设备编码MTTR
@@ -225,12 +294,18 @@ - - - - - + + + + +
{{ index + 1 }}{{ n.equipmentName }}{{ n.equipmentCode }}{{ n.rapairQuantity != null ? n.rapairQuantity + 'h' : '--' }}
{{ index + 1 }}{{ n.equipmentName }}{{ n.equipmentCode }} + {{ n.mttr != null ? n.mttr + "h" : "--" }} +
@@ -264,8 +339,7 @@ import moment from "moment"; // import Echarts3D2 from "./echarts3d2.vue"; export default { name: "Index", - components: { - }, + components: {}, data() { return { gettimedata: "", @@ -301,13 +375,13 @@ export default { equipmentrepairlist: [], equipmentstabilizelist: [], equipmentinfo: [], - RefreshTime:null, - dictlist:[], + RefreshTime: null, + dictlist: [], + StartArray: [], }; }, - created() { - this.getdictlist() - + created() { + this.getdictlist(); }, destroyed() { clearInterval(this.time1); @@ -315,10 +389,10 @@ export default { }, mounted() { // this.datetime = moment().subtract(2, "day").format("yyyy-MM-DD"); - //console.log('zhuanhuahou',this.dateRangeone) - + //console.log('zhuanhuahou',this.dateRangeone) + this.selectFactorylist(); - + this.gettime(); }, methods: { @@ -331,14 +405,14 @@ export default { this.gettimedata = moment().format("YYYY-MM-DD HH:mm:ss "); }, 1000); }, - getdictlist(){ + getdictlist() { getdictlist({ pageNum: 1, pageSize: 10, - dictType: 'equipment_status', + dictType: "equipment_status", }).then((response) => { if (response) { - this.dictlist = response.rows + this.dictlist = response.rows; } }); }, @@ -350,8 +424,8 @@ export default { if (response) { _this.getLineList = response.data; _this.selectxt = _this.getLineList[0].parentName; - _this.getdatalist(_this.selectxt) - _this.getDeviceRefreshTime() + _this.getdatalist(_this.selectxt); + _this.getDeviceRefreshTime(); } }); }, @@ -359,89 +433,115 @@ export default { const _this = this; getDeviceRefreshTime().then((response) => { if (response.data) { - console.log(response.data) - this.RefreshTime = response.data - this.RefreshTime = 1 + console.log(response.data); + this.RefreshTime = response.data; + this.RefreshTime = 1; this.time1 = setInterval(() => { - _this.getdatalist(_this.selectxt) - }, 1000*60*this.RefreshTime); + _this.getdatalist(_this.selectxt); + }, 1000 * 60 * this.RefreshTime); } }); }, getdatalist(Name) { const _this = this; - let poolName = 'ds_' + Name + let poolName = "ds_" + Name; getRepairWorkOrder({ poolName: poolName, }).then((response) => { if (response.data) { response.data.forEach((item) => { - item.workPlanTime = moment(item.workPlanTime).format('YYYY-MM-DD HH:mm:ss') + item.workPlanTime = moment(item.workPlanTime).format( + "YYYY-MM-DD HH:mm:ss" + ); }); - _this.repairlist = response.data + _this.repairlist = response.data; } }); getEquipmentInfo({ poolName: poolName, + startTime: _this.StartArray[0], + endTime: _this.StartArray[1], }).then((response) => { if (response.data) { - _this.equipmentlist = response.data + _this.equipmentlist = response.data; _this.equipmentlist.forEach((item) => { _this.dictlist.forEach((m) => { - if(item.equipmentStatus == m.dictValue){ - item.dictLabel = m.dictLabel + if (item.equipmentStatus == m.dictValue) { + item.dictLabel = m.dictLabel; } }); if (item.failureRate) { - item.failureRate = parseFloat(item.failureRate).toFixed(2) + item.failureRate = parseFloat(item.failureRate).toFixed(2); } if (item.utilizationRatio) { - item.utilizationRatio = parseFloat(item.utilizationRatio).toFixed(2) + item.utilizationRatio = parseFloat(item.utilizationRatio).toFixed( + 2 + ); } }); } }); getRepairQuantity({ poolName: poolName, + startTime: _this.StartArray[0], + endTime: _this.StartArray[1], }).then((response) => { if (response.data) { - _this.equipmentrepairlist = response.data + _this.equipmentrepairlist = response.data; } }); equipmentIntactRate({ poolName: poolName, + startTime: _this.StartArray[0], + endTime: _this.StartArray[1], }).then((response) => { if (response.data) { - _this.equipmentinfo = response.data - _this.initChart1() + _this.equipmentinfo = response.data; + _this.initChart1(); } }); equipmentStability({ poolName: poolName, + startTime: _this.StartArray[0], + endTime: _this.StartArray[1], }).then((response) => { if (response.data) { - _this.equipmentstabilizelist = response.data + _this.equipmentstabilizelist = response.data; } }); }, + // 选择时间 + handleDateChange(value) { + console.log("选择的日期:", value); + if (value == null) { + this.StartArray = []; + this.getdatalist(this.selectxt); + } else { + if(this.StartArray[0] == this.StartArray[1]){ + this.StartArray[0] = moment(this.StartArray[0]).format("YYYY-MM-DD 00:00:00 ") + this.StartArray[1] = moment(this.StartArray[1]).add(1, 'day').startOf('day').format('YYYY-MM-DD 00:00:00'); + } + this.StartArray = value; + this.getdatalist(this.selectxt); + } + }, initChart1() { - const _this = this - let intactRate = 0 - let numberAngle = 180 - console.log(_this.equipmentinfo.intactRate) + const _this = this; + let intactRate = 0; + let numberAngle = 180; + console.log(_this.equipmentinfo.intactRate); if (_this.equipmentinfo.intactRate) { - intactRate = _this.equipmentinfo.intactRate - numberAngle = parseInt(180 -_this.equipmentinfo.intactRate * 1.8) + intactRate = _this.equipmentinfo.intactRate; + numberAngle = parseInt(180 - _this.equipmentinfo.intactRate * 1.8); } - console.log(numberAngle) + console.log(numberAngle); var myChart1 = echarts.init(document.querySelector("#echart1")); var option1 = { //提示框组件。开发实际中去掉了指针，提示框可以不用设置。 tooltip: { formatter: "{a}
{b} : {c}%", }, - grid: { - }, + grid: {}, //下面属性才是仪表盘的核心！！反正我是这么认为的！！！ series: [ { @@ -661,7 +761,7 @@ export default { color: "#fff", splitNumber: 4, //刻度数量 type: "gauge", - name: '完好设备占比', + name: "完好设备占比", //半径 radius: 135, //起始角度。圆心 正右手侧为0度，正上方为90度，正左手侧为180度。 @@ -730,7 +830,7 @@ export default { title: { show: true, offsetCenter: [0, "40%"], // x, y，单位px - color: "#fff", // 文字的颜色,默认 #333。 + color: "#fff", // 文字的颜色,默认 #333。 fontSize: 20, }, //仪表盘详情，用于显示数据。 @@ -743,13 +843,11 @@ export default { color: "#fff", fontSize: 30, }, - }, data: [ { value: intactRate, }, - ], }, ], @@ -762,7 +860,7 @@ export default { this.optionDatalist2 = []; this.optionDatalist3 = []; this.optionDatalist4 = []; - _this.getdatalist(_this.selectxt) + _this.getdatalist(_this.selectxt); }, //左侧第一个选择类型下拉框 回调函数 @@ -865,7 +963,8 @@ export default { .item-table { width: 1243px; height: 292px; - background: url('../../../assets/images/equipment/bg-border1.png') no-repeat; + background: url("../../../assets/images/equipment/bg-border1.png") + no-repeat; background-size: 100% 100%; padding: 27px 21px 30px 25px; box-sizing: border-box; @@ -875,13 +974,13 @@ export default { width: 1197px; height: 44px; margin: auto; - background: #0A1A33; + background: #0a1a33; td { font-size: 19px; font-family: NotoSansHans-Medium, NotoSansHans; font-weight: 500; - color: #159AFF; + color: #159aff; text-align: center; white-space: nowrap; } @@ -903,9 +1002,9 @@ export default { font-size: 19px; font-family: NotoSansHans-Medium, NotoSansHans; font-weight: 500; - color: #FFFFFF; + color: #ffffff; text-align: center; - border-bottom: 1px dashed #6C8097 + border-bottom: 1px dashed #6c8097; } } } @@ -926,7 +1025,8 @@ export default { margin-left: 23px; width: 610px; height: 604px; - background: url('../../../assets/images/equipment/bg-border1.png') no-repeat; + background: url("../../../assets/images/equipment/bg-border1.png") + no-repeat; background-size: 100% 100%; // padding: 27px 21px 30px 25px; box-sizing: border-box; @@ -947,7 +1047,7 @@ export default { z-index: 9999; font-size: 24px; font-weight: bold; - color: #FFFFFF; + color: #ffffff; } .equipmentinfobox { @@ -959,7 +1059,8 @@ export default { .box { width: 186px; height: 180px; - background: url('../../../assets/images/equipment/number.png') no-repeat; + background: url("../../../assets/images/equipment/number.png") + no-repeat; background-size: 100% 100%; text-align: center; padding-top: 30px; @@ -969,13 +1070,13 @@ export default { .number1 { font-size: 60px; font-weight: 500; - color: #66FFFF; + color: #66ffff; } .name1 { font-size: 32px; font-weight: 400; - color: #FFFFFF; + color: #ffffff; } } @@ -983,7 +1084,7 @@ export default { margin-top: 15px; font-size: 32px; font-weight: bold; - color: #FFFFFF; + color: #ffffff; } } } @@ -998,7 +1099,8 @@ export default { .item-table { width: 610px; height: 292px; - background: url('../../../assets/images/equipment/bg-border1.png') no-repeat; + background: url("../../../assets/images/equipment/bg-border1.png") + no-repeat; background-size: 100% 100%; padding: 27px 21px 30px 25px; box-sizing: border-box; @@ -1008,13 +1110,13 @@ export default { width: 100%; height: 44px; margin: auto; - background: #0A1A33; + background: #0a1a33; td { font-size: 19px; font-family: NotoSansHans-Medium, NotoSansHans; font-weight: 500; - color: #159AFF; + color: #159aff; text-align: center; white-space: nowrap; } @@ -1036,9 +1138,9 @@ export default { font-size: 19px; font-family: NotoSansHans-Medium, NotoSansHans; font-weight: 500; - color: #FFFFFF; + color: #ffffff; text-align: center; - border-bottom: 1px dashed #6C8097 + border-bottom: 1px dashed #6c8097; } } } @@ -1087,6 +1189,7 @@ export default { .factory { display: flex; + align-items: center; // justify-content: space-around; } @@ -1206,7 +1309,7 @@ export default { } .active1 { - background-color: #0D1B2F; + background-color: #0d1b2f; } .active2 { @@ -1232,4 +1335,20 @@ export default { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #0091ff; } +::v-deep .el-date-editor .el-range-input { + background-color: #142944; + color: #ffffff; +} +::v-deep .el-range-input::placeholder { + color: #ffffff; /* 设置 placeholder 文本的颜色 */ +} +::v-deep .el-range-separator { + color: #ffffff; /* 设置 placeholder 文本的颜色 */ +} +::v-deep .el-range-editor--medium .el-range-separator { + line-height: 35px; +} +::v-deep .el-input__icon .el-range__icon .el-icon-date { + color: #ffffff; /* 设置 placeholder 文本的颜色 */ +}