From 9c290a3fb8385b5876d113895c6ab5beadf4c489 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=94=A1=E7=8E=B2?= <8702040+cai-ling@user.noreply.gitee.com> Date: Sun, 8 Dec 2024 19:08:52 +0800 Subject: [PATCH] css --- src/config/mork2.js | 2 +- src/images/icon_1.png | Bin 0 -> 4994 bytes src/images/icon_2.png | Bin 0 -> 4582 bytes src/pages/modules/index1.vue | 89 ++++++----- src/pages/modules/index1的副本.vue | 207 ++++++++++++++++++++++++++ src/pages/modules/style.stylus | 95 +++++++++--- src/style/reset.css | 4 + 7 files changed, 336 insertions(+), 61 deletions(-) create mode 100644 src/images/icon_1.png create mode 100644 src/images/icon_2.png create mode 100644 src/pages/modules/index1的副本.vue diff --git a/src/config/mork2.js b/src/config/mork2.js index 87c0341..ed577b8 100644 --- a/src/config/mork2.js +++ b/src/config/mork2.js @@ -270,7 +270,7 @@ export const pickingInfo = () => { "update_time": null, "stor_code": null, "task_type": "PK20240909006", - "material_name": "测试物料", + "material_name": "测试物料33fdfdff测试物料33", "material_code": null, "material_spec": "test_zz", "assign_qty": 7, diff --git a/src/images/icon_1.png b/src/images/icon_1.png new file mode 100644 index 0000000000000000000000000000000000000000..916ed271616cf1bdf4b88210cd7044da4de671e9 GIT binary patch literal 4994 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 M07*qoM6N<$f^INFlmGw# literal 0 HcmV?d00001 diff --git a/src/images/icon_2.png b/src/images/icon_2.png new file mode 100644 index 0000000000000000000000000000000000000000..5dfcc32a145d70ab97641925c283f9ed0f53fbf1 GIT binary patch literal 4582 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 QhX4Qo07*qoM6N<$f{tn1ZU6uP literal 0 HcmV?d00001 diff --git a/src/pages/modules/index1.vue b/src/pages/modules/index1.vue index 0340a7a..93a9525 100644 --- a/src/pages/modules/index1.vue +++ b/src/pages/modules/index1.vue @@ -21,67 +21,76 @@

当前任务 - {{ itemData[0].task_code }}

-
+
-
库内料箱
-
{{ itemData[0].vehicle_code }}
+
库内料箱:
+
{{ itemData[0].vehicle_code }}
-
物料名称
-
{{ itemData[0].material_name }}
+
物料名称:
+
{{ itemData[0].material_name }}
-
规格
-
{{ itemData[0].material_spec }}
+
物料规格:
+
{{ itemData[0].material_spec }}
-
数量
-
{{ itemData[0].qty }}个
+
物料数量:
+
{{ itemData[0].qty }}个
-
需出数量
-
{{ itemData[0].assign_qty }}个
+
箱内剩余数量:
+
{{ itemData[0].remaining_qty }}个
-
单重
-
{{ itemData[0].single_weight }}g
+
拣选称重:
+
{{ itemData[0].actual_weight }}g
-
-
-
拣选称重
-
{{ itemData[0].actual_weight }}g
+
+
+
+
拣选数量
+
{{ itemData[0].assign_qty }}个
+
+
-
-
-
理论数量
-
{{ itemData[0].theory_qty }}个
-
-
-
-
-
箱内剩余
-
{{ itemData[0].remaining_qty }}个
+
+
+
+
理论数量
+
{{ itemData[0].theory_qty }}个
+
+
-
+
+
+
+
单重:
+ +
g
+
+
+
料箱{{ itemData[0].vehicle_code }}
{{itemData[0].assign_qty === itemData[0].theory_qty ? '拣选成功！' : '称重错误！'}}
+
@@ -98,38 +107,38 @@
-
料箱号
-
{{ itemData[1].vehicle_code }}
+
料箱号
+
{{ itemData[1].vehicle_code }}
-
物料名称
-
{{ itemData[1].material_name }}
+
物料名称
+
{{ itemData[1].material_name }}
-
规格
-
{{ itemData[1].material_spec }}
+
物料规格
+
{{ itemData[1].material_spec }}
-
数量
-
{{ itemData[1].qty }}个
+
物料数量
+
{{ itemData[1].qty }}个
-
需出数量
-
{{ itemData[1].assign_qty }}个
+
拣选数量
+
{{ itemData[1].assign_qty }}个
-
单重
-
{{ itemData[1].single_weight }}g
+
单重
+
{{ itemData[1].single_weight }}g
diff --git a/src/pages/modules/index1的副本.vue b/src/pages/modules/index1的副本.vue new file mode 100644 index 0000000..f2153e0 --- /dev/null +++ b/src/pages/modules/index1的副本.vue @@ -0,0 +1,207 @@ + + + + + diff --git a/src/pages/modules/style.stylus b/src/pages/modules/style.stylus index cbb1381..ee660bb 100644 --- a/src/pages/modules/style.stylus +++ b/src/pages/modules/style.stylus @@ -35,34 +35,72 @@ left 2% .content_wraper height calc(100% - 26px) - padding 0 2% + padding 13px 2% .item_wraper padding-right 3% .info_item - height 66px - padding 3px - border 1px solid #168abd - border-radius 4px - &:nth-child(3n+1), &:nth-child(3n+3) - width 30% + width 32% + height 50px + // padding 3px + border-left 2px solid #00fcff + // border-radius 4px &:nth-child(3n+2) - width 36% margin-left 2% margin-right 2% &:nth-child(4), &:nth-child(5), &:nth-child(6), &:nth-child(7), &:nth-child(8), &:nth-child(9) - margin-top 6px + margin-top 12px .info_item_i - border-radius 2px - box-shadow inset 0px 0px 5px 3px #1198bf + // border-radius 2px + box-shadow inset 3px 0px 3px 0px rgba(17, 152, 191, 70%) + padding 5px 10px + background linear-gradient(45deg, rgba(22, 138, 189, 1), transparent) +.info_item_1 + width 48.5% + height 84px + // padding 3px + border 1px solid #168abd + // border-radius 4px + margin-top 14px +.info_item_1_i + height 100% + box-shadow inset 0px 0px 1px 1px rgba(17, 152, 191, 70%) + padding 0 16px + background linear-gradient(to top, rgba(22, 138, 189, 1), transparent) +.item_label_1 + height 28px + font-size 18px + line-height 28px + color #f2a045 + font-style italic + // text-shadow: 0 0 1px #f6ba77, + // 0 0 1px #f6ba77, + // 0 0 1px #f6ba77, + // 0 0 1px #f6ba77; +.item_value_1 + display flex + align-items center + height calc(100% - 24px) + font-size 34px + line-height 32px + color #fefb2d + font-weight 700 + .item_unit + font-size 16px .item_label + width 85px font-size 13px line-height 13px - color #fff - text-align right + color #d2eff8 + text-align left + text-shadow: 0 0 1px #5bd0f5, + 0 0 1px #5bd0f5, + 0 0 1px #5bd0f5, + 0 0 1px #5bd0f5; .item_value - font-size 14px - line-height 14px - color #5bd0f5 + width calc(100% - 85px) + font-size 15px + line-height 15px + color #fff font-weight 700 text-align center .item_unit @@ -70,15 +108,32 @@ color #fff font-weight 400 padding-left 5px +.item_value_input + width calc(100% - 85px) + font-size 14px + line-height 30px + color #fff + font-weight 700 + background-color transparent + border-bottom 1px solid #fff + text-align center +.info_icon + width 70px + height 70px + background center / 100% auto url('../../images/icon_1.png') no-repeat +.info_icon_2 + background-image url('../../images/icon_2.png') +.info_item_2 + width 100% .tip_wraper - height 100% - padding 3% 2% 0 2% + height calc(100% - 50px) + padding-top 16px .tip_wraper_bg1 - background center 90% / 100% auto url('../../images/bg_tip.png') no-repeat + background center bottom / auto 76% url('../../images/bg_tip.png') no-repeat .tip_txt color #00c8ed .tip_wraper_bg2 - background center 90% / 100% auto url('../../images/bg_tip_1.png') no-repeat + background center bottom / auto 76% url('../../images/bg_tip_1.png') no-repeat .tip_txt color #9d5a00 .tip_txt diff --git a/src/style/reset.css b/src/style/reset.css index d874c52..e3f9e71 100644 --- a/src/style/reset.css +++ b/src/style/reset.css @@ -236,6 +236,10 @@ div, p { width: 4.16667% } +.height-100 { + height: 100%; +} + .pointer { cursor: pointer; }