房屋管理添加查询字段

src/views/modules/base/community/community.vue

@@ -75,6 +75,31 @@
 
           </div>
         </div>
+
+        <div class="resi-cell">
+          <div class="resi-cell-label">房屋用途</div>
+          <div class="resi-cell-value">
+
+            <el-select v-model="purpose" placeholder="房屋用途" clearable>
+              <el-option v-for="item in purposeArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue">
+              </el-option>
+            </el-select>
+
+          </div>
+        </div>
+
+        <div class="resi-cell">
+          <div class="resi-cell-label">备注</div>
+          <div class="resi-cell-value">
+
+            <el-input v-model="remark"
+                      size="small"
+                      clearable
+                      placeholder="请输入备注">
+            </el-input>
+
+          </div>
+        </div>
         <el-button style="margin-left:10px"
                    class="diy-button--search"
                    size="small"
@@ -166,8 +191,19 @@ export default {
                 ownerName: '',
                 ownerPhone: '',
                 rentFlag: '',
+                purpose: '',
+                remark: '',
                 showRoomTable: false,
                 selObj: {},
+                purposeArr: [
+                    { dictValue: '1', dictName: '住宅' },
+                    { dictValue: '2', dictName: '商业' },
+                    { dictValue: '3', dictName: '办公' },
+                    { dictValue: '4', dictName: '工业' },
+                    { dictValue: '5', dictName: '仓储' },
+                    { dictValue: '6', dictName: '商住混用' },
+                    { dictValue: '7', dictName: '其他' }
+                ]
             }
         },
         components: {
@@ -206,7 +242,7 @@ export default {
         methods: {
 
             handleSearch () {
-      if (this.ownerName || this.ownerPhone || this.rentFlag) {
+                if (this.ownerName || this.ownerPhone || this.rentFlag || this.purpose || this.remark) {
                     this.showRoomTable = true
 
                     this.$nextTick(() => {
@@ -224,6 +260,8 @@ export default {
                 this.ownerName = ''
                 this.ownerPhone = ''
                 this.rentFlag = ''
+                this.purpose = ''
+                this.remark = ''
 
                 this.pageSize = 10
                 this.pageNo = 1
@@ -295,6 +333,8 @@ export default {
                 this.ownerName = ''
                 this.ownerPhone = ''
                 this.rentFlag = ''
+                this.purpose = ''
+                this.remark = ''
                 this.showRoomTable = false
 
                 this.selObj = JSON.parse(JSON.stringify(obj))

src/views/modules/base/community/roomForm.vue

@@ -110,6 +110,16 @@
                     v-model="dataForm.ownerIdCard">
           </el-input>
         </el-form-item>
+        <el-form-item label="备注"
+                      prop="remark"
+                      label-width="150px"
+                      style="display: block">
+          <el-input class="item_width_1"
+                    maxlength="30"
+                    placeholder="请输入备注"
+                    v-model="dataForm.remark">
+          </el-input>
+        </el-form-item>
       </el-form>
 
     </div>
@@ -153,7 +163,8 @@ export default {
                     rentFlag: 0,//房屋状态【是：1，否：0】	出租1、闲置2、自住	0
                     ownerPhone: '', //房主电话
                     ownerName: '', //房主名字
-        ownerIdCard: '' //房主身份证	
+                    ownerIdCard: '', //房主身份证
+                    remark: ''
                 },
 
                 keyWords: '',
@@ -321,7 +332,8 @@ export default {
                     rentFlag: 0,//是否出租【是：1，否：0】
                     ownerPhone: '', //房主电话
                     ownerName: '', //房主名字
-        ownerIdCard: '' //房主身份证	
+                    ownerIdCard: '', //房主身份证
+                    remark: '' // 备注
                 }
 
             },
@@ -368,6 +380,9 @@ export default {
                     ownerIdCard: [
                         { required: false }
                     ],
+                    remark: [
+                        { required: false }
+                    ],
                 }
             },
 

src/views/modules/base/community/roomTable.vue

@@ -347,6 +347,8 @@ export default {
                     ownerName: this.ownerName,
                     ownerPhone: this.ownerPhone,
                     rentFlag: this.rentFlag,
+                    purpose: this.purpose,
+                    remark: this.remark,
                     sortType: this.sortType,
                 }
 
@@ -541,6 +543,8 @@ export default {
                     ownerName: this.ownerName,
                     ownerPhone: this.ownerPhone,
                     rentFlag: this.rentFlag,
+                    purpose: this.purpose,
+                    remark: this.remark,
                     buildingId: this.agencyObj.id
                 }
 
@@ -618,6 +622,8 @@ export default {
                     gridId: '',
                     ownerName: this.ownerName,
                     ownerPhone: this.ownerPhone,
+                    purpose: this.purpose,
+                    remark: this.remark,
                     rentFlag: this.rentFlag,
                     buildingId: '',
                     neighborHoodId: ''
@@ -799,6 +805,14 @@ export default {
                 type: String,
                 default: '',
             },
+            purpose: {
+                type: String,
+                default: '',
+            },
+            remark: {
+                type: String,
+                default: '',
+            },
         }
     }
 </script>