样式bug修改

src/components/goods-card/index.vue

@@ -58,10 +58,10 @@
   <style lang="less">
   .goods_crad {
     .recommend_item {
-      border-radius: 10px;
+      border-radius: 0.27rem;
       max-width: 50%;
       .van-grid-item__content {
-        border-radius: 10px;
+        border-radius: 0.27rem;
       }
       .van-grid-item__content--surround::after {
         border-width: 0;
@@ -74,8 +74,8 @@
   </style>
   <style lang="less" scoped>
   .goods_crad {
-    padding-top: 10px;
-    padding-bottom: 10px;
+    padding: 0.26667rem;
+    padding-bottom: 0.27rem;
     .card_body {
       text-align: center;
     }

src/views/Home.vue

@@ -239,9 +239,9 @@
           overflow-y: auto;
 
             .carousel_box {
-                height: 150px;
+                height: 4rem;
                 width: 100%;
-                padding-bottom: 10px;
+                padding-bottom: 0.27rem;
 
             }
 
@@ -253,7 +253,7 @@
         bottom: 1%;
 
         .boutique_body {
-          padding: 0px 0px 10px 0px;
+          padding: 0 0 0.27rem 0;
           display: flex;
           justify-content: center;
         }
@@ -262,9 +262,9 @@
           position: relative;
           margin: 2% 0;
           width: 90%;
-          height: 3.66667rem;
+          height: 3.67rem;
           text-align: right;
-          border-radius: 10px;
+          border-radius: 0.27rem;
 
           .box-qr-code-text {
             position: absolute;
@@ -278,14 +278,14 @@
         .box-qr-code::before {
           content: "";
           position: absolute;
-          top: -5px;
-          left: -5px;
+          top: -0.14rem;
+          left: -0.14rem;
           z-index: 0;
-          width: calc(100% + 4px);
-          height: calc(100% + 4px);
+          width: calc(100% + 0.13rem);
+          height: calc(100% + 0.13rem);
           background-color: #fff;
-          border: 5px solid rgba(255,255,255,0.5);
-          border-radius: 10px;
+          border: 0.14rem solid rgba(255,255,255,0.5);
+          border-radius: 0.27rem;
         }
 
         .box-qr-code::after {
@@ -296,7 +296,7 @@
           z-index: 1;
           width: 100%;
           height: 100%;
-          border-radius: 10px;
+          border-radius: 0.27rem;
           background: #fff url("../assets/images/item_code.jpg") no-repeat left;
           background-size: auto 100%;
           border: 1px solid #8db4ff;
@@ -306,9 +306,9 @@
           position: relative;
           margin-right: 2%;
           width: 50%;
-          height: 3.66667rem;
+          height: 3.67rem;
           text-align: right;
-          border-radius: 10px;
+          border-radius: 0.27rem;
 
           .box-info-text {
             position: absolute;
@@ -322,14 +322,14 @@
         .box-info::before {
           content: "";
           position: absolute;
-          top: -5px;
-          left: -5px;
+          top: -0.14rem;
+          left: -0.14rem;
           z-index: 0;
-          width: calc(100% + 4px);
-          height: calc(100% + 4px);
+          width: calc(100% + 0.13rem);
+          height: calc(100% + 0.13rem);
           background-color: #fff;
-          border: 5px solid rgba(255,255,255,0.5);
-          border-radius: 10px;
+          border: 0.14rem solid rgba(255,255,255,0.5);
+          border-radius: 0.27rem;
         }
 
         .box-info::after {
@@ -340,7 +340,7 @@
           z-index: 1;
           width: 100%;
           height: 100%;
-          border-radius: 10px;
+          border-radius: 0.27rem;
           background: #fff url("../assets/images/item_checkc.jpg") no-repeat left;
           background-size: auto 100%;
           border: 1px solid #8db4ff;
@@ -350,9 +350,9 @@
           position: relative;
           margin-left: 3%;
           width: 35%;
-          height: 3.66667rem;
+          height: 3.67rem;
           text-align: right;
-          border-radius: 10px;
+          border-radius: 0.27rem;
 
           .box-complaint-text {
             position: absolute;
@@ -367,14 +367,14 @@
       .box-complaint::before {
         content: "";
         position: absolute;
-        top: -5px;
-        left: -5px;
+        top: -0.14rem;
+        left: -0.14rem;
         z-index: 0;
-        width: calc(100% + 4px);
-        height: calc(100% + 4px);
+        width: calc(100% + 0.13rem);
+        height: calc(100% + 0.13rem);
         background-color: #fff;
-        border: 5px solid rgba(255,255,255,0.5);
-        border-radius: 10px;
+        border: 0.14rem solid rgba(255,255,255,0.5);
+        border-radius: 0.27rem;
       }
 
       .box-complaint::after {
@@ -385,7 +385,7 @@
         z-index: 1;
         width: 100%;
         height: 100%;
-        border-radius: 10px;
+        border-radius: 0.27rem;
         background: #fff url("../assets/images/item_complain.jpg") no-repeat left;
         background-size: auto 100%;
         border: 1px solid #8db4ff;
@@ -415,4 +415,12 @@
         background-size: 100% auto;
       }
     }
+
+    @media screen and (min-width: 540px) {
+      .home .warp_body {
+        background: #c6e6ff url("../assets/images/bg_c.jpg") no-repeat top;
+        background-size: 100% auto;
+      }
+    }
+
 </style>

src/views/HomeWx.vue

@@ -239,9 +239,9 @@
             overflow-y: auto;
 
             .carousel_box {
-                height: 150px;
+                height: 4rem;
                 width: 100%;
-                padding-bottom: 10px;
+                padding-bottom: 0.27rem;
 
             }
 
@@ -253,7 +253,7 @@
             bottom: 1%;
 
             .boutique_body {
-                padding: 0px 0px 10px 0px;
+                padding: 0 0 0.27rem 0;
                 display: flex;
                 justify-content: center;
             }
@@ -262,9 +262,9 @@
             position: relative;
             margin: 2% 0;
             width: 90%;
-            height: 3.66667rem;
+            height: 3.67rem;
             text-align: right;
-            border-radius: 10px;
+            border-radius: 0.27rem;
 
             .box-qr-code-text {
               position: absolute;
@@ -278,14 +278,14 @@
           .box-qr-code::before {
             content: "";
             position: absolute;
-            top: -5px;
-            left: -5px;
+            top: -0.14rem;
+            left: -0.14rem;
             z-index: 0;
-            width: calc(100% + 4px);
-            height: calc(100% + 4px);
+            width: calc(100% + 0.13rem);
+            height: calc(100% + 0.13rem);
             background-color: #fff;
-            border: 5px solid rgba(255,255,255,0.5);
-            border-radius: 10px;
+            border: 0.14rem solid rgba(255,255,255,0.5);
+            border-radius: 0.27rem;
           }
 
           .box-qr-code::after {
@@ -296,7 +296,7 @@
             z-index: 1;
             width: 100%;
             height: 100%;
-            border-radius: 10px;
+            border-radius: 0.26667rem;
             background: #fff url("../assets/images/item_code.jpg") no-repeat left;
             background-size: auto 100%;
             border: 1px solid #8db4ff;
@@ -306,9 +306,9 @@
             position: relative;
             margin-right: 2%;
             width: 50%;
-            height: 3.66667rem;
+            height: 3.67rem;
             text-align: right;
-            border-radius: 10px;
+            border-radius: 0.27rem;
 
             .box-info-text {
               position: absolute;
@@ -322,14 +322,14 @@
           .box-info::before {
             content: "";
             position: absolute;
-            top: -5px;
-            left: -5px;
+            top: -0.14rem;
+            left: -0.14rem;
             z-index: 0;
-            width: calc(100% + 4px);
-            height: calc(100% + 4px);
+            width: calc(100% + 0.13rem);
+            height: calc(100% + 0.13rem);
             background-color: #fff;
-            border: 5px solid rgba(255,255,255,0.5);
-            border-radius: 10px;
+            border: 0.14rem solid rgba(255,255,255,0.5);
+            border-radius: 0.27rem;
           }
 
           .box-info::after {
@@ -340,7 +340,7 @@
             z-index: 1;
             width: 100%;
             height: 100%;
-            border-radius: 10px;
+            border-radius: 0.27rem;
             background: #fff url("../assets/images/item_checkc.jpg") no-repeat left;
             background-size: auto 100%;
             border: 1px solid #8db4ff;
@@ -350,9 +350,9 @@
             position: relative;
             margin-left: 3%;
             width: 35%;
-            height: 3.66667rem;
+            height: 3.67rem;
             text-align: right;
-            border-radius: 10px;
+            border-radius: 0.27rem;
 
             .box-complaint-text {
               position: absolute;
@@ -367,14 +367,14 @@
       .box-complaint::before {
         content: "";
         position: absolute;
-        top: -5px;
-        left: -5px;
+        top: -0.14rem;
+        left: -0.14rem;
         z-index: 0;
-        width: calc(100% + 4px);
-        height: calc(100% + 4px);
+        width: calc(100% + 0.13rem);
+        height: calc(100% + 0.13rem);
         background-color: #fff;
-        border: 5px solid rgba(255,255,255,0.5);
-        border-radius: 10px;
+        border: 0.14rem solid rgba(255,255,255,0.5);
+        border-radius: 0.27rem;
       }
 
       .box-complaint::after {
@@ -385,7 +385,7 @@
         z-index: 1;
         width: 100%;
         height: 100%;
-        border-radius: 10px;
+        border-radius: 0.27rem;
         background: #fff url("../assets/images/item_complain.jpg") no-repeat left;
         background-size: auto 100%;
         border: 1px solid #8db4ff;
@@ -408,10 +408,19 @@
         background: url("../assets/images/logo.png") no-repeat;
         background-size: 100% auto;
     }
+
     @media screen and (max-width: 380px) {
       .home .warp_body {
         background: #c6e6ff url("../assets/images/bg_c.jpg") no-repeat top;
         background-size: 100% auto;
       }
     }
+
+    @media screen and (min-width: 540px) {
+      .home .warp_body {
+        background: #c6e6ff url("../assets/images/bg_c.jpg") no-repeat top;
+        background-size: 100% auto;
+      }
+    }
+
 </style>

src/views/My.vue

@@ -29,7 +29,7 @@
         </van-row>
       </div>
 
-      <div style="margin: 10px">
+      <div style="margin: 0.27rem">
         <van-grid square>
           <van-grid-item
             v-for="(item, index) in data?.orderTab"
@@ -82,29 +82,29 @@ const setting = () => {
 	flex-direction: column;
 	height: 100%;
 	overflow: hidden;
-	background-color: #f4f4f4;
+	background-color: #ebf3fb;
   .user-info-box {
     position: relative;
-    margin: 10px;
-    padding: 10px 20px 10px 10px;
+    margin: 0.27rem;
+    padding: 0.27rem 0.54rem 0.27rem 0.27rem;
     background: #fff;
-    border-radius: 6px;
-    font-size: 14px;
+    border-radius: 0.14rem;
+    font-size: 0.38rem;
     color: #aaa;
     .right-box {
       display: flex;
       flex-direction: column;
       height: 100%;
       .name-text {
-        margin: auto auto auto 10px;
+        margin: auto auto auto 0.27rem;
       }
       .sign-text {
-        margin: auto auto auto 10px;
+        margin: auto auto auto 0.27rem;
       }
     }
     .mgt-icon {
       position: absolute;
-      right: 10px;
+      right: 0.27rem;
     }
   }
 }

src/views/Shop.vue

@@ -13,7 +13,7 @@
 						<div class="goods_box" v-for="(item, index) in data?.cartList" :key="index">
 							<van-swipe-cell class="swipe_cell">
 								<div class="card_box">
-									<van-checkbox style="margin-left: 10px" v-model="item.checked"
+									<van-checkbox style="margin-left: 0.27rem" v-model="item.checked"
 										@change="oneCheckbox(item)"></van-checkbox>
 									<van-card class="card_body" :min="1" :max="999" centered :desc="item?.desc"
 										:title="item?.name" :thumb="item?.img" @click.stop="goto($event, item)">
@@ -245,7 +245,7 @@ onDeactivated(() => {
 	background-color: #f4f4f4;
 
 	.header_body {
-		height: 50px;
+		height: 1.33rem;
 	}
 
 	.shop-center {
@@ -256,8 +256,8 @@ onDeactivated(() => {
 		.goods_box {
 			display: flex;
 			background-color: #fff;
-			margin: 10px;
-			border-radius: 10px;
+			margin: 0.27rem;
+			border-radius: 0.27rem;
 
 			.swipe_cell {
 				width: 100%;
@@ -269,7 +269,7 @@ onDeactivated(() => {
 
 				.card_body {
 					background-color: #fff;
-					border-radius: 10px;
+					border-radius: 0.27rem;
 					flex: 1;
 				}
 			}
@@ -277,11 +277,11 @@ onDeactivated(() => {
 	}
 
 	.shop_footer_body {
-		//height: 101px;
+		//height: 2.67rem;
 		position: relative;
 		.footer-one-btn {
-			height: 50px;
-			bottom: 51px;
+			height: 1.33rem;
+			bottom: 1.34rem;
 		}
 	}
 }

src/views/administrative/appointment.vue

@@ -452,17 +452,17 @@
         flex-direction: column;
         height: 100%;
         overflow: hidden;
-        background-color: #f4f4f4;
+        background-color: #ebf3fb;
     }
 
     .warp_body {
-      margin: 0;
+      margin: 0 3%;
       padding-bottom: 3rem;
-      width: 100%;
+      width: 94%;
       height: 100%;
       /*background-image: linear-gradient(to bottom, #ebf3fb, #fff);*/
       overflow-y: auto;
-      margin-top: 1%;
+      margin-top: 0.15rem;
     }
 
     /* vant4的 Toast 和 Popup 样式冲突,会导致 Toast 变成白底 */
@@ -488,8 +488,12 @@
         font-size: 0.4rem;
         border-radius: 1rem;
         background: #1367fe;
-        border: 0.02667rem solid #1367fe;
+        border: 1px solid #1367fe;
         text-align: center;
     }
 
+    /deep/ .van-action-bar {
+      box-shadow: 0 0 0.27rem #e5e5e5;
+    }
+
 </style>

src/views/administrative/appointmentEdit.vue

@@ -426,7 +426,7 @@
         flex-direction: column;
         height: 100%;
         overflow: hidden;
-        background-color: #f4f4f4;
+        background-color: #ebf3fb;
     }
     /* vant4的 Toast 和 Popup 样式冲突,会导致 Toast 变成白底 */
     .van-popup.van-toast{
@@ -450,8 +450,12 @@
         font-size: 0.4rem;
         border-radius: 1rem;
         background: #1367fe;
-        border: 0.02667rem solid #1367fe;
+        border: 1px solid #1367fe;
         text-align: center;
     }
 
+    /deep/ .van-action-bar {
+      box-shadow: 0 0 0.27rem #e5e5e5;
+    }
+
 </style>

src/views/administrative/appointmentList.vue

@@ -357,10 +357,10 @@
         display: flex;
         flex-direction: column;
         overflow: hidden;
-        background-color: #f4f4f4;
+        background-color: #ebf3fb;
 
         .header_body {
-            height: 50px;
+            height: 1.33rem;
         }
 
         .shop-center {
@@ -371,8 +371,8 @@
             .goods_box {
                 display: flex;
                 background-color: #fff;
-                margin: 10px;
-                border-radius: 10px;
+                margin: 0.27rem;
+                border-radius: 0.27rem;
 
                 .swipe_cell {
                     width: 100%;
@@ -381,12 +381,12 @@
                 .card_box {
                     display: flex;
                     width: 100%;
-                    padding: 10px 0px;
+                    padding: 0.27rem 0;
                     flex-direction: column;
 
                     .card_body {
                         background-color: #fff;
-                        border-radius: 10px;
+                        border-radius: 0.27rem;
                         flex: 1;
                     }
 
@@ -426,8 +426,8 @@
         height: 0.7rem;
         display: flex;
         flex-direction: row;
-        padding-left: 10px;
-        margin-top: 10px;
+        padding-left: 0.27rem;
+        margin-top: 0.27rem;
         align-items: end;
 
         .search-button {
@@ -450,13 +450,13 @@
         height: 0.65rem;
         display: flex;
         flex-direction: row;
-        padding-left: 10px;
-        margin-top: 10px;
+        padding-left: 0.27rem;
+        margin-top: 0.27rem;
         align-items: end;
         position: relative;
 
         .date-select {
-            font-size: 20px;
+            font-size: 0.52rem;
             margin-left: 2%;
             i {
               transform: rotate(90deg);
@@ -509,7 +509,7 @@
       width: 10%;
       height: 0.9rem;
       background: #1367fe;
-      border: 0.02667rem solid #1367fe;
+      border: 1px solid #1367fe;
       border-radius: 0 0.15rem 0.15rem 0;
       color: #fff;
       text-align: center;

src/views/administrative/userFilter.vue

@@ -8,13 +8,10 @@
     <!-- 弹窗的内容 -->
     <div class="popup-content">
         <div class="subsearch">
-        <input class="searchbox" v-model="searchParam.userName" placeholder="请输入用户名/执法证件号搜索" />
-        </div>
-        <div class="btnbox">
-          <button class='btn-reset' @click="cancel()">重置</button>
+          <input class="searchbox" v-model="searchParam.userName" placeholder="请输入用户名/执法证件号搜索" />
+          <van-icon class="ibtn-reset" name="clear" @click="cancel()" title="重置" />
           <button class='btn-search' @click="queryList()">搜索</button>
-        </div>
-
+       </div>
         <div class="search-result">
           <div class="case-item" v-for="(item, index) in dataList" :key="index" @click="selectData(item)">
             <div class="case-title">姓名：{{ item.userName }}</div>
@@ -94,7 +91,7 @@ export default {
   height: 1rem;
   border-bottom: 1px solid #f3f4f5;
   text-align: center;
-  font-size: 0.42rem;
+  font-size: 0.45rem;
   font-weight: 600;
 }
 
@@ -138,21 +135,40 @@ export default {
 }
 
 .subsearch {
-  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin: 3%;
+  width: 94%;
   height: 1.25rem;
+  font-size: 0.38rem;
+}
+
+.subsearch .ibtn-reset {
+  margin: 0 0.5rem 0 -1rem;
+  width: 1rem;
+  color: #afabab;
+  font-size: 0.5rem;
+}
+
+.subsearch .btn-search {
+  margin: 0 0 0 -0.5rem;
+  width: 20%;
+  height: 1rem;
+  border-radius: 0 0.15rem 0.15rem 0;
 }
 
 .searchbox {
-  margin: 2% 3%;
-  padding: 0.15rem 0.3rem 0.1rem 1.15rem;
-  width: 94%;
-  height: 1.0rem;
+  margin: 2% 0;
+  padding: 0.1rem 1.2rem 0.1rem 0.9rem;
+  width: 100%;
+  height: 1rem;
   background: #f6f7fe url(../../assets/images/icon_sou.png) no-repeat;
-  background-position: left 0.5rem center;
+  background-position: left 0.25rem center;
   background-size: auto 50%;
   box-sizing: border-box;
-  border: 1px solid rgba(0,0,0,.05);
-  border-radius: 0.5rem;
+  border: 1px solid rgba(0, 0, 0, .1);
+  border-radius: 0.15rem 0 0 0.15rem;
   color: #999999;
   outline: none;
 }

src/views/common/analyse.vue

@@ -466,7 +466,7 @@
 
     .warp_body {
         background-image: linear-gradient(to bottom, #ebf3fb, transparent);
-        margin-top: 1%;
+        margin-top: 0.15rem;
     }
 
     .countbox, .analybox {

src/views/common/setting.vue

@@ -53,31 +53,31 @@ onMounted(() => {});
 	flex-direction: column;
 	height: 100%;
 	overflow: hidden;
-	background-color: #f4f4f4;
+	background-color: #ebf3fb;
 	.warp_body {
 		.user_info__box {
 			position: relative;
-			margin: 10px;
-			padding: 10px;
+			margin: 0.27rem;
+			padding: 0.27rem;
 			background: #fff;
-			border-radius: 6px;
-			font-size: 14px;
+			border-radius: 0.14rem;
+			font-size: 0.38rem;
 			color: #aaa;
 			.right_box {
 				display: flex;
 				flex-direction: column;
 				height: 100%;
 				.name_text {
-					margin: auto auto auto 10px;
+					margin: auto auto auto 0.27rem;
 				}
 				.sign_text {
-					margin: auto auto auto 10px;
+					margin: auto auto auto 0.27rem;
 				}
 			}
 			.addr_cell {
-				border-top: 1px solid #eee;
-				margin-top: 10px;
-				padding-bottom: 0px;
+				border-top: 0.01rem solid #eee;
+				margin-top: 0.27rem;
+				padding-bottom: 0;
 			}
 		}
 	}

src/views/enforce/assistUserFilter.vue

@@ -8,13 +8,10 @@
     <!-- 弹窗的内容 -->
     <div class="popup-content">
         <div class="subsearch">
-        <input class="searchbox" v-model="searchParam.userName" placeholder="请输入用户名/执法证件号搜索" />
-        </div>
-        <div class="btnbox">
-          <button class='btn-reset' @click="cancel()">重置</button>
+          <input class="searchbox" v-model="searchParam.userName" placeholder="请输入用户名/执法证件号搜索" />
+          <van-icon class="ibtn-reset" name="clear" @click="cancel()" title="重置" />
           <button class='btn-search' @click="queryList()">搜索</button>
         </div>
-
         <div class="search-result">
           <div class="case-item" v-for="(item, index) in dataList" :key="index" @click="selectData(item)">
             <div class="case-title">姓名：{{ item.userName }}</div>
@@ -101,7 +98,7 @@ export default {
   height: 1rem;
   border-bottom: 1px solid #f3f4f5;
   text-align: center;
-  font-size: 0.42rem;
+  font-size: 0.45rem;
   font-weight: 600;
 }
 
@@ -145,21 +142,40 @@ export default {
 }
 
 .subsearch {
-  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin: 3%;
+  width: 94%;
   height: 1.25rem;
+  font-size: 0.38rem;
+}
+
+.subsearch .ibtn-reset {
+  margin: 0 0.5rem 0 -1rem;
+  width: 1rem;
+  color: #afabab;
+  font-size: 0.5rem;
+}
+
+.subsearch .btn-search {
+  margin: 0 0 0 -0.5rem;
+  width: 20%;
+  height: 1rem;
+  border-radius: 0 0.15rem 0.15rem 0;
 }
 
 .searchbox {
-  margin: 2% 3%;
-  padding: 0.15rem 0.3rem 0.1rem 1.15rem;
-  width: 94%;
-  height: 1.0rem;
+  margin: 2% 0;
+  padding: 0.1rem 1.2rem 0.1rem 0.9rem;
+  width: 100%;
+  height: 1rem;
   background: #f6f7fe url(../../assets/images/icon_sou.png) no-repeat;
-  background-position: left 0.5rem center;
+  background-position: left 0.25rem center;
   background-size: auto 50%;
   box-sizing: border-box;
-  border: 1px solid rgba(0,0,0,.05);
-  border-radius: 0.5rem;
+  border: 1px solid rgba(0, 0, 0, .1);
+  border-radius: 0.15rem 0 0 0.15rem;
   color: #999999;
   outline: none;
 }
@@ -180,7 +196,7 @@ export default {
   padding: 2% 3.75%;
   background: #f2f3f4;
   border: 0;
-  border-radius: 8px;
+  border-radius: 0.2rem;
   color: #4c4c4c;
 }
 
@@ -228,7 +244,7 @@ export default {
   padding: 2% 0;
   width: 96%;
   font-size: 0.35rem;
-  border-bottom: 1px solid #f4f4f4;
+  border-bottom: 0.01rem solid #f4f4f4;
   color: #999;
   line-height: 2;
 }

src/views/enforce/earlyWarning.vue

@@ -278,7 +278,7 @@
         display: flex;
         flex-direction: column;
         overflow: hidden;
-        background-color: #f4f4f4;
+        background-color: #ebf3fb;
 
         .header_body {
             height: 50px;
@@ -292,8 +292,8 @@
             .goods_box {
                 display: flex;
                 background-color: #fff;
-                margin: 10px;
-                border-radius: 10px;
+                margin: 0.27rem;
+                border-radius: 0.27rem;
 
                 .swipe_cell {
                     width: 100%;
@@ -302,12 +302,12 @@
                 .card_box {
                     display: flex;
                     width: 100%;
-                    padding: 10px 0px;
+                    padding: 0.27rem 0;
                     flex-direction: column;
 
                     .card_body {
                         background-color: #fff;
-                        border-radius: 10px;
+                        border-radius: 0.27rem;
                         flex: 1;
                     }
 
@@ -347,8 +347,8 @@
         height: 0.7rem;
         display: flex;
         flex-direction: row;
-        padding-left: 10px;
-        margin-top: 10px;
+        padding-left: 0.27rem;
+        margin-top: 0.27rem;
         align-items: end;
 
         .search-button {
@@ -371,13 +371,13 @@
         height: 0.65rem;
         display: flex;
         flex-direction: row;
-        padding-left: 10px;
-        margin-top: 10px;
+        padding-left: 0.27rem;
+        margin-top: 0.27rem;
         align-items: end;
         position: relative;
 
         .date-select {
-            font-size: 20px;
+            font-size: 0.52rem;
             margin-left: 2%;
             i {
               transform: rotate(90deg);
@@ -430,7 +430,7 @@
       width: 10%;
       height: 0.9rem;
       background: #1367fe;
-      border: 0.02667rem solid #1367fe;
+      border: 1px solid #1367fe;
       border-radius: 0 0.15rem 0.15rem 0;
       color: #fff;
       text-align: center;

src/views/enforce/enforceNotice.vue

@@ -252,10 +252,10 @@ const toPdfView = (url) =>{
 	display: flex;
 	flex-direction: column;
 	overflow: hidden;
-	background-color: #f4f4f4;
+	background-color: #ebf3fb;
 
 	.header_body {
-		height: 50px;
+		height: 1.33rem;
 	}
 
 	.shop-center {
@@ -269,8 +269,8 @@ const toPdfView = (url) =>{
 		.goods_box {
 			display: flex;
 			background-color: #fff;
-			margin: 10px;
-			border-radius: 10px;
+			margin: 0.27rem;
+			border-radius: 0.27rem;
 
 			.swipe_cell {
 				width: 100%;
@@ -279,11 +279,11 @@ const toPdfView = (url) =>{
 			.card_box {
 				display: flex;
 				width: 100%;
-        padding: 10px 0px;
+        padding: 0.27rem 0;
         flex-direction: column;
 				.card_body {
 					background-color: #fff;
-					border-radius: 10px;
+					border-radius: 0.27rem;
 					flex: 1;
 				}
         .card_box_span {
@@ -320,8 +320,8 @@ const toPdfView = (url) =>{
     height: 0.7rem;
     display: flex;
     flex-direction: row;
-    padding-left: 10px;
-    margin-top: 10px;
+    padding-left: 0.27rem;
+    margin-top: 0.27rem;
     align-items: end;
     .search-button{
         width: 15%;
@@ -336,12 +336,12 @@ const toPdfView = (url) =>{
     height: 3%;
     display: flex;
     flex-direction: row;
-    padding-left: 10px;
-    margin-top: 10px;
+    padding-left: 0.27rem;
+    margin-top: 0.27rem;
     align-items: end;
     position: relative;
     .date-select{
-      font-size: 20px;
+      font-size: 0.52rem;
       margin-left: 2%;
       i {
         transform: rotate(90deg);
@@ -433,7 +433,7 @@ const toPdfView = (url) =>{
   width: 10%;
   height: 0.9rem;
   background: #1367fe;
-  border: 0.02667rem solid #1367fe;
+  border: 1px solid #1367fe;
   border-radius: 0 0.15rem 0.15rem 0;
   color: #fff;
   text-align: center;

src/views/enforce/enforcementPlan.vue

@@ -309,10 +309,10 @@
         display: flex;
         flex-direction: column;
         overflow: hidden;
-        background-color: #f4f4f4;
+        background-color: #ebf3fb;
 
         .header_body {
-            height: 50px;
+            height: 1.33rem;
         }
 
         .shop-center {
@@ -323,8 +323,8 @@
             .goods_box {
                 display: flex;
                 background-color: #fff;
-                margin: 10px;
-                border-radius: 10px;
+                margin: 0.27rem;
+                border-radius: 0.27rem;
 
                 .swipe_cell {
                     width: 100%;
@@ -333,12 +333,12 @@
                 .card_box {
                     display: flex;
                     width: 100%;
-                    padding: 10px 0px;
+                    padding: 0.27rem 0;
                     flex-direction: column;
 
                     .card_body {
                         background-color: #fff;
-                        border-radius: 10px;
+                        border-radius: 0.27rem;
                         flex: 1;
                     }
 
@@ -378,8 +378,8 @@
         height: 0.7rem;
         display: flex;
         flex-direction: row;
-        padding-left: 10px;
-        margin-top: 10px;
+        padding-left: 0.27rem;
+        margin-top: 0.27rem;
         align-items: end;
 
         .search-button {
@@ -402,13 +402,13 @@
         height: 0.65rem;
         display: flex;
         flex-direction: row;
-        padding-left: 10px;
-        margin-top: 10px;
+        padding-left: 0.27rem;
+        margin-top: 0.27rem;
         align-items: end;
         position: relative;
 
         .date-select {
-            font-size: 20px;
+            font-size: 0.52rem;
             margin-left: 2%;
             i {
               transform: rotate(90deg);
@@ -436,7 +436,7 @@
       width: 10%;
       height: 0.9rem;
       background: #1367fe;
-      border: 0.02667rem solid #1367fe;
+      border: 1px solid #1367fe;
       border-radius: 0 0.15rem 0.15rem 0;
       color: #fff;
       text-align: center;

src/views/enforce/enforcementPlanAdd.vue

@@ -322,17 +322,17 @@
         flex-direction: column;
         height: 100%;
         overflow: hidden;
-        background-color: #f4f4f4;
+        background-color: #ebf3fb;
     }
 
     .warp_body {
-      margin: 0;
+      margin: 0 3%;
       padding-bottom: 3rem;
-      width: 100%;
-      height: 100%;
+      width: 94%;
+      height: 98%;
       /*background-image: linear-gradient(to bottom, #ebf3fb, #fff);*/
       overflow-y: auto;
-      margin-top: 1%;
+      margin-top: 0.15rem;
     }
 
     /* vant4的 Toast 和 Popup 样式冲突,会导致 Toast 变成白底 */
@@ -348,17 +348,17 @@
     //     font-size: var(--van-toast-icon-size) !important;
     // }
     .file-upload {
-        margin: 3%;
-        width: 94%;
-        height: 165px;
-        position: relative;
+      position: relative;
+      min-height: 4.2rem;
+      padding: 0.27rem 0.43rem;
+      box-sizing: border-box;
     }
 
     .file-upload-center {
         position: absolute;
         height: 20%;
         top: 10%;
-        left: 2%;
+        left: 0.43rem;
         font-size: 0.38rem;
 
         span {
@@ -370,7 +370,8 @@
     .file {
         position: absolute;
         bottom: 10%;
-        left: 2%;
+        left: 0.43rem;
+        width: calc(100% - 0.86rem);
     }
 
     .preview-cover {
@@ -378,9 +379,9 @@
         bottom: 0;
         box-sizing: border-box;
         width: 100%;
-        padding: 4px;
+        padding: 0.12rem;
         color: #fff;
-        font-size: 12px;
+        font-size: 0.32rem;
         text-align: center;
         background: rgba(0, 0, 0, 0.3);
     }
@@ -394,11 +395,15 @@
         font-size: 0.4rem;
         border-radius: 1rem;
         background: #1367fe;
-        border: 0.02667rem solid #1367fe;
+        border: 1px solid #1367fe;
         text-align: center;
     }
 
+    /deep/ .van-action-bar {
+      box-shadow: 0 0 0.27rem #e5e5e5;
+    }
+
     :root {
-        --van-dialog-width: 600px;
+        --van-dialog-width: 16rem;
     }
 </style>

src/views/enforce/enterpriseBaseInfo.vue

@@ -115,7 +115,7 @@
                             <div class="card_box">
                                 <!--									<div  style="background-color: aqua; border: 2px; height: .1px;" class="van-hairline&#45;&#45;bottom"></div>-->
                                 <div class="card_box_span">
-                                    <p style="font-size: 16px;font-weight: bold;">{{ item.c201002 }}</p>
+                                    <p>{{ item.c201002 }}</p>
                                 </div>
                                 <div class="card_box_span">
                                     <p v-if="item.c206010 == '01'"><span class="card_box_label">处罚类别：</span>予以处罚</p>
@@ -369,25 +369,16 @@
         //border-radius: 0.25rem;
         background-image: linear-gradient(to bottom, #ebf3fb, #fff);
         overflow-y: auto;
-        margin-top: 1%;
+        margin-top: 0.15rem;
     }
 
-    .qy-name {
-        font-size: 0.4rem;
-        margin: 0 4.25%;
-        height: 1.2rem;
-        line-height: 3.5;
-        font-weight: 600;
-        color: #000;
-        border-bottom: 2px solid #f3f4f5;
-    }
-
-    .zf-name {
-      /* height: 1.2rem; */
-      margin: 0 0 0.25rem 0;
-      font-size: .35rem;
+    .qy-name, .zf-name {
+      margin: 0 0.27rem;
+      font-size: 0.42rem;
+      height: 1.2rem;
+      background-color: white;
       font-weight: 600;
-      line-height: 1.25;
+      line-height: 3.5;
     }
 
     /* vant4的 Toast 和 Popup 样式冲突,会导致 Toast 变成白底 */
@@ -408,20 +399,22 @@
         margin: auto;
         width: 100%;
         height: 0.25rem;
-        background-color: #f4f4f4;
+        background-color: #ebf3fb;
         border: 0;
     }
 
     .file-upload {
-        min-height: 4.5rem;
-        position: relative;
+      position: relative;
+      min-height: 4.2rem;
+      padding: 0.27rem 0.43rem;
+      box-sizing: border-box;
     }
 
     .file-upload-center {
         position: absolute;
         height: 20%;
         top: 10%;
-        left: 2%;
+        left: 0.43rem;
         font-size: 0.35rem;
 
         span {
@@ -433,7 +426,8 @@
     .file {
         position: absolute;
         bottom: 10%;
-        left: 2%;
+        left: 0.43rem;
+        width: calc(100% - 0.86rem);
     }
 
     .preview-cover {
@@ -451,8 +445,8 @@
     .goods_box {
         display: flex;
         background-color: #fff;
-        margin: 10px;
-        border-radius: 10px;
+        margin: 0.27rem;
+        border-radius: 0.27rem;
 
         .swipe_cell {
             width: 100%;
@@ -461,13 +455,13 @@
         .card_box {
             display: flex;
             width: 100%;
-            padding: 10px 0px;
+            padding: 0.27rem 0;
             flex-direction: column;
             border-bottom: 1px solid #f3f4f5;
 
             .card_body {
                 background-color: #fff;
-                border-radius: 10px;
+                border-radius: 0.27rem;
                 flex: 1;
             }
 

src/views/enforce/enterpriseScanPreview.vue

@@ -180,11 +180,11 @@ const goBack = () => {
   }
 
   .white-body {
-    margin: 0 4%;
-    width: 92%;
-    height: 100%;
+    margin: 0 3%;
+    width: 94%;
+    height: 99%;
     background-color: #fff;
-    border-radius: 0.25rem;
+    border-radius: 0.27rem;
   }
 }
 
@@ -273,7 +273,7 @@ const goBack = () => {
   height: 1.5rem;
   background-color: #1367fe;
   border-radius: 50%;
-  box-shadow: 0 0 0.26667rem #1367fe;
+  box-shadow: 0 0 0.27rem #1367fe;
   color: #fff;
   font-size: 0.4rem;
   text-align: center;

src/views/enforce/enterpriseWarningInfo.vue

@@ -34,8 +34,8 @@
 										<p class="warn-time">{{ item.createTime }}
 										</p>
 									</div>
-<!--									 <van-divider :style="{ color: '#1989fa', borderColor: '#1989fa',padding: '0 5px' }" />-->
-                  <div  style="border-color: aqua; border: 2px;" class="van-hairline--bottom"></div>
+<!--									 <van-divider :style="{ color: '#1989fa', borderColor: '#1989fa',padding: '0 5px' }" />
+                  <div  style="border-color: aqua; border: 2px;" class="van-hairline--bottom"></div>-->
 									<div class="card_box_span">
 										<van-icon v-if="item.warningLevel==1" name="warning" color="red" />
 										<van-icon v-else-if="item.warningLevel==2" name="warning" color="#ed6a0c" />
@@ -261,10 +261,10 @@
 		display: flex;
 		flex-direction: column;
 		overflow: hidden;
-		background-color: #f4f4f4;
+		background-color: #ebf3fb;
 
 		.header_body {
-			height: 50px;
+			height: 1.33rem;
 		}
 
 		.shop-center {
@@ -275,8 +275,8 @@
 			.goods_box {
 				display: flex;
 				background-color: #fff;
-				margin: 10px;
-				border-radius: 10px;
+				margin: 0.27rem;
+				border-radius: 0.27rem;
 
 				.swipe_cell {
 					width: 100%;
@@ -285,11 +285,11 @@
 				.card_box {
 					display: flex;
 					width: 100%;
-					padding: 10px 0px;
+					padding: 0.27rem 0;
 					flex-direction: column;
 					.card_body {
 						background-color: #fff;
-						border-radius: 10px;
+						border-radius: 0.27rem;
 						flex: 1;
 					}
           .card_box_span {
@@ -313,11 +313,11 @@
 		}
 
 		.shop_footer_body {
-			//height: 101px;
+			//height: 2.67rem;
 			position: relative;
 			.footer-one-btn {
-				height: 50px;
-				bottom: 51px;
+				height: 1.33rem;
+				bottom: 1.34rem;
 			}
 		}
 	}
@@ -326,8 +326,8 @@
 		height: 0.7rem;
 		display: flex;
 		flex-direction: row;
-		padding-left: 10px;
-		margin-top: 10px;
+		padding-left: 0.27rem;
+		margin-top: 0.27rem;
 		align-items: end;
 		.search-button{
 			width: 15%;
@@ -342,12 +342,12 @@
 		height: 3%;
 		display: flex;
 		flex-direction: row;
-		padding-left: 10px;
-		margin-top: 10px;
+		padding-left: 0.27rem;
+		margin-top: 0.27rem;
 		align-items: end;
 		position: relative;
 		.date-select{
-			font-size: 20px;
+			font-size: 0.52rem;
 			margin-left: 2%;
       i {
         transform: rotate(90deg);
@@ -403,8 +403,8 @@
   .goods_box {
     margin: 3%;
     width: 94%;
-    box-shadow: 0 0 6px #eee;
-    border-radius: 10px;
+    box-shadow: 0 0 0.15rem #eee;
+    border-radius: 0.27rem;
   }
 
   /deep/ .van-hairline--bottom {

src/views/enforce/historyCheck.vue

@@ -336,10 +336,10 @@
         display: flex;
         flex-direction: column;
         overflow: hidden;
-        background-color: #f4f4f4;
+        background-color: #ebf3fb;
 
         .header_body {
-            height: 50px;
+            height: 1.33rem;
         }
 
         .shop-center {
@@ -350,8 +350,8 @@
             .goods_box {
                 display: flex;
                 background-color: #fff;
-                margin: 10px;
-                border-radius: 10px;
+                margin: 0.27rem;
+                border-radius: 0.27rem;
 
                 .swipe_cell {
                     width: 100%;
@@ -365,7 +365,7 @@
 
                     .card_body {
                         background-color: #fff;
-                        border-radius: 10px;
+                        border-radius: 0.27rem;
                         flex: 1;
                     }
 
@@ -409,7 +409,7 @@
       width: 100%;
       height: 100%;
       background-color: rgba(46, 119, 249, .15);
-      border-radius: 10px;*/
+      border-radius: 0.27rem;*/
     }
 
     .shop .shop-center .goods_box .card_box .card_box_action span {
@@ -435,8 +435,8 @@
         height: 0.7rem;
         display: flex;
         flex-direction: row;
-        padding-left: 10px;
-        margin-top: 10px;
+        padding-left: 0.27rem;
+        margin-top: 0.27rem;
         align-items: end;
 
         .search-button {
@@ -459,13 +459,13 @@
         height: 0.65rem;
         display: flex;
         flex-direction: row;
-        padding-left: 10px;
-        margin-top: 10px;
+        padding-left: 0.27rem;
+        margin-top: 0.27rem;
         align-items: end;
         position: relative;
 
         .date-select {
-            font-size: 20px;
+            font-size: 0.52rem;
             margin-left: 2%;
             i {
               transform: rotate(90deg);
@@ -528,7 +528,7 @@
       width: 10%;
       height: 0.9rem;
       background: #1367fe;
-      border: 0.02667rem solid #1367fe;
+      border: 1px solid #1367fe;
       border-radius: 0 0.15rem 0.15rem 0;
       color: #fff;
       text-align: center;

src/views/enforce/noScan.vue

@@ -13,9 +13,8 @@
         <div class="warp_body">
             <!--      {{ content }}-->
             <div class="subsearch">
-                <view style="width: 100%;">
-                    <input class="searchbox" v-model="searchParam.enterpriseName" placeholder="请输入关键字搜索" name="keyword" id="">
-                </view>
+              <input class="searchbox" v-model="searchParam.enterpriseName" placeholder="请输入关键字搜索" name="keyword" id="">
+              <van-icon class="ibtn-reset" name="clear" @click="cancel()" title="重置" />
               <button class='btn-search' @click="queryList()">搜索</button>
             </div>
             <div class="search-result">
@@ -143,30 +142,39 @@
     }
 
     .subsearch {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        margin: 3%;
-        width: 94%;
-        height: 1.25rem;
-        font-size: 0.38rem;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin: 3%;
+      width: 94%;
+      height: 1.25rem;
+      font-size: 0.38rem;
     }
+
+    .subsearch .ibtn-reset {
+      margin: 0 0.5rem 0 -1rem;
+      width: 1rem;
+      color: #afabab;
+      font-size: 0.5rem;
+    }
+
     .subsearch .btn-search {
-      margin: 0;
+      margin: 0 0 0 -0.5rem;
       width: 20%;
       height: 1rem;
       border-radius: 0 0.15rem 0.15rem 0;
     }
+
     .searchbox {
       margin: 2% 0;
-      padding: 0.1rem 0.3rem 0.1rem 1.15rem;
+      padding: 0.1rem 1.2rem 0.1rem 0.9rem;
       width: 100%;
       height: 1rem;
       background: #f6f7fe url(../../assets/images/icon_sou.png) no-repeat;
-      background-position: left 0.5rem center;
+      background-position: left 0.25rem center;
       background-size: auto 50%;
       box-sizing: border-box;
-      border: 0.02667rem solid rgba(0, 0, 0, .1);
+      border: 1px solid rgba(0, 0, 0, .1);
       border-radius: 0.15rem 0 0 0.15rem;
       color: #999999;
       outline: none;
@@ -301,7 +309,7 @@
       font-size: 0.35rem;
       border-radius: 1rem;
       background: #1367fe;
-      border: 0.02667rem solid #1367fe;
+      border: 1px solid #1367fe;
       text-align: center;
       height: 90%;
     }

src/views/enforce/scanPageTest.vue

@@ -1,7 +1,7 @@
 <style scoped>
 .scan-area {
   width: 100%;
-  height: 680px;
+  height: 18.15rem;
 }
 </style>
 

src/views/enforce/scanQrCode.vue

@@ -235,7 +235,7 @@
             .carousel_box {
                 position: relative;
                 top: 2%;
-                height: 150px;
+                height: 4rem;
                 width: 100%;
                 background: url("/src/assets/images/scan-mean.jpg") no-repeat center center;
                 background-size: 60%;
@@ -245,7 +245,7 @@
                     position: absolute;
                     top: 30%;
                     left: 15%;
-                    height: 100px;
+                    height: 2.67rem;
                     width: 30%;
                     font-size: 0.4rem;
                     color: #999;
@@ -273,7 +273,7 @@
             width: 100%;
 
             .boutique_body {
-                padding: 0px 0px 10px 0px;
+                padding: 0 0 0.27rem 0;
                 display: flex;
                 justify-content: center;
             }
@@ -286,7 +286,7 @@
                 //background-color: var(--van-primary-color);
                 background: url("../../assets/images/scan-btn.jpg") no-repeat center center;
                 background-size: 100%;
-                // border-radius: 0.26667rem;
+                // border-radius: 0.27rem;
                 // background-size: cover;
                 // border-radius: 50%;
                 // background-image: url("@/assets/images/scan.png");
@@ -294,7 +294,7 @@
                     margin-right: 25%;
                     margin-top: 70%;
                     display: block;
-                    font-size: 0.45333rem;
+                    font-size: 0.45rem;
                 }
 
                 img {
@@ -309,11 +309,11 @@
     }
 
     .white-body {
-        margin: 0 4%;
-        width: 92%;
-        height: 96%;
+        margin: 0 3%;
+        width: 94%;
+        height: 99%;
         background-color: #fff;
-        border-radius: 0.25 rem;
+        border-radius: 0.27rem;
     }
 
     .nocode {

src/views/enforce/sign.vue

@@ -9,7 +9,7 @@
 		<div class="warp_body">
             <van-form @failed="onFailed" ref="form">
                 <van-cell-group>
-                    <div style="font-size:large" class="zf-name">执法信息</div>
+                    <div class="zf-name">执法信息</div>
                     <van-field
                       v-model="submitData.lawEnforcement"
                       label="执法部门"
@@ -93,7 +93,7 @@
                         <template #input>
                             <div>
                                 <van-tag :color="data.good" @click="tapGood">合格</van-tag>
-                                <van-tag :color="data.bad" @click="tapBad" style="margin-left: 15px;">不合格</van-tag>
+                                <van-tag :color="data.bad" @click="tapBad" style="margin-left: 0.4rem;">不合格</van-tag>
                             </div>
                         </template>
                     </van-field>
@@ -126,7 +126,7 @@
                 <van-divider class="divdsty" />
 
                 <van-cell-group>
-                    <div style="padding-top:10px; font-size:large" class="qy-name">企业信息</div>
+                    <div class="qy-name">企业信息</div>
                     <van-field
                             v-model="submitData.enterpriseName"
                             required
@@ -561,23 +561,16 @@ const beforeRead = (file) =>{
     //border-radius: 0.25rem;
     background-image: linear-gradient(to bottom, #ebf3fb, #fff);
     overflow-y: auto;
-    margin-top: 1%;
+    margin-top: 0.15rem;
 }
 
-.qy-name{
-    font-size: large;
-    margin-left: 5%;
-    height: 34px;
-    margin-top: 0%;
-    font-weight: 600;
-}
-.zf-name{
-    font-size: 15px;
-    height: 33px;
-    background-color: white;
-    padding-left: 4%;
-    padding-top: 2%;
-    font-weight: 600;
+.qy-name, .zf-name {
+  margin: 0 0.27rem;
+  font-size: 0.42rem;
+  height: 1.2rem;
+  background-color: white;
+  font-weight: 600;
+  line-height: 3.5;
 }
 
 /* vant4的 Toast 和 Popup 样式冲突,会导致 Toast 变成白底 */
@@ -600,25 +593,28 @@ const beforeRead = (file) =>{
     background-color: #f4f4f4;
     border: 0;
 }
-.file-upload{
-    min-height: 4.5rem;
+.file-upload {
     position: relative;
+    min-height: 4.2rem;
+    padding: 0.27rem 0.43rem;
+    box-sizing: border-box;
 }
-.file-upload-center{
+.file-upload-center {
     position: absolute;
     height: 20%;
     top: 10%;
-    left: 2%;
+    left: 0.43rem;
     font-size: 0.38rem;
     span {
         font-size: 0.32rem;
         color: rgb(221, 229, 227);
     }
 }
-.file{
+.file {
     position: absolute;
     bottom: 10%;
-    left: 2%;
+    left: 0.43rem;
+    width: calc(100% - 0.86rem);
 }
 
 .preview-cover {
@@ -626,7 +622,7 @@ const beforeRead = (file) =>{
     bottom: 0;
     box-sizing: border-box;
     width: 100%;
-    padding: 4px;
+    padding: 0.13rem;
     color: #fff;
     font-size: 0.32rem;
     text-align: center;
@@ -642,8 +638,12 @@ const beforeRead = (file) =>{
   font-size: 0.4rem;
   border-radius: 1rem;
   background: #1367fe;
-  border: 0.02667rem solid #1367fe;
+  border: 1px solid #1367fe;
   text-align: center;
 }
 
+/deep/ .van-action-bar {
+  box-shadow: 0 0 0.27rem #e5e5e5;
+}
+
 </style>

src/views/enforce/userFilter.vue

@@ -8,13 +8,10 @@
     <!-- 弹窗的内容 -->
     <div class="popup-content">
         <div class="subsearch">
-        <input class="searchbox" v-model="searchParam.userName" placeholder="请输入用户名/执法证件号搜索" />
-        </div>
-        <div class="btnbox">
-          <button class='btn-reset' @click="cancel()">重置</button>
+          <input class="searchbox" v-model="searchParam.userName" placeholder="请输入用户名/执法证件号搜索" />
+          <van-icon class="ibtn-reset" name="clear" @click="cancel()" title="重置" />
           <button class='btn-search' @click="queryList()">搜索</button>
         </div>
-
         <div class="search-result">
           <div class="case-item" v-for="(item, index) in dataList" :key="index" @click="selectData(item)">
             <div class="case-title">姓名：{{ item.userName }}</div>
@@ -101,7 +98,7 @@ export default {
   height: 1rem;
   border-bottom: 1px solid #f3f4f5;
   text-align: center;
-  font-size: 0.42rem;
+  font-size: 0.45rem;
   font-weight: 600;
 }
 
@@ -145,21 +142,40 @@ export default {
 }
 
 .subsearch {
-  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin: 3%;
+  width: 94%;
   height: 1.25rem;
+  font-size: 0.38rem;
+}
+
+.subsearch .ibtn-reset {
+  margin: 0 0.5rem 0 -1rem;
+  width: 1rem;
+  color: #afabab;
+  font-size: 0.5rem;
+}
+
+.subsearch .btn-search {
+  margin: 0 0 0 -0.5rem;
+  width: 20%;
+  height: 1rem;
+  border-radius: 0 0.15rem 0.15rem 0;
 }
 
 .searchbox {
-  margin: 2% 3%;
-  padding: 0.15rem 0.3rem 0.1rem 1.15rem;
-  width: 94%;
-  height: 1.0rem;
+  margin: 2% 0;
+  padding: 0.1rem 1.2rem 0.1rem 0.9rem;
+  width: 100%;
+  height: 1rem;
   background: #f6f7fe url(../../assets/images/icon_sou.png) no-repeat;
-  background-position: left 0.5rem center;
+  background-position: left 0.25rem center;
   background-size: auto 50%;
   box-sizing: border-box;
-  border: 1px solid rgba(0,0,0,.05);
-  border-radius: 0.5rem;
+  border: 1px solid rgba(0, 0, 0, .1);
+  border-radius: 0.15rem 0 0 0.15rem;
   color: #999999;
   outline: none;
 }

src/views/enforce/zqyjjdmFilter.vue

@@ -110,7 +110,7 @@ export default {
   height: 1rem;
   border-bottom: 1px solid #f3f4f5;
   text-align: center;
-  font-size: 0.42rem;
+  font-size: 0.45rem;
   font-weight: 600;
 }
 

src/views/enforceHome.vue

@@ -310,9 +310,9 @@
           overflow-y: auto;
 
             .carousel_box {
-                height: 150px;
+                height: 4rem;
                 width: 100%;
-                padding-bottom: 10px;
+                padding-bottom: 0.27rem;
 
             }
 
@@ -324,7 +324,7 @@
             bottom: 1%;
 
             .boutique_body {
-                padding: 0px 0px 10px 0px;
+                padding: 0 0 0.27rem 0;
                 display: flex;
                 justify-content: center;
             }
@@ -333,9 +333,9 @@
                 position: relative;
                 margin: 2% 0;
                 width: 90%;
-                height: 3.66667rem;
+                height: 3.67rem;
                 text-align: right;
-                border-radius: 10px;
+                border-radius: 0.27rem;
 
                 .box-qr-code-text {
                   position: absolute;
@@ -349,14 +349,14 @@
             .box-qr-code::before {
               content: "";
               position: absolute;
-              top: -5px;
-              left: -5px;
+              top: -0.14rem;
+              left: -0.14rem;
               z-index: 0;
-              width: calc(100% + 4px);
-              height: calc(100% + 4px);
+              width: calc(100% + 0.13rem);
+              height: calc(100% + 0.13rem);
               background-color: #fff;
-              border: 5px solid rgba(255,255,255,0.5);
-              border-radius: 10px;
+              border: 0.14rem solid rgba(255,255,255,0.5);
+              border-radius: 0.27rem;
             }
 
             .box-qr-code::after {
@@ -367,19 +367,19 @@
               z-index: 1;
               width: 100%;
               height: 100%;
-              border-radius: 10px;
+              border-radius: 0.27rem;
               background: #fff url("../assets/images/item_scan.jpg") no-repeat left;
               background-size: auto 100%;
-              border: 1px solid #8db4ff;
+              border: 0.01rem solid #8db4ff;
             }
 
             .box-info {
                 position: relative;
                 margin-right: 2%;
                 width: 50%;
-                height: 3.66667rem;
+                height: 3.67rem;
                 text-align: right;
-                border-radius: 10px;
+                border-radius: 0.27rem;
 
                 .box-info-text {
                   position: absolute;
@@ -393,14 +393,14 @@
             .box-info::before {
               content: "";
               position: absolute;
-              top: -5px;
-              left: -5px;
+              top: -0.14rem;
+              left: -0.14rem;
               z-index: 0;
-              width: calc(100% + 4px);
-              height: calc(100% + 4px);
+              width: calc(100% + 0.13rem);
+              height: calc(100% + 0.13rem);
               background-color: #fff;
-              border: 5px solid rgba(255,255,255,0.5);
-              border-radius: 10px;
+              border: 0.14rem solid rgba(255,255,255,0.5);
+              border-radius: 0.27rem;
             }
 
             .box-info::after {
@@ -411,7 +411,7 @@
               z-index: 1;
               width: 100%;
               height: 100%;
-              border-radius: 10px;
+              border-radius: 0.27rem;
               background: #fff url("../assets/images/item_check.jpg") no-repeat left;
               background-size: auto 100%;
               border: 1px solid #8db4ff;
@@ -421,9 +421,9 @@
                 position: relative;
                 margin-left: 3%;
                 width: 35%;
-                height: 3.66667rem;
+                height: 3.67rem;
                 text-align: right;
-                border-radius: 10px;
+                border-radius: 0.27rem;
 
                 .box-complaint-text {
                   position: absolute;
@@ -438,14 +438,14 @@
         .box-complaint::before {
           content: "";
           position: absolute;
-          top: -5px;
-          left: -5px;
+          top: -0.14rem;
+          left: -0.14rem;
           z-index: 0;
-          width: calc(100% + 4px);
-          height: calc(100% + 4px);
+          width: calc(100% + 0.13rem);
+          height: calc(100% + 0.13rem);
           background-color: #fff;
-          border: 5px solid rgba(255,255,255,0.5);
-          border-radius: 10px;
+          border: 0.14rem solid rgba(255,255,255,0.5);
+          border-radius: 0.27rem;
         }
 
         .box-complaint::after {
@@ -456,10 +456,10 @@
           z-index: 1;
           width: 100%;
           height: 100%;
-          border-radius: 10px;
+          border-radius: 0.27rem;
           background: #fff url("../assets/images/item_count.jpg") no-repeat left;
           background-size: auto 100%;
-          border: 1px solid #8db4ff;
+          border: 0.01rem solid #8db4ff;
         }
 
         .recommend_box {
@@ -482,7 +482,7 @@
         background-color: rgba(249, 238, 219, .9);
         border-radius: 0.5rem;
         color: #c35b01;
-        // font-size: 0.42rem;
+        font-size: 0.42rem;
         line-height: 1.0rem;
         white-space: nowrap;
         box-sizing: content-box;
@@ -588,14 +588,14 @@
       left: 48%;
     }
     .notice-bar-container {
-      margin-bottom: 10px;
+      margin-bottom: 0.27rem;
     }
     .notice-bar-container:last-child {
       margin-bottom: 0;
     }
     /* .notification{
        height: 100%;
-       font-size: 10px;
+       font-size: 0.27rem;
        z-index: 9999;
        width: 100%;
        color: black;
@@ -607,4 +607,12 @@
         background-size: 100% auto;
       }
     }
+
+    @media screen and (min-width: 540px) {
+      .home .warp_body {
+        background: #c6e6ff url("../assets/images/bg_el.jpg") no-repeat top;
+        background-size: 100% auto;
+      }
+    }
+
 </style>

src/views/enterprise/caseFilter.vue

@@ -310,7 +310,7 @@
         height: 1rem;
         border-bottom: 1px solid #f3f4f5;
         text-align: center;
-        font-size: 0.42rem;
+        font-size: 0.45rem;
         font-weight: 600;
     }
 

src/views/enterprise/companyFilter.vue

@@ -107,7 +107,7 @@ export default {
   height: 1rem;
   border-bottom: 1px solid #f3f4f5;
   text-align: center;
-  font-size: 0.42rem;
+  font-size: 0.45rem;
   font-weight: 600;
 }
 
@@ -186,7 +186,7 @@ export default {
   padding: 2% 3.75%;
   background: #f2f3f4;
   border: 0;
-  border-radius: 8px;
+  border-radius: 0.2rem;
   color: #4c4c4c;
 }
 

src/views/enterprise/complaint.vue

@@ -377,15 +377,17 @@
     }
 
     .file-upload {
-        min-height: 4.5rem;
-        position: relative;
+      position: relative;
+      min-height: 4.2rem;
+      padding: 0.27rem 0.43rem;
+      box-sizing: border-box;
     }
 
     .file-upload-center {
         position: absolute;
         height: 20%;
         top: 10%;
-        left: 2%;
+        left: 0.43rem;
         font-size: 0.38rem;
 
         span {
@@ -397,7 +399,8 @@
     .file {
         position: absolute;
         bottom: 10%;
-        left: 2%;
+        left: 0.43rem;
+        width: calc(100% - 0.86rem);
     }
 
     .preview-cover {
@@ -441,7 +444,7 @@
         height: 1rem;
         border-bottom: 1px solid #f3f4f5;
         text-align: center;
-        font-size: 0.42rem;
+        font-size: 0.45rem;
         font-weight: 600;
     }
 
@@ -629,7 +632,12 @@
         font-size: 0.4rem;
         border-radius: 1rem;
         background: #1367fe;
-        border: 0.02667rem solid #1367fe;
+        border: 0.01rem solid #1367fe;
         text-align: center;
     }
+
+    /deep/ .van-action-bar {
+      box-shadow: 0 0 0.27rem #e5e5e5;
+    }
+
 </style>

src/views/enterprise/complaintList.vue

@@ -331,10 +331,10 @@ const searchComplaint = (val) =>{
 	display: flex;
 	flex-direction: column;
 	overflow: hidden;
-	background-color: #f4f4f4;
+	background-color: #ebf3fb;
 
 	.header_body {
-		height: 50px;
+		height: 1.33rem;
 	}
 
 	.shop-center {
@@ -345,8 +345,8 @@ const searchComplaint = (val) =>{
 		.goods_box {
 			display: flex;
 			background-color: #fff;
-			margin: 10px;
-			border-radius: 10px;
+			margin: 0.27rem;
+			border-radius: 0.27rem;
 
 			.swipe_cell {
 				width: 100%;
@@ -355,11 +355,11 @@ const searchComplaint = (val) =>{
 			.card_box {
 				display: flex;
 				width: 100%;
-        padding: 10px 0px;
+        padding: 0.27rem 0;
         flex-direction: column;
 				.card_body {
 					background-color: #fff;
-					border-radius: 10px;
+					border-radius: 0.27rem;
 					flex: 1;
 				}
         .card_box_span {
@@ -396,8 +396,8 @@ const searchComplaint = (val) =>{
     height: 0.7rem;
     display: flex;
     flex-direction: row;
-    padding-left: 10px;
-    margin-top: 10px;
+    padding-left: 0.27rem;
+    margin-top: 0.27rem;
     align-items: end;
     .search-button{
         width: 15%;
@@ -412,12 +412,12 @@ const searchComplaint = (val) =>{
     height: 3%;
     display: flex;
     flex-direction: row;
-    padding-left: 10px;
-    margin-top: 10px;
+    padding-left: 0.27rem;
+    margin-top: 0.27rem;
     align-items: end;
     position: relative;
     .date-select{
-      font-size: 20px;
+      font-size: 0.52rem;
       margin-left: 2%;
       i {
         transform: rotate(90deg);
@@ -466,8 +466,8 @@ const searchComplaint = (val) =>{
 
 .goods_box .item-todo {
   background-image: linear-gradient(45deg, #fbeaea, transparent);
-  border-left: 3px solid #e50505;
-  border-radius: 10px;
+  border-left: 0.12rem solid #e50505;
+  border-radius: 0.27rem;
   .state-text {
     color: #e50505;
   }
@@ -475,8 +475,8 @@ const searchComplaint = (val) =>{
 
 .goods_box .item-doing {
   background-image: linear-gradient(45deg, #eafbf3, transparent);
-  border-left: 3px solid #04a920;
-  border-radius: 10px;
+  border-left: 0.12rem solid #04a920;
+  border-radius: 0.27rem;
   .state-text {
     color: #03a159;
   }
@@ -484,8 +484,8 @@ const searchComplaint = (val) =>{
 
 .goods_box .item-done {
   background-image: none;
-  border-left: 3px solid #999;
-  border-radius: 10px;
+  border-left: 0.12rem solid #999;
+  border-radius: 0.27rem;
   .state-text {
     color: #999;
   }
@@ -501,7 +501,7 @@ const searchComplaint = (val) =>{
   width: 10%;
   height: 0.9rem;
   background: #1367fe;
-  border: 0.02667rem solid #1367fe;
+  border: 0.01rem solid #1367fe;
   border-radius: 0 0.15rem 0.15rem 0;
   color: #fff;
   text-align: center;

src/views/enterprise/complaintNoScan.vue

@@ -322,25 +322,28 @@ export default {
   background-color: #f4f4f4;
   border: 0;
 }
-.file-upload{
-    min-height: 4.5rem;
-    position: relative;
+.file-upload {
+  position: relative;
+  min-height: 4.2rem;
+  padding: 0.27rem 0.43rem;
+  box-sizing: border-box;
 }
-.file-upload-center{
+.file-upload-center {
     position: absolute;
     height: 20%;
     top: 10%;
-    left: 2%;
+    left: 0.43rem;
     font-size: 0.38rem;
     span {
       font-size: 0.32rem;
       color: rgb(221, 229, 227);
     }
 }
-.file{
+.file {
     position: absolute;
     bottom: 10%;
-    left: 2%;
+    left: 0.43rem;
+    width: calc(100% - 0.86rem);
 }
 
 .preview-cover {
@@ -382,7 +385,7 @@ export default {
   height: 1rem;
   border-bottom: 1px solid #f3f4f5;
   text-align: center;
-  font-size: 0.42rem;
+  font-size: 0.45rem;
   font-weight: 600;
 }
 
@@ -530,10 +533,13 @@ export default {
   font-size: 0.4rem;
   border-radius: 1rem;
   background: #1367fe;
-  border: 0.02667rem solid #1367fe;
+  border: 0.01rem solid #1367fe;
   text-align: center;
 }
 
+/deep/ .van-action-bar {
+  box-shadow: 0 0 0.27rem #e5e5e5;
+}
 
 .agree-box {
     display: flex;

src/views/enterprise/enterpriseInspectionDetail.vue

@@ -212,7 +212,7 @@ onMounted(() =>{
 	flex-direction: column;
 	height: 100%;
 	overflow: hidden;
-	background-color: #f4f4f4;
+	background-color: #ebf3fb;
 }
 /* vant4的 Toast 和 Popup 样式冲突,会导致 Toast 变成白底 */
 .van-popup.van-toast{
@@ -227,13 +227,13 @@ onMounted(() =>{
     font-size: var(--van-toast-icon-size) !important;
 }
 .warp_body {
-  margin: 0;
+  margin: 0 3%;
   padding-bottom: 3rem;
-  width: 100%;
+  width: 94%;
   height: 100%;
   /*background-image: linear-gradient(to bottom, #ebf3fb, #fff);*/
   overflow-y: auto;
-  margin-top: 1%;
+  margin-top: 0.15rem;
 }
 
 

src/views/enterprise/enterpriseInspectionList.vue

@@ -340,10 +340,10 @@
         display: flex;
         flex-direction: column;
         overflow: hidden;
-        background-color: #f4f4f4;
+        background-color: #ebf3fb;
 
         .header_body {
-            height: 50px;
+            height: 1.33rem;
         }
 
         .shop-center {
@@ -354,8 +354,8 @@
             .goods_box {
                 display: flex;
                 background-color: #fff;
-                margin: 10px;
-                border-radius: 10px;
+                margin: 0.27rem;
+                border-radius: 0.27rem;
 
                 .swipe_cell {
                     width: 100%;
@@ -364,12 +364,12 @@
                 .card_box {
                     display: flex;
                     width: 100%;
-                    padding: 10px 0px;
+                    padding: 0.27rem 0;
                     flex-direction: column;
 
                     .card_body {
                         background-color: #fff;
-                        border-radius: 10px;
+                        border-radius: 0.27rem;
                         flex: 1;
                     }
 
@@ -409,8 +409,8 @@
         height: 0.65rem;
         display: flex;
         flex-direction: row;
-        padding-left: 10px;
-        margin-top: 10px;
+        padding-left: 0.27rem;
+        margin-top: 0.27rem;
         align-items: end;
 
         .search-button {
@@ -433,8 +433,8 @@
         height: 0.65rem;
         display: flex;
         flex-direction: row;
-        padding-left: 10px;
-        margin-top: 10px;
+        padding-left: 0.27rem;
+        margin-top: 0.27rem;
         align-items: end;
         position: relative;
 
@@ -492,7 +492,7 @@
       width: 10%;
       height: 0.9rem;
       background: #1367fe;
-      border: 0.02667rem solid #1367fe;
+      border: 0.01rem solid #1367fe;
       border-radius: 0 0.15rem 0.15rem 0;
       color: #fff;
       text-align: center;

src/views/enterprise/qrCode.vue

@@ -226,17 +226,22 @@ const toHisrotyView = () =>{
 	flex-direction: column;
 	height: 100%;
 	overflow: hidden;
-	background-color: #f4f4f4;
+	background-color: #ebf3fb;
 }
 .warp_body {
+  position: relative;
   margin: 0;
-  .white-body {
+  background-image: linear-gradient(to bottom, #ebf3fb, transparent);
+
+  .white-body  {
     display: flex;
-    margin: 0;
-    width: 100%;
+    align-items: center;
+    margin: 0 3%;
+    width: 94%;
     height: 100%;
     background-color: #fff;
-    align-items: center;
+    border-radius: 0.27rem;
+    margin-top: 0.15rem
   }
   .qr_code {
     width: 100%;
@@ -274,4 +279,9 @@ const toHisrotyView = () =>{
   width: 100%;
   height: auto;
 }
+
+/deep/ .van-action-bar {
+  box-shadow: 0 0 0.27rem #e5e5e5;
+}
+
 </style>

src/views/enterprise/qrCodeHistory.vue

@@ -304,10 +304,10 @@ const cancelSelectDate = () =>{
 	display: flex;
 	flex-direction: column;
 	overflow: hidden;
-	background-color: #f4f4f4;
+	background-color: #ebf3fb;
 
 	.header_body {
-		height: 50px;
+		height: 1.33rem;
 	}
 
 	.shop-center {
@@ -318,8 +318,8 @@ const cancelSelectDate = () =>{
 		.goods_box {
 			display: flex;
 			background-color: #fff;
-			margin: 10px;
-			border-radius: 10px;
+			margin: 0.27rem;
+			border-radius: 0.27rem;
 
 			.swipe_cell {
 				width: 100%;
@@ -328,11 +328,11 @@ const cancelSelectDate = () =>{
 			.card_box {
 				display: flex;
 				width: 100%;
-        padding: 10px 0px;
+        padding: 0.27rem 0;
         flex-direction: column;
 				.card_body {
 					background-color: #fff;
-					border-radius: 10px;
+					border-radius: 0.27rem;
 					flex: 1;
 				}
         .card_box_span {
@@ -369,8 +369,8 @@ const cancelSelectDate = () =>{
     height: 0.7rem;
     display: flex;
     flex-direction: row;
-    padding-left: 10px;
-    margin-top: 10px;
+    padding-left: 0.27rem;
+    margin-top: 0.27rem;
     align-items: end;
     .search-button{
         width: 15%;
@@ -385,12 +385,12 @@ const cancelSelectDate = () =>{
     height: 3%;
     display: flex;
     flex-direction: row;
-    padding-left: 10px;
-    margin-top: 10px;
+    padding-left: 0.27rem;
+    margin-top: 0.27rem;
     align-items: end;
     position: relative;
     .date-select{
-      font-size: 20px;
+      font-size: 0.52rem;
       margin-left: 2%;
       i {
         transform: rotate(90deg);
@@ -416,7 +416,7 @@ const cancelSelectDate = () =>{
   width: 10%;
   height: 0.9rem;
   background: #1367fe;
-  border: 0.02667rem solid #1367fe;
+  border: 0.01rem solid #1367fe;
   border-radius: 0 0.15rem 0.15rem 0;
   color: #fff;
   text-align: center;

src/views/enterprise/register.vue

@@ -311,7 +311,7 @@ export default {
 	flex-direction: column;
 	height: 100%;
 	overflow: hidden;
-	background-color: #f4f4f4;
+	background-color: #ebf3fb;
 }
 /* vant4的 Toast 和 Popup 样式冲突,会导致 Toast 变成白底 */
 .van-popup.van-toast{
@@ -326,7 +326,27 @@ export default {
     font-size: var(--van-toast-icon-size) !important;
 }
 .warp_body {
-        // background-image: linear-gradient(to bottom, #ebf3fb, transparent);
-        margin-top: 1%;
+        margin: 0 3%;
+        width: 94%;
+        height: 100%;
+        margin-top: 0.15rem;
   }
+
+/deep/ .van-action-bar {
+  box-shadow: 0 0 0.27rem #e5e5e5;
+}
+
+/deep/ .van-button {
+  margin: 5% 3%;
+  padding: 0;
+  width: 94%;
+  height: 1rem;
+  color: #fff;
+  font-size: 0.4rem;
+  border-radius: 1rem;
+  background: #1367fe;
+  border: 1px solid #1367fe;
+  text-align: center;
+}
+
 </style>

src/views/enterprise/registrationDetail.vue

@@ -9,7 +9,7 @@
 		<div class="warp_body">
             <van-form @failed="onFailed" @submit="submit">
                 <van-cell-group>
-                    <div style="font-size:large" class="zf-name">执法信息</div>
+                    <div class="zf-name">执法信息</div>
                     <van-field
                       v-model="submitData.lawEnforcement"
                       label="执法部门"
@@ -114,7 +114,7 @@
                 <van-divider class="divdsty" />
 
                 <van-cell-group>
-                    <div style="padding-top:10px; font-size:large" class="qy-name">企业信息</div>
+                    <div class="qy-name">企业信息</div>
                     <van-field
                             v-model="submitData.enterpriseName"
                             required
@@ -367,24 +367,26 @@ const reciveData2 = (item) =>{
     overflow-y: auto;
 }
 
-.qy-name{
-    font-size: large;
-    margin-left: 5%;
-    height: 34px;
-    margin-top: 0%;
-    font-weight: 600;
+.qy-name {
+  margin: 0 0.27rem;
+  font-size: 0.42rem;
+  height: 1.2rem;
+  background-color: white;
+  font-weight: 600;
+  line-height: 3.5;
 }
-.zf-name{
-    font-size: 15px;
-    height: 33px;
-    background-color: white;
-    padding-left: 4%;
-    padding-top: 2%;
-    font-weight: 600;
+
+.zf-name {
+  margin: 0 0.27rem;
+  font-size: 0.42rem;
+  height: 1.2rem;
+  background-color: white;
+  font-weight: 600;
+  line-height: 3.5;
 }
 
 /* vant4的 Toast 和 Popup 样式冲突,会导致 Toast 变成白底 */
-.van-popup.van-toast{
+.van-popup.van-toast {
     background: var(--van-toast-background) !important;
     box-sizing: content-box !important;
     /* 下面3条css,影响不大 */
@@ -392,7 +394,7 @@ const reciveData2 = (item) =>{
     width: var(--van-toast-default-width) !important;
     max-width: var(--van-toast-max-width) !important;
 }
-.van-popup.van-toast .van-toast__icon{
+.van-popup.van-toast .van-toast__icon {
     font-size: var(--van-toast-icon-size) !important;
 }
 
@@ -403,25 +405,28 @@ const reciveData2 = (item) =>{
     background-color: #f4f4f4;
     border: 0;
 }
-.file-upload{
-    min-height: 4.5rem;
-    position: relative;
+.file-upload {
+  position: relative;
+  min-height: 4.2rem;
+  padding: 0.27rem 0.43rem;
+  box-sizing: border-box;
 }
-.file-upload-center{
+.file-upload-center {
     position: absolute;
     height: 20%;
     top: 10%;
-    left: 2%;
+    left: 0.43rem;
     font-size: 0.38rem;
     span {
         font-size: 0.32rem;
         color: rgb(221, 229, 227);
     }
 }
-.file{
+.file {
     position: absolute;
     bottom: 10%;
-    left: 2%;
+    left: 0.43rem;
+    width: calc(100% - 0.86rem);
 }
 
 .preview-cover {
@@ -435,13 +440,13 @@ const reciveData2 = (item) =>{
     text-align: center;
     background: rgba(0, 0, 0, 0.3);
 }
-.zoom{
-    padding-top: 10px;
-    padding-left: 10px;
-    img{
+.zoom {
+    padding-top: 0.27rem;
+    padding-left: 0.27rem;
+    img {
       width: 2rem;
       height: 2rem;
-      padding-right: 10px
+      padding-right: 0.27rem;
     }
 }
 </style>

src/views/enterprise/registrationEdit.vue

@@ -77,7 +77,7 @@
                         <template #input>
                             <div>
                                 <van-tag :color="data.good" @click="tapGood">合格</van-tag>
-                                <van-tag :color="data.bad" @click="tapBad" style="margin-left: 15px;">不合格</van-tag>
+                                <van-tag :color="data.bad" @click="tapBad" style="margin-left: 0.4rem;">不合格</van-tag>
                             </div>
                         </template>
                     </van-field>
@@ -109,7 +109,7 @@
                 <van-divider class="divdsty" />
 
                 <van-cell-group>
-                    <div style="padding-top:10px; font-size:large" class="qy-name">企业信息</div>
+                    <div class="qy-name">企业信息</div>
                     <van-field
                             v-model="submitData.enterpriseName"
                             required
@@ -468,7 +468,7 @@
     }
 
     .warp_body {
-        margin: 3%;
+        margin: 0 3%;
         padding-bottom: 3rem;
         width: 94%;
         height: 100%;
@@ -478,20 +478,13 @@
         margin-top: 1%
     }
 
-    .qy-name{
-        font-size: large;
-        margin-left: 5%;
-        height: 34px;
-        margin-top: 0%;
-        font-weight: 600;
-    }
-    .zf-name{
-        font-size: 15px;
-        height: 33px;
-        background-color: white;
-        padding-left: 4%;
-        padding-top: 2%;
-        font-weight: 600;
+    .qy-name, .zf-name {
+      margin: 0 0.27rem;
+      font-size: 0.42rem;
+      height: 1.2rem;
+      background-color: white;
+      font-weight: 600;
+      line-height: 3.5;
     }
 
     /* vant4的 Toast 和 Popup 样式冲突,会导致 Toast 变成白底 */
@@ -514,25 +507,28 @@
         background-color: #f4f4f4;
         border: 0;
     }
-    .file-upload{
-        min-height: 4.5rem;
-        position: relative;
+    .file-upload {
+      position: relative;
+      min-height: 4.2rem;
+      padding: 0.27rem 0.43rem;
+      box-sizing: border-box;
     }
-    .file-upload-center{
+    .file-upload-center {
         position: absolute;
         height: 20%;
         top: 10%;
-        left: 2%;
+        left: 0.43rem;
         font-size: 0.38rem;
         span {
             font-size: 0.32rem;
             color: rgb(221, 229, 227);
         }
     }
-    .file{
+    .file {
         position: absolute;
         bottom: 10%;
-        left: 2%;
+        left: 0.43rem;
+        width: calc(100% - 0.86rem);
     }
 
     .preview-cover {
@@ -556,8 +552,12 @@
         font-size: 0.4rem;
         border-radius: 1rem;
         background: #1367fe;
-        border: 0.02667rem solid #1367fe;
+        border: 0.01rem solid #1367fe;
         text-align: center;
     }
 
+    /deep/ .van-action-bar {
+      box-shadow: 0 0 0.27rem #e5e5e5;
+    }
+
 </style>

src/views/enterprise/registrationList.vue

@@ -364,10 +364,10 @@
         display: flex;
         flex-direction: column;
         overflow: hidden;
-        background-color: #f4f4f4;
+        background-color: #ebf3fb;
 
         .header_body {
-            height: 50px;
+            height: 1.33rem;
         }
 
         .shop-center {
@@ -378,8 +378,8 @@
             .goods_box {
                 display: flex;
                 background-color: #fff;
-                margin: 10px;
-                border-radius: 10px;
+                margin: 0.27rem;
+                border-radius: 0.2rem;
 
                 .swipe_cell {
                     width: 100%;
@@ -388,12 +388,12 @@
                 .card_box {
                     display: flex;
                     width: 100%;
-                    padding: 10px 0px;
+                    padding: 0.2rem 0px;
                     flex-direction: column;
 
                     .card_body {
                         background-color: #fff;
-                        border-radius: 10px;
+                        border-radius: 0.27rem;
                         flex: 1;
                     }
 
@@ -433,8 +433,8 @@
         height: 0.7rem;
         display: flex;
         flex-direction: row;
-        padding-left: 10px;
-        margin-top: 10px;
+        padding-left: 0.27rem;
+        margin-top: 0.27rem;
         align-items: end;
 
         .search-button {
@@ -457,13 +457,13 @@
         height: 0.65rem;
         display: flex;
         flex-direction: row;
-        padding-left: 10px;
-        margin-top: 10px;
+        padding-left: 0.27rem;
+        margin-top: 0.27rem;
         align-items: end;
         position: relative;
 
         .date-select {
-            font-size: 20px;
+            font-size: 0.52rem;
             margin-left: 2%;
             i {
               transform: rotate(90deg);
@@ -523,7 +523,7 @@
       width: 10%;
       height: 0.9rem;
       background: #1367fe;
-      border: 0.02667rem solid #1367fe;
+      border: 0.01rem solid #1367fe;
       border-radius: 0 0.15rem 0.15rem 0;
       color: #fff;
       text-align: center;

src/views/enterprise/registrationSelectList.vue

@@ -53,7 +53,7 @@
 						<div class="goods_box" v-for="(item, index) in data?.dataList" :key="index">
 							<van-swipe-cell class="swipe_cell">
 								<div class="card_box">
-                  <van-checkbox style="margin-left: 10px" v-model="item.checked"
+                  <van-checkbox style="margin-left: 0.27rem" v-model="item.checked"
 										@change="oneCheckbox(item)"></van-checkbox>
                   <div class="card_box_span">
                     <p>执法时间：{{ item.createTime }} <span class="card_box_action"></span></p>
@@ -301,10 +301,10 @@ const oneCheckbox = (item) => {
 	display: flex;
 	flex-direction: column;
 	overflow: hidden;
-	background-color: #f4f4f4;
+	background-color: #ebf3fb;
 
 	.header_body {
-		height: 50px;
+		height: 1.33rem;
 	}
 
 	.shop-center {
@@ -315,8 +315,8 @@ const oneCheckbox = (item) => {
 		.goods_box {
 			display: flex;
 			background-color: #fff;
-			margin: 10px;
-			border-radius: 10px;
+			margin: 0.27rem;
+			border-radius: 0.27rem;
 
 			.swipe_cell {
 				width: 100%;
@@ -325,11 +325,11 @@ const oneCheckbox = (item) => {
 			.card_box {
 				display: flex;
 				width: 100%;
-        padding: 10px 0px;
+        padding: 0.27rem 0;
         flex-direction: column;
 				.card_body {
 					background-color: #fff;
-					border-radius: 10px;
+					border-radius: 0.27rem;
 					flex: 1;
 				}
         .card_box_span {
@@ -356,8 +356,8 @@ const oneCheckbox = (item) => {
 		//height: 101px;
 		position: relative;
 		.footer-one-btn {
-			height: 50px;
-			bottom: 51px;
+			height: 13.5rem;
+			bottom: 13.6rem;
 		}
 	}
 }
@@ -366,8 +366,8 @@ const oneCheckbox = (item) => {
     height: 0.7rem;
     display: flex;
     flex-direction: row;
-    padding-left: 10px;
-    margin-top: 10px;
+    padding-left: 0.27rem;
+    margin-top: 0.27rem;
     align-items: end;
     .search-button {
         width: 15%;
@@ -382,12 +382,12 @@ const oneCheckbox = (item) => {
     height: 3%;
     display: flex;
     flex-direction: row;
-    padding-left: 10px;
-    margin-top: 10px;
+    padding-left: 0.27rem;
+    margin-top: 0.27rem;
     align-items: end;
     position: relative;
     .date-select{
-      font-size: 20px;
+      font-size: 0.52rem;
       margin-left: 2%;
       i {
         transform: rotate(90deg);
@@ -404,7 +404,7 @@ const oneCheckbox = (item) => {
 }
 
 .van-checkbox {
-    margin-left: 10px;
+    margin-left: 0.27rem;
     position: absolute;
     top: 45%;
 }
@@ -422,7 +422,7 @@ const oneCheckbox = (item) => {
   width: 10%;
   height: 0.9rem;
   background: #1367fe;
-  border: 0.02667rem solid #1367fe;
+  border: 0.01rem solid #1367fe;
   border-radius: 0 0.15rem 0.15rem 0;
   color: #fff;
   text-align: center;

src/views/login.vue

@@ -13,7 +13,7 @@
 					:rules="[{ required: true, message: '请填写用户名' }]" />
 				<van-field v-model="loginParam.secretKey" type="password" name="secretKey" label="密码" placeholder="密码"
 					:rules="[{ required: true, message: '请填写密码' }]" />
-				<div style="margin: 16px">
+				<div style="margin: 0.42rem">
 					<van-button block type="primary" native-type="submit">登录</van-button>
 				</div>
 			</van-form>
@@ -87,22 +87,22 @@ const Encrypt = (passWord) =>{
 	opacity: 0.9;
 	.login-content {
 		margin: auto;
-		padding: 10px 10px 20px 10px;
+		padding: 0.27rem 0.27rem 0.52rem 0.27rem;
 		background-color: #fff;
-		border-radius: 10px;
-		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+		border-radius: 0.27rem;
+		box-shadow: 0 0 0.27rem rgba(0, 0, 0, 0.2);
 		opacity: 0.9;
 		.title{
-            font-size: 20px;
+            font-size: 0.52rem;
             font-weight: 600;
         }
 	}
 
 	.link {
-		font-size: 12px;
+		font-size: 0.32rem;
 		color: #069;
 		float: right;
-		margin-right: 15px;
+		margin-right: 0.4rem;
 	}
 }
 </style>