Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
ddf3d039 by 杨威
Options

Merge remote-tracking branch 'origin/master' into master

2 parents 4c0e9097 18776a57
Inline Side-by-side
Showing 26 changed files with 507 additions and 409 deletions
......@@ -20,4 +20,7 @@ yarn-error.log*
*.sln
*.sw?
package-lock.json
CadastralSystem.iml
CadastralSyst
em.iml
*.env
*.gitignore
......
......@@ -69,4 +69,14 @@ export function hhb(data) {
method: 'post',
data: data
})
}
/**
* 户分割
*/
export function hfg(data) {
return request({
url: '/bg/hSplitMerge/hFg',
method: 'post',
data: data
})
}
\ No newline at end of file
......
......@@ -116,7 +116,7 @@ ol, ul { list-style:none; }
>.el-tabs__item{
border: 1px solid #DEDEDE;
height: 30px;
line-height: 30px;
line-height: 28px;
padding: 0 20px;
margin: 9px 10px 9px 0;
}
......@@ -128,6 +128,9 @@ ol, ul { list-style:none; }
}
}
}
.el-tabs__item{
font-size: 16px;
}
//弹框遮罩层样式
.v-modal{
opacity: .2;
......@@ -261,4 +264,12 @@ ol, ul { list-style:none; }
}
.iconfontEdit:hover{
color: rgb(0, 108, 255);
}
.el-select,.el-select-tree,.el-date-editor{
/deep/ .el-input__inner{
text-align: left!important;
}
}
.el-input__prefix, .el-input__suffix{
top: -2px;
}
\ No newline at end of file
......
......@@ -720,6 +720,8 @@ export default {
// height: 100%;
border-right: 1px solid #E6E6E6;
position: relative;
text-align: right;
padding-right: 10px;
.qlxz {
line-height: 34px;
}
......
......@@ -373,6 +373,8 @@ export default {
// height: 100%;
border-right: 1px solid #E6E6E6;
position: relative;
text-align: right;
padding-right: 10px;
.qlxz {
line-height: 34px;
}
......
......@@ -15,7 +15,7 @@
<div
class="row-flex-start basic_banner"
@click="itemClick(item)"
@dblclick="dbclick(item)"
@dblclick="dbclick(item,item.zdbsm)"
:class="{
active_color: item.expand,
}"
......@@ -24,8 +24,8 @@
v-if="item.children"
class="reTree_icon"
:style="{
height: (size || 14 * 1.2) + 'px',
width: (size || 14 * 1.2) + 'px',
height: (size || 16 * 1.2) + 'px',
width: (size || 16 * 1.2) + 'px',
}"
:class="{
reTree_default_icon: item.children.length === 0,
......@@ -37,8 +37,8 @@
v-if="item.children==null"
class="reTree_icon reTree_expand_icon"
:style="{
height: (size || 14 * 1.2) + 'px',
width: (size || 14 * 1.2) + 'px',
height: (size || 16 * 1.2) + 'px',
width: (size || 16 * 1.2) + 'px',
}"
></div>
<div
......@@ -46,8 +46,10 @@
@contextmenu.prevent="openMenu($event, item,list)"
:class="{
active_color: item.expand,
curPage:$route.query.bsm==item.bsm
curPage:$route.query.bsm && $route.query.bsm==item.bsm
}"
:ref="($route.query.bsm && $route.query.bsm==item.bsm)?'curZxx':''"
:data-zdbsm="item.zdbsm"
>
<img class="qsztImg" v-if="item.qszt=='0'" :src="linshi"/>
<img class="qsztImg" v-if="item.qszt=='1'" :src="zhengshi"/>
......@@ -83,7 +85,7 @@ export default {
},
size: {
type: Number,
default: 14,
default: 16,
},
visible: {
type: Boolean,
......@@ -104,7 +106,11 @@ export default {
}
},
mounted(){
// console.log(this.$refs.curZxx,'this.$refs.curZxx');
if(this.$refs.curZxx){
console.log(this.$refs.curZxx[0].dataset.zdbsm);
this.$store.state.oldZdbsm = this.$refs.curZxx[0].dataset.zdbsm;
}
},
methods: {
itemClick(item) {
......@@ -174,8 +180,9 @@ export default {
}
},
// 左键双击事件
dbclick(item) {
dbclick(item,bsm) {
clearTimeout(this.time);
this.$store.state.newZdbsm = bsm;
//此处不要将$router移到if的外面，因为可能是双击行政区，就不知道去哪儿了
if (item.type == 'zd') {
this.$store.state.zdbsm = item.bsm;
......@@ -342,8 +349,8 @@ export default {
content: "";
position: absolute;
/* 为了触顶 */
top: -14px;
height: calc(100% + 14px);
top: -16px;
height: calc(100% + 16px);
width: 1px;
left: 7px;
opacity: .5;
......@@ -355,7 +362,7 @@ export default {
content: "";
position: absolute;
height: 23px;
top: -14px;
top: -16px;
width: 1px;
left: 7px;
opacity: .5;
......@@ -401,7 +408,7 @@ export default {
background-size: contain;
}
.qsztImg{
width: 14px;
width: 16px;
position: relative;
top: 1px;
}
......
<template>
<div
class="content column-start-center reTree_box"
:style="{ fontSize: (size || 14) + 'px', lineHeight: (size || 14) + 'px', width: (islpb ? '200':'374') + 'px' }"
:style="{ fontSize: (size || 16) + 'px', lineHeight: (size || 16) + 'px', width: (islpb ? '200':'374') + 'px' }"
>
<div
class="column-start-center basic_layer"
......@@ -19,8 +19,8 @@
<div
class="reTree_icon"
:style="{
height: (size || 14 * 1.2) + 'px',
width: (size || 14 * 1.2) + 'px',
height: (size || 16 * 1.2) + 'px',
width: (size || 16 * 1.2) + 'px',
}"
:class="{
reTree_default_icon: item.children.length === 0,
......@@ -129,7 +129,7 @@ export default {
pd: {},
size: {
type: Number,
default: 14,
default: 16,
},
islpb:{
type: Boolean,
......@@ -137,20 +137,20 @@ export default {
}
},
components: { lineItem,Create,ImportGeo,sxdr },
mixins:[geoUtils,featureUpdate],
mixins:[geoUtils,featureUpdate],
data() {
return {
sxdrVisible:false,
selectedDetail: {},
timer: {},
formatData: [],
formatData: this.$store.state.treeData,
visible: false,
top: 0,
left: 0,
isZD: true,
zdData:{},
currentClickZdGeo:"",
improtDialog:false,
currentClickZdGeo:"",
improtDialog:false,
dialogVisible:false,
//控制楼盘表
lpbvisible: false,
......@@ -168,9 +168,7 @@ export default {
watch: {
pd(n, o) {
this.formatData = this.preDealData(n);
console.log(this.formatData);
},
lpbvisible(value) {
if (value) {
document.body.addEventListener("click", this.closeMenu);
......@@ -195,7 +193,6 @@ export default {
// }
},
created() {
console.log("lineTree create");
this.preDealData(this.pd);
// this.expandTreeItemById(["6b5af49d803f97baf06afb897de257f5"]);
},
......@@ -303,8 +300,6 @@ export default {
},
itemClick(item) {
// item.expand = item.expand == undefined? true:!item.expand;
console.log(item,'item');
console.log(this.formatData,'this.formatData');
this.formatData.forEach(i=>{
if(i.bsm != item.bsm){
i.expand = false
......@@ -338,11 +333,9 @@ export default {
})
}
})
console.log(this.formatData,'formatData');
},
//自然幢右键点击事件
openMenu(e,item){
console.log(item,'右键item');
this.lpbleft = e.pageX;
this.lpbtop = e.pageY;
this.zdData = item;
......@@ -731,8 +724,8 @@ export default {
content: "";
position: absolute;
/* 为了触顶 */
top: -14px;
height: calc(100% + 14px);
top: -16px;
height: calc(100% + 16px);
width: 1px;
left: 9px;
background: #c3c5c8;
......@@ -742,7 +735,7 @@ export default {
content: "";
position: absolute;
height: 23px;
top: -14px;
top: -16px;
width: 1px;
left: 9px;
background: #c3c5c8;
......
......@@ -292,7 +292,7 @@ export default {
}
},
cadFileSuccess(response, file, fileList){
debugger
},
excelFileSuccess(response, file, fileList){
var self = this;
......
......@@ -12,31 +12,31 @@
<tr>
<td>层建筑面积(㎡)</td>
<td>
<el-input v-model="qlcData.cjzmj" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" placeholder="层建筑面积(㎡)"></el-input>
<el-input v-model="qlcData.cjzmj" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" ></el-input>
</td>
<td>
层套内建筑面积(㎡)
</td>
<td>
<el-input v-model="qlcData.ctnjzmj" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" placeholder="层套内建筑面积(㎡)" ></el-input>
<el-input v-model="qlcData.ctnjzmj" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" ></el-input>
</td>
</tr>
<tr>
<td>层阳台面积(㎡)</td>
<td>
<el-input v-model="qlcData.cytmj" class="" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" placeholder="层阳台面积(㎡)"></el-input>
<el-input v-model="qlcData.cytmj" class="" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" ></el-input>
</td>
<td>
层半墙面积(㎡)
</td>
<td>
<el-input v-model="qlcData.cbqmj" class="" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" placeholder="层半墙面积(㎡)"></el-input>
<el-input v-model="qlcData.cbqmj" class="" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" ></el-input>
</td>
</tr>
<tr>
<td>层共有建筑面积(㎡)</td>
<td>
<el-input v-model="qlcData.cgyjzmj" class="" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" placeholder="层共有建筑面积(㎡)"></el-input>
<el-input v-model="qlcData.cgyjzmj" class="" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" ></el-input>
</td>
<td>
层分摊建筑面积(㎡)
......
......@@ -6,7 +6,7 @@
width="50%"
@close="close"
:modal-append-to-body="false"
>
>
<div>
<span class="xl" @click="xl">祥例</span>
<table border="1">
......@@ -128,13 +128,30 @@
key: '2',
label: '实际层',
value: '2'
}, {
key: '3',
label: '空',
value: '3'
}
]
}
},
methods: {
lodding:function(){
this.$emit('lodding')
test: function () {
for (let key in this.plshData) {
console.log(key)
console.log(this.plshData[key])
if (key === 'chqbl') {
continue;
}
if (this.plshData[key] !== '' && this.plshData[key] !== '3' && this.plshData[key] !== false) {
return true;
}
}
return false;
},
lodding: function () {
this.$emit('lodding')
},
xl: function () {
this.xlVisible = true;
......@@ -156,6 +173,10 @@
}
},
save: function () {
if (!this.test()) {
this.$message.info("请选择")
return;
}
this.plshData['bsms'] = this.bsms
updateSh(this.plshData).then(res => {
if (res.success) {
......@@ -174,25 +195,25 @@
computed: {
gz: function () {
let gz = "";
if (this.plshData.shqz != "") {
if (this.plshData.shqz !== "") {
gz += this.plshData.shqz
}
if (this.plshData.selectDyh) {
gz += "[单元号]"
}
if (this.plshData.fgfA != "") {
if (this.plshData.fgfA !== "") {
gz += this.plshData.fgfA
}
if (this.plshData.c == 1) {
if (this.plshData.c === 1) {
gz += "[名义层]"
} else if (this.plshData.c == 2) {
} else if (this.plshData.c === 2) {
gz += "[实际层]"
}
if (this.plshData.fgfB != "") {
if (this.plshData.fgfB !== "") {
gz += this.plshData.fgfB
}
gz += "[户号]";
if (this.plshData.shhz != "") {
if (this.plshData.shhz !== "") {
gz += this.plshData.shhz
}
return gz;
......
......@@ -6,7 +6,7 @@
width="60%"
@close="close"
:modal-append-to-body="false"
>
>
<div>
<table border="1">
<tr>
......@@ -121,12 +121,12 @@
isVisible: false,
plzlData: {
qz: '',
zd: '',
zrz: '',
ljz: '',
zdy: '',
c: '',
h: '',
zd: '3',
zrz: '3',
ljz: '3',
zdy: '3',
c: '3',
h: '3',
hz: ''
},
zdgz: [
......@@ -160,6 +160,9 @@
}, {
label: "逻辑幢号",
value: '2'
}, {
label: "空",
value: '3'
}
],
zdygz: [
......@@ -169,6 +172,9 @@
}, {
label: "幢单元号",
value: '2'
}, {
label: "空",
value: '3'
}
],
cgz: [
......@@ -180,6 +186,9 @@
key: '2',
label: '实际层',
value: '2'
}, {
label: "空",
value: '3'
}
],
hgz: [
......@@ -191,15 +200,22 @@
key: '2',
label: '户号',
value: '2'
}, {
label: "空",
value: '3'
}
]
}
},
methods: {
lodding:function(){
lodding: function () {
this.$emit('lodding')
},
save: function () {
if (!this.test()) {
this.$message.info("请选择")
return;
}
this.plzlData['bsms'] = this.bsms;
updateZl(this.plzlData).then(res => {
if (res.success) {
......@@ -210,8 +226,15 @@
}
})
},
test: function () {
for (let key in this.plzlData) {
if (this.plzlData[key] !== '' && this.plzlData[key] !== '3') {
return true;
}
}
return false;
},
cancel: function () {
console.log("cancel......")
this.close();
},
close: function () {
......@@ -220,7 +243,6 @@
this.result();
},
result: function () {
console.log("重置")
this.plzlData = {
qz: '',
zd: '',
......@@ -237,45 +259,45 @@
gz: function () {
// [前缀][宗地][自然幢][单元][室号][室号][后缀]
let gz = "";
if (this.plzlData.qz != '') {
if (this.plzlData.qz !== '') {
gz += this.plzlData.qz
}
if (this.plzlData.zd == 1) {
if (this.plzlData.zd === 1) {
gz += "[宗地坐落]";
} else if (this.plzlData.zd == 2) {
} else if (this.plzlData.zd === 2) {
gz += "[宗地名称]";
}
if (this.plzlData.zrz == 1) {
if (this.plzlData.zrz === 1) {
gz += "[自然幢坐落]"
} else if (this.plzlData.zrz == 2) {
} else if (this.plzlData.zrz === 2) {
gz += "[自然幢名称]";
}
if (this.plzlData.ljz == 1) {
if (this.plzlData.ljz === 1) {
gz += "[逻辑幢名称]"
} else if (this.plzlData.ljz == 2) {
} else if (this.plzlData.ljz === 2) {
gz += "[逻辑幢号]"
}
if (this.plzlData.zdy == 1) {
if (this.plzlData.zdy === 1) {
gz += "[幢单元名称]";
} else if (this.plzlData.zdy == 2) {
} else if (this.plzlData.zdy === 2) {
gz += "[幢单元号]"
}
if (this.plzlData.c == 1) {
if (this.plzlData.c === 1) {
gz += "[名义层]"
} else if (this.plzlData.c == 2) {
} else if (this.plzlData.c === 2) {
gz += "[实际层]"
}
if (this.plzlData.h == 1) {
if (this.plzlData.h === 1) {
gz += "[室号]"
} else if (this.plzlData.h == 2) {
} else if (this.plzlData.h === 2) {
gz += "[户号]"
}
if (this.plzlData.hz != "") {
if (this.plzlData.hz !== "") {
gz += this.plzlData.hz
}
if (gz == "") {
if (gz === "") {
gz += "无"
}
return gz;
......
......@@ -50,7 +50,8 @@
uploadUrl: '',
isVisible: false,
sxdrData: {
bsm: ''
bsm: '',
type:''
},
errorData: []
}
......@@ -72,13 +73,12 @@
this.reset();
},
downloadTemplate() {
window.open(`/api/tx/excelGeo/zdTemplate?type=` + this.dylx);
window.open(`/api/tx/excelGeo/template?type=` + this.dylx);
},
uploadSuccess(res, file, fileList) {
this.errorData = [];
if (res.success) {
this.$message.success("上传成功")
debugger
this.loading();
this.close()
} else {
......@@ -96,9 +96,10 @@
this.isVisible = val;
},
dylx(val) {
this.sxdrData.type=val;
switch (val) {
case "zd":
this.uploadUrl = "/api/tx/excelGeo/Zdimport";
this.uploadUrl = "/api/tx/excelGeo/import";
break;
default:
break;
......
......@@ -50,6 +50,8 @@ const store = new Vuex.Store({
zrzh:'', //自然幢号
dzbsm:'', // 多幢bsm
treeData:[], // 树数据
oldZdbsm:'',
newZdbsm:'',
},
modules: {
user,
......
......@@ -11,7 +11,7 @@
<span class="logo-text" v-show="!textLogo">不动产权籍调查系统</span>
</div>
<div class="treeModule" :style="{height:treeHeight+'px'}">
<LineTree :pd="pd" @itemClick="itemClick"></LineTree>
<LineTree :pd="pd" v-if="lineTreeVisible" @itemClick="itemClick"></LineTree>
</div>
</el-aside>
<el-container class="calcWidth">
......@@ -137,11 +137,12 @@ export default {
"/announcement_template": "PSH019",
"/business_management": "PSH020",
},
pd: [],
pd: this.$store.state.treeData,
dialogVisible: false,
isMap:false,
isMap:false,
treeHeight:0,
routerInfo:null
routerInfo:null,
lineTreeVisible:false,
};
},
computed: {
......@@ -192,10 +193,15 @@ export default {
"$store.state.treeData":function (val) {
console.log(val,'val');
this.pd = val;
}
},
'$store.state.treeZdbsm':function (val) {
console.log(val,'val');
},
},
mounted(){
this.$nextTick(()=>{
this.lineTreeVisible = true
})
},
created() {
if (this.$route.meta) {
......@@ -248,6 +254,8 @@ export default {
this.getRightTreeByZrzbsm(this.$store.state.zrzbsm)
}else if(this.$route.path == '/zd'){
this.getRightTree(this.$store.state.zdbsm)
}else if(this.$route.path == '/dz'){
this.getRightTreeByDzbsm(this.$store.state.dzbsm)
}else{
this.getTreeList();
}
......@@ -311,24 +319,35 @@ export default {
getTree(bsm).then((res) => {
if (res.success) {
this.pd = res.result;
this.$store.state.newZdbsm = '';
}
});
},
getRightTreeByZrzbsm(bsm) {
getTreeByBsm(bsm,"zrz").then((res) => {
if (res.success) {
this.pd = res.result;
}
});
if (this.$store.state.newZdbsm != this.$store.state.oldZdbsm) {
getTreeByBsm(bsm,"zrz").then((res) => {
if (res.success) {
this.pd = res.result;
this.$store.state.treeData = res.result;
}
});
}else{
}
},
getRightTreeByDzbsm(bsm) {
getTreeByBsm(bsm,"dz").then((res) => {
if (res.success) {
this.pd = res.result;
}
});
if (this.$store.state.newZdbsm != this.$store.state.oldZdbsm) {
getTreeByBsm(bsm,"dz").then((res) => {
if (res.success) {
this.pd = res.result;
this.$store.state.treeData = res.result;
}
});
}else{
}
},
getRightTreeByHbsm(bsm) {
......@@ -400,6 +419,7 @@ export default {
getTreeList(){
getTreeList().then((res)=>{
this.pd=res.result;
this.$store.state.newZdbsm = '';
})
},
goBack(){
......@@ -468,7 +488,7 @@ export default {
cursor: pointer;
height: 60px;
padding: 0 30px;
font-size: 16px;
font-size: 18px;
line-height: 60px;
float: left;
position: relative;
......
......@@ -37,20 +37,14 @@
</tr>
<tr height="30">
<td colspan="2" align="center" >房屋类型</td>
<td colspan="2" align="center" >共有土地面积（㎡）</td>
<td colspan="4" >
<el-select class="formSelect" v-model="form.fwlxbsm" placeholder="请选择" >
<el-option
v-for="item in $store.state.fwlxList"
:key="item.bsm"
:label="item.mc"
:value="item.bsm">
</el-option>
</el-select>
<input class="formInput" v-model="form.zdmj">
</td>
<td colspan="2" align="center" >竣工日期</td>
<td colspan="4" >
<el-date-picker
style="width:100%"
v-model="form.jgrq"
type="date"
placeholder="选择日期">
......@@ -59,6 +53,10 @@
</tr>
<tr height="30">
<td colspan="2" align="center" >分摊土地面积（㎡）</td>
<td colspan="4" >
<input class="formInput" v-model="form.fttdsymj">
</td>
<td colspan="2" align="center" >产别</td>
<td colspan="4" >
<el-select class="formSelect" v-model="form.fwcbbsm" placeholder="请选择" >
......@@ -70,6 +68,13 @@
</el-option>
</el-select>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >多幢独用土地面积（㎡）</td>
<td colspan="4" >
<input class="formInput" v-model="form.dlsytdmj">
</td>
<td colspan="2" align="center" >产权来源</td>
<td colspan="4" >
<el-select class="formSelect" v-model="form.fwcqlybsm" placeholder="请选择" >
......@@ -96,6 +101,7 @@
<td colspan="3" align="center" >
<el-select-tree style="width:100%"
v-if="show"
@change="updateSjfyyt(item1)"
:default-expand-all="defaultExpandAll"
:multiple="multiple"
:placeholder="placeholder"
......@@ -124,21 +130,6 @@
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >共有土地面积（㎡）</td>
<td colspan="2" >
<input class="formInput" v-model="form.zdmj">
</td>
<td colspan="2" align="center" >分摊土地面积（㎡）</td>
<td colspan="2" >
<input class="formInput" v-model="form.fttdsymj">
</td>
<td colspan="2" align="center" >多幢独用土地面积（㎡）</td>
<td colspan="2" >
<input class="formInput" v-model="form.dlsytdmj">
</td>
</tr>
<tr>
<td colspan="12" align="center">
<Qlxz ref="qlxzModule" :hasSyqx='false' :formData="form"></Qlxz>
......@@ -450,6 +441,11 @@
}
})
},
updateSjfyyt(data){
data.fwsjytbsm = data.fwytzdbsm;
},
open() {
this.$confirm('已经存在不动产单元号或者自然幢号, 是否继续?', '提示', {
confirmButtonText: '确定',
......@@ -497,7 +493,17 @@
this.getDzDetailByBsm(this.$route.query.bsm)
}
},
computed: {
dzbsm() {
return this.$route.query.bsm;
},
},
watch:{
dzbsm:function (val) {
this.getDzDetailByBsm(val)
},
"$store.state.sxdrType": {
handler(n) {
this.$nextTick(()=>{
......
......@@ -64,8 +64,8 @@
<!-- <th class="xzzxx">幢信息</th> -->
<!-- <th class="">选择</th> -->
</tr>
<template v-for="(item,index) in zdFghData.newZdlist">
<tr :key="item.xzqbsm">
<template v-for="(item,index) in zdFghData.newZdlist" >
<tr :key="index">
<td class="cz" rowspan="2">
<el-button
type="primary"
......@@ -129,7 +129,7 @@
<input type="text" v-model="item.xmmc" class="formInput"/>
</td>
</tr>
<tr :key="index">
<tr :key="index+100">
<td colspan="6">
<div class="fghzxx">
<div class="choosedZxx">
......@@ -303,141 +303,11 @@
</div>
</el-tab-pane>
<el-tab-pane label="户分割" name="h">
<div class="fg-tabs">
<span class="tips">分割前户信息</span>
<el-button type="primary" class="addBtn" @click="newAdd">新增</el-button>
<div class="fgq">
<div class="data">
<ul>
<li><span>宗地代码:</span>{{hFgqData.zddm}}</li>
<li><span>不动产单元号:</span>{{hFgqData.bdcdyh}}</li>
<li><span>项目名称:</span>{{hFgqData.xmmc}}</li>
<li><span>不动产权证号:</span>{{hFgqData.bdcqzh}}</li>
<li><span>权利人:</span>{{hFgqData.qlr}}</li>
<li><span>坐落:</span>{{hFgqData.zl}}</li>
</ul>
</div>
<div class="zxx">
<div class="dz">
<div class="title">
<span>多幢信息({{zdZxx.zrzList.length}}个)</span>
</div>
<ul>
<li v-for="(item,index) in zdZxx.zrzList" :key="index">{{item.xmmc}}</li>
</ul>
</div>
<div class="zrz">
<div class="title">
<span>自然幢信息({{zdZxx.dzList.length}}个)</span>
</div>
<ul>
<li v-for="(item,index) in zdZxx.dzList" :key="index"
:class="(index+1)%2===0?'':'oddborder'">{{item.xmmc}}
</li>
</ul>
</div>
</div>
</div>
<div class="fgh">
<span class="tips">分割后户信息</span>
<table border="1">
<tr>
<th class="cz">操作</th>
<th class="xzq">行政区</th>
<th class="djq">地籍区</th>
<th class="djzq">地籍子区</th>
<th class="syqlx">所有权类型</th>
<th class="tdtzm">土地特征码</th>
<th class="xmmc">项目名称</th>
</tr>
<tr v-for="(item,index) in hFghData.newZdlist" :key="index">
<td class="cz">
<el-button
type="primary"
class="changeBtn outMinus addMinus"
@click="delRow(index)"
>-
</el-button
>
</td>
<td class="xzq">
<el-select v-model="item.xzqbsm" @change="changeXzq(item.xzqbsm,index)">
<el-option
v-for="i in xzq"
:key="i.bsm"
:label="i.mc"
:value="i.bsm"
></el-option>
</el-select>
</td>
<td class="djq">
<el-select v-model="item.djqbsm" @change="changeDjq(item.djqbsm,index)">
<el-option
v-for="i in djq"
:key="i.bsm"
:label="i.mc"
:value="i.bsm"
></el-option>
</el-select>
</td>
<td class="syqlx">
<el-select v-model="item.djzqbsm">
<el-option
v-for="i in djzq"
:key="i.bsm"
:label="i.mc"
:value="i.bsm"
></el-option>
</el-select>
</td>
<td class="tdtzm">
<el-select v-model="item.syqlxbsm">
<el-option
v-for="i in syq"
:key="i.value"
:label="i.label"
:value="i.value"
></el-option>
</el-select>
</td>
<td class="syqlx">
<el-select v-model="item.zdtzmbsm">
<el-option
v-for="i in tdtzm"
:key="i.bsm"
:label="i.mc"
:value="i.bsm"
></el-option>
</el-select>
</td>
<td class="xmmc">
<input type="text" v-model="item.xmmc" class="formInput"/>
</td>
</tr>
<tr>
<td>
<el-button
type="primary"
class="changeBtn outAdd addMinus"
@click="addRow"
>+
</el-button>
</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
<query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" :dylxs="['h']"
:isZdClose="true" @close="close"></query-data>
<div class="header-button" :style="{width:fgBoxWidth+'px'}">
<div class="fg-tabs psn">
<hfghb :isHb = false></hfghb>
<!-- <div class="header-button" :style="{width:fgBoxWidth+'px'}">
<el-button type="primary" class="saveBtn" @click="save">保存</el-button>
</div>
</div> -->
</div>
</el-tab-pane>
</el-tabs>
......@@ -454,14 +324,14 @@
import {getQjZdjbxxDetailById, zdfg, getZrz} from './../../../../api/zd'
import {getZdxx, ZdfggetZxx,dzfgGetZrzxx,saveDzFg} from './../../../../api/dz'
import {getHZdxx} from './../../../../api/h'
import QueryData from './../../../../components/queryData/queryData'
import zdQueryData from './../../../../components/zdQueryData/zdQueryData'
import dzQueryData from './../../../../components/dzQueryData/dzQueryData'
import {Message} from 'element-ui'
import hfghb from '../hfghb/index'
export default {
name: "",
components: {QueryData, zdQueryData,dzQueryData},
components: {zdQueryData,dzQueryData,hfghb},
props: {},
data() {
return {
......@@ -829,21 +699,21 @@
changeXzq(id, index) {
this.djq = [];
this.djzq = [];
getListByXzqbsm(id)
.then((res) => {
if (res.result == null) {
this.djq = null;
} else {
this.djq = res.result;
}
})
.catch((error) => {
});
if (index !== undefined) {
switch (this.tabName) {
case "zd":
this.zdFghData.newZdlist[index].djqbsm = '';
this.zdFghData.newZdlist[index].djzqbsm = '';
getListByXzqbsm(id)
.then((res) => {
if (res.result == null) {
this.djq = null;
} else {
this.djq = res.result;
}
})
.catch((error) => {
});
break;
case "dz":
//to do
......@@ -1030,7 +900,7 @@
> .el-tabs__item {
border: 1px solid #DEDEDE;
height: 36px;
line-height: 36px;
line-height: 32px;
padding: 0 20px;
margin: 9px 10px 9px 0;
background-color: #ffffff;
......@@ -1176,12 +1046,14 @@
}
}
.psn{
position: unset!important;
}
.fg-tabs {
height: auto;
width: 100%;
position: relative;
top: 20px;
.table {
margin-top: 12px;
box-sizing: border-box;
......
......@@ -184,11 +184,11 @@
</div>
</el-tab-pane>
<el-tab-pane label="户合并" name="h">
<div class="hb-tabs psn">
<div class="hb-tabs psn" v-if="hhbtabs">
<hfghb></hfghb>
<div class="header-button" :style="{width:fgBoxWidth+'px'}">
<!-- <div class="header-button" :style="{width:fgBoxWidth+'px'}">
<el-button type="primary" class="saveBtn">保存</el-button>
</div>
</div> -->
</div>
</el-tab-pane>
</el-tabs>
......@@ -201,11 +201,11 @@
getListByXzqbsm,
getListByPbsm,
getDdicByMC
} from "./../../../../api/common";
import {ZdHb} from "./../../../../api/zd"
import {saveDzHb} from "./../../../../api/dz"
import QueryData from './../../../../components/queryData/queryData'
import zdQueryData from './../../../../components/zdQueryData/zdQueryData'
} from "@api/common";
import {ZdHb} from "@api/zd"
import {saveDzHb} from "@api/dz"
import QueryData from '@components/queryData/queryData'
import zdQueryData from '@components/zdQueryData/zdQueryData'
import hfghb from '../hfghb/index'
export default {
......@@ -245,6 +245,7 @@
value: "Z",
}
],
hhbtabs:false,
}
},
created() {
......@@ -257,6 +258,11 @@
})
},
methods: {
handleClick(tab, event) {
if (tab.name == 'h') {
this.hhbtabs = true
}
},
save(){
switch (this.tabName) {
case "zd":
......@@ -277,13 +283,14 @@
let data={
newzddjqbsm: this.zdhbhData.djqbsm,
newzddjzqbsm: this.zdhbhData.djzqbsm,
newzdsyqlxbsm: this.zdhbqData.syqlxbsm,
newzdsyqlxbsm: this.zdhbhData.syqlxbsm,
newzduserbsm: "",
newzdxmmc: this.zdhbqData.xmmc,
newzdxzqbsm: this.zdhbqData.xzqbsm,
newzdzdtzmbsm: this.zdhbqData.zdtzmbsm,
newzdxmmc: this.zdhbhData.xmmc,
newzdxzqbsm: this.zdhbhData.xzqbsm,
newzdzdtzmbsm: this.zdhbhData.zdtzmbsm,
oldzdbsms: oldBsm
}
console.log(data,'宗地合并数据')
ZdHb(data).then(res=>{
if (res.success) {
this.$message.success("合并成功")
......@@ -392,9 +399,6 @@
});
}
},
handleClick(tab, event) {
console.log(tab, event);
},
close: function () {
this.centerDialogVisible = false;
},
......@@ -453,10 +457,10 @@
console.log(params);
//TODO 调用保存接口
// saveDzHb(params).then((res) => {
// })
// .catch((error) => {
// });
})
}
......@@ -493,7 +497,7 @@
> .el-tabs__item {
border: 1px solid #DEDEDE;
height: 36px;
line-height: 36px;
line-height: 32px;
padding: 0 20px;
margin: 9px 10px 9px 0;
background-color: #ffffff;
......@@ -626,5 +630,5 @@
}
/deep/ .el-select {
width: 100%;
}
}
</style>
......
......@@ -84,7 +84,7 @@
<div class="lpb-content" ref="lpbContentWrap" :style="{ height: lpbContentHeight + 'px' }">
<!-- 楼盘表主体 -->
<div class="lp-overview" :style="{ width: lpbContentwidth + 'px' }">
<lpbContent ref="lpbContent" :zrzbsm='zrzbsm' :isHbfg = true></lpbContent>
<lpbContent ref="lpbContent" :zrzbsm='zrzbsm' :isHbfg = true :isHb="isHb"></lpbContent>
</div>
<!-- 右侧图例 -->
<div class="lp-legend">
......@@ -215,7 +215,12 @@ import { getLpbMenuTree, batchScYcChange, getLpbTj,batchGeneratorBdcdyh,getLpbFw
export default {
name:"",
components:{lpbContent},
props:{},
props:{
isHb:{
type:Boolean,
default:true
}
},
data(){
return {
queryData:{
......@@ -299,8 +304,8 @@ export default {
created(){},
mounted(){
this.$nextTick(()=>{
this.tableHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 360;
this.lpbContentHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 320;
this.tableHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 320;
this.lpbContentHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 270;
this.lpbContentwidth = this.$refs.lpbContentWrap.clientWidth - 34 - 6;
})
},
......@@ -313,7 +318,7 @@ export default {
xmmc:'测试自然幢',
bdcqzh:'A12111111111111111',
dylx:'zrz',
zrzbsm:'b7162d97848b0d31d301f8d4a5b4596b'
zrzbsm:'1a94f3ab0f95ecc7137c5c3e51c15ac6'
}
]
},
......@@ -495,12 +500,14 @@ export default {
</script>
<style scoped lang="less">
.main{
margin-bottom: 14px;
.el-row{
box-sizing: border-box;
padding-left: 2px;
margin-bottom: 6px;
}
.pagination{
padding-bottom: 0!important;
}
.lpb{
box-sizing: border-box;
padding-left: 2px;
......
<template>
<div class="content_box">
<el-tabs v-model="activeName" class="tabs" @tab-click="handleClick">
<el-tab-pane label="分割" name="fg"><fg></fg></el-tab-pane>
<el-tab-pane label="合并" name="hb"><hb v-if="hbLoad"></hb></el-tab-pane>
<el-tab-pane label="分割" name="fg"><fg ref="fg" v-if="fgLoad"></fg></el-tab-pane>
<el-tab-pane label="合并" name="hb"><hb ref="hb" v-if="hbLoad"></hb></el-tab-pane>
<el-tab-pane label="范围属性变更" name="fwsxbg"><fwsxbg v-if="fwsxbgLoad"></fwsxbg></el-tab-pane>
<el-tab-pane label="重新落宗" name="cxlz"><cxlz v-if="cxlzLoad"></cxlz></el-tab-pane>
</el-tabs>
......@@ -23,6 +23,7 @@ export default {
data() {
return {
activeName: "fg",
fgLoad:true,
hbLoad:false, //默认不加载合并tab
fwsxbgLoad:false, //默认不加载范围属性变更tab
cxlzLoad:false, //默认不加载重新落宗tab
......@@ -30,10 +31,19 @@ export default {
},
methods: {
handleClick(tab, event) {
console.log(tab.name);
// this.$refs.fg.$refs.isSearch = true;
if (tab.name != 'fg') {
this.fgLoad = false;
}
if (tab.name != 'hb') {
this.hbLoad = false;
}
if(!this.hbLoad){
this.hbLoad = tab.name == 'hb' ? true : false
}
if(!this.fgLoad){
this.fgLoad = tab.name == 'fg' ? true : false
}
if(!this.fwsxbgLoad){
this.fwsxbgLoad = tab.name == 'fwsxbg' ? true : false
}
......
......@@ -21,6 +21,8 @@
{{scope.row.dylx | bdcLxFilter}}
</template>
</el-table-column>
<el-table-column prop="qsztValue" align="left" label="权属状态">
</el-table-column>
<el-table-column prop="qlrmc" align="left" width="120" label="权利人">
</el-table-column>
<el-table-column prop="zl" align="left" label="坐落"></el-table-column>
......
......@@ -189,7 +189,7 @@ export default {
getLshsData(){
let _this = this;
const data = {
"bsm": "d85a274a332ad2d35c922a3a95eb154f",
"bsm": this.$store.state.zdbsm,
"type": "zd"
};
getLshs(data).then((res)=>{
......
......@@ -43,7 +43,9 @@
>
</td>
<td class="dzwdm">
<el-input v-model="item.dzwdm" placeholder="请输入定着物代码">
<el-input v-model="item.dzwdm" placeholder="请输入定着物代码"
maxlength="9"
>
</el-input>
</td>
<td class="syqmj">
......@@ -70,7 +72,7 @@
<!-- <div class="pers">
<el-button @click="save" type="primary">保存</el-button>
</div> -->
<div class="header-button" :style="{width:mainBoxWidth+'px'}">
<el-button type="primary" class="saveBtn" @click="save">保存</el-button>
</div>
......@@ -237,7 +239,7 @@
padding: 18px;
height: auto;
width: 100%;
table {
margin-top: 10px;
background-color: #fff;
......
......@@ -19,7 +19,7 @@
<th colspan="12">宗地基本信息</th>
</tr>
<tr>
<td colspan="2">行政区</td>
<td colspan="2" class="tdright">行政区</td>
<td colspan="2">
<el-select
:disabled="formData.qszt!='0'"
......@@ -36,7 +36,7 @@
</el-option>
</el-select>
</td>
<td colspan="2">地籍区</td>
<td colspan="2" class="tdright">地籍区</td>
<td colspan="2">
<el-select
class="formSelect"
......@@ -53,7 +53,7 @@
</el-option>
</el-select>
</td>
<td colspan="2">地籍子区</td>
<td colspan="2" class="tdright">地籍子区</td>
<td colspan="2">
<el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.djzqbsm">
<el-option
......@@ -67,7 +67,7 @@
</td>
</tr>
<tr>
<td colspan="2">权利类型</td>
<td colspan="2" class="tdright">权利类型</td>
<td colspan="4">
<el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.qllxbsm">
<el-option
......@@ -79,7 +79,7 @@
</el-option>
</el-select>
</td>
<td colspan="2">宗地特征码<i class="requisite">*</i></td>
<td colspan="2" class="tdright">宗地特征码<i class="requisite">*</i></td>
<td colspan="4">
<el-select class="formSelect" ref="zdtzm" :disabled="formData.qszt!='0'"
v-model="formData.zdtzmbsm">
......@@ -94,7 +94,7 @@
</td>
</tr>
<tr>
<td colspan="2">权利设定方式</td>
<td colspan="2" class="tdright">权利设定方式</td>
<td colspan="4">
<el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.qlsdfs">
<el-option
......@@ -106,7 +106,7 @@
</el-option>
</el-select>
</td>
<td colspan="2">宗地代码<i class="requisite">*</i></td>
<td colspan="2" class="tdright">宗地代码<i class="requisite">*</i></td>
<td colspan="4" class="psr">
<input :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zddm" on maxlength="19"
type="text"
......@@ -120,12 +120,12 @@
</td>
</tr>
<tr>
<td colspan="2">地籍号</td>
<td colspan="2" class="tdright">地籍号</td>
<td colspan="4">
<input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.djh"/>
</td>
<td colspan="2">不动产单元号<i class="requisite">*</i></td>
<td colspan="2" class="tdright">不动产单元号<i class="requisite">*</i></td>
<td colspan="4" class="psr">
<input
type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="bdcdyh"
......@@ -137,12 +137,12 @@
</td>
</tr>
<tr>
<td colspan="2">坐落<i class="requisite">*</i></td>
<td colspan="2" class="tdright">坐落<i class="requisite">*</i></td>
<td colspan="4">
<input type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zl"
class="formInput" v-model="formData.zl"/>
</td>
<td colspan="2">项目名称</td>
<td colspan="2" class="tdright">项目名称</td>
<td colspan="4" class="psr">
<input :disabled="formData.qszt!='0'"
type="text"
......@@ -152,7 +152,7 @@
</td>
</tr>
<tr>
<td colspan="2">国民经济行业分类</td>
<td colspan="2" class="tdright">国民经济行业分类</td>
<td colspan="4">
<!-- <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.gmjjhyflbsm">-->
<!-- <el-option-->
......@@ -176,26 +176,13 @@
v-model="formData.gmjjhyflbsm"
></el-select-tree>
</td>
<td colspan="2">价格(元)</td>
<td colspan="2" class="tdright">价格(元)</td>
<td colspan="4" class="psr">
<input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.jg"/>
</td>
</tr>
<tr>
<td colspan="2" rowspan="2">所在图幅号</td>
<td colspan="2">比例尺</td>
<td colspan="8" class="psr">
<input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.blc"/>
</td>
</tr>
<tr>
<td colspan="2">图幅号</td>
<td colspan="8" class="psr">
<input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.tfh"/>
</td>
</tr>
<tr>
<td colspan="2">容积率</td>
<td colspan="2" class="tdright">容积率</td>
<td colspan="2">
<el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.jyrjl">
<el-option
......@@ -221,13 +208,13 @@
:class="isInterval(formData.jyrjl) ? 'formInput percent47' : 'formInput'"
/>
</td>
<td colspan="2">容积说明</td>
<td colspan="2" class="tdright">容积说明</td>
<td colspan="4" class="psr">
<input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.rjlsm"/>
</td>
</tr>
<tr>
<td colspan="2">建筑密度</td>
<td colspan="2" class="tdright">建筑密度</td>
<td colspan="2">
<el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.jyjzmd">
<el-option
......@@ -253,13 +240,13 @@
:class="isInterval(formData.jyjzmd) ? 'formInput percent47' : 'formInput'"
/>
</td>
<td colspan="2">建筑密度说明</td>
<td colspan="2" class="tdright">建筑密度说明</td>
<td colspan="4" class="psr">
<input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.jzmdsm"/>
</td>
</tr>
<tr>
<td colspan="2">建筑限高</td>
<td colspan="2" class="tdright">建筑限高</td>
<td colspan="2">
<el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.jyjzxg">
<el-option
......@@ -285,35 +272,49 @@
:class="isInterval(formData.jyjzxg) ? 'formInput percent47' : 'formInput'"
/>
</td>
<td colspan="2">建筑限高说明</td>
<td colspan="2" class="tdright">建筑限高说明</td>
<td colspan="4" class="psr">
<input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.jzxgsm"/>
</td>
</tr>
<tr>
<td colspan="2" rowspan="4">宗地四至</td>
<td colspan="2">北至<i class="requisite">*</i></td>
<td colspan="2" rowspan="2" class="tdright">所在图幅号</td>
<td colspan="2" class="tdright">比例尺</td>
<td colspan="8" class="psr">
<input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.blc"/>
</td>
</tr>
<tr>
<td colspan="2" class="tdright">图幅号</td>
<td colspan="8" class="psr">
<input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.tfh"/>
</td>
</tr>
<tr>
<td colspan="2" rowspan="4" class="tdright">宗地四至</td>
<td colspan="2" class="tdright">北至<i class="requisite">*</i></td>
<td colspan="8" class="psr">
<input type="text" @blur="inputBlur($event)" ref="zdszb" :disabled="formData.qszt!='0'"
class="formInput" v-model="formData.zdszb"/>
</td>
</tr>
<tr>
<td colspan="2">东至<i class="requisite">*</i></td>
<td colspan="2" class="tdright">东至<i class="requisite">*</i></td>
<td colspan="8" class="psr">
<input type="text" @blur="inputBlur($event)" ref="zdszd" :disabled="formData.qszt!='0'"
class="formInput" v-model="formData.zdszd"/>
</td>
</tr>
<tr>
<td colspan="2">南至<i class="requisite">*</i></td>
<td colspan="2" class="tdright">南至<i class="requisite">*</i></td>
<td colspan="8" class="psr">
<input type="text" @blur="inputBlur($event)" ref="zdszn" :disabled="formData.qszt!='0'"
class="formInput" v-model="formData.zdszn"/>
</td>
</tr>
<tr>
<td colspan="2">西至<i class="requisite">*</i></td>
<td colspan="2" class="tdright">西至<i class="requisite">*</i></td>
<td colspan="8" class="psr">
<input type="text" @blur="inputBlur($event)" ref="zdszx" :disabled="formData.qszt!='0'"
class="formInput" v-model="formData.zdszx"/>
......@@ -325,38 +326,39 @@
</td>
</tr>
<tr>
<td colspan="2" rowspan="2">批准面积(㎡)</td>
<td colspan="2" rowspan="2">
<td colspan="2" class="tdright">批准面积(㎡)</td>
<td colspan="4" >
<input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')"
class="formInput" v-model="formData.pzmj"/>
</td>
<td colspan="2" rowspan="2">宗地面积(㎡)<i class="requisite">*</i></td>
<td colspan="2" rowspan="2">
<td colspan="2" class="tdright">宗地面积(㎡)<i class="requisite">*</i></td>
<td colspan="4" >
<input type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zdmj"
onkeyup="value=value.replace(/[^\d\.]/g,'')" class="formInput" v-model="formData.zdmj"/>
</td>
<td colspan="2">建筑占地总面积</td>
<td colspan="2">
</tr>
<tr>
<td colspan="2" class="tdright">建筑占地总面积(㎡)</td>
<td colspan="4">
<input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')"
class="formInput" v-model="formData.jzzdzmj"/>
</td>
</tr>
<tr>
<td colspan="2">建筑面积(㎡)</td>
<td colspan="2">
<td colspan="2" class="tdright">建筑总面积(㎡)</td>
<td colspan="4">
<input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')"
class="formInput" v-model="formData.jzzmj"/>
</td>
</tr>
<tr>
<td colspan="2">共有/共用权利人情况</td>
<td colspan="2" class="tdright">共有/共用权利人情况</td>
<td colspan="10">
<input type="text" :disabled="formData.qszt!='0'" class="formInput"
v-model="formData.gygyqlrqk"/>
</td>
</tr>
<tr>
<td colspan="2" rowspan="2">说明</td>
<td colspan="2" class="tdright" rowspan="2">说明</td>
<td colspan="10" rowspan="2">
<input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.sm"/>
</td>
......@@ -981,6 +983,11 @@
height: 36px;
border-color: #E6E6E6;
}
.tdright {
text-align: right;
padding-right: 10px;
}
/deep/ .el-input__inner {
margin: 0;
height: 36px;
......
......@@ -238,6 +238,7 @@
<el-select-tree
v-if="show"
:default-expand-all="defaultExpandAll"
@change="updateSjfyyt(item1)"
:multiple="multiple"
:placeholder="placeholder"
:disabled="disableFlag"
......@@ -524,8 +525,10 @@
},
created(){
let bsm=this.$store.state.hbsm
console.log(bsm,'户BSM')
this.getHInfo(bsm);
// console.log(bsm,'户BSM')
if (bsm) {
this.getHInfo(bsm);
}
this.$nextTick(()=>{
this.mainBoxWidth = this.$refs.mainBox.clientWidth;
this.formHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 320
......@@ -544,6 +547,11 @@
}
})
},
updateSjfyyt(data){
data.fwsjytbsm = data.fwytzdbsm;
},
addYtInfo(){
this.form.fwytList.push({
glbsm:'',
......@@ -585,8 +593,7 @@
},
//根据户bsm查询户信息
getHInfo(hbsm){
this.bsm = hbsm;
console.log(hbsm);
//this.bsm = hbsm;
getQjHDetailByBsm(hbsm).then((res)=>{
if(res.code===200){
this.form = res.result;
......@@ -621,8 +628,6 @@
this.$set(this.form,"ycftxs", this.form.glftxs)
}
console.log("=============")
console.log(this.form)
if(res.result.fwytList.length===0){
this.form.fwytList.push({
glbsm:'', //关联标识码
......
......@@ -13,6 +13,7 @@
? 'bottom40 ljz-wrap'
: 'ljz-wrap'
"
:style="{'width':ljzWidth+'px'}"
v-show="lpbData.ljzs.length > 0"
>
<!-- 循环逻辑幢数据 -->
......@@ -83,6 +84,7 @@
<!-- 循环逻辑幢下的层户 -->
<div
class="ljz-ch"
ref="ljzDlch"
:style="{ height: 'auto' }"
v-if="ljzs.cs.length > 0"
>
......@@ -195,6 +197,7 @@
<!-- <template > -->
<div
class="zdy column-reverse"
ref="zrzDlch"
:style="{ 'min-height': cHeight + 'px' }"
>
<table
......@@ -262,6 +265,9 @@
<!-- 合并 -->
<li v-show="rightClickFlag == 'hb'" :class="canHb!='zyhb'? 'cantHb':''" @click="handleHb('zyhb')">左右合并</li>
<li v-show="rightClickFlag == 'hb'" :class="canHb!='sxhb'? 'cantHb':''" @click="handleHb('sxhb')">上下合并</li>
<!-- 分割 -->
<li v-show="rightClickFlag == 'fg'" @click="handleFg">户分割</li>
<!-- <li v-show="rightClickFlag == 'fg'" :class="canHb!='sxhb'? 'cantHb':''" @click="handleHb('sxhb')">上下合并</li> -->
</ul>
<!-- 层操作弹框 -->
......@@ -293,6 +299,26 @@
<el-button type="primary" @click="saveAddC">保存</el-button>
<el-button type="primary" @click="addCVisible = false">取消</el-button>
</div>
</el-dialog >
<!-- 户分割弹框 -->
<el-dialog
title = "户分割"
:visible.sync="hfgDialogVisible"
width="800px"
>
<el-form :model="fgData">
<el-form-item label="分割户数" required="" :label-width="formLabelWidth">
<el-input
:disabled="fgData.fgfx!=0"
v-model="fgData.fghs"
autocomplete="off"
></el-input>
</el-form-item>
</el-form>
<div class="btnGroup">
<el-button type="primary" @click="savefgData">保存</el-button>
<el-button type="primary" @click="hfgDialogVisible = false">取消</el-button>
</div>
</el-dialog>
<move-h
:hbsm="chData.bsm"
......@@ -304,9 +330,9 @@
</div>
</template>
<script>
import moveH from "./../../../../../components/moveH/moveH";
import moveH from "@components/moveH/moveH";
import { getLpb, insertUpDownC, deleteCByBsm } from "@api/lpb";
import { hhb } from "@api/h";
import { hhb,hfg } from "@api/h";
import { Message } from 'element-ui';
export default {
name: "",
......@@ -319,6 +345,10 @@ export default {
zrzbsm:{
type:String,
default:''
},
isHb:{
type:Boolean,
default:true
}
},
data() {
......@@ -363,7 +393,13 @@ export default {
yclpbData:{},
sclpbData:{},
fghbChoosedList:[],
canHb:''//判断合并类型
canHb:'',//判断合并类型
hfgDialogVisible:false, //户分割弹框
fgData:{
fghs:"",
oldbsm:'',
fgfx:0
}
};
},
created() {},
......@@ -433,11 +469,16 @@ export default {
dataChange() {
//计算逻辑幢宽度 20为marginRight值
this.ljzWidth = 20;
if (this.$refs.ljz != undefined) {
this.$refs.ljz.forEach((item) => {
if (this.$refs.ljzzdy != undefined) {
this.$refs.ljzzdy.forEach((item) => {
this.ljzWidth += item.offsetWidth + 20;
});
} else {
if (this.$refs.ljzDlch != undefined) {
this.$refs.ljzDlch.forEach((item) => {
this.ljzWidth += item.offsetWidth + 20;
});
}
}
//计算独立幢单元和独立层户宽度
//考虑this.$refs.zdy的length为0的情况，即自然幢下没有独立幢单元
......@@ -466,10 +507,8 @@ export default {
}
} else {
//有且仅有独立层户
if (this.$refs.hBsm != undefined) {
this.$refs.hBsm.forEach((item) => {
this.zdyWidth += item.offsetWidth + 21;
});
if (this.$refs.zrzDlch != undefined) {
this.zdyWidth = this.$refs.zrzDlch.offsetWidth+20;
}
}
......@@ -504,7 +543,7 @@ export default {
});
}
} else {
// this.zdyWidth = 124;
}
},
//户单击事件
......@@ -576,8 +615,9 @@ export default {
this.lpbChLeft = e.pageX;
this.lpbChTop = e.pageY;
if (this.isHbfg) {
this.rightClickFlag = 'hb';
this.rightClickFlag = this.isHb ? 'hb':'fg';
if (this.fghbChoosedList.length>1) {
//合并
this.lpbChVisible = true;
//判断选中户可以执行的合并类型
let chIsSame = this.fghbChoosedList.every((item)=> {
......@@ -595,6 +635,22 @@ export default {
this.canHb = ''
}
})
}else{
//分割
this.lpbChVisible = true;
this.fgData.oldbsm = item.bsm;
console.log(item,'item');
//判断户的实际sjcs为1，只能水平分割
this.fgData.fgfx = item.sjcs == 1 ? 0 : 1;
if(item.sjcs == 1){
//判断户的实际sjcs为1，只能水平分割
this.fgData.fgfx = 0;
this.fgData.fghs = '';
}else{
this.fgData.fgfx = 1;
//判断户的实际sjhs不为1，分割户数为sjhs的值
this.fgData.fghs = item.sjcs;
}
}
}else{
console.log(e, "e");
......@@ -741,6 +797,25 @@ export default {
}else{
}
},
//户分割
handleFg(){
this.hfgDialogVisible = true;
},
//户分割保存
savefgData(){
hfg(this.fgData).then((res) => {
if(res.code == 200){
Message.success('分割成功');
// 清除选中户
this.hfgDialogVisible = false
this.clearChoosedH();
this.fghbChoosedList = [];
// 更新楼盘表
this.getLpb(this.zrzbsm, this.$parent.scyclx);
}
})
.catch(() => {});
}
},
computed: {
......
......@@ -7,41 +7,41 @@
<th colspan="12">自然幢基本信息</th>
</tr>
<tr>
<td colspan="2">宗地代码</td>
<td colspan="2" class="tdright">宗地代码</td>
<td colspan="4" style="min-width:450px">
<input v-model="form.zddm" class="formInput" disabled>
<input v-show="false" :disabled="form.qszt!='0'" maxlength="19" class="formInput" v-model="form.zdbsm">
</td>
<td colspan="2" >自然幢号<i class="requisite">*</i></td>
<td colspan="2" class="tdright">自然幢号<i class="requisite">*</i></td>
<td colspan="4" class="psr">
<input class="formInput percent80" ref="zrzh" @blur="inputBlur($event)" :disabled="form.qszt!='0'" maxlength="24" v-model="form.zrzh">
<el-button @click.prevent="generatorCode" type="warning" class="createBtn" size="mini">生成</el-button>
</td>
</tr>
<tr>
<td colspan="2" >项目名称<i class="requisite">*</i></td>
<td colspan="2" class="tdright">项目名称<i class="requisite">*</i></td>
<td colspan="4" >
<input class="formInput " ref="xmmc" @blur="inputBlur($event)" :disabled="form.qszt!='0'" v-model="form.xmmc">
</td>
<td colspan="2" >不动产单元号<i class="requisite">*</i></td>
<td colspan="2" class="tdright">不动产单元号<i class="requisite">*</i></td>
<td colspan="4">
<input class="formInput " ref="bdcdyh" @blur="inputBlur($event)" :disabled="form.qszt!='0'" maxlength="28" v-model="form.bdcdyh">
</td>
</tr>
<tr>
<td colspan="2" >建筑物名称</td>
<td colspan="2" class="tdright">建筑物名称</td>
<td colspan="4" >
<input class="formInput" :disabled="form.qszt!='0'" v-model="form.jzwmc">
</td>
<td colspan="2" >建筑物基本用途</td>
<td colspan="2" class="tdright">建筑物基本用途</td>
<td colspan="4" >
<input class="formInput" :disabled="form.qszt!='0'" v-model="form.jzwjbyt">
</td>
</tr>
<tr>
<td colspan="2" >房屋性质<i class="requisite">*</i></td>
<td colspan="2" class="tdright">房屋性质<i class="requisite">*</i></td>
<td colspan="4" >
<el-select class="formSelect" ref="fwxz" :disabled="form.qszt!='0'" v-model="form.fwxzbsm" placeholder="请选择" >
<el-option
......@@ -52,9 +52,10 @@
</el-option>
</el-select>
</td>
<td colspan="2" >竣工日期</td>
<td colspan="2" class="tdright">竣工日期</td>
<td colspan="4" >
<el-date-picker
style="width:100%"
:disabled="form.qszt!='0'"
v-model="form.jgrq"
type="date"
......@@ -62,64 +63,65 @@
</el-date-picker>
</td>
</tr>
<tr>
<td colspan="2" >建筑物高度(m)</td>
<tr>
<td colspan="2" class="tdright">地下层数</td>
<td colspan="4" >
<input class="formInput" :disabled="form.qszt!='0'" v-model="form.jzwgd">
<input class="formInput" :disabled="form.qszt!='0'" v-model="form.dxcs">
</td>
<td colspan="2" >总套数</td>
<td colspan="2" class="tdright">地上层数</td>
<td colspan="4" >
<input class="formInput" :disabled="form.qszt!='0'" v-model="form.zts">
<input class="formInput" :disabled="form.qszt!='0'" v-model="form.dscs">
</td>
</tr>
<tr>
<td colspan="2" >幢用地面积(㎡)</td>
<td colspan="2" class="tdright">总层数</td>
<td colspan="4" >
<input class="formInput" :disabled="form.qszt!='0'" v-model="form.zydmj">
<input class="formInput" :disabled="form.qszt!='0'" v-model="form.zcs">
</td>
<td colspan="2" >幢占用地面积（㎡）</td>
<td colspan="2" class="tdright">总套数</td>
<td colspan="4" >
<input class="formInput" :disabled="form.qszt!='0'" v-model="form.zzdmj">
<input class="formInput" :disabled="form.qszt!='0'" v-model="form.zts">
</td>
</tr>
</tr>
<tr>
<td colspan="2" >预测建筑面积（㎡）</td>
<td colspan="2" class="tdright">建筑物高度(m)</td>
<td colspan="4" >
<input class="formInput" :disabled="form.qszt!='0'" v-model="form.ycjzmj">
<input class="formInput" :disabled="form.qszt!='0'" v-model="form.jzwgd">
</td>
<td colspan="2" >实测建筑面积（㎡）</td>
<td colspan="2" class="tdright">地下深度(m)</td>
<td colspan="4" >
<input class="formInput" :disabled="form.qszt!='0'" v-model="form.scjzmj">
<input class="formInput" :disabled="form.qszt!='0'" v-model="form.dxsd">
</td>
</tr>
<tr>
<td colspan="2" >地下层数</td>
<td colspan="2" class="tdright">幢用地面积(㎡)</td>
<td colspan="4" >
<input class="formInput" :disabled="form.qszt!='0'" v-model="form.dxcs">
<input class="formInput" :disabled="form.qszt!='0'" v-model="form.zydmj">
</td>
<td colspan="2" >地上层数</td>
<td colspan="2" class="tdright">幢占用地面积(㎡)</td>
<td colspan="4" >
<input class="formInput" :disabled="form.qszt!='0'" v-model="form.dscs">
<input class="formInput" :disabled="form.qszt!='0'" v-model="form.zzdmj">
</td>
</tr>
<tr>
<td colspan="2" >总层数</td>
<td colspan="2" class="tdright">预测建筑面积(㎡)</td>
<td colspan="4" >
<input class="formInput" :disabled="form.qszt!='0'" v-model="form.zcs">
<input class="formInput" :disabled="form.qszt!='0'" v-model="form.ycjzmj">
</td>
<td colspan="2" >地下深度（m）</td>
<td colspan="2" class="tdright">实测建筑面积(㎡)</td>
<td colspan="4" >
<input class="formInput" :disabled="form.qszt!='0'" v-model="form.dxsd">
<input class="formInput" :disabled="form.qszt!='0'" v-model="form.scjzmj">
</td>
</tr>
<tr>
<td colspan="2" >产别</td>
<td colspan="2" class="tdright">产别</td>
<td colspan="4" >
<el-select v-model="form.fwcbbsm" :disabled="form.qszt!='0'" placeholder="请选择" >
<el-option
......@@ -130,7 +132,7 @@
</el-option>
</el-select>
</td>
<td colspan="2" >产权来源</td>
<td colspan="2" class="tdright">产权来源</td>
<td colspan="4" >
<el-select v-model="form.fwcqlybsm" :disabled="form.qszt!='0'" placeholder="请选择" >
<el-option
......@@ -157,6 +159,7 @@
<el-select-tree style="width:100%"
ref="ghyt"
v-if="show"
@change="updateSjfyyt(item1)"
:default-expand-all="defaultExpandAll"
:multiple="multiple"
:placeholder="placeholder"
......@@ -181,7 +184,7 @@
:props="treeProps"
:check-strictly="checkStrictly"
:clearable="clearable"
v-model="item1.fwytzdbsm"
v-model="item1.fwsjytbsm"
></el-select-tree>
</td>
</tr>
......@@ -214,7 +217,7 @@
</tr>
<tr>
<td colspan="2" >
<td colspan="2" class="tdright">
<span>坐落<i class="requisite">*</i></span>
</td>
<td colspan="10" >
......@@ -223,7 +226,7 @@
</tr>
<tr>
<td colspan="2" rowspan="2" >
<td colspan="2" rowspan="2" class="tdright">
<span>附加说明</span>
</td>
<td colspan="10" rowspan="2" >
......@@ -234,7 +237,7 @@
</tr>
<tr>
<td colspan="2" rowspan="2" >
<td colspan="2" rowspan="2" class="tdright">
<span>调查意见</span>
</td>
<td colspan="10" >
......@@ -243,13 +246,13 @@
</tr>
<tr>
<td colspan="4" rowspan="2">
<td colspan="4" rowspan="2" class="tdright">
<span>审查员</span>
</td>
<td colspan="2" >
<input class="formInput" :disabled="form.qszt!='0'" v-model="form.scy">
</td>
<td colspan="2">
<td colspan="2" class="tdright">
<span>审查日期</span>
</td>
<td colspan="2" >
......@@ -402,6 +405,11 @@
},
mixins:[geoUtils],
methods: {
updateSjfyyt(data){
data.fwsjytbsm = data.fwytzdbsm;
},
registerCall(){
let data={
type:'zrz',
......@@ -728,11 +736,12 @@
},
computed: {
zrzbsm() {
return this.$store.state.zdbsm;
return this.$route.query.bsm;
},
},
watch:{
zrzbsm:function (val) {
this.getZrzDetailByBsm(val)
this.reload()
},
"form.bdcdyh":function (val) {
......@@ -812,7 +821,12 @@
td {
text-align: center;
height: 36px;
}
}
.tdright {
text-align: right;
padding-right: 10px;
}
/deep/ .el-input__inner {
margin: 0;
height: 36px;
......