样式bug修改

src/views/Home.vue

@@ -230,8 +230,8 @@
 
         .warp_body {
             position: relative;
-            background: url("../assets/images/bg_c.jpg");
+            background: #c6e6ff url("../assets/images/bg_c.jpg") no-repeat top;
-            background-size: cover;
+            background-size: 100% auto;
             overflow-x: hidden;
 
             .carousel_box {
@@ -253,56 +253,138 @@
           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_code.png");
-                background-size: cover;
 
           .box-qr-code-text {
-                    margin: 0.35rem 0.5rem 0 0;
+            position: absolute;
+            z-index: 10;
+            top: 10%;
+            right: 0.35rem;
             display: block;
-                    font-size: 17px
+            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_code.jpg") no-repeat left;
+          background-size: auto 100%;
+          border: 1px solid #8db4ff;
+        }
 
         .box-info {
-                width: 52%;
+          position: relative;
-                text-align: right;
+          margin-right: 2%;
+          width: 50%;
           height: 3.66667rem;
-                background-color: #ff976a;
+          text-align: right;
           border-radius: 10px;
-                background: url("../assets/images/item_check.png");
-                background-size: cover;
 
           .box-info-text {
-                    margin: 0.35rem 0.5rem 0 0;
+            position: absolute;
+            z-index: 10;
+            top: 10%;
+            right: 0.35rem;
             display: block;
-                    font-size: 17px
+            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 {
-                width: 36%;
+          position: relative;
-                text-align: right;
+          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_complain.png");
-                background-size: cover;
 
           .box-complaint-text {
-                    margin: 0.35rem 0.5rem 0 0;
+            position: absolute;
+            z-index: 10;
+            top: 10%;
+            right: 0.35rem;
             display: block;
-                    font-size: 17px
+            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 {

src/views/administrative/appointmentList.vue

@@ -432,12 +432,12 @@
 
         .search-button {
             width: 15%;
-            height: 80%;
+            height: 90%;
         }
 
         .search-button.active {
-            background-color: #e9f2fb;
+            background-color: #1367fe;
-            color: #1367fe;
+            color: #fff;
         }
     }
 

src/views/enforce/earlyWarning.vue

@@ -355,12 +355,12 @@
 
         .search-button {
             width: 15%;
-            height: 80%;
+            height: 90%;
         }
 
         .search-button.active {
-            background-color: #e9f2fb;
+            background-color: #1367fe;
-            color: #1367fe;
+            color: #fff;
         }
     }
 

src/views/enforce/enforceNotice.vue

@@ -259,9 +259,12 @@ const toPdfView = (url) =>{
 	}
 
 	.shop-center {
-		flex: 1;
+    display: flex;
-		overflow-y: scroll;
     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;

src/views/enforce/enforcementPlan.vue

@@ -384,12 +384,12 @@
 
         .search-button {
             width: 15%;
-            height: 80%;
+            height: 90%;
         }
 
         .search-button.active {
-            background-color: #e9f2fb;
+            background-color: #1367fe;
-            color: #1367fe;
+            color: #fff;
         }
     }
 

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 {

src/views/enforce/historyCheck.vue

@@ -413,12 +413,12 @@
 
         .search-button {
             width: 15%;
-            height: 80%;
+            height: 90%;
         }
 
         .search-button.active {
-            background-color: #e9f2fb;
+            background-color: #1367fe;
-            color: #1367fe;
+            color: #fff;
         }
     }
 

src/views/enforce/noScan.vue

@@ -12,23 +12,24 @@
         <!-- 中间 -->
         <div class="warp_body">
             <!--      {{ content }}-->
-            <div class="subsearch" style="display: flex; justify-content: space-between;">
+            <div class="subsearch">
                 <view style="width: 100%;">
                     <input class="searchbox" v-model="searchParam.enterpriseName" placeholder="请输入关键字搜索" name="keyword" id="">
                 </view>
-                <div style="width: 50%;">
               <button class='btn-search' @click="queryList()">搜索</button>
             </div>
-            </div>
             <div class="search-result">
                 <div class="case-item" v-for="(item, index) in enterpriseList" @click="toDetail(item)">
                     <div class="case-title">{{item.enterpriseName}}</div>
                     <div class="case-info">统一社会信用代码：{{item.enterpriseNumber}}</div>
-                    <div class="case-area">{{item.enterpriseAddress}}</div>
+                    <div class="case-info">
-                    <div class="case-info"><span>法定代表人：{{item.legalPerson}}</span><span>证件号：{{item.idNumbe}}</span>
+                      <span>法定代表人：{{item.legalPerson}}</span><span>证件号：{{item.idNumbe}}</span>
                     </div>
                     <div class="case-info">
-                        <span>企业联系人：{{item.enterprise}}</span><span>联系电话：{{item.enterpriseTel}}</span></div>
+                      <span>企业联系人：{{item.enterprise}}</span><span>联系电话：{{item.enterpriseTel}}</span>
+                    </div>
+                    <div class="case-area">{{item.enterpriseAddress}}</div>
+
                 </div>
             </div>
 
@@ -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%;
+      height: 90%;
-      margin-top: 6%;
     }
 
     .btn-reset {

src/views/enforceHome.vue

@@ -191,8 +191,8 @@
 
         .warp_body {
             position: relative;
-            background: url("../assets/images/bg_el.jpg");
+            background: #c6e6ff url("../assets/images/bg_el.jpg") no-repeat top;
-            background-size: cover;
+            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;
+                  position: absolute;
+                  z-index: 10;
+                  top: 10%;
+                  right: 0.35rem;
                   display: block;
-                    font-size: 17px
+                  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%;
+                position: relative;
-                text-align: right;
+                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;
+                  position: absolute;
+                  z-index: 10;
+                  top: 10%;
+                  right: 0.35rem;
                   display: block;
-                    font-size: 17px
+                  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%;
+                position: relative;
-                text-align: right;
+                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;
+                  position: absolute;
+                  z-index: 10;
+                  top: 10%;
+                  right: 0.35rem;
                   display: block;
-                    font-size: 17px
+                  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 {

src/views/enterprise/enterpriseInspectionList.vue

@@ -414,12 +414,12 @@
 
         .search-button {
             width: 15%;
-            height: 80%;
+            height: 90%;
         }
 
         .search-button.active {
-            background-color: #e9f2fb;
+            background-color: #1367fe;
-            color: #1367fe;
+            color: #fff;
         }
     }
 

src/views/enterprise/qrCode.vue

@@ -26,8 +26,8 @@
           <span class="qr_code_text">扫一扫上面的二维码，获取企业执法信息</span>
       </div>
       <van-action-bar>
-        <van-action-bar-button color="#be99ff" text="下载二维码" @click="download(data.qrCodeUrl)" />
+        <van-action-bar-button color="#2b75fd" text="下载二维码" @click="download(data.qrCodeUrl)" />
-        <van-action-bar-button color="#be99ff" text="二维码管理" @click="toHisrotyView()" />
+        <van-action-bar-button color="#2b75fd" text="二维码管理" @click="toHisrotyView()" />
       </van-action-bar>
 		</div>
 	</div>

src/views/enterprise/registrationList.vue

@@ -67,9 +67,8 @@
                                 <div class="card_box">
                                     <div class="card_box_span">
                                         <p>执法时间：{{ item.createTime }} <span class="card_box_action">
-                      <van-button class="trbtn" @click="toComplaintView(item.id,item.lawEnforcementItem,item.lawEnforcementItemText)" type="primary"
+                    </span></p><van-button class="trbtn" @click="toComplaintView(item.id,item.lawEnforcementItem,item.lawEnforcementItemText)" type="primary"
                                            size="mini">投诉</van-button>
-                    </span></p>
                                     </div>
                                     <!-- <van-divider :style="{ color: '#1989fa', borderColor: '#1989fa',padding: '0 5px' }" /> -->
 
@@ -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;
+            background-color:#1367fe;
-            color: #1367fe;
+            color: #fff;
         }
     }
 
@@ -471,8 +470,10 @@
     }
 
     .trbtn {
-        top: -0.25rem;
+        position: absolute;
-        height: 0.55rem;
+        top: 0;
+        right: 4%;
+        height: 90%;
     }
 
     /deep/ .van-hairline--bottom {