elink-star
/
ShibeiWorkPlatform_Frontend
11
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

房屋管理添加查询字段

shibei_master
wanggongfeng 3 years ago
parent
75e03d897b
commit
dbfa30ca28
3 changed files with 1246 additions and 1177 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 106
      src/views/modules/base/community/community.vue
  2. 33
      src/views/modules/base/community/roomForm.vue
  3. 44
      src/views/modules/base/community/roomTable.vue

106
src/views/modules/base/community/community.vue
View File

@ -75,6 +75,31 @@
</div> </div>
</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" <el-button style="margin-left:10px"
class="diy-button--search" class="diy-button--search"
size="small" size="small"
@ -122,16 +147,16 @@
</template> </template>
<script> <script>
import CDialog from '@c/CDialog' import CDialog from '@c/CDialog'
import communityTable from './communityTable' import communityTable from './communityTable'
import buildTable from './buildTable' import buildTable from './buildTable'
import roomTable from './roomTable' import roomTable from './roomTable'
import { requestPost } from "@/js/dai/request"; import { requestPost } from "@/js/dai/request";
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex'
import { Loading } from 'element-ui' // 引入Loading服务 import { Loading } from 'element-ui' // 引入Loading服务
let loading // 加载动画 let loading // 加载动画
export default { export default {
data () { data () {
return { return {
filterText: '', filterText: '',
@ -166,8 +191,19 @@ export default {
ownerName: '', ownerName: '',
ownerPhone: '', ownerPhone: '',
rentFlag: '', rentFlag: '',
purpose: '',
remark: '',
showRoomTable: false, showRoomTable: false,
selObj: {}, selObj: {},
purposeArr: [
{ dictValue: '1', dictName: '住宅' },
{ dictValue: '2', dictName: '商业' },
{ dictValue: '3', dictName: '办公' },
{ dictValue: '4', dictName: '工业' },
{ dictValue: '5', dictName: '仓储' },
{ dictValue: '6', dictName: '商住混用' },
{ dictValue: '7', dictName: '其他' }
]
} }
}, },
components: { components: {
@ -206,7 +242,7 @@ export default {
methods: { methods: {
handleSearch () { handleSearch () {
if (this.ownerName || this.ownerPhone || this.rentFlag) { if (this.ownerName || this.ownerPhone || this.rentFlag || this.purpose || this.remark) {
this.showRoomTable = true this.showRoomTable = true
this.$nextTick(() => { this.$nextTick(() => {
@ -224,6 +260,8 @@ export default {
this.ownerName = '' this.ownerName = ''
this.ownerPhone = '' this.ownerPhone = ''
this.rentFlag = '' this.rentFlag = ''
this.purpose = ''
this.remark = ''
this.pageSize = 10 this.pageSize = 10
this.pageNo = 1 this.pageNo = 1
@ -295,6 +333,8 @@ export default {
this.ownerName = '' this.ownerName = ''
this.ownerPhone = '' this.ownerPhone = ''
this.rentFlag = '' this.rentFlag = ''
this.purpose = ''
this.remark = ''
this.showRoomTable = false this.showRoomTable = false
this.selObj = JSON.parse(JSON.stringify(obj)) this.selObj = JSON.parse(JSON.stringify(obj))
@ -435,63 +475,63 @@ export default {
components: { components: {
communityTable, buildTable, roomTable communityTable, buildTable, roomTable
} }
} }
</script> </script>
<style lang="scss" scoped > <style lang="scss" scoped >
.div_main { .div_main {
display: flex; display: flex;
} }
.scrollar { .scrollar {
margin-top: 10px; margin-top: 10px;
} }
.div_tree { .div_tree {
flex: 0 0 280px; flex: 0 0 280px;
background-color: #ffffff; background-color: #ffffff;
border-radius: 5px; border-radius: 5px;
padding: 10px; padding: 10px;
overflow-y: hidden; overflow-y: hidden;
} }
.filter_tree { .filter_tree {
overflow-x: auto; overflow-x: auto;
} }
.div_table { .div_table {
margin-left: 15px; margin-left: 15px;
// flex: 1; // flex: 1;
width: calc(100% - 300px); width: calc(100% - 300px);
background-color: #ffffff; background-color: #ffffff;
border-radius: 5px; border-radius: 5px;
padding: 10px; padding: 10px;
} }
.div_btn { .div_btn {
margin-top: 20px; margin-top: 20px;
} }
.row { .row {
padding: 10px; padding: 10px;
} }
</style> </style>
<style> <style>
/* .aui-content > .el-tabs > .el-tabs__content { /* .aui-content > .el-tabs > .el-tabs__content {
padding: 0px; padding: 0px;
} */ } */
.el-tree-node:focus > .el-tree-node__content { .el-tree-node:focus > .el-tree-node__content {
/* background-color: #ccc !important; */ /* background-color: #ccc !important; */
color: #2195fe; color: #2195fe;
} }
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>
.div_tree { .div_tree {
/deep/ .el-scrollbar__wrap { /deep/ .el-scrollbar__wrap {
overflow-x: hidden !important; overflow-x: hidden !important;
} }
} }
</style> </style>
<style lang="scss" scoped > <style lang="scss" scoped >
@import "@/assets/scss/modules/visual/communityManage.scss"; @import "@/assets/scss/modules/visual/communityManage.scss";
</style> </style>

33
src/views/modules/base/community/roomForm.vue
View File

@ -110,6 +110,16 @@
v-model="dataForm.ownerIdCard"> v-model="dataForm.ownerIdCard">
</el-input> </el-input>
</el-form-item> </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> </el-form>
</div> </div>
@ -126,13 +136,13 @@
</template> </template>
<script> <script>
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex'
import { Loading } from 'element-ui' // 引入Loading服务 import { Loading } from 'element-ui' // 引入Loading服务
import { requestPost, requestGet } from '@/js/dai/request' import { requestPost, requestGet } from '@/js/dai/request'
let loading // 加载动画 let loading // 加载动画
export default { export default {
data () { data () {
return { return {
formType: 'add', //表单操作类型 add新增，edit编辑，detail详情 formType: 'add', //表单操作类型 add新增，edit编辑，detail详情
@ -153,7 +163,8 @@ export default {
rentFlag: 0,//房屋状态【是：1，否：0】 出租1、闲置2、自住 0 rentFlag: 0,//房屋状态【是：1，否：0】 出租1、闲置2、自住 0
ownerPhone: '', //房主电话 ownerPhone: '', //房主电话
ownerName: '', //房主名字 ownerName: '', //房主名字
ownerIdCard: '' //房主身份证 ownerIdCard: '', //房主身份证
remark: ''
}, },
keyWords: '', keyWords: '',
@ -321,7 +332,8 @@ export default {
rentFlag: 0,//是否出租【是：1，否：0】 rentFlag: 0,//是否出租【是：1，否：0】
ownerPhone: '', //房主电话 ownerPhone: '', //房主电话
ownerName: '', //房主名字 ownerName: '', //房主名字
ownerIdCard: '' //房主身份证 ownerIdCard: '', //房主身份证
remark: '' // 备注
} }
}, },
@ -368,13 +380,16 @@ export default {
ownerIdCard: [ ownerIdCard: [
{ required: false } { required: false }
], ],
remark: [
{ required: false }
],
} }
}, },
}, },
props: {} props: {}
} }
</script> </script>
<style lang="scss" scoped > <style lang="scss" scoped >
@import "@/assets/scss/modules/visual/communityManageForm.scss"; @import "@/assets/scss/modules/visual/communityManageForm.scss";
</style> </style>

44
src/views/modules/base/community/roomTable.vue
View File

@ -188,14 +188,14 @@
<script> <script>
import roomForm from './roomForm' import roomForm from './roomForm'
import { requestPost } from "@/js/dai/request"; import { requestPost } from "@/js/dai/request";
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex'
import { Loading } from 'element-ui' // 引入Loading服务 import { Loading } from 'element-ui' // 引入Loading服务
let loading // 加载动画 let loading // 加载动画
export default { export default {
data () { data () {
return { return {
source: 'tree',//来源 source: 'tree',//来源
@ -347,6 +347,8 @@ export default {
ownerName: this.ownerName, ownerName: this.ownerName,
ownerPhone: this.ownerPhone, ownerPhone: this.ownerPhone,
rentFlag: this.rentFlag, rentFlag: this.rentFlag,
purpose: this.purpose,
remark: this.remark,
sortType: this.sortType, sortType: this.sortType,
} }
@ -541,6 +543,8 @@ export default {
ownerName: this.ownerName, ownerName: this.ownerName,
ownerPhone: this.ownerPhone, ownerPhone: this.ownerPhone,
rentFlag: this.rentFlag, rentFlag: this.rentFlag,
purpose: this.purpose,
remark: this.remark,
buildingId: this.agencyObj.id buildingId: this.agencyObj.id
} }
@ -618,6 +622,8 @@ export default {
gridId: '', gridId: '',
ownerName: this.ownerName, ownerName: this.ownerName,
ownerPhone: this.ownerPhone, ownerPhone: this.ownerPhone,
purpose: this.purpose,
remark: this.remark,
rentFlag: this.rentFlag, rentFlag: this.rentFlag,
buildingId: '', buildingId: '',
neighborHoodId: '' neighborHoodId: ''
@ -799,22 +805,30 @@ export default {
type: String, type: String,
default: '', default: '',
}, },
purpose: {
type: String,
default: '',
},
remark: {
type: String,
default: '',
},
}
} }
}
</script> </script>
<style lang="scss" scoped > <style lang="scss" scoped >
@import "@/assets/scss/modules/visual/communityManage.scss"; @import "@/assets/scss/modules/visual/communityManage.scss";
.item_width_4 { .item_width_4 {
width: 120px; width: 120px;
} }
/deep/.el-input-number--medium .el-input-number__decrease, /deep/.el-input-number--medium .el-input-number__decrease,
/deep/.el-input-number--medium .el-input-number__increase { /deep/.el-input-number--medium .el-input-number__increase {
width: 26px; width: 26px;
} }
/deep/.el-input-number--medium .el-input__inner { /deep/.el-input-number--medium .el-input__inner {
padding-left: 0px; padding-left: 0px;
padding-right: 0px; padding-right: 0px;
} }
</style> </style>

Write Preview
Loading…
Cancel
Save