diff --git a/src/views/3DOverview/components/RightContentAlert.vue b/src/views/3DOverview/components/RightContentAlert.vue index dc25c0e..d4f5199 100644 --- a/src/views/3DOverview/components/RightContentAlert.vue +++ b/src/views/3DOverview/components/RightContentAlert.vue @@ -52,23 +52,23 @@ const PriorityComponent = { } const tableProps = [ - { prop: 'eqName', label: '设备名称', align: 'center', 'min-width': 100 }, - { prop: 'plName', label: '所属产线', align: 'center', 'min-width': 100 }, - { prop: 'priority', label: '提示等级', align: 'center', 'min-width': 100, subcomponent: PriorityComponent }, + { prop: 'eqName', label: '设备名称', align: 'center', 'min-width': 90 }, + { prop: 'plName', label: '所属产线', align: 'center', 'min-width': 90 }, + { prop: 'priority', label: '提示等级', align: 'center', 'min-width': 90, subcomponent: PriorityComponent }, { prop: 'content', label: '巡检内容', align: 'center', 'min-width': 120 }, - { prop: 'duration', label: '累计时间(min)', align: 'center', 'min-width': 128 } + { prop: 'duration', label: '累计时间(min)', align: 'center', 'min-width': 125 } ] const tableData = [ - { eqName: '磨边', plName: 'B', content: '所受第按政酸南角写作给还些。', priority: 4, duration: '30 min' }, - { eqName: '冷却', plName: 'A', content: '自变流门行极声将通确为用目很导处种。', priority: 4, duration: '1 min' }, - { eqName: '丝印', plName: 'A', content: '从小定需间太则选下上又原。', priority: 2, duration: '57 min' }, - { eqName: '打孔后清洗机', plName: 'B', content: '表新和新总我音层采示道产当列。', priority: 3, duration: '17 min' }, - { eqName: '固化', plName: 'B', content: '义往历安日况整家小心什会。', priority: 2, duration: '22 min' }, - { eqName: '一镀', plName: 'B', content: '收直素新要府收强而着明速省。', priority: 3, duration: '2 min' }, - { eqName: '钢化', plName: 'A', content: '它养土党把采商发活门没千联同设和。', priority: 4, duration: '23 min' }, - { eqName: '磨边', plName: 'B', content: '拉养必型制规想科得价向别任。', priority: 3, duration: '6 min' }, - { eqName: '磨边', plName: 'B', content: '确验效五什第也片什八装所红。', priority: 2, duration: '23 min' }, + { eqName: '磨边', plName: 'B', content: '表面检测光源和相机的卫生', priority: 4, duration: '30 min' }, + { eqName: '冷却', plName: 'A', content: '辊道下方的碎玻璃清理', priority: 4, duration: '1 min' }, + { eqName: '丝印', plName: 'A', content: '边角检测设备水平的校正', priority: 2, duration: '57 min' }, + { eqName: '打孔后清洗机', plName: 'B', content: '设备表面的卫生', priority: 3, duration: '17 min' }, + { eqName: '固化', plName: 'B', content: '操作台保持整洁', priority: 2, duration: '22 min' }, + { eqName: '一镀', plName: 'B', content: '辊道下方的碎玻璃清理', priority: 3, duration: '2 min' }, + { eqName: '钢化', plName: 'A', content: '检查每日不良是否存在误检', priority: 4, duration: '23 min' }, + { eqName: '磨边', plName: 'B', content: '水冷机内水量充足并且清洁', priority: 3, duration: '6 min' }, + { eqName: '磨边', plName: 'B', content: '表面检测光源和相机的卫生', priority: 2, duration: '23 min' }, { eqName: '磨边后清洗机', plName: 'A', diff --git a/src/views/3DOverview/components/RightContentQualityAnalysis.vue b/src/views/3DOverview/components/RightContentQualityAnalysis.vue index 9203cb5..ed54a57 100644 --- a/src/views/3DOverview/components/RightContentQualityAnalysis.vue +++ b/src/views/3DOverview/components/RightContentQualityAnalysis.vue @@ -26,16 +26,16 @@ export default { data() { return { datalist: [ - { name: '热端', value: 2332039120, color: '#0b88ff' }, - { name: '原片上片', value: 30, color: '#0bffa6' }, - { name: '上片', value: 27, color: '#e3ff0b' }, - { name: '磨边', value: 23, color: '#950bff' }, - { name: '原片磨边', value: 30, color: '#0bffa6' }, - { name: '原片', value: 30, color: '#0bffa6' }, - { name: '上片', value: 27, color: '#e3ff0b' }, - { name: '磨边镀膜膜', value: 23, color: '#950bff' }, - { name: '镀膜', value: 10, color: '#ff0bc2' }, - { name: '清晰', value: 66, color: '#ff7d0b' } + { name: '热端', value: 2023233, color: '#0b88ff' }, + { name: '丝印', value: 2023233, color: '#0bffa6' }, + { name: '原片', value: 20, color: '#0bffa6' }, + { name: '钢化', value: 20, color: '#e3ff0b' }, + { name: '上片磨边', value: 20, color: '#e3ff0b' }, + { name: '下片铺纸', value: 202324, color: '#950bff' }, + { name: '镀膜', value: 20, color: '#950bff' }, + { name: '物流仓储', value: 202324, color: '#ff7d0b' }, + { name: '清洗', value: 20, color: '#0bffa6' }, + { name: '包装', value: 2, color: '#ff0bc2' } ] } }, diff --git a/src/views/3DOverview/components/TechyAnalysisBar.vue b/src/views/3DOverview/components/TechyAnalysisBar.vue index 67e363c..a681016 100644 --- a/src/views/3DOverview/components/TechyAnalysisBar.vue +++ b/src/views/3DOverview/components/TechyAnalysisBar.vue @@ -12,7 +12,9 @@ {{ name }} - {{ amount | amountFilter }} + + {{ amount | amountFilter }} + @@ -22,7 +24,7 @@ export default { filters: { amountFilter: val => { const sVal = val.toString() - return sVal.length > 7 ? sVal.slice(0, 6) + '...' : sVal + return sVal.length > 9 ? sVal.slice(0, 8) + '...' : sVal } }, props: { @@ -97,17 +99,17 @@ export default { } .block-green-5 { - background: linear-gradient(to left, #35abad, hsla(181, 53%, 44%, 0.65)); + background: linear-gradient(to left, #35abad, hsla(181, 53%, 44%, 0.75)); /* margin-left: 4px; */ } .block-green-4 { - background: linear-gradient(to left, hsla(181, 53%, 44%, 0.65), hsla(181, 53%, 44%, 0.4)); + background: linear-gradient(to left, hsla(181, 53%, 44%, 0.75), hsla(181, 53%, 44%, 0.44)); } .block-green-3 { - background: linear-gradient(to left, hsla(181, 53%, 44%, 0.4), hsla(181, 53%, 44%, 0.2)); + background: linear-gradient(to left, hsla(181, 53%, 44%, 0.44), hsla(181, 53%, 44%, 0.15)); } .block-green-2 { - background: linear-gradient(to left, hsla(181, 53%, 44%, 0.2), hsla(181, 53%, 44%, 0)); + background: linear-gradient(to left, hsla(181, 53%, 44%, 0.15), hsla(181, 53%, 44%, 0)); } .block-green-1 { /* background: linear-gradient(to left, hsla(181, 53%, 44%, 0.2), hsla(181, 53%, 44%, 0)); */ @@ -187,10 +189,10 @@ export default { color: rgba(255, 255, 255, 0.725); display: inline-block; /* min-width: 35%; */ - width: 35%; + width: 45%; text-align: left; padding: calc(3px * var(--beilv)) 0; - font-size: calc(14px * var(--beilv));; - line-height: calc(12px * var(--beilv));; + font-size: calc(14px * var(--beilv)); + line-height: calc(12px * var(--beilv)); }