样式调整

src/components/common/PopupSelector.vue

@@ -1,8 +1,6 @@
 <template>
-  <div>
+  <div class="thin-bottom mb1">
-    <van-cell-group @click.native="showPopup">
     <van-field v-bind="$attrs" right-icon="arrow" :value="value" :required="required" :readonly="readonly" />
-    </van-cell-group>
     <van-popup id="popup" :value="isShow" :position="position" @click-overlay="closePopup">
       <slot :closePopup="closePopup">
         <van-picker id="picker" show-toolbar :columns="columns" @confirm="onPickerConfirm" @cancel="closePopup" />

src/views/ebiz/eqiVisit/HistoryDetail.vue

@@ -1,30 +1,30 @@
 <template>
   <div class="history-detail bg-white">
     <p class="date pl20 pt5 pb5">{{ accompanyRecordDTO.visitDate }}</p>
-    <van-cell-group>
+    <div class="thin-bottom mb1">
       <van-field label-width="120" v-model="accompanyRecordDTO.agentName" label="陪访人" readonly />
-    </van-cell-group>
+    </div>
-    <van-cell-group>
+    <div class="thin-bottom mb1">
       <van-field label-width="120" v-model="accompanyRecordDTO.accompanyAgentName" label="陪访新人姓名" readonly />
-    </van-cell-group>
+    </div>
-    <van-cell-group>
+    <div class="thin-bottom mb1">
       <van-field label-width="120" v-model="accompanyRecordDTO.visitDuration" label="时长" readonly />
-    </van-cell-group>
+    </div>
-    <van-cell-group>
+    <div class="thin-bottom mb1">
       <van-field label-width="120" v-model="accompanyRecordDTO.visitName" label="客户姓名" readonly />
-    </van-cell-group>
+    </div>
-    <van-cell-group>
+    <div class="thin-bottom mb1">
       <van-field label-width="120" v-model="accompanyRecordDTO.visitAge" label="客户年龄" readonly />
-    </van-cell-group>
+    </div>
-    <van-cell-group>
+    <div class="thin-bottom mb1">
       <van-field label-width="120" v-model="homeLocation" label="地点" readonly />
-    </van-cell-group>
+    </div>
-    <van-cell-group>
+    <div class="thin-bottom mb1">
       <van-field label-width="120" v-model="accompanyRecordDTO.visitAddress" label="详细地址" readonly />
-    </van-cell-group>
+    </div>
-    <van-cell-group v-if="imgList.length">
+    <div v-if="imgList.length" class="thin-bottom mb1">
       <van-field label-width="120" label="现场照片" readonly />
-    </van-cell-group>
+    </div>
     <div class="imgs pb30">
       <van-grid :column-num="3" :border="false">
         <van-grid-item v-for="(img, i) in imgList" :key="i" @click="prevImg(img)">

src/views/ebiz/eqiVisit/VisitInfoRegister.vue

@@ -1,11 +1,12 @@
 <template>
   <div class="full-page bg-white">
-    <div class="form ml10 mr10">
+    <div class="form">
-      <van-cell-group>
+      <div class="thin-bottom mb1">
         <van-field v-model="agentInfo.name" label="陪访人" readonly />
-      </van-cell-group>
+      </div>
-      <van-cell-group @click="selectNewcomer">
+      <div class="thin-bottom mb1">
         <van-field
+          @click="selectNewcomer"
           right-icon="arrow"
           v-model="newcomerInfo.name"
           label="陪访新人姓名"
@@ -14,8 +15,9 @@
           readonly
           name="陪访新人姓名"
           v-validate="'required'"
+          class="thin-bottom"
         />
-      </van-cell-group>
+      </div>
       <PopupSelector
         v-model="visitType"
         label="陪访类型"
@@ -36,18 +38,18 @@
           <van-picker show-toolbar :columns="duration" @confirm="onDurationConfirm($event, closePopup)" @cancel="closePopup" />
         </template>
       </PopupSelector>
-      <van-cell-group>
+      <div class="thin-bottom mb1">
         <van-field v-model="visitName" label="客户姓名" placeholder="请输入" required name="客户姓名" v-validate="'required'" />
-      </van-cell-group>
+      </div>
-      <PopupSelector v-model="visitAge" :columns="ages" label="客户年龄" placeholder="请选择" readonly required name="客户年龄" v-validate="'required'" />
+      <PopupSelector v-model="visitAge" :columns="ages" label="客户年龄(岁)" placeholder="请选择" readonly required name="客户年龄" v-validate="'required'" />
       <PopupSelector v-model="areaName" label="地点" placeholder="请选择" readonly required name="地点" v-validate="'required'">
         <template v-slot:default="{ closePopup }">
           <van-area :area-list="areaList" value="450000" @confirm="onAreaConfirm($event, closePopup)" @cancel="closePopup" />
         </template>
       </PopupSelector>
-      <van-cell-group>
+      <div class="thin-bottom mb1">
         <van-field v-model="visitAddress" label="详细地址" placeholder="请输入" required clearable name="详细地址" v-validate="'required'" maxlength="200" />
-      </van-cell-group>
+      </div>
       <p class="m10">现场照片(最多9张)</p>
       <van-uploader class="m10" v-model="imageList" :after-read="uploadImg" :max-count="9" />
     </div>
@@ -333,4 +335,13 @@ export default {
 /deep/ .van-tabs__line {
   background-color: #1989fa !important;
 }
+
+#app .van-cell:not(:last-child)::after {
+  border: none;
+}
+
+/deep/ .van-hairline--top-bottom::after,
+.van-hairline-unset--top-bottom::after {
+  border: none;
+}
 </style>