From ae25593f42484b8eb755bd44f4c89db365b70076 Mon Sep 17 00:00:00 2001
From: "452061493@qq.com" <452061493@qq.com>
Date: Mon, 2 Sep 2024 18:52:35 +0800
Subject: [PATCH] =?UTF-8?q?1.=E4=BC=81=E4=B8=9A=E7=94=BB=E5=83=8F-?=
 =?UTF-8?q?=E4=BC=81=E4=B8=9A=E4=BF=A1=E6=81=AF=E6=8A=98=E5=8F=A0=202.?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8Fbug=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../administrative/appointmentDetail.vue      |  21 ++--
 src/views/enforce/enforcementPlanDetailed.vue |  20 ++--
 src/views/enforce/enterpriseBaseInfo.vue      | 100 ++++++++++++++++--
 src/views/enforce/enterpriseWarningInfo.vue   |  11 +-
 .../enterprise/enterpriseInspectionDetail.vue |  22 ++--
 src/views/enterprise/register.vue             |  20 ++--
 src/views/enterprise/registrationDetail.vue   |  21 ++--
 7 files changed, 170 insertions(+), 45 deletions(-)

diff --git a/src/views/administrative/appointmentDetail.vue b/src/views/administrative/appointmentDetail.vue
index db37e3d..251bb3d 100644
--- a/src/views/administrative/appointmentDetail.vue
+++ b/src/views/administrative/appointmentDetail.vue
@@ -721,21 +721,28 @@
     .fold-div {
       position: relative;
       display: flex;
-      margin: -1px 0.3rem 0;
-      padding: 0.05rem 0;
-      border-bottom: 1px solid #f6f7f8;
-      color: #323233;
+      padding: 0 0.43rem 0.13rem;
+      color: rgb(50, 50, 51);
       font-size: 0.37rem;
     }
 
+    .fold-div::after {
+      position: absolute;
+      left: 0.43rem;
+      bottom: 0;
+      width: calc(100% - 0.86rem);
+      border-bottom: 1px solid #f5f6f7;
+      content: "";
+    }
+
     .fold-div label {
       width: 2.6rem;
-      padding: 0.27rem 0px 0.27rem 0.15rem;
+      padding: 0.27rem 0px 0.27rem 0;
     }
 
     .fold-div .van-text-ellipsis {
-      padding: 0.24rem 0;
-      width: calc(100% - 2.7rem);
+      padding: 0.27rem 0;
+      width: calc(100% - 2.5rem);
       color: #666;
     }
 
diff --git a/src/views/enforce/enforcementPlanDetailed.vue b/src/views/enforce/enforcementPlanDetailed.vue
index 2ea884e..e3b2d8e 100644
--- a/src/views/enforce/enforcementPlanDetailed.vue
+++ b/src/views/enforce/enforcementPlanDetailed.vue
@@ -126,23 +126,29 @@ onMounted(() => {
     .fold-div {
       position: relative;
       display: flex;
-      margin: 0 0.3rem;
-      padding-bottom: 0.13rem;
-      border-bottom: 1px solid #f6f7f8;
+      padding: 0 0.43rem 0.13rem;
       color: rgb(50, 50, 51);
       font-size: 0.37rem;
     }
 
+    .fold-div::after {
+      position: absolute;
+      left: 0.43rem;
+      bottom: 0;
+      width: calc(100% - 0.86rem);
+      border-bottom: 1px solid #f5f6f7;
+      content: "";
+    }
+
     .fold-div label {
       width: 2.6rem;
-      padding: 0.27rem 0px 0.27rem 0.15rem;
+      padding: 0.27rem 0px 0.27rem 0;
     }
 
     .fold-div .van-text-ellipsis {
-      padding: 0.24rem 0;
-      width: calc(100% - 2.7rem);
+      padding: 0.27rem 0;
+      width: calc(100% - 2.5rem);
       color: #666;
-      line-height: 1.25;
     }
 
     .fold-div i {
diff --git a/src/views/enforce/enterpriseBaseInfo.vue b/src/views/enforce/enterpriseBaseInfo.vue
index 0864fab..946f7ce 100644
--- a/src/views/enforce/enterpriseBaseInfo.vue
+++ b/src/views/enforce/enterpriseBaseInfo.vue
@@ -10,6 +10,7 @@
 
             <van-cell-group>
                 <!--                <div class="qy-name">企业信息</div>-->
+              <div :class="is_show ? 'new_detail' : 'work_detail'">
                 <van-field
                         v-model="data.enterpriseInfo.enterpriseName"
                         label="企业名称"
@@ -20,6 +21,8 @@
                         label="统一社会信用代码"
                         readonly
                 />
+
+
                 <van-field
                         v-model="data.enterpriseInfo.legalPerson"
                         label="法定代表人"
@@ -56,6 +59,12 @@
                 <label>经营范围</label>
                 <van-text-ellipsis :content="data.enterpriseInfo.businessScope" rows="2" autosize expand-text="展开" collapse-text="收起" />
               </div>
+              </div>
+              <div class="look_all"  @click="is_show=!is_show" :class="{ new_up: !is_show }">
+<!--                <span>{{words}}</span>-->
+                <van-icon v-if="!is_show" name="arrow-down" />
+                <van-icon v-else  name="arrow-up" />
+              </div>
 
             </van-cell-group>
 
@@ -562,6 +571,29 @@
     };
 
 </script>
+<script>
+export default {
+  data()
+  {
+    return {
+      is_show: false
+    }
+  },
+  computed: {
+    words()
+    {
+      if (this.is_show === false)
+        return '展开'
+      else if (this.is_show === true)
+        return '收起'
+      else if (this.is_show === '')
+        return null
+      else
+        return null
+    }
+  },
+}
+</script>
 
 <style lang="less" scoped>
     .address_edit {
@@ -760,6 +792,10 @@
         font-size: 0.37rem;
     }
 
+    /deep/ .van-cell-group {
+      margin-top: -1px;
+    }
+
     /deep/ .van-button {
         margin: 2% -2% 3% 4.5%;
         padding: 2% 3%;
@@ -772,22 +808,30 @@
     }
 
     .fold-div {
+      position: relative;
       display: flex;
-      margin: 0 0.3rem;
-      padding-bottom: 0.13rem;
-      border-bottom: 1px solid #f6f7f8;
+      padding: 0 0.43rem 0.13rem;
       color: rgb(50, 50, 51);
       font-size: 0.37rem;
     }
 
+    .fold-div::after {
+      position: absolute;
+      left: 0.43rem;
+      bottom: 0;
+      width: calc(100% - 0.86rem);
+      border-bottom: 1px solid #f5f6f7;
+      content: "";
+    }
+
     .fold-div label {
       width: 2.6rem;
-      padding: 0.27rem 0px 0.27rem 0.15rem;
+      padding: 0.27rem 0px 0.27rem 0;
     }
 
     .fold-div .van-text-ellipsis {
-      padding: 0.24rem 0;
-      width: calc(100% - 2.7rem);
+      padding: 0.27rem 0;
+      width: calc(100% - 2.5rem);
       color: #666;
     }
 
@@ -809,4 +853,48 @@
     /deep/ .van-field__label--required:before {
       margin-left: -0.2rem;
     }
+
+/***折叠**/
+
+    .look_all {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 0.75rem;
+      font-size: 0.3rem;
+      color: #666;
+      cursor: pointer;
+      user-select: none;
+      border-radius: 0.05rem;
+      /*background: linear-gradient(to top, rgba(255, 255, 255, .9), rgba(255, 255, 255, .35));*/
+      background: #fff;
+    }
+
+    .look_all i {
+      margin: 0 0.2rem;
+      padding: 0.1rem 0.3rem 0;
+      color: rgba(0, 0, 0, 0.5);
+      font-size: 0.5rem;
+      height: 0.5rem;
+      /*background: linear-gradient(to bottom, rgba(0, 0, 0, .1), transparent);*/
+      border-radius: 0.2rem 0.2rem 0 0;
+    }
+
+    .new_detail {
+      height: 100%;
+      transition: height 2s linear;
+    }
+
+    .work_detail {
+      height: 3.1rem;
+      overflow: hidden;
+    }
+
+    .new_up {
+      position: absolute;
+      bottom: 0;
+    }
+/***/
+
 </style>
diff --git a/src/views/enforce/enterpriseWarningInfo.vue b/src/views/enforce/enterpriseWarningInfo.vue
index da812f2..48d98f5 100644
--- a/src/views/enforce/enterpriseWarningInfo.vue
+++ b/src/views/enforce/enterpriseWarningInfo.vue
@@ -346,15 +346,16 @@
 	}
 
   .search-button-list {
-    height: 0.85rem;
     display: flex;
+    align-items: end;
+    justify-content: space-between;
     flex-direction: row;
-    padding-left: 0.27rem;
+    padding: 0 0.27rem;
     margin: 0.35rem 0;
-    align-items: end;
+    height: 0.85rem;
 
     .search-button {
-      width: 45%;
+      width: 50%;
       height: 90%;
       background: #fff;
       border-color: #fff;
@@ -378,7 +379,7 @@
       left: 48%;
       top: 0.9rem;
       transform: translate(-50%, -50%);
-      width: 75%;
+      width: 90%;
       height: 0.08rem;
       background-color: #1367fe;
     }
diff --git a/src/views/enterprise/enterpriseInspectionDetail.vue b/src/views/enterprise/enterpriseInspectionDetail.vue
index 0c739f3..8325d09 100644
--- a/src/views/enterprise/enterpriseInspectionDetail.vue
+++ b/src/views/enterprise/enterpriseInspectionDetail.vue
@@ -320,21 +320,29 @@ onMounted(() =>{
 .fold-div {
   position: relative;
   display: flex;
-  margin: -1px 0.3rem 0;
-  padding: 0.05rem 0;
-  border-bottom: 1px solid #f6f7f8;
-  color: #323233;
+  padding: 0 0.43rem 0.13rem;
+  color: rgb(50, 50, 51);
   font-size: 0.37rem;
 }
 
+.fold-div::after {
+  position: absolute;
+  left: 0.43rem;
+  bottom: 0;
+  width: calc(100% - 0.86rem);
+  border-bottom: 1px solid #f5f6f7;
+  content: "";
+}
+
 .fold-div label {
   width: 2.6rem;
-  padding: 0.27rem 0px 0.27rem 0.15rem;
+  padding: 0.27rem 0px 0.27rem 0;
 }
 
 .fold-div .van-text-ellipsis {
-  padding: 0.24rem 0;
-  width: calc(100% - 2.7rem);
+  padding: 0.27rem 0;
+  width: calc(100% - 2.5rem);
   color: #666;
 }
+
 </style>
diff --git a/src/views/enterprise/register.vue b/src/views/enterprise/register.vue
index 5bc471c..0531cb3 100644
--- a/src/views/enterprise/register.vue
+++ b/src/views/enterprise/register.vue
@@ -372,22 +372,30 @@ export default {
 }
 
 .fold-div {
+  position: relative;
   display: flex;
-  margin: 0 0.3rem;
-  padding-bottom: 0.13rem;
-  border-bottom: 1px solid #f6f7f8;
+  padding: 0 0.43rem 0.13rem;
   color: rgb(50, 50, 51);
   font-size: 0.37rem;
 }
 
+.fold-div::after {
+  position: absolute;
+  left: 0.43rem;
+  bottom: 0;
+  width: calc(100% - 0.86rem);
+  border-bottom: 1px solid #f5f6f7;
+  content: "";
+}
+
 .fold-div label {
   width: 2.6rem;
-  padding: 0.27rem 0px 0.27rem 0.15rem;
+  padding: 0.27rem 0px 0.27rem 0;
 }
 
 .fold-div .van-text-ellipsis {
-  padding: 0.24rem 0;
-  width: calc(100% - 2.7rem);
+  padding: 0.27rem 0;
+  width: calc(100% - 2.5rem);
   color: #666;
 }
 
diff --git a/src/views/enterprise/registrationDetail.vue b/src/views/enterprise/registrationDetail.vue
index 5bd8e92..13647d5 100644
--- a/src/views/enterprise/registrationDetail.vue
+++ b/src/views/enterprise/registrationDetail.vue
@@ -600,21 +600,28 @@ const reciveData2 = (item) =>{
 .fold-div {
   position: relative;
   display: flex;
-  margin: -1px 0.3rem 0;
-  padding: 0.05rem 0;
-  border-bottom: 1px solid #f6f7f8;
-  color: #323233;
+  padding: 0 0.43rem 0.13rem;
+  color: rgb(50, 50, 51);
   font-size: 0.37rem;
 }
 
+.fold-div::after {
+  position: absolute;
+  left: 0.43rem;
+  bottom: 0;
+  width: calc(100% - 0.86rem);
+  border-bottom: 1px solid #f5f6f7;
+  content: "";
+}
+
 .fold-div label {
   width: 2.6rem;
-  padding: 0.27rem 0px 0.27rem 0.15rem;
+  padding: 0.27rem 0px 0.27rem 0;
 }
 
 .fold-div .van-text-ellipsis {
-  padding: 0.24rem 0;
-  width: calc(100% - 2.7rem);
+  padding: 0.27rem 0;
+  width: calc(100% - 2.5rem);
   color: #666;
 }