From 731444ae9a2adcd5ed93623528667e31c3592536 Mon Sep 17 00:00:00 2001 From: shijingjing <1789544664@qq.com> Date: Wed, 25 May 2022 11:57:25 +0800 Subject: [PATCH] =?UTF-8?q?=E9=98=B2=E7=96=AB=E6=94=BF=E7=AD=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../conv/AppReturnHomeRegister/Detail.vue | 380 +++++++----------- .../AppReturnHomeRegister/policyDetail.vue | 36 +- 2 files changed, 182 insertions(+), 234 deletions(-) diff --git a/src/mods/conv/AppReturnHomeRegister/Detail.vue b/src/mods/conv/AppReturnHomeRegister/Detail.vue index c332ddf..dfac15e 100644 --- a/src/mods/conv/AppReturnHomeRegister/Detail.vue +++ b/src/mods/conv/AppReturnHomeRegister/Detail.vue @@ -4,7 +4,7 @@

张三

-
拨打电话
+
拨打电话
身份证号： @@ -26,7 +26,6 @@
-
@@ -43,168 +42,85 @@
-
-

基本信息

-
-
- + +
+
+

行程信息省外高风险地区

+ +
+
+ +
+
+ {{ info.startAreaName }} +
-
- {{ info.name }} -
-
-
-
- -
-
- {{ info.idNumber }} -
-
-
-
- -
-
- - {{ info.phone }} -
-
-
-
- -
-
- {{ - $dict.getLabel('epidemicMemberType', info.type) - }} -
-
-
-
-

行程信息

-
-
- -
-
- {{ $dict.getLabel('epidemicRecentTravel', info.travelType) }} -
-
-
-
- -
-
- {{ info.startTime && info.startTime.substr(0, info.startTime.length - 3) }} -
-
-
-
- -
-
- {{ info.startAreaName }} -
-
-
-
- -
-
- {{ info.startAddress }} -
-
-
-
- -
-
- {{ info.arriveTime && info.arriveTime.substr(0, info.arriveTime.length - 3) }} -
-
-
-
- -
-
- {{ info.arriveAreaName }} -
-
-
-
- -
-
- {{ info.arriveAddress }} -
-
-
-
- -
-
- {{ info.description }} -
-
-
-
-

核酸检测信息

-
-
- -
-
- {{ info.checkTime.split(' ')[0] }} -
-
-
-
- -
-
- {{ - $dict.getLabel('epidemicRecentTestResult', info.checkResult) - }} -
-
-
-
- -
-
- -
-
-
-
-

健康状况

-
-
- -
-
- {{ info.temperature }}℃ -
-
-
-
- -
-
- {{ - $dict.getLabel('epidemicTouchInFourteen', info.touchInFourteen) - }} -
-
-
-
- -
-
- {{ info.healthName }} + +
+
+ +
+
+ {{ $dict.getLabel('epidemicRecentTravel', info.travelType) }} +
+
+ +
+
+ +
+
+ {{ $dict.getLabel('epidemicRecentTravel', info.travelType) }} +
+
+ +
+
+ +
+
+ {{ info.startAddress }} +
+
+ +
+
+ +
+
+ {{ info.startAddress }} +
+
+ +
+
+ +
+
+ {{ info.startAddress }} +
+
+ +
+
+ +
+
+ {{ info.startTime && info.startTime.substr(0, info.startTime.length - 3) }} +
+
+ + +
+
+ +
+
+ {{ info.arriveTime && info.arriveTime.substr(0, info.arriveTime.length - 3) }} +
+
@@ -281,8 +197,9 @@ export default { .detail-header { padding: 32px; - height: 860px; + height: 680px; background: linear-gradient(135deg, #6496FF 0%, #4F75FF 100%); + position: relative; .user { width: 100%; @@ -328,8 +245,7 @@ export default { width: 100%; height: 40px; line-height: 40px; - background: #000000; - opacity: 0.8; + background: rgb(27, 27, 27, 0.85); color: #fff; font-size: 22px; text-align: center; @@ -349,13 +265,6 @@ export default { border-radius: 16px; padding: 32px; box-sizing: border-box; - // h2 { - // margin-bottom: 32px; - // color: #fff; - // font-size: 40px; - // font-weight: 600; - // } - .item-info { .item-info__item { display: flex; @@ -382,77 +291,86 @@ export default { } - .detail-info { - margin-top: 24px; - padding: 0 32px; - background: #fff; + .info { + position: absolute; + top: 657px; + left: 50%; + width: 100%; + transform: translate(-50%, 1%); + + .detail-info { + margin-top: 24px; + padding: 0 32px; + background: #fff; + border-radius: 16px 16px 0 0; - & > h2 { - height: 116px; - line-height: 116px; - font-size: 38px; - font-weight: 600; - color: #333; - } - - .detail-info__item { - display: flex; - justify-content: space-between; - padding: 34px 0; - border-bottom: 1px solid #DDDDDD; - - &:last-child { - border: none; + & > h2 { + height: 116px; + line-height: 116px; + font-size: 38px; + font-weight: 600; + color: #333; + span { + float: right; + font-size: 28px; + color: #FF4466; + font-weight: normal; + } } - .left { + .detail-info__item { display: flex; - line-height: 1.3; - max-width: 360px; + justify-content: space-between; + padding: 34px 0; + border-bottom: 1px solid #DDDDDD; - label { - position: relative; + &:last-child { + border: none; + } + + .left { + display: flex; + line-height: 1.3; + max-width: 360px; + + label { + position: relative; + color: #999999; + font-size: 32px; + } + } + + .right { + display: flex; + max-width: 450px; + + span { + color: #333333; + font-size: 32px; + text-align: right; + } + + image { + width: 40px; + height: 40px; + } + } + } + + .detail-info__item_wrap { + display: block; + border-bottom: 1px solid #DDDDDD; + padding: 34px 0; + .left { color: #999999; font-size: 32px; } - } - - .right { - display: flex; - max-width: 450px; - - span { - color: #333333; - font-size: 32px; - text-align: right; - } - - image { - width: 40px; - height: 40px; - } - } - } - - .detail-info__item--img { - display: block; - - .right { - flex-wrap: wrap; - max-width: 100%; - margin-top: 34px; - - image { - width: 226px; - height: 226px; - margin: 0 9px 9px 0; - - &:nth-of-type(3n) { - margin-right: 0; - } + .right { + margin-top: 20px; } } } } + } diff --git a/src/mods/conv/AppReturnHomeRegister/policyDetail.vue b/src/mods/conv/AppReturnHomeRegister/policyDetail.vue index b5810e7..8ecd25f 100644 --- a/src/mods/conv/AppReturnHomeRegister/policyDetail.vue +++ b/src/mods/conv/AppReturnHomeRegister/policyDetail.vue @@ -1,13 +1,43 @@ - \ No newline at end of file