以房找人

src/apps/AppBuilding/components/add.vue

@@ -2,48 +2,46 @@
   <div class="add">
     <div class="title">
       <span class="tips"></span>房屋信息
-      <span class="select">选择人员</span>
     </div>
     <div class="pad-l32">
       <div class="item">
         <span class="label">房屋面积</span>
         <div class="value">
-          <span class="color-999">请选择</span>
-          <u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
+          <u-input type="digit" placeholder="请输入" v-model="houseInfo.houseArea" input-align="right" placeholder-style="color:#999;font-size:16px;" height="48"  :maxlength="7" />
         </div>
       </div>
       <div class="item">
         <span class="label">居住现状</span>
-        <div class="value">
-          <span class="color-999">请选择</span>
+        <div class="value" @click="selectClick('houselivingStatus', 'livingStatus')">
+          <span :class="houseInfo.livingStatus === '' ? 'color-999' : ''">{{ $dict.getLabel('houselivingStatus', houseInfo.livingStatus) || '请选择'}}</span>
           <u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
         </div>
       </div>
       <div class="item">
         <span class="label">房屋用途</span>
         <div class="value">
-          <span class="color-999">请选择</span>
+          <span :class="houseInfo.houseUse === '' ? 'color-999' : ''">{{$dict.getLabel('houseUseStatus', houseInfo.houseUse) || '请选择'}}</span>
           <u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
         </div>
       </div>
       <div class="item">
         <span class="label">承租情况</span>
         <div class="value">
-          <span class="color-999">请选择</span>
+          <span :class="houseInfo.livingStatus === '' ? 'color-999' : ''">{{ $dict.getLabel('houselivingStatus', houseInfo.livingStatus) || '请选择'}}</span>
           <u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
         </div>
       </div>
       <div class="item">
         <span class="label">起租日期</span>
         <div class="value">
-          <span class="color-999">请选择</span>
+          <span :class="houseInfo.startDate === '' ? 'color-999' : ''">{{ houseInfo.startDate }}</span>
           <u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
         </div>
       </div>
       <div class="item">
         <span class="label">租房备案证明</span>
         <div class="value">
-          <span class="color-999">请选择</span>
+          <span :class="houseInfo.isFilingCertificate === '' ? 'color-999' : ''">{{ $dict.getLabel('isFilingCertificateStatus', houseInfo.isFilingCertificate) || '请选择'}}</span>
           <u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
         </div>
       </div>
@@ -114,6 +112,8 @@
     <div class="footer">
       <div class="btn">保存</div>
     </div>
+
+    <u-select v-model="showSelect" :list="selectList"  label-name="dictName" value-name="dictValue" @confirm="confirmSelect"></u-select>
   </div>
 </template>
 
@@ -123,17 +123,42 @@ export default {
 
   data() {
     return {
-      
+      id: '',
+      houseInfo: {},
+      showSelect: false,
+      selectList: [],
+      formName: ''
     }
   },
   computed: { ...mapState(['user']) },
   mounted() {
-
+    this.id = '1603004d26ad4e739b79ad5ba9f8d777'
+    this.$dict.load('householdRelation', 'houselivingStatus', 'houseLeaseSituation', 'houseUseStatus', 
+    'isFilingCertificateStatus', 'communityBuildingType', 'yesOrNo', 'BulidResidentType').then(() => {
+      this.getDetail()
+    })
   },
 
   methods: {
-
-    
+    getDetail() {
+      this.$http.post(`app/appcommunityhouseinfo/queryDetailById?id=${this.id}`).then(res => {
+        if (res.code == 0) {
+          if(res.data.startDate) {
+            res.data.startDate = res.data.startDate.substring(0, 10)
+          }
+          this.houseInfo = res.data
+        }
+      })
+    },
+    selectClick(dictName, formName) {
+      console.log(123)
+      this.selectList = this.$dict.getDict(dictName)
+      this.formName = formName
+      this.showSelect = true
+    },
+    confirmSelect(e) {
+      this.houseInfo[this.formName] = e[0].value
+    }
   }
 }
 </script>