| | |
| | | @row-save="rowSave" :before-open="beforeOpen" :page.sync="page" @search-change="searchChange" |
| | | @search-reset="searchReset" @selection-change="selectionChange" @current-change="currentChange" |
| | | @size-change="sizeChange" @refresh-change="refreshChange" @on-load="onLoad"> |
| | | <template slot="auditStatus" slot-scope="{row}"> |
| | | <el-tag size="small" :type="showConfirmFlag(row.auditStatus).type"> |
| | | {{ showConfirmFlag(row.auditStatus).text }} |
| | | </el-tag> |
| | | </template> |
| | | |
| | | <template slot="menuLeft"> |
| | | <el-button type="danger" size="small" plain icon="el-icon-delete" |
| | | v-if="permission.houseRental_delete" @click="handleDelete">删 除 |
| | |
| | | ] |
| | | }, |
| | | option: { |
| | | labelWidth: 120, |
| | | searchLabelWidth: 96, |
| | | searchShow: true, |
| | | searchMenuSpan: 3, |
| | | menuWidth: 280, |
| | | |
| | | height: 'auto', |
| | | calcHeight: 80, |
| | | tip: false, |
| | | searchShow: true, |
| | | searchMenuSpan: 6, |
| | | border: true, |
| | | index: true, |
| | | selection: true, |
| | |
| | | addBtn: true, |
| | | dialogType: 'drawer', |
| | | dialogClickModal: false, |
| | | menuWidth: 280, |
| | | column: [{ |
| | | label: "房屋", |
| | | prop: "address", |
| | | display: false |
| | | }, |
| | | { |
| | | label: "房屋", |
| | | prop: "houseCode", |
| | | hide: true, |
| | | type: "table", |
| | | children: { |
| | | border: true, |
| | | height: 400, |
| | | searchShow: true, |
| | | searchMenuSpan: 6, |
| | | submitText: "确定", |
| | | column: [ |
| | | { |
| | | width: 220, |
| | | overHidden: true, |
| | | label: '小区名称', |
| | | prop: "districtName", |
| | | search: true, |
| | | searchSpan: 4, |
| | | rules: [{ |
| | | required: true, |
| | | message: "请输入小区名称", |
| | | trigger: "blur", |
| | | },], |
| | | }, |
| | | { |
| | | label: "地址", |
| | | prop: "address", |
| | | width: 180, |
| | | display: false |
| | | }, |
| | | { |
| | | label: "手机", |
| | | prop: "phone", |
| | | rules: [{ |
| | | required: true, |
| | | message: "请输入绑定手机", |
| | | trigger: "blur", |
| | | },], |
| | | }, |
| | | |
| | | column: [ |
| | | { |
| | | label: "房屋", |
| | | prop: "address", |
| | | display: false |
| | | }, |
| | | { |
| | | label: "房屋", |
| | | prop: "houseCode", |
| | | hide: true, |
| | | type: "table", |
| | | children: { |
| | | border: true, |
| | | height: 400, |
| | | searchShow: true, |
| | | searchMenuSpan: 6, |
| | | submitText: "确定", |
| | | column: [ |
| | | { |
| | | width: 220, |
| | | overHidden: true, |
| | | label: '小区名称', |
| | | prop: "districtName", |
| | | search: true, |
| | | searchSpan: 4, |
| | | rules: [{ |
| | | required: true, |
| | | message: "请输入小区名称", |
| | | trigger: "blur", |
| | | },], |
| | | }, |
| | | { |
| | | label: "地址", |
| | | prop: "address", |
| | | width: 180, |
| | | display: false |
| | | }, |
| | | { |
| | | label: "手机", |
| | | prop: "phone", |
| | | rules: [{ |
| | | required: true, |
| | | message: "请输入绑定手机", |
| | | trigger: "blur", |
| | | },], |
| | | }, |
| | | ], |
| | | }, |
| | | page: { |
| | | pageSize: 10, |
| | | currentPage: 1, |
| | | total: 0 |
| | | }, |
| | | formatter: (row) => { |
| | | console.log(row, 888) |
| | | if (!row.districtName) return '' |
| | | return row.districtName + '-' + row.unit + row.building + row.room |
| | | }, |
| | | onLoad: ({ |
| | | page, |
| | | value, |
| | | data |
| | | }, callback) => { |
| | | //首次加载去查询对应的值 |
| | | if (value) { |
| | | getHouseDetail({ |
| | | houseCode: value |
| | | }).then(res => { |
| | | var resData = res.data.data |
| | | // 查询对应行数据 |
| | | callback(resData) |
| | | return |
| | | }) |
| | | } |
| | | if (page) { |
| | | this.loading = true |
| | | getHouseList(page.currentPage, page.pageSize, Object.assign(data)).then(res => { |
| | | const resData = res.data.data |
| | | var total = resData.total |
| | | var data = resData.records |
| | | this.loading = false |
| | | this.selectionClear() |
| | | //分页查询信息 |
| | | callback({ |
| | | total: total, |
| | | data: data |
| | | }) |
| | | }) |
| | | } |
| | | }, |
| | | props: { |
| | | label: 'address', |
| | | value: 'houseCode' |
| | | } |
| | | }, |
| | | { |
| | | label: "关系", |
| | | prop: "tenantRelationship", |
| | | search: true, |
| | | searchSpan: 3, |
| | | searchLabelWidth: 66, |
| | | width: 100, |
| | | type: "select", |
| | | dicData: [{ |
| | | label: "同一户", |
| | | value: 1 |
| | | }, |
| | | { |
| | | label: "不同一户", |
| | | value: 2 |
| | | } |
| | | ], |
| | | rules: [{ |
| | | required: true, |
| | | message: "请选择关系", |
| | | trigger: "blur", |
| | | },], |
| | | }, |
| | | { |
| | | label: "房屋状态", |
| | | prop: "houseStatus", |
| | | search: true, |
| | | searchSpan: 4, |
| | | width: 100, |
| | | type: "select", |
| | | dicData: [{ |
| | | label: "部分出租", |
| | | value: 1 |
| | | }, |
| | | { |
| | | label: "全部出租", |
| | | value: 2 |
| | | } |
| | | ], |
| | | rules: [{ |
| | | required: true, |
| | | message: "请选择房屋状态", |
| | | trigger: "blur", |
| | | },], |
| | | }, |
| | | { |
| | | label: "用途", |
| | | prop: "rentalUse", |
| | | type: "select", |
| | | searchSpan: 3, |
| | | searchLabelWidth: 66, |
| | | search: true, |
| | | dataType: "number", |
| | | width: 100, |
| | | dicUrl: "/api/blade-system/dict-biz/dictionary?code=rentalUseType", |
| | | props: { |
| | | label: "dictValue", |
| | | value: "dictKey", |
| | | }, |
| | | rules: [{ |
| | | required: true, |
| | | message: "请选择用途", |
| | | trigger: "blur", |
| | | },], |
| | | }, |
| | | { |
| | | width: 100, |
| | | label: "租房时间", |
| | | prop: "rentalTime", |
| | | type: "date", |
| | | format: "yyyy-MM-dd", |
| | | valueFormat: "yyyy-MM-dd", |
| | | rules: [{ |
| | | required: true, |
| | | message: "请选择租房时间", |
| | | trigger: "blur", |
| | | },], |
| | | }, |
| | | { |
| | | label: "到期时间", |
| | | prop: "dueTime", |
| | | type: "date", |
| | | format: "yyyy-MM-dd", |
| | | valueFormat: "yyyy-MM-dd", |
| | | width: 100, |
| | | rules: [{ |
| | | required: true, |
| | | message: "请选择到期时间", |
| | | trigger: "blur", |
| | | },], |
| | | }, |
| | | |
| | | { |
| | | label: "租赁期限", |
| | | prop: "dldType", |
| | | width: 100, |
| | | display: false, |
| | | search: true, |
| | | searchSpan: 4, |
| | | type: "select", |
| | | dicData: [{ |
| | | label: "长期", |
| | | value: 1 |
| | | }, |
| | | { |
| | | label: "中期", |
| | | value: 2 |
| | | }, |
| | | { |
| | | label: "短期", |
| | | value: 3 |
| | | } |
| | | ], |
| | | }, |
| | | page: { |
| | | pageSize: 10, |
| | | currentPage: 1, |
| | | total: 0 |
| | | }, |
| | | formatter: (row) => { |
| | | console.log(row, 888) |
| | | if (!row.districtName) return '' |
| | | return row.districtName + '-' + row.unit + row.building + row.room |
| | | }, |
| | | onLoad: ({ |
| | | page, |
| | | value, |
| | | data |
| | | }, callback) => { |
| | | //首次加载去查询对应的值 |
| | | if (value) { |
| | | getHouseDetail({ |
| | | houseCode: value |
| | | }).then(res => { |
| | | var resData = res.data.data |
| | | // 查询对应行数据 |
| | | callback(resData) |
| | | return |
| | | }) |
| | | } |
| | | if (page) { |
| | | this.loading = true |
| | | getHouseList(page.currentPage, page.pageSize, Object.assign(data)).then(res => { |
| | | const resData = res.data.data |
| | | var total = resData.total |
| | | var data = resData.records |
| | | this.loading = false |
| | | this.selectionClear() |
| | | //分页查询信息 |
| | | callback({ |
| | | total: total, |
| | | data: data |
| | | }) |
| | | }) |
| | | } |
| | | }, |
| | | props: { |
| | | label: 'address', |
| | | value: 'houseCode' |
| | | } |
| | | }, |
| | | { |
| | | label: "关系", |
| | | prop: "tenantRelationship", |
| | | search: true, |
| | | searchSpan: 4, |
| | | width: 100, |
| | | type: "select", |
| | | dicData: [{ |
| | | label: "同一户", |
| | | value: 1 |
| | | { |
| | | width: 80, |
| | | label: "审核状态", |
| | | prop: "auditStatus", |
| | | type: "select", |
| | | search: true, |
| | | searchSpan: 4, |
| | | display: false, |
| | | slot: true, |
| | | dicData: [ |
| | | { |
| | | label: "已确认", |
| | | value: 1 |
| | | }, |
| | | { |
| | | label: "待确认", |
| | | value: 0 |
| | | } |
| | | ], |
| | | }, |
| | | { |
| | | label: "不同一户", |
| | | value: 2 |
| | | } |
| | | ], |
| | | rules: [{ |
| | | required: true, |
| | | message: "请选择关系", |
| | | trigger: "blur", |
| | | },], |
| | | }, |
| | | { |
| | | label: "房屋状态", |
| | | prop: "houseStatus", |
| | | search: true, |
| | | searchSpan: 4, |
| | | width: 100, |
| | | type: "select", |
| | | dicData: [{ |
| | | label: "部分出租", |
| | | value: 1 |
| | | width: 144, |
| | | label: "创建时间", |
| | | prop: "createTime", |
| | | display: false, |
| | | }, |
| | | { |
| | | label: "全部出租", |
| | | value: 2 |
| | | } |
| | | ], |
| | | rules: [{ |
| | | required: true, |
| | | message: "请选择房屋状态", |
| | | trigger: "blur", |
| | | },], |
| | | }, |
| | | { |
| | | label: "用途", |
| | | prop: "rentalUse", |
| | | type: "select", |
| | | search: true, |
| | | searchSpan: 3, |
| | | dataType: "number", |
| | | width: 100, |
| | | dicUrl: "/api/blade-system/dict-biz/dictionary?code=rentalUseType", |
| | | props: { |
| | | label: "dictValue", |
| | | value: "dictKey", |
| | | label: "合同", |
| | | prop: "fileUrls", |
| | | // align:'center', |
| | | width: 80, |
| | | type: "upload", |
| | | listType: "picture-img", |
| | | action: "/api/blade-resource/oss/endpoint/put-file", |
| | | propsHttp: { |
| | | res: "data", |
| | | url: "link", |
| | | }, |
| | | hide: true, |
| | | span: 24, |
| | | }, |
| | | rules: [{ |
| | | required: true, |
| | | message: "请选择用途", |
| | | trigger: "blur", |
| | | },], |
| | | }, |
| | | { |
| | | label: "租房时间", |
| | | prop: "rentalTime", |
| | | type: "date", |
| | | format: "yyyy-MM-dd", |
| | | valueFormat: "yyyy-MM-dd", |
| | | width: 100, |
| | | rules: [{ |
| | | required: true, |
| | | message: "请选择租房时间", |
| | | trigger: "blur", |
| | | },], |
| | | }, |
| | | { |
| | | label: "到期时间", |
| | | prop: "dueTime", |
| | | type: "date", |
| | | format: "yyyy-MM-dd", |
| | | valueFormat: "yyyy-MM-dd", |
| | | width: 100, |
| | | rules: [{ |
| | | required: true, |
| | | message: "请选择到期时间", |
| | | trigger: "blur", |
| | | },], |
| | | }, |
| | | |
| | | { |
| | | label: "租赁期限", |
| | | prop: "dldType", |
| | | width: 100, |
| | | display: false, |
| | | search: true, |
| | | searchSpan: 3, |
| | | type: "select", |
| | | dicData: [{ |
| | | label: "长期", |
| | | value: 1 |
| | | }, |
| | | { |
| | | label: "中期", |
| | | value: 2 |
| | | }, |
| | | { |
| | | label: "短期", |
| | | value: 3 |
| | | } |
| | | ], |
| | | }, |
| | | { |
| | | label: "审核状态", |
| | | prop: "auditStatus", |
| | | type: "select", |
| | | width: 80, |
| | | search: true, |
| | | searchSpan: 4, |
| | | display: false, |
| | | dicData: [{ |
| | | label: "已确认", |
| | | value: 1 |
| | | }, |
| | | { |
| | | label: "待确认", |
| | | value: 0 |
| | | } |
| | | ], |
| | | }, |
| | | { |
| | | label: "创建时间", |
| | | prop: "createTime", |
| | | display: false, |
| | | width: 160, |
| | | }, |
| | | { |
| | | label: "合同", |
| | | prop: "fileUrls", |
| | | // align:'center', |
| | | width: 80, |
| | | type: "upload", |
| | | listType: "picture-img", |
| | | action: "/api/blade-resource/oss/endpoint/put-file", |
| | | propsHttp: { |
| | | res: "data", |
| | | url: "link", |
| | | }, |
| | | hide: true, |
| | | span: 24, |
| | | }, |
| | | ] |
| | | }, |
| | | data: [], |
| | |
| | | viewBtn: this.vaildData(this.permission.houseRental_view, true), |
| | | delBtn: this.vaildData(this.permission.houseRental_delete, true), |
| | | editBtn: this.vaildData(this.permission.houseRental_edit, true) |
| | | } |
| | | }, |
| | | showConfirmFlag () { |
| | | return (data) => { |
| | | let tags = {} |
| | | |
| | | if (data == 0) { |
| | | tags = { |
| | | type: 'warning', |
| | | text: '待处理' |
| | | } |
| | | } else if (data == 1) { |
| | | tags = { |
| | | type: 'success', |
| | | text: '已处理' |
| | | } |
| | | } |
| | | |
| | | return tags |
| | | } |
| | | } |
| | | }, |
| | |
| | | }, |
| | | onLoad (page, params = {}) { |
| | | this.loading = true |
| | | |
| | | getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => { |
| | | const data = res.data.data |
| | | this.page.total = data.total |