居民标签

src/project/saas/AppResidentDocument/Add.vue

@@ -128,16 +128,16 @@
       <textarea placeholder="请输入" maxlength="30" v-model="form.householdAddress"></textarea>
     </div>
     <div class="item">
-      <div class="border">
+      <div class="border" :class="[form.residentLabelList.length ? 'item-right' : '']">
       <!-- <div class="border item-right"> -->
         <span class="label">居民标签</span>
-        <span class="value" @click="toChooseTags">
+        <div class="tag-list" @click="toChooseTags" v-if="form.residentLabelList.length">
+          <div class="tag" v-for="(item, index) in form.residentLabelList" :key="index">{{ item.labelName }}</div>
+        </div>
+        <span class="value" @click="toChooseTags" v-else>
           <span class="color-999">请选择</span>
           <img src="./components/img/right-icon.png" alt="">
         </span>
-        <!-- <div class="tag-list" @click="toChooseTags">
-          <div class="tag" v-for="(item, index) in 10" :key="index">残疾人</div>
-        </div> -->
       </div>
     </div>
     <div class="pad-b152"></div>
@@ -194,7 +194,12 @@ export default {
 
     uni.$on('onChecked', e => {
       console.log(e)
-      this.form.residentLabelList = e
+      this.form.residentLabelList = e.map(v => {
+        return {
+          labelId: v.id,
+          labelName: v.labelName
+        }
+      })
     })
   },
   computed: {
@@ -252,7 +257,7 @@ export default {
 
     toChooseTags () {
       uni.navigateTo({
-        url: `./Tags?ids=${this.form.residentLabelList.map(v => v).join(',')}`
+        url: `./Tags?ids=${this.form.residentLabelList.map(v => v.labelId).join(',')}`
       })
     },