Skip to content

任超 / js.CadastralSystem

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

分割模块弹框样式修改，多幢分割页面样式修改

1 parent 693d79d7
Inline Side-by-side
Showing 3 changed files with 152 additions and 80 deletions
......@@ -3,14 +3,59 @@
<el-dialog
title="新增"
:visible.sync="isVisible"
width="50%"
width="70%"
@close="close"
:modal-append-to-body="false"
center>
<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-button type="primary" @click="search">查询</el-button>
<el-button type="primary" @click="result">重置</el-button> -->
<el-row>
<el-col :span="24">
<el-form :inline="true" class="demo-form-inline">
<el-form-item label="宗地编码">
<el-input
v-model="queryData.zddm"
placeholder="输入宗地编码"
></el-input>
</el-form-item>
<el-form-item label="不动产权证号">
<el-input
v-model="queryData.bdcqzh"
placeholder="输入不动产权证号"
></el-input>
</el-form-item>
<el-form-item label="不动产单元号">
<el-input
maxlength="28"
v-model="queryData.bdcdyh"
placeholder="输入不动产单元号"
></el-input>
</el-form-item>
<el-button type="primary" style="margin-left:30px" @click="search">查询</el-button>
<el-button type="warning" @click="reset">重置</el-button>
</el-form>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form :inline="true" class="demo-form-inline">
<el-form-item label="权利人">
<el-input
v-model="queryData.qlrmc"
placeholder="输入权利人"
></el-input>
</el-form-item>
<el-form-item label="坐落">
<el-input
v-model="queryData.zl"
placeholder="输入坐落"
></el-input>
</el-form-item>
</el-form>
</el-col>
</el-row>
<!-- <el-row :gutter="10" class="shop">
<el-col :span="4" class="inputtitle">
宗地编码:
</el-col>
......@@ -23,10 +68,10 @@
<el-col :span="8" class="">
<el-input v-model="queryData.bdcqzh"></el-input>
</el-col>
</el-row>
<el-row :gutter="10">
</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>
......@@ -45,7 +90,7 @@
<el-col :span="8">
<el-input v-model="queryData.zl"></el-input>
</el-col>
</el-row>
</el-row> -->
<table border="1">
<tr>
<td>序号</td>
......@@ -77,8 +122,6 @@
</table>
</div>
<span slot="footer" class="dialog-footer">
</span>
<div class="page">
<el-pagination
background
......@@ -146,7 +189,7 @@
this.queryData.pageNo = val;
this.getData(this.queryData);
},
result: function () {
reset: function () {
this.queryData = {
bdcdyh: "",
bdcqzh: "",
......@@ -178,7 +221,7 @@
},
close: function () {
this.$emit('close')
this.result();
this.reset();
}
},
watch: {
......@@ -197,6 +240,10 @@
height: auto;
width: 80%;
}
/deep/ .el-form-item__label{
width: 96px;
text-align: right;
}
table {
margin-top: 10px;
......@@ -233,5 +280,8 @@
.noData {
color: #b2b2b2;
}
.page{
margin-top: 20px;
}
</style>
......
......@@ -3,47 +3,53 @@
<el-dialog
title="新增"
:visible.sync="isVisible"
width="50%"
width="70%"
@close="close"
:modal-append-to-body="false"
center>
<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-row>
<el-col :span="24">
<el-form :inline="true" class="demo-form-inline">
<el-form-item label="宗地编码">
<el-input
v-model="queryData.zddm"
placeholder="输入宗地编码"
></el-input>
</el-form-item>
<el-form-item label="不动产权证号">
<el-input
v-model="queryData.bdcqzh"
placeholder="输入不动产权证号"
></el-input>
</el-form-item>
<el-form-item label="不动产单元号">
<el-input
maxlength="28"
v-model="queryData.bdcdyh"
placeholder="输入不动产单元号"
></el-input>
</el-form-item>
<el-button type="primary" style="margin-left:30px" @click="search">查询</el-button>
<el-button type="warning" @click="reset">重置</el-button>
</el-form>
</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-row>
<el-col :span="24">
<el-form :inline="true" class="demo-form-inline">
<el-form-item label="权利人">
<el-input
v-model="queryData.qlrmc"
placeholder="输入权利人"
></el-input>
</el-form-item>
<el-form-item label="坐落">
<el-input
v-model="queryData.zl"
placeholder="输入坐落"
></el-input>
</el-form-item>
</el-form>
</el-col>
</el-row>
<table border="1">
......@@ -77,8 +83,6 @@
</table>
</div>
<span slot="footer" class="dialog-footer">
</span>
<div class="page">
<el-pagination
background
......@@ -146,7 +150,7 @@
this.queryData.pageNo = val;
this.getData(this.queryData);
},
result: function () {
reset: function () {
this.queryData = {
bdcdyh: "",
bdcqzh: "",
......@@ -178,7 +182,7 @@
},
close: function () {
this.$emit('close')
this.result();
this.reset();
}
},
watch: {
......@@ -197,6 +201,11 @@
height: auto;
width: 80%;
}
/deep/ .el-form-item__label{
width: 96px;
text-align: right;
}
table {
margin-top: 10px;
......@@ -233,5 +242,8 @@
.noData {
color: #b2b2b2;
}
.page{
margin-top: 20px;
}
</style>
......
......@@ -190,18 +190,37 @@
<span class="tips">分割前多幢信息</span>
<el-button type="primary" class="addBtn" @click="newAdd">新增</el-button>
<div class="fgq">
<div class="data">
<ul>
<li><span>宗地代码:</span>{{dzFgqData.zddm}}</li>
<li><span>不动产单元号:</span>{{dzFgqData.bdcdyh}}</li>
<li><span>项目名称:</span>{{dzFgqData.xmmc}}</li>
<li><span>不动产权证号:</span>{{dzFgqData.bdcqzh}}</li>
<li><span>权利人:</span>{{dzFgqData.qlr}}</li>
<li><span>坐落:</span>{{dzFgqData.zl}}</li>
<el-card class="data">
<div slot="header" class="clearfix">
<span>多幢基本信息</span>
</div>
<ul class="zdjbxx">
<li><span class="label">宗地代码:</span><span class="value">{{dzFgqData.zddm}}</span></li>
<li><span class="label">不动产单元号:</span><span class="value">{{dzFgqData.bdcdyh}}</span></li>
<li><span class="label">项目名称:</span><span class="value">{{dzFgqData.xmmc}}</span></li>
<li><span class="label">不动产权证号:</span><span class="value">{{dzFgqData.bdcqzh}}</span></li>
<li><span class="label">权利人:</span><span class="value">{{dzFgqData.qlr}}</span></li>
<li><span class="label">坐落:</span><span class="value">{{dzFgqData.zl}}</span></li>
</ul>
<div class="zdmap">
</div>
</el-card>
<div class="zxx">
<div class="dz">
<el-card class="zrz">
<div slot="header" class="clearfix">
<span><i class="iconfont iconziranchuang"></i>自然幢<span style="color:red">{{zdZxx.zrzList.length}}</span>幢</span>
</div>
<ul>
<li v-for="(item,index) in zdZxx.zrzList" :key="index+item.xmmc"
:class="tempBsmList.indexOf(item.bsm) > -1 ? 'hasChoosed':''"
>
<i class="iconfont iconziranchuang"></i> {{item.displays}}
</li>
</ul>
</el-card>
<!-- <div class="dz">
<div class="title">
<span>多幢信息({{zdZxx.zrzList.length}}个)</span>
</div>
......@@ -218,14 +237,21 @@
:class="(index+1)%2==0?'':'oddborder'">{{item.xmmc}}
</li>
</ul>
</div>
</div> -->
</div>
</div>
<div class="fgh">
<span class="tips">分割后多幢信息</span>
<table border="1">
<tr>
<th class="cz">操作</th>
<th class="cz">
<el-button
type="primary"
class="changeBtn outAdd addMinus"
@click="addRow"
>+
</el-button>
</th>
<th class="xzq">行政区</th>
<th class="djq">地籍区</th>
<th class="djzq">地籍子区</th>
......@@ -297,22 +323,6 @@
<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="['dz']"
......