涉事地址（执法投诉）改造

src/views/administrative/appointmentBase.vue

@@ -221,12 +221,6 @@
         border-top: 1px solid #f3f4f5;
     }
 
-    /deep/ .van-picker-column__item--selected {
-        background: rgba(0,0,0,.1);
-        color: #000;
-        font-weight: 600;
-    }
-
     /deep/ .van-picker-column__item--disabled {
         cursor: not-allowed;
         opacity: 1;

src/views/enterprise/complaint.vue

@@ -90,7 +90,7 @@
                     </div>
                     <van-divider class="divdsty"/>
 
-                    <van-field
+                    <!--<van-field
                             v-model="submitData.enterpriseAddress"
                             rows="3"
                             autosize
@@ -100,7 +100,35 @@
                             required
                             :rules="[{ required: true, message: '请填写详细地址' }]"
                             show-word-limit
-                    />
+                    />-->
+                    <div class="flex-div">
+                        <van-field class="edit-div"
+                                v-model="data.districtText"
+                                required
+                                is-link
+                                label="涉事地址"
+                                placeholder="选择区"
+                                readonly
+                                :rules="[{ required: true, message: '必填项' }]"
+                                @click="data.showTimePicker = true"
+                        />
+                        <span class="site-city">深圳市</span>
+                        <van-field
+                                v-model="data.streetText"
+                                placeholder="选择街道"
+                                required
+                                readonly
+                                clickable
+                                :rules="[{ required: true, message: '必填项' }]"
+                                @click="data.hourPicker = true"
+                        />
+                    </div>
+                        <van-field
+                                v-model="submitData.houseText"
+                                label=" "
+                                placeholder="详细地址（写字楼、小区、门牌等）"
+                        />
+
                     <van-divider class="divdsty"/>
 
                     <van-field
@@ -826,5 +854,50 @@
       line-height: 1.5;
     }
 
+    .flex-div {
+        position: relative;
+        display: flex;
+        align-items: flex-start;
+        padding: 0 0.43rem 0 0.23rem;
+        color: #666;
+        font-size: 0.374rem;
+        white-space: nowrap;
+    }
+
+    .flex-div::after {
+        position: absolute;
+        left: 3.0rem;
+        bottom: 0;
+        width: calc(100% - 3.43rem);
+        border-bottom: 1px solid #ebedf0;
+        content: "";
+        transform: scaleY(.5);
+    }
+
+    .flex-div .van-cell::after {
+        border-bottom: 0;
+    }
+
+    .flex-div .van-field {
+        float: right;
+        padding: var(--van-cell-vertical-padding) 0 var(--van-cell-vertical-padding) 0.1rem;
+        width: 25%;
+    }
+
+    .flex-div .van-field:first-child {
+        float: left;
+        padding-left: 0.2rem;
+        width: 75%;
+    }
+
+    .site-city {
+        position: absolute;
+        top: 0.31rem;
+        left: 3.07rem;
+    }
+
+    /deep/ .flex-div .edit-div .van-cell__value {
+        margin-left: 1.35rem;
+    }
 
 </style>

src/views/non-law/enterpriseWarningInfo.vue

@@ -61,10 +61,10 @@
                           <div class="card_box_span">
                             <p>
                               <label class="card_box_label">入企人员：</label>
-                              <div>
+                                <span class="asblock">
-                                <div>{{ nameCorrect(item.lawEnforcer) }}</div>
+                                <span>{{ nameCorrect(item.lawEnforcer) }}</span>
-                                <div v-for="(item, index) in item.lawEnforcerOtherList">{{ nameCorrect(item) }}</div>
+                                <span v-for="(item, index) in item.lawEnforcerOtherList">{{ nameCorrect(item) }}</span>
-                              </div>
+                              </span>
                             </p>
                           </div>
                             <div class="card_box_span">
@@ -488,6 +488,10 @@ const warnListInfoList = ref([])
         white-space: nowrap;
     }
 
+    .asblock, .asblock > span {
+        display: block;
+    }
+
     /deep/ .van-search__content {
         height: 0.9rem;
         border: 1px solid #ececec;