e955bedd by 任超
2 parents 6027a14b c93d1d00
Showing 44 changed files with 414 additions and 28 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
...@@ -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%;
......