|
|
@ -30,38 +30,38 @@ |
|
|
|
</div> |
|
|
|
|
|
|
|
<div :style="{height:rowHeight}" |
|
|
|
class="div_table"> |
|
|
|
<div class="div_search"> |
|
|
|
<div class="resi-cell"> |
|
|
|
<div class="resi-cell-label">房主姓名</div> |
|
|
|
<div class="resi-cell-value"> |
|
|
|
class=div_left> |
|
|
|
|
|
|
|
<div class="div_search marginl-20"> |
|
|
|
<el-form :inline="true" |
|
|
|
ref="ref_searchform" |
|
|
|
:label-width="'80px'"> |
|
|
|
<div> |
|
|
|
|
|
|
|
<el-form-item label="房主姓名" |
|
|
|
prop="ownerName"> |
|
|
|
<el-input v-model="ownerName" |
|
|
|
class="resi-cell-input" |
|
|
|
class="item_width_2" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入内容"> |
|
|
|
</el-input> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="resi-cell"> |
|
|
|
<div class="resi-cell-label">房主手机</div> |
|
|
|
<div class="resi-cell-value"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="房主手机" |
|
|
|
prop="ownerPhone"> |
|
|
|
<el-input v-model="ownerPhone" |
|
|
|
class="resi-cell-input" |
|
|
|
class="item_width_2" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入内容"> |
|
|
|
placeholder="请输入手机"> |
|
|
|
</el-input> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="resi-cell"> |
|
|
|
<div class="resi-cell-label">房屋状态</div> |
|
|
|
<div class="resi-cell-value"> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-select class="item_width_1" |
|
|
|
<el-form-item label="房屋状态" |
|
|
|
prop="rentFlag"> |
|
|
|
<el-select class="item_width_2" |
|
|
|
v-model="rentFlag" |
|
|
|
placeholder="请选择" |
|
|
|
size="small" |
|
|
@ -72,47 +72,68 @@ |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
</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-form-item label="房屋用途" |
|
|
|
prop="purpose"> |
|
|
|
<el-select v-model="purpose" |
|
|
|
class="item_width_2" |
|
|
|
placeholder="请选择" |
|
|
|
size="small" |
|
|
|
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-form-item> |
|
|
|
|
|
|
|
<el-form-item label="备注" |
|
|
|
prop="remark"> |
|
|
|
<el-input v-model="remark" |
|
|
|
class="item_width_2" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入备注"> |
|
|
|
</el-input> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-button style="margin-left:10px" |
|
|
|
class="diy-button--search" |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="更新时间" |
|
|
|
prop="updateStartDate"> |
|
|
|
<el-date-picker v-model="updateStartDate" |
|
|
|
:picker-options="startPickerOptions" |
|
|
|
class="item_width_2" |
|
|
|
size="small" |
|
|
|
type="date" |
|
|
|
value-format="yyyyMMdd" |
|
|
|
value="yyyy-MM-dd" |
|
|
|
placeholder="开始时间"> |
|
|
|
</el-date-picker> |
|
|
|
<span class="data-tag">至</span> |
|
|
|
<el-date-picker v-model="updateEndDate" |
|
|
|
:picker-options="endPickerOptions" |
|
|
|
class="item_width_2 data-tag" |
|
|
|
size="small" |
|
|
|
type="date" |
|
|
|
value-format="yyyyMMdd" |
|
|
|
value="yyyy-MM-dd" |
|
|
|
placeholder="结束时间"> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-button style="margin-left:30px" |
|
|
|
size="small" |
|
|
|
class="diy-button--search" |
|
|
|
@click="handleSearch">查询</el-button> |
|
|
|
<el-button style="margin-left:10px" |
|
|
|
class="diy-button--reset" |
|
|
|
size="small" |
|
|
|
@click="resetSearch">重置</el-button> |
|
|
|
<!-- <el-button style="margin-left:10px" |
|
|
|
class="diy-button--reset" |
|
|
|
size="small" |
|
|
|
@click="resetSearch">重置</el-button> --> |
|
|
|
@click="resetSearch">重置</el-button> |
|
|
|
</div> |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
<div class=div_left_table> |
|
|
|
<build-table v-if="selTreeObj.level==='neighborHood'&&!showRoomTable" |
|
|
|
ref="ref_neighTable" |
|
|
|
:staffAgencyId="staffAgencyId" |
|
|
@ -122,6 +143,8 @@ |
|
|
|
:rentFlag="rentFlag" |
|
|
|
:purpose="purpose" |
|
|
|
:remark="remark" |
|
|
|
:updateStartDate="updateStartDate" |
|
|
|
:updateEndDate="updateEndDate" |
|
|
|
@toNextLevel="toNextLevel" |
|
|
|
@refreshTree="refreshTree"></build-table> |
|
|
|
|
|
|
@ -133,6 +156,8 @@ |
|
|
|
:rentFlag="rentFlag" |
|
|
|
:purpose="purpose" |
|
|
|
:remark="remark" |
|
|
|
:updateStartDate="updateStartDate" |
|
|
|
:updateEndDate="updateEndDate" |
|
|
|
ref="ref_buildingTable" |
|
|
|
@refreshTree="refreshTree"></room-table> |
|
|
|
|
|
|
@ -144,9 +169,11 @@ |
|
|
|
:rentFlag="rentFlag" |
|
|
|
:purpose="purpose" |
|
|
|
:remark="remark" |
|
|
|
:updateStartDate="updateStartDate" |
|
|
|
:updateEndDate="updateEndDate" |
|
|
|
ref="ref_communityTable" |
|
|
|
@refreshTree="refreshTree"></community-table> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
@ -164,6 +191,20 @@ |
|
|
|
let loading // 加载动画 |
|
|
|
export default { |
|
|
|
data () { |
|
|
|
let endDisabledDate = (time) => {//这个关键属性我们一定要写在data的里面并且return的外面,这是动态改变区间的关键 |
|
|
|
let nowData = Date.now() |
|
|
|
if (this.updateStartDate) { |
|
|
|
let startTime = new Date(this.updateStartDate) |
|
|
|
return time.getTime() > nowData || time.getTime() < startTime || time.getTime() === startTime |
|
|
|
} else { |
|
|
|
return time.getTime() > nowData |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
let startDisabledDate = (time) => {//这个关键属性我们一定要写在data的里面并且return的外面,这是动态改变区间的关键 |
|
|
|
let nowData = Date.now() |
|
|
|
return time.getTime() > nowData |
|
|
|
} |
|
|
|
return { |
|
|
|
filterText: '', |
|
|
|
treeLoading: true, |
|
|
@ -199,6 +240,8 @@ |
|
|
|
rentFlag: '', |
|
|
|
purpose: '', |
|
|
|
remark: '', |
|
|
|
updateStartDate: '', |
|
|
|
updateEndDate: '', |
|
|
|
showRoomTable: false, |
|
|
|
selObj: {}, |
|
|
|
purposeArr: [ |
|
|
@ -209,7 +252,13 @@ |
|
|
|
{ dictValue: '5', dictName: '仓储' }, |
|
|
|
{ dictValue: '6', dictName: '商住混用' }, |
|
|
|
{ dictValue: '7', dictName: '其他' } |
|
|
|
] |
|
|
|
], |
|
|
|
endPickerOptions: { |
|
|
|
disabledDate: endDisabledDate |
|
|
|
}, |
|
|
|
startPickerOptions: { |
|
|
|
disabledDate: startDisabledDate |
|
|
|
}, |
|
|
|
} |
|
|
|
}, |
|
|
|
components: { |
|
|
@ -248,15 +297,15 @@ |
|
|
|
methods: { |
|
|
|
|
|
|
|
handleSearch () { |
|
|
|
if (this.ownerName || this.ownerPhone || this.rentFlag || this.purpose || this.remark) { |
|
|
|
// if (this.ownerName || this.ownerPhone || this.rentFlag || this.purpose || this.remark) { |
|
|
|
this.showRoomTable = true |
|
|
|
|
|
|
|
this.$nextTick(() => { |
|
|
|
this.$refs['ref_buildingTable'].loadTable('search', this.selTreeObj) |
|
|
|
}) |
|
|
|
} else { |
|
|
|
this.$message.warning('请输入查询条件') |
|
|
|
} |
|
|
|
// } else { |
|
|
|
// this.$message.warning('请输入查询条件') |
|
|
|
// } |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
@ -268,10 +317,12 @@ |
|
|
|
this.rentFlag = '' |
|
|
|
this.purpose = '' |
|
|
|
this.remark = '' |
|
|
|
this.updateStartDate = '' |
|
|
|
this.updateEndDate = '' |
|
|
|
|
|
|
|
this.pageSize = 10 |
|
|
|
this.pageNo = 1 |
|
|
|
this.handleNodeClick(this.selObj) |
|
|
|
// this.handleNodeClick(this.selObj) |
|
|
|
// this.loadTable() |
|
|
|
}, |
|
|
|
|
|
|
@ -341,6 +392,8 @@ |
|
|
|
this.rentFlag = '' |
|
|
|
this.purpose = '' |
|
|
|
this.remark = '' |
|
|
|
this.updateStartDate = '' |
|
|
|
this.updateEndDate = '' |
|
|
|
this.showRoomTable = false |
|
|
|
|
|
|
|
this.selObj = JSON.parse(JSON.stringify(obj)) |
|
|
@ -483,6 +536,31 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
<style> |
|
|
|
/* .aui-content > .el-tabs > .el-tabs__content { |
|
|
|
padding: 0px; |
|
|
|
} */ |
|
|
|
|
|
|
|
.el-tree-node:focus > .el-tree-node__content { |
|
|
|
/* background-color: #ccc !important; */ |
|
|
|
color: #2195fe; |
|
|
|
} |
|
|
|
</style> |
|
|
|
<style lang="scss" scoped> |
|
|
|
.div_tree { |
|
|
|
/deep/ .el-scrollbar__wrap { |
|
|
|
overflow-x: hidden !important; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
|
|
|
<style lang="scss" scoped > |
|
|
|
@import "@/assets/scss/modules/visual/communityManage.scss"; |
|
|
|
@import "@/assets/scss/modules/management/list-main.scss"; |
|
|
|
</style> |
|
|
|
|
|
|
|
<style lang="scss" scoped > |
|
|
|
.div_main { |
|
|
|
display: flex; |
|
|
@ -502,42 +580,25 @@ |
|
|
|
overflow-x: auto; |
|
|
|
} |
|
|
|
|
|
|
|
.div_table { |
|
|
|
margin-left: 15px; |
|
|
|
// .div_table { |
|
|
|
// margin-left: 15px; |
|
|
|
// // flex: 1; |
|
|
|
// width: calc(100% - 300px); |
|
|
|
// background-color: #ffffff; |
|
|
|
// border-radius: 5px; |
|
|
|
// padding: 10px; |
|
|
|
// } |
|
|
|
.div_left { |
|
|
|
// flex: 1; |
|
|
|
width: calc(100% - 300px); |
|
|
|
} |
|
|
|
.div_left_table { |
|
|
|
margin-top: 10px; |
|
|
|
margin-left: 15px; |
|
|
|
background-color: #ffffff; |
|
|
|
border-radius: 5px; |
|
|
|
padding: 10px; |
|
|
|
} |
|
|
|
|
|
|
|
.div_btn { |
|
|
|
margin-top: 20px; |
|
|
|
} |
|
|
|
|
|
|
|
.row { |
|
|
|
padding: 10px; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
|
|
|
<style> |
|
|
|
/* .aui-content > .el-tabs > .el-tabs__content { |
|
|
|
padding: 0px; |
|
|
|
} */ |
|
|
|
|
|
|
|
.el-tree-node:focus > .el-tree-node__content { |
|
|
|
/* background-color: #ccc !important; */ |
|
|
|
color: #2195fe; |
|
|
|
} |
|
|
|
</style> |
|
|
|
<style lang="scss" scoped> |
|
|
|
.div_tree { |
|
|
|
/deep/ .el-scrollbar__wrap { |
|
|
|
overflow-x: hidden !important; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
|
|
|
<style lang="scss" scoped > |
|
|
|
@import "@/assets/scss/modules/visual/communityManage.scss"; |
|
|
|
</style> |
|
|
|