Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
b9ec90e0 by zhaoqian
Options

Merge remote-tracking branch 'origin/master'

2 parents b4c1f2ef fe8a08e8
Inline Side-by-side
Showing 8 changed files with 659 additions and 493 deletions
......@@ -66,8 +66,18 @@ export function batchScYcChange (data) {
data:data
})
}
/**
* 楼盘表 获取单元状态统计数据
* zrzbsm 自然幢标识码 ,
* scyclx 实测预测类型 0预测，1实测
*/
export function getLpbTj (data) {
return request({
url: 'fw/lpb/getLpbTj?zrzbsm='+data.zrzbsm+'&syclx='+data.syclx,
method: 'get',
data:data
})
}
/**
* 楼盘表 批量不动产单元号生成
......
......@@ -150,7 +150,7 @@ export function jzxsbatchModify(data) {
*/
export function deleteZdInfoByBsm(data) {
return request({
url: '/zd/qjZdjbxx/deleteZdjbxxByBsm',
url: '/delete/deleteDyByBsm',
method: 'delete',
data: data
})
......@@ -161,10 +161,32 @@ export function deleteZdInfoByBsm(data) {
*/
export function zdfg(data) {
return request({
url: '/fg/zdFg',
url: '/bg/zdSplitMerge/zdFg',
method: 'post',
data: data
})
}
/**
* 获取宗地下的自然幢、逻辑幢、幢单元
*/
export function zdXlcd(bsm) {
return request({
url:'/zd/qjZdjbxx/parcels',
method:'get',
params:{
bsm
}
})
}
/**
* 户落宗
*/
export function hzl(data) {
return request({
url:'/system/qjH/hcxlz',
method:'put',
data:data
})
}
......
......@@ -31,6 +31,9 @@
.fr{
float: right;
}
.tac{
text-align: center!important;
}
table{
border-width: 0;
}
......
......@@ -8,171 +8,79 @@
:modal-append-to-body="false"
>
<div class="content">
<div class="input-suffix">
宗 地：
<input
placeholder="请选择宗地" v-model="hcxlzData.zdbsm" readonly="readonly"
/>
<el-button type="primary" @click="drawer = true">选择宗地</el-button>
</div>
<div class="input-suffix">
自然幢：
<el-select v-model="hcxlzData.zrzbsm" filterable placeholder="请选择">
<el-option
v-for="item in zrzList"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</div>
<div class="input-suffix">
逻辑幢：
<el-select v-model="hcxlzData.ljzbsm" filterable placeholder="请选择">
<el-option
v-for="item in ljzList"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</div>
<div class="input-suffix">
幢单元：
<el-select v-model="hcxlzData.zdybsm" filterable placeholder="请选择">
<el-option
v-for="item in zdyList"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</div>
<el-form :label-position="right">
<el-form-item label="宗地:">
<el-input
placeholder="请选择宗地" v-model="zdxx" :disabled="true"
/>
<div @click="xzzdVisible = true">选择宗地</div>
<!-- <el-button type="primary" @click="xzzdVisible = true">选择宗地</el-button>-->
</el-form-item>
<el-form-item label="自然幢:">
<el-select v-model="hcxlzData.zrzbsm" filterable placeholder="请选择" @change="zrzChange">
<el-option
v-for="item in zrzList"
:key="item.xmmc"
:label="item.label"
:value="item.bsm">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="逻辑幢:">
<el-select v-model="hcxlzData.ljzbsm" filterable placeholder="请选择" @change="ljzChange">
<el-option
v-for="item in ljzList"
:key="item.bsm"
:label="item.ljzmc"
:value="item.bsm">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="幢单元:">
<el-select v-model="hcxlzData.zdybsm" filterable placeholder="请选择">
<el-option
v-for="item in zdyList"
:key="item.bsm"
:label="item.zdymc"
:value="item.bsm">
</el-option>
</el-select>
</el-form-item>
</el-form>
</div>
<div class="footer">
<el-button type="primary" @click="save">保存</el-button>
<el-button type="primary" @click="cancel">取消</el-button>
</div>
<el-drawer
title="选择宗地"
:visible.sync="drawer"
direction="rtl"
size="25%"
:before-close="drawerClose">
<div>
<div class="search">
<el-button type="primary" @click="search">查询</el-button>
<el-button type="primary" @click="result">重置</el-button>
<el-row :gutter="10" class="shop">
<el-col :span="4" class="inputtitle">
宗地编码:
</el-col>
<el-col :span="8" class="">
<el-input v-model="queryData.zddm"></el-input>
</el-col>
<el-col :span="4" class="inputtitle">
不动产权证号:
</el-col>
<el-col :span="8" class="">
<el-input v-model="queryData.bdcqzh"></el-input>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="4" class="inputtitle">
不动产权单元号:
</el-col>
<el-col :span="8">
<el-input v-model="queryData.bdcdyh"></el-input>
</el-col>
<el-col :span="4" class="inputtitle">
权利人:
</el-col>
<el-col :span="8">
<el-input v-model="queryData.qlrmc"></el-input>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="4" class="inputtitle">
坐落:
</el-col>
<el-col :span="8">
<el-input v-model="queryData.zl"></el-input>
</el-col>
</el-row>
<table border="1">
<tr>
<td class="xh">序号</td>
<td class="zddm">宗地代码</td>
<td class="bdcdyh">不动产单元号</td>
<td class="xmmc">项目名称</td>
<td class="bdcqzh">不动产权证号</td>
<td class="qlr">权利人</td>
<td class="zl">坐落</td>
<td class="cz">操作</td>
</tr>
<tr v-if="Data.length==0">
<td colspan="8">
<span class="noData">暂无数据</span>
</td>
</tr>
<tr v-else v-for="(item,index) in Data" :key="index">
<td class="xh">{{index+1}}</td>
<td class="zddm" :title="item.zddm">{{item.zddm}}</td>
<td class="bdcqdyh" :title="item.bdcdyh">{{item.bdcdyh}}</td>
<td class="xmmc" :title="item.xmmc">{{item.xmmc}}</td>
<td class="bdcqzh" :title="item.bdcqzd">{{item.bdcqzh}}</td>
<td class="qlr" :title="item.qlr">{{item.qlr}}</td>
<td class="zl" :title="item.zl">{{item.zl}}</td>
<td @click="saveNotarize(item)" class="cz">
<span>落宗</span>
</td>
</tr>
</table>
</div>
<div class="page">
<el-pagination
background
layout="prev, pager, next,total"
:page-size="queryData.pageSize"
:total="total"
@current-change="currentChange"
>
</el-pagination>
</div>
</div>
</el-drawer>
<query-data :centerDialogVisible="xzzdVisible" @close="xzzdClose" @getData="getZdxx"></query-data>
</el-dialog>
</div>
</template>
<script>
import queryData from './../../components/queryData/queryData'
import {zdXlcd, hzl} from './../../api/zd'
import {Message} from 'element-ui'
export default {
name: "hCxlz",
components: {queryData},
data() {
return {
drawer: false,
zd: {},
zrz: {},
ljz: {},
zdy: {},
xzzdVisible: false,
isVisible: false,
zdxx: '', // 宗地信息
hcxlzData: {
bsms: [],
zdbsm: '',
zrzbsm: '',
ljzbsm: '',
zdybsm: ''
},
total: 1,
queryData: {
bdcdyh: "",
bdcqzh: "",
dylxs: ['zd'],
qlrmc: "",
qszt: "2",
xmmc: "",
zddm: "",
zl: "",
pageNo: 1,
pageSize: 10,
},
Data: [],
zrzList: [],
ljzList: [],
zdyList: []
......@@ -188,54 +96,86 @@
}
},
mounted() {
this.hcxlzData.bsms = this.bsms;
},
methods: {
result: function () {
this.queryData = {
bdcdyh: "",
bdcqzh: "",
qlrmc: "",
qszt: "2",
xmmc: "",
zddm: "",
zl: "",
pageNo: 1,
pageSize: 10,
};
this.getData(this.queryData)
ljzChange: function () {
const item = this.ljzList.find(i => i.bsm == this.hcxlzData.ljzbsm)
this.hcxlzData.zdybsm = ''
this.zdyList = item.list;
this.zdyList.push({
zdymc: '空',
bsm: ''
})
},
zrzChange: function () {
const item = this.zrzList.find(i => i.bsm == this.hcxlzData.zrzbsm);
this.hcxlzData.ljzbsm = ''
this.hcxlzData.zdybsm = ''
this.ljzList = item.ljzList;
this.ljzList.push({
ljzmc: '空',
bsm: ''
})
this.zdyList = item.zdyList;
this.zdyList.push({
zdymc: '空',
bsm: ''
})
},
getData: function (data) {
data['dylxs'] = this.dylxs;
getSearchList(data).then(res => {
this.Data = res.result.records
this.total = res.result.total;
getZrz: function (bsm) {
zdXlcd(bsm).then(res => {
this.zrzList = res.result;
})
},
search: function () {
this.getData(this.queryData)
getZdxx: function (val) {
console.log(val, "宗地信息")
this.zd = val
this.zdxx = val.xmmc + "(" + val.zddm + ")";
},
drawerClose(done) {
this.$confirm('确认关闭？')
.then(_ => {
done();
})
.catch(_ => {
});
xzzdClose: function () {
this.xzzdVisible = false;
},
result: function () {
this.hcxlzData = {
zrzbsm: '',
ljzbsm: '',
zdybsm: ''
};
this.hcxlzData.bsms = this.bsms;
},
cancel() {
console.log("cancel......")
this.close();
},
save() {
console.log("save.......")
if (this.hcxlzData.zrzbsm == '') {
Message.error("请选择自然幢")
return;
}
hzl(this.hcxlzData).then(res => {
if (res.success) {
this.close();
} else {
Message.error(res.message)
}
});
},
close() {
this.$emit('close', false);
this.isVisible = false;
this.result();
},
},
watch: {
hCxlzVisble: function (val) {
this.isVisible = val
},
zd: function (val) {
this.hcxlzData.zrzbsm = ''
this.hcxlzData.zdybsm = ''
this.hcxlzData.ljzbsm = ''
this.getZrz(val.glbsm)
}
}
}
......
......@@ -222,23 +222,23 @@ export default {
},
//右键菜单的删除
deleteByBsm(){
let zdBsm = this.zdData.zdbsm;
let type;
console.log(zdBsm);
switch (this.zdData.type){
case "zd":
type="0";
break;
case "zrz":
type="1";
break;
case "h":
type="2";
break;
default:
break;
}
let params={"id":zdBsm,"type":type}
//let zdBsm = this.zdData.zdbsm;
//let type;
console.log(this.zdData.zdbsm);
//switch (this.zdData.type){
// case "zd":
// type="0";
// break;
// case "zrz":
// type="1";
// break;
// case "h":
// type="2";
// break;
// default:
// break;
//}
let params={"bsm":this.zdData.zdbsm,"type":this.zdData.type}
deleteZdInfoByBsm(params)
.then((res) => {
if(res.code=200){
......
......@@ -79,6 +79,16 @@
</div>
<span slot="footer" class="dialog-footer">
</span>
<div class="page">
<el-pagination
background
layout="prev, pager, next,total"
:page-size="queryData.pageSize"
:total="total"
@current-change="currentChange"
>
</el-pagination>
</div>
</el-dialog>
</div>
......@@ -91,6 +101,7 @@
name: "queryData",
data() {
return {
total:1,
queryData: {
bdcdyh: "",
bdcqzh: "",
......@@ -99,7 +110,9 @@
qszt: "2",
xmmc: "",
zddm: "",
zl: ""
zl: "",
pageNo: 1,
pageSize: 10,
},
Data: [],
isVisible: false
......@@ -125,6 +138,10 @@
created() {
},
methods: {
currentChange: function (val) {
this.queryData.pageNo = val;
this.getData(this.queryData);
},
result: function () {
this.queryData = {
bdcdyh: "",
......@@ -133,7 +150,9 @@
qszt: "2",
xmmc: "",
zddm: "",
zl: ""
zl: "",
pageNo: 1,
pageSize: 10
};
this.getData(this.queryData)
},
......@@ -141,6 +160,7 @@
data['dylxs'] = this.dylxs;
getSearchList(data).then(res => {
this.Data = res.result.records
this.total = res.result.total;
})
},
search: function () {
......@@ -151,7 +171,7 @@
},
close: function () {
this.$emit('close')
this.isVisible = false
this.result();
}
},
watch: {
......
......@@ -9,24 +9,65 @@
</el-radio-group>
<el-input
v-model="bdcdyh"
:style="{'width':inputWidth+'px'}"
:style="{ width: inputWidth + 'px' }"
@focus="inputFocus"
@blur="inputBlur"
@change="inputChange"
class="searchInput"
placeholder="输入不动产单元号"
><i slot="suffix" class="el-input__icon el-icon-search" @click="inputChange"></i></el-input>
><i
slot="suffix"
class="el-input__icon el-icon-search"
@click="inputChange"
></i
></el-input>
</el-col>
<el-col :span="16">
<div class="fr">
<el-button class="radioBtn" label="1" border @click="create">创建楼盘</el-button>
<el-button class="radioBtn" label="2" border @click="plScYcChange">实预测转换</el-button>
<el-button class="radioBtn" label="3" border @click="plhVisible=true">批量户</el-button>
<el-button class="radioBtn" label="4" border @click="plcVisible=true">批量层</el-button>
<el-button class="radioBtn" label="5" border @click="plShVisible=true">批量室号</el-button>
<el-button class="radioBtn" label="6" border @click="plzlVisible=true">批量坐落</el-button>
<el-button class="radioBtn" label="7" border @click="addBdcdyh">批量单元号</el-button>
<el-button class="radioBtn" label="7" border @click="hcxlzVisible=true">户重新落宗</el-button>
<el-button class="radioBtn" label="1" border @click="create"
>创建楼盘</el-button
>
<el-button class="radioBtn" label="2" border @click="plScYcChange"
>实预测转换</el-button
>
<el-button
class="radioBtn"
label="3"
border
@click="plhVisible = true"
>批量户</el-button
>
<el-button
class="radioBtn"
label="4"
border
@click="plcVisible = true"
>批量层</el-button
>
<el-button
class="radioBtn"
label="5"
border
@click="plShVisible = true"
>批量室号</el-button
>
<el-button
class="radioBtn"
label="6"
border
@click="plzlVisible = true"
>批量坐落</el-button
>
<el-button class="radioBtn" label="7" border @click="addBdcdyh"
>批量单元号</el-button
>
<el-button
class="radioBtn"
label="7"
border
@click="hcxlzVisible = true"
>户重新落宗</el-button
>
</div>
</el-col>
</el-row>
......@@ -57,13 +98,22 @@
<i v-show="!legendToggleFlag" class="el-icon-d-arrow-left"></i>
<i v-show="legendToggleFlag" class="el-icon-d-arrow-right"></i>
</div>
<div :class="selectedZt == 'dyzt'? 'dyzt selectedZt':'dyzt'" @click="selectedZt='dyzt'">
<div
:class="selectedZt == 'dyzt' ? 'dyzt selectedZt' : 'dyzt'"
@click="selectedZt = 'dyzt'"
>
<span>单元状态</span>
</div>
<div :class="selectedZt == 'fwxz'? 'fwxz selectedZt':'fwxz'" @click="selectedZt='fwxz'">
<div
:class="selectedZt == 'fwxz' ? 'fwxz selectedZt' : 'fwxz'"
@click="selectedZt = 'fwxz'"
>
<span>房屋性质</span>
</div>
<div :class="selectedZt == 'fwyt'? 'fwyt selectedZt':'fwyt'" @click="selectedZt='fwyt'">
<div
:class="selectedZt == 'fwyt' ? 'fwyt selectedZt' : 'fwyt'"
@click="selectedZt = 'fwyt'"
>
<span>房屋用途</span>
</div>
</div>
......@@ -71,13 +121,24 @@
class="legendTable-wrap"
:style="{ width: legendToggleFlag ? '204px' : '0' }"
>
<table class="legendTable" v-show="selectedZt == 'dyzt'" cellspacing="1" cellpadding="1" border="1">
<table
class="legendTable"
v-show="selectedZt == 'dyzt'"
cellspacing="1"
cellpadding="1"
border="1"
>
<tr>
<th>状态</th>
<th>套数</th>
<th>面积</th>
</tr>
<tr v-for="(item, index) in legendList" :key="index" class="cp" @click="handleChoosedH">
<tr
v-for="(item, index) in dyztList"
:key="index"
class="cp"
@click="handleChoosedH(item.name)"
>
<td>
<i class="el-icon-star-on" :style="{ color: item.color }"></i
>{{ item.name }}
......@@ -86,13 +147,25 @@
<td>{{ item.mj }}</td>
</tr>
</table>
<table class="legendTable" v-show="selectedZt == 'fwxz'" cellspacing="1" cellpadding="1" border="1">
<table
class="legendTable"
v-show="selectedZt == 'fwxz'"
cellspacing="1"
cellpadding="1"
border="1"
>
<tr>
<th>性质</th>
<th>套数</th>
<th>面积</th>
</tr>
<tr v-for="(item, index) in legendList" :key="index" class="cp" @click="handleChoosedH">
<tr
v-for="(item, index) in fwxzList"
:key="index"
class="cp"
@click="handleChoosedH(item.name)"
>
<td>
<i class="el-icon-star-on" :style="{ color: item.color }"></i
>{{ item.name }}
......@@ -100,14 +173,29 @@
<td>{{ item.ts }}</td>
<td>{{ item.mj }}</td>
</tr>
<tr v-show="fwxzList.length < 1">
<td colspan="3" class="tac">暂无数据</td>
</tr>
</table>
<table class="legendTable" v-show="selectedZt == 'fwyt'" cellspacing="1" cellpadding="1" border="1">
<table
class="legendTable"
v-show="selectedZt == 'fwyt'"
cellspacing="1"
cellpadding="1"
border="1"
>
<tr>
<th>用途</th>
<th>套数</th>
<th>面积</th>
</tr>
<tr v-for="(item, index) in legendList" :key="index" class="cp" @click="handleChoosedH">
<tr
v-for="(item, index) in fwytList"
:key="index"
class="cp"
@click="handleChoosedH(item.name)"
>
<td>
<i class="el-icon-star-on" :style="{ color: item.color }"></i
>{{ item.name }}
......@@ -115,6 +203,9 @@
<td>{{ item.ts }}</td>
<td>{{ item.mj }}</td>
</tr>
<tr v-show="fwytList.length < 1">
<td colspan="3" class="tac">暂无数据</td>
</tr>
</table>
</div>
</div>
......@@ -130,7 +221,11 @@
<addZdy ref="zdy"></addZdy>
</div>
<div class="addCh" v-show="menuType == 'ch'">
<addCh ref="ch" :dialogVisible="dialogVisible" :treeData="treeData"></addCh>
<addCh
ref="ch"
:dialogVisible="dialogVisible"
:treeData="treeData"
></addCh>
</div>
<div class="btnGroup">
<el-button type="primary" @click="saveInfo">保存</el-button>
......@@ -144,304 +239,380 @@
<pl-h :plh-visible="plhVisible" :bsms="bsms" @close="plhClose"></pl-h>
<pl-zl :pl-zl-visible="plzlVisible" :bsms="bsms" @close="plZlClose"></pl-zl>
<pl-c :plc-visible="plcVisible" :bsms="bsms" @close="plcClose"></pl-c>
<pl-sh :plShVisible="plShVisible" :bsms="bsms" @close="plshClose"></pl-sh>
<h-cxlz :h-cxlz-visble="hcxlzVisible" :bsms="bsms" @close="hcxlzClose"></h-cxlz>
<!-- 双击户的弹出框 -->
<el-dialog title="户编辑" :visible.sync="hbjVisible" width="50%" center>
<hbj ref="hbj" :bsm='hbsm'></hbj>
<div class="btnGroup">
<el-button type="primary" @click="hbjSaveInfo">保存</el-button>
<el-button type="primary" @click="hbjResetInfo">重置</el-button>
<el-button type="primary" @click="hbjVisible = false">取消</el-button>
</div>
</el-dialog>
</div>
<pl-sh :plShVisible="plShVisible" :bsms="bsms" @close="plshClose"></pl-sh>
<h-cxlz
:h-cxlz-visble="hcxlzVisible"
:bsms="bsms"
@close="hcxlzClose"
></h-cxlz>
<!-- 双击户的弹出框 -->
<el-dialog title="户编辑" :visible.sync="hbjVisible" width="50%" center>
<hbj ref="hbj" :bsm="hbsm"></hbj>
<div class="btnGroup">
<el-button type="primary" @click="hbjSaveInfo">保存</el-button>
<el-button type="primary" @click="hbjResetInfo">重置</el-button>
<el-button type="primary" @click="hbjVisible = false">取消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import HCxlz from "./../../../../components/hCxlz/hCxlz"
import PlC from "./../../../../components/plc/plC"
import PlSh from "./../../../../components/plsh/plSh"
import PlH from "./../../../../components/plh/plH"
import PlZl from "./../../../../components/plzl/plZl"
import LineTree from "../../../../components/lineTree/lineTree";
import addLjz from "./ljz/index";
import addZdy from "./zdy/index";
import addCh from "./ch/index";
import hbj from "./hbj/index"
import lpbContent from "./lpbContent/index";
import {getLpbMenuTree, batchScYcChange,batchGeneratorBdcdyh} from "../../../../api/lpb";
export default {
name: "",
components: {LineTree, addLjz, addZdy, addCh, lpbContent, PlC, PlSh, PlH, PlZl, hbj, HCxlz},
props: {},
data() {
return {
bsms: ["123", "321", "231"],
hbsm: '',
hcxlzVisible: false,
dialogVisible: false,
plcVisible: false,
plhVisible: false,
plShVisible: false,
plzlVisible: false,
hbjVisible: false,
tabPosition: "1", //1是实测 0是预测
radio1: "",
radio2: "",
createFlag: false,
bdcdyh: "",
islpb: true,
pd: [], //创建楼盘的树结构数据
menuType: "",
treeData: {},
inputWidth: 74,
selectedZt: 'dyzt', //图例选中项，默认选中单元状态
legendList: [
{
name: "未确权",
color: "#2591FD",
ts: "12",
mj: "1633",
},
{
name: "已确权",
color: "#2591FD",
ts: "22",
mj: "3109",
},
{
name: "已注销",
color: "#2591FD",
ts: "13",
mj: "1457",
},
{
name: "已备案",
color: "#2591FD",
ts: "3",
mj: "409",
},
{
name: "预抵押",
color: "#2591FD",
ts: "11",
mj: "1466",
},
{
name: "在建抵押",
color: "#2591FD",
ts: "13",
mj: "1792",
},
{
name: "抵押",
color: "#2591FD",
ts: "14",
mj: "13",
},
{
name: "查封",
color: "#2591FD",
ts: "9",
mj: "1436",
},
{
name: "异议",
color: "#2591FD",
ts: "34",
mj: "4342",
},
{
name: "限制",
color: "#2591FD",
ts: "2",
mj: "285",
},
],
legendToggleFlag: false,
lpbContentHight: "",
lpbContentwidth: "",
time: ''
};
},
created() {
window.addEventListener("resize", this.getHeight);
this.getHeight();
},
mounted() {
// this.getLpbMenuTree("1e0c83dfe2e73284f834a80a0947f0c9");
this.getLpbMenuTree(this.$store.state.zrzbsm);
// 楼盘表绘制区域宽度计算：楼盘表区域宽度-图例宽度34-滚动条宽度6
setTimeout(() => {
this.lpbContentwidth = this.$store.state.contentWidth - 34 - 6;
}, 100);
},
methods: {
hcxlzClose() {
this.hcxlzVisible = false;
},
plZlClose() {
this.plzlVisible = false
},
plcClose() {
this.plcVisible = false;
},
plhClose() {
this.plhVisible = false;
},
plshClose() {
this.plShVisible = false
},
//获取高度计算lpb内容区高度
getHeight() {
this.lpbContentHight = window.innerHeight - 285;
},
//创建楼盘
create() {
this.createFlag = true;
},
//获取自然幢树结构数据
getLpbMenuTree(zrzbsm) {
getLpbMenuTree(zrzbsm)
.then((res) => {
this.pd = res.result;
})
.catch((error) => {
});
},
//打开新建楼盘树结构右键菜单唤起的弹框
openLpbDialog(data, type) {
this.treeData = data;
this.menuType = type;
this.dialogVisible = true;
},
//弹框中的保存按钮，根据不同菜单点击类型调用不同子组件的保存方法
saveInfo() {
switch (this.menuType) {
case "ljz":
this.$refs.ljz.onSave(this.$refs.ljz.form, this.treeData.bsm);
break;
case "zdy":
this.$refs.zdy.submitForm("form", this.pd[0].bsm, this.treeData.bsm);
break;
case "ch":
this.$refs.ch.onSave(this.pd[0].bsm);
break;
default:
break;
}
},
//弹框中的重置按钮
resetInfo() {
switch (this.menuType) {
case "ljz":
this.$refs.ljz.reset();
break;
case "zdy":
this.$refs.zdy.reset();
break;
case "ch":
this.$refs.ch.reset();
break;
import HCxlz from "./../../../../components/hCxlz/hCxlz";
import PlC from "./../../../../components/plc/plC";
import PlSh from "./../../../../components/plsh/plSh";
import PlH from "./../../../../components/plh/plH";
import PlZl from "./../../../../components/plzl/plZl";
import LineTree from "../../../../components/lineTree/lineTree";
import addLjz from "./ljz/index";
import addZdy from "./zdy/index";
import addCh from "./ch/index";
import hbj from "./hbj/index";
import lpbContent from "./lpbContent/index";
import { getLpbMenuTree, batchScYcChange, getLpbTj,batchGeneratorBdcdyh } from "../../../../api/lpb";
default:
break;
}
},
//关闭弹框
closeDaialog() {
this.dialogVisible = false;
},
//图例的展开收起
legendToggle() {
this.legendToggleFlag = !this.legendToggleFlag;
},
//获取选中户bsm
getHbsm(data, type) {
this.bsms = data;
if (type) {
// 双击
this.hbsm = this.bsms[this.bsms.length - 1];
this.hbjVisible = true;
this.$nextTick(function () {
this.$refs.hbj.getHInfo(this.hbsm);
})
} else {
//单击 TO DO
export default {
name: "",
components: {
LineTree,
addLjz,
addZdy,
addCh,
lpbContent,
PlC,
PlSh,
PlH,
PlZl,
hbj,
HCxlz,
},
props: {},
data() {
return {
bsms: ["123", "321", "231"],
hbsm: "",
dialogVisible: false,
plcVisible: false,
plhVisible: false,
plShVisible: false,
plzlVisible: false,
hbjVisible: false,
hcxlzVisible:false,
tabPosition: "1", //1是实测 0是预测
radio1: "",
radio2: "",
createFlag: false,
bdcdyh: "",
islpb: true,
pd: [], //创建楼盘的树结构数据
menuType: "",
treeData: {},
inputWidth: 74,
selectedZt: "dyzt", //图例选中项，默认选中单元状态
dyztList: [
{
name: "未确权",
color: "#2591FD",
ts: "12",
mj: "1633",
},
{
name: "已确权",
color: "#2591FD",
ts: "22",
mj: "3109",
},
{
name: "已备案",
color: "#2591FD",
ts: "3",
mj: "409",
},
{
name: "预抵押",
color: "#2591FD",
ts: "11",
mj: "1466",
},
{
name: "在建抵押",
color: "#2591FD",
ts: "13",
mj: "1792",
},
{
name: "抵押",
color: "#2591FD",
ts: "14",
mj: "13",
},
{
name: "查封",
color: "#2591FD",
ts: "9",
mj: "1436",
},
{
name: "异议",
color: "#2591FD",
ts: "34",
mj: "4342",
},
{
name: "限制",
color: "#2591FD",
ts: "2",
mj: "285",
},
],
fwxzList: [],
fwytList: [],
legendToggleFlag: false,
lpbContentHight: "",
lpbContentwidth: "",
time: "",
dyztBsmList: {}, //单元状态bsmList
};
},
created() {
window.addEventListener("resize", this.getHeight);
this.getHeight();
},
mounted() {
//获取楼盘表树结构
this.getLpbMenuTree(this.$store.state.zrzbsm);
//获取各项单元状态的户bsm
this.getDyztBsmList();
// 楼盘表绘制区域宽度计算：楼盘表区域宽度-图例宽度34-滚动条宽度6
setTimeout(() => {
this.lpbContentwidth = this.$store.state.contentWidth - 34 - 6;
}, 100);
},
methods: {
hcxlzClose() {
this.hcxlzVisible = false;
},
plZlClose() {
this.plzlVisible = false;
},
plcClose() {
this.plcVisible = false;
},
plhClose() {
this.plhVisible = false;
},
plshClose() {
this.plShVisible = false;
},
//获取高度计算lpb内容区高度
getHeight() {
this.lpbContentHight = window.innerHeight - 285;
},
//创建楼盘
create() {
this.createFlag = true;
},
//获取自然幢树结构数据
getLpbMenuTree(zrzbsm) {
getLpbMenuTree(zrzbsm)
.then((res) => {
this.pd = res.result;
})
.catch((error) => {});
},
//打开新建楼盘树结构右键菜单唤起的弹框
openLpbDialog(data, type) {
this.treeData = data;
this.menuType = type;
this.dialogVisible = true;
},
//弹框中的保存按钮，根据不同菜单点击类型调用不同子组件的保存方法
saveInfo() {
switch (this.menuType) {
case "ljz":
this.$refs.ljz.onSave(this.$refs.ljz.form, this.treeData.bsm);
break;
case "zdy":
this.$refs.zdy.submitForm("form", this.pd[0].bsm, this.treeData.bsm);
break;
case "ch":
this.$refs.ch.onSave(this.pd[0].bsm);
break;
default:
break;
}
},
//弹框中的重置按钮
resetInfo() {
switch (this.menuType) {
case "ljz":
this.$refs.ljz.reset();
break;
case "zdy":
this.$refs.zdy.reset();
break;
case "ch":
this.$refs.ch.reset();
break;
default:
break;
}
},
//关闭弹框
closeDaialog() {
this.dialogVisible = false;
},
//图例的展开收起
legendToggle() {
this.legendToggleFlag = !this.legendToggleFlag;
},
//获取选中户bsm
getHbsm(data, type) {
this.bsms = data;
if (type) {
// 双击
this.hbsm = this.bsms[this.bsms.length - 1];
this.hbjVisible = true;
this.$nextTick(function() {
this.$refs.hbj.getHInfo(this.hbsm);
});
} else {
//单击 TO DO
}
console.log(this.bsms);
},
//不动产单元号输入框事件
inputFocus(){
this.inputWidth = 200
inputFocus() {
this.inputWidth = 200;
},
inputBlur(){
this.inputWidth = 74
inputBlur() {
this.inputWidth = 74;
},
inputChange(){
if (this.bdcdyh!='') {
console.log('查询'+this.bdcdyh);
inputChange() {
if (this.bdcdyh != "") {
console.log("查询" + this.bdcdyh);
this.$refs.lpbContent.lpbDataMap(this.bdcdyh);
}else{
} else {
this.$message({
message: "请输入内容后查询",
type: "warning",
})
});
}
},
//户保存
hbjSaveInfo(){
this.$refs.hbj.onSave(this.bsms[this.bsms.length-1],this.tabPosition);
hbjSaveInfo() {
this.$refs.hbj.onSave(this.bsms[this.bsms.length - 1], this.tabPosition);
},
//户编辑表单重置
hbjResetInfo(){
hbjResetInfo() {
this.$refs.hbj.onReset();
},
//调用楼盘表信息查询接口
getlpbData(){
getlpbData() {
this.$refs.lpbContent.getLpb(this.$store.state.zrzbsm);
//改变楼盘表子组件的key值，重新渲染
this.time = new Date().getTime();
this.time = new Date().getTime();
},
//实预测装换
plScYcChange(){
let data={
zrzbsm:this.$store.state.zrzbsm,
scyclx:"0"
}
batchScYcChange(data).then((res)=>{
if(res.code===200){
this.$message.success("实预测转换成功")
plScYcChange() {
let data = {
zrzbsm: this.$store.state.zrzbsm,
scyclx: "0",
};
batchScYcChange(data).then((res) => {
if (res.code === 200) {
this.$message.success("实预测转换成功");
}
})
});
},
//选中房屋状态
handleChoosedH(){
handleChoosedH(name) {
console.log(name, "选中房屋状态");
// Dyzt:{list:[],mj:''}
//清除选中户
this.$refs.lpbContent.clearChoosedH()
this.$refs.lpbContent.clearChoosedH();
//给hBsmList传值
switch (name) {
case "未确权":
this.$refs.lpbContent.choosedList = this.dyztBsmList.Wqqzt.bsms;
break;
case "已确权":
this.$refs.lpbContent.choosedList = this.dyztBsmList.Qqzt.bsms;
break;
case "已备案":
this.$refs.lpbContent.choosedList = this.dyztBsmList.Bazt.bsms;
break;
case "预抵押":
this.$refs.lpbContent.choosedList = this.dyztBsmList.Ydyzt.bsms;
break;
case "在建抵押":
this.$refs.lpbContent.choosedList = this.dyztBsmList.Zjgcdyzt.bsms;
break;
case "抵押":
this.$refs.lpbContent.choosedList = this.dyztBsmList.Dyzt.bsms;
break;
case "查封":
this.$refs.lpbContent.choosedList = this.dyztBsmList.Cfzt.bsms;
break;
case "异议":
this.$refs.lpbContent.choosedList = this.dyztBsmList.Yyzt.bsms;
break;
case "限制":
this.$refs.lpbContent.choosedList = this.dyztBsmList.Xzzt.bsms;
break;
default:
break;
}
// this.$refs.lpbContent.choosedList=["0a66bc775dcec26385f9124cc0fd8656", "58cafdbee129bb412527f674ef9267ae", "4bbca678fa56d5ab97b8a62c7cb54898", "ecfd72e9a31a03ba0ab4e46faba2b51b", "049033ea9d244b4b5ea75521b6862239", "013352d8a001a1d5f790296b6843627b", "ed8e3f0e2b2682cf76b4d58b9a74e49c", "37cc53acaf2c3bb92be4b9adf06d94c9", "f5a5e14ce08c26056aca5861f56e5cf6", "11eeaaa5c9f5f1231c69d3b958d05568", "421978023a36d4920dbb86300cc52dc9", "e97f2af2588cc0e41ffb6b203df617c9", "7210987d94350472dca10d4ad71fffc5", "6eb1b50edce538a4c63574e9e28fedce", "43c5fecd7623ceabc37844e8a4722603", "c361ccfcd3da9f7288110c6fa202cb96", "2321512f6f8d0ec9f570c6eec9a892fe", "ea08fb234cd908c89a0d21c085dadb2f", "be71f7f0ec926e1850d3baec8817cdbd", "6f695d6b7ecb97f7ff17f22dbe86b93c", "4ee1604b2629e6797d3096c20229223b"]
},
//批量添加不动产单元号
addBdcdyh(){
addBdcdyh() {
// this.pd[0].bsm //自然幢标识码
console.log(this.$store.state.zrzh,'this.$store.state.zrzh');
console.log(this.pd[0].bsm,'this.pd[0].bsm');
batchGeneratorBdcdyh(this.$store.state.zrzh,this.pd[0].bsm).then((res)=>{
if(res.code===200){
this.$message.success("生成完成！")
}else {
this.$message.warning("生成失败！")
batchGeneratorBdcdyh(this.$store.state.zrzh, this.pd[0].bsm).then(
(res) => {
if (res.code === 200) {
this.$message.success("生成完成！");
} else {
this.$message.warning("生成失败！");
}
}
})
}
},
computed: {
);
},
//获取各项单元状态的户bsm
getDyztBsmList() {
let data = {
zrzbsm: this.$store.state.zrzbsm,
syclx: "0",
};
getLpbTj(data).then((res) => {
if (res.code === 200) {
this.dyztBsmList = res.result;
//给单元状态图例数据dyztList赋值
this.dyztList[0].mj = res.result.Wqqzt.mj;
this.dyztList[0].ts = res.result.Wqqzt.bsms.length;
this.dyztList[1].mj = res.result.Qqzt.mj;
this.dyztList[1].ts = res.result.Qqzt.bsms.length;
this.dyztList[2].mj = res.result.Bazt.mj;
this.dyztList[2].ts = res.result.Bazt.bsms.length;
this.dyztList[3].mj = res.result.Ydyzt.mj;
this.dyztList[3].ts = res.result.Ydyzt.bsms.length;
this.dyztList[4].mj = res.result.Zjgcdyzt.mj;
this.dyztList[4].ts = res.result.Zjgcdyzt.bsms.length;
this.dyztList[5].mj = res.result.Dyzt.mj;
this.dyztList[5].ts = res.result.Dyzt.bsms.length;
this.dyztList[6].mj = res.result.Cfzt.mj;
this.dyztList[6].ts = res.result.Cfzt.bsms.length;
this.dyztList[7].mj = res.result.Yyzt.mj;
this.dyztList[7].ts = res.result.Yyzt.bsms.length;
this.dyztList[8].mj = res.result.Xzzt.mj;
this.dyztList[8].ts = res.result.Xzzt.bsms.length;
}
});
},
},
computed: {},
destroyed() {
window.removeEventListener("resize", this.getHeight);
},
......@@ -479,21 +650,21 @@
box-sizing: border-box;
padding: 0 20px;
/deep/.el-radio-button__inner {
border: 1px solid #00CACD;
color: #00CACD;
border: 1px solid #00cacd;
color: #00cacd;
}
/deep/.el-radio-button__inner:hover{
color: #00CACD;
/deep/.el-radio-button__inner:hover {
color: #00cacd;
}
/deep/.is-active .el-radio-button__inner{
/deep/.is-active .el-radio-button__inner {
color: #fff;
}
/deep/.el-radio-button__orig-radio:checked+.el-radio-button__inner{
background-color: #00CACD;
border-color: #00CACD;
/deep/.el-radio-button__orig-radio:checked + .el-radio-button__inner {
background-color: #00cacd;
border-color: #00cacd;
}
.searchInput {
transition: .5s;
transition: 0.5s;
margin-left: 20px;
display: inline-block;
}
......@@ -546,7 +717,7 @@
height: 40px;
line-height: 40px;
text-align: center;
background-color: #0091FF;
background-color: #0091ff;
color: #fff;
border-bottom: 1px solid #e6e6e6;
}
......@@ -572,8 +743,8 @@
letter-spacing: 2px;
}
}
.selectedZt{
background-color: #0091FF;
.selectedZt {
background-color: #0091ff;
color: #fff;
}
}
......@@ -608,7 +779,7 @@
}
}
}
.tab-content::-webkit-scrollbar{
.tab-content::-webkit-scrollbar {
width: 1px;
}
.btnGroup {
......
......@@ -293,11 +293,11 @@ export default {
//父组件中选择单元状态改变choosedList
choosedList(n){
this.$refs.hBsm.forEach(item=>{
this.choosedList.forEach(i=>{
if(item.dataset.bsm == i){
item.className = 'tdSelect'
}
})
this.choosedList.forEach(i=>{
if(item.dataset.bsm == i){
item.className = 'tdSelect'
}
})
})
}
},
......