zjl #26

Merged
juzi merged 2 commits from zjl into master 2023-06-30 14:01:46 +08:00
58 changed files with 358 additions and 154 deletions

View File

@ -1 +0,0 @@
.main-box[data-v-afb2cca2]{width:100%;padding:8px 6px 0 16px}.main-box .left-box[data-v-afb2cca2],.main-box .right-box[data-v-afb2cca2]{border-radius:8px;background-color:#fff;height:calc(100vh - 148px)}.main-box .left-box[data-v-afb2cca2]{padding:16px 10px 0;overflow-y:auto}.main-box .right-box[data-v-afb2cca2]{padding:16px}

1
dist/css/2659.1d96686d.css vendored Normal file
View File

@ -0,0 +1 @@
.thicknessDistributionChart .top-table[data-v-2c01a93d]{font-size:14px;font-weight:500;margin-bottom:16px}.thicknessDistributionChart .top-table ul[data-v-2c01a93d]{display:flex;flex-flow:row nowrap}.thicknessDistributionChart .top-table ul li[data-v-2c01a93d]{color:rgba(0,0,0,.85);width:20%;padding:10px;border:1px solid #e8e8e8}.thicknessDistributionChart .top-table ul .red-tip[data-v-2c01a93d]{color:rgba(255,78,78,.85)}.thicknessDistributionChart .top-table ul .blue-tip[data-v-2c01a93d]{color:#507dd7}.thicknessDistributionChart .top-table ul .purple-tip[data-v-2c01a93d]{color:rgba(152,83,255,.85)}.thicknessDistributionChart .top-table ul .green-tip[data-v-2c01a93d]{color:#50bb90}.thicknessDistributionChart .top-table ul .yellow-tip[data-v-2c01a93d]{color:#ecb441}.thicknessDistributionChart .title[data-v-2c01a93d]{font-size:14px;color:rgba(0,0,0,.85)}.thicknessDistributionChart .title[data-v-2c01a93d]:before{content:"";display:inline-block;width:4px;height:16px;background:#0b58ff;border-radius:1px;margin-right:8px;vertical-align:middle}.thicknessDistributionMap[data-v-1b7c3b5c]{width:100%;padding:0 8px 0 16px}.thicknessDistributionMap .left-box[data-v-1b7c3b5c],.thicknessDistributionMap .right-box[data-v-1b7c3b5c]{height:calc(100vh - 205px);padding:16px;border-radius:8px;background-color:#fff}

View File

@ -1 +1 @@
.home_module_title[data-v-632946fd]{padding:16px 16px 0}.home_module_title .iconStyle[data-v-632946fd]{margin-right:8px}.home_module_title .titleStyle[data-v-632946fd]{font-weight:600;color:rgba(0,0,0,.9);vertical-align:top}.capacity_box[data-v-7b29d162],.material_box[data-v-01601021]{padding:12px 23px 0}.device_alarm[data-v-8c9c62bc]{display:flex;flex-flow:row wrap}.device_alarm .alarm_item[data-v-8c9c62bc]{width:20%;border-right:1px solid #ccc;border-bottom:1px solid #ccc}.device_alarm .alarm_item .alarm_tip[data-v-8c9c62bc]{color:#000}.device_alarm .alarm_item .alarm_tip .alarm_num[data-v-8c9c62bc]{display:inline-block;color:#fff;margin-left:4px;padding:1px 4px;border-radius:4px}.device_alarm .alarm_item .alarm_tip .class_red[data-v-8c9c62bc]{background:#f55;box-shadow:0 2px 5px 0 hsla(0,97%,71%,.6)}.device_alarm .alarm_item .alarm_tip .class_green[data-v-8c9c62bc]{background:#50d277;box-shadow:0 2px 5px 0 rgba(80,210,119,.6)}.device_alarm .alarm_item .icon-style[data-v-8c9c62bc]{margin:8px 5px 0 0;vertical-align:middle}.device_alarm .alarm_item .alarm_yellow[data-v-8c9c62bc]{color:#ffb750}.device_alarm .alarm_item .alarm_grey[data-v-8c9c62bc]{color:#aaa}.device_alarm .alarm_item .alarm_green[data-v-8c9c62bc]{color:#50d277}.device_alarm .alarm_item .sub_name[data-v-8c9c62bc]{vertical-align:middle;color:#000;opacity:.55}.device_alarm .alarm_item .special_item[data-v-8c9c62bc]{position:relative}.device_alarm .alarm_item .model_style[data-v-8c9c62bc]{display:none;color:#454545;padding:2px;background:#f2f4f9;border-radius:2px;vertical-align:middle}.device_alarm .alarm_item .model_style .separate_color[data-v-8c9c62bc]{color:#dcdfe6}.device_alarm .alarm_item .model_style2[data-v-8c9c62bc]{position:absolute;top:5px;line-height:10px}.device_alarm .alarm_item .model_style2 p[data-v-8c9c62bc]:after{content:"";display:inline-block;height:1px;width:100%;position:relative;top:-3px;background-color:#dcdfe6;margin-left:2px}.device_alarm .alarm_item:hover .model_style[data-v-8c9c62bc]{display:inline-block}.device_alarm[data-v-8c9c62bc] :nth-child(10),.device_alarm[data-v-8c9c62bc] :nth-child(15),.device_alarm[data-v-8c9c62bc] :nth-child(5){border-right:0}.device_alarm[data-v-8c9c62bc] :nth-child(16),.device_alarm[data-v-8c9c62bc] :nth-child(17),.device_alarm[data-v-8c9c62bc] :nth-child(18),.device_alarm[data-v-8c9c62bc] :nth-child(19){border-bottom:0}.device_alarm[data-v-8c9c62bc] :last-child{border-right:0;border-bottom:0}.home_progress .el-progress-bar__inner{background:linear-gradient(270deg,#4bc4ff,#0b58ff)}.product_area[data-v-093ac14a]{display:flex}.product_area .box_left[data-v-093ac14a],.product_area .box_right[data-v-093ac14a]{width:50%;height:calc(50vh - 154px)}.product_area .box_left .title[data-v-093ac14a],.product_area .box_right .title[data-v-093ac14a]{color:#000}.product_area .box_left .title[data-v-093ac14a] :first-child,.product_area .box_right .title[data-v-093ac14a] :first-child{margin-right:24px}.product_area .box_left .title[data-v-093ac14a]:before,.product_area .box_right .title[data-v-093ac14a]:before{content:"";display:inline-block;width:4px;height:16px;background:#0b58ff;border-radius:1px;margin-right:8px;vertical-align:middle}.product_area .box_left[data-v-093ac14a]{border-right:1px solid #dcdfe6;padding-right:18px}.product_area .box_left .plan_num[data-v-093ac14a],.product_area .box_left .product_num[data-v-093ac14a]{width:100%;border-radius:8px}.product_area .box_left .plan_num .num[data-v-093ac14a],.product_area .box_left .product_num .num[data-v-093ac14a]{color:rgba(0,0,0,.85)}.product_area .box_left .plan_num .words[data-v-093ac14a],.product_area .box_left .product_num .words[data-v-093ac14a]{font-size:14px;color:rgba(0,0,0,.45)}.product_area .box_left .plan_num[data-v-093ac14a]{background:#fff8e8}.product_area .box_left .product_num[data-v-093ac14a]{background:#e3ffeb}.product_area .progress_box[data-v-093ac14a]{color:#000}.product_area .progress_box .blue_color[data-v-093ac14a]{color:#0d5bff;float:right;margin-bottom:8px}.home-container .title-bar[data-v-30952e46]{height:52px;background-color:#fff}.home-container .title-bar .tip[data-v-30952e46]{font-size:18px;font-weight:600;color:#000;display:inline-block;margin:10px 20px 0 32px}.home-container .kanban-container[data-v-30952e46]{padding:8px 16px}.home-container .kanban-container .area1[data-v-30952e46],.home-container .kanban-container .area2[data-v-30952e46],.home-container .kanban-container .area3[data-v-30952e46],.home-container .kanban-container .area4[data-v-30952e46]{height:calc(50vh - 84px);border-radius:4px;background-color:#fff}.home-container .kanban-container .area1[data-v-30952e46],.home-container .kanban-container .area2[data-v-30952e46]{margin-bottom:8px;overflow:scroll} .home_module_title[data-v-632946fd]{padding:16px 16px 0}.home_module_title .iconStyle[data-v-632946fd]{margin-right:8px}.home_module_title .titleStyle[data-v-632946fd]{font-weight:600;color:rgba(0,0,0,.9);vertical-align:top}.capacity_box[data-v-4d0dc5dc],.material_box[data-v-7e600a8c]{padding:12px 23px 0}.device_alarm[data-v-8c9c62bc]{display:flex;flex-flow:row wrap}.device_alarm .alarm_item[data-v-8c9c62bc]{width:20%;border-right:1px solid #ccc;border-bottom:1px solid #ccc}.device_alarm .alarm_item .alarm_tip[data-v-8c9c62bc]{color:#000}.device_alarm .alarm_item .alarm_tip .alarm_num[data-v-8c9c62bc]{display:inline-block;color:#fff;margin-left:4px;padding:1px 4px;border-radius:4px}.device_alarm .alarm_item .alarm_tip .class_red[data-v-8c9c62bc]{background:#f55;box-shadow:0 2px 5px 0 hsla(0,97%,71%,.6)}.device_alarm .alarm_item .alarm_tip .class_green[data-v-8c9c62bc]{background:#50d277;box-shadow:0 2px 5px 0 rgba(80,210,119,.6)}.device_alarm .alarm_item .icon-style[data-v-8c9c62bc]{margin:8px 5px 0 0;vertical-align:middle}.device_alarm .alarm_item .alarm_yellow[data-v-8c9c62bc]{color:#ffb750}.device_alarm .alarm_item .alarm_grey[data-v-8c9c62bc]{color:#aaa}.device_alarm .alarm_item .alarm_green[data-v-8c9c62bc]{color:#50d277}.device_alarm .alarm_item .sub_name[data-v-8c9c62bc]{vertical-align:middle;color:#000;opacity:.55}.device_alarm .alarm_item .special_item[data-v-8c9c62bc]{position:relative}.device_alarm .alarm_item .model_style[data-v-8c9c62bc]{display:none;color:#454545;padding:2px;background:#f2f4f9;border-radius:2px;vertical-align:middle}.device_alarm .alarm_item .model_style .separate_color[data-v-8c9c62bc]{color:#dcdfe6}.device_alarm .alarm_item .model_style2[data-v-8c9c62bc]{position:absolute;top:5px;line-height:10px}.device_alarm .alarm_item .model_style2 p[data-v-8c9c62bc]:after{content:"";display:inline-block;height:1px;width:100%;position:relative;top:-3px;background-color:#dcdfe6;margin-left:2px}.device_alarm .alarm_item:hover .model_style[data-v-8c9c62bc]{display:inline-block}.device_alarm[data-v-8c9c62bc] :nth-child(10),.device_alarm[data-v-8c9c62bc] :nth-child(15),.device_alarm[data-v-8c9c62bc] :nth-child(5){border-right:0}.device_alarm[data-v-8c9c62bc] :nth-child(16),.device_alarm[data-v-8c9c62bc] :nth-child(17),.device_alarm[data-v-8c9c62bc] :nth-child(18),.device_alarm[data-v-8c9c62bc] :nth-child(19){border-bottom:0}.device_alarm[data-v-8c9c62bc] :last-child{border-right:0;border-bottom:0}.home_progress .el-progress-bar__inner{background:linear-gradient(270deg,#4bc4ff,#0b58ff)}.product_area[data-v-916c3c62]{display:flex}.product_area .box_left[data-v-916c3c62],.product_area .box_right[data-v-916c3c62]{width:50%;height:calc(50vh - 154px)}.product_area .box_left .title[data-v-916c3c62],.product_area .box_right .title[data-v-916c3c62]{color:#000}.product_area .box_left .title[data-v-916c3c62] :first-child,.product_area .box_right .title[data-v-916c3c62] :first-child{margin-right:24px}.product_area .box_left .title[data-v-916c3c62]:before,.product_area .box_right .title[data-v-916c3c62]:before{content:"";display:inline-block;width:4px;height:16px;background:#0b58ff;border-radius:1px;margin-right:8px;vertical-align:middle}.product_area .box_left[data-v-916c3c62]{border-right:1px solid #dcdfe6;padding-right:18px}.product_area .box_left .plan_num[data-v-916c3c62],.product_area .box_left .product_num[data-v-916c3c62]{width:100%;border-radius:8px}.product_area .box_left .plan_num .num[data-v-916c3c62],.product_area .box_left .product_num .num[data-v-916c3c62]{color:rgba(0,0,0,.85)}.product_area .box_left .plan_num .words[data-v-916c3c62],.product_area .box_left .product_num .words[data-v-916c3c62]{font-size:14px;color:rgba(0,0,0,.45)}.product_area .box_left .plan_num[data-v-916c3c62]{background:#fff8e8}.product_area .box_left .product_num[data-v-916c3c62]{background:#e3ffeb}.product_area .progress_box[data-v-916c3c62]{color:#000}.product_area .progress_box .blue_color[data-v-916c3c62]{color:#0d5bff;float:right;margin-bottom:8px}.home-container .title-bar[data-v-2d39b76b]{height:52px;background-color:#fff}.home-container .title-bar .tip[data-v-2d39b76b]{font-size:18px;font-weight:600;color:#000;display:inline-block;margin:10px 20px 0 32px}.home-container .kanban-container[data-v-2d39b76b]{padding:8px 16px}.home-container .kanban-container .area1[data-v-2d39b76b],.home-container .kanban-container .area2[data-v-2d39b76b],.home-container .kanban-container .area3[data-v-2d39b76b],.home-container .kanban-container .area4[data-v-2d39b76b]{height:calc(50vh - 84px);border-radius:4px;background-color:#fff}.home-container .kanban-container .area1[data-v-2d39b76b],.home-container .kanban-container .area2[data-v-2d39b76b]{margin-bottom:8px;overflow:scroll}

View File

@ -1 +0,0 @@
.detail-box .column-box .box .tip-value[data-v-63ceee10]{display:block}.detail-box .column-box .box .tip[data-v-63ceee10]{display:inline-block;background-color:#cae2ff;border-radius:2px;color:#288aff;padding:4px}.detail-box .border-right[data-v-63ceee10]{border-right:1px solid #e8e8e8}.statistics[data-v-3a8e1127]{padding:0 24px}.statistics .title[data-v-3a8e1127]{display:inline-block;margin:24px 0 16px 0}.statistics .title[data-v-3a8e1127]:before{content:"";display:inline-block;width:4px;height:16px;background:#0b58ff;border-radius:1px;margin-right:8px;vertical-align:middle}.main-box[data-v-946347de]{margin-top:8px}.main-box .top-box[data-v-946347de]{width:100%}.main-box .top-box .top-left[data-v-946347de],.main-box .top-box .top-right[data-v-946347de]{height:calc(49vh - 76.44px);background-color:#fff;border-radius:8px}.main-box .top-box .top-left .titleStyle[data-v-946347de]{font-weight:600;color:rgba(0,0,0,.9);vertical-align:top}.main-box .top-box .top-left .line-order-msg[data-v-946347de]{display:flex}.main-box .top-box .top-left .line-order-msg li .title[data-v-946347de]{display:inline-block}.main-box .top-box .top-left .line-order-msg li .title[data-v-946347de]:before{content:"";display:inline-block;width:4px;height:16px;background:#0b58ff;border-radius:1px;margin-right:8px;vertical-align:middle}.main-box .top-box .top-left .line-order-msg li .num-box[data-v-946347de]{border-right:1px solid #ccc}.main-box .top-box .top-left .line-order-msg li .plan_num[data-v-946347de],.main-box .top-box .top-left .line-order-msg li .product_num[data-v-946347de]{width:100%;border-radius:8px}.main-box .top-box .top-left .line-order-msg li .plan_num .num[data-v-946347de],.main-box .top-box .top-left .line-order-msg li .product_num .num[data-v-946347de]{color:rgba(0,0,0,.85);margin-bottom:6px}.main-box .top-box .top-left .line-order-msg li .plan_num .words[data-v-946347de],.main-box .top-box .top-left .line-order-msg li .product_num .words[data-v-946347de]{font-size:14px;color:rgba(0,0,0,.45)}.main-box .top-box .top-left .line-order-msg li .plan_num[data-v-946347de]{background:#fff8e8}.main-box .top-box .top-left .line-order-msg li .product_num[data-v-946347de]{background:#e3ffeb}.main-box .bottom-box[data-v-946347de]{height:calc(51vh - 79.56px);background-color:#fff;border-radius:8px;margin:8px 8px 0 0}

1
dist/css/4785.8c5f04fd.css vendored Normal file
View File

@ -0,0 +1 @@
.detail-box .column-box .box .tip-value[data-v-63ceee10]{display:block}.detail-box .column-box .box .tip[data-v-63ceee10]{display:inline-block;background-color:#cae2ff;border-radius:2px;color:#288aff;padding:4px}.detail-box .border-right[data-v-63ceee10]{border-right:1px solid #e8e8e8}.statistics[data-v-481a3ece]{padding:0 24px}.statistics .title[data-v-481a3ece]{display:inline-block;margin:24px 0 16px 0}.statistics .title[data-v-481a3ece]:before{content:"";display:inline-block;width:4px;height:16px;background:#0b58ff;border-radius:1px;margin-right:8px;vertical-align:middle}.main-box[data-v-2c312d06]{margin-top:8px}.main-box .top-box[data-v-2c312d06]{width:100%}.main-box .top-box .top-left[data-v-2c312d06],.main-box .top-box .top-right[data-v-2c312d06]{height:calc(49vh - 76.44px);background-color:#fff;border-radius:8px}.main-box .top-box .top-left .titleStyle[data-v-2c312d06]{font-weight:600;color:rgba(0,0,0,.9);vertical-align:top}.main-box .top-box .top-left .line-order-msg[data-v-2c312d06]{display:flex}.main-box .top-box .top-left .line-order-msg li .title[data-v-2c312d06]{display:inline-block}.main-box .top-box .top-left .line-order-msg li .title[data-v-2c312d06]:before{content:"";display:inline-block;width:4px;height:16px;background:#0b58ff;border-radius:1px;margin-right:8px;vertical-align:middle}.main-box .top-box .top-left .line-order-msg li .num-box[data-v-2c312d06]{border-right:1px solid #ccc}.main-box .top-box .top-left .line-order-msg li .plan_num[data-v-2c312d06],.main-box .top-box .top-left .line-order-msg li .product_num[data-v-2c312d06]{width:100%;border-radius:8px}.main-box .top-box .top-left .line-order-msg li .plan_num .num[data-v-2c312d06],.main-box .top-box .top-left .line-order-msg li .product_num .num[data-v-2c312d06]{color:rgba(0,0,0,.85);margin-bottom:6px}.main-box .top-box .top-left .line-order-msg li .plan_num .words[data-v-2c312d06],.main-box .top-box .top-left .line-order-msg li .product_num .words[data-v-2c312d06]{font-size:14px;color:rgba(0,0,0,.45)}.main-box .top-box .top-left .line-order-msg li .plan_num[data-v-2c312d06]{background:#fff8e8}.main-box .top-box .top-left .line-order-msg li .product_num[data-v-2c312d06]{background:#e3ffeb}.main-box .bottom-box[data-v-2c312d06]{height:calc(51vh - 79.56px);background-color:#fff;border-radius:8px;margin:8px 8px 0 0}

View File

@ -1 +1 @@
.bottom-box[data-v-5624e103]{overflow-x:auto;display:flex}.bottom-box .bottom-left[data-v-5624e103],.bottom-box .bottom-right[data-v-5624e103]{display:inline-block}.bottom-box .bottom-left[data-v-5624e103]{width:290px;margin-right:8px}.bottom-box .bottom-left .dataTab li[data-v-5624e103]{width:65px}.bottom-box .bottom-right[data-v-5624e103]{width:calc(100% - 300px)}.bottom-box .bottom-right .dataTab li[data-v-5624e103]{width:7.7%;min-width:60px}.title[data-v-5624e103]{display:inline-block;height:66px;width:30px;font-size:14px;line-height:14px;font-weight:500;padding:5px 8px 0;color:rgba(0,0,0,.85);background-color:#fafafa;border-top-left-radius:5px;border-bottom-left-radius:5px}.dataTab[data-v-5624e103]{display:flex;flex-flow:row nowrap}.dataTab li[data-v-5624e103]{font-size:14px;border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8}.dataTab li p[data-v-5624e103]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dataTab li .tabHead[data-v-5624e103]{height:31px;background:#e9ebf0}.dataTab li .tabHead[data-v-5624e103],.dataTab li .tabValue[data-v-5624e103]{padding:8px}.dataTab li .tabValue[data-v-5624e103]{height:35px}.box[data-v-2ee4d940]{position:relative}.box .text1[data-v-2ee4d940],.box .text2[data-v-2ee4d940],.box .text3[data-v-2ee4d940],.box .text4[data-v-2ee4d940]{position:absolute}.box .text1[data-v-2ee4d940]{top:30px;left:0}.box .text2[data-v-2ee4d940]{top:30px;right:0}.box .text3[data-v-2ee4d940]{bottom:10px;left:0}.box .text4[data-v-2ee4d940]{bottom:10px;right:0}.defectScatterPlot[data-v-79550084]{height:calc(100vh - 206px);overflow:auto}.defectScatterPlot .split-pane[data-v-79550084]{height:100%;border-radius:8px}.defectScatterPlot .left-box[data-v-79550084]{margin-left:16px;padding:16px 16px 0;background-color:#fff}.defectScatterPlot .right-box[data-v-79550084]{margin-right:16px}.defectScatterPlot .right-box .inner-box[data-v-79550084]{height:100%;margin-left:16px;padding:16px 16px 0;border-radius:8px;overflow:auto;background-color:#fff;font-size:14px}.defectScatterPlot .right-box .inner-box .line1[data-v-79550084]{margin-bottom:18px}.defectScatterPlot .right-box .inner-box .line2[data-v-79550084]{margin-bottom:12px}.defectScatterPlot .right-box .inner-box .line2 .el-checkbox[data-v-79550084]{margin-right:8px}.defectScatterPlot .title[data-v-79550084]{font-size:14px;color:rgba(0,0,0,.85)}.defectScatterPlot .title[data-v-79550084]:before{content:"";display:inline-block;width:4px;height:16px;background:#0b58ff;border-radius:1px;vertical-align:middle;margin-right:8px} .bottom-box[data-v-5624e103]{overflow-x:auto;display:flex}.bottom-box .bottom-left[data-v-5624e103],.bottom-box .bottom-right[data-v-5624e103]{display:inline-block}.bottom-box .bottom-left[data-v-5624e103]{width:290px;margin-right:8px}.bottom-box .bottom-left .dataTab li[data-v-5624e103]{width:65px}.bottom-box .bottom-right[data-v-5624e103]{width:calc(100% - 300px)}.bottom-box .bottom-right .dataTab li[data-v-5624e103]{width:7.7%;min-width:60px}.title[data-v-5624e103]{display:inline-block;height:66px;width:30px;font-size:14px;line-height:14px;font-weight:500;padding:5px 8px 0;color:rgba(0,0,0,.85);background-color:#fafafa;border-top-left-radius:5px;border-bottom-left-radius:5px}.dataTab[data-v-5624e103]{display:flex;flex-flow:row nowrap}.dataTab li[data-v-5624e103]{font-size:14px;border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8}.dataTab li p[data-v-5624e103]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dataTab li .tabHead[data-v-5624e103]{height:31px;background:#e9ebf0}.dataTab li .tabHead[data-v-5624e103],.dataTab li .tabValue[data-v-5624e103]{padding:8px}.dataTab li .tabValue[data-v-5624e103]{height:35px}.box[data-v-499108ae]{position:relative}.box .text1[data-v-499108ae],.box .text2[data-v-499108ae],.box .text3[data-v-499108ae],.box .text4[data-v-499108ae]{position:absolute}.box .text1[data-v-499108ae]{top:30px;left:0}.box .text2[data-v-499108ae]{top:30px;right:0}.box .text3[data-v-499108ae]{bottom:10px;left:0}.box .text4[data-v-499108ae]{bottom:10px;right:0}.defectScatterPlot[data-v-b262c1ca]{height:calc(100vh - 206px);overflow:auto}.defectScatterPlot .split-pane[data-v-b262c1ca]{height:100%;border-radius:8px}.defectScatterPlot .left-box[data-v-b262c1ca]{margin-left:16px;padding:16px 16px 0;background-color:#fff}.defectScatterPlot .right-box[data-v-b262c1ca]{margin-right:16px}.defectScatterPlot .right-box .inner-box[data-v-b262c1ca]{height:100%;margin-left:16px;padding:16px 16px 0;border-radius:8px;overflow:auto;background-color:#fff;font-size:14px}.defectScatterPlot .right-box .inner-box .line1[data-v-b262c1ca]{margin-bottom:18px}.defectScatterPlot .right-box .inner-box .line2[data-v-b262c1ca]{margin-bottom:12px}.defectScatterPlot .right-box .inner-box .line2 .el-checkbox[data-v-b262c1ca]{margin-right:8px}.defectScatterPlot .title[data-v-b262c1ca]{font-size:14px;color:rgba(0,0,0,.85)}.defectScatterPlot .title[data-v-b262c1ca]:before{content:"";display:inline-block;width:4px;height:16px;background:#0b58ff;border-radius:1px;vertical-align:middle;margin-right:8px}

View File

@ -1 +1 @@
.box[data-v-334c85ea]{padding:16px}.box .title[data-v-334c85ea]:before{content:"";display:inline-block;width:4px;height:16px;background:#0b58ff;border-radius:1px;margin-right:8px;vertical-align:middle}.box .bottom-tip .l-box[data-v-334c85ea],.box .bottom-tip .r-box[data-v-334c85ea]{width:50%;display:inline-block;text-align:center}.box .bottom-tip .l-box[data-v-334c85ea]{border-right:1px solid #e8e8e8}.box .bottom-tip .num1[data-v-334c85ea],.box .bottom-tip .num2[data-v-334c85ea]{font-size:28px}.box .bottom-tip .num1[data-v-334c85ea]{color:#3ca8ff}.box .bottom-tip .num2[data-v-334c85ea]{color:#69e6d8}.box .bottom-tip .month1[data-v-334c85ea],.box .bottom-tip .month2[data-v-334c85ea]{font-size:16px;color:#000}.box .bottom-tip .month1[data-v-334c85ea]:before,.box .bottom-tip .month2[data-v-334c85ea]:before{content:"";display:inline-block;width:8px;height:8px;background:#69e6d8;border-radius:4px;margin-right:8px;vertical-align:middle}.main-box[data-v-65ec23a8]{width:100%;padding:0 6px 0 16px}.main-box .left-box[data-v-65ec23a8]{overflow-y:auto;height:calc(100vh - 204px);padding:16px 10px 0}.main-box .left-box[data-v-65ec23a8],.main-box .middle-bottom[data-v-65ec23a8],.main-box .middle-top[data-v-65ec23a8],.main-box .right-bottom[data-v-65ec23a8],.main-box .right-top[data-v-65ec23a8]{border-radius:8px;background-color:#fff}.main-box .middle-top[data-v-65ec23a8]{height:60px;margin-bottom:8px;padding:16px}.main-box .middle-top .choose-box[data-v-65ec23a8]{display:inline-block;margin-right:10px}.main-box .middle-top .search-box[data-v-65ec23a8]{display:inline-block;vertical-align:bottom}.main-box .middle-bottom[data-v-65ec23a8]{height:calc(100vh - 272px)}.main-box .right-top[data-v-65ec23a8]{height:calc(50vh - 106px);margin-bottom:8px}.main-box .right-bottom[data-v-65ec23a8]{height:calc(50vh - 106px)}.main-box .title[data-v-65ec23a8]{display:inline-block;margin-right:8px;margin-bottom:22px}.main-box .title[data-v-65ec23a8]:before{content:"";display:inline-block;width:4px;height:16px;background:#0b58ff;border-radius:1px;margin-right:8px;vertical-align:middle}.middle-top .el-radio-button__inner{background-color:#f2f4f9}.middle-bottom{padding:16px} .box[data-v-334c85ea]{padding:16px}.box .title[data-v-334c85ea]:before{content:"";display:inline-block;width:4px;height:16px;background:#0b58ff;border-radius:1px;margin-right:8px;vertical-align:middle}.box .bottom-tip .l-box[data-v-334c85ea],.box .bottom-tip .r-box[data-v-334c85ea]{width:50%;display:inline-block;text-align:center}.box .bottom-tip .l-box[data-v-334c85ea]{border-right:1px solid #e8e8e8}.box .bottom-tip .num1[data-v-334c85ea],.box .bottom-tip .num2[data-v-334c85ea]{font-size:28px}.box .bottom-tip .num1[data-v-334c85ea]{color:#3ca8ff}.box .bottom-tip .num2[data-v-334c85ea]{color:#69e6d8}.box .bottom-tip .month1[data-v-334c85ea],.box .bottom-tip .month2[data-v-334c85ea]{font-size:16px;color:#000}.box .bottom-tip .month1[data-v-334c85ea]:before,.box .bottom-tip .month2[data-v-334c85ea]:before{content:"";display:inline-block;width:8px;height:8px;background:#69e6d8;border-radius:4px;margin-right:8px;vertical-align:middle}.main-box[data-v-010f8f58]{width:100%;padding:0 6px 0 16px}.main-box .left-box[data-v-010f8f58]{overflow-y:auto;height:calc(100vh - 204px);padding:16px 10px 0}.main-box .left-box[data-v-010f8f58],.main-box .middle-bottom[data-v-010f8f58],.main-box .middle-top[data-v-010f8f58],.main-box .right-bottom[data-v-010f8f58],.main-box .right-top[data-v-010f8f58]{border-radius:8px;background-color:#fff}.main-box .middle-top[data-v-010f8f58]{height:60px;margin-bottom:8px;padding:16px}.main-box .middle-top .choose-box[data-v-010f8f58]{display:inline-block;margin-right:10px}.main-box .middle-top .search-box[data-v-010f8f58]{display:inline-block;vertical-align:bottom}.main-box .middle-bottom[data-v-010f8f58]{height:calc(100vh - 272px)}.main-box .right-top[data-v-010f8f58]{height:calc(50vh - 106px);margin-bottom:8px}.main-box .right-bottom[data-v-010f8f58]{height:calc(50vh - 106px)}.main-box .title[data-v-010f8f58]{display:inline-block;margin-right:8px;margin-bottom:22px}.main-box .title[data-v-010f8f58]:before{content:"";display:inline-block;width:4px;height:16px;background:#0b58ff;border-radius:1px;margin-right:8px;vertical-align:middle}.middle-top .el-radio-button__inner{background-color:#f2f4f9}.middle-bottom{padding:16px}

1
dist/css/8815.af3c78a7.css vendored Normal file
View File

@ -0,0 +1 @@
.main-box[data-v-07aecce8]{width:100%;padding:8px 6px 0 16px}.main-box .left-box[data-v-07aecce8],.main-box .right-box[data-v-07aecce8]{border-radius:8px;background-color:#fff;height:calc(100vh - 148px)}.main-box .left-box[data-v-07aecce8]{padding:16px 10px 0;overflow-y:auto}.main-box .right-box[data-v-07aecce8]{padding:16px}

View File

@ -1 +0,0 @@
.thicknessDistributionChart .top-table[data-v-5a382438]{font-size:14px;font-weight:500;margin-bottom:16px}.thicknessDistributionChart .top-table ul[data-v-5a382438]{display:flex;flex-flow:row nowrap}.thicknessDistributionChart .top-table ul li[data-v-5a382438]{color:rgba(0,0,0,.85);width:20%;padding:10px;border:1px solid #e8e8e8}.thicknessDistributionChart .top-table ul .red-tip[data-v-5a382438]{color:rgba(255,78,78,.85)}.thicknessDistributionChart .top-table ul .blue-tip[data-v-5a382438]{color:#507dd7}.thicknessDistributionChart .top-table ul .purple-tip[data-v-5a382438]{color:rgba(152,83,255,.85)}.thicknessDistributionChart .top-table ul .green-tip[data-v-5a382438]{color:#50bb90}.thicknessDistributionChart .top-table ul .yellow-tip[data-v-5a382438]{color:#ecb441}.thicknessDistributionChart .title[data-v-5a382438]{font-size:14px;color:rgba(0,0,0,.85)}.thicknessDistributionChart .title[data-v-5a382438]:before{content:"";display:inline-block;width:4px;height:16px;background:#0b58ff;border-radius:1px;margin-right:8px;vertical-align:middle}.thicknessDistributionMap[data-v-247deb1f]{width:100%;padding:0 8px 0 16px}.thicknessDistributionMap .left-box[data-v-247deb1f],.thicknessDistributionMap .right-box[data-v-247deb1f]{height:calc(100vh - 205px);padding:16px;border-radius:8px;background-color:#fff}

2
dist/index.html vendored
View File

@ -1 +1 @@
<!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon.ico"><title>tft-mes</title><script defer="defer" src="/js/chunk-vendors.a42f8636.js"></script><script defer="defer" src="/js/app.994d473e.js"></script><link href="/css/app.68cbc19b.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but tft-mes doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html> <!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon.ico"><title>tft-mes</title><script defer="defer" src="/js/chunk-vendors.a42f8636.js"></script><script defer="defer" src="/js/app.2747d357.js"></script><link href="/css/app.68cbc19b.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but tft-mes doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1 +1 @@
"use strict";(self["webpackChunktft_mes"]=self["webpackChunktft_mes"]||[]).push([[2162],{2162:function(t,o,e){e.r(o),e.d(o,{default:function(){return m}});var r=function(){var t=this,o=t._self._c;return o("div",{staticClass:"login-container"},[o("div",{staticClass:"login-background"},[o("div",{staticClass:"login-background-container"},[t._m(0),o("img",{staticStyle:{width:"90%","margin-left":"5%"},attrs:{src:e(6254),alt:""}})])]),o("div",{staticClass:"login-right"},[t._m(1),o("el-form",{ref:"loginForm",staticClass:"login-form",attrs:{model:t.loginForm,"status-icon":""}},[o("el-form-item",{attrs:{prop:"mobile"}},[o("el-input",{model:{value:t.loginForm.mobile,callback:function(o){t.$set(t.loginForm,"mobile",o)},expression:"loginForm.mobile"}})],1),o("el-form-item",{attrs:{prop:"password"}},[o("el-input",{attrs:{type:"password",autocomplete:"off","show-password":""},model:{value:t.loginForm.password,callback:function(o){t.$set(t.loginForm,"password",o)},expression:"loginForm.password"}})],1),o("el-button",{staticStyle:{width:"100%"},attrs:{type:"primary",loading:t.loading},on:{click:function(o){return t.submitForm("loginForm")}}},[t._v("登录")])],1),t._m(2)],1)])},i=[function(){var t=this,o=t._self._c;return o("div",{staticClass:"back-title"},[t._v(" Wel"),o("span",[t._v("come")]),o("p",[o("span",{staticClass:"back-title-point"}),t._v("G8.5TFT-LCD玻璃基板后工程段制造执行系统 ")])])},function(){var t=this,o=t._self._c;return o("div",{staticClass:"title-container"},[o("h3",{staticClass:"title"},[o("img",{staticClass:"logo",attrs:{src:e(6949)}}),o("span",[t._v("TFT")])])])},function(){var t=this,o=t._self._c;return o("div",{staticClass:"login-footer"},[o("span",[t._v("版权所有:中建材智能自动化研究院有限公司")]),o("span",[t._v("版本1.0")])])}],n=e(5591),a={name:"LoginPage",data(){return{loginForm:{mobile:"13588441519",password:"123abc."},rules:{mobile:[{required:!0,message:"请输入用户名",trigger:"blur"},{min:3,max:18,message:"长度在 3 到 18 个字符",trigger:"blur"}],passWord:[{required:!0,message:"请输入密码",trigger:"blur"},{min:6,max:18,message:"长度在 6 到 18 个字符",trigger:"blur"}]},loading:!1}},methods:{submitForm(t){this.$refs[t].validate((t=>{if(!t)return console.log("error submit!!"),!1;this.loading=!0,this.$store.dispatch("user/login",this.loginForm).then((()=>{this.$store.dispatch("user/getInfo"),(0,n.iv)().then((t=>{if(0===t.code){let o=t.data;for(let t in o)for(let e of o[t])e.dataCode?e.dataCode=Number(e.dataCode):(e.dataCode=Number(e.id),e.dataName=e.name);if(localStorage.setItem("publicList",JSON.stringify(o)),location.href.split("?")[1]){let t=location.href.split("?")[1].split("=");if("redirect"===t[0]){let o=decodeURIComponent(t[1]);this.$router.push({path:o})}else this.$router.push({path:"/home/index"})}else this.$router.push({path:"/home/index"})}}))}))}))}}},s=a,l=e(1001),u=(0,l.Z)(s,r,i,!1,null,"1891ea5e",null),m=u.exports},5591:function(t,o,e){e.d(o,{FH:function(){return s},Hp:function(){return l},JQ:function(){return a},SI:function(){return n},WQ:function(){return c},b6:function(){return u},iv:function(){return i},m:function(){return m}});var r=e(8859);function i(){return(0,r.Z)({url:"/common/getList",method:"post"})}function n(){return(0,r.Z)({url:"/common/getTreeData",method:"post"})}function a(t){return(0,r.Z)({url:"/common/updateEqSeq",method:"post",data:t})}function s(t){return(0,r.Z)({url:"/common/attachment/downloadFile",method:"get",responseType:"blob",params:t,timeout:6e4})}function l(t){return(0,r.Z)({url:"/common/getAlarmData",method:"post",data:t})}function u(t){return(0,r.Z)({url:"/common/getProductData",method:"post",data:t})}function m(t){return(0,r.Z)({url:"/common/getMaterialData",method:"post",data:t})}const c="/api/common/attachment/uploadFileFormData"},6254:function(t,o,e){t.exports=e.p+"img/login.335fca7c.gif"}}]); "use strict";(self["webpackChunktft_mes"]=self["webpackChunktft_mes"]||[]).push([[2162],{2162:function(t,o,e){e.r(o),e.d(o,{default:function(){return m}});var r=function(){var t=this,o=t._self._c;return o("div",{staticClass:"login-container"},[o("div",{staticClass:"login-background"},[o("div",{staticClass:"login-background-container"},[t._m(0),o("img",{staticStyle:{width:"90%","margin-left":"5%"},attrs:{src:e(6254),alt:""}})])]),o("div",{staticClass:"login-right"},[t._m(1),o("el-form",{ref:"loginForm",staticClass:"login-form",attrs:{model:t.loginForm,"status-icon":""}},[o("el-form-item",{attrs:{prop:"mobile"}},[o("el-input",{model:{value:t.loginForm.mobile,callback:function(o){t.$set(t.loginForm,"mobile",o)},expression:"loginForm.mobile"}})],1),o("el-form-item",{attrs:{prop:"password"}},[o("el-input",{attrs:{type:"password",autocomplete:"off","show-password":""},model:{value:t.loginForm.password,callback:function(o){t.$set(t.loginForm,"password",o)},expression:"loginForm.password"}})],1),o("el-button",{staticStyle:{width:"100%"},attrs:{type:"primary",loading:t.loading},on:{click:function(o){return t.submitForm("loginForm")}}},[t._v("登录")])],1),t._m(2)],1)])},n=[function(){var t=this,o=t._self._c;return o("div",{staticClass:"back-title"},[t._v(" Wel"),o("span",[t._v("come")]),o("p",[o("span",{staticClass:"back-title-point"}),t._v("G8.5TFT-LCD玻璃基板后工程段制造执行系统 ")])])},function(){var t=this,o=t._self._c;return o("div",{staticClass:"title-container"},[o("h3",{staticClass:"title"},[o("img",{staticClass:"logo",attrs:{src:e(6949)}}),o("span",[t._v("TFT")])])])},function(){var t=this,o=t._self._c;return o("div",{staticClass:"login-footer"},[o("span",[t._v("版权所有:中建材智能自动化研究院有限公司")]),o("span",[t._v("版本1.0")])])}],i=e(5591),a={name:"LoginPage",data(){return{loginForm:{mobile:"13588441519",password:"123abc."},rules:{mobile:[{required:!0,message:"请输入用户名",trigger:"blur"},{min:3,max:18,message:"长度在 3 到 18 个字符",trigger:"blur"}],passWord:[{required:!0,message:"请输入密码",trigger:"blur"},{min:6,max:18,message:"长度在 6 到 18 个字符",trigger:"blur"}]},loading:!1}},methods:{submitForm(t){this.$refs[t].validate((t=>{if(!t)return console.log("error submit!!"),!1;this.loading=!0,this.$store.dispatch("user/login",this.loginForm).then((()=>{this.$store.dispatch("user/getInfo"),(0,i.iv)().then((t=>{if(0===t.code){let o=t.data;for(let t in o)for(let e of o[t])e.dataCode?e.dataCode=Number(e.dataCode):(e.dataCode=Number(e.id),e.dataName=e.name);if(localStorage.setItem("publicList",JSON.stringify(o)),location.href.split("?")[1]){let t=location.href.split("?")[1].split("=");if("redirect"===t[0]){let o=decodeURIComponent(t[1]);this.$router.push({path:o})}else this.$router.push({path:"/home/index"})}else this.$router.push({path:"/home/index"})}}))}))}))}}},s=a,l=e(1001),u=(0,l.Z)(s,r,n,!1,null,"1891ea5e",null),m=u.exports},5591:function(t,o,e){e.d(o,{FH:function(){return s},Hp:function(){return u},JQ:function(){return a},SI:function(){return i},Vx:function(){return m},WQ:function(){return p},b6:function(){return c},iv:function(){return n},jL:function(){return l},m:function(){return d}});var r=e(8859);function n(){return(0,r.Z)({url:"/common/getList",method:"post"})}function i(){return(0,r.Z)({url:"/common/getTreeData",method:"post"})}function a(t){return(0,r.Z)({url:"/common/updateEqSeq",method:"post",data:t})}function s(t){return(0,r.Z)({url:"/common/attachment/downloadFile",method:"get",responseType:"blob",params:t,timeout:6e4})}function l(t){return(0,r.Z)({url:"/common/getFpyData",method:"post",data:t})}function u(t){return(0,r.Z)({url:"/common/getAlarmData",method:"post",data:t})}function m(t){return(0,r.Z)({url:"/common/getCapacityData",method:"post",data:t})}function c(t){return(0,r.Z)({url:"/common/getProductData",method:"post",data:t})}function d(t){return(0,r.Z)({url:"/common/getMaterialData",method:"post",data:t})}const p="/api/common/attachment/uploadFileFormData"},6254:function(t,o,e){t.exports=e.p+"img/login.335fca7c.gif"}}]);

File diff suppressed because one or more lines are too long

View File

@ -1 +1 @@
"use strict";(self["webpackChunktft_mes"]=self["webpackChunktft_mes"]||[]).push([[2505],{2505:function(t,e,n){n.r(e),n.d(e,{default:function(){return l}});var a=function(){var t=this,e=t._self._c;return e("el-row",{staticClass:"main-box",attrs:{gutter:10}},[e("el-col",{attrs:{span:4}},[e("div",{staticClass:"left-box"},[e("el-tree",{ref:"deviceStatusTree",attrs:{data:t.treeData,"node-key":"id",props:t.defaultProps,"default-expand-all":"","highlight-current":""},on:{"node-click":t.clickDevice}})],1)]),e("el-col",{attrs:{span:20}},[e("div",{staticClass:"right-box"},[e("span",{staticClass:"title"},[t._v(t._s(t.equipmentName))]),e("ul",{staticClass:"eq-msg"},[e("li",[t._v("设备模式:"+t._s(t.eqMessage.mode))]),e("li",[t._v("设备状态:"+t._s(t.eqMessage.state))]),e("li",[t._v("设备报警:"+t._s(t.eqMessage.alarmNum))]),e("li",[t._v("剩余维护时间:"+t._s(t.eqMessage.remainMainTime)+"秒")])]),e("div",{staticClass:"img-box"},[t.eqMessage.imgId?e("img",{attrs:{src:t.deviceImg,alt:"设备图片"}}):e("img",{attrs:{src:n(6056),alt:"设备图片"}})])])])],1)},i=[],s=n(5591),r=n(8859);function o(t){return(0,r.Z)({url:"/monitor/eqMonitor/get",method:"post",data:t})}var u={name:"DeviceStatus",data(){return{treeData:[],defaultProps:{children:"children",label:"name"},eqMessage:{},equipmentId:"",deviceImg:"",equipmentName:""}},mounted(){this.getTree()},methods:{getTree(){(0,s.SI)().then((t=>{this.treeData=t.data,this.equipmentId=this.getId(t.data),this.setCurrent(),this.getMsg()}))},getId(t){return t[0].children?this.getId(t[0].children):t[0].id},setCurrent(){let t=this;setTimeout((function(){t.$refs.deviceStatusTree.setCurrentKey(t.equipmentId)}),500)},getMsg(){o({equipmentId:this.equipmentId}).then((t=>{console.log(t),this.eqMessage=t.data,this.equipmentName=t.data.equipmentName,this.deviceImg="http://tft.mes.picaiba.com/api/common/attachment/downloadFile?type=0&attachmentId="+t.data.imgId}))},clickDevice(t){console.log(t),t.children||(this.equipmentId=t.id,this.equipmentName=t.name,this.getMsg())}}},m=u,c=n(1001),d=(0,c.Z)(m,a,i,!1,null,"483dec8e",null),l=d.exports},5591:function(t,e,n){n.d(e,{FH:function(){return o},Hp:function(){return u},JQ:function(){return r},SI:function(){return s},WQ:function(){return d},b6:function(){return m},iv:function(){return i},m:function(){return c}});var a=n(8859);function i(){return(0,a.Z)({url:"/common/getList",method:"post"})}function s(){return(0,a.Z)({url:"/common/getTreeData",method:"post"})}function r(t){return(0,a.Z)({url:"/common/updateEqSeq",method:"post",data:t})}function o(t){return(0,a.Z)({url:"/common/attachment/downloadFile",method:"get",responseType:"blob",params:t,timeout:6e4})}function u(t){return(0,a.Z)({url:"/common/getAlarmData",method:"post",data:t})}function m(t){return(0,a.Z)({url:"/common/getProductData",method:"post",data:t})}function c(t){return(0,a.Z)({url:"/common/getMaterialData",method:"post",data:t})}const d="/api/common/attachment/uploadFileFormData"},6056:function(t,e,n){t.exports=n.p+"img/empty.c5f8511f.png"}}]); "use strict";(self["webpackChunktft_mes"]=self["webpackChunktft_mes"]||[]).push([[2505],{2505:function(t,e,n){n.r(e),n.d(e,{default:function(){return l}});var a=function(){var t=this,e=t._self._c;return e("el-row",{staticClass:"main-box",attrs:{gutter:10}},[e("el-col",{attrs:{span:4}},[e("div",{staticClass:"left-box"},[e("el-tree",{ref:"deviceStatusTree",attrs:{data:t.treeData,"node-key":"id",props:t.defaultProps,"default-expand-all":"","highlight-current":""},on:{"node-click":t.clickDevice}})],1)]),e("el-col",{attrs:{span:20}},[e("div",{staticClass:"right-box"},[e("span",{staticClass:"title"},[t._v(t._s(t.equipmentName))]),e("ul",{staticClass:"eq-msg"},[e("li",[t._v("设备模式:"+t._s(t.eqMessage.mode))]),e("li",[t._v("设备状态:"+t._s(t.eqMessage.state))]),e("li",[t._v("设备报警:"+t._s(t.eqMessage.alarmNum))]),e("li",[t._v("剩余维护时间:"+t._s(t.eqMessage.remainMainTime)+"秒")])]),e("div",{staticClass:"img-box"},[t.eqMessage.imgId?e("img",{attrs:{src:t.deviceImg,alt:"设备图片"}}):e("img",{attrs:{src:n(6056),alt:"设备图片"}})])])])],1)},i=[],r=n(5591),o=n(8859);function s(t){return(0,o.Z)({url:"/monitor/eqMonitor/get",method:"post",data:t})}var u={name:"DeviceStatus",data(){return{treeData:[],defaultProps:{children:"children",label:"name"},eqMessage:{},equipmentId:"",deviceImg:"",equipmentName:""}},mounted(){this.getTree()},methods:{getTree(){(0,r.SI)().then((t=>{this.treeData=t.data,this.equipmentId=this.getId(t.data),this.setCurrent(),this.getMsg()}))},getId(t){return t[0].children?this.getId(t[0].children):t[0].id},setCurrent(){let t=this;setTimeout((function(){t.$refs.deviceStatusTree.setCurrentKey(t.equipmentId)}),500)},getMsg(){s({equipmentId:this.equipmentId}).then((t=>{console.log(t),this.eqMessage=t.data,this.equipmentName=t.data.equipmentName,this.deviceImg="http://tft.mes.picaiba.com/api/common/attachment/downloadFile?type=0&attachmentId="+t.data.imgId}))},clickDevice(t){console.log(t),t.children||(this.equipmentId=t.id,this.equipmentName=t.name,this.getMsg())}}},m=u,c=n(1001),d=(0,c.Z)(m,a,i,!1,null,"483dec8e",null),l=d.exports},5591:function(t,e,n){n.d(e,{FH:function(){return s},Hp:function(){return m},JQ:function(){return o},SI:function(){return r},Vx:function(){return c},WQ:function(){return p},b6:function(){return d},iv:function(){return i},jL:function(){return u},m:function(){return l}});var a=n(8859);function i(){return(0,a.Z)({url:"/common/getList",method:"post"})}function r(){return(0,a.Z)({url:"/common/getTreeData",method:"post"})}function o(t){return(0,a.Z)({url:"/common/updateEqSeq",method:"post",data:t})}function s(t){return(0,a.Z)({url:"/common/attachment/downloadFile",method:"get",responseType:"blob",params:t,timeout:6e4})}function u(t){return(0,a.Z)({url:"/common/getFpyData",method:"post",data:t})}function m(t){return(0,a.Z)({url:"/common/getAlarmData",method:"post",data:t})}function c(t){return(0,a.Z)({url:"/common/getCapacityData",method:"post",data:t})}function d(t){return(0,a.Z)({url:"/common/getProductData",method:"post",data:t})}function l(t){return(0,a.Z)({url:"/common/getMaterialData",method:"post",data:t})}const p="/api/common/attachment/uploadFileFormData"},6056:function(t,e,n){t.exports=n.p+"img/empty.c5f8511f.png"}}]);

1
dist/js/2659.51f4311d.js vendored Normal file

File diff suppressed because one or more lines are too long

1
dist/js/3167.ef670731.js vendored Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

1
dist/js/4048.be97e15e.js vendored Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

1
dist/js/4362.ce505f09.js vendored Normal file

File diff suppressed because one or more lines are too long

1
dist/js/4785.2863866a.js vendored Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

1
dist/js/5067.21fc32c5.js vendored Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

1
dist/js/6831.9e0c6df8.js vendored Normal file

File diff suppressed because one or more lines are too long

1
dist/js/7213.462684e7.js vendored Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

1
dist/js/8603.aa2798b5.js vendored Normal file

File diff suppressed because one or more lines are too long

1
dist/js/8695.4101e90a.js vendored Normal file

File diff suppressed because one or more lines are too long

1
dist/js/8815.81551ddf.js vendored Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -32,6 +32,15 @@ export function downLoadFile(params) {
}) })
} }
// 获取直通率对比数据
export function getFpyData(data) {
return request({
url: '/common/getFpyData',
method: 'post',
data
})
}
export function getAlarmData(data) { export function getAlarmData(data) {
return request({ return request({
url: '/common/getAlarmData', url: '/common/getAlarmData',
@ -39,6 +48,14 @@ export function getAlarmData(data) {
data data
}) })
} }
// 获取产能信息数据
export function getCapacityData(data) {
return request({
url: '/common/getCapacityData',
method: 'post',
data
})
}
export function getProductData(data) { export function getProductData(data) {
return request({ return request({

View File

@ -46,6 +46,22 @@ export function palletIndicatorGetType(data) {
data data
}) })
} }
// 获取MTBR-F(年、月)
export function getMTBRF(data) {
return request({
url: '/equipment/PerformanceAnalysis/getMTBRF',
method: 'post',
data
})
}
// 获取MTBR-F(周)
export function getMTBRFWeek(data) {
return request({
url: '/equipment/PerformanceAnalysis/getMTBRFWeek',
method: 'post',
data
})
}
// 备品备件 // 备品备件
export function getSparePartStockPage(data) { export function getSparePartStockPage(data) {

View File

@ -21,7 +21,11 @@
<el-col class="middle-top"> <el-col class="middle-top">
<div> <div>
<div class="choose-box"> <div class="choose-box">
<el-radio-group v-model="selectDimension" size="small"> <el-radio-group
v-model="selectDimension"
size="small"
@change="selectData"
>
<el-radio-button label="year"></el-radio-button> <el-radio-button label="year"></el-radio-button>
<el-radio-button label="month"></el-radio-button> <el-radio-button label="month"></el-radio-button>
<el-radio-button label="week"></el-radio-button> <el-radio-button label="week"></el-radio-button>
@ -30,8 +34,26 @@
<div class="search-box"> <div class="search-box">
<span>发生时间 </span> <span>发生时间 </span>
<el-date-picker <el-date-picker
v-model="chooseDate" v-if="selectDimension === 'year'"
type="date" v-model="yearDate"
type="year"
placeholder="请选择"
size="small"
>
</el-date-picker>
<el-date-picker
v-if="selectDimension === 'month'"
v-model="monthDate"
type="month"
placeholder="请选择"
size="small"
>
</el-date-picker>
<el-date-picker
v-if="selectDimension === 'week'"
v-model="weekDate"
type="week"
format="yyyy 第 WW 周"
placeholder="请选择" placeholder="请选择"
size="small" size="small"
> >
@ -80,6 +102,7 @@
</template> </template>
<script> <script>
import { getTreeData } from '@/api/app' import { getTreeData } from '@/api/app'
import { getMTBRF, getMTBRFWeek } from '@/api/deviceManagement'
import { tableHeight } from '@/utils/index' import { tableHeight } from '@/utils/index'
import contrastChart1 from './../components/contrastChart.vue' import contrastChart1 from './../components/contrastChart.vue'
import contrastChart2 from './../components/contrastChart.vue' import contrastChart2 from './../components/contrastChart.vue'
@ -115,7 +138,9 @@ export default {
label: 'name' label: 'name'
}, },
eqName: '', eqName: '',
chooseDate: '', yearDate: '',
monthDate: '',
weekDate: '',
listQuery: { listQuery: {
current: 1, current: 1,
size: 500, size: 500,
@ -153,14 +178,29 @@ export default {
console.log(val.children) console.log(val.children)
} }
}, },
selectData(val) {
console.log(val)
this.yearDate = ''
this.monthDate = ''
this.weekDate = ''
},
getList() { getList() {
let arr = [] if (this.selectDimension === 'week') {
for (let i = 0; i < 30; i++) { getMTBRFWeek().then((res) => {
let obj = {} console.log(res)
obj.startState = i + '2112' })
arr.push(obj) } else {
getMTBRF().then((res) => {
console.log(res)
})
} }
this.tableData = arr // let arr = []
// for (let i = 0; i < 30; i++) {
// let obj = {}
// obj.startState = i + '2112'
// arr.push(obj)
// }
// this.tableData = arr
} }
} }
} }

View File

@ -28,22 +28,22 @@
import { tableHeight } from './utils' import { tableHeight } from './utils'
const tableProps = [ const tableProps = [
{ {
prop: 'line', prop: 'equipmentName',
label: '设备名称', label: '设备名称',
minWidth: 98 minWidth: 98
}, },
{ {
prop: 'unit1', prop: 'glassNumberIn',
label: '投入数量', label: '投入数量',
minWidth: 98 minWidth: 98
}, },
{ {
prop: 'unit2', prop: 'glassNumberOut',
label: '输出数量', label: '输出数量',
minWidth: 98 minWidth: 98
}, },
{ {
prop: 'unit3', prop: 'glassNumberMiss',
label: '损失数量', label: '损失数量',
minWidth: 98 minWidth: 98
} }
@ -53,8 +53,6 @@ export default {
data() { data() {
return { return {
tableProps, tableProps,
tableDataL: [],
tableDataR: [],
tableH: tableHeight(), tableH: tableHeight(),
listQuery1: { listQuery1: {
current: 1, current: 1,
@ -70,21 +68,27 @@ export default {
window.addEventListener('resize', () => { window.addEventListener('resize', () => {
this.tableH = tableHeight() this.tableH = tableHeight()
}) })
this.getList()
}, },
methods: { props: {
getList() { list: {
let arr = [] type: Array,
for (let i = 0; i < 16; i++) { default: () => {
let obj = {} return []
obj.id = i
obj.line = '设备' + i
arr.push(obj)
} }
if (arr.length > 8) { },
this.tableDataL = arr.slice(0, 8) beilv: {
this.tableDataR = arr.slice(8, 16) type: Number,
default: 1
} }
},
computed: {
tableDataL: function () {
return this.list.length > 8
? this.list.slice(0, 8)
: this.list.slice(0, this.list.length)
},
tableDataR: function () {
return this.list.length > 8 ? this.list.slice(8, 16) : []
} }
} }
} }

View File

@ -48,8 +48,6 @@ export default {
data() { data() {
return { return {
tableProps, tableProps,
// tableDataL: [],
// tableDataR: [],
tableH: tableHeight(), tableH: tableHeight(),
listQuery1: { listQuery1: {
current: 1, current: 1,
@ -83,22 +81,6 @@ export default {
window.addEventListener('resize', () => { window.addEventListener('resize', () => {
this.tableH = tableHeight() this.tableH = tableHeight()
}) })
// this.getList()
},
methods: {
getListA() {
let arr = []
for (let i = 0; i < 16; i++) {
let obj = {}
obj.id = i
obj.line = '耗材' + i
arr.push(obj)
}
if (arr.length > 8) {
this.tableDataL = arr.slice(0, 8)
this.tableDataR = arr.slice(8, 16)
}
}
} }
} }
</script> </script>

View File

@ -109,46 +109,46 @@
}" }"
> >
<span>13时直通率</span> <span>13时直通率</span>
<span class="blue_color">63.45%</span> <span class="blue_color">{{ lastHourFpy }}</span>
<div class="home_progress"> <div class="home_progress">
<el-progress <el-progress
:text-inside="true" :text-inside="true"
:stroke-width="strokeWidth" :stroke-width="strokeWidth"
:percentage="70" :percentage="lastHourFpyP"
></el-progress> ></el-progress>
</div> </div>
</div> </div>
<div class="progress_box" :style="{ marginBottom: 92 * beilv + 'px' }"> <div class="progress_box" :style="{ marginBottom: 92 * beilv + 'px' }">
<span>14时直通率</span> <span>14时直通率</span>
<span class="blue_color">63.45%</span> <span class="blue_color">{{ nowFpy }}</span>
<div class="home_progress"> <div class="home_progress">
<el-progress <el-progress
:text-inside="true" :text-inside="true"
:stroke-width="strokeWidth" :stroke-width="strokeWidth"
:percentage="70" :percentage="nowFpyP"
></el-progress> ></el-progress>
</div> </div>
</div> </div>
</div> </div>
<div class="progress_box" :style="{ marginBottom: 16 * beilv + 'px' }"> <div class="progress_box" :style="{ marginBottom: 16 * beilv + 'px' }">
<span>昨日直通率</span> <span>昨日直通率</span>
<span class="blue_color">63.45%</span> <span class="blue_color">{{ yesterdayFpy }}</span>
<div class="home_progress"> <div class="home_progress">
<el-progress <el-progress
:text-inside="true" :text-inside="true"
:stroke-width="strokeWidth" :stroke-width="strokeWidth"
:percentage="70" :percentage="yesterdayFpyP"
></el-progress> ></el-progress>
</div> </div>
</div> </div>
<div class="progress_box"> <div class="progress_box">
<span>今日直通率</span> <span>今日直通率</span>
<span class="blue_color">63.45%</span> <span class="blue_color">{{ todayFpy }}</span>
<div class="home_progress"> <div class="home_progress">
<el-progress <el-progress
:text-inside="true" :text-inside="true"
:stroke-width="strokeWidth" :stroke-width="strokeWidth"
:percentage="70" :percentage="todayFpyP"
></el-progress> ></el-progress>
</div> </div>
</div> </div>
@ -170,6 +170,12 @@ export default {
return {} return {}
} }
}, },
dbMsg: {
type: Object,
default: () => {
return {}
}
},
beilv: { beilv: {
type: Number, type: Number,
default: 1 default: 1
@ -184,6 +190,30 @@ export default {
}, },
progressPercentage: function () { progressPercentage: function () {
return this.productMsg.process * 100 + '%' return this.productMsg.process * 100 + '%'
},
lastHourFpy: function () {
return this.dbMsg.lastHourFpy * 100 + '%'
},
lastHourFpyP: function () {
return this.dbMsg.lastHourFpy * 100
},
todayFpy: function () {
return this.dbMsg.todayFpy * 100 + '%'
},
todayFpyP: function () {
return this.dbMsg.todayFpy * 100
},
nowFpy: function () {
return this.dbMsg.nowFpy * 100 + '%'
},
nowFpyP: function () {
return this.dbMsg.nowFpy * 100
},
yesterdayFpy: function () {
return this.dbMsg.yesterdayFpy * 100 + '%'
},
yesterdayFpyP: function () {
return this.dbMsg.yesterdayFpy * 100
} }
} }
} }

View File

@ -2,7 +2,12 @@
<div id="home-container" class="home-container"> <div id="home-container" class="home-container">
<div class="title-bar"> <div class="title-bar">
<h2 class="tip">生产监控看板</h2> <h2 class="tip">生产监控看板</h2>
<el-select v-model="lineName" placeholder="请选择名称" size="small"> <el-select
v-model="lineName"
placeholder="请选择名称"
size="small"
@change="changeLine"
>
<el-option <el-option
v-for="item in nameList" v-for="item in nameList"
:key="item.dataCode" :key="item.dataCode"
@ -21,7 +26,11 @@
:title="'生产进度'" :title="'生产进度'"
:beilv="beilv" :beilv="beilv"
/> />
<product-area :productMsg="productMsg" :beilv="beilv" /> <product-area
:productMsg="productMsg"
:dbMsg="dbMsg"
:beilv="beilv"
/>
</div> </div>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
@ -43,7 +52,7 @@
:title="'产能信息'" :title="'产能信息'"
:beilv="beilv" :beilv="beilv"
/> />
<capacity-area /> <capacity-area :list="capacityList" />
</div> </div>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
@ -66,7 +75,13 @@ import CapacityArea from './components/Capacity.vue'
import MaterialArea from './components/Material.vue' import MaterialArea from './components/Material.vue'
import DeviceArea from './components/Device.vue' import DeviceArea from './components/Device.vue'
import ProductArea from './components/Product.vue' import ProductArea from './components/Product.vue'
import { getAlarmData, getProductData, getMaterialData } from '@/api/app' import {
getAlarmData,
getProductData,
getMaterialData,
getCapacityData,
getFpyData
} from '@/api/app'
export default { export default {
name: 'HomePage', name: 'HomePage',
components: { components: {
@ -82,15 +97,16 @@ export default {
lineName: 1, lineName: 1,
nameList: JSON.parse(localStorage.getItem('publicList')).proLineVoList, nameList: JSON.parse(localStorage.getItem('publicList')).proLineVoList,
productMsg: {}, productMsg: {},
dbMsg: {},
deviceList: [], deviceList: [],
materialList: [] materialList: [],
capacityList: []
} }
}, },
mounted() { mounted() {
this.beilv = document.getElementById('home-container').offsetWidth / 1920 this.beilv = document.getElementById('home-container').offsetWidth / 1920
window.addEventListener('resize', () => { window.addEventListener('resize', () => {
this.beilv = document.getElementById('home-container').offsetWidth / 1920 this.beilv = document.getElementById('home-container').offsetWidth / 1920
console.log(this.beilv)
}) })
this.getMsg() this.getMsg()
}, },
@ -99,23 +115,56 @@ export default {
this.getProductMsg() this.getProductMsg()
this.getDeviceMsg() this.getDeviceMsg()
this.getMaterialData() this.getMaterialData()
this.getData()
this.getDBData()
},
changeLine(val) {
this.lineName = val
this.getMsg()
}, },
getProductMsg() { getProductMsg() {
getProductData({ productionLineId: this.lineName }).then((res) => { getProductData({ productionLineId: this.lineName }).then((res) => {
console.log(res) if (res.code === 0) {
this.productMsg = res.data this.productMsg = res.data
} else {
this.productMsg = {}
}
})
},
getDBData() {
getFpyData({ productionLineId: this.lineName }).then((res) => {
if (res.code === 0) {
this.dbMsg = res.data
} else {
this.dbMsg = {}
}
}) })
}, },
getDeviceMsg() { getDeviceMsg() {
getAlarmData({ id: this.lineName }).then((res) => { getAlarmData({ id: this.lineName }).then((res) => {
// console.log(res) if (res.code === 0) {
this.deviceList = res.data this.deviceList = res.data
} else {
this.deviceList = []
}
}) })
}, },
getMaterialData() { getMaterialData() {
getMaterialData({ id: this.lineName }).then((res) => { getMaterialData({ id: this.lineName }).then((res) => {
console.log(res) if (res.code === 0) {
this.materialList = res.data this.materialList = res.data
} else {
this.materialList = []
}
})
},
getData() {
getCapacityData({ id: this.lineName }).then((res) => {
if (res.code === 0) {
this.capacityList = res.data
} else {
this.capacityList = []
}
}) })
} }
} }

View File

@ -3,9 +3,9 @@
<span class="title">{{ line }}在制品统计</span> <span class="title">{{ line }}在制品统计</span>
<base-table :table-props="tableProps1" :table-data="tableData1" /> <base-table :table-props="tableProps1" :table-data="tableData1" />
<span class="title">面磨单元在制品统计</span> <span class="title">面磨单元在制品统计</span>
<base-table :table-props="tableProps2" :table-data="tableData2" /> <base-table :table-props="tableProps2" :table-data="tableData1" />
<span class="title">终检单元在制品统计</span> <span class="title">终检单元在制品统计</span>
<base-table :table-props="tableProps3" :table-data="tableData3" /> <base-table :table-props="tableProps3" :table-data="tableData1" />
</div> </div>
</template> </template>
<script> <script>
@ -174,9 +174,27 @@ export default {
} }
}, },
props: { props: {
lineName: { // lineName: {
type: Number, // type: Number,
default: 1 // default: 1
// },
tableLine: {
type: Array,
default: () => {
return []
}
},
tableGrind: {
type: Array,
default: () => {
return []
}
},
tableFinal: {
type: Array,
default: () => {
return []
}
}, },
beilv: { beilv: {
type: Number, type: Number,

View File

@ -113,7 +113,7 @@ export default {
current: 1, current: 1,
size: 20, size: 20,
unitName: '', unitName: '',
eqName: '' equipmentName: ''
}, },
centervisible: false, centervisible: false,
addOrEditTitle: '' addOrEditTitle: ''
@ -157,11 +157,14 @@ export default {
clickDevice(val) { clickDevice(val) {
if (!val.children) { if (!val.children) {
// //
this.listQuery.eqName = val.name this.listQuery.equipmentName = val.name
this.listQuery.unitName = '' this.listQuery.unitName = ''
} else if (val.children && val.parent) { } else if (val.children && val.parent) {
this.listQuery.eqName = '' this.listQuery.equipmentName = ''
this.listQuery.unitName = val.name this.listQuery.unitName = val.name
} else {
this.listQuery.equipmentName = ''
this.listQuery.unitName = ''
} }
this.getList() this.getList()
}, },

View File

@ -146,7 +146,12 @@
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<div class="bottom-box"> <div class="bottom-box">
<progress-statistics :lineName="lineName" :beilv="beilv" /> <progress-statistics
:tableLine="tableLine"
:tableGrind="tableGrind"
:tableFinal="tableFinal"
:beilv="beilv"
/>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
@ -193,6 +198,9 @@ export default {
changeLine() { changeLine() {
this.getProductMsg() this.getProductMsg()
this.getProcess() this.getProcess()
this.getLineGlassCount()
this.getGrindGlassCount()
this.getFinalClassCount()
}, },
getProductMsg() { getProductMsg() {
getProductData({ productionLineId: this.lineName }).then((res) => { getProductData({ productionLineId: this.lineName }).then((res) => {
@ -213,16 +221,25 @@ export default {
getLineGlassCount() { getLineGlassCount() {
lineGlassCount({ productionLineId: this.lineName }).then((res) => { lineGlassCount({ productionLineId: this.lineName }).then((res) => {
console.log(res) console.log(res)
// if (res.code === 0) {
// this.tableLine = res.data
// }
}) })
}, },
getGrindGlassCount() { getGrindGlassCount() {
grindGlassCount({ productionLineId: this.lineName }).then((res) => { grindGlassCount({ productionLineId: this.lineName }).then((res) => {
console.log(res) console.log(res)
// if (res.code === 0) {
// this.tableGrind = res.data
// }
}) })
}, },
getFinalClassCount() { getFinalClassCount() {
finalClassCount({ productionLineId: this.lineName }).then((res) => { finalClassCount({ productionLineId: this.lineName }).then((res) => {
console.log(res) console.log(res)
// if (res.code === 0) {
// this.tableFinal = res.data
// }
}) })
} }
} }

View File

@ -129,8 +129,8 @@ export default {
let obj = {} let obj = {}
for (let j of this.defectMsg[i]) { for (let j of this.defectMsg[i]) {
let arr2 = [] let arr2 = []
arr2.push(parseInt(j.ypos)) arr2.push(2600 - parseInt(j.ypos))
arr2.push(parseInt(j.xpos)) arr2.push(2250 - parseInt(j.xpos))
arr1.push(arr2) arr1.push(arr2)
} }
obj.name = this.transLabel(i) obj.name = this.transLabel(i)

View File

@ -2,28 +2,36 @@
<div class="thicknessDistributionChart"> <div class="thicknessDistributionChart">
<div class="top-table"> <div class="top-table">
<ul> <ul>
<li>转换速度32654654</li> <li>转换速度{{ chartMsg[0] ? chartMsg[0].conveyorSpeed : '' }}</li>
<li>配方类型G8.5-0943</li> <li>配方类型{{ chartMsg[0] ? chartMsg[0].glassType : '' }}</li>
<li>玻璃索引56565</li> <li>玻璃索引{{ chartMsg[0] ? chartMsg[0].glassIndex : '' }}</li>
<li>等级G1</li> <li>等级{{ chartMsg[0] ? chartMsg[0].result : '' }}</li>
<li></li> <li></li>
</ul> </ul>
<ul> <ul>
<li class="red-tip">最大值235454</li> <li class="red-tip">
<li class="blue-tip">最小值5652356</li> 最大值{{ chartMsg[0] ? chartMsg[0].maxValue : '' }}
<li class="purple-tip">平均值6856532656</li> </li>
<li class="green-tip">厚度差656413212</li> <li class="blue-tip">
<li class="yellow-tip">研磨类型4ABC</li> 最小值{{ chartMsg[0] ? chartMsg[0].minValue : '' }}
</li>
<li class="purple-tip">
平均值{{ chartMsg[0] ? chartMsg[0].avgValue : '' }}
</li>
<li class="green-tip">
厚度差{{ chartMsg[0] ? chartMsg[0].ttvValue : '' }}
</li>
<li class="yellow-tip">
研磨类型{{ chartMsg[0] ? chartMsg[0].grindType : '' }}
</li>
</ul> </ul>
</div> </div>
<div> <div>
<span class="title">玻璃ID46745386415274874</span> <span class="title"
>玻璃ID{{ chartMsg[0] ? chartMsg[0].glassId : '' }}</span
>
</div> </div>
<div <div id="thicknessChart" :style="{ height: chartHeight + 'px' }" />
id="thicknessChart"
style="width: 100%"
:style="{ height: chartHeight + 'px' }"
/>
</div> </div>
</template> </template>
<script> <script>
@ -37,7 +45,7 @@ export default {
return { return {
chartDom: '', chartDom: '',
chart: '', chart: '',
chartHeight: tableHeight(320) chartHeight: tableHeight(350)
} }
}, },
props: { props: {
@ -49,11 +57,9 @@ export default {
} }
}, },
mounted() { mounted() {
this.chartDom = document.getElementById('thicknessChart')
this.chart = echarts.init(this.chartDom)
this.getChart() this.getChart()
window.addEventListener('resize', () => { window.addEventListener('resize', () => {
this.chartHeight = tableHeight(320) this.chartHeight = tableHeight(350)
}) })
}, },
watch: { watch: {
@ -63,32 +69,44 @@ export default {
}, },
methods: { methods: {
getChart() { getChart() {
let long = [] // console.log(this.chartMsg)
for (let i = 1; i <= 21; i++) { let long = Array.from({ length: 21 }, (v, i) => i + 1)
long.push(i) let wide = Array.from({ length: 7 }, (v, i) => i + 1)
}
let wide = []
for (let i = 1; i <= 7; i++) {
wide.push(i)
}
const data = [] const data = []
for (let k = 0; k < long.length; k++) { //
for (let j = 0; j < wide.length; j++) { let tempData = []
for (let i = 0; i < this.chartMsg.length; i++) {
let arr = [] let arr = []
arr[0] = k arr[0] = this.chartMsg[i].column13
arr[1] = j arr[1] = this.chartMsg[i].column11
arr[2] = parseInt(Math.random() * 80 + 470) arr[2] = this.chartMsg[i].column9
arr[3] = this.chartMsg[i].column7
arr[4] = this.chartMsg[i].column5
arr[5] = this.chartMsg[i].column3
arr[6] = this.chartMsg[i].column1
tempData[20 - i] = arr
}
for (let j = 0; j < tempData.length; j++) {
for (let k = 0; k < tempData[j].length; k++) {
let arr = []
arr[0] = j
arr[1] = k
arr[2] = tempData[j][k]
data.push(arr) data.push(arr)
} }
} }
console.log(data) // console.log(data)
this.chartDom = document.getElementById('thicknessChart')
this.chart = echarts.init(this.chartDom)
var option = { var option = {
tooltip: { tooltip: {
position: 'top' position: 'top'
}, },
grid: { grid: {
height: '50%', height: '80%',
top: '10%' width: '96%',
left: '3%',
top: '12%'
}, },
xAxis: { xAxis: {
type: 'category', type: 'category',
@ -105,8 +123,8 @@ export default {
} }
}, },
visualMap: { visualMap: {
min: 470, min: this.chartMsg[0] ? this.chartMsg[0].minValue || 490 : 490,
max: 550, max: this.chartMsg[0] ? this.chartMsg[0].maxValue || 510 : 510,
calculable: true, calculable: true,
color: ['#FF8481', '#F9E35E', '#A6FF99', '#46EBE8', '#4572FF'], color: ['#FF8481', '#F9E35E', '#A6FF99', '#46EBE8', '#4572FF'],
orient: 'horizontal', orient: 'horizontal',
@ -119,7 +137,8 @@ export default {
type: 'heatmap', type: 'heatmap',
data: data, data: data,
label: { label: {
show: true show: true,
fontSize: 10
}, },
emphasis: { emphasis: {
itemStyle: { itemStyle: {

View File

@ -40,6 +40,9 @@
<el-button type="primary" size="small" plain @click="exportExl" <el-button type="primary" size="small" plain @click="exportExl"
>导出</el-button >导出</el-button
> >
<el-button type="primary" size="small" plain @click="clearChoose"
>重置</el-button
>
</div> </div>
<div class="line2"> <div class="line2">
<el-checkbox-group v-model="checkList"> <el-checkbox-group v-model="checkList">
@ -52,7 +55,7 @@
</el-checkbox-group> </el-checkbox-group>
</div> </div>
<div> <div>
<span class="title">缺陷散点图(1245241242)</span> <span class="title">缺陷散点图{{ showGlassId }}</span>
</div> </div>
<defect-scatter-plot-chart <defect-scatter-plot-chart
ref="poltChart" ref="poltChart"
@ -93,7 +96,7 @@ const tableProps = [
minWidth: 120 minWidth: 120
}, },
{ {
prop: 'package', prop: 'packingStation',
label: '包装工位' label: '包装工位'
}, },
{ {
@ -186,7 +189,8 @@ export default {
selectedGlassId: [], selectedGlassId: [],
detailMsg: {}, detailMsg: {},
defectList: {}, defectList: {},
cornerList: [] cornerList: [],
showGlassId: '' //id
} }
}, },
mounted() { mounted() {
@ -287,7 +291,7 @@ export default {
selectType(val) { selectType(val) {
if (val === 'pellet') { if (val === 'pellet') {
this.checkList = ['s', 'm', 'l', 'xl'] this.checkList = ['s', 'm', 'l', 'xl']
} else { } else if (val === 'surface') {
this.checkList = [ this.checkList = [
'bl', 'bl',
'distortion', 'distortion',
@ -308,6 +312,11 @@ export default {
moveEnd() { moveEnd() {
this.$refs.poltChart.getChart() this.$refs.poltChart.getChart()
}, },
//
clearChoose() {
this.type = ''
this.checkList = []
},
// //
exportExl() { exportExl() {
pointExport({ pointExport({

View File

@ -1,6 +1,6 @@
<template> <template>
<el-row :gutter="8" class="thicknessDistributionMap"> <el-row :gutter="8" class="thicknessDistributionMap">
<el-col :span="10"> <el-col :span="8">
<div class="left-box"> <div class="left-box">
<search-bar :formConfigs="formConfig" @headBtnClick="buttonClick" /> <search-bar :formConfigs="formConfig" @headBtnClick="buttonClick" />
<base-table <base-table
@ -14,7 +14,7 @@
/> />
</div> </div>
</el-col> </el-col>
<el-col :span="14"> <el-col :span="16">
<div class="right-box"> <div class="right-box">
<thickness-distribution-chart :chartMsg="chartData" /> <thickness-distribution-chart :chartMsg="chartData" />
</div> </div>
@ -112,7 +112,7 @@ export default {
methods: { methods: {
getList() { getList() {
queryThickness({ ...this.listQuery }).then((res) => { queryThickness({ ...this.listQuery }).then((res) => {
console.log(res) // console.log(res)
if (res.code === 0 && res.data.length > 0) { if (res.code === 0 && res.data.length > 0) {
let _this = this let _this = this
_this.tableData = res.data _this.tableData = res.data
@ -143,7 +143,7 @@ export default {
break break
default: default:
drawThickness({ ...this.listQuery2 }).then((res) => { drawThickness({ ...this.listQuery2 }).then((res) => {
console.log(res) // console.log(res)
this.chartData = res.data this.chartData = res.data
}) })
} }