e738fd2d by weimo934

feat(fg,hb):分割合并分类

1 parent 39c59c75
<template>
<div class="main">
<div class="header">
<span>合并后项目名称:</span>
<el-input></el-input>
<el-button type="primary" @click="newAdd">新增</el-button>
<el-button type="primary">保存</el-button>
</div>
<table border="1">
<tr>
<td>序号</td>
<td>宗地代码</td>
<td>不动产单元号</td>
<td>项目名称</td>
<td>不动产权证号</td>
<td>权利人</td>
<td>坐落</td>
</tr>
<tr v-if="bgqData.length==0">
<td colspan="7">
<span class="noData">暂无数据</span>
</td>
</tr>
<tr v-else v-for="(item,index) in bgqData" :key="index">
<td>{{index+1}}</td>
<td><input type="text" class="formInput" v-model="item.zddm" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.bdcdyh" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.xmmc" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.bdcqzh" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.qlr" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.zl" readonly="readonly"/></td>
</tr>
</table>
<query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" @close="close"></query-data>
<div>
<el-tabs v-model="tabName" @tab-click="handleClick">
<el-tab-pane label="宗地合并" name="zd">
<div class="main">
<div class="header">
<span>合并后项目名称:</span>
<el-input></el-input>
<el-button type="primary" @click="newAdd">新增</el-button>
<el-button type="primary">保存</el-button>
</div>
<table border="1">
<tr>
<td>序号</td>
<td>宗地代码</td>
<td>不动产单元号</td>
<td>项目名称</td>
<td>不动产权证号</td>
<td>权利人</td>
<td>坐落</td>
</tr>
<tr v-if="bgqData.length==0">
<td colspan="7">
<span class="noData">暂无数据</span>
</td>
</tr>
<tr v-else v-for="(item,index) in bgqData" :key="index">
<td>{{index+1}}</td>
<td><input type="text" class="formInput" v-model="item.zddm" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.bdcdyh" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.xmmc" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.bdcqzh" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.qlr" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.zl" readonly="readonly"/></td>
</tr>
</table>
<query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible"
@close="close"></query-data>
</div>
</el-tab-pane>
<el-tab-pane label="多幢合并" name="dz">
<div class="main">
<div class="header">
<span>合并后项目名称:</span>
<el-input></el-input>
<el-button type="primary" @click="newAdd">新增</el-button>
<el-button type="primary">保存</el-button>
</div>
<table border="1">
<tr>
<td>序号</td>
<td>宗地代码</td>
<td>不动产单元号</td>
<td>项目名称</td>
<td>不动产权证号</td>
<td>权利人</td>
<td>坐落</td>
</tr>
<tr v-if="bgqData.length==0">
<td colspan="7">
<span class="noData">暂无数据</span>
</td>
</tr>
<tr v-else v-for="(item,index) in bgqData" :key="index">
<td>{{index+1}}</td>
<td><input type="text" class="formInput" v-model="item.zddm" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.bdcdyh" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.xmmc" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.bdcqzh" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.qlr" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.zl" readonly="readonly"/></td>
</tr>
</table>
<query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible"
@close="close"></query-data>
</div>
</el-tab-pane>
<el-tab-pane label="户合并" name="h">
<div class="main">
<div class="header">
<span>合并后项目名称:</span>
<el-input></el-input>
<el-button type="primary" @click="newAdd">新增</el-button>
<el-button type="primary">保存</el-button>
</div>
<table border="1">
<tr>
<td>序号</td>
<td>宗地代码</td>
<td>不动产单元号</td>
<td>项目名称</td>
<td>不动产权证号</td>
<td>权利人</td>
<td>坐落</td>
</tr>
<tr v-if="bgqData.length==0">
<td colspan="7">
<span class="noData">暂无数据</span>
</td>
</tr>
<tr v-else v-for="(item,index) in bgqData" :key="index">
<td>{{index+1}}</td>
<td><input type="text" class="formInput" v-model="item.zddm" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.bdcdyh" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.xmmc" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.bdcqzh" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.qlr" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.zl" readonly="readonly"/></td>
</tr>
</table>
<query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible"
@close="close"></query-data>
</div>
</el-tab-pane>
</el-tabs>
</div>
</template>
......@@ -47,6 +134,7 @@
props: {},
data() {
return {
tabName: 'zd',
centerDialogVisible: false,
bgqData: []
}
......@@ -56,6 +144,9 @@
mounted() {
},
methods: {
handleClick(tab, event) {
console.log(tab, event);
},
close: function () {
this.centerDialogVisible = false;
},
......