diff --git a/src/hybrid/html/pointPutawayJob.html b/src/hybrid/html/pointPutawayJob.html index 156a7144..06c908fc 100644 --- a/src/hybrid/html/pointPutawayJob.html +++ b/src/hybrid/html/pointPutawayJob.html @@ -16,52 +16,112 @@ .box { font-size: 13px; /* padding: 10px; */ - /* border: 1px solid #dedede; */ - } - - - .left { - flex: 1; - border-bottom: 1px solid #b1b1b1; - } - .left-item { - display: flex; - border-top: 1px solid #b1b1b1; - border-left: 1px solid #b1b1b1; - border-right: 1px solid #b1b1b1; - /* min-height: 30px; - line-height: 30px; */ - div{ - padding: 10px 10px; - font-size: 16px; + border: 1px solid #dedede; + } + + .left { + border-top: 1px solid #b1b1b1; + border-left: 1px solid #b1b1b1; + flex: 1; + } + + .left-item { + display: flex; + } + + .label { + border-bottom: 1px solid #b1b1b1; + border-right: 1px solid #b1b1b1; + width: 60px; + padding: 0px 5px; + height: 30px; + line-height: 30px; + } + + .value { + border-bottom: 1px solid #b1b1b1; + border-right: 1px solid #b1b1b1; + padding: 0px 5px; + height: 30px; + flex: 1; + width: 0px; + display: flex; + align-items: center; + word-wrap: break-word; + } + + .right { + width: 200px; } - .label{ - width: 100px; - padding: 10px 10px; + + .image { + width: 100%; + height: 202px; + border-bottom: 1px solid #b1b1b1; + border-top: 1px solid #b1b1b1; border-right: 1px solid #b1b1b1; } - } - - - - .relative { - margin-bottom: 20rpx; - position: relative; - } - - .q { - position: absolute; - font-size: 15rem; - color: rgba(0, 0, 0, 0.1); - width: calc(100% - 100px); - right: 0px; - top: 0px; - text-align: center; - height: 100%; - display: flex; - align-items: center; - justify-content: center; - } + + .image img { + width: calc(100% - 4px); + height: calc(100% - 4px); + margin: 2px; + } + + .mb-kw { + border-bottom: 1px solid #dedede; + padding: 10px; + font-size: 15px; + + } + + .mb-kw div { + font-weight: bold; + font-size: 23px; + text-align: center; + } + + .mb-bo { + display: flex; + } + + .mb-bo .mb-left { + flex: 1 + } + + .mb-bo .mb-left .mb-text { + padding: 10px; + } + + .mb-bo .mb-left .mb-text:nth-child(1) { + border-bottom: 1px solid #dedede; + } + + .mb-bo .mb-left .mb-text div { + font-weight: bold; + font-size: 16px; + text-align: center; + } + + .mb-bo .mb-right { + padding: 10px; + width: 230px; + border-left: 1px solid #dedede; + display: flex; + align-items: center; + } + + .mb-bo .mb-right .mb-text { + + width: 100%; + } + + .mb-bo .mb-right .mb-text div { + font-weight: bold; + font-size: 20px; + text-align: center; + width: 100%; + }
diff --git a/src/hybrid/html/purchaseReceiptJob.html b/src/hybrid/html/purchaseReceiptJob.html index 9352a1fc..8238cb76 100644 --- a/src/hybrid/html/purchaseReceiptJob.html +++ b/src/hybrid/html/purchaseReceiptJob.html @@ -1,4 +1,3 @@ - @@ -17,59 +16,49 @@ .box { font-size: 13px; /* padding: 10px; */ - } - - .mb-kw { - border-top: 1px solid #dedede; - border-left: 1px solid #dedede; - border-right: 1px solid #dedede; - font-size: 15px; - display: flex; - align-items: center - } - - .top1 th { - font-weight: bold; - font-size: 13px; - padding: 10px; - text-align: left; + /* border: 1px solid #dedede; */ } - table { - border-collapse: collapse; - border: 1px solid #dedede; - /* 设置表格的边框 */ - width: 100% - } - th{ - font-weight: bold; - font-size: 13px; - padding: 10px; - } - td{ - padding: 10px; - - } - td:nth-child(2n){ - width:calc(50% - 100px); - } - td:nth-child(2n+1){ - width:80px; - } - .relative{ - margin-bottom: 10px; - position: relative; - } - - .q{ - position: absolute; - left: 50%; - top:50%; - font-size: 160px; - transform: translate(-50% ,-50%); - color: rgba(0, 0, 0, 0.1); - } + .left { + flex: 1; + border-bottom: 1px solid #b1b1b1; + } + .left-item { + display: flex; + border-top: 1px solid #b1b1b1; + border-left: 1px solid #b1b1b1; + border-right: 1px solid #b1b1b1; + } + + .left-item div{ + padding: 10px 10px; + font-size: 16px; + } + .left-item .label{ + width: 100px; + padding: 10px 10px; + border-right: 1px solid #b1b1b1; + } + + .relative { + margin-bottom: 10px; + position: relative; + } + + .q { + position: absolute; + font-size: 15rem; + color: rgba(0, 0, 0, 0.1); + width: calc(100% - 100px); + right: 0px; + top: 0px; + text-align: center; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + } diff --git a/src/pages/pointPutawayJob/index.vue b/src/pages/pointPutawayJob/index.vue index 252558db..fcc3fb55 100644 --- a/src/pages/pointPutawayJob/index.vue +++ b/src/pages/pointPutawayJob/index.vue @@ -42,11 +42,11 @@