Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
8367df41 by xiaomiao
Options

--no commit message

1 parent 2636844e
Inline Side-by-side
Showing 6 changed files with 386 additions and 648 deletions
...@@ -4,27 +4,60 @@ ...@@ -4,27 +4,60 @@
4 * @LastEditTime: 2023-05-17 10:39:47 4 * @LastEditTime: 2023-05-17 10:39:47
5 --> 5 -->
6 <template> 6 <template>
7 <dialogBox title="申请人信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm" 7 <dialogBox
8 @closeDialog="closeDialog" :isButton="showButton"> 8 title="权利人信息"
9 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> 9 width="60%"
10 isMain
11 v-model="myValue"
12 :isFullscreen="false"
13 @submitForm="submitForm"
14 @closeDialog="closeDialog"
15 :isButton="showButton"
16 >
17 <el-form
18 :model="ruleForm"
19 :rules="rules"
20 ref="ruleForm"
21 label-width="120px"
22 >
10 <el-row> 23 <el-row>
11 <el-col :span="8"> 24 <el-col :span="8">
12 <el-form-item label="权利人类型1" prop="sqrlx"> 25 <el-form-item label="权利人类型" prop="qlrlx">
13 <el-select clearable v-model="ruleForm.sqrlx" class="width100" placeholder="请选择"> 26 <el-select
14 <el-option v-for="item in dictData['A36']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 27 clearable
28 v-model="ruleForm.qlrlx"
29 class="width100"
30 placeholder="请选择"
31 >
32 <el-option
33 v-for="item in dictData['A36']"
34 :key="item.dcode"
35 :label="item.dname"
36 :value="item.dcode"
37 >
15 </el-option> 38 </el-option>
16 </el-select> 39 </el-select>
17 </el-form-item> 40 </el-form-item>
18 </el-col> 41 </el-col>
19 <el-col :span="8"> 42 <el-col :span="8">
20 <el-form-item label="姓名/名称" prop="sqrmc"> 43 <el-form-item label="姓名/名称" prop="qlrmc">
21 <el-input v-model="ruleForm.sqrmc" maxlegth="15"></el-input> 44 <el-input v-model="ruleForm.qlrmc" maxlegth="15"></el-input>
22 </el-form-item> 45 </el-form-item>
23 </el-col> 46 </el-col>
24 <el-col :span="8"> 47 <el-col :span="8">
25 <el-form-item label="证件种类" prop="zjzl"> 48 <el-form-item label="证件种类" prop="zjzl">
26 <el-select clearable v-model="ruleForm.zjzl" class="width100" placeholder="请选择"> 49 <el-select
27 <el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 50 clearable
51 v-model="ruleForm.zjzl"
52 class="width100"
53 placeholder="请选择"
54 >
55 <el-option
56 v-for="item in dictData['A30']"
57 :key="item.dcode"
58 :label="item.dname"
59 :value="item.dcode"
60 >
28 </el-option> 61 </el-option>
29 </el-select> 62 </el-select>
30 </el-form-item> 63 </el-form-item>
...@@ -33,18 +66,36 @@ ...@@ -33,18 +66,36 @@
33 <el-row> 66 <el-row>
34 <el-col :span="8"> 67 <el-col :span="8">
35 <el-form-item label="证件号" prop="zjh"> 68 <el-form-item label="证件号" prop="zjh">
36 <el-input v-model="ruleForm.zjh" maxlength="15" oninput="value=value.replace(/[^\X0-9]/g,'')"></el-input> 69 <el-input
70 v-model="ruleForm.zjh"
71 maxlength="15"
72 oninput="value=value.replace(/[^\X0-9]/g,'')"
73 ></el-input>
37 </el-form-item> 74 </el-form-item>
38 </el-col> 75 </el-col>
39 <el-col :span="8"> 76 <el-col :span="8">
40 <el-form-item label="联系电话" prop="dh"> 77 <el-form-item label="联系电话" prop="dh">
41 <el-input v-model="ruleForm.dh" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input> 78 <el-input
79 v-model="ruleForm.dh"
80 maxlength="11"
81 oninput="value=value.replace(/[^\d]/g,'')"
82 ></el-input>
42 </el-form-item> 83 </el-form-item>
43 </el-col> 84 </el-col>
44 <el-col :span="8"> 85 <el-col :span="8">
45 <el-form-item label="性别"> 86 <el-form-item label="性别">
46 <el-select clearable v-model="ruleForm.xb" class="width100" placeholder="请选择"> 87 <el-select
47 <el-option v-for="item in dictData['A43']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 88 clearable
89 v-model="ruleForm.xb"
90 class="width100"
91 placeholder="请选择"
92 >
93 <el-option
94 v-for="item in dictData['A43']"
95 :key="item.dcode"
96 :label="item.dname"
97 :value="item.dcode"
98 >
48 </el-option> 99 </el-option>
49 </el-select> 100 </el-select>
50 </el-form-item> 101 </el-form-item>
...@@ -115,7 +166,11 @@ ...@@ -115,7 +166,11 @@
115 <el-row> 166 <el-row>
116 <el-col :span="8"> 167 <el-col :span="8">
117 <el-form-item label="联系电话"> 168 <el-form-item label="联系电话">
118 <el-input v-model="ruleForm.lxdh" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input> 169 <el-input
170 v-model="ruleForm.lxdh"
171 maxlength="11"
172 oninput="value=value.replace(/[^\d]/g,'')"
173 ></el-input>
119 </el-form-item> 174 </el-form-item>
120 </el-col> 175 </el-col>
121 <el-col :span="8"> 176 <el-col :span="8">
...@@ -125,8 +180,18 @@ ...@@ -125,8 +180,18 @@
125 </el-col> 180 </el-col>
126 <el-col :span="8"> 181 <el-col :span="8">
127 <el-form-item label="代理人证件类型"> 182 <el-form-item label="代理人证件类型">
128 <el-select clearable v-model="ruleForm.dlrzjlx" class="width100" placeholder="请选择"> 183 <el-select
129 <el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 184 clearable
185 v-model="ruleForm.dlrzjlx"
186 class="width100"
187 placeholder="请选择"
188 >
189 <el-option
190 v-for="item in dictData['A30']"
191 :key="item.dcode"
192 :label="item.dname"
193 :value="item.dcode"
194 >
130 </el-option> 195 </el-option>
131 </el-select> 196 </el-select>
132 </el-form-item> 197 </el-form-item>
...@@ -143,83 +208,115 @@ ...@@ -143,83 +208,115 @@
143 </dialogBox> 208 </dialogBox>
144 </template> 209 </template>
145 <script> 210 <script>
146 import { mapGetters } from "vuex"; 211 import { mapGetters } from "vuex";
147 export default { 212 export default {
148 props: { 213 props: {
149 value: { type: Boolean, default: false }, 214 value: { type: Boolean, default: false },
150 details: { type: Object, default: {} }, 215 details: { type: Object, default: {} },
151 showButton: { type: Boolean, default: false } 216 showButton: { type: Boolean, default: false },
152 }, 217 },
153 computed: { 218 computed: {
154 ...mapGetters(["dictData"]), 219 ...mapGetters(["dictData"]),
155 }, 220 },
156 data () { 221 data() {
157 return { 222 return {
158 myValue: this.value, 223 myValue: this.value,
159 ruleForm: { 224 ruleForm: {
160 sqrlx: "", 225 sqrlx: "",
161 sqrmc: "", 226 sqrmc: "",
162 zjzl: "", 227 zjzl: "",
163 zjh: "", 228 zjh: "",
164 dh: "", 229 dh: "",
165 xb: "", 230 xb: "",
166 frmc: "", 231 frmc: "",
167 gjdq: "", 232 gjdq: "",
168 szss: "", 233 szss: "",
169 txdz: "", 234 txdz: "",
170 yb: "", 235 yb: "",
171 fzjg: "", 236 fzjg: "",
172 dzyj: "", 237 dzyj: "",
173 qlbl: "", 238 qlbl: "",
174 gzdw: "", 239 gzdw: "",
175 dljg: "", 240 dljg: "",
176 dlrxm: "", 241 dlrxm: "",
177 dlrzjlx: "", 242 dlrzjlx: "",
178 dlrzjh: "", 243 dlrzjh: "",
179 },
180 rules: {
181 sqrlx: [{ required: true, message: "权利人类型", trigger: "change" }],
182 sqrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }],
183 zjzl: [{ required: true, message: "证件种类", trigger: "change" }],
184 zjh: [{ required: true, message: "证件号", trigger: "blur" }],
185 },
186 };
187 },
188 watch: {
189 value (val) {
190 this.myValue = _.cloneDeep(val);
191 }, 244 },
192 details: { 245 ruleForm: {
193 handler: function (val, oldVal) { 246 bsmBdcqz: "",
194 this.ruleForm = val; 247 bsmQlr: "",
195 }, 248 bsmQlxx: "",
196 deep: true, 249 bz: "",
250 cbfbm: "",
251 dh: "",
252 dlrdhhm: "",
253 dlrjgmc: "",
254 dlrxm: "",
255 dlrzjh: "",
256 dlrzjlx: "",
257 dz: "",
258 dzyj: "",
259 fbfbm: "",
260 frdh: "",
261 frmc: "",
262 fzjg: "",
263 gj: "",
264 gzdw: "",
265 hjszss: "",
266 qlrlx: "",
267 qlrmc: "",
268 qlrtz: "",
269 sfczr: "",
270 sshy: "",
271 sxh: 0,
272 xb: "",
273 yb: "",
274 zjh: "",
275 zjzl: "",
197 }, 276 },
198 }, 277 rules: {
199 methods: { 278 qlrlx: [{ required: true, message: "权利人类型", trigger: "change" }],
200 closeDialog () { 279 qlrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }],
201 this.$emit("input", false); 280 zjzl: [{ required: true, message: "证件种类", trigger: "change" }],
202 this.$refs["ruleForm"].resetFields(); 281 zjh: [{ required: true, message: "证件号", trigger: "blur" }],
203 }, 282 },
204 submitForm () { 283 };
205 this.$refs.ruleForm.validate((valid) => { 284 },
206 if (valid) { 285 watch: {
207 this.$emit("input", false); 286 value(val) {
208 this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); 287 this.myValue = _.cloneDeep(val);
209 } else { 288 },
210 return false; 289 details: {
211 } 290 handler: function (val, oldVal) {
212 }); 291 this.ruleForm = val;
213 }, 292 },
293 deep: true,
294 },
295 },
296 methods: {
297 closeDialog() {
298 this.$emit("input", false);
299 this.$refs["ruleForm"].resetFields();
300 },
301 submitForm() {
302 this.$refs.ruleForm.validate((valid) => {
303 if (valid) {
304 this.$emit("input", false);
305 this.$emit("updateDetail", _.cloneDeep(this.ruleForm));
306 } else {
307 return false;
308 }
309 });
214 }, 310 },
215 }; 311 },
312 };
216 </script> 313 </script>
217 <style scoped lang="scss"> 314 <style scoped lang="scss">
218 @import "~@/styles/dialogBoxheader.scss"; 315 @import "~@/styles/dialogBoxheader.scss";
219 .submit-button { 316 .submit-button {
220 text-align: center; 317 text-align: center;
221 height: 52px; 318 height: 52px;
222 padding-top: 10px; 319 padding-top: 10px;
223 background-color: #fff; 320 background-color: #fff;
224 } 321 }
225 </style> 322 </style>
......
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
42 <div>请选择查封不动产信息，请选择上手权利信息</div> 42 <div>请选择查封不动产信息，请选择上手权利信息</div>
43 <div class="triangle"></div> 43 <div class="triangle"></div>
44 </div> 44 </div>
45 <el-row :gutter="10" v-if="ruleForm.ztQlxx!=null"> 45 <el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
46 <el-col :span="8"> 46 <el-col :span="8">
47 <el-form-item label="权利人："> 47 <el-form-item label="权利人：">
48 <el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input> 48 <el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input>
...@@ -59,7 +59,7 @@ ...@@ -59,7 +59,7 @@
59 </el-form-item> 59 </el-form-item>
60 </el-col> 60 </el-col>
61 </el-row> 61 </el-row>
62 <el-row :gutter="10" v-if="ruleForm.ztQlxx!=null"> 62 <el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
63 <el-col :span="8"> 63 <el-col :span="8">
64 <el-form-item label="权利类型："> 64 <el-form-item label="权利类型：">
65 <el-input disabled v-model="ruleForm.ztQlxx.qllxmc"></el-input> 65 <el-input disabled v-model="ruleForm.ztQlxx.qllxmc"></el-input>
...@@ -76,7 +76,7 @@ ...@@ -76,7 +76,7 @@
76 </el-form-item> 76 </el-form-item>
77 </el-col> 77 </el-col>
78 </el-row> 78 </el-row>
79 <el-row :gutter="10" v-if="ruleForm.ztQlxx!=null"> 79 <el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
80 <el-col :span="8"> 80 <el-col :span="8">
81 <el-form-item label="不动产单元号："> 81 <el-form-item label="不动产单元号：">
82 <el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input> 82 <el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input>
...@@ -115,7 +115,7 @@ ...@@ -115,7 +115,7 @@
115 </el-col> 115 </el-col>
116 </el-row> 116 </el-row>
117 <el-row :gutter="10"> 117 <el-row :gutter="10">
118 <el-col :span="8"> 118 <!-- <el-col :span="8">
119 <el-form-item label="权利类型："> 119 <el-form-item label="权利类型：">
120 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> 120 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
121 </el-form-item> 121 </el-form-item>
...@@ -141,6 +141,53 @@ ...@@ -141,6 +141,53 @@
141 <el-form-item label="不动产权证号："> 141 <el-form-item label="不动产权证号：">
142 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 142 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
143 </el-form-item> 143 </el-form-item>
144 </el-col> -->
145 <el-col :span="8">
146 <el-form-item label="登记机构：">
147 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
148 </el-form-item>
149 </el-col>
150 <el-col :span="8">
151 <el-form-item label="查封机关">
152 <el-input v-model="ruleForm.cfdj.cfjg"></el-input>
153 </el-form-item>
154 </el-col>
155 <el-col :span="8">
156 <el-form-item label="查封类型">
157 <el-select v-model="ruleForm.cfdj.cflx">
158 <el-option
159 v-for="item in dictData['A32']"
160 :key="item.dcode"
161 :label="item.dname"
162 :value="item.dcode"
163 ></el-option>
164 </el-select>
165 </el-form-item>
166 </el-col>
167 <el-col :span="8">
168 <el-form-item label="查封文号">
169 <el-input v-model="ruleForm.cfdj.cfwh"></el-input>
170 </el-form-item>
171 </el-col>
172 <el-col :span="8">
173 <el-form-item label="查封起始时间">
174 <el-input v-model="ruleForm.cfdj.cfqssj"></el-input>
175 </el-form-item>
176 </el-col>
177 <el-col :span="8">
178 <el-form-item label="查封结束时间">
179 <el-input v-model="ruleForm.cfdj.cfjssj"></el-input>
180 </el-form-item>
181 </el-col>
182 <el-col :span="8">
183 <el-form-item label="查封期限">
184 <el-input v-model="ruleForm.cfdj.cfqx"></el-input>
185 </el-form-item>
186 </el-col>
187 <el-col :span="8">
188 <el-form-item label="查封范围">
189 <el-input v-model="ruleForm.cfdj.cffw"></el-input>
190 </el-form-item>
144 </el-col> 191 </el-col>
145 <el-col :span="8"> 192 <el-col :span="8">
146 <el-form-item label="区县代码："> 193 <el-form-item label="区县代码：">
...@@ -152,6 +199,36 @@ ...@@ -152,6 +199,36 @@
152 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 199 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
153 </el-form-item> 200 </el-form-item>
154 </el-col> 201 </el-col>
202 <el-col :span="8">
203 <el-form-item label="解封业务号">
204 <el-input v-model="ruleForm.cfdj.jfywh"></el-input>
205 </el-form-item>
206 </el-col>
207 <el-col :span="8">
208 <el-form-item label="解封机关">
209 <el-input v-model="ruleForm.cfdj.jfjg"></el-input>
210 </el-form-item>
211 </el-col>
212 <el-col :span="8">
213 <el-form-item label="解封文件">
214 <el-input v-model="ruleForm.cfdj.jfwj"></el-input>
215 </el-form-item>
216 </el-col>
217 <el-col :span="8">
218 <el-form-item label="解封文号">
219 <el-input v-model="ruleForm.cfdj.jfwh"></el-input>
220 </el-form-item>
221 </el-col>
222 <el-col :span="8">
223 <el-form-item label="解封登簿人">
224 <el-input v-model="ruleForm.cfdj.jfdbr"></el-input>
225 </el-form-item>
226 </el-col>
227 <el-col :span="8">
228 <el-form-item label="解封登记时间">
229 <el-input v-model="ruleForm.cfdj.jfdjsj"></el-input>
230 </el-form-item>
231 </el-col>
155 <el-col :span="8"> 232 <el-col :span="8">
156 <el-form-item label="登簿人："> 233 <el-form-item label="登簿人：">
157 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 234 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-06-25 15:52:42
5 -->
6 <template>
7 <!-- 受理信息 -->
8 <div class="slxx">
9 <el-form
10 :model="ruleForm"
11 :rules="rules"
12 class="loadingtext"
13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''"
15 :inline="flag"
16 label-width="127px"
17 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block">
20 补录信息
21 <div class="triangle"></div>
22 </div>
23 <el-row :gutter="10">
24 <el-col :span="8">
25 <el-form-item label="补录编号：">
26 <el-input disabled v-model="ruleForm.repair.ywh"></el-input>
27 </el-form-item>
28 </el-col>
29 <el-col :span="8">
30 <el-form-item label="补录人员：">
31 <el-input disabled v-model="ruleForm.repair.slry"></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item label="补录时间：">
36 <el-input disabled v-model="ruleForm.repair.slsj"></el-input>
37 </el-form-item>
38 </el-col>
39 </el-row>
40 <div class="slxx_title title-block">
41 预告抵押登记信息
42 <div class="triangle"></div>
43 </div>
44 <el-row :gutter="10">
45 <el-col :span="8">
46 <el-form-item label="不动产单元号：">
47 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
48 </el-form-item>
49 </el-col>
50 <el-col :span="8">
51 <el-form-item label="业务号：">
52 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="8">
56 <el-form-item label="上手业务号：">
57 <el-input v-model="ruleForm.qlxx.ssywh"></el-input>
58 </el-form-item>
59 </el-col>
60 </el-row>
61 <el-row :gutter="10">
62 <el-col :span="8">
63 <el-form-item label="权利类型：">
64 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
65 </el-form-item>
66 </el-col>
67 <el-col :span="8">
68 <el-form-item label="登记原因：">
69 <el-input disabled v-model="ruleForm.ygdj.djyy"></el-input>
70 </el-form-item>
71 </el-col>
72 <el-col :span="8">
73 <el-form-item label="登记类型：">
74 <el-select v-model="ruleForm.qlxx.djlx">
75 <el-option
76 v-for="item in dictData['A21']"
77 :key="item.dcode"
78 :label="item.dname"
79 :value="item.dcode"
80 >
81 </el-option>
82 </el-select>
83 </el-form-item>
84 </el-col>
85 <el-col :span="8">
86 <el-form-item label="不动产坐落：">
87 <el-input v-model="ruleForm.qlxx.zl"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="不动产权证号：">
92 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item label="区县代码：">
97 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
98 </el-form-item>
99 </el-col>
100 <el-col :span="8">
101 <el-form-item label="登记机构：">
102 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
103 </el-form-item>
104 </el-col>
105 <el-col :span="8">
106 <el-form-item label="登簿人：">
107 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item label="登记时间：">
112 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
113 </el-form-item>
114 </el-col>
115 <el-col :span="8">
116 <el-form-item label="权属状态：">
117 <el-select v-model="ruleForm.qlxx.qszt">
118 <el-option
119 v-for="item in qsztlist"
120 :key="item.dcode"
121 :label="item.dname"
122 :value="item.dcode"
123 >
124 </el-option>
125 </el-select>
126 </el-form-item>
127 </el-col>
128
129 <el-col :span="8">
130 <el-form-item label="预告登记种类">
131 <el-select v-model="ruleForm.ygdj.ygdjlx">
132 <el-option
133 v-for="item in dictData['A29']"
134 :key="item.dcode"
135 :label="item.dname"
136 :value="item.dcode"
137 >
138 </el-option>
139 </el-select>
140 </el-form-item>
141 </el-col>
142 <el-col :span="8">
143 <el-form-item label="土地使用权人">
144 <el-input v-model="ruleForm.ygdj.tdsyqr"></el-input>
145 </el-form-item>
146 </el-col>
147 <el-col :span="8">
148 <el-form-item label="规划用途">
149 <el-select v-model="ruleForm.ygdj.ghyt">
150 <el-option
151 v-for="item in dictData['A17']"
152 :key="item.dcode"
153 :label="item.dname"
154 :value="item.dcode"
155 >
156 </el-option>
157 </el-select>
158 </el-form-item>
159 </el-col>
160 <el-col :span="8">
161 <el-form-item label="用途名称">
162 <el-input v-model="ruleForm.ygdj.ytmc"></el-input>
163 </el-form-item>
164 </el-col>
165 <el-col :span="8">
166 <el-form-item label="房屋性质">
167 <el-select v-model="ruleForm.ygdj.fwxz">
168 <el-option
169 v-for="item in dictData['A19']"
170 :key="item.dcode"
171 :label="item.dname"
172 :value="item.dcode"
173 >
174 </el-option>
175 </el-select>
176 </el-form-item>
177 </el-col>
178 <el-col :span="8">
179 <el-form-item label="房屋性质名称">
180 <el-input v-model="ruleForm.ygdj.fwxzmc"></el-input>
181 </el-form-item>
182 </el-col>
183 <el-col :span="8">
184 <el-form-item label="房屋结构">
185 <el-select v-model="ruleForm.ygdj.fwjg">
186 <el-option
187 v-for="item in dictData['A46']"
188 :key="item.dcode"
189 :label="item.dname"
190 :value="item.dcode"
191 >
192 </el-option>
193 </el-select>
194 </el-form-item>
195 </el-col>
196 <el-col :span="8">
197 <el-form-item label="所在层">
198 <el-input v-model="ruleForm.ygdj.szc"></el-input>
199 </el-form-item>
200 </el-col>
201 <el-col :span="8">
202 <el-form-item label="总层数">
203 <el-input v-model="ruleForm.ygdj.zcs"></el-input>
204 </el-form-item>
205 </el-col>
206 <el-col :span="8">
207 <el-form-item label="建筑面积">
208 <el-input v-model="ruleForm.ygdj.jzmj"></el-input>
209 </el-form-item>
210 </el-col>
211 <el-col :span="8">
212 <el-form-item label="注销预告业务号">
213 <el-input v-model="ruleForm.ygdj.zxygywh"></el-input>
214 </el-form-item>
215 </el-col>
216 <el-col :span="8">
217 <el-form-item label="注销预告原因">
218 <el-input v-model="ruleForm.ygdj.zxygyy"></el-input>
219 </el-form-item>
220 </el-col>
221 <el-col :span="8">
222 <el-form-item label="注销时间">
223 <el-input v-model="ruleForm.ygdj.zxsj"></el-input>
224 </el-form-item>
225 </el-col>
226 <el-col :span="8">
227 <el-form-item label="取得价格/被担保主债权数额">
228 <el-input v-model="ruleForm.ygdj.qdjg"></el-input>
229 </el-form-item>
230 </el-col>
231 <el-col :span="8">
232 <el-form-item label="金额单位">
233 <el-input v-model="ruleForm.ygdj.jedw"></el-input>
234 </el-form-item>
235 </el-col>
236 <el-col :span="8">
237 <el-form-item label="担保范围">
238 <el-input v-model="ruleForm.ygdj.dbfw"></el-input>
239 </el-form-item>
240 </el-col>
241 <el-col :span="8">
242 <el-form-item label="是否存在禁止或限制转让抵押不动产的约定">
243 <el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input>
244 </el-form-item>
245 </el-col>
246 <el-col :span="8">
247 <el-form-item label="不动产登记证明号">
248 <el-input v-model="ruleForm.ygdj.bdcdjzmh"></el-input>
249 </el-form-item>
250 </el-col>
251 <el-col :span="24">
252 <el-form-item label="附记：">
253 <el-input v-model="ruleForm.ygdj.fj"></el-input>
254 </el-form-item>
255 </el-col>
256 </el-row>
257 <div class="slxx_title title-block">
258 权利人信息
259 <div class="triangle"></div>
260 </div>
261 <el-row :gutter="10">
262 <el-col :span="12">
263 <el-form-item label="共有方式：">
264 <el-radio-group v-model="ruleForm.qlxx.gyqk">
265 <el-radio label="0">单独所有</el-radio>
266 <el-radio label="1">共同共有</el-radio>
267 <el-radio label="2">按份所有</el-radio>
268 <el-radio label="3">其它共有</el-radio>
269 </el-radio-group>
270 </el-form-item>
271 </el-col>
272 </el-row>
273 <qlrCommonTable
274 :tableData="ruleForm.qlrData"
275 @upDateQlrxxList="upDateQlrxxList"
276 :key="key"
277 :gyfs="ruleForm.qlxx.gyfs"
278 />
279
280 <div>
281 <div class="slxx_title title-block">
282 义务人信息
283 <div class="triangle"></div>
284 </div>
285 <ywrCommonTable
286 v-if="ruleForm.ywrData"
287 :tableData="ruleForm.ywrData"
288 :key="key"
289 @upDateQlrxxList="upDateYwrxxList"
290 />
291 </div>
292 </div>
293 <el-row class="btn">
294 <el-form-item>
295 <el-button type="primary" @click="onSubmit">保存</el-button>
296 </el-form-item>
297 </el-row>
298 </el-form>
299 </div>
300 </template>
301 <script>
302 import { mapGetters } from "vuex";
303 import { init, save } from "@/api/djbbl.js";
304 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
305 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
306 import tdytTable from "@/views/workflow/components/tdytTable";
307 export default {
308 components: { qlrCommonTable, ywrCommonTable, tdytTable },
309 computed: {
310 ...mapGetters(["dictData", "flag"]),
311 },
312 data() {
313 return {
314 //表单是否可操作
315 propsParam: this.$attrs,
316 key: 0,
317 isShow: false,
318 disabled: true,
319 czrOptions: [],
320 ruleForm: {},
321 // 权属状态
322 qsztlist: [
323 {
324 dcode: "1",
325 dname: "现势",
326 },
327 {
328 dcode: "2",
329 dname: "历史",
330 },
331 ],
332 //传递参数\
333 rules: {},
334 };
335 },
336 created() {
337 this.loadData();
338 },
339 mounted() {},
340 methods: {
341 loadData() {
342 console.log("预告登记", this.propsParam);
343 this.propsParam.isEdit=this.$parent.isEdit
344 init(this.propsParam).then((res) => {
345 if (res.code == 200) {
346 this.ruleForm = res.result;
347 console.log("this.ruleForm", this.ruleForm);
348 this.isShow = true;
349 }
350 });
351 },
352 // 更新土地用途信息
353 upDateTdytxxList(val) {
354 console.log("VAL", val);
355 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
356 this.key++;
357 },
358 // 更新权利人信息
359 upDateQlrxxList(val) {
360 console.log("val", val);
361 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
362 console.log("this.ruleForm.qlrData", this.ruleForm.qlrData);
363 this.czrOptions = this.ruleForm.qlrData;
364 this.key++;
365 },
366 // 更新义务人信息
367 upDateYwrxxList(val) {
368 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
369 this.key++;
370 },
371 onSubmit() {
372 console.log("this.ruleForm大信息", this.ruleForm);
373 if (this.ruleForm.qlrData.length == 0) {
374 this.$message({
375 showClose: true,
376 message: "请确认权利人信息",
377 type: "error",
378 });
379 return false;
380 }
381
382 if (this.ruleForm.qlxx.gyfs == "0") {
383 if (this.ruleForm.qlrData.length > 1) {
384 this.$message({
385 showClose: true,
386 message: "共有方式：单独所有，权利人只能是一个人",
387 type: "error",
388 });
389 return false;
390 }
391 this.ruleForm.qlrData[0].sfczr = "1";
392 }
393 if (this.ruleForm.qlxx.gyfs == "1") {
394 //是否分别持证
395 if (this.ruleForm.qlxx.sqfbcz == "1") {
396 //是
397 this.ruleForm.qlrData.forEach((item, index) => {
398 item.sfczr = "1";
399 });
400 } else {
401 this.ruleForm.qlrData.forEach((item, index) => {
402 if (item.zjh == this.ruleForm.czr) {
403 item.sfczr = "1";
404 } else {
405 item.sfczr = "0";
406 }
407 });
408 }
409 }
410 save(this.ruleForm).then((res) => {
411 if (res.code === 200) {
412 this.$message({
413 showClose: true,
414 message: "保存成功！",
415 type: "success",
416 });
417 this.$store.dispatch("user/refreshPage", true);
418 } else {
419 this.$message({
420 showClose: true,
421 message: res.message,
422 type: "error",
423 });
424 }
425 });
426 },
427 },
428 };
429 </script>
430 <style scoped lang="scss">
431 @import "~@/styles/public.scss";
432 @import "~@/styles/slxx/slxx.scss";
433 </style>
...@@ -203,7 +203,7 @@ ...@@ -203,7 +203,7 @@
203 /> 203 />
204 </div> 204 </div>
205 </div> 205 </div>
206 <el-row class="btn"> 206 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
207 <el-form-item> 207 <el-form-item>
208 <el-button type="primary" @click="onSubmit">保存</el-button> 208 <el-button type="primary" @click="onSubmit">保存</el-button>
209 </el-form-item> 209 </el-form-item>
......
...@@ -5,15 +5,77 @@ ...@@ -5,15 +5,77 @@
5 --> 5 -->
6 <template> 6 <template>
7 <div> 7 <div>
8 <lb-table 8 <el-table
9 :column="InformationTable" 9 :data="tableDataList"
10 border
10 :pagination="false" 11 :pagination="false"
11 :key="key" 12 :key="key"
12 :heightNumSetting="true" 13 :heightNumSetting="true"
13 :minHeight="150" 14 :minHeight="150"
14 :data="tableDataList" 15 height="150"
16 style="width: 100%"
15 > 17 >
16 </lb-table> 18 <el-table-column
19 prop="index"
20 width="50"
21 :render-header="renderHeader"
22 >
23 <template slot-scope="scope">
24 <i
25 class="el-icon-minus pointer"
26 @click="deleClick(scope.$index, scope.row)"
27 ></i>
28 </template>
29 </el-table-column>
30 <el-table-column prop="yt" label="土地用途" min-width="100">
31 <template slot-scope="scope">
32 <treeselect
33 v-model="tdyt"
34 noOptionsText="暂无数据"
35 placeholder=""
36 :show-count="true"
37 :options="dictData['tdyt']"
38 :normalizer="normalizer"
39 :appendToBody="true" z-index="9999"
40 @input="addrow(scope.row)"
41 />
42 </template>
43 </el-table-column>
44 <el-table-column prop="qssj" label="土地使用起始时间" min-width="100">
45 <template slot-scope="scope">
46 <el-date-picker
47 v-model='scope.row.qssj'
48 type="date"
49 placeholder="选择日期"
50 value-format="yyyy/MM/dd HH:mm:ss"
51 format="yyyy/MM/dd"
52 @blur="addrow(scope.row)">
53 </el-date-picker>
54 </template>
55 </el-table-column>
56 <el-table-column prop="jssj" label="土地使用结束时间" min-width="100">
57 <template slot-scope="scope">
58 <el-date-picker
59 v-model='scope.row.jssj'
60 type="date"
61 placeholder="选择日期"
62 value-format="yyyy/MM/dd HH:mm:ss"
63 format="yyyy/MM/dd"
64 @blur="addrow(scope.row)">
65 </el-date-picker>
66 </template>
67 </el-table-column>
68 <el-table-column prop="syqx" label="土地使用期限" min-width="100">
69 <template slot-scope="scope">
70 <el-input
71 class="item"
72 v-model="scope.row.syqx"
73 placeholder="请输入内容"
74 @blur="addrow(scope.row)">
75 ></el-input>
76 </template>
77 </el-table-column>
78 </el-table>
17 </div> 79 </div>
18 </template> 80 </template>
19 <script> 81 <script>
...@@ -32,6 +94,8 @@ export default { ...@@ -32,6 +94,8 @@ export default {
32 }, 94 },
33 data() { 95 data() {
34 return { 96 return {
97 // 键名转换，方法默认是label和children进行树状渲染
98 tdyt:null,
35 key: 0, 99 key: 0,
36 newdata: { 100 newdata: {
37 yt: "", 101 yt: "",
...@@ -40,118 +104,15 @@ export default { ...@@ -40,118 +104,15 @@ export default {
40 syqx: "", 104 syqx: "",
41 }, 105 },
42 tableDataList: [], 106 tableDataList: [],
43 InformationTable: [ 107 normalizer(node) {
44 { 108 if (node.children == null || node.children == "null") {
45 width: "50", 109 delete node.children;
46 renderHeader: (h, scope) => { 110 }
47 return ( 111 return {
48 <div> 112 id: node.dcode,
49 {" "} 113 label: node.dname,
50 {this.$route.query.viewtype == 1 ? ( 114 };
51 "序号" 115 },
52 ) : (
53 <i
54 class="el-icon-plus pointer"
55 onClick={() => {
56 this.addClick();
57 }}
58 ></i>
59 )}
60 </div>
61 );
62 },
63 render: (h, scope) => {
64 return (
65 <div>
66 {this.$route.query.viewtype == 1 ? (
67 <span>{scope.$index + 1}</span>
68 ) : (
69 <i
70 class="el-icon-minus pointer"
71 onClick={() => {
72 this.deleClick(scope.$index, scope.row);
73 }}
74 ></i>
75 )}
76 </div>
77 );
78 },
79 },
80 {
81 label: "土地用途",
82 align: "center",
83 render: (h, scope) => {
84 return (
85 <el-select
86 value={scope.row.yt}
87 onChange={(val) => {
88 scope.row.yt = val;
89 }}
90 clearable
91 onblur={() => {
92 this.addrow(scope);
93 }}
94 >
95 {this.dictData["tdyt"].map((option) => {
96 return (
97 <el-option
98 label={option.dname}
99 value={option.dcode}
100 ></el-option>
101 );
102 })}
103 </el-select>
104 );
105 },
106 },
107 {
108 label: "土地使用起始时间",
109 render: (h, scope) => {
110 return (
111 <el-date-picker
112 v-model={scope.row.qssj}
113 type="date"
114 placeholder="选择日期"
115 value-format="yyyy/MM/dd HH:mm:ss"
116 format="yyyy/MM/dd HH:mm:ss"
117 onblur={() => {
118 this.addrow(scope.row);
119 }}
120 ></el-date-picker>
121 );
122 },
123 },
124 {
125 label: "土地使用结束时间",
126 render: (h, scope) => {
127 return (
128 <el-date-picker
129 v-model={scope.row.jssj}
130 type="date"
131 placeholder="选择日期"
132 value-format="yyyy/MM/dd HH:mm:ss"
133 format="yyyy/MM/dd HH:mm:ss"
134 onblur={() => {
135 this.addrow(scope.row);
136 }}
137 ></el-date-picker>
138 );
139 },
140 },
141 {
142 label: "土地使用期限",
143 render: (h, scope) => {
144 return (
145 <el-input
146 v-model={scope.row.syqx}
147 onblur={() => {
148 this.addrow(scope.row);
149 }}
150 ></el-input>
151 );
152 },
153 },
154 ],
155 }; 116 };
156 }, 117 },
157 watch: { 118 watch: {
...@@ -160,6 +121,7 @@ export default { ...@@ -160,6 +121,7 @@ export default {
160 let that = this; 121 let that = this;
161 this.$nextTick(() => { 122 this.$nextTick(() => {
162 if (val.length == 0 || !val) { 123 if (val.length == 0 || !val) {
124 console.log("看见1");
163 that.tableDataList = _.cloneDeep([ 125 that.tableDataList = _.cloneDeep([
164 { 126 {
165 yt: "", 127 yt: "",
...@@ -168,8 +130,19 @@ export default { ...@@ -168,8 +130,19 @@ export default {
168 syqx: "", 130 syqx: "",
169 }, 131 },
170 ]); 132 ]);
133 if( that.tableDataList.length>0){
134 this.tdyt=that.tableDataList[0].yt
135 }else{
136 this.tdyt=null
137 }
171 } else { 138 } else {
139 console.log("看见2");
172 that.tableDataList = _.cloneDeep(val); 140 that.tableDataList = _.cloneDeep(val);
141 if( that.tableDataList.length>0){
142 this.tdyt=that.tableDataList[0].yt
143 }else{
144 this.tdyt=null
145 }
173 } 146 }
174 }); 147 });
175 }, 148 },
...@@ -178,15 +151,39 @@ export default { ...@@ -178,15 +151,39 @@ export default {
178 }, 151 },
179 }, 152 },
180 methods: { 153 methods: {
154 renderHeader() {
155 return (
156 <div>
157 {" "}
158 {this.$route.query.viewtype == 1 ? (
159 "序号"
160 ) : (
161 <i
162 class="el-icon-plus pointer"
163 onClick={() => {
164 this.addClick();
165 }}
166 ></i>
167 )}
168 </div>
169 );
170 },
181 // 修改事件 171 // 修改事件
182 addrow() { 172 addrow() {
183 console.log("this.$parent.bsmqlxx",this.$parent.$parent.bsmqlxx); 173 console.log("this.$parent.bsmqlxx", this.$parent.$parent.bsmqlxx);
184 174 this.tableDataList = this.tableDataList.map((item) => {
175 return{
176 ...item,
177 yt:this.tdyt
178 }
179 })
180 console.log("this.tableDataList",this.tableDataList);
185 this.$emit("upDateTdytxxList", this.tableDataList); 181 this.$emit("upDateTdytxxList", this.tableDataList);
186 }, 182 },
187 // 新增 183 // 新增
188 addClick() { 184 addClick() {
189 this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata); 185 this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata);
186
190 this.$emit("upDateTdytxxList", this.tableDataList); 187 this.$emit("upDateTdytxxList", this.tableDataList);
191 }, 188 },
192 189
......
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
15 </div> 15 </div>
16 <el-row :gutter="10"> 16 <el-row :gutter="10">
17 <el-col :span="8"> 17 <el-col :span="8">
18 <el-form-item label="业务号："> 18 <el-form-item label="业务号111：">
19 <el-input disabled v-model="ruleForm.flow.ywh"></el-input> 19 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
20 </el-form-item> 20 </el-form-item>
21 </el-col> 21 </el-col>
...@@ -131,14 +131,14 @@ ...@@ -131,14 +131,14 @@
131 </el-form-item> 131 </el-form-item>
132 </el-col> 132 </el-col>
133 133
134 <el-col :span="8"> 134 <!-- <el-col :span="8">
135 <el-form-item label="下拉表格测试："> 135 <el-form-item label="下拉表格测试：">
136 <select-table v-model="value2" :table-width="600" :props="props" @change="change"> 136 <select-table v-model="value2" :table-width="600" :props="props" @change="change">
137 <el-table-column prop="id" label="ID" width="180"></el-table-column> 137 <el-table-column prop="id" label="ID" width="180"></el-table-column>
138 <el-table-column prop="user" label="姓名"></el-table-column> 138 <el-table-column prop="user" label="姓名"></el-table-column>
139 </select-table> 139 </select-table>
140 </el-form-item> 140 </el-form-item>
141 </el-col> 141 </el-col> -->
142 142
143 </el-row> 143 </el-row>
144 <div class="slxx_title title-block"> 144 <div class="slxx_title title-block">
......