修改查询权利信息内容
Showing
8 changed files
with
318 additions
and
325 deletions
... | @@ -11,7 +11,8 @@ | ... | @@ -11,7 +11,8 @@ |
11 | ref="ruleForm" | 11 | ref="ruleForm" |
12 | :label-position="flag ? 'top' : ''" | 12 | :label-position="flag ? 'top' : ''" |
13 | :inline="flag" | 13 | :inline="flag" |
14 | label-width="130px"> | 14 | label-width="130px" |
15 | > | ||
15 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 16 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
16 | <div class="slxx_title title-block"> | 17 | <div class="slxx_title title-block"> |
17 | 受理信息 | 18 | 受理信息 |
... | @@ -37,16 +38,12 @@ | ... | @@ -37,16 +38,12 @@ |
37 | <el-row :gutter="10" v-if="ruleForm.slsq"> | 38 | <el-row :gutter="10" v-if="ruleForm.slsq"> |
38 | <el-col :span="8" v-if="ruleForm.sldyList.length > 0"> | 39 | <el-col :span="8" v-if="ruleForm.sldyList.length > 0"> |
39 | <el-form-item label="权利类型:"> | 40 | <el-form-item label="权利类型:"> |
40 | <el-input | 41 | <el-input disabled v-model="ruleForm.sldyList[0].qllxmc"></el-input> |
41 | disabled | ||
42 | v-model="ruleForm.sldyList[0].qllxmc"></el-input> | ||
43 | </el-form-item> | 42 | </el-form-item> |
44 | </el-col> | 43 | </el-col> |
45 | <el-col :span="8" v-if="ruleForm.sldyList.length > 0"> | 44 | <el-col :span="8" v-if="ruleForm.sldyList.length > 0"> |
46 | <el-form-item label="登记类型:"> | 45 | <el-form-item label="登记类型:"> |
47 | <el-input | 46 | <el-input disabled v-model="ruleForm.sldyList[0].djlxmc"></el-input> |
48 | disabled | ||
49 | v-model="ruleForm.sldyList[0].djlxmc"></el-input> | ||
50 | </el-form-item> | 47 | </el-form-item> |
51 | </el-col> | 48 | </el-col> |
52 | <el-col :span="8"> | 49 | <el-col :span="8"> |
... | @@ -56,34 +53,61 @@ | ... | @@ -56,34 +53,61 @@ |
56 | </el-col> | 53 | </el-col> |
57 | </el-row> | 54 | </el-row> |
58 | <div class="slxx_title title-block"> | 55 | <div class="slxx_title title-block"> |
59 | 房屋概况 | 56 | 房屋批量情况 |
60 | <div class="triangle"></div> | 57 | <div class="triangle"></div> |
61 | </div> | 58 | </div> |
62 | <el-row :gutter="10" v-if="ruleForm.zdjbxx"> | 59 | <el-row :gutter="10" v-if="ruleForm.zdjbxx"> |
63 | <el-col :span="8"> | 60 | <el-col :span="8"> |
64 | <el-form-item label="规划用途名称:"> | 61 | <el-form-item label="宗地面积:"> |
62 | <div class="flex"> | ||
63 | <el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input> | ||
64 | <el-select disabled v-model="ruleForm.zdjbxx.mjdw" style="width: 68px"> | ||
65 | <el-option | ||
66 | v-for="item in dictData['A7']" | ||
67 | :key="item.dcode" | ||
68 | :label="item.dname" | ||
69 | :value="item.dcode" | ||
70 | ></el-option> | ||
71 | </el-select> | ||
72 | </div> | ||
73 | </el-form-item> | ||
74 | </el-col> | ||
75 | <el-col :span="8"> | ||
76 | <el-form-item label="土地性质:"> | ||
65 | <el-input disabled v-model="ruleForm.zdjbxx.ghytmc"></el-input> | 77 | <el-input disabled v-model="ruleForm.zdjbxx.ghytmc"></el-input> |
66 | </el-form-item> | 78 | </el-form-item> |
67 | </el-col> | 79 | </el-col> |
68 | <el-col :span="8"> | 80 | <el-col :span="8"> |
69 | <el-form-item label="权利设定方式名称:"> | 81 | <el-form-item label="土地用途:"> |
70 | <el-input disabled v-model="ruleForm.zdjbxx.qlsdfsmc"></el-input> | 82 | <el-input disabled v-model="ruleForm.zdjbxx.ghytmc"></el-input> |
71 | </el-form-item> | 83 | </el-form-item> |
72 | </el-col> | 84 | </el-col> |
85 | </el-row> | ||
86 | <el-row :gutter="10" v-if="ruleForm.zdjbxx"> | ||
73 | <el-col :span="8"> | 87 | <el-col :span="8"> |
74 | <el-form-item label="房屋性质:"> | 88 | <el-form-item label="房屋性质:"> |
89 | <el-input disabled v-model="ruleForm.zdjbxx.qlsdfsmc"></el-input> | ||
90 | </el-form-item> | ||
91 | </el-col> | ||
92 | <el-col :span="8"> | ||
93 | <el-form-item label="房屋用途:"> | ||
75 | <el-input disabled v-model="splicingFdcq2.fwxz"></el-input> | 94 | <el-input disabled v-model="splicingFdcq2.fwxz"></el-input> |
76 | </el-form-item> | 95 | </el-form-item> |
77 | </el-col> | 96 | </el-col> |
78 | </el-row> | ||
79 | <el-row :gutter="10" v-if="ruleForm.zdjbxx"> | ||
80 | <el-col :span="8"> | 97 | <el-col :span="8"> |
81 | <el-form-item label="房屋结构:"> | 98 | <el-form-item label="房屋结构:"> |
82 | <el-input disabled v-model="splicingFdcq2.fwjg"></el-input> | 99 | <el-input disabled v-model="splicingFdcq2.fwjg"></el-input> |
83 | </el-form-item> | 100 | </el-form-item> |
84 | </el-col> | 101 | </el-col> |
102 | </el-row> | ||
103 | <el-row :gutter="10" v-if="ruleForm.zdjbxx"> | ||
85 | <el-col :span="8"> | 104 | <el-col :span="8"> |
86 | <el-form-item label="建筑总面积:"> | 105 | <el-form-item label="房屋总层数:"> |
106 | <el-input disabled v-model="ruleForm.fdcq2List[0].zcs"></el-input> | ||
107 | </el-form-item> | ||
108 | </el-col> | ||
109 | <el-col :span="8"> | ||
110 | <el-form-item label="房屋总建筑面积:"> | ||
87 | <el-input disabled v-model="splicingFdcq2.jzmj"></el-input> | 111 | <el-input disabled v-model="splicingFdcq2.jzmj"></el-input> |
88 | </el-form-item> | 112 | </el-form-item> |
89 | </el-col> | 113 | </el-col> |
... | @@ -94,6 +118,11 @@ | ... | @@ -94,6 +118,11 @@ |
94 | </el-col> | 118 | </el-col> |
95 | </el-row> | 119 | </el-row> |
96 | <el-row :gutter="10" v-if="ruleForm.slsq"> | 120 | <el-row :gutter="10" v-if="ruleForm.slsq"> |
121 | <el-col :span="8"> | ||
122 | <el-form-item label="竣工时间:"> | ||
123 | <el-input disabled v-model="splicingFdcq2.jzmj"></el-input> | ||
124 | </el-form-item> | ||
125 | </el-col> | ||
97 | <el-col :span="5"> | 126 | <el-col :span="5"> |
98 | <el-form-item label="发证方式:"> | 127 | <el-form-item label="发证方式:"> |
99 | <el-radio-group v-model="ruleForm.slsq.fzfs"> | 128 | <el-radio-group v-model="ruleForm.slsq.fzfs"> |
... | @@ -113,7 +142,8 @@ | ... | @@ -113,7 +142,8 @@ |
113 | <el-radio-group | 142 | <el-radio-group |
114 | :disabled="!ableOperation" | 143 | :disabled="!ableOperation" |
115 | @change="showCZInfo" | 144 | @change="showCZInfo" |
116 | v-model="ruleForm.sldyList[0].gyfs"> | 145 | v-model="ruleForm.sldyList[0].gyfs" |
146 | > | ||
117 | <el-radio label="0">单独所有</el-radio> | 147 | <el-radio label="0">单独所有</el-radio> |
118 | <el-radio label="1">共同共有</el-radio> | 148 | <el-radio label="1">共同共有</el-radio> |
119 | <el-radio label="2">按份所有</el-radio> | 149 | <el-radio label="2">按份所有</el-radio> |
... | @@ -124,36 +154,30 @@ | ... | @@ -124,36 +154,30 @@ |
124 | 154 | ||
125 | <el-col :span="6" v-if="ruleForm.sldyList[0].gyfs!=0"> | 155 | <el-col :span="6" v-if="ruleForm.sldyList[0].gyfs!=0"> |
126 | <el-form-item label="是否分别持证:"> | 156 | <el-form-item label="是否分别持证:"> |
127 | <el-radio-group | 157 | <el-radio-group v-model="ruleForm.sldyList[0].sqfbcz" :disabled="!ableOperation"> |
128 | v-model="ruleForm.sldyList[0].sqfbcz" | ||
129 | :disabled="!ableOperation"> | ||
130 | <el-radio :label="1">是</el-radio> | 158 | <el-radio :label="1">是</el-radio> |
131 | <el-radio :label="0">否</el-radio> | 159 | <el-radio :label="0">否</el-radio> |
132 | </el-radio-group> | 160 | </el-radio-group> |
133 | </el-form-item> | 161 | </el-form-item> |
134 | </el-col> | 162 | </el-col> |
135 | <el-col | 163 | <el-col :span="6" v-if="ruleForm.sldyList[0].gyfs!=0"> |
136 | :span="6" v-if="ruleForm.sldyList[0].gyfs!=0"> | ||
137 | <el-form-item label="持证人:"> | 164 | <el-form-item label="持证人:"> |
138 | <el-select | 165 | <el-select v-model="ruleForm.czr" placeholder="持证人" :disabled="!ableOperation"> |
139 | v-model="ruleForm.czr" | ||
140 | placeholder="持证人" | ||
141 | :disabled="!ableOperation"> | ||
142 | <el-option | 166 | <el-option |
143 | v-for="item in czrOptions" | 167 | v-for="item in czrOptions" |
144 | :key="item.zjh" | 168 | :key="item.zjh" |
145 | :label="item.sqrmc" | 169 | :label="item.sqrmc" |
146 | :value="item.zjh"> | 170 | :value="item.zjh" |
147 | </el-option> | 171 | ></el-option> |
148 | </el-select> | 172 | </el-select> |
149 | </el-form-item> | 173 | </el-form-item> |
150 | </el-col> | 174 | </el-col> |
151 | |||
152 | </el-row> | 175 | </el-row> |
153 | <qlrCommonTable | 176 | <qlrCommonTable |
154 | @upDateQlrxxList="upDateQlrxxList" | 177 | @upDateQlrxxList="upDateQlrxxList" |
155 | :tableData="ruleForm.qlrList" | 178 | :tableData="ruleForm.qlrList" |
156 | :gyfs="ruleForm.sldyList[0].gyfs" /> | 179 | :gyfs="ruleForm.sldyList[0].gyfs" |
180 | /> | ||
157 | <div class="slxx_title title-block"> | 181 | <div class="slxx_title title-block"> |
158 | 登记原因 | 182 | 登记原因 |
159 | <div class="triangle"></div> | 183 | <div class="triangle"></div> |
... | @@ -164,10 +188,11 @@ | ... | @@ -164,10 +188,11 @@ |
164 | <el-input | 188 | <el-input |
165 | class="textArea" | 189 | class="textArea" |
166 | type="textarea" | 190 | type="textarea" |
167 | maxlength="500" show-word-limit | 191 | maxlength="500" |
192 | show-word-limit | ||
168 | :disabled="!ableOperation" | 193 | :disabled="!ableOperation" |
169 | v-model="ruleForm.fdcq2List[0].djyy"> | 194 | v-model="ruleForm.fdcq2List[0].djyy" |
170 | </el-input> | 195 | ></el-input> |
171 | </el-form-item> | 196 | </el-form-item> |
172 | </el-col> | 197 | </el-col> |
173 | </el-row> | 198 | </el-row> |
... | @@ -181,246 +206,253 @@ | ... | @@ -181,246 +206,253 @@ |
181 | </div> | 206 | </div> |
182 | </template> | 207 | </template> |
183 | <script> | 208 | <script> |
184 | import ywmix from "@/views/ywbl/mixin/index" | 209 | import ywmix from "@/views/ywbl/mixin/index"; |
185 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 210 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
186 | import { BatchInit, Init, saveBatchData, saveData } from "@/api/workflow/fwsyqFlow.js"; | 211 | import { |
187 | import { mapGetters } from "vuex"; | 212 | BatchInit, |
188 | export default { | 213 | Init, |
189 | mixins: [ywmix], | 214 | saveBatchData, |
190 | computed: { | 215 | saveData, |
191 | ...mapGetters(["dictData", "flag"]), | 216 | } from "@/api/workflow/fwsyqFlow.js"; |
192 | }, | 217 | import { mapGetters } from "vuex"; |
193 | components: { qlrCommonTable }, | 218 | export default { |
219 | mixins: [ywmix], | ||
220 | computed: { | ||
221 | ...mapGetters(["dictData", "flag"]), | ||
222 | }, | ||
223 | components: { qlrCommonTable }, | ||
194 | 224 | ||
225 | // 更新义务人信息 | ||
226 | /** | ||
227 | * @description: 更新义务人信息 | ||
228 | * @param {*} val | ||
229 | * @author: renchao | ||
230 | */ | ||
231 | upDateYwrxxList(val) { | ||
232 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
233 | }, | ||
234 | data() { | ||
235 | return { | ||
236 | disabled: true, | ||
237 | tdytOption: [], | ||
238 | ruleForm: { | ||
239 | cfdjList: [], //查封登记 | ||
240 | diyaqList: [], //抵押权 | ||
241 | fdcq2List: [], //房屋信息集合 | ||
242 | qlrList: [], //权利人 | ||
243 | ywrList: [], //义务人 | ||
244 | qlxxList: [], //权利信息集合 | ||
245 | sldyList: [], //受理不动产单元集合 | ||
246 | slsq: {}, //受理申请流程明细 | ||
247 | flow: {}, //受理申请流程明细 | ||
248 | sqrList: [], //申请人 | ||
249 | ssQlxxList: [], //上手权利信息 | ||
250 | user: {}, //用户 | ||
251 | zdjbxx: {}, //宗地基本信息 | ||
252 | }, | ||
253 | czrOptions: [], | ||
254 | //传递参数 | ||
255 | propsParam: this.$attrs, | ||
256 | //表单是否可操作 | ||
257 | ableOperation: true, | ||
258 | rules: {}, | ||
259 | gyfs: "", | ||
260 | bsmSlsq: this.$route.query.bsmSlsq, //受理申请标识码 | ||
261 | splicingFdcq2: { | ||
262 | //前端根据后台数组组装展示内容 | ||
263 | tdxz:"",//土地性质 | ||
264 | fwxz: "", //房屋性质 | ||
265 | fwjg: "", //房屋结构 | ||
266 | jzmj: "", //建筑面积 | ||
267 | zts: "", //房屋总套数 | ||
268 | }, | ||
269 | }; | ||
270 | }, | ||
271 | mounted(callbackfn, thisArg) { | ||
272 | this.ableOperation = this.$parent.currentSelectTab.ableOperation; | ||
273 | this.propsParam = this.$attrs; | ||
274 | var formdata = new FormData(); | ||
275 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ||
276 | formdata.append("djlx", this.propsParam.djlx); | ||
277 | formdata.append("bsmSlsq", this.bsmSlsq); | ||
278 | formdata.append("isEdit", this.ableOperation); | ||
279 | BatchInit(formdata).then((res) => { | ||
280 | if (res.code == 200) { | ||
281 | this.ruleForm = res.result; | ||
282 | this.czrOptions = this.ruleForm.qlrList; | ||
283 | this.gyfs = this.ruleForm.sldyList[0].gyfs; | ||
284 | this.splicingFdcq2Info(); | ||
285 | } | ||
286 | }); | ||
287 | }, | ||
288 | methods: { | ||
289 | //组装房地产权通用信息 | ||
290 | /** | ||
291 | * @description: 组装房地产权通用信息 | ||
292 | * @author: renchao | ||
293 | */ | ||
294 | splicingFdcq2Info() { | ||
295 | let fdcq2List = this.ruleForm.fdcq2List; | ||
296 | let fwxzArr = []; | ||
297 | let fwjgArr = []; | ||
298 | let jzmj = 0; | ||
299 | fdcq2List.forEach((fdcq2) => { | ||
300 | fwxzArr.push(fdcq2.fwxzmc); | ||
301 | fwjgArr.push(fdcq2.fwjgmc); | ||
302 | jzmj += parseFloat(fdcq2.jzmj); | ||
303 | }); | ||
304 | //将数据转为字符串 | ||
305 | //房屋性质 | ||
306 | let fwxz = Array.from(new Set(fwxzArr)).join(","); | ||
307 | //房屋结构 | ||
308 | let fwjg = Array.from(new Set(fwjgArr)).join(","); | ||
309 | this.splicingFdcq2.fwxz = fwxz; | ||
310 | this.splicingFdcq2.fwjg = fwjg; | ||
311 | this.splicingFdcq2.jzmj = jzmj == null ? 0 : jzmj; | ||
312 | this.splicingFdcq2.zts = fdcq2List.length; | ||
313 | }, | ||
314 | /** | ||
315 | * @description: 更新权利人信息 | ||
316 | * @param {*} val | ||
317 | * @author: renchao | ||
318 | */ | ||
319 | upDateQlrxxList(val) { | ||
320 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
321 | this.czrOptions = this.ruleForm.qlrList; | ||
322 | }, | ||
323 | /** | ||
324 | * @description: showCZInfo | ||
325 | * @author: renchao | ||
326 | */ | ||
327 | showCZInfo() { | ||
328 | // console.log(this.ruleForm.slsq.gyfs); | ||
329 | }, | ||
195 | // 更新义务人信息 | 330 | // 更新义务人信息 |
196 | /** | 331 | /** |
197 | * @description: 更新义务人信息 | 332 | * @description: 更新义务人信息 |
198 | * @param {*} val | 333 | * @param {*} val |
199 | * @author: renchao | 334 | * @author: renchao |
200 | */ | 335 | */ |
201 | upDateYwrxxList (val) { | 336 | upDateYwrxxList(val) { |
202 | this.ruleForm.ywrList = _.cloneDeep(val); | 337 | this.ruleForm.ywrList = _.cloneDeep(val); |
203 | }, | 338 | }, |
204 | data () { | 339 | /** |
205 | return { | 340 | * @description: onSubmit |
206 | disabled: true, | 341 | * @author: renchao |
207 | tdytOption: [], | 342 | */ |
208 | ruleForm: { | 343 | onSubmit() { |
209 | cfdjList: []//查封登记 | 344 | if (this.ruleForm.sldyList[0].gyfs == "0") { |
210 | , diyaqList: []//抵押权 | 345 | if (this.ruleForm.qlrList.length > 1) { |
211 | , fdcq2List: []//房屋信息集合 | 346 | this.$message({ |
212 | , qlrList: []//权利人 | 347 | showClose: true, |
213 | , ywrList: []//义务人 | 348 | message: "共有方式:单独所有,权利人只能是一个人", |
214 | , qlxxList: []//权利信息集合 | 349 | type: "error", |
215 | , sldyList: []//受理不动产单元集合 | 350 | }); |
216 | , slsq: {}//受理申请流程明细 | 351 | return false; |
217 | , flow: {}//受理申请流程明细 | ||
218 | , sqrList: []//申请人 | ||
219 | , ssQlxxList: []//上手权利信息 | ||
220 | , user: {}//用户 | ||
221 | , zdjbxx: {}//宗地基本信息 | ||
222 | }, | ||
223 | czrOptions: [], | ||
224 | //传递参数 | ||
225 | propsParam: this.$attrs, | ||
226 | //表单是否可操作 | ||
227 | ableOperation: true, | ||
228 | rules: {}, | ||
229 | gyfs: "", | ||
230 | bsmSlsq: this.$route.query.bsmSlsq,//受理申请标识码 | ||
231 | splicingFdcq2: {//前端根据后台数组组装展示内容 | ||
232 | fwxz: ''//房屋性质 | ||
233 | , fwjg: ''//房屋结构 | ||
234 | , jzmj: '' //建筑面积 | ||
235 | , zts: ''//房屋总套数 | ||
236 | } | 352 | } |
237 | } | 353 | } else { |
238 | }, | 354 | if (this.ruleForm.qlrList.length <= 1) { |
239 | mounted (callbackfn, thisArg) { | 355 | this.$message({ |
240 | this.ableOperation = this.$parent.currentSelectTab.ableOperation | 356 | showClose: true, |
241 | this.propsParam = this.$attrs; | 357 | message: |
242 | var formdata = new FormData(); | 358 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", |
243 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 359 | type: "error", |
244 | formdata.append("djlx", this.propsParam.djlx); | 360 | }); |
245 | formdata.append("bsmSlsq", this.bsmSlsq); | 361 | return false; |
246 | formdata.append("isEdit", this.ableOperation); | ||
247 | BatchInit(formdata).then((res) => { | ||
248 | if (res.code == 200) { | ||
249 | this.ruleForm = res.result; | ||
250 | this.czrOptions = this.ruleForm.qlrList; | ||
251 | this.gyfs = this.ruleForm.sldyList[0].gyfs | ||
252 | this.splicingFdcq2Info(); | ||
253 | } | 362 | } |
254 | }) | 363 | } |
255 | }, | 364 | saveBatchData(this.ruleForm).then((res) => { |
256 | methods: { | 365 | if (res.code === 200) { |
257 | //组装房地产权通用信息 | 366 | this.$message({ |
258 | /** | 367 | showClose: true, |
259 | * @description: 组装房地产权通用信息 | 368 | message: "保存成功!", |
260 | * @author: renchao | 369 | type: "success", |
261 | */ | 370 | }); |
262 | splicingFdcq2Info () { | 371 | this.$store.dispatch("user/refreshPage", true); |
263 | let fdcq2List = this.ruleForm.fdcq2List; | ||
264 | let fwxzArr = []; | ||
265 | let fwjgArr = []; | ||
266 | let jzmj = 0; | ||
267 | fdcq2List.forEach(fdcq2 => { | ||
268 | fwxzArr.push(fdcq2.fwxzmc); | ||
269 | fwjgArr.push(fdcq2.fwjgmc); | ||
270 | jzmj += parseFloat(fdcq2.jzmj); | ||
271 | }) | ||
272 | //将数据转为字符串 | ||
273 | //房屋性质 | ||
274 | let fwxz = Array.from(new Set(fwxzArr)).join(","); | ||
275 | //房屋结构 | ||
276 | let fwjg = Array.from(new Set(fwjgArr)).join(","); | ||
277 | this.splicingFdcq2.fwxz = fwxz; | ||
278 | this.splicingFdcq2.fwjg = fwjg; | ||
279 | this.splicingFdcq2.jzmj = jzmj == null ? 0 : jzmj; | ||
280 | this.splicingFdcq2.zts = fdcq2List.length; | ||
281 | |||
282 | }, | ||
283 | /** | ||
284 | * @description: 更新权利人信息 | ||
285 | * @param {*} val | ||
286 | * @author: renchao | ||
287 | */ | ||
288 | upDateQlrxxList (val) { | ||
289 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
290 | this.czrOptions = this.ruleForm.qlrList; | ||
291 | }, | ||
292 | /** | ||
293 | * @description: showCZInfo | ||
294 | * @author: renchao | ||
295 | */ | ||
296 | showCZInfo () { | ||
297 | // console.log(this.ruleForm.slsq.gyfs); | ||
298 | }, | ||
299 | // 更新义务人信息 | ||
300 | /** | ||
301 | * @description: 更新义务人信息 | ||
302 | * @param {*} val | ||
303 | * @author: renchao | ||
304 | */ | ||
305 | upDateYwrxxList (val) { | ||
306 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
307 | }, | ||
308 | /** | ||
309 | * @description: onSubmit | ||
310 | * @author: renchao | ||
311 | */ | ||
312 | onSubmit () { | ||
313 | if (this.ruleForm.sldyList[0].gyfs == "0") { | ||
314 | if (this.ruleForm.qlrList.length > 1) { | ||
315 | this.$message({ | ||
316 | showClose: true, | ||
317 | message: "共有方式:单独所有,权利人只能是一个人", | ||
318 | type: "error", | ||
319 | }); | ||
320 | return false; | ||
321 | } | ||
322 | } else { | 372 | } else { |
323 | if (this.ruleForm.qlrList.length <= 1) { | 373 | this.$message({ |
324 | this.$message({ | 374 | showClose: true, |
325 | showClose: true, | 375 | message: res.message, |
326 | message: "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | 376 | type: "error", |
327 | type: "error", | 377 | }); |
328 | }); | ||
329 | return false; | ||
330 | } | ||
331 | } | 378 | } |
332 | saveBatchData(this.ruleForm).then((res) => { | 379 | }); |
333 | if (res.code === 200) { | 380 | }, |
334 | this.$message({ | 381 | }, |
335 | showClose: true, | 382 | }; |
336 | message: "保存成功!", | ||
337 | type: "success", | ||
338 | }); | ||
339 | this.$store.dispatch('user/refreshPage', true); | ||
340 | } else { | ||
341 | this.$message({ | ||
342 | showClose: true, | ||
343 | message: res.message, | ||
344 | type: "error" | ||
345 | }) | ||
346 | } | ||
347 | }) | ||
348 | } | ||
349 | } | ||
350 | } | ||
351 | </script> | 383 | </script> |
352 | <style scoped lang="scss"> | 384 | <style scoped lang="scss"> |
353 | @import "~@/styles/public.scss"; | 385 | @import "~@/styles/public.scss"; |
354 | 386 | ||
355 | /deep/.el-form { | 387 | /deep/.el-form { |
356 | display: flex; | 388 | display: flex; |
357 | flex-direction: column; | 389 | flex-direction: column; |
358 | height: calc(100vh - 130px); | 390 | height: calc(100vh - 130px); |
359 | } | 391 | } |
360 | 392 | ||
361 | /deep/.el-form-item__label { | 393 | /deep/.el-form-item__label { |
362 | padding: 0; | 394 | padding: 0; |
363 | } | 395 | } |
364 | 396 | ||
365 | /deep/.el-radio { | 397 | /deep/.el-radio { |
366 | margin-right: 10px; | 398 | margin-right: 10px; |
367 | } | 399 | } |
368 | 400 | ||
369 | /deep/.el-select { | 401 | /deep/.el-select { |
370 | width: 100%; | 402 | width: 100%; |
371 | } | 403 | } |
372 | 404 | ||
373 | /deep/.el-form-item { | 405 | /deep/.el-form-item { |
374 | margin-bottom: 8px; | 406 | margin-bottom: 8px; |
375 | } | 407 | } |
376 | 408 | ||
377 | .marginBot0 { | 409 | .marginBot0 { |
378 | margin-bottom: 0 !important; | 410 | margin-bottom: 0 !important; |
379 | } | 411 | } |
380 | 412 | ||
381 | .slxx { | 413 | .slxx { |
382 | box-sizing: border-box; | 414 | box-sizing: border-box; |
383 | } | 415 | } |
384 | 416 | ||
385 | .slxx_con { | 417 | .slxx_con { |
386 | flex: 1; | 418 | flex: 1; |
387 | height: 100%; | 419 | height: 100%; |
388 | background-color: #ffffff; | 420 | background-color: #ffffff; |
389 | overflow-y: auto; | 421 | overflow-y: auto; |
390 | padding-right: 3px; | 422 | padding-right: 3px; |
391 | overflow-x: hidden; | 423 | overflow-x: hidden; |
392 | } | 424 | } |
393 | 425 | ||
394 | .submit_btn { | 426 | .submit_btn { |
395 | height: 50px; | 427 | height: 50px; |
396 | } | 428 | } |
397 | 429 | ||
398 | .slxx_title { | 430 | .slxx_title { |
399 | border-bottom: 1px solid $borderColor; | 431 | border-bottom: 1px solid $borderColor; |
400 | padding-left: 10px; | 432 | padding-left: 10px; |
401 | padding-bottom: 5px; | 433 | padding-bottom: 5px; |
402 | margin-bottom: 10px; | 434 | margin-bottom: 10px; |
403 | margin-top: 5px; | 435 | margin-top: 5px; |
404 | font-size: 16px; | 436 | font-size: 16px; |
405 | font-weight: 500; | 437 | font-weight: 500; |
406 | color: #4a4a4a; | 438 | color: #4a4a4a; |
407 | } | 439 | } |
408 | 440 | ||
409 | .btn { | 441 | .btn { |
410 | text-align: center; | 442 | text-align: center; |
411 | padding-top: 10px; | 443 | padding-top: 10px; |
412 | height: 36px; | 444 | height: 36px; |
413 | background-color: #ffffff; | 445 | background-color: #ffffff; |
414 | padding: 5px 0; | 446 | padding: 5px 0; |
415 | } | 447 | } |
416 | 448 | ||
417 | .textArea { | 449 | .textArea { |
418 | /deep/.el-textarea__inner { | 450 | /deep/.el-textarea__inner { |
419 | min-height: 90px !important; | 451 | min-height: 90px !important; |
420 | } | ||
421 | } | 452 | } |
453 | } | ||
422 | 454 | ||
423 | /deep/.el-form-item__label { | 455 | /deep/.el-form-item__label { |
424 | padding-bottom: 0px; | 456 | padding-bottom: 0px; |
425 | } | 457 | } |
426 | </style> | 458 | </style> | ... | ... |
... | @@ -40,17 +40,6 @@ class data extends filter { | ... | @@ -40,17 +40,6 @@ class data extends filter { |
40 | <div> | 40 | <div> |
41 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a> | 41 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a> |
42 | <span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span> | 42 | <span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span> |
43 | {/* <a icon="el-icon-discover" style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a> | ||
44 | <span icon="el-icon-discover" v-show={scope.row.zjgcdyzt == 1}>在建工程抵押</span> | ||
45 | <span icon="el-icon-discover" v-show={scope.row.ycfzt == 1}>,已预查封</span> | ||
46 | <span icon="el-icon-discover" v-show={scope.row.ycfzt == 1}>,已预查封</span> | ||
47 | <span icon="el-icon-discover" v-show={scope.row.cfzt == 1}> 已查封</span> | ||
48 | <span icon="el-icon-discover" v-show={scope.row.diyizt == 1}>,已地役</span> | ||
49 | <span icon="el-icon-discover" v-show={scope.row.yyzt == 1}>,异议中</span> | ||
50 | <span icon="el-icon-discover" v-show={scope.row.xzzt == 1}>,已限制</span> | ||
51 | <span icon="el-icon-discover" v-show={scope.row.ygmmzt == 1}>,已预告买卖</span> | ||
52 | <span icon="el-icon-discover" v-show={scope.row.ygdyzt == 1}>,已预告抵押</span> | ||
53 | <span icon="el-icon-discover" v-show={scope.row.dyzt == 1}>,已抵押</span> */} | ||
54 | </div> | 43 | </div> |
55 | ) | 44 | ) |
56 | } | 45 | } |
... | @@ -92,11 +81,15 @@ class data extends filter { | ... | @@ -92,11 +81,15 @@ class data extends filter { |
92 | minWidth: '150' | 81 | minWidth: '150' |
93 | }, | 82 | }, |
94 | { | 83 | { |
95 | prop: "mj", | 84 | prop: "qlxzmc", |
85 | label: "权利性质", | ||
86 | }, | ||
87 | { | ||
88 | prop: "qlmjmc", | ||
96 | label: "面积", | 89 | label: "面积", |
97 | }, | 90 | }, |
98 | { | 91 | { |
99 | prop: "ytmc", | 92 | prop: "qlytmc", |
100 | label: "用途", | 93 | label: "用途", |
101 | }, | 94 | }, |
102 | { | 95 | { | ... | ... |
... | @@ -70,33 +70,29 @@ class data extends filter { | ... | @@ -70,33 +70,29 @@ class data extends filter { |
70 | minWidth: '150' | 70 | minWidth: '150' |
71 | }, | 71 | }, |
72 | { | 72 | { |
73 | prop: "fwxz", | 73 | prop: "gyqk", |
74 | label: "房屋性质", | 74 | label: "共有情况", |
75 | }, | ||
76 | { | ||
77 | prop: "fwjgmc", | ||
78 | label: "房屋结构", | ||
79 | }, | 75 | }, |
80 | { | 76 | { |
81 | prop: "qlrmc", | 77 | prop: "qlrmc", |
82 | label: "权利人", | 78 | label: "权利人", |
83 | }, | 79 | }, |
84 | { | 80 | { |
85 | prop: "zjh", | 81 | prop: "qlrzjhm", |
86 | label: "证件号", | 82 | label: "证件号", |
87 | }, | 83 | }, |
88 | { | 84 | { |
89 | prop: "mj", | 85 | prop: "qlxzmc", |
90 | label: "面积", | 86 | label: "权利性质", |
91 | }, | 87 | }, |
92 | { | 88 | { |
93 | prop: "showTdyt", | 89 | prop: "qlytmc", |
94 | label: "用途", | 90 | label: "用途", |
95 | }, | 91 | }, |
96 | { | 92 | { |
97 | prop: "zdmj", | 93 | prop: "qlmjmc", |
98 | label: "宗地面积", | 94 | label: "面积", |
99 | }, | 95 | }, |
100 | { | 96 | { |
101 | prop: "zl", | 97 | prop: "zl", |
102 | label: "坐落", | 98 | label: "坐落", | ... | ... |
... | @@ -77,12 +77,12 @@ class data extends filter { | ... | @@ -77,12 +77,12 @@ class data extends filter { |
77 | label: "权利性质", | 77 | label: "权利性质", |
78 | }, | 78 | }, |
79 | { | 79 | { |
80 | prop: "mjmc", | 80 | prop: "qlmjmc", |
81 | width: '100', | 81 | width: '100', |
82 | label: "使用权面积", | 82 | label: "使用权面积", |
83 | }, | 83 | }, |
84 | { | 84 | { |
85 | prop: "ytmc", | 85 | prop: "qlytmc", |
86 | label: "土地用途", | 86 | label: "土地用途", |
87 | }, | 87 | }, |
88 | { | 88 | { | ... | ... |
... | @@ -78,12 +78,12 @@ class data extends filter { | ... | @@ -78,12 +78,12 @@ class data extends filter { |
78 | label: "权利性质", | 78 | label: "权利性质", |
79 | }, | 79 | }, |
80 | { | 80 | { |
81 | prop: "mj", | 81 | prop: "qlmjmc", |
82 | width: '100', | 82 | width: '100', |
83 | label: "使用权面积", | 83 | label: "使用权面积", |
84 | }, | 84 | }, |
85 | { | 85 | { |
86 | prop: "ytmc", | 86 | prop: "qlytmc", |
87 | label: "土地用途", | 87 | label: "土地用途", |
88 | }, | 88 | }, |
89 | { | 89 | { | ... | ... |
... | @@ -40,17 +40,6 @@ class data extends filter { | ... | @@ -40,17 +40,6 @@ class data extends filter { |
40 | <div> | 40 | <div> |
41 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a> | 41 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a> |
42 | <span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span> | 42 | <span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span> |
43 | {/* <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a> | ||
44 | <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span> | ||
45 | <span v-show={scope.row.ycfzt == 1}>,已预查封</span> | ||
46 | <span v-show={scope.row.ycfzt == 1}>,已预查封</span> | ||
47 | <span v-show={scope.row.cfzt == 1}>,已查封</span> | ||
48 | <span v-show={scope.row.diyizt == 1}>,已地役</span> | ||
49 | <span v-show={scope.row.yyzt == 1}>,异议中</span> | ||
50 | <span v-show={scope.row.xzzt == 1}>,已限制</span> | ||
51 | <span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span> | ||
52 | <span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span> | ||
53 | <span v-show={scope.row.dyzt == 1}>,已抵押</span> */} | ||
54 | </div> | 43 | </div> |
55 | ) | 44 | ) |
56 | } | 45 | } |
... | @@ -87,12 +76,12 @@ class data extends filter { | ... | @@ -87,12 +76,12 @@ class data extends filter { |
87 | label: "权利性质", | 76 | label: "权利性质", |
88 | }, | 77 | }, |
89 | { | 78 | { |
90 | prop: "mjmc", | 79 | prop: "qlmjmc", |
91 | width: '100', | 80 | width: '100', |
92 | label: "使用权面积", | 81 | label: "使用权面积", |
93 | }, | 82 | }, |
94 | { | 83 | { |
95 | prop: "ytmc", | 84 | prop: "qlytmc", |
96 | label: "土地用途", | 85 | label: "土地用途", |
97 | }, | 86 | }, |
98 | { | 87 | { | ... | ... |
... | @@ -40,17 +40,6 @@ class data extends filter { | ... | @@ -40,17 +40,6 @@ class data extends filter { |
40 | <div> | 40 | <div> |
41 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a> | 41 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a> |
42 | <span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span> | 42 | <span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span> |
43 | {/* <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a> | ||
44 | <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span> | ||
45 | <span v-show={scope.row.ycfzt == 1}>,已预查封</span> | ||
46 | <span v-show={scope.row.ycfzt == 1}>,已预查封</span> | ||
47 | <span v-show={scope.row.cfzt == 1}>,已查封</span> | ||
48 | <span v-show={scope.row.diyizt == 1}>,已地役</span> | ||
49 | <span v-show={scope.row.yyzt == 1}>,异议中</span> | ||
50 | <span v-show={scope.row.xzzt == 1}>,已限制</span> | ||
51 | <span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span> | ||
52 | <span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span> | ||
53 | <span v-show={scope.row.dyzt == 1}>,已抵押</span> */} | ||
54 | </div> | 43 | </div> |
55 | ) | 44 | ) |
56 | } | 45 | } |
... | @@ -66,18 +55,10 @@ class data extends filter { | ... | @@ -66,18 +55,10 @@ class data extends filter { |
66 | }, | 55 | }, |
67 | { | 56 | { |
68 | prop: "bdcqzh", | 57 | prop: "bdcqzh", |
69 | label: "不动产权证号", | 58 | label: "不动产登记证明号", |
70 | minWidth: '150' | 59 | minWidth: '150' |
71 | }, | 60 | }, |
72 | { | 61 | { |
73 | prop: "fwxz", | ||
74 | label: "房屋性质", | ||
75 | }, | ||
76 | { | ||
77 | prop: "fwjgmc", | ||
78 | label: "房屋结构", | ||
79 | }, | ||
80 | { | ||
81 | prop: "qlrmc", | 62 | prop: "qlrmc", |
82 | label: "权利人", | 63 | label: "权利人", |
83 | }, | 64 | }, |
... | @@ -86,18 +67,31 @@ class data extends filter { | ... | @@ -86,18 +67,31 @@ class data extends filter { |
86 | label: "证件号", | 67 | label: "证件号", |
87 | }, | 68 | }, |
88 | { | 69 | { |
89 | prop: "mj", | 70 | prop: "ywrmc", |
90 | label: "面积", | 71 | label: "义务人", |
91 | }, | 72 | }, |
92 | { | 73 | { |
93 | prop: "showTdyt", | 74 | prop: "ywrzjhm", |
94 | label: "用途", | 75 | label: "义务人证件号", |
76 | minWidth: '150' | ||
95 | }, | 77 | }, |
96 | { | 78 | { |
97 | prop: "zdmj", | 79 | prop: "fwxzmc", |
98 | label: "宗地面积", | 80 | label: "房屋性质", |
81 | }, | ||
82 | { | ||
83 | prop: "ytmc", | ||
84 | label: "房屋用途", | ||
99 | }, | 85 | }, |
100 | { | 86 | { |
87 | prop: "fwjgmc", | ||
88 | label: "房屋结构", | ||
89 | }, | ||
90 | { | ||
91 | prop: "jzmj", | ||
92 | label: "房屋面积(㎡)", | ||
93 | }, | ||
94 | { | ||
101 | prop: "zl", | 95 | prop: "zl", |
102 | label: "坐落", | 96 | label: "坐落", |
103 | minWidth: '130' | 97 | minWidth: '130' | ... | ... |
... | @@ -40,24 +40,13 @@ class data extends filter { | ... | @@ -40,24 +40,13 @@ class data extends filter { |
40 | <div> | 40 | <div> |
41 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a> | 41 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a> |
42 | <span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span> | 42 | <span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span> |
43 | {/* <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a> | ||
44 | <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span> | ||
45 | <span v-show={scope.row.ycfzt == 1}>,已预查封</span> | ||
46 | <span v-show={scope.row.ycfzt == 1}>,已预查封</span> | ||
47 | <span v-show={scope.row.cfzt == 1}>,已查封</span> | ||
48 | <span v-show={scope.row.diyizt == 1}>,已地役</span> | ||
49 | <span v-show={scope.row.yyzt == 1}>,异议中</span> | ||
50 | <span v-show={scope.row.xzzt == 1}>,已限制</span> | ||
51 | <span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span> | ||
52 | <span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span> | ||
53 | <span v-show={scope.row.dyzt == 1}>,已抵押</span> */} | ||
54 | </div> | 43 | </div> |
55 | ) | 44 | ) |
56 | } | 45 | } |
57 | }, | 46 | }, |
58 | { | 47 | { |
59 | prop: "bdcqzh", | 48 | prop: "bdcqzh", |
60 | label: "不动产证明号", | 49 | label: "不动产登记证明号", |
61 | minWidth: '150' | 50 | minWidth: '150' |
62 | }, | 51 | }, |
63 | { | 52 | { | ... | ... |
-
Please register or sign in to post a comment