f8e3b5fb by 杨威
2 parents 1201b075 02e1d369
<template>
<div class="hb-tabs top20">
<div class="hbq">
<span class="tips" style="margin-left:0;">合并前多幢信息</span>
<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="zl">类型</td>
<td class="">
<span class="tips" style="margin-left:0;">合并前幢信息(已选择幢{{dzhbqData.length}}个)</span>
<div style="margin-top: 14px">
<el-table
:data="dzhbqData"
border
style="width: 100%"
height="200px"
:header-cell-style="{'text-align':'center'}"
:cell-style="{'text-align':'center'}">
<el-table-column
type="index"
label="序号"
width="80">
</el-table-column>
<el-table-column
prop="zddm"
label="宗地代码">
</el-table-column>
<el-table-column
prop="bdcdyh"
label="不动产单元号"
width="350">
</el-table-column>
<el-table-column
prop="xmmc"
label="项目名称">
</el-table-column>
<el-table-column
prop="bdcqzh"
label="不动产权证号">
</el-table-column>
<el-table-column
prop="qlr"
label="权利人">
</el-table-column>
<el-table-column
prop="zl"
label="坐落">
</el-table-column>
<el-table-column
width="300">
<template slot="header">
多幢:
<el-button
type="primary"
......@@ -27,32 +58,19 @@
@click="newAddZrz"
>+
</el-button>
</td>
</tr>
<tr v-if="dzhbqData.length==0">
<td colspan="9">
<span class="noData">暂无数据</span>
</td>
</tr>
<tr v-else v-for="(item,index) in dzhbqData" :key="index">
<td class="xh">{{index+1}}</td>
<td class="zddm">{{item.zddm}}</td>
<td class="bdcdyh">{{item.bdcdyh}}</td>
<td class="xmmc">{{item.xmmc}}</td>
<td class="bdcqzh">{{item.bdcqzh}}</td>
<td class="qlr">{{item.qlr}}</td>
<td class="zl">{{item.zl}}</td>
<td class="zl">{{item.type=='zrz'?'自然幢':'多幢'}}</td>
<td class="cz">
</template>
<template slot-scope="scope">
<el-button
type="primary"
class="changeBtn outMinus addMinus"
@click="deleteData(index)"
@click="deleteData(scope.$index)"
>-
</el-button>
</td>
</tr>
</table>
</template>
</el-table-column>
</el-table>
</div>
</div>
<div class="hbh dzhbh">
<span class="tips" style="width:100%;display:block;margin-left:0;">合并后多幢信息</span>
......@@ -61,47 +79,47 @@
<span>多幢基本信息</span>
</div>
<ul class="zdjbxx">
<li>
<span class="label">行政区:</span>
<li >
<span class="label">行政区:</span>
<span class="value">
<el-select v-model="dzhbhData.xzqbsm" @change="changeXzq(dzhbhData.xzqbsm)"
disabled>
<el-row>
<el-col :span="7" style="display: inline-block;">
<el-select v-model="dzhbhData.xzqbsm" value-key="xzqbsm" placeholder="行政区" @change="changeXzq(dzhbhData.xzqbsm)" disabled>
<el-option
v-for="i in xzq"
:key="i.bsm"
:label="i.mc"
:value="i.bsm"
></el-option>
v-for="item in xzq"
:key="item.bsm"
:label="item.mc"
:value="item.bsm">
</el-option>
</el-select>
</span>
</li>
<li>
<span class="label">地籍区:</span>
<span class="value">
<el-select v-model="dzhbhData.djqbsm" @change="changeDjq(dzhbhData.djqbsm)"
disabled>
</el-col>
<el-col :span="1">&nbsp;</el-col>
<el-col :span="7">
<el-select v-model="dzhbhData.djqbsm" placeholder="地籍区" @change="changeDjq(dzhbhData.djqbsm)" disabled>
<el-option
v-for="i in djq"
:key="i.bsm"
:label="i.mc"
:value="i.bsm"
></el-option>
v-for="item in djq"
:key="item.bsm"
:label="item.mc"
:value="item.bsm">
</el-option>
</el-select>
</span>
</li>
<li>
<span class="label">地籍子区:</span>
<span class="value">
<el-select v-model="dzhbhData.djzqbsm" @change="$forceUpdate()" disabled>
</el-col>
<el-col :span="1">&nbsp;</el-col>
<el-col :span="8">
<el-select v-model="dzhbhData.djzqbsm" placeholder="地籍子区" @change="$forceUpdate()" disabled>
<el-option
v-for="i in djzq"
:key="i.bsm"
:label="i.mc"
:value="i.bsm"
></el-option>
v-for="item in djzq"
:key="item.bsm"
:label="item.mc"
:value="item.bsm">
</el-option>
</el-select>
</el-col>
</el-row>
</span>
</li>
<li>
<span class="label">所有权类型:</span>
<span class="value">
......@@ -434,6 +452,7 @@
this.geZrztData(this.queryData)
},
deleteData(index) {
console.log(JSON.stringify(index)+":row")
let data = this.dzhbqData[index];
// 多幢
if (data.zrzCount) {
......
......@@ -435,13 +435,13 @@ export default {
height: 72px!important;
.header-top {
height: 72px;
border-bottom: 1px solid#EAEAEA;
// border-bottom: 1px solid#EAEAEA;
box-sizing: border-box;
.top-items {
cursor: pointer;
height: 72px;
padding: 0 30px;
font-size: 18px;
font-size: 20px;
line-height: 72px;
float: left;
position: relative;
......@@ -450,7 +450,7 @@ export default {
/*border-right: 1px solid #EAEAEA;*/
i {
margin-right: 6px;
font-size: 18px;
font-size: 22px;
position: relative;
top: 1px;
}
......
......@@ -41,5 +41,8 @@
}
background: #eaedf5;
}
/deep/ .el-tabs__item {
height: 48px;
}
}
</style>
\ No newline at end of file
......
......@@ -172,6 +172,9 @@
}
background: #eaedf5;
}
/deep/ .el-tabs__item {
height: 48px;
}
.main {
width: 100%;
height: 100%;
......
......@@ -68,5 +68,8 @@ export default {
}
background: #eaedf5;
}
/deep/ .el-tabs__item {
height: 48px;
}
}
</style>
......
......@@ -139,27 +139,33 @@
let path = "";
switch (row.dylx) {
case "zd":
type = "0";
type = "zd";
name = '宗地';
path = "/zd";
break;
case "zrz":
type = "1";
type = "zrz";
name = '自然幢';
path = "/zrz";
break;
case "h":
case "h0":
case "h1":
type = "2";
type = "h";
name = "户"
path = "/h";
break;
case "dz":
type = "3";
type = "dz";
name = "多幢";
path = "/dz";
break;
case "gzw":
type = "gzw";
name = "构筑物";
path = "/gzw";
break;
default:
break;
}
......@@ -192,6 +198,11 @@
this.$store.state.dzbsm = row.glbsm;
this.getTreeByBsm(row.glbsm,row.dylx,'1');
break;
case "gzw":
this.$store.state.dzbsm = row.glbsm;
this.getTreeByBsm(row.glbsm,row.dylx,'1');
break;
default:
break;
}
......@@ -240,6 +251,9 @@
}
background: #eaedf5;
}
/deep/ .el-tabs__item {
height: 48px;
}
.main {
width: 100%;
height: 100%;
......
......@@ -197,6 +197,9 @@
}
background: #eaedf5;
}
/deep/ .el-tabs__item {
height: 48px;
}
.main {
width: 100%;
height: 100%;
......