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

 <template>
+    <div>
+        <el-tabs v-model="tabName" @tab-click="handleClick">
+            <el-tab-pane label="宗地合并" name="zd">
                 <div class="main">
                     <div class="header">
                         <span>合并后项目名称:</span>
@@ -34,7 +37,91 @@
                             <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>
+                    <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;
             },