Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
1020f21b by zhaoqian
Options

单户编辑保存以及数据得回显

1 parent 11f3c79f
Inline Side-by-side
Showing 5 changed files with 400 additions and 174 deletions
1 import request from '@/plugin/axios'
2
3 /**
4 * 获取户的基本信息
5 */
6 export function getQjHDetailByBsm(data) {
7 return request({
8 url: '/system/qjH/getQjHDetailById',
9 method: 'get',
10 params: {
11 id: data
12 }
13 })
14 }
15
16 /**
17 * 修改户的基本信息
18 */
19 export function updateQjH(data) {
20 return request({
21 url: '/system/qjH/updateQjH',
22 method: 'put',
23 data:data
24 })
25 }
...\ No newline at end of file ...\ No newline at end of file
...@@ -10,163 +10,193 @@ ...@@ -10,163 +10,193 @@
10 <div> 10 <div>
11 <table border="1"> 11 <table border="1">
12 <tr> 12 <tr>
13 <td rowspan="6">预测</td> 13 <td colspan="2">建筑面积(㎡)</td>
14 <td>建筑面积(㎡)</td> 14 <td colspan="4"><input type="text" v-model="form.jzmj" class="inputtitle"/></td>
15 <td colspan="2"><input type="text" class="inputtitle"/></td> 15 <td colspan="2">套内建筑面积(㎡)</td>
16 <td rowspan="6">实测</td> 16 <td colspan="4"><input type="text" v-model="form.tnjzmj" class="inputtitle"/></td>
17 <td>建筑面积(㎡)</td>
18 <td><input type="text" class="inputtitle"/></td>
19 </tr> 17 </tr>
20 <tr> 18 <tr>
21 <td>套内建筑面积(㎡)</td> 19 <td colspan="2">分摊建筑面积(㎡)</td>
22 <td colspan="2"><input type="text" class="inputtitle"/></td> 20 <td colspan="4"><input type="text" v-model="form.ftjzmj" class="inputtitle"/></td>
23 <td>套内建筑面积(㎡)</td> 21 <td colspan="2">地下部分建筑面积(㎡)</td>
24 <td><input type="text" class="inputtitle"/></td> 22 <td colspan="4"><input type="text" v-model="form.dxbfjzmj" class="inputtitle"/></td>
25 </tr> 23 </tr>
26 <tr> 24 <tr>
27 <td>分摊建筑面积(㎡)</td> 25 <td colspan="2">其他建筑面积(㎡)</td>
28 <td colspan="2"><input type="text" class="inputtitle"/></td> 26 <td colspan="4"><input type="text" v-model="form.qtjzmj" class="inputtitle"/></td>
29 <td>分摊建筑面积(㎡)</td> 27 <td colspan="2">分摊系数</td>
30 <td><input type="text" class="inputtitle"/></td> 28 <td colspan="4"><input type="text" v-model="form.ftxs" class="inputtitle"/></td>
31 </tr>
32 <tr>
33 <td>地下部分建筑面积(㎡)</td>
34 <td colspan="2"><input type="text" class="inputtitle"/></td>
35 <td>地下部分建筑面积(㎡)</td>
36 <td><input type="text" class="inputtitle"/></td>
37 </tr>
38 <tr>
39 <td>其他建筑面积(㎡)</td>
40 <td colspan="2"><input type="text" class="inputtitle"/></td>
41 <td>其他建筑面积(㎡)</td>
42 <td><input type="text" class="inputtitle"/></td>
43 </tr>
44 <tr>
45 <td>分摊系数</td>
46 <td colspan="2"><input type="text" class="inputtitle"/></td>
47 <td>分摊系数</td>
48 <td><input type="text" class="inputtitle"/></td>
49 </tr> 29 </tr>
50 <tr> 30 <tr>
51 <td colspan="2">户型</td> 31 <td colspan="2">户型</td>
52 <td colspan="2"> 32 <td colspan="4">
53 <el-select class="selectTitle"> 33 <el-select class="selectTitle" v-model="form.hxbsm">
54 <el-option 34 <el-option
55 v-for="i in hx" 35 v-for="i in $store.state.hxList"
56 :key="i.key" 36 :key="i.bsm"
57 :label="i.label" 37 :label="i.mc"
58 :value="i.value" 38 :value="i.bsm"
59 ></el-option> 39 ></el-option>
60 </el-select> 40 </el-select>
61 </td> 41 </td>
62 <td colspan="2">户型结构</td> 42 <td colspan="2">户型结构</td>
63 <td> 43 <td colspan="4">
64 <el-select class="selectTitle"> 44 <el-select class="selectTitle" v-model="form.hxjgbsm">
65 <el-option 45 <el-option
66 v-for="i in hx" 46 v-for="i in $store.state.hxjgList"
67 :key="i.key" 47 :key="i.bsm"
68 :label="i.label" 48 :label="i.mc"
69 :value="i.value" 49 :value="i.bsm"
70 ></el-option> 50 ></el-option>
71 </el-select> 51 </el-select>
72 </td> 52 </td>
73 </tr> 53 </tr>
74 <tr> 54 <tr>
75 <td colspan="2">共有土地面积(㎡)</td> 55 <td colspan="2">共有土地面积(㎡)</td>
76 <td colspan="2"><input type="text" class="inputtitle"/></td> 56 <td colspan="4"><input type="text" class="inputtitle" v-model="form.gytdmj"/></td>
77 <td colspan="2">分摊土地面积(㎡)</td> 57 <td colspan="2">分摊土地面积(㎡)</td>
78 <td><input type="text" class="inputtitle"/></td> 58 <td colspan="4"><input type="text" class="inputtitle" v-model="form.fttdmj"/></td>
79 </tr> 59 </tr>
80 <tr> 60 <tr>
81 <td colspan="2">独有土地面积(㎡)</td> 61 <td colspan="2">独有土地面积(㎡)</td>
82 <td colspan="2"><input type="text" class="inputtitle"/></td> 62 <td colspan="4"><input type="text" class="inputtitle" v-model="form.dytdmj"/></td>
83 <td colspan="2">房屋类型</td> 63 <td colspan="2">房屋类型</td>
84 <td> 64 <td colspan="4">
85 <el-select class="selectTitle"> 65 <el-select class="selectTitle" v-model="form.fwlxbsm">
86 <el-option 66 <el-option
87 v-for="i in hx" 67 v-for="i in $store.state.fwlxList"
88 :key="i.key" 68 :key="i.bsm"
89 :label="i.label" 69 :label="i.mc"
90 :value="i.value" 70 :value="i.bsm"
91 ></el-option> 71 ></el-option>
92 </el-select> 72 </el-select>
93 </td> 73 </td>
94 </tr> 74 </tr>
95 <tr> 75 <tr>
96 <td colspan="2">产别</td> 76 <td colspan="2">产别</td>
97 <td colspan="2"> 77 <td colspan="4">
98 <el-select class="selectTitle"> 78 <el-select class="selectTitle" v-model="form.fwcbbsm">
99 <el-option 79 <el-option
100 v-for="i in hx" 80 v-for="i in $store.state.cbOptions"
101 :key="i.key" 81 :key="i.bsm"
102 :label="i.label" 82 :label="i.mc"
103 :value="i.value" 83 :value="i.bsm"
104 ></el-option> 84 ></el-option>
105 </el-select> 85 </el-select>
106 </td> 86 </td>
107 <td colspan="2">产权来源</td> 87 <td colspan="2">产权来源</td>
108 <td> 88 <td colspan="4">
109 <input type="text" class="inputtitle"/> 89 <el-select class="selectTitle" v-model="form.fwcqlybsm">
90 <el-option
91 v-for="i in $store.state.cqlyOptions"
92 :key="i.bsm"
93 :label="i.mc"
94 :value="i.bsm"
95 ></el-option>
96 </el-select>
110 </td> 97 </td>
111 </tr> 98 </tr>
112 <tr> 99 <tr>
113 <td colspan="2">房屋性质</td> 100 <td colspan="2">房屋性质</td>
114 <td colspan="2"> 101 <td colspan="4">
115 <el-select class="selectTitle"> 102 <el-select class="selectTitle" v-model="form.fwxzbsm">
116 <el-option 103 <el-option
117 v-for="i in hx" 104 v-for="i in $store.state.fwxzOptions"
118 :key="i.key" 105 :key="i.bsm"
119 :label="i.label" 106 :label="i.mc"
120 :value="i.value" 107 :value="i.bsm"
121 ></el-option> 108 ></el-option>
122 </el-select> 109 </el-select>
123 </td> 110 </td>
124 <td colspan="2"></td> 111 <td colspan="2"></td>
125 <td></td> 112 <td colspan="4"></td>
126 </tr> 113 </tr>
127 <tr> 114 <tr>
128 <td colspan="2">房屋结构</td> 115 <td colspan="2">房屋结构</td>
129 <td colspan="5"> 116 <td colspan="5">
130 <el-select class="selectTitle"> 117 <el-select class="selectTitle" v-model="form.fwjgbsm">
131 <el-option 118 <el-option
132 v-for="i in hx" 119 v-for="i in $store.state.fwjgList"
133 :key="i.key" 120 :key="i.bsm"
134 :label="i.label" 121 :label="i.mc"
135 :value="i.value" 122 :value="i.bsm"
136 ></el-option> 123 ></el-option>
137 </el-select> 124 </el-select>
138 </td> 125 </td>
139 </tr> 126 </tr>
140 <tr> 127 <tr height="30" v-for="(item1,index) in form.fwytList" :key="index">
141 <td colspan="2">房屋用途</td> 128 <td v-if="index===0" colspan="2" :rowspan="ytTitleRowspan" align="center" id="ytTitle">
142 <td>规划用途</td> 129 <el-button type="primary" size="mini" style="margin-right: 10px" @click="addYtInfo">添加</el-button>
143 <td><input type="text" class="inputtitle"/></td> 130 <span>用途</span>
144 <td colspan="2">用途</td> 131 </td>
145 <td><input type="text" class="inputtitle"/></td> 132
133 <td width="30" colspan="1" align="center" >
134 <el-button type="info" size="mini" style="" @click="deleteYtInfo(index)" circle>删除</el-button>
135 规划用途
136 </td>
137 <td width="30" colspan="4" align="center" >
138 <el-select v-model="item1.fwytzdbsm" placeholder="请选择" >
139 <el-option
140 v-for="item in $store.state.fwytList"
141 :key="item.bsm"
142 :label="item.mc"
143 :value="item.bsm">
144 </el-option>
145 </el-select>
146 </td>
147 <td width="30" colspan="1" align="center" >用途</td>
148 <td width="30" colspan="4" align="center" >
149 <el-select v-model="item1.fwsjytbsm" placeholder="请选择" >
150 <el-option
151 v-for="item in $store.state.fwytList"
152 :key="item.bsm"
153 :label="item.mc"
154 :value="item.bsm">
155 </el-option>
156 </el-select>
157 </td>
146 </tr> 158 </tr>
147 <tr> 159
148 <td colspan="2"> 160 <tr height="30" v-for="(item1,index) in form.fwjgList" :key="'jg'+index">
149 权利性质 161 <td colspan="2" v-if="index===0" :rowspan="fwjgTitleRowspan" align="center" >
162 <el-button type="primary" size="mini" style="margin-right: 10px" @click="addFwjgInfo">添加</el-button>
163 <span>房屋结构</span>
164 </td>
165 <td colspan="1" align="center" >
166 <span @click="deleteFwjgInfo(index)">删除</span>
150 </td> 167 </td>
151 <td colspan="2"> 168 <td colspan="9" >
152 <input type="text" class="inputtitle"/> 169 <el-select v-model="item1.fwjgzdbsm" placeholder="请选择" >
170 <el-option
171 v-for="item in $store.state.fwjgList"
172 :key="item.bsm"
173 :label="item.mc"
174 :value="item.bsm">
175 </el-option>
176 </el-select>
153 </td> 177 </td>
154 <td colspan="2"> 178 </tr>
155 179
180 <tr>
181 <td colspan="12" rowspan="4" align="center">
182 <Qlxz ref="qlxzModule"></Qlxz>
156 </td> 183 </td>
157 <td></td>
158 </tr> 184 </tr>
185 <tr></tr>
186 <tr></tr>
187 <tr></tr>
188
159 <tr> 189 <tr>
160 <td colspan="2">东墙体归属</td> 190 <td colspan="2">东墙体归属</td>
161 <td colspan="2"><input type="text" class="inputtitle"/></td> 191 <td colspan="4"><input type="text" class="inputtitle" v-model="form.dqtgs"/></td>
162 <td colspan="2">南墙体归属</td> 192 <td colspan="2">南墙体归属</td>
163 <td><input type="text" class="inputtitle"/></td> 193 <td colspan="4"><input type="text" class="inputtitle" v-model="form.nqtgs"/></td>
164 </tr> 194 </tr>
165 <tr> 195 <tr>
166 <td colspan="2">西墙体归属</td> 196 <td colspan="2">西墙体归属</td>
167 <td colspan="2"><input type="text" class="inputtitle"/></td> 197 <td colspan="4"><input type="text" class="inputtitle" v-model="form.xqtgs"/></td>
168 <td colspan="2">北墙体归属</td> 198 <td colspan="2">北墙体归属</td>
169 <td><input type="text" class="inputtitle"/></td> 199 <td colspan="4"><input type="text" class="inputtitle" v-model="form.bqtgs"/></td>
170 </tr> 200 </tr>
171 </table> 201 </table>
172 </div> 202 </div>
...@@ -180,8 +210,12 @@ ...@@ -180,8 +210,12 @@
180 </template> 210 </template>
181 211
182 <script> 212 <script>
213 import Qlxz from "./../../components/formMenu/qlxz_simple";
183 export default { 214 export default {
184 name: "plH", 215 name: "plH",
216 components:{
217 Qlxz
218 },
185 props: { 219 props: {
186 bsms: { 220 bsms: {
187 type: Array 221 type: Array
...@@ -193,6 +227,48 @@ ...@@ -193,6 +227,48 @@
193 }, 227 },
194 data() { 228 data() {
195 return { 229 return {
230 form:{
231 jzmj:'',
232 tnjzmj:'',
233 ftjzmj:'',
234 dxbfjzmj:'',
235 qtjzmj:'',
236 ftxs:'',
237 hxbsm:'',
238 hxjgbsm:'',
239 gytdmj: '',
240 fttdmj: '',
241 dytdmj: '',
242 fwlxbsm: '',
243 fwcbbsm:'',
244 fwcqlybsm:'',
245 fwxzbsm:'',
246 dqtgs:'',
247 nqtgs:'',
248 xqtgs:'',
249 bqtgs:'',
250 fwjgbsm:'',
251 fwytList:[{
252 glbsm:'', //关联标识码
253 fwytzdbsm:'', //房屋用途字典标识码
254 sx:'', //顺序
255 fwsjytbsm:'', //房屋实际用途字典标识码
256 }],
257 fwjgList:[{
258 fwjgzdbsm:'', //房屋结构字典标识码
259 glbsm:'', //关联标识码
260 sx:'', //顺序
261 }],
262 qlxzList:[{
263 qlxzdm:'', //权利性质代码
264 glbsm:'', //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM
265 qlxzzdbsm:'', //权利性质字典表标识码
266 qlxzmc:'', //权利名称名称
267 zhqlxzlx:'', //除宗海数据外，默认都是空；0:用海类型权利性质;2:海岛用途权利性质
268 addQjTdytRequestList:[{
269 }], //土地用途新增实体列表
270 }]
271 },
196 isVisible: false, 272 isVisible: false,
197 hx: [{ 273 hx: [{
198 label: '一居室', 274 label: '一居室',
...@@ -207,10 +283,51 @@ ...@@ -207,10 +283,51 @@
207 key: '3', 283 key: '3',
208 value: '三居室' 284 value: '三居室'
209 } 285 }
210 ] 286 ],
287 ytTitleRowspan:1, //用途的单元格垂直合并数量
288 fwjgTitleRowspan:1, //房屋结构的单元格垂直合并数量
211 } 289 }
212 }, 290 },
213 methods: { 291 methods: {
292 addYtInfo(){
293 this.form.fwytList.push({
294 glbsm:'',
295 fwytzdbsm:'',
296 fwsjytbsm:'',
297 sx:'',
298 });
299 this.ytTitleRowspan=this.form.fwytList.length;
300 },
301 deleteYtInfo(index){
302 if(this.form.fwytList.length<=1){
303 this.$message({
304 message: '不能删除，最少含有一条用途信息',
305 type: 'warning'
306 });
307 }else{
308 this.form.fwytList.splice(index,1);
309 this.ytTitleRowspan=this.form.fwytList.length;
310 }
311 },
312 addFwjgInfo(){
313 this.form.fwjgList.push({
314 fwjgzdbsm:'', //房屋结构字典标识码
315 glbsm:'', //关联标识码
316 sx:'', //顺序
317 });
318 this.fwjgTitleRowspan=this.form.fwjgList.length;
319 },
320 deleteFwjgInfo(index){
321 if(this.form.fwjgList.length<=1){
322 this.$message({
323 message: '不能删除，最少含有一条房屋结构信息',
324 type: 'warning'
325 });
326 }else{
327 this.form.fwjgList.splice(index,1);
328 this.fwjgTitleRowspan=this.form.fwjgList.length;
329 }
330 },
214 close: function () { 331 close: function () {
215 this.$emit('close') 332 this.$emit('close')
216 this.isVisible = false 333 this.isVisible = false
...@@ -220,7 +337,9 @@ ...@@ -220,7 +337,9 @@
220 337
221 }, 338 },
222 save: function () { 339 save: function () {
223 340 this.form.qlxzList= this.$refs.qlxzModule.getQlxzDataList();
341 console.log("批量户信息")
342 console.log(this.form)
224 }, 343 },
225 cancel: function () { 344 cancel: function () {
226 this.close() 345 this.close()
...@@ -276,4 +395,8 @@ ...@@ -276,4 +395,8 @@
276 text-align: center; 395 text-align: center;
277 margin-top: 20px; 396 margin-top: 20px;
278 } 397 }
398 /deep/.el-input__inner{
399 width: 100%;
400 border: 0;
401 }
279 </style> 402 </style>
......
...@@ -29,6 +29,10 @@ const store = new Vuex.Store({ ...@@ -29,6 +29,10 @@ const store = new Vuex.Store({
29 xzqList: [], 29 xzqList: [],
30 djqList: [], 30 djqList: [],
31 djzqList: [], 31 djzqList: [],
32 fwlxList:[],
33 hxList:[],
34 hxjgList:[],
35 fwjgList:[],
32 fwxzOptions:[], 36 fwxzOptions:[],
33 cbOptions:[], 37 cbOptions:[],
34 cqlyOptions:[], 38 cqlyOptions:[],
......
...@@ -212,6 +212,10 @@ export default { ...@@ -212,6 +212,10 @@ export default {
212 s.tdytList = s.tdytList.length == 0 ?await this.getDicData("土地用途") : s.tdytList; 212 s.tdytList = s.tdytList.length == 0 ?await this.getDicData("土地用途") : s.tdytList;
213 s.fwytList = s.fwytList.length == 0 ?await this.getDicData("房屋用途") : s.fwytList; 213 s.fwytList = s.fwytList.length == 0 ?await this.getDicData("房屋用途") : s.fwytList;
214 s.tddjList = s.tddjList.length == 0 ?await this.getDicData("土地等级") : s.tddjList; 214 s.tddjList = s.tddjList.length == 0 ?await this.getDicData("土地等级") : s.tddjList;
215 s.fwlxList = s.fwlxList.length == 0 ?await this.getDicData("房屋类型") : s.fwlxList;
216 s.hxList = s.hxList.length == 0 ?await this.getDicData("户型") : s.hxList;
217 s.hxjgList = s.hxjgList.length == 0 ?await this.getDicData("户型结构") : s.hxjgList;
218 s.fwjgList = s.fwjgList.length == 0 ?await this.getDicData("户型结构") : s.fwjgList;
215 219
216 s.fwxzOptions = s.fwxzOptions.length == 0 ?await this.getDicData("房屋性质") : s.fwxzOptions; 220 s.fwxzOptions = s.fwxzOptions.length == 0 ?await this.getDicData("房屋性质") : s.fwxzOptions;
217 s.cbOptions = s.cbOptions.length == 0 ?await this.getDicData("房屋产别") : s.cbOptions; 221 s.cbOptions = s.cbOptions.length == 0 ?await this.getDicData("房屋产别") : s.cbOptions;
......
...@@ -10,52 +10,52 @@ ...@@ -10,52 +10,52 @@
10 <tr height="30"> 10 <tr height="30">
11 <td colspan="2" align="center" >宗地代码</td> 11 <td colspan="2" align="center" >宗地代码</td>
12 <td colspan="4" > 12 <td colspan="4" >
13 <el-input v-model="form.zdbsm"></el-input> 13 <el-input v-model="form.zddm" disabled></el-input>
14 </td> 14 </td>
15 <td colspan="2" align="center" >自然幢号</td> 15 <td colspan="2" align="center" >自然幢号</td>
16 <td colspan="4" > 16 <td colspan="4" >
17 <el-input v-model="form.zrzh"></el-input> 17 <el-input v-model="form.zrzh" disabled></el-input>
18 </td> 18 </td>
19 </tr> 19 </tr>
20 <tr height="30"> 20 <tr height="30">
21 <td colspan="2" align="center" >不动产单元号</td> 21 <td colspan="2" align="center" >不动产单元号</td>
22 <!-- todo 此处暂时存放的是不动产单元号标识码，而不是不动产单元号--> 22 <!-- todo 此处暂时存放的是不动产单元号标识码，而不是不动产单元号-->
23 <td colspan="4" > 23 <td colspan="4" >
24 <el-input v-model="form.bdcdyh" style="width: 70%"></el-input> 24 <el-input v-model="form.bdcdyh" style="width: 70%" disabled></el-input>
25 <el-button @click.prevent="" size="mini" type="primary" style="width:25%;margin-left:3%">生成</el-button> 25 <el-button @click.prevent="" size="mini" type="primary" style="width:25%;margin-left:3%">生成</el-button>
26 </td> 26 </td>
27 <td colspan="2" align="center" >原不动产单元</td> 27 <td colspan="2" align="center" >原不动产单元</td>
28 <td colspan="4" > 28 <td colspan="4" >
29 <el-input v-model="form.ydybsm"></el-input> 29 <el-input v-model="form.ydybsm" disabled></el-input>
30 </td> 30 </td>
31 </tr> 31 </tr>
32 32
33 <tr height="30"> 33 <tr height="30">
34 <td colspan="2" align="center" >逻辑幢号</td> 34 <td colspan="2" align="center" >逻辑幢号</td>
35 <td colspan="4" > 35 <td colspan="4" >
36 <el-input v-model="form.ljzh"></el-input> 36 <el-input v-model="form.ljzh" disabled></el-input>
37 </td> 37 </td>
38 <td colspan="2" align="center" >层号</td> 38 <td colspan="2" align="center" >层号</td>
39 <td colspan="4" > 39 <td colspan="4" >
40 <el-input v-model="form.ch"></el-input> 40 <el-input v-model="form.ch" disabled></el-input>
41 </td> 41 </td>
42 </tr> 42 </tr>
43 43
44 <tr height="30"> 44 <tr height="30">
45 <td colspan="2" align="center" >实际层数</td> 45 <td colspan="2" align="center" >实际层数</td>
46 <td colspan="4" > 46 <td colspan="4" >
47 <el-input v-model="form.sjcs"></el-input> 47 <el-input v-model="form.sjcs" disabled></el-input>
48 </td> 48 </td>
49 <td colspan="2" align="center" >实际层</td> 49 <td colspan="2" align="center" >实际层</td>
50 <td colspan="4" > 50 <td colspan="4" >
51 <el-input v-model="form.sjc"></el-input> 51 <el-input v-model="form.sjc" disabled></el-input>
52 </td> 52 </td>
53 </tr> 53 </tr>
54 54
55 <tr height="30"> 55 <tr height="30">
56 <td colspan="2" align="center" >所在单元</td> 56 <td colspan="2" align="center" >所在单元</td>
57 <td colspan="4" > 57 <td colspan="4" >
58 <el-input v-model="form.dyhbsm"></el-input> 58 <el-input v-model="form.zdymc" disabled></el-input>
59 </td> 59 </td>
60 <td colspan="2" align="center" >房屋编号</td> 60 <td colspan="2" align="center" >房屋编号</td>
61 <td colspan="4" > 61 <td colspan="4" >
...@@ -68,10 +68,10 @@ ...@@ -68,10 +68,10 @@
68 <td colspan="4" > 68 <td colspan="4" >
69 <el-select v-model="form.fwlxbsm" placeholder="请选择" > 69 <el-select v-model="form.fwlxbsm" placeholder="请选择" >
70 <el-option 70 <el-option
71 v-for="item in options" 71 v-for="item in $store.state.fwlxList"
72 :key="item.value" 72 :key="item.bsm"
73 :label="item.label" 73 :label="item.mc"
74 :value="item.value"> 74 :value="item.bsm">
75 </el-option> 75 </el-option>
76 </el-select> 76 </el-select>
77 </td> 77 </td>
...@@ -79,10 +79,10 @@ ...@@ -79,10 +79,10 @@
79 <td colspan="4" > 79 <td colspan="4" >
80 <el-select v-model="form.fwxzbsm" placeholder="请选择" > 80 <el-select v-model="form.fwxzbsm" placeholder="请选择" >
81 <el-option 81 <el-option
82 v-for="item in options" 82 v-for="item in $store.state.fwxzOptions"
83 :key="item.value" 83 :key="item.bsm"
84 :label="item.label" 84 :label="item.mc"
85 :value="item.value"> 85 :value="item.bsm">
86 </el-option> 86 </el-option>
87 </el-select> 87 </el-select>
88 </td> 88 </td>
...@@ -104,21 +104,21 @@ ...@@ -104,21 +104,21 @@
104 <td colspan="4" > 104 <td colspan="4" >
105 <el-select v-model="form.hxbsm" placeholder="请选择" > 105 <el-select v-model="form.hxbsm" placeholder="请选择" >
106 <el-option 106 <el-option
107 v-for="item in options" 107 v-for="item in $store.state.hxList"
108 :key="item.value" 108 :key="item.bsm"
109 :label="item.label" 109 :label="item.mc"
110 :value="item.value"> 110 :value="item.bsm">
111 </el-option> 111 </el-option>
112 </el-select> 112 </el-select>
113 </td> 113 </td>
114 <td colspan="2" align="center" >户型结构</td> 114 <td colspan="2" align="center" >户型结构</td>
115 <td colspan="4" > 115 <td colspan="4" >
116 <el-select v-model="form.hxbsm" placeholder="请选择" > 116 <el-select v-model="form.hxjgbsm" placeholder="请选择" >
117 <el-option 117 <el-option
118 v-for="item in options" 118 v-for="item in $store.state.hxjgList"
119 :key="item.value" 119 :key="item.bsm"
120 :label="item.label" 120 :label="item.mc"
121 :value="item.value"> 121 :value="item.bsm">
122 </el-option> 122 </el-option>
123 </el-select> 123 </el-select>
124 </td> 124 </td>
...@@ -129,10 +129,10 @@ ...@@ -129,10 +129,10 @@
129 <td colspan="4" > 129 <td colspan="4" >
130 <el-select v-model="form.fwcbbsm" placeholder="请选择" > 130 <el-select v-model="form.fwcbbsm" placeholder="请选择" >
131 <el-option 131 <el-option
132 v-for="item in options" 132 v-for="item in $store.state.cbOptions"
133 :key="item.value" 133 :key="item.bsm"
134 :label="item.label" 134 :label="item.mc"
135 :value="item.value"> 135 :value="item.bsm">
136 </el-option> 136 </el-option>
137 </el-select> 137 </el-select>
138 </td> 138 </td>
...@@ -140,10 +140,10 @@ ...@@ -140,10 +140,10 @@
140 <td colspan="4" > 140 <td colspan="4" >
141 <el-select v-model="form.fwcqlybsm" placeholder="请选择" > 141 <el-select v-model="form.fwcqlybsm" placeholder="请选择" >
142 <el-option 142 <el-option
143 v-for="item in options" 143 v-for="item in $store.state.cqlyOptions"
144 :key="item.value" 144 :key="item.bsm"
145 :label="item.label" 145 :label="item.mc"
146 :value="item.value"> 146 :value="item.bsm">
147 </el-option> 147 </el-option>
148 </el-select> 148 </el-select>
149 </td> 149 </td>
...@@ -153,67 +153,67 @@ ...@@ -153,67 +153,67 @@
153 <td colspan="2" rowspan="6" align="center" >预测</td> 153 <td colspan="2" rowspan="6" align="center" >预测</td>
154 <td colspan="2" align="center" >建筑面积（㎡） </td> 154 <td colspan="2" align="center" >建筑面积（㎡） </td>
155 <td colspan="2" align="center" > 155 <td colspan="2" align="center" >
156 <el-input v-model="form.jzmj"></el-input> 156 <el-input v-model="form.jzmj" :disabled="form.scyclx==='1'"></el-input>
157 </td> 157 </td>
158 <td colspan="2" rowspan="6" align="center" >实测</td> 158 <td colspan="2" rowspan="6" align="center" >实测</td>
159 <td colspan="2" align="center" >建筑面积（㎡）</td> 159 <td colspan="2" align="center" >建筑面积（㎡）</td>
160 <td colspan="2" align="center" > 160 <td colspan="2" align="center" >
161 <el-input v-model="form.jzmj"></el-input> 161 <el-input v-model="form.jzmj" :disabled="form.scyclx==='0'"></el-input>
162 </td> 162 </td>
163 </tr> 163 </tr>
164 <tr height="30"> 164 <tr height="30">
165 <td colspan="2" align="center" >套内建筑面积（㎡））</td> 165 <td colspan="2" align="center" >套内建筑面积（㎡））</td>
166 <td colspan="2" align="center" > 166 <td colspan="2" align="center" >
167 <el-input v-model="form.tnjzmj"></el-input> 167 <el-input v-model="form.tnjzmj" :disabled="form.scyclx==='1'"></el-input>
168 </td> 168 </td>
169 <td colspan="2" align="center" >套内建筑面积（㎡）</td> 169 <td colspan="2" align="center" >套内建筑面积（㎡）</td>
170 <td colspan="2" align="center" > 170 <td colspan="2" align="center" >
171 <el-input v-model="form.tnjzmj"></el-input> 171 <el-input v-model="form.tnjzmj" :disabled="form.scyclx==='0'"></el-input>
172 </td> 172 </td>
173 </tr> 173 </tr>
174 <tr height="30"> 174 <tr height="30">
175 <td colspan="2" align="center" >分摊建筑面积（㎡）</td> 175 <td colspan="2" align="center" >分摊建筑面积（㎡）</td>
176 <td colspan="2" align="center" > 176 <td colspan="2" align="center" >
177 <el-input v-model="form.ftjzmj"></el-input> 177 <el-input v-model="form.ftjzmj" :disabled="form.scyclx==='1'"></el-input>
178 </td> 178 </td>
179 <td colspan="2" align="center" >分摊建筑面积（㎡）</td> 179 <td colspan="2" align="center" >分摊建筑面积（㎡）</td>
180 <td colspan="2" align="center" > 180 <td colspan="2" align="center" >
181 <el-input v-model="form.ftjzmj"></el-input> 181 <el-input v-model="form.ftjzmj" :disabled="form.scyclx==='0'"></el-input>
182 </td> 182 </td>
183 </tr> 183 </tr>
184 <tr height="30"> 184 <tr height="30">
185 <td colspan="2" align="center" >地下部分建筑面积（㎡）</td> 185 <td colspan="2" align="center" >地下部分建筑面积（㎡）</td>
186 <td colspan="2" align="center" > 186 <td colspan="2" align="center" >
187 <el-input v-model="form.dxbfjzmj"></el-input> 187 <el-input v-model="form.dxbfjzmj" :disabled="form.scyclx==='1'"></el-input>
188 </td> 188 </td>
189 <td colspan="2" align="center" >地下部分建筑面积（㎡）</td> 189 <td colspan="2" align="center" >地下部分建筑面积（㎡）</td>
190 <td colspan="2" align="center" > 190 <td colspan="2" align="center" >
191 <el-input v-model="form.dxbfjzmj"></el-input> 191 <el-input v-model="form.dxbfjzmj" :disabled="form.scyclx==='0'"></el-input>
192 </td> 192 </td>
193 </tr> 193 </tr>
194 <tr height="30"> 194 <tr height="30">
195 <td colspan="2" align="center" >其它建筑面积（㎡）</td> 195 <td colspan="2" align="center" >其它建筑面积（㎡）</td>
196 <td colspan="2" align="center" > 196 <td colspan="2" align="center" >
197 <el-input v-model="form.qtjzmj"></el-input> 197 <el-input v-model="form.qtjzmj" :disabled="form.scyclx==='1'"></el-input>
198 </td> 198 </td>
199 <td colspan="2" align="center" >其它建筑面积（㎡）</td> 199 <td colspan="2" align="center" >其它建筑面积（㎡）</td>
200 <td colspan="2" align="center" > 200 <td colspan="2" align="center" >
201 <el-input v-model="form.qtjzmj"></el-input> 201 <el-input v-model="form.qtjzmj" :disabled="form.scyclx==='0'"></el-input>
202 </td> 202 </td>
203 </tr> 203 </tr>
204 <tr height="30"> 204 <tr height="30">
205 <td colspan="2" align="center" >分摊系数</td> 205 <td colspan="2" align="center" >分摊系数</td>
206 <td colspan="2" align="center" > 206 <td colspan="2" align="center" >
207 <el-input v-model="form.ftxs"></el-input> 207 <el-input v-model="form.ftxs" :disabled="form.scyclx==='1'"></el-input>
208 </td> 208 </td>
209 <td colspan="2" align="center" >分摊系数</td> 209 <td colspan="2" align="center" >分摊系数</td>
210 <td colspan="2" align="center" > 210 <td colspan="2" align="center" >
211 <el-input v-model="form.ftxs"></el-input> 211 <el-input v-model="form.ftxs" :disabled="form.scyclx==='0'"></el-input>
212 </td> 212 </td>
213 </tr> 213 </tr>
214 214
215 215
216 <tr height="30" v-for="(item1,index) in form.ytList" :key="index"> 216 <tr height="30" v-for="(item1,index) in form.fwytList" :key="index">
217 <td v-if="index===0" colspan="2" :rowspan="ytTitleRowspan" align="center" id="ytTitle"> 217 <td v-if="index===0" colspan="2" :rowspan="ytTitleRowspan" align="center" id="ytTitle">
218 <el-button type="primary" size="mini" style="margin-right: 10px" @click="addYtInfo">添加</el-button> 218 <el-button type="primary" size="mini" style="margin-right: 10px" @click="addYtInfo">添加</el-button>
219 <span>用途</span> 219 <span>用途</span>
...@@ -226,10 +226,10 @@ ...@@ -226,10 +226,10 @@
226 <td width="30" colspan="4" align="center" > 226 <td width="30" colspan="4" align="center" >
227 <el-select v-model="item1.fwytzdbsm" placeholder="请选择" > 227 <el-select v-model="item1.fwytzdbsm" placeholder="请选择" >
228 <el-option 228 <el-option
229 v-for="item in options" 229 v-for="item in $store.state.fwytList"
230 :key="item.value" 230 :key="item.bsm"
231 :label="item.label" 231 :label="item.mc"
232 :value="item.value"> 232 :value="item.bsm">
233 </el-option> 233 </el-option>
234 </el-select> 234 </el-select>
235 </td> 235 </td>
...@@ -237,10 +237,10 @@ ...@@ -237,10 +237,10 @@
237 <td width="30" colspan="4" align="center" > 237 <td width="30" colspan="4" align="center" >
238 <el-select v-model="item1.fwsjytbsm" placeholder="请选择" > 238 <el-select v-model="item1.fwsjytbsm" placeholder="请选择" >
239 <el-option 239 <el-option
240 v-for="item in options" 240 v-for="item in $store.state.fwytList"
241 :key="item.value" 241 :key="item.bsm"
242 :label="item.label" 242 :label="item.mc"
243 :value="item.value"> 243 :value="item.bsm">
244 </el-option> 244 </el-option>
245 </el-select> 245 </el-select>
246 </td> 246 </td>
...@@ -257,10 +257,10 @@ ...@@ -257,10 +257,10 @@
257 <td colspan="9" > 257 <td colspan="9" >
258 <el-select v-model="item1.fwjgzdbsm" placeholder="请选择" > 258 <el-select v-model="item1.fwjgzdbsm" placeholder="请选择" >
259 <el-option 259 <el-option
260 v-for="item in options" 260 v-for="item in $store.state.fwjgList"
261 :key="item.value" 261 :key="item.bsm"
262 :label="item.label" 262 :label="item.mc"
263 :value="item.value"> 263 :value="item.bsm">
264 </el-option> 264 </el-option>
265 </el-select> 265 </el-select>
266 </td> 266 </td>
...@@ -376,6 +376,7 @@ ...@@ -376,6 +376,7 @@
376 <script> 376 <script>
377 import Qlr from "./../../../../../components/formMenu/qlr"; 377 import Qlr from "./../../../../../components/formMenu/qlr";
378 import Qlxz from "./../../../../../components/formMenu/qlxz_simple"; 378 import Qlxz from "./../../../../../components/formMenu/qlxz_simple";
379 import {getQjHDetailByBsm,updateQjH} from "./../../../../../api/h"
379 export default { 380 export default {
380 name:'zrz', 381 name:'zrz',
381 components:{ 382 components:{
...@@ -388,6 +389,7 @@ ...@@ -388,6 +389,7 @@
388 data () { 389 data () {
389 return { 390 return {
390 form:{ 391 form:{
392 bsm:'',//户标识码
391 zrzbsm:'', //自然幢标识码 393 zrzbsm:'', //自然幢标识码
392 ljzbsm:'', //逻辑幢标识码 394 ljzbsm:'', //逻辑幢标识码
393 ljzh:'', //逻辑幢号 395 ljzh:'', //逻辑幢号
...@@ -402,6 +404,7 @@ ...@@ -402,6 +404,7 @@
402 sjcs:'', //实际层数 404 sjcs:'', //实际层数
403 hh:'', //户号 405 hh:'', //户号
404 hxbsm:'', //户型标识码 406 hxbsm:'', //户型标识码
407 hxjgbsm:'', //户型结构标识码
405 dltdmj:'', //独立使用土地面积 408 dltdmj:'', //独立使用土地面积
406 fttdmj:'', //分摊土地使用面积 409 fttdmj:'', //分摊土地使用面积
407 gytdmj:'', //共有土地面积 410 gytdmj:'', //共有土地面积
...@@ -426,12 +429,12 @@ ...@@ -426,12 +429,12 @@
426 dxbfjzmj:'', //地下部分建筑面积 429 dxbfjzmj:'', //地下部分建筑面积
427 qtjzmj:'', //其它建筑面积 430 qtjzmj:'', //其它建筑面积
428 ftxs:'', //分摊系数 431 ftxs:'', //分摊系数
429 scyclx:'', //实预测类型(0:预测，1:实测;),区别户是实测还是预测数据 432 scyclx:'0', //实预测类型(0:预测，1:实测;),区别户是实测还是预测数据
430 scycglbsm:'', //实测预测关联标识码 433 scycglbsm:'', //实测预测关联标识码
431 bz:'', //备注 434 bz:'', //备注
432 name:'', 435 name:'',
433 date:'', 436 date:'',
434 ytList:[{ 437 fwytList:[{
435 glbsm:'', //关联标识码 438 glbsm:'', //关联标识码
436 fwytzdbsm:'', //房屋用途字典标识码 439 fwytzdbsm:'', //房屋用途字典标识码
437 sx:'', //顺序 440 sx:'', //顺序
...@@ -452,22 +455,6 @@ ...@@ -452,22 +455,6 @@
452 }], //土地用途新增实体列表 455 }], //土地用途新增实体列表
453 }] 456 }]
454 }, 457 },
455 options: [{
456 value: '选项1',
457 label: '黄金糕'
458 }, {
459 value: '选项2',
460 label: '双皮奶'
461 }, {
462 value: '选项3',
463 label: '蚵仔煎'
464 }, {
465 value: '选项4',
466 label: '龙须面'
467 }, {
468 value: '选项5',
469 label: '北京烤鸭'
470 }],
471 value: '', 458 value: '',
472 ytTitleRowspan:1, //用途的单元格垂直合并数量 459 ytTitleRowspan:1, //用途的单元格垂直合并数量
473 fwjgTitleRowspan:1, //房屋结构的单元格垂直合并数量 460 fwjgTitleRowspan:1, //房屋结构的单元格垂直合并数量
...@@ -475,23 +462,23 @@ ...@@ -475,23 +462,23 @@
475 }, 462 },
476 methods: { 463 methods: {
477 addYtInfo(){ 464 addYtInfo(){
478 this.form.ytList.push({ 465 this.form.fwytList.push({
479 glbsm:'', 466 glbsm:'',
480 fwytzdbsm:'', 467 fwytzdbsm:'',
481 fwsjytbsm:'', 468 fwsjytbsm:'',
482 sx:'', 469 sx:'',
483 }); 470 });
484 this.ytTitleRowspan=this.form.ytList.length; 471 this.ytTitleRowspan=this.form.fwytList.length;
485 }, 472 },
486 deleteYtInfo(index){ 473 deleteYtInfo(index){
487 if(this.form.ytList.length<=1){ 474 if(this.form.fwytList.length<=1){
488 this.$message({ 475 this.$message({
489 message: '不能删除，最少含有一条用途信息', 476 message: '不能删除，最少含有一条用途信息',
490 type: 'warning' 477 type: 'warning'
491 }); 478 });
492 }else{ 479 }else{
493 this.form.ytList.splice(index,1); 480 this.form.fwytList.splice(index,1);
494 this.ytTitleRowspan=this.form.ytList.length; 481 this.ytTitleRowspan=this.form.fwytList.length;
495 } 482 }
496 }, 483 },
497 addFwjgInfo(){ 484 addFwjgInfo(){
...@@ -517,11 +504,94 @@ ...@@ -517,11 +504,94 @@
517 getHInfo(hbsm){ 504 getHInfo(hbsm){
518 this.bsm = hbsm; 505 this.bsm = hbsm;
519 console.log(hbsm); 506 console.log(hbsm);
507 getQjHDetailByBsm(hbsm).then((res)=>{
508 if(res.code===200){
509 this.form = res.result;
510 if(res.result.fwytList.length===0){
511 this.form.fwytList.push({
512 glbsm:'', //关联标识码
513 fwytzdbsm:'', //房屋用途字典标识码
514 sx:'', //顺序
515 fwsjytbsm:'', //房屋实际用途字典标识码
516 })
517 }
518 if(res.result.fwjgList.length===0){
519 this.form.fwjgList.push({
520 fwjgzdbsm:'', //房屋结构字典标识码
521 glbsm:'', //关联标识码
522 sx:'', //顺序
523 })
524 }
525 this.fwjgTitleRowspan=this.form.fwjgList.length;
526 this.ytTitleRowspan=this.form.fwytList.length;
527 if(res.result.qjQlxzListVOS.length>0){
528 if(res.result.qjQlxzListVOS[0].list.length<1){
529 res.result.qjQlxzListVOS[0].list.push({
530 "pzdjbsm": "",
531 "pzdjmc": "",
532 "pzytdm": "",
533 "pzytmc": "",
534 "pzytmj": 0,
535 "qlxzbsm": "",
536 "sjdjbsm": "",
537 "sjdjmc": "",
538 "sjytdm": "",
539 "sjytmc": "",
540 "sjytmj": 0,
541 "syqx": "",
542 "tdsyjssj": "",
543 "tdsyqssj": "",
544 "tdzh": ""
545 })
546 }
547 //权利性质数据传给子组件
548 this.$refs.qlxzModule.countList = res.result.qjQlxzListVOS
549 }else {
550 this.$refs.qlxzModule.countList = [
551 {
552 id: Math.random(),
553 isInside: false,
554 hasNotBorder: false,
555 "bsm": "",//权利性质标识码
556 "glbsm": "",//宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM
557 "qlxzdm": "",
558 "zhqlxzlx": "", //除宗海数据外，默认都是空；0:用海类型权利性质;2:海岛用途权利性质
559 list:[
560 {
561 "pzdjbsm": "",
562 "pzdjmc": "",
563 "pzytdm": "",
564 "pzytmc": "",
565 "pzytmj": 0,
566 "qlxzbsm": "",
567 "sjdjbsm": "",
568 "sjdjmc": "",
569 "sjytdm": "",
570 "sjytmc": "",
571 "sjytmj": 0,
572 "syqx": "",
573 "tdsyjssj": "",
574 "tdsyqssj": "",
575 "tdzh": ""
576 }
577 ]
578 },
579 ]
580 }
581 }
582 })
520 }, 583 },
521 //保存户信息 584 //保存户信息
522 onSave(bsm,yclx){ 585 onSave(bsm,yclx){
523 console.log(bsm); 586 console.log(bsm);
524 console.log(yclx) 587 console.log(yclx)
588 this.form.bsm=bsm;
589 this.form.qlxzList= this.$refs.qlxzModule.getQlxzDataList();
590 updateQjH(this.form).then((res)=>{
591 if(res.code===200){
592 this.$message.success("保存成功！")
593 }
594 })
525 }, 595 },
526 onReset(){ 596 onReset(){
527 597
......