Skip to content

任超 / js.CadastralSystem

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

Merge branch 'master' of http://yun.pashanhoo.com:9090/renchao/CadastralSystem

2 parents 1201b075 02e1d369
Inline Side-by-side
Showing 8 changed files with 204 additions and 139 deletions
<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%;
......
......@@ -3,55 +3,67 @@
<el-tabs v-model="tabName" class="menu" @tab-click="handleClick">
<el-tab-pane label="宗地合并" name="zd">
<div class="hb-tabs top20">
<span class="tips">合并前宗地信息</span>
<span class="tips">合并前宗地信息(已选择宗地{{zdhbqData.length}}个)</span>
<div class="hbq">
<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>
<el-table
:data="zdhbqData"
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>
<template slot="header">
<el-button
type="primary"
class="changeBtn outAdd addMinus"
@click="newAdd"
>+
</el-button>
</td>
</tr>
<tr v-if="zdhbqData.length==0">
<td colspan="8">
<span class="noData">暂无数据</span>
</td>
</tr>
<tr v-else v-for="(item,index) in zdhbqData" :key="index">
<td class="xh">{{index+1}}</td>
<td class="zddm"><input type="text" class="formInput" v-model="item.zddm"
readonly="readonly"/></td>
<td class="bdcdyh"><input type="text" class="formInput" v-model="item.bdcdyh"
readonly="readonly"/></td>
<td class="xmmc"><input type="text" class="formInput" v-model="item.xmmc"
readonly="readonly"/></td>
<td class="bdcqzh"><input type="text" class="formInput" v-model="item.bdcqzh"
readonly="readonly"/></td>
<td class="qlr"><input type="text" class="formInput" v-model="item.qlr"
readonly="readonly"/></td>
<td class="zl"><input type="text" class="formInput" v-model="item.zl"
readonly="readonly"/></td>
<td class="cz">
</template>
<template slot-scope="scope">
<el-button
type="primary"
class="changeBtn outMinus addMinus"
@click="deleteData(item,index)"
@click="deleteData(scope.row,scope.$index)"
>-
</el-button>
</td>
</tr>
</table>
</template>
</el-table-column>
</el-table>
</div>
<span class="tips">合并后宗地信息</span>
<div class="hbh">
......@@ -60,45 +72,51 @@
<span>宗地基本信息</span>
</div>
<ul class="zdjbxx">
<li>
<span class="label">行政区:</span>
<li >
<span class="label">行政区划:</span>
<span class="value">
<el-select v-model="zdhbhData.xzqbsm" @change="changeXzq(zdhbhData.xzqbsm)">
<el-row>
<el-col :span="7" style="display: inline-block;">
<el-select v-model="zdhbhData.xzqbsm" value-key="xzqbsm" placeholder="行政区" @change="changeXzq(zdhbhData.xzqbsm)">
<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="zdhbhData.djqbsm" @change="changeDjq(zdhbhData.djqbsm)">
</el-col>
<el-col :span="1">&nbsp;</el-col>
<el-col :span="7">
<el-select v-model="zdhbhData.djqbsm" placeholder="地籍区" @change="changeDjq(zdhbhData.djqbsm)">
<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="zdhbhData.djzqbsm" @change="$forceUpdate()">
</el-col>
<el-col :span="1">&nbsp;</el-col>
<el-col :span="8">
<el-select v-model="zdhbhData.djzqbsm" placeholder="地籍子区" @change="$forceUpdate()">
<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">
......@@ -237,6 +255,7 @@
})
},
methods: {
handleClick(tab, event) {
if (tab.name === 'h') {
this.hhbtabs = true
......@@ -663,6 +682,7 @@
}
.hbq {
margin: 14px 20px 20px 20px;
height: 200px;
}
.dzhbh {
box-sizing: border-box !important;
......
......@@ -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%;
......