suzhou-jichuang-lanhai
/
taicangPopulation2
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

房屋信息采集

Browse Source
master
许宏杰 4 months ago
parent 7c1d35fca1
commit bd5f4c6cd9
3 changed files with 278 additions and 10 deletions
Show Stats Download Patch File Download Diff File

262
src/views/components/xiaoqu/house.vue
Unescape View File

@ -47,7 +47,7 @@
<div class="hose-update">
更新时间：<span class="number-font">{{
houseData.updateTime
houseData.update_time
}}</span>
</div>
</div>
@ -58,13 +58,19 @@
@handlerClcik="handlerhousEempty()"
>确认空关</imageButton
>
<!-- <div class="btn-add"></div> -->
<imageButton
size="small"
@handlerClcik="handlerGather()"
v-hasPermi="['taicangpop:person:add']"
>房屋信息采集</imageButton
>
<imageButton
size="small"
@handlerClcik="addPerson()"
v-hasPermi="['taicangpop:person:add']"
>添加居民</imageButton
>
<div class="btn-close" @click="handleClose()">关闭</div>
</div>
</div>
@ -313,6 +319,182 @@
</div>
</el-dialog>
<el-dialog
:visible.sync="openGather"
append-to-body
custom-class="taicang-dialog-small"
>
<div class="dialog-main">
<div class="dialog-title">
<span></span> 房屋信息采集
<div class="title-lable" style="margin-left: 12px">更新人员：</div>
<div class="title-value">{{ formGather.updateBy || "-" }}</div>
<div class="title-lable">数据更新时间：</div>
<div class="title-value">{{ formGather.updateTime || "-" }}</div>
</div>
<el-form
ref="formGather"
:rules="formRules"
:model="formGather"
label-position="top"
>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="社区" prop="sqcjwh">
<!-- <el-input v-model="formGather.sqcjwh"></el-input> -->
<el-select v-model="formGather.sqcjwh" placeholder="请选择社区">
<el-option
v-for="dict in dictObject.shequ"
:key="dict.dept_id"
:label="dict.dept_name"
:value="dict.dept_name"
:popper-append-to-body="false"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="填写方式">
<el-radio-group v-model="writeType">
<el-radio :label="1">下拉选择</el-radio>
<el-radio :label="2">人填写</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item
label="房东"
prop="person_id"
v-show="writeType == 1"
>
<el-select
v-model="formGather.person_id"
placeholder="请选择"
@change="onChange"
>
<el-option
v-for="item in list"
:key="item.id"
:label="item.name"
:value="item.id"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item
label="房东姓名："
prop="fdxm"
v-show="writeType == 2"
>
<el-input
v-model="formGather.fdxm"
placeholder="请输入房东姓名"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="房东电话" prop="fdlxdh">
<el-input v-model="formGather.fdlxdh"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="房东证件类型" prop="fdzjlx">
<el-select
v-model="formGather.fdzjlx"
placeholder="请选择房东证件类型"
>
<el-option
v-for="dict in dict.type.bm_czfw_zjlx"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="房东身份证号" prop="fdsfzh">
<el-input v-model="formGather.fdsfzh"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="房屋类型" prop="fwlx">
<el-select
v-model="formGather.fwlx"
placeholder="请选择房屋类型"
>
<el-option
v-for="dict in dict.type.bm_fwlx"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="是否群租房" prop="sfqzf">
<el-radio-group v-model="formGather.sfqzf">
<el-radio label="1">是</el-radio>
<el-radio label="0">否</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="租房类型" prop="zzlx">
<el-select
v-model="formGather.zzlx"
placeholder="请选择租住类型"
>
<el-option
v-for="dict in dict.type.bm_czfw_zzlx"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="出租间数" prop="czjs">
<el-input v-model="formGather.czjs"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="出租面积" prop="czmj">
<el-input v-model="formGather.czmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="备注" prop="person_information">
<el-input v-model="formGather.person_information"></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="dialog-btn-group">
<imageButton size="small" @handlerClcik="gatherconfirm()"
>确 定</imageButton
>
<imageButton size="small" @handlerClcik="openGather = false"
>取 消</imageButton
>
</div>
</el-form>
</div>
</el-dialog>
<!-- 查看详情 -->
<el-dialog
:visible.sync="openInfo"
@ -374,9 +556,16 @@ import { pxToVw, handleColor } from "@/utils/myFuntion.js";
import ColorCell from "@/components/ColorCell";
import { validateAndParseIDCard } from "@/utils/myFuntion.js";
const moment = require("moment");
import { getCommunitylist } from "@/api/taicangpop/data";
export default {
components: { ColorCell },
dicts: ["b_census_color_type", "b_flow_color_type"],
dicts: [
"b_census_color_type",
"b_flow_color_type",
"bm_czfw_zjlx",
"bm_fwlx",
"bm_czfw_zzlx",
],
data() {
var validateNumber = (rule, value, callback) => {
console.log("value:" + value);
@ -423,9 +612,29 @@ export default {
color: [{ required: true, message: "分色不能为空", trigger: "change" }],
},
writeType: 1,
formGather: {
sqcjwh: undefined, //社区
person_id: undefined, //房东
fdxm: undefined, //房东名字
fdlxdh: undefined, //联系方式
fdzjlx: undefined, //房东证件类型
fdsfzh: undefined, //请输入身份证
fwlx: undefined, //房屋类型
sfqzf: undefined, //是否群租房
zzlx: undefined, //租住类型
czjs: undefined, //出租间数
czmj: undefined, //出租面积
person_information: undefined, //备注信息
},
formRules: {},
multiple: [],
dictObject: {
shequ: [],
},
title: "",
openGather: false,
open: false,
openInfo: false,
infoData: {},
@ -455,6 +664,36 @@ export default {
},
created() {},
methods: {
onChange(val) {
let checkLabel = this.list.find((item) => {
return item.id == val;
});
this.formGather.fdxm = checkLabel.name;
},
gatherconfirm() {
this.$refs["formGather"].validate((valid) => {
if (valid) {
if (this.formGather.id != null) {
updateHouse(this.formGather).then((response) => {
this.openGather = false;
this.getPersonList();
this.$modal.msgSuccess("采集成功");
});
}
}
});
},
//打开房屋信息采集
async handlerGather() {
this.formGather = JSON.parse(JSON.stringify(this.houseData));
this.dictObject.shequ = await this.getCommunitylist();
this.openGather = true;
},
//获取社区列表
async getCommunitylist() {
let res = await getCommunitylist();
return res.data["社区list集合"];
},
reset() {
this.form = {
id: null,
@ -480,7 +719,6 @@ export default {
let res = await getPerson(id);
this.infoData = handleColor([res.data])[0];
this.openInfo = true;
console.log(res, "详情");
},
lookSocialSecurity() {},
handlerhousEempty() {
@ -589,7 +827,7 @@ export default {
},
async getPersonList() {
let result = await getHouse(this.houseItem.id);
result.data.updateTime = moment(result.data.updateTime).format(
result.data.update_time = moment(result.data.updateTime).format(
"YYYY-MM-DD"
);
this.houseData = handleColor([result.data])[0];
@ -859,4 +1097,16 @@ div {
margin-right: 12px;
}
}
::v-deep .el-select {
width: 100%;
}
.title-lable {
font-size: 15px;
color: rgb(154, 207, 255);
margin-left: 6px;
}
.title-value {
font-size: 15px;
color: rgb(255, 184, 47);
}
</style>

21
src/views/components/xiaoqu/map/index.vue
Unescape View File

@ -18,7 +18,7 @@ export default {
},
},
computed: {
...mapGetters(["mapParmas"]),
...mapGetters(["mapParmas", "resetBtn"]),
},
data() {
@ -62,6 +62,12 @@ export default {
this.add3DXiaoqu(newValue.sd);
this.addNetworkLayer(newValue.networkName);
this.mapLayer.plane.closeHighlight();
if (this.resetBtn) {
//地图回到元素坐标位置
this.map.flyHome({
duration: 1,
});
}
if (this.geoJsonLayerDTH && this.geoJsonLayerDTH.length > 0)
this.map.getLayerById("dth").clear(); //清除单体化
},
@ -258,6 +264,15 @@ export default {
},
});
point.on(mars3d.EventType.click, function (e) {
if (_this.xiaoquId == 267) {
_this.$notify({
title: "警告",
message: "该小区部分功能正在优化中！",
type: "warning",
});
return;
}
let buildingItem = _this.mapLayer.plane.getGraphicByAttr(e.id);
if (_this.mapLayer.tiles3dLayer && _this.mapLayer.tiles3dLayer.show) {
const geojson = buildingItem.toGeoJSON();
@ -328,8 +343,8 @@ export default {
add3DXiaoqu(show) {
if (show && this.mapLayer.tiles3dLayer == undefined) {
//2D显存 - 集显
let maximumMemoryUsage =
process.env.NODE_ENV === "production" ? (1024 * 2) / 2 : 1024 / 2;
let maximumMemoryUsage = 1024 / 2;
// process.env.NODE_ENV === "production" ? (1024 * 2) / 2 : 1024 / 2;
// 倾斜模型
this.mapLayer.tiles3dLayer = new mars3d.layer.TilesetLayer({
show: false,

5
src/views/shequ.vue
Unescape View File

@ -132,7 +132,10 @@ export default {
},
methods: {
getData() {
this.$store.commit("SET_QUERY_PARAMS", { shequId: "", xiaoquId: "" });
this.$store.commit("SET_QUERY_PARAMS", {
shequId: "",
xiaoquId: undefined,
});
this.$store.dispatch("GetYjtotal");
this.$store.dispatch("GetXiaoquInfo", this.dept.deptId);
this.$store.dispatch("getThreeCell");

Write Preview
Loading…
Cancel
Save