Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
2e73402e by 田浩浩
Options

修改组件名

1 parent d4622996
Inline Side-by-side
Showing 41 changed files with 398 additions and 0 deletions
1 <template>
2 <div class="applicantInfo itemForm">
3 <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="115px" :key="key">
4 <el-row>
5 <el-col :span="8">
6 <el-form-item prop="YSDM" class="borderTopNone">
7 <span slot="label">
8 要素代码：<br />
9 <p class="label-detail">（YSDM）</p>
10 </span>
11 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
12 </el-form-item>
13 </el-col>
14
15 <el-col :span="8">
16 <el-form-item prop="YWH" class="borderTopNone">
17 <span slot="label">
18 业务号： <br />
19 <p class="label-detail">（YWH）</p>
20 </span>
21 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input>
22 </el-form-item>
23 </el-col>
24
25 <el-col :span="8">
26 <el-form-item prop="QLRMC" class="borderTopNone">
27 <span slot="label">
28 权利人名称： <br />
29 <p class="label-detail">（QLRMC）</p>
30 </span>
31 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRMC" placeholder="权利人名称"></el-input>
32 </el-form-item>
33 </el-col>
34 </el-row>
35
36 <el-row>
37 <el-col :span="8">
38 <el-form-item prop="QLRZJZL">
39 <span slot="label">
40 权利人证件种类： <br />
41 <p class="label-detail">（QLRZJZL）</p>
42 </span>
43 <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLRZJZL" placeholder="请选择">
44 <el-option v-for="item in dicData['A30']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
45 </el-option>
46 </el-select>
47 </el-form-item>
48 </el-col>
49
50 <el-col :span="8">
51 <el-form-item prop="QLRZJH">
52 <span slot="label">
53 权利人证件号： <br />
54 <p class="label-detail">（QLRZJH）</p>
55 </span>
56 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRZJH" placeholder="权利人证件号"></el-input>
57 </el-form-item>
58 </el-col>
59
60 <el-col :span="8">
61 <el-form-item prop="QLRTXDZ">
62 <span slot="label">
63 权利人通讯地址： <br />
64 <p class="label-detail">（QLRTXDZ）</p>
65 </span>
66 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRTXDZ"
67 placeholder="权利人通讯地址"></el-input>
68 </el-form-item>
69 </el-col>
70 </el-row>
71
72 <el-row>
73 <el-col :span="8">
74 <el-form-item prop="QLRYB">
75 <span slot="label">
76 权利人邮编： <br />
77 <p class="label-detail">（QLRYB）</p>
78 </span>
79 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRYB" placeholder="权利人邮编"></el-input>
80 </el-form-item>
81 </el-col>
82
83 <el-col :span="8">
84 <el-form-item prop="QLRFRMC">
85 <span slot="label">
86 权利人法人名称： <br />
87 <p class="label-detail">（QLRFRMC）</p>
88 </span>
89 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRFRMC"
90 placeholder="权利人法人名称"></el-input>
91 </el-form-item>
92 </el-col>
93
94 <el-col :span="8">
95 <el-form-item prop="QLRFRDH">
96 <span slot="label">
97 权利人法人电话： <br />
98 <p class="label-detail">（QLRFRDH）</p>
99 </span>
100 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRFRDH"
101 onkeyup="this.value=this.value.replace(/[^\d.]/g,'');" maxlength="11" placeholder="权利人法人电话"></el-input>
102 </el-form-item>
103 </el-col>
104 </el-row>
105
106 <el-row>
107 <el-col :span="8">
108 <el-form-item prop="QLRDLRMC">
109 <span slot="label">
110 权利人代理人名称： <br />
111 <p class="label-detail">（QLRDLRMC）</p>
112 </span>
113 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRDLRMC"
114 placeholder="权利人代理人名称"></el-input>
115 </el-form-item>
116 </el-col>
117
118 <el-col :span="8">
119 <el-form-item prop="QLRDLRDH">
120 <span slot="label">
121 权利人代理人电话： <br />
122 <p class="label-detail">（QLRDLRDH）</p>
123 </span>
124 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRDLRDH"
125 onkeyup="this.value=this.value.replace(/[^\d.]/g,'');" maxlength="11" placeholder="权利人代理人电话"></el-input>
126 </el-form-item>
127 </el-col>
128
129 <el-col :span="8">
130 <el-form-item prop="QLRDLJG">
131 <span slot="label">
132 权利人代理机构： <br />
133 <p class="label-detail">（QLRDLJG）</p>
134 </span>
135 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRDLJG"
136 placeholder="权利人代理机构"></el-input>
137 </el-form-item>
138 </el-col>
139 </el-row>
140
141 <el-row>
142 <el-col :span="8">
143 <el-form-item prop="HJSZSS">
144 <span slot="label">
145 户籍所在省市： <br />
146 <p class="label-detail">（HJSZSS）</p>
147 </span>
148 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.HJSZSS" placeholder="户籍所在省市"></el-input>
149 </el-form-item>
150 </el-col>
151
152 <el-col :span="8">
153 <el-form-item prop="XB">
154 <span slot="label">
155 性别： <br />
156 <p class="label-detail">（XB）</p>
157 </span>
158 <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.XB" placeholder="请选择">
159 <el-option v-for="item in dicData['A43']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
160 </el-option>
161 </el-select>
162 </el-form-item>
163 </el-col>
164
165 <el-col :span="8">
166 <el-form-item prop="DH">
167 <span slot="label">
168 电话： <br />
169 <p class="label-detail">（DH）</p>
170 </span>
171 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DH"
172 onkeyup="this.value=this.value.replace(/[^\d.]/g,'');" maxlength="11" placeholder="电话"></el-input>
173 </el-form-item>
174 </el-col>
175 </el-row>
176
177 <el-row>
178 <el-col :span="8">
179 <el-form-item prop="YWRMC">
180 <span slot="label">
181 义务人名称： <br />
182 <p class="label-detail">（YWRMC）</p>
183 </span>
184 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRMC" placeholder="义务人名称"></el-input>
185 </el-form-item>
186 </el-col>
187
188 <el-col :span="8">
189 <el-form-item prop="YWRZJZL">
190 <span slot="label">
191 义务人证件种类： <br />
192 <p class="label-detail">（YWRZJZL）</p>
193 </span>
194 <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.YWRZJZL" placeholder="请选择">
195 <el-option v-for="item in dicData['A30']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
196 </el-option>
197 </el-select>
198 </el-form-item>
199 </el-col>
200
201 <el-col :span="8">
202 <el-form-item prop="YWRZJH">
203 <span slot="label">
204 义务人证件号： <br />
205 <p class="label-detail">（YWRZJH）</p>
206 </span>
207 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRZJH" placeholder="义务人证件号"></el-input>
208 </el-form-item>
209 </el-col>
210 </el-row>
211
212 <el-row>
213 <el-col :span="8">
214 <el-form-item prop="YWRTXDZ">
215 <span slot="label">
216 义务人通讯地址： <br />
217 <p class="label-detail">（YWRTXDZ）</p>
218 </span>
219 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRTXDZ"
220 placeholder="义务人通讯地址"></el-input>
221 </el-form-item>
222 </el-col>
223
224 <el-col :span="8">
225 <el-form-item prop="YWRYB">
226 <span slot="label">
227 义务人邮编： <br />
228 <p class="label-detail">（YWRYB）</p>
229 </span>
230 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRYB" placeholder="义务人邮编"></el-input>
231 </el-form-item>
232 </el-col>
233
234 <el-col :span="8">
235 <el-form-item prop="YWRFRMC">
236 <span slot="label">
237 义务人法人名称： <br />
238 <p class="label-detail">（YWRFRMC）</p>
239 </span>
240 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRFRMC"
241 placeholder="义务人法人名称"></el-input>
242 </el-form-item>
243 </el-col>
244 </el-row>
245
246 <el-row>
247 <el-col :span="8">
248 <el-form-item prop="YWRFRDH">
249 <span slot="label">
250 义务人法人电话： <br />
251 <p class="label-detail">（YWRFRDH）</p>
252 </span>
253 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRFRDH"
254 placeholder="义务人法人电话"></el-input>
255 </el-form-item>
256 </el-col>
257
258 <el-col :span="8">
259 <el-form-item prop="YWRDLRMC">
260 <span slot="label">
261 义务人代理人名称： <br />
262 <p class="label-detail">（YWRDLRMC）</p>
263 </span>
264 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRDLRMC"
265 placeholder="义务人代理人名称"></el-input>
266 </el-form-item>
267 </el-col>
268
269 <el-col :span="8">
270 <el-form-item prop="YWRDLRDH">
271 <span slot="label">
272 义务人代理人电话： <br />
273 <p class="label-detail">（YWRDLRDH）</p>
274 </span>
275 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRDLRDH"
276 placeholder="义务人代理人电话"></el-input>
277 </el-form-item>
278 </el-col>
279 </el-row>
280
281 <el-row>
282 <el-col :span="8">
283 <el-form-item prop="YWRDLJG">
284 <span slot="label">
285 义务人代理机构： <br />
286 <p class="label-detail">（YWRDLJG）</p>
287 </span>
288 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRDLJG"
289 placeholder="义务人代理机构"></el-input>
290 </el-form-item>
291 </el-col>
292
293 <el-col :span="8">
294 <el-form-item prop="BZ">
295 <span slot="label">
296 备注： <br />
297 <p class="label-detail">（BZ）</p>
298 </span>
299 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BZ" placeholder="备注"></el-input>
300 </el-form-item>
301 </el-col>
302
303 <el-col :span="8">
304 <el-form-item prop="QXDM">
305 <span slot="label">
306 区县代码： <br />
307 <p class="label-detail">（QXDM）</p>
308 </span>
309 <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
310 </el-form-item>
311 </el-col>
312
313 </el-row>
314 </el-form>
315 <message-tips ref="msg" />
316 </div>
317 </template>
318 <script>
319 // 申请人属性信息
320 import business from '@/api/business'
321 import ruleMixin from '@/mixins/ruleMixin.js'
322 import treeSelect from '@/components/treeSelect/index.vue'
323 export default {
324 mixins: [ruleMixin],
325 props: {
326 bsmSjsb: {
327 type: String,
328 default: ''
329 },
330 bsmYwsjb: {
331 type: String,
332 default: ''
333 }
334 },
335 components: {
336 treeSelect
337 },
338 data () {
339 return {
340 ruleForm: {
341 YSDM: '',
342 YWH: '',
343 QLRMC: '',
344 QLRZJZL: '',
345 QLRZJH: '',
346 QLRTXDZ: '',
347 QLRYB: '',
348 QLRFRMC: '',
349 QLRFRDH: '',
350 QLRDLRMC: '',
351 QLRDLRDH: '',
352 QLRDLJG: '',
353 HJSZSS: '',
354 XB: '',
355 DH: '',
356 YWRMC: '',
357 YWRZJZL: '',
358 YWRZJH: '',
359 YWRTXDZ: '',
360 YWRYB: '',
361 YWRFRMC: '',
362 YWRFRDH: '',
363 YWRDLRMC: '',
364 YWRDLJG: '',
365 BZ: '',
366 QXDM: ''
367 }
368 }
369 },
370 methods: {
371 async featchData () {
372 try {
373 let { result: res } = await business.getDjfDjSqrById(this.bsmSjsb)
374 this.ruleForm = res
375 //this.featchRule()
376 } catch (error) {
377 this.$refs.msg.messageShow()
378 }
379 },
380 handleUpdateForm () {
381 return new Promise(async (resolve, reject) => {
382 try {
383 let data = _.cloneDeep(this.ruleForm)
384 let res = await business.updateDjfDjSqr(data)
385 resolve(res.code)
386 } catch (error) {
387 this.$refs.msg.messageShow()
388 }
389 })
390 }
391 }
392 }
393 </script>
394 <style scoped lang="scss">
395 @import "./css/itemForm.scss";
396 </style>
397
398