diff --git a/src/pages/StorageMonitor2.vue b/src/pages/StorageMonitor2.vue index 1883b08..bc5ea0e 100644 --- a/src/pages/StorageMonitor2.vue +++ b/src/pages/StorageMonitor2.vue @@ -11,9 +11,10 @@

{{e.point_name}}

-
+ +
-
+
@@ -24,12 +25,12 @@
-

货位:{{e.point_name}}

+

货位:{{e.point_name}}{{e.stand_status_name}}

载具:{{e.vehicle_code}}

-

物料:{{e.material_code}}

-

重量(kg):{{e.ivt_qty}}

+

BOM:{{e.material_code}}

+

重量(千克):{{e.ivt_qty}}

入库时间:{{e.instorage_time}}

-

静置(h):{{e.finish_times}}

+

静置(小时):{{e.standing_time}}

@@ -41,9 +42,10 @@

{{e.point_name}}

-
+ +
-
+
@@ -54,12 +56,12 @@
-

货位:{{e.point_name}}

+

货位:{{e.point_name}}{{e.stand_status_name}}

载具:{{e.vehicle_code}}

-

物料:{{e.material_code}}

-

重量(kg):{{e.ivt_qty}}

+

BOM:{{e.material_code}}

+

重量(千克):{{e.ivt_qty}}

入库时间:{{e.instorage_time}}

-

静置(h):{{e.finish_times}}

+

静置(小时):{{e.standing_time}}

@@ -76,7 +78,7 @@
-
+
@@ -89,7 +91,7 @@

货位:{{e.point_name}}

载具:{{e.vehicle_code}}

-

物料:{{e.material_code}}

+

BOM:{{e.material_code}}

库存(块):{{e.ivt_qty}}

入库时间:{{e.instorage_time}}

@@ -261,7 +263,7 @@ export default { methods: { refresh () { this.timer = setInterval(() => { - this.code1 = '' + // this.code1 = '' this.initData() }, this.interTime) }, @@ -273,16 +275,16 @@ export default { this.group02 = [...res.result.productionTask] this.group03 = [...res.result.materialYJTask] for (let i = 0; i < this.group01.length; i++) { - this.group01[i] = Object.assign(this.group01[i], {coordinate: 'coordinate1', aline: 'aline1', bline: 'bline1', show: 0}) + this.group01[i] = Object.assign(this.group01[i], {mgl: 'mgl1', coordinate: 'coordinate1', aline: 'aline1', bline: 'bline1', show: 0}) } for (let i = 0; i < this.group03.length; i++) { - this.group03[i] = Object.assign(this.group03[i], {coordinate: 'coordinate2', aline: 'aline2', bline: 'bline2', show: 0}) + this.group03[i] = Object.assign(this.group03[i], {mgl: 'mgl2', coordinate: 'coordinate2', aline: 'aline2', bline: 'bline2', show: 0}) } for (let i = 0; i < this.group02.length; i++) { - if (i === 16 || i === 17 || i === 18 || i === 19 || i === 36 || i === 37 || i === 38 || i === 39) { - this.group02[i] = Object.assign(this.group02[i], {coordinate: 'coordinate2', aline: 'aline2', bline: 'bline2', show: 0}) + if (i === 21 || i === 22 || i === 23 || i === 24 || i === 25 || i === 47 || i === 48 || i === 49 || i === 50 || i === 51 ) { + this.group02[i] = Object.assign(this.group02[i], {mgl: 'mgl2', coordinate: 'coordinate2', aline: 'aline2', bline: 'bline2', show: 0}) } else { - this.group02[i] = Object.assign(this.group02[i], {coordinate: 'coordinate1', aline: 'aline1', bline: 'bline1', show: 0}) + this.group02[i] = Object.assign(this.group02[i], {mgl: 'mgl1', coordinate: 'coordinate1', aline: 'aline1', bline: 'bline1', show: 0}) } } // for (let i = 1; i <= 20; i++) { @@ -356,7 +358,7 @@ export default { margin 12px auto .top_wrapper position relative - height 60% + height 45% .tag_block position absolute // bottom .1rem @@ -386,6 +388,18 @@ export default { background #F96700 !important .red background #FF0000 !important +.cblue + color #32C5FF !important +.cgreen + color #30EBC9 !important +.cgray + color #516282 !important +.cyellow + color #E2BB0E !important +.corange + color #F96700 !important +.cred + color #FF0000 !important .lock border .02rem solid #f00 !important .yard-wrap @@ -409,17 +423,17 @@ export default { .yard_group_ul_1 width 100% position absolute - grid-template-columns repeat(16, 80% / 16) + grid-template-columns repeat(20, 83.4% / 20) // grid-template-rows repeat(2, 1.8rem / 2) - grid-template-rows repeat(3, 110px) + grid-template-rows repeat(2, 110px) .yard_group_ul_2 width 100% position absolute - grid-template-columns repeat(20, 100% / 20) + grid-template-columns repeat(26, 100% / 26) // grid-template-rows repeat(2, 1.8rem / 2) - grid-template-rows repeat(3, 110px) + grid-template-rows repeat(2, 110px) .yard_group_ul_3 - width 15% + width 12.5% grid-template-columns repeat(3, 100% / 3) // grid-template-rows repeat(2, 1.8rem / 2) grid-template-rows repeat(2, 110px) @@ -486,7 +500,7 @@ height 90px .corridor_2 _wh(100%,22px) _font(16px, 22px, #fff,,left) - margin 12px 12px 12px 0 + margin 22px 12px 30px 0 .locate-wrap position absolute width 100% @@ -507,6 +521,9 @@ height 90px height .36rem overflow hidden color #fff + span + padding-right .4rem + float right .close_btn position absolute top 3% @@ -519,8 +536,9 @@ height 90px cursor pointer .bottom_wrapper width 100% - height 40% - padding-top 20px + height 55% + padding-top 60px + padding-bottom 40px _fj(row) .bottom_wrapper_l _wh(calc(50% - 10px), 100%) @@ -595,7 +613,7 @@ height 90px background center center / 100% 100% url(../assets/images/dot.png) no-repeat .foldcricle2 top .50rem - left .55rem + left .6rem .foldcricle1 top 0 left -0.1rem @@ -605,13 +623,13 @@ height 90px border 1px dashed #32C5FF height 1px .foldline1 - width .30rem + width .33rem top .12rem left .09rem .foldline2 width .60rem - top .38rem - left .24rem + top .39rem + left .27rem transform rotate(60deg) .coordinate1 left .9rem @@ -641,8 +659,8 @@ height 90px position absolute z-index 102 transform rotate(60deg) - top -1.01rem - right 1.38rem + top -1.05rem + right 1.28rem .aline3 position absolute z-index 102 @@ -729,4 +747,8 @@ height 90px _font(12px, 30px, #fff,,) // transform scale(0.8) white-space:nowrap +.mgl1 + margin-left -22px +.mgl2 + margin-left 0px