样式bug修改

src/views/enforce/enforceNotice.vue

@@ -34,11 +34,20 @@
                             <div class="item-text" @click="toPdfView(null==item.fileObject?'':item.fileObject.fileUrl)">
                               <a>{{ null==item.fileObject?'':item.fileObject.fileName }}</a>
                             </div>
-                            <div class="item-time" style="display: flex; justify-content: space-between;">
+<!--                            <div class="item-time" style="display: flex; justify-content: space-between;">
                                <span>{{ item.bureauDeptName }}</span>
                                <span>{{ item.createTime }}</span>
+                            </div>-->
+                            <div class="item-text">
+                              <p><label class="card_box_label">执法部门：</label> <span>{{ item.bureauDeptName }}</span>
+                              </p>
+                            </div>
+                            <div class="item-text">
+                              <p><label class="card_box_label">执法区域：</label> <span>{{ item.enforcementArea }}</span></p>
+                            </div>
+                            <div class="item-text">
+                              <p><label class="card_box_label">发布时间：</label> <span>{{ item.createTime }}</span></p>
                             </div>
-
 
                         </div>
                     </div>
@@ -407,8 +416,8 @@
         display: flex;
         position: relative;
         margin: 1% 0;
-        padding: 0 2% 0 0;
-        width: 96%;
+        padding: 0 1% 0 0;
+        width: 98%;
         align-items: center;
         /*border-bottom: 1px solid #f3f4f5;*/
     }
@@ -424,7 +433,8 @@
 
     .item-cont {
         display: inline-block;
-        width: calc(100% - 2.0rem);
+        margin: 3% 0;
+        width: calc(100% - 1.75rem);
     }
 
     .item-time {
@@ -451,16 +461,26 @@
 
     .item-text {
         width: 100%;
-        color: #999;
+        color: #666;
         font-size: 0.35rem;
         font-weight: normal;
-        line-height: 2;
     }
 
     .item-text a {
         color: #2b75fd;
+        line-height: 2;
     }
 
+    .item-text p {
+      display: flex;
+      margin: 0;
+    }
+
+    .item-text label {
+      color: #323233;
+    }
+
+
     /deep/ .van-search__content {
         height: 0.9rem;
         border: 1px solid #ececec;

src/views/enforce/enforcementPlanDetailed.vue

@@ -2,11 +2,15 @@
   <div class="address_edit">
     <div class="warp_body">
         <van-cell-group>
-            <van-field
+<!--            <van-field
                 label="计划名称"
                 v-model=obj.planName
                 readonly
-            />
+            />-->
+          <div class="fold-div">
+            <label>计划名称</label>
+            <van-text-ellipsis :content="obj.planName" rows="2" autosize expand-text="展开" collapse-text="收起" />
+          </div>
             <van-field
                 label="计划年度"
                 v-model=obj.planYear
@@ -27,12 +31,18 @@
                 v-model=obj.enforcementArea
                 readonly
             />
-            <van-field
+<!--            <van-field
                 label="文件名称"
                 v-model=obj.objList.fileName
                 readonly
                 @click="toPdfView(obj.objList.fileUrl)"
-            />
+                right-icon="eye"
+            />-->
+          <div class="fold-div">
+            <label>文件名称</label>
+            <van-text-ellipsis :content="obj.objList.fileName" @click="toPdfView(obj.objList.fileUrl)" rows="3" autosize />
+            <van-icon name="eye" />
+          </div>
         </van-cell-group>
     </div>
   </div>
@@ -113,4 +123,39 @@ onMounted(() => {
       overflow-y: auto;
       margin-top: 0.15rem;
     }
+
+    /deep/ .van-field__right-icon i {
+      color: #2b75fd;
+    }
+
+    .fold-div {
+      position: relative;
+      display: flex;
+      margin: 0 0.3rem;
+      padding-bottom: 0.13rem;
+      border-bottom: 1px solid #f5f6f7;
+      color: rgb(50, 50, 51);
+      font-size: 0.37rem;
+    }
+
+    .fold-div label {
+      width: 2.6rem;
+      padding: 0.27rem 0px 0.27rem 0.15rem;
+    }
+
+    .fold-div .van-text-ellipsis {
+      padding: 0.27rem 0px 0px;
+      width: calc(100% - 2.7rem);
+      color: #666;
+    }
+
+    .fold-div i {
+      position: absolute;
+      bottom: 0.2rem;
+      right: 0.1rem;
+      display: inline-block;
+      color: #2b75fd;
+      font-size: 0.5rem;
+    }
+
 </style>