Browse Source

新增房屋、楼栋

dev2
jiangyy 3 years ago
parent
commit
2cfc787ab3
  1. 8
      src/assets/scss/modules/management/edit-main.scss
  2. 67
      src/views/modules/base/community/buildForm.vue
  3. 2
      src/views/modules/base/community/buildTable.vue
  4. 87
      src/views/modules/base/community/roomForm.vue
  5. 2
      src/views/modules/base/community/roomTable.vue

8
src/assets/scss/modules/management/edit-main.scss

@ -8,6 +8,14 @@
/deep/ .el-form-item{
margin-bottom:14px;
}
.edit_item_radio_long{
/deep/ .el-radio-group{
margin-top:10px;
line-height: 30px;
}
}
}
//编辑框-普通form宽度

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

@ -1,14 +1,13 @@
<template>
<div>
<div class="dialog-h-content scroll-h m-edit">
<div class="dialog-h-content scroll-h">
<el-form ref="ref_form"
:inline="true"
:model="dataForm"
:rules="dataRule"
label-width="90px"
:disabled="formType === 'detail'"
class="m-form">
label-width="150px"
class="edit_form">
<el-form-item label="所属小区"
style="display: block">
<span>{{ agencyObj.agencyName }}{{ agencyObj.gridName }}{{ agencyObj.label }}</span>
@ -17,7 +16,7 @@
<el-form-item label="楼栋名称"
prop="buildingName"
style="display: block">
<el-input class="edit_item_width_1"
<el-input class="edit_item_width_normal"
maxlength="10"
placeholder="请输入楼栋名称"
v-model="dataForm.buildingName">
@ -26,16 +25,19 @@
<el-form-item label="楼栋编码"
prop="coding"
style="display: block">
<el-input class="edit_item_btn_width_1"
<el-input class="edit_item_width_normal"
maxlength="50"
placeholder="请输入楼栋编码"
v-model="dataForm.coding">
</el-input>
<el-button type="text"
<el-button style="margin-left: 10px"
type="text"
class="div-table-button--blue"
icon="el-icon-upload2"
size="small"
class="div-table-button--blue edit-btn-1"
@click="handleCode">生成</el-button>
</el-form-item>
<el-form-item label="楼栋类型"
prop="type"
@ -51,7 +53,7 @@
prop="sort"
style="display: block"
>
<el-input-number class="edit_item_width_1"
<el-input-number class="edit_item_width_normal"
v-model="dataForm.sort"
label="排序"></el-input-number>
</el-form-item> -->
@ -94,7 +96,7 @@
<el-form-item label="楼长姓名"
prop="buildingLeaderName"
style="display: block">
<el-input class="edit_item_width_1"
<el-input class="edit_item_width_normal"
placeholder="请输入楼长姓名"
v-model="dataForm.buildingLeaderName">
</el-input>
@ -103,47 +105,20 @@
<el-form-item label="楼长电话"
prop="buildingLeaderMobile"
style="display: block">
<el-input class="edit_item_width_1"
<el-input class="edit_item_width_normal"
type='number'
placeholder="请输入楼长电话"
v-model="dataForm.buildingLeaderMobile">
</el-input>
</el-form-item>
<div class="item-map">
<el-form-item label="地图位置"
prop="longitude"
style="display: block">
<div style="width: 500px">
<el-select v-model="searchValue"
filterable
style="width: 500px"
remote
:reserve-keyword="true"
placeholder="请输入关键词"
:remote-method="remoteMethod"
:loading="loading">
<el-option v-for="(item,index) in searchOptions"
@click.native="handleClickKey(index)"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
<div id="app_build"
class="div_map"></div>
</div>
</el-form-item>
</div>
<!-- <el-form-item label="地图位置"
<el-form-item label="地图位置"
prop="longitude"
style="display: block">
<div style="width: 500px">
<div class="edit_item_width_normal edit_map">
<el-select v-model="searchValue"
filterable
style="width: 500px"
class="edit_item_width_normal edit_map_search"
remote
:reserve-keyword="true"
placeholder="请输入关键词"
@ -157,14 +132,14 @@
</el-option>
</el-select>
<div id="app_build"
class="div_map"></div>
class="edit_div_map"></div>
</div>
</el-form-item> -->
</el-form-item>
<el-form-item label="楼栋地址"
prop="coordinatePosition"
style="display: block">
<!-- <span>{{ dataForm.coordinatePosition }}</span> -->
<el-input class="edit_item_width_1"
<el-input class="edit_item_width_normal"
placeholder="请选择楼栋地址"
v-model="dataForm.coordinatePosition" />
</el-form-item>
@ -173,10 +148,10 @@
</div>
<div class="div_btn">
<el-button size="small"
class="diy-button--gray"
class="diy-button--white"
@click="handleCancle"> </el-button>
<el-button size="small"
v-if="formType != 'detail'"
type="primary"
class="diy-button--blue"
:disabled="btnDisable"
@click="handleComfirm"> </el-button>

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

@ -270,7 +270,7 @@
:close-on-press-escape="false"
:title="formTitle"
top="5vh"
width="950px"
width="670px"
class="dialog-h"
@closed="diaClose">
<build-form ref="ref_form"

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

@ -6,20 +6,18 @@
:inline="false"
:model="dataForm"
:rules="dataRule"
:disabled="formType === 'detail'"
class="form">
label-width="150px"
class="edit_form">
<el-form-item label="所属楼栋"
label-width="150px"
style="display: block">
<span>{{ agencyObj.neighborHoodName }}-{{agencyObj.label}}</span>
</el-form-item>
<el-form-item label="单元号"
prop="buildingUnitId"
label-width="150px"
style="display: block">
<el-select class="item_width_1"
<el-select class="edit_item_width_normal"
v-model="dataForm.buildingUnitId"
placeholder="请选择"
clearable>
@ -33,40 +31,56 @@
<el-form-item label="门牌号"
prop="doorName"
label-width="150px"
style="display: block">
<el-input class="item_width_1"
<el-input class="edit_item_width_normal"
placeholder="请输入门牌号"
v-model="dataForm.doorName">
</el-input>
</el-form-item>
<el-form-item v-if="formType != 'detail'"
label="房屋编码"
<el-form-item label="房屋编码"
prop="coding"
label-width="150px"
style="display: block">
<el-input class="item_width_2"
<el-input class="edit_item_width_normal"
maxlength="50"
placeholder="请输入楼栋编码"
v-model="dataForm.coding">
</el-input>
<el-button style="margin-left: 10px"
type="primary"
type="text"
class="div-table-button--blue"
icon="el-icon-upload2"
size="small"
@click="handleCode">生成</el-button>
</el-form-item>
<el-form-item label="房屋编码"
prop="houseCode"
style="display: block">
<el-input class="edit_item_width_normal"
maxlength="30"
v-model="dataForm.houseCode">
</el-input>
</el-form-item>
<div v-if="formType === 'detail'">
<el-form-item label="房屋编码"
prop="houseCode"
label-width="150px"
style="display: block">
<el-input class="item_width_1"
maxlength="30"
v-model="dataForm.houseCode">
</el-input>
</el-form-item>
<div v-if="dataForm.houseQrcodeUrl"
<el-form-item v-if="dataForm.houseQrcodeUrl"
label="二维码"
prop="coding"
style="display: block">
<div style="display: flex; align-items:center">
<div class="edit_item_width_normal">
<img style="margin-left: 30px;width: 200px;"
:src="dataForm.houseQrcodeUrl">
</div>
<a style="margin-left: 10px;"
class="div-table-button--blue"
:href="dataForm.houseQrcodeUrl"
target="_blank"><i class="el-icon-download"></i>下载</a>
</div>
</el-form-item>
<!-- <div v-if="dataForm.houseQrcodeUrl"
style="display: flex;flex-direction: column;">
<img style="margin-left: 70px;width: 200px;"
:src="dataForm.houseQrcodeUrl">
@ -74,11 +88,11 @@
:href="dataForm.houseQrcodeUrl"
target="_blank">下载</a>
</div>
</div>
-->
<!-- <el-form-item label="居住人数"
style="display: block"
prop="realPerson"
label-width="150px">
>
<el-input-number class="item_width_4"
v-model="dataForm.realPerson"
:min="0"
@ -87,7 +101,6 @@
</el-form-item> -->
<el-form-item label="房屋类型"
prop="houseType"
label-width="150px"
style="display: block">
<el-radio-group v-model="houseType">
@ -99,8 +112,8 @@
<el-form-item label="房屋用途"
prop="purpose"
label-width="150px"
style="display: block">
style="display: block"
class="edit_item_radio_long">
<el-radio-group v-model="purpose">
<el-radio :label="'1'">住宅</el-radio>
@ -115,7 +128,6 @@
<el-form-item label="房屋状态"
prop="rentFlag"
label-width="150px"
style="display: block">
<el-radio-group v-model="rentFlag">
@ -129,9 +141,8 @@
<el-form-item label="房主姓名"
prop="ownerName"
label-width="150px"
style="display: block">
<el-input class="item_width_1"
<el-input class="edit_item_width_normal"
maxlength="30"
placeholder="请输入房主姓名"
v-model="dataForm.ownerName">
@ -139,9 +150,8 @@
</el-form-item>
<el-form-item label="联系方式"
prop="ownerPhone"
label-width="150px"
style="display: block">
<el-input class="item_width_1"
<el-input class="edit_item_width_normal"
type='number'
placeholder="请输入联系方式"
v-model="dataForm.ownerPhone">
@ -149,18 +159,16 @@
</el-form-item>
<el-form-item label="房主身份证"
prop="ownerIdCard"
label-width="150px"
style="display: block">
<el-input class="item_width_1"
<el-input class="edit_item_width_normal"
placeholder="请输入房主身份证"
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"
<el-input class="edit_item_width_normal"
maxlength="30"
placeholder="请输入备注"
v-model="dataForm.remark">
@ -171,10 +179,11 @@
</div>
<div class="div_btn">
<el-button size="small"
class="diy-button--white"
@click="handleCancle"> </el-button>
<el-button size="small"
v-if="formType != 'detail'"
type="primary"
class="diy-button--blue"
:disabled="btnDisable"
@click="handleComfirm"> </el-button>
</div>
@ -463,7 +472,7 @@ export default {
}
</script>
<style lang="scss" scoped >
@import "@/assets/scss/modules/visual/communityManageForm.scss";
@import "@/assets/scss/modules/management/edit-main.scss";
.div_tuomin {
position: absolute;

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

@ -265,7 +265,7 @@
:close-on-click-modal="false"
:close-on-press-escape="false"
:title="formTitle"
width="950px"
width="670px"
top="5vh"
class="dialog-h"
@closed="diaClose">

Loading…
Cancel
Save