From ef59b5a358b02df49df008f04333febef631dd98 Mon Sep 17 00:00:00 2001 From: lb Date: Fri, 18 Nov 2022 10:21:32 +0800 Subject: [PATCH] =?UTF-8?q?update=20=E8=B4=A8=E9=87=8F=E7=AE=A1=E7=90=86?= =?UTF-8?q?=E5=B7=A5=E5=BA=8F=E8=B4=A8=E9=87=8F=E5=88=86=E6=9E=90?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/QualityManager/HomePage.vue | 152 +++++++++++------- .../charts/PlFaultAnalysisPieChart.vue | 17 +- src/views/QualityManager/mockData.js | 78 ++++----- 3 files changed, 142 insertions(+), 105 deletions(-) diff --git a/src/views/QualityManager/HomePage.vue b/src/views/QualityManager/HomePage.vue index 19bb8b3..fbc5562 100644 --- a/src/views/QualityManager/HomePage.vue +++ b/src/views/QualityManager/HomePage.vue @@ -4,7 +4,7 @@
- +
- +
@@ -83,13 +83,13 @@ topColor: 'rgba(59, 76, 118, 0.2)', bottomColor: '#49FBD6', name: '产线A', - data: [3.3, 1.2, 4.5, 5.8, 2.1, 2] + data: [4.12, 5.21, 3.2, 0.96, 2.61, 2.2] }, { topColor: 'rgba(59, 76, 118, 0.2)', bottomColor: '#31A2FF', name: '产线B', - data: [4.3, 2.2, 3.5, 5.9, 2.3, 3] + data: [4.1, 4.34, 3.4, 0.32, 2.4, 2.14] } ]" /> @@ -186,19 +186,7 @@
- 产线A工序质量分析(数量) -
- -
- - - 产线B工序质量分析(数量) + 产线A工序质量分析(日)
- 产线C工序质量分析(数量) + 产线A工序质量分析(月)
+
+ + + 产线B工序质量分析(日) +
+ - 产线D工序质量分析(数量) + 产线B工序质量分析(月)
@@ -274,36 +274,36 @@ export default { data() { const quexianDatalist = [ [ - { value: 107, name: '破片' }, - { value: 146, name: '崩边' }, - { value: 43, name: '脏污' }, - { value: 83, name: '划擦伤' }, - { value: 20, name: '崩孔' }, - { value: 21, name: '其他' } + { value: 4.34, name: '破片' }, + { value: 3.4, name: '崩边' }, + { value: 4.1, name: '脏污' }, + { value: 2.4, name: '划擦伤' }, + { value: 0.23, name: '崩孔' }, + { value: 2.14, name: '其他' } ], [ - { value: 117, name: '破片' }, - { value: 106, name: '崩边' }, - { value: 40, name: '脏污' }, - { value: 82, name: '划擦伤' }, - { value: 22, name: '崩孔' }, - { value: 19, name: '其他' } + { value: 4.17, name: '破片' }, + { value: 3.6, name: '崩边' }, + { value: 4, name: '脏污' }, + { value: 2.2, name: '划擦伤' }, + { value: 0.2, name: '崩孔' }, + { value: 1.9, name: '其他' } ], [ - { value: 97, name: '破片' }, - { value: 96, name: '崩边' }, - { value: 33, name: '脏污' }, - { value: 43, name: '划擦伤' }, - { value: 10, name: '崩孔' }, - { value: 18, name: '其他' } + { value: 3.33, name: '破片' }, + { value: 3, name: '崩边' }, + { value: 4.3, name: '脏污' }, + { value: 2.1, name: '划擦伤' }, + { value: 1, name: '崩孔' }, + { value: 1.8, name: '其他' } ], [ - { value: 127, name: '破片' }, - { value: 156, name: '崩边' }, - { value: 53, name: '脏污' }, - { value: 93, name: '划擦伤' }, - { value: 25, name: '崩孔' }, - { value: 22, name: '其他' } + { value: 2.7, name: '破片' }, + { value: 1.56, name: '崩边' }, + { value: 2.3, name: '脏污' }, + { value: 1.2, name: '划擦伤' }, + { value: 0.23, name: '崩孔' }, + { value: 2, name: '其他' } ] ] @@ -317,16 +317,52 @@ export default { qualityExceptionDatalist, qualityExceptionTableProps, qualityAnalysisDatalist: [ - { name: '热端', amount: 20233 }, - { name: '丝印', amount: 20233328 }, - { name: '原片', amount: 20 }, - { name: '钢化', amount: 2000 }, - { name: '上片磨边', amount: 20 }, - { name: '下片铺纸', amount: 202423 }, - { name: '镀膜', amount: 20 }, - { name: '包装', amount: 20 }, - { name: '清晰', amount: 20 }, - { name: '物流仓储', amount: 233920 } + { name: '上片', amount: 22 }, + { name: '钢化', amount: 2 }, + { name: '磨边', amount: 221 }, + { name: '下片', amount: 27 }, + { name: '丝印', amount: 93 }, + { name: '包装', amount: 3 }, + { name: '打孔', amount: 31 }, + { name: '清洗', amount: 2 }, + { name: '镀膜', amount: 95 }, + { name: '其他', amount: 171 } + ], + qualityAnalysisDatalistMonth: [ + { name: '上片', amount: 665 }, + { name: '钢化', amount: 56 }, + { name: '磨边', amount: 6541 }, + { name: '下片', amount: 820 }, + { name: '丝印', amount: 2790 }, + { name: '包装', amount: 83 }, + { name: '打孔', amount: 964 }, + { name: '清洗', amount: 61 }, + { name: '镀膜', amount: 2470 }, + { name: '其他', amount: 4959 } + ], + qualityAnalysisDatalistB: [ + { name: '上片', amount: 16 }, + { name: '钢化', amount: 4 }, + { name: '磨边', amount: 201 }, + { name: '下片', amount: 21 }, + { name: '丝印', amount: 100 }, + { name: '包装', amount: 1 }, + { name: '打孔', amount: 27 }, + { name: '清洗', amount: 2 }, + { name: '镀膜', amount: 93 }, + { name: '其他', amount: 163 } + ], + qualityAnalysisDatalistMonthB: [ + { name: '上片', amount: 698 }, + { name: '钢化', amount: 49 }, + { name: '磨边', amount: 6321 }, + { name: '下片', amount: 799 }, + { name: '丝印', amount: 2782 }, + { name: '包装', amount: 72 }, + { name: '打孔', amount: 992 }, + { name: '清洗', amount: 63 }, + { name: '镀膜', amount: 2510 }, + { name: '其他', amount: 4920 } ], quexianDatalist, chosenDatalist: quexianDatalist[0] diff --git a/src/views/QualityManager/components/charts/PlFaultAnalysisPieChart.vue b/src/views/QualityManager/components/charts/PlFaultAnalysisPieChart.vue index 851297f..e014214 100644 --- a/src/views/QualityManager/components/charts/PlFaultAnalysisPieChart.vue +++ b/src/views/QualityManager/components/charts/PlFaultAnalysisPieChart.vue @@ -42,15 +42,15 @@ export default { x2: 1, y2: 1, colorStops: [ - { color: '#FFFFFF00', offset: 0 }, - { color: '#DDB11200', offset: 0.1 }, - { color: '#DDB112', offset: 1 } // 黄 + { color: '#DDB112', offset: 0 }, // 黄 + { color: '#DDB112b0', offset: 0.2 }, + { color: '#FFFFFF00', offset: 1 } ], global: false }, { type: 'linear', - x: 0, + x: 1, y: 1, x2: 0, y2: 0, @@ -117,7 +117,7 @@ export default { fontWeight: 'normal' }, itemGap: 5, - subtext: '总数', + subtext: '总数/片', subtextStyle: { color: '#fff', fontSize: 12, @@ -298,18 +298,19 @@ export default { applyChartOption(datalist) { const fs5 = this.calcFontsize(5 /** px*/) + const fs8 = this.calcFontsize(8 /** px*/) const fs10 = this.calcFontsize(10 /** px*/) const fs14 = this.calcFontsize(14 /** px*/) const fs18 = this.calcFontsize(18 /** px*/) - const legendTopRate = this.calcFontsize(28 /** % */) + const legendTopRate = this.calcFontsize(30 /** % */) - this.configs.title.text = this.dataList.reduce((prev, curr) => prev + curr.value, 0) + this.configs.title.text = this.dataList.reduce((prev, curr) => prev + curr.value * 1000, 0) this.configs.title.textStyle.fontSize = fs18 this.configs.title.subtextStyle.fontSize = fs14 this.configs.legend.top = legendTopRate + '%' this.configs.legend.left = 0 + '%' - this.configs.legend.itemGap = fs5 + this.configs.legend.itemGap = fs8 this.configs.legend.itemWidth = fs10 this.configs.legend.textStyle.rich.a.fontSize = fs10 diff --git a/src/views/QualityManager/mockData.js b/src/views/QualityManager/mockData.js index 5dcac77..ef63e48 100644 --- a/src/views/QualityManager/mockData.js +++ b/src/views/QualityManager/mockData.js @@ -40,31 +40,31 @@ console.log('is component?', PriorityComponent) export const qualityTableProps = [ { label: '工序名称', width: 130, prop: 'wsName', align: 'center' }, { label: '所属产线', width: 130, prop: 'pl', align: 'center' }, - { label: '异常内容', align: 'center', prop: 'content' }, - { label: '报告人', width: 120, prop: 'creator', align: 'center' }, + { label: '异常内容', align: 'center', prop: 'content', 'min-width': 55 }, + { label: '班组', width: 120, prop: 'team', align: 'center' }, { label: '时间', prop: 'time', align: 'center' }, { label: '优先级', width: 100, prop: 'priority', align: 'center', subcomponent: PriorityComponent } ] export const qualityDatalist = [ - { 'wsName': '工序0', 'pl': '产线1', 'content': '争近才百子', 'creator': '毛刚', 'time': '1995-03-10 22:06:23', 'priority': 3 }, - { 'wsName': '工序1', 'pl': '产线10', 'content': '确规面这又间级', 'creator': '毛勇', 'time': '1997-11-26 16:27:32', 'priority': 1 }, - { 'wsName': '工序2', 'pl': '产线8', 'content': '成思体高原法厂清', 'creator': '林平', 'time': '1990-09-18 03:16:44', 'priority': 2 }, - { 'wsName': '工序3', 'pl': '产线6', 'content': '社色增设长放统展', 'creator': '叶静', 'time': '1970-12-02 09:44:01', 'priority': 4 }, - { 'wsName': '工序4', 'pl': '产线10', 'content': '今西', 'creator': '罗磊', 'time': '2017-10-21 00:00:27', 'priority': 2 }, - { 'wsName': '工序5', 'pl': '产线4', 'content': '却称老节再始', 'creator': '郝秀兰', 'time': '2018-06-04 20:34:53', 'priority': 1 }, - { 'wsName': '工序6', 'pl': '产线4', 'content': '志矿正算片大料水断特', 'creator': '熊磊', 'time': '1999-07-20 19:13:32', 'priority': 3 }, - { 'wsName': '工序7', 'pl': '产线3', 'content': '目式却属采精国', 'creator': '马磊', 'time': '2001-07-16 03:50:54', 'priority': 4 }, - { 'wsName': '工序8', 'pl': '产线7', 'content': '做较代你', 'creator': '曾敏', 'time': '1986-01-07 03:20:21', 'priority': 3 }, - { 'wsName': '工序9', 'pl': '产线3', 'content': '与子专前求农说', 'creator': '谭艳', 'time': '1978-07-29 22:49:11', 'priority': 2 }, - { 'wsName': '工序11', 'pl': '产线3', 'content': '与子专前求农说', 'creator': '谭艳', 'time': '1978-07-29 22:49:11', 'priority': 3 }, - { 'wsName': '工序11', 'pl': '产线3', 'content': '与子专前求农说', 'creator': '谭艳', 'time': '1978-07-29 22:49:11', 'priority': 4 }, - { 'wsName': '工序11', 'pl': '产线3', 'content': '与子专前求农说', 'creator': '谭艳', 'time': '1978-07-29 22:49:11', 'priority': 2 }, - { 'wsName': '工序11', 'pl': '产线3', 'content': '与子专前求农说', 'creator': '谭艳', 'time': '1978-07-29 22:49:11', 'priority': 1 }, - { 'wsName': '工序11', 'pl': '产线3', 'content': '与子专前求农说', 'creator': '谭艳', 'time': '1978-07-29 22:49:11', 'priority': 1 }, - { 'wsName': '工序11', 'pl': '产线3', 'content': '与子专前求农说', 'creator': '谭艳', 'time': '1978-07-29 22:49:11', 'priority': 1 }, - { 'wsName': '工序11', 'pl': '产线3', 'content': '与子专前求农说', 'creator': '谭艳', 'time': '1978-07-29 22:49:11', 'priority': 3 }, - { 'wsName': '工序11', 'pl': '产线3', 'content': '与子专前求农说', 'creator': '谭艳', 'time': '1978-07-29 22:49:11', 'priority': 2 } + { 'wsName': '工序0', 'pl': '产线1', 'content': '透过率', 'team': '白班', 'time': '1995-03-10 22:06:23', 'priority': 3 }, + { 'wsName': '工序1', 'pl': '产线10', 'content': '完整性', 'team': '夜班', 'time': '1997-11-26 16:27:32', 'priority': 1 }, + { 'wsName': '工序2', 'pl': '产线8', 'content': '透过率', 'team': '夜班', 'time': '1990-09-18 03:16:44', 'priority': 2 }, + { 'wsName': '工序3', 'pl': '产线6', 'content': '透过率', 'team': '白班', 'time': '1970-12-02 09:44:01', 'priority': 4 }, + { 'wsName': '工序4', 'pl': '产线10', 'content': '透过率', 'team': '夜班', 'time': '2017-10-21 00:00:27', 'priority': 2 }, + { 'wsName': '工序5', 'pl': '产线4', 'content': '完整性', 'team': '白班', 'time': '2018-06-04 20:34:53', 'priority': 1 }, + { 'wsName': '工序6', 'pl': '产线4', 'content': '透过率', 'team': '夜班', 'time': '1999-07-20 19:13:32', 'priority': 3 }, + { 'wsName': '工序7', 'pl': '产线3', 'content': '透过率', 'team': '白班', 'time': '2001-07-16 03:50:54', 'priority': 4 }, + { 'wsName': '工序8', 'pl': '产线7', 'content': '完整性', 'team': '白班', 'time': '1986-01-07 03:20:21', 'priority': 3 }, + { 'wsName': '工序9', 'pl': '产线3', 'content': '完整性', 'team': '夜班', 'time': '1978-07-29 22:49:11', 'priority': 2 }, + { 'wsName': '工序11', 'pl': '产线3', 'content': '透过率', 'team': '夜班', 'time': '1978-07-29 22:49:11', 'priority': 3 }, + { 'wsName': '工序11', 'pl': '产线3', 'content': '透过率', 'team': '白班', 'time': '1978-07-29 22:49:11', 'priority': 4 }, + { 'wsName': '工序11', 'pl': '产线3', 'content': '透过率', 'team': '白班', 'time': '1978-07-29 22:49:11', 'priority': 2 }, + { 'wsName': '工序11', 'pl': '产线3', 'content': '完整性', 'team': '夜班', 'time': '1978-07-29 22:49:11', 'priority': 1 }, + { 'wsName': '工序11', 'pl': '产线3', 'content': '透过率', 'team': '夜班', 'time': '1978-07-29 22:49:11', 'priority': 3 }, + { 'wsName': '工序11', 'pl': '产线3', 'content': '透过率', 'team': '夜班', 'time': '1978-07-29 22:49:11', 'priority': 1 }, + { 'wsName': '工序11', 'pl': '产线3', 'content': '完整性', 'team': '白班', 'time': '1978-07-29 22:49:11', 'priority': 3 }, + { 'wsName': '工序11', 'pl': '产线3', 'content': '完整性', 'team': '夜班', 'time': '1978-07-29 22:49:11', 'priority': 2 } ] /** 质量异常报警 */ @@ -106,8 +106,8 @@ const StatusComponent = { export const qualityExceptionTableProps = [ { label: '工序名称', prop: 'wsName', align: 'center', width: 120 }, { label: '所属产线', prop: 'pl', align: 'center', width: 120 }, - { label: '异常内容', prop: 'content', align: 'center' }, - { label: '发现人', prop: 'creator', align: 'center', width: 100 }, + { label: '异常内容', prop: 'content', align: 'center', 'min-width': 55 }, + { label: '设备', prop: 'eq', align: 'center', width: 100 }, { label: '时间', prop: 'time', align: 'center' }, { label: '优先级', prop: 'priority', align: 'center', subcomponent: PriorityComponent, width: 100 }, // { label: '处理人', prop: 'charger', align: 'center', width: 100 }, @@ -115,21 +115,21 @@ export const qualityExceptionTableProps = [ ] export const qualityExceptionDatalist = [ - { 'wsName': '工序0', 'pl': '产线1', 'content': '说红要称或各眼华家书', 'creator': '罗霞', 'time': '2013-04-08 15:23:55', 'priority': 1, 'charger': '冯敏', 'status': 4 }, - { 'wsName': '工序1', 'pl': '产线9', 'content': '积已反老支人后条办', 'creator': '龚芳', 'time': '1984-06-22 09:44:24', 'priority': 2, 'charger': '万静', 'status': 2 }, - { 'wsName': '工序2', 'pl': '产线10', 'content': '铁收王', 'creator': '黎艳', 'time': '2006-10-25 19:20:41', 'priority': 2, 'charger': '徐秀兰', 'status': 1 }, - { 'wsName': '工序3', 'pl': '产线10', 'content': '过又条政理质系', 'creator': '郝强', 'time': '2020-03-06 12:11:52', 'priority': 3, 'charger': '白秀兰', 'status': 2 }, - { 'wsName': '工序4', 'pl': '产线3', 'content': '特适院', 'creator': '魏超', 'time': '1982-12-26 16:19:57', 'priority': 1, 'charger': '姚静', 'status': 3 }, - { 'wsName': '工序5', 'pl': '产线1', 'content': '快准很问无', 'creator': '于桂英', 'time': '1976-09-26 21:53:11', 'priority': 4, 'charger': '白刚', 'status': 2 }, - { 'wsName': '工序6', 'pl': '产线7', 'content': '研开', 'creator': '何桂英', 'time': '1977-04-23 05:34:45', 'priority': 3, 'charger': '秦涛', 'status': 4 }, - { 'wsName': '工序7', 'pl': '产线2', 'content': '四取各广水儿强想华', 'creator': '唐军', 'time': '1988-03-11 22:40:42', 'priority': 2, 'charger': '龙艳', 'status': 1 }, - { 'wsName': '工序8', 'pl': '产线7', 'content': '样无商口', 'creator': '高娟', 'time': '2012-03-14 06:40:16', 'priority': 3, 'charger': '沈涛', 'status': 1 }, - { 'wsName': '工序9', 'pl': '产线4', 'content': '克质问般集却片土', 'creator': '谭敏', 'time': '2016-04-14 00:41:46', 'priority': 4, 'charger': '侯磊', 'status': 4 }, - { 'wsName': '工序10', 'pl': '产线4', 'content': '克质问般集却片土', 'creator': '谭敏', 'time': '2016-04-14 00:41:46', 'priority': 2, 'charger': '侯磊', 'status': 3 }, - { 'wsName': '工序10', 'pl': '产线4', 'content': '克质问般集却片土', 'creator': '谭敏', 'time': '2016-04-14 00:41:46', 'priority': 1, 'charger': '侯磊', 'status': 1 }, - { 'wsName': '工序10', 'pl': '产线4', 'content': '克质问般集却片土', 'creator': '谭敏', 'time': '2016-04-14 00:41:46', 'priority': 1, 'charger': '侯磊', 'status': 2 }, - { 'wsName': '工序10', 'pl': '产线4', 'content': '克质问般集却片土', 'creator': '谭敏', 'time': '2016-04-14 00:41:46', 'priority': 2, 'charger': '侯磊', 'status': 3 }, - { 'wsName': '工序10', 'pl': '产线4', 'content': '克质问般集却片土', 'creator': '谭敏', 'time': '2016-04-14 00:41:46', 'priority': 3, 'charger': '侯磊', 'status': 2 }, - { 'wsName': '工序10', 'pl': '产线4', 'content': '克质问般集却片土', 'creator': '谭敏', 'time': '2016-04-14 00:41:46', 'priority': 3, 'charger': '侯磊', 'status': 1 }, - { 'wsName': '工序10', 'pl': '产线4', 'content': '克质问般集却片土', 'creator': '谭敏', 'time': '2016-04-14 00:41:46', 'priority': 4, 'charger': '侯磊', 'status': 4 } + { 'wsName': '工序0', 'pl': '产线1', 'content': '透过率', 'eq': '冷却', 'time': '2013-04-08 15:23:55', 'priority': 1, 'charger': '冯敏', 'status': 4 }, + { 'wsName': '工序1', 'pl': '产线9', 'content': '完整性', 'eq': '固化', 'time': '1984-06-22 09:44:24', 'priority': 2, 'charger': '万静', 'status': 2 }, + { 'wsName': '工序2', 'pl': '产线10', 'content': '透过率', 'eq': '下片机', 'time': '2006-10-25 19:20:41', 'priority': 2, 'charger': '徐秀兰', 'status': 1 }, + { 'wsName': '工序3', 'pl': '产线10', 'content': '透过率', 'eq': '钢化', 'time': '2020-03-06 12:11:52', 'priority': 3, 'charger': '白秀兰', 'status': 2 }, + { 'wsName': '工序4', 'pl': '产线3', 'content': '完整性', 'eq': '镀膜', 'time': '1982-12-26 16:19:57', 'priority': 1, 'charger': '姚静', 'status': 3 }, + { 'wsName': '工序5', 'pl': '产线1', 'content': '完整性', 'eq': '二镀', 'time': '1976-09-26 21:53:11', 'priority': 4, 'charger': '白刚', 'status': 2 }, + { 'wsName': '工序6', 'pl': '产线7', 'content': '透过率', 'eq': '磨边机', 'time': '1977-04-23 05:34:45', 'priority': 3, 'charger': '秦涛', 'status': 4 }, + { 'wsName': '工序7', 'pl': '产线2', 'content': '完整性', 'eq': '上片机', 'time': '1988-03-11 22:40:42', 'priority': 2, 'charger': '龙艳', 'status': 1 }, + { 'wsName': '工序8', 'pl': '产线7', 'content': '完整性', 'eq': '打孔', 'time': '2012-03-14 06:40:16', 'priority': 3, 'charger': '沈涛', 'status': 1 }, + { 'wsName': '工序9', 'pl': '产线4', 'content': '完整性', 'eq': '一镀', 'time': '2016-04-14 00:41:46', 'priority': 4, 'charger': '侯磊', 'status': 4 }, + { 'wsName': '工序10', 'pl': '产线4', 'content': '完整性', 'eq': '丝印机', 'time': '2016-04-14 00:41:46', 'priority': 2, 'charger': '侯磊', 'status': 3 }, + { 'wsName': '工序10', 'pl': '产线4', 'content': '透过率', 'eq': '冷却', 'time': '2016-04-14 00:41:46', 'priority': 1, 'charger': '侯磊', 'status': 1 }, + { 'wsName': '工序10', 'pl': '产线4', 'content': '完整性', 'eq': '磨边机', 'time': '2016-04-14 00:41:46', 'priority': 1, 'charger': '侯磊', 'status': 2 }, + { 'wsName': '工序10', 'pl': '产线4', 'content': '透过率', 'eq': '固化', 'time': '2016-04-14 00:41:46', 'priority': 2, 'charger': '侯磊', 'status': 3 }, + { 'wsName': '工序10', 'pl': '产线4', 'content': '透过率', 'eq': '谭敏', 'time': '2016-04-14 00:41:46', 'priority': 3, 'charger': '侯磊', 'status': 2 }, + { 'wsName': '工序10', 'pl': '产线4', 'content': '透过率', 'eq': '丝印机', 'time': '2016-04-14 00:41:46', 'priority': 3, 'charger': '侯磊', 'status': 1 }, + { 'wsName': '工序10', 'pl': '产线4', 'content': '完整性', 'eq': '钢化', 'time': '2016-04-14 00:41:46', 'priority': 4, 'charger': '侯磊', 'status': 4 } ]