Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcjg-web
Showing
44 changed files
with
414 additions
and
28 deletions
src/components/business/djfDjDb.vue
0 → 100644
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 |
File moved
File moved
File moved
File moved
File moved
File moved
... | @@ -263,13 +263,22 @@ table td { | ... | @@ -263,13 +263,22 @@ table td { |
263 | .el-popper[x-placement^="bottom"] .popper__arrow { | 263 | .el-popper[x-placement^="bottom"] .popper__arrow { |
264 | display: none; | 264 | display: none; |
265 | } | 265 | } |
266 | 266 | // 时间选择框样式 | |
267 | .el-date-picker { | 267 | .el-date-picker { |
268 | background-color: #031a46; | 268 | background-color: #031a46; |
269 | 269 | .el-date-picker__header-label{ | |
270 | .el-date-picker__header-label { | 270 | color:#A6CFD6; |
271 | color: #A6CFD6; | 271 | } |
272 | .el-picker-panel__content{ | ||
273 | background-color:#074487; | ||
274 | .disabled{ | ||
275 | background-color:#074487; | ||
276 | .el-date-table td.disabled div{ | ||
277 | background-color:#074487; | ||
278 | } | ||
272 | } | 279 | } |
280 | } | ||
281 | |||
273 | 282 | ||
274 | .el-picker-panel__icon-btn { | 283 | .el-picker-panel__icon-btn { |
275 | color: #A6CFD6; | 284 | color: #A6CFD6; |
... | @@ -292,10 +301,7 @@ table td { | ... | @@ -292,10 +301,7 @@ table td { |
292 | 301 | ||
293 | } | 302 | } |
294 | 303 | ||
295 | .el-picker-panel__content { | ||
296 | background-color: #074487; | ||
297 | 304 | ||
298 | } | ||
299 | 305 | ||
300 | 306 | ||
301 | .el-menu--horizontal .el-menu .el-menu-item, | 307 | .el-menu--horizontal .el-menu .el-menu-item, | ... | ... |
... | @@ -145,7 +145,6 @@ export default { | ... | @@ -145,7 +145,6 @@ export default { |
145 | @import "~@/styles/public.scss"; | 145 | @import "~@/styles/public.scss"; |
146 | 146 | ||
147 | .jktjDetail { | 147 | .jktjDetail { |
148 | background-color: #fff; | ||
149 | height: 100%; | 148 | height: 100%; |
150 | display: flex; | 149 | display: flex; |
151 | flex-direction: column; | 150 | flex-direction: column; | ... | ... |
1 | <template> | 1 | <template> |
2 | <!-- 监控日志 --> | 2 | <!-- 监控日志 --> |
3 | <div class="jktjDetail from-clues"> | 3 | <div class="jktjDetail form-clues"> |
4 | <!-- 头部搜索 --> | 4 | <!-- 头部搜索 --> |
5 | <div class="from-clues-header"> | 5 | <el-form ref="form" :model="form" :inline="true" class="from-clues-header" label-width="100px"> |
6 | <el-form ref="form" :model="form" label-width="80px"> | ||
7 | <el-row> | 6 | <el-row> |
8 | <el-col :span="8"> | 7 | <el-col :span="8"> |
9 | <el-date-picker v-model="valueTime" type="datetimerange" range-separator="至" | 8 | <el-date-picker v-model="valueTime" type="datetimerange" range-separator="至" |
10 | start-placeholder="开始日期" end-placeholder="结束日期"> | 9 | start-placeholder="开始日期" end-placeholder="结束日期"> |
11 | </el-date-picker> | 10 | </el-date-picker> |
12 | </el-col> | 11 | </el-col> |
13 | <!-- <el-col :span="6"> | ||
14 | <el-form-item label="开始时间"> | ||
15 | <el-date-picker type="date" :picker-options="pickerOptionsStart" clearable | ||
16 | v-model="form.startTime" value-format="yyyy-MM-dd"></el-date-picker> | ||
17 | </el-form-item> | ||
18 | </el-col> | ||
19 | <el-col :span="6"> | ||
20 | <el-form-item label="结束时间"> | ||
21 | <el-date-picker clearable :picker-options="pickerOptionsEnd" v-model="form.endTime" | ||
22 | value-format="yyyy-MM-dd"> | ||
23 | </el-date-picker> | ||
24 | </el-form-item> | ||
25 | </el-col> --> | ||
26 | <!-- 按钮操作 --> | 12 | <!-- 按钮操作 --> |
27 | <el-col :span="12" class="btnColRight"> | 13 | <el-col :span="12" class="btnColRight"> |
28 | <el-button type="default" @click="resetForm"> 重置 </el-button> | 14 | <el-button type="default" @click="resetForm"> 重置 </el-button> |
... | @@ -30,13 +16,11 @@ | ... | @@ -30,13 +16,11 @@ |
30 | </el-col> | 16 | </el-col> |
31 | </el-row> | 17 | </el-row> |
32 | </el-form> | 18 | </el-form> |
33 | |||
34 | <!-- 表格 --> | 19 | <!-- 表格 --> |
35 | <div class="form-clues-content echarts-box"> | 20 | <div class="form-clues-content echarts-box"> |
36 | <div id="myChart" class="chart"></div> | 21 | <div id="myChart" class="chart"></div> |
37 | </div> | 22 | </div> |
38 | </div> | 23 | </div> |
39 | </div> | ||
40 | </template> | 24 | </template> |
41 | 25 | ||
42 | <script> | 26 | <script> |
... | @@ -161,7 +145,6 @@ export default { | ... | @@ -161,7 +145,6 @@ export default { |
161 | @import "~@/styles/public.scss"; | 145 | @import "~@/styles/public.scss"; |
162 | 146 | ||
163 | .jktjDetail { | 147 | .jktjDetail { |
164 | // background-color: #fff; | ||
165 | height: 100%; | 148 | height: 100%; |
166 | display: flex; | 149 | display: flex; |
167 | flex-direction: column; | 150 | flex-direction: column; |
... | @@ -169,7 +152,7 @@ export default { | ... | @@ -169,7 +152,7 @@ export default { |
169 | .echarts-box { | 152 | .echarts-box { |
170 | display: flex; | 153 | display: flex; |
171 | justify-content: center; | 154 | justify-content: center; |
172 | height: 100%; | 155 | height: 500px; |
173 | 156 | ||
174 | .chart { | 157 | .chart { |
175 | width: 100%; | 158 | width: 100%; | ... | ... |
-
Please register or sign in to post a comment