diff --git a/src/assets/images/item_check.jpg b/src/assets/images/item_check.jpg new file mode 100644 index 0000000..449bb2f Binary files /dev/null and b/src/assets/images/item_check.jpg differ diff --git a/src/assets/images/item_check.png b/src/assets/images/item_check.png deleted file mode 100644 index 8da4b9d..0000000 Binary files a/src/assets/images/item_check.png and /dev/null differ diff --git a/src/assets/images/item_checkc.jpg b/src/assets/images/item_checkc.jpg new file mode 100644 index 0000000..4e14c23 Binary files /dev/null and b/src/assets/images/item_checkc.jpg differ diff --git a/src/assets/images/item_checkc.png b/src/assets/images/item_checkc.png deleted file mode 100644 index af153a5..0000000 Binary files a/src/assets/images/item_checkc.png and /dev/null differ diff --git a/src/assets/images/item_code.jpg b/src/assets/images/item_code.jpg new file mode 100644 index 0000000..4f2b720 Binary files /dev/null and b/src/assets/images/item_code.jpg differ diff --git a/src/assets/images/item_code.png b/src/assets/images/item_code.png deleted file mode 100644 index 44e3611..0000000 Binary files a/src/assets/images/item_code.png and /dev/null differ diff --git a/src/assets/images/item_complain.jpg b/src/assets/images/item_complain.jpg new file mode 100644 index 0000000..08b0db3 Binary files /dev/null and b/src/assets/images/item_complain.jpg differ diff --git a/src/assets/images/item_complain.png b/src/assets/images/item_complain.png deleted file mode 100644 index c79994e..0000000 Binary files a/src/assets/images/item_complain.png and /dev/null differ diff --git a/src/assets/images/item_count.jpg b/src/assets/images/item_count.jpg new file mode 100644 index 0000000..f065dd6 Binary files /dev/null and b/src/assets/images/item_count.jpg differ diff --git a/src/assets/images/item_count.png b/src/assets/images/item_count.png deleted file mode 100644 index a42cc35..0000000 Binary files a/src/assets/images/item_count.png and /dev/null differ diff --git a/src/assets/images/item_scan.jpg b/src/assets/images/item_scan.jpg new file mode 100644 index 0000000..f6d7f01 Binary files /dev/null and b/src/assets/images/item_scan.jpg differ diff --git a/src/assets/images/item_scan.png b/src/assets/images/item_scan.png deleted file mode 100644 index 8f3b1d9..0000000 Binary files a/src/assets/images/item_scan.png and /dev/null differ diff --git a/src/views/Home.vue b/src/views/Home.vue index 65d8055..dea9a8c 100644 --- a/src/views/Home.vue +++ b/src/views/Home.vue @@ -230,8 +230,8 @@ .warp_body { position: relative; - background: url("../assets/images/bg_c.jpg"); - background-size: cover; + background: #c6e6ff url("../assets/images/bg_c.jpg") no-repeat top; + background-size: 100% auto; overflow-x: hidden; .carousel_box { @@ -243,68 +243,150 @@ } - .boutique_box { + .boutique_box { + position: absolute; + width: 100%; + bottom: 1%; + + .boutique_body { + padding: 0px 0px 10px 0px; + display: flex; + justify-content: center; + } + + .box-qr-code { + position: relative; + margin: 2% 0; + width: 90%; + height: 3.66667rem; + text-align: right; + border-radius: 10px; + + .box-qr-code-text { position: absolute; - width: 100%; - bottom: 1%; + z-index: 10; + top: 10%; + right: 0.35rem; + display: block; + font-size: 0.5rem; + } + } + .box-qr-code::before { + content: ""; + position: absolute; + top: -5px; + left: -5px; + z-index: 0; + width: calc(100% + 4px); + height: calc(100% + 4px); + background-color: #fff; + border: 5px solid rgba(255,255,255,0.5); + border-radius: 10px; + } - .boutique_body { - padding: 0px 0px 10px 0px; - display: flex; - justify-content: center; - } - ; - - .box-qr-code { - width: 90%; - text-align: right; - height: 3.66667rem; - background-color: #ff976a; - border-radius: 10px; - background: url("../assets/images/item_code.png"); - background-size: cover; - - .box-qr-code-text { - margin: 0.35rem 0.5rem 0 0; - display: block; - font-size: 17px - } - } + .box-qr-code::after { + content: ""; + position: absolute; + top: 0; + left: 0; + z-index: 1; + width: 100%; + height: 100%; + border-radius: 10px; + background: #fff url("../assets/images/item_code.jpg") no-repeat left; + background-size: auto 100%; + border: 1px solid #8db4ff; + } - .box-info { - width: 52%; - text-align: right; - height: 3.66667rem; - background-color: #ff976a; - border-radius: 10px; - background: url("../assets/images/item_check.png"); - background-size: cover; - - .box-info-text { - margin: 0.35rem 0.5rem 0 0; - display: block; - font-size: 17px - } - } + .box-info { + position: relative; + margin-right: 2%; + width: 50%; + height: 3.66667rem; + text-align: right; + border-radius: 10px; - .box-complaint { - width: 36%; - text-align: right; - height: 3.66667rem; - background-color: #ff976a; - border-radius: 10px; - margin-left: 2%; - background: url("../assets/images/item_complain.png"); - background-size: cover; - - .box-complaint-text { - margin: 0.35rem 0.5rem 0 0; - display: block; - font-size: 17px - } - } + .box-info-text { + position: absolute; + z-index: 10; + top: 10%; + right: 0.35rem; + display: block; + font-size: 0.5rem; + } + } + .box-info::before { + content: ""; + position: absolute; + top: -5px; + left: -5px; + z-index: 0; + width: calc(100% + 4px); + height: calc(100% + 4px); + background-color: #fff; + border: 5px solid rgba(255,255,255,0.5); + border-radius: 10px; + } + + .box-info::after { + content: ""; + position: absolute; + top: 0; + left: 0; + z-index: 1; + width: 100%; + height: 100%; + border-radius: 10px; + background: #fff url("../assets/images/item_checkc.jpg") no-repeat left; + background-size: auto 100%; + border: 1px solid #8db4ff; } + .box-complaint { + position: relative; + margin-left: 3%; + width: 35%; + height: 3.66667rem; + text-align: right; + border-radius: 10px; + + .box-complaint-text { + position: absolute; + z-index: 10; + top: 10%; + right: 0.35rem; + display: block; + font-size: 0.5rem; + } + } + } + .box-complaint::before { + content: ""; + position: absolute; + top: -5px; + left: -5px; + z-index: 0; + width: calc(100% + 4px); + height: calc(100% + 4px); + background-color: #fff; + border: 5px solid rgba(255,255,255,0.5); + border-radius: 10px; + } + + .box-complaint::after { + content: ""; + position: absolute; + top: 0; + left: 0; + z-index: 1; + width: 100%; + height: 100%; + border-radius: 10px; + background: #fff url("../assets/images/item_complain.jpg") no-repeat left; + background-size: auto 100%; + border: 1px solid #8db4ff; + } + .recommend_box { .recommend_body { width: 100%; diff --git a/src/views/administrative/appointmentList.vue b/src/views/administrative/appointmentList.vue index 7f93fd8..c560f6e 100644 --- a/src/views/administrative/appointmentList.vue +++ b/src/views/administrative/appointmentList.vue @@ -432,12 +432,12 @@ .search-button { width: 15%; - height: 80%; + height: 90%; } .search-button.active { - background-color: #e9f2fb; - color: #1367fe; + background-color: #1367fe; + color: #fff; } } diff --git a/src/views/enforce/earlyWarning.vue b/src/views/enforce/earlyWarning.vue index 26ea44b..f0bd61f 100644 --- a/src/views/enforce/earlyWarning.vue +++ b/src/views/enforce/earlyWarning.vue @@ -355,12 +355,12 @@ .search-button { width: 15%; - height: 80%; + height: 90%; } .search-button.active { - background-color: #e9f2fb; - color: #1367fe; + background-color: #1367fe; + color: #fff; } } diff --git a/src/views/enforce/enforceNotice.vue b/src/views/enforce/enforceNotice.vue index 2193c57..d99ae3d 100644 --- a/src/views/enforce/enforceNotice.vue +++ b/src/views/enforce/enforceNotice.vue @@ -259,9 +259,12 @@ const toPdfView = (url) =>{ } .shop-center { - flex: 1; - overflow-y: scroll; - position: relative; + display: flex; + position: relative; + margin: 2% 0; + height: 100%; + background: #fff; + overflow-y: scroll; .goods_box { display: flex; @@ -347,6 +350,8 @@ const toPdfView = (url) =>{ } .noticebox { + position: absolute; + top: 0; width: 100%; height: 100%; background-color: #fff; diff --git a/src/views/enforce/enforcementPlan.vue b/src/views/enforce/enforcementPlan.vue index c774ae4..eee6acf 100644 --- a/src/views/enforce/enforcementPlan.vue +++ b/src/views/enforce/enforcementPlan.vue @@ -384,12 +384,12 @@ .search-button { width: 15%; - height: 80%; + height: 90%; } .search-button.active { - background-color: #e9f2fb; - color: #1367fe; + background-color: #1367fe; + color: #fff; } } diff --git a/src/views/enforce/enterpriseBaseInfo.vue b/src/views/enforce/enterpriseBaseInfo.vue index 6479faf..e6bee24 100644 --- a/src/views/enforce/enterpriseBaseInfo.vue +++ b/src/views/enforce/enterpriseBaseInfo.vue @@ -461,6 +461,7 @@ width: 100%; padding: 10px 0px; flex-direction: column; + border-bottom: 1px solid #f3f4f5; .card_body { background-color: #fff; @@ -485,7 +486,14 @@ } .search-button-list { - margin-top: -2%; + margin-top: 1%; + } + + .goods_box .swipe_cell .card_box .card_box_span:nth-last-child(-n+2) { + height: 0.65rem; + } + .goods_box .swipe_cell .card_box .card_box_span:nth-last-child(-n+2) p { + color: #999; } /deep/ .van-button { diff --git a/src/views/enforce/historyCheck.vue b/src/views/enforce/historyCheck.vue index ff686ca..196e14b 100644 --- a/src/views/enforce/historyCheck.vue +++ b/src/views/enforce/historyCheck.vue @@ -413,12 +413,12 @@ .search-button { width: 15%; - height: 80%; + height: 90%; } .search-button.active { - background-color: #e9f2fb; - color: #1367fe; + background-color: #1367fe; + color: #fff; } } diff --git a/src/views/enforce/noScan.vue b/src/views/enforce/noScan.vue index 3066f5c..0fdaf85 100644 --- a/src/views/enforce/noScan.vue +++ b/src/views/enforce/noScan.vue @@ -12,23 +12,24 @@
-
+
-
- -
+
{{item.enterpriseName}}
统一社会信用代码:{{item.enterpriseNumber}}
-
{{item.enterpriseAddress}}
-
法定代表人:{{item.legalPerson}}证件号:{{item.idNumbe}} +
+ 法定代表人:{{item.legalPerson}}证件号:{{item.idNumbe}}
- 企业联系人:{{item.enterprise}}联系电话:{{item.enterpriseTel}}
+ 企业联系人:{{item.enterprise}}联系电话:{{item.enterpriseTel}} +
+
{{item.enterpriseAddress}}
+
@@ -142,11 +143,19 @@ } .subsearch { - width: 100%; + display: flex; + align-items: center; + justify-content: space-between; + margin: 3% 0; + width: 96%; height: 1.25rem; font-size: 0.38rem; } - + .subsearch .btn-search { + margin: 0; + width: 20%; + height: 0.88rem; + } .searchbox { margin: 2% 3%; padding: 0.15rem 0.3rem 0.1rem 1.15rem; @@ -194,10 +203,12 @@ margin: 2% 0 2% -4.5%; padding: 1% 15% 1% 4%; width: auto; - background-color: #d0e5ff; + /*background-color: #d0e5ff; + border-radius: 0 0.75rem 0.75rem 0;*/ + background: linear-gradient(to right, #cce5ff, #dfedfb 30%, transparent 70%); color: #077bf7; font-size: 0.4rem; - border-radius: 0 0.75rem 0.75rem 0; + line-height: 1.5; } .case-info { @@ -279,7 +290,7 @@ } .btn-search { display: inline-block; - margin: 0 7%; + margin: 3% 7%; padding: 0; width: 70%; color: #fff; @@ -288,8 +299,7 @@ background: #1367fe; border: 0.02667rem solid #1367fe; text-align: center; - height: 63%; - margin-top: 6%; + height: 90%; } .btn-reset { diff --git a/src/views/enforceHome.vue b/src/views/enforceHome.vue index 7a34c76..5fc163b 100644 --- a/src/views/enforceHome.vue +++ b/src/views/enforceHome.vue @@ -191,8 +191,8 @@ .warp_body { position: relative; - background: url("../assets/images/bg_el.jpg"); - background-size: cover; + background: #c6e6ff url("../assets/images/bg_el.jpg") no-repeat top; + background-size: 100% auto; overflow-x: hidden; .carousel_box { @@ -214,57 +214,139 @@ display: flex; justify-content: center; } - ; .box-qr-code { + position: relative; + margin: 2% 0; width: 90%; - text-align: right; height: 3.66667rem; - background-color: #ff976a; + text-align: right; border-radius: 10px; - background: url("../assets/images/item_scan.png"); - background-size: cover; .box-qr-code-text { - margin: 0.35rem 0.5rem 0 0; - display: block; - font-size: 17px + position: absolute; + z-index: 10; + top: 10%; + right: 0.35rem; + display: block; + font-size: 0.5rem; } } + .box-qr-code::before { + content: ""; + position: absolute; + top: -5px; + left: -5px; + z-index: 0; + width: calc(100% + 4px); + height: calc(100% + 4px); + background-color: #fff; + border: 5px solid rgba(255,255,255,0.5); + border-radius: 10px; + } + + .box-qr-code::after { + content: ""; + position: absolute; + top: 0; + left: 0; + z-index: 1; + width: 100%; + height: 100%; + border-radius: 10px; + background: #fff url("../assets/images/item_scan.jpg") no-repeat left; + background-size: auto 100%; + border: 1px solid #8db4ff; + } .box-info { - width: 52%; - text-align: right; + position: relative; + margin-right: 2%; + width: 50%; height: 3.66667rem; - background-color: #ff976a; + text-align: right; border-radius: 10px; - background: url("../assets/images/item_checkc.png"); - background-size: cover; .box-info-text { - margin: 0.35rem 0.5rem 0 0; - display: block; - font-size: 17px + position: absolute; + z-index: 10; + top: 10%; + right: 0.35rem; + display: block; + font-size: 0.5rem; } } + .box-info::before { + content: ""; + position: absolute; + top: -5px; + left: -5px; + z-index: 0; + width: calc(100% + 4px); + height: calc(100% + 4px); + background-color: #fff; + border: 5px solid rgba(255,255,255,0.5); + border-radius: 10px; + } + + .box-info::after { + content: ""; + position: absolute; + top: 0; + left: 0; + z-index: 1; + width: 100%; + height: 100%; + border-radius: 10px; + background: #fff url("../assets/images/item_check.jpg") no-repeat left; + background-size: auto 100%; + border: 1px solid #8db4ff; + } .box-complaint { - width: 36%; - text-align: right; + position: relative; + margin-left: 3%; + width: 35%; height: 3.66667rem; - background-color: #ff976a; + text-align: right; border-radius: 10px; - margin-left: 2%; - background: url("../assets/images/item_count.png"); - background-size: cover; .box-complaint-text { - margin: 0.35rem 0.5rem 0 0; - display: block; - font-size: 17px + position: absolute; + z-index: 10; + top: 10%; + right: 0.35rem; + display: block; + font-size: 0.5rem; } } } + .box-complaint::before { + content: ""; + position: absolute; + top: -5px; + left: -5px; + z-index: 0; + width: calc(100% + 4px); + height: calc(100% + 4px); + background-color: #fff; + border: 5px solid rgba(255,255,255,0.5); + border-radius: 10px; + } + + .box-complaint::after { + content: ""; + position: absolute; + top: 0; + left: 0; + z-index: 1; + width: 100%; + height: 100%; + border-radius: 10px; + background: #fff url("../assets/images/item_count.jpg") no-repeat left; + background-size: auto 100%; + border: 1px solid #8db4ff; + } .recommend_box { .recommend_body { diff --git a/src/views/enterprise/enterpriseInspectionList.vue b/src/views/enterprise/enterpriseInspectionList.vue index 79b4130..66c994b 100644 --- a/src/views/enterprise/enterpriseInspectionList.vue +++ b/src/views/enterprise/enterpriseInspectionList.vue @@ -414,12 +414,12 @@ .search-button { width: 15%; - height: 80%; + height: 90%; } .search-button.active { - background-color: #e9f2fb; - color: #1367fe; + background-color: #1367fe; + color: #fff; } } diff --git a/src/views/enterprise/qrCode.vue b/src/views/enterprise/qrCode.vue index 0a6ede3..5fad33f 100644 --- a/src/views/enterprise/qrCode.vue +++ b/src/views/enterprise/qrCode.vue @@ -26,8 +26,8 @@ 扫一扫上面的二维码,获取企业执法信息
- - + +
diff --git a/src/views/enterprise/registrationList.vue b/src/views/enterprise/registrationList.vue index 85f31ba..567a4da 100644 --- a/src/views/enterprise/registrationList.vue +++ b/src/views/enterprise/registrationList.vue @@ -67,9 +67,8 @@

执法时间:{{ item.createTime }} - 投诉 -

+

投诉
@@ -397,6 +396,7 @@ } .card_box_span { + position: relative; display: flex; align-items: center; margin: 2% 0; @@ -410,8 +410,7 @@ } .card_box_action { - position: absolute; - right: 4%; + } } } @@ -438,12 +437,12 @@ .search-button { width: 15%; - height: 80%; + height: 90%; } .search-button.active { - background-color: #e9f2fb; - color: #1367fe; + background-color:#1367fe; + color: #fff; } } @@ -471,8 +470,10 @@ } .trbtn { - top: -0.25rem; - height: 0.55rem; + position: absolute; + top: 0; + right: 4%; + height: 90%; } /deep/ .van-hairline--bottom {