Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
e738fd2d by weimo934
Options

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

1 parent 39c59c75
Expand all
Inline Side-by-side
Showing 2 changed files with 92 additions and 1 deletions
1 <template> 1 <template>
2 <div>
3 <el-tabs v-model="tabName" @tab-click="handleClick">
4 <el-tab-pane label="宗地合并" name="zd">
2 <div class="main"> 5 <div class="main">
3 <div class="header"> 6 <div class="header">
4 <span>合并后项目名称:</span> 7 <span>合并后项目名称:</span>
...@@ -34,7 +37,91 @@ ...@@ -34,7 +37,91 @@
34 <td><input type="text" class="formInput" v-model="item.zl" readonly="readonly"/></td> 37 <td><input type="text" class="formInput" v-model="item.zl" readonly="readonly"/></td>
35 </tr> 38 </tr>
36 </table> 39 </table>
37 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" @close="close"></query-data> 40 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible"
41 @close="close"></query-data>
42 </div>
43 </el-tab-pane>
44 <el-tab-pane label="多幢合并" name="dz">
45 <div class="main">
46 <div class="header">
47 <span>合并后项目名称:</span>
48 <el-input></el-input>
49
50 <el-button type="primary" @click="newAdd">新增</el-button>
51
52 <el-button type="primary">保存</el-button>
53 </div>
54
55 <table border="1">
56 <tr>
57 <td>序号</td>
58 <td>宗地代码</td>
59 <td>不动产单元号</td>
60 <td>项目名称</td>
61 <td>不动产权证号</td>
62 <td>权利人</td>
63 <td>坐落</td>
64 </tr>
65 <tr v-if="bgqData.length==0">
66 <td colspan="7">
67 <span class="noData">暂无数据</span>
68 </td>
69 </tr>
70 <tr v-else v-for="(item,index) in bgqData" :key="index">
71 <td>{{index+1}}</td>
72 <td><input type="text" class="formInput" v-model="item.zddm" readonly="readonly"/></td>
73 <td><input type="text" class="formInput" v-model="item.bdcdyh" readonly="readonly"/></td>
74 <td><input type="text" class="formInput" v-model="item.xmmc" readonly="readonly"/></td>
75 <td><input type="text" class="formInput" v-model="item.bdcqzh" readonly="readonly"/></td>
76 <td><input type="text" class="formInput" v-model="item.qlr" readonly="readonly"/></td>
77 <td><input type="text" class="formInput" v-model="item.zl" readonly="readonly"/></td>
78 </tr>
79 </table>
80 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible"
81 @close="close"></query-data>
82 </div>
83 </el-tab-pane>
84 <el-tab-pane label="户合并" name="h">
85 <div class="main">
86 <div class="header">
87 <span>合并后项目名称:</span>
88 <el-input></el-input>
89
90 <el-button type="primary" @click="newAdd">新增</el-button>
91
92 <el-button type="primary">保存</el-button>
93 </div>
94
95 <table border="1">
96 <tr>
97 <td>序号</td>
98 <td>宗地代码</td>
99 <td>不动产单元号</td>
100 <td>项目名称</td>
101 <td>不动产权证号</td>
102 <td>权利人</td>
103 <td>坐落</td>
104 </tr>
105 <tr v-if="bgqData.length==0">
106 <td colspan="7">
107 <span class="noData">暂无数据</span>
108 </td>
109 </tr>
110 <tr v-else v-for="(item,index) in bgqData" :key="index">
111 <td>{{index+1}}</td>
112 <td><input type="text" class="formInput" v-model="item.zddm" readonly="readonly"/></td>
113 <td><input type="text" class="formInput" v-model="item.bdcdyh" readonly="readonly"/></td>
114 <td><input type="text" class="formInput" v-model="item.xmmc" readonly="readonly"/></td>
115 <td><input type="text" class="formInput" v-model="item.bdcqzh" readonly="readonly"/></td>
116 <td><input type="text" class="formInput" v-model="item.qlr" readonly="readonly"/></td>
117 <td><input type="text" class="formInput" v-model="item.zl" readonly="readonly"/></td>
118 </tr>
119 </table>
120 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible"
121 @close="close"></query-data>
122 </div>
123 </el-tab-pane>
124 </el-tabs>
38 </div> 125 </div>
39 </template> 126 </template>
40 127
...@@ -47,6 +134,7 @@ ...@@ -47,6 +134,7 @@
47 props: {}, 134 props: {},
48 data() { 135 data() {
49 return { 136 return {
137 tabName: 'zd',
50 centerDialogVisible: false, 138 centerDialogVisible: false,
51 bgqData: [] 139 bgqData: []
52 } 140 }
...@@ -56,6 +144,9 @@ ...@@ -56,6 +144,9 @@
56 mounted() { 144 mounted() {
57 }, 145 },
58 methods: { 146 methods: {
147 handleClick(tab, event) {
148 console.log(tab, event);
149 },
59 close: function () { 150 close: function () {
60 this.centerDialogVisible = false; 151 this.centerDialogVisible = false;
61 }, 152 },
......