Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web
Showing
7 changed files
with
32 additions
and
128 deletions
... | @@ -109,7 +109,7 @@ export default { | ... | @@ -109,7 +109,7 @@ export default { |
109 | </script> | 109 | </script> |
110 | <style rel="stylesheet/scss" lang="scss" > | 110 | <style rel="stylesheet/scss" lang="scss" > |
111 | @import "~@/styles/mixin.scss"; | 111 | @import "~@/styles/mixin.scss"; |
112 | @import "./dialogBox.scss"; | 112 | @import "~@/styles/dialogBox.scss"; |
113 | </style> | 113 | </style> |
114 | <style rel="stylesheet/scss" scoped lang="scss" > | 114 | <style rel="stylesheet/scss" scoped lang="scss" > |
115 | /deep/.is-fullscreen { | 115 | /deep/.is-fullscreen { | ... | ... |
1 | .dialogBox { | ||
2 | border-radius: 8px; | ||
3 | overflow: hidden; | ||
4 | background: #FFFFFF; | ||
5 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.10); | ||
6 | |||
7 | .dialog_title { | ||
8 | display: flex; | ||
9 | position: relative; | ||
10 | top: -2px; | ||
11 | |||
12 | b { | ||
13 | @include flex-center; | ||
14 | flex: 1; | ||
15 | width: 100%; | ||
16 | } | ||
17 | } | ||
18 | |||
19 | .dialog_full { | ||
20 | position: absolute; | ||
21 | top: 0; | ||
22 | right: 30px; | ||
23 | } | ||
24 | |||
25 | .el-dialog__body { | ||
26 | max-height: 88vh; | ||
27 | overflow-x: hidden; | ||
28 | overflow-y: hidden; | ||
29 | } | ||
30 | |||
31 | .dialog_footer { | ||
32 | margin-top: 8px; | ||
33 | @include flex-center; | ||
34 | } | ||
35 | |||
36 | |||
37 | } | ||
38 | |||
39 | .dialog_title { | ||
40 | @include flex; | ||
41 | justify-content: space-between; | ||
42 | width: 100%; | ||
43 | } | ||
44 | |||
45 | .el-dialog__header { | ||
46 | margin-bottom: 10px; | ||
47 | color: #4A4A4A; | ||
48 | background-color: #FCFDFD; | ||
49 | border-bottom: 1px solid #E4EBF4; | ||
50 | } | ||
51 | |||
52 | .el-dialog__body { | ||
53 | padding-top: 10px; | ||
54 | padding-bottom: 0; | ||
55 | } | ||
56 | |||
57 | .el-dialog__headerbtn .el-dialog__close { | ||
58 | color: #6B7A99 !important; | ||
59 | position: relative; | ||
60 | top: -2px; | ||
61 | } | ||
62 | |||
63 | |||
64 | .el-form-item { | ||
65 | @include flex; | ||
66 | width: 100%; | ||
67 | } | ||
68 | |||
69 | .el-dialog__wrapper { | ||
70 | width: 100%; | ||
71 | height: 100%; | ||
72 | overflow: hidden; | ||
73 | } | ||
74 | |||
75 | .contentCenter { | ||
76 | position: absolute; | ||
77 | top: 50%; | ||
78 | left: 50%; | ||
79 | transform: translate(calc(-50% + 85px), -50%); | ||
80 | } | ||
81 | |||
82 | .mainCenter { | ||
83 | position: absolute; | ||
84 | top: 50%; | ||
85 | left: 50%; | ||
86 | transform: translate(-50%, -50%); | ||
87 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
... | @@ -109,7 +109,7 @@ export default { | ... | @@ -109,7 +109,7 @@ export default { |
109 | </script> | 109 | </script> |
110 | <style rel="stylesheet/scss" lang="scss" > | 110 | <style rel="stylesheet/scss" lang="scss" > |
111 | @import "~@/styles/mixin.scss"; | 111 | @import "~@/styles/mixin.scss"; |
112 | @import "./dialogBox.scss"; | 112 | @import "~@/styles/dialogBox.scss"; |
113 | </style> | 113 | </style> |
114 | <style rel="stylesheet/scss" scoped lang="scss" > | 114 | <style rel="stylesheet/scss" scoped lang="scss" > |
115 | /deep/.is-fullscreen { | 115 | /deep/.is-fullscreen { | ... | ... |
... | @@ -93,7 +93,7 @@ | ... | @@ -93,7 +93,7 @@ |
93 | <i class="el-icon-s-unfold pointer"></i> | 93 | <i class="el-icon-s-unfold pointer"></i> |
94 | </div> | 94 | </div> |
95 | <ul> | 95 | <ul> |
96 | <li v-for="(item, index) in doneList" :key="index" class="flexst dynamicInfo"> | 96 | <li v-for="(item, index) in doneList.slice(0, 10)" :key="index" class="flexst dynamicInfo"> |
97 | <p class="right15">{{ item.dealTime.substring(0, 10) }}</p> | 97 | <p class="right15">{{ item.dealTime.substring(0, 10) }}</p> |
98 | <p class="list-title">{{ item.dealBusiness }} ({{ item.dealStep + '环节' }})</p> | 98 | <p class="list-title">{{ item.dealBusiness }} ({{ item.dealStep + '环节' }})</p> |
99 | </li> | 99 | </li> | ... | ... |
1 | <template> | 1 | <template> |
2 | <el-dialog | 2 | <el-dialog :title="sqqlRule.nodename" custom-class="dialogBox contentCenter" width="85%" top="0" |
3 | :title="sqqlRule.nodename" | 3 | :visible.sync="dialogVisible" :before-close="cancelDialog"> |
4 | :visible.sync="dialogVisible" | ||
5 | :before-close="cancelDialog" | ||
6 | > | ||
7 | <ul class="edit-title-list" v-if="djlxList.length > 0"> | 4 | <ul class="edit-title-list" v-if="djlxList.length > 0"> |
8 | <li | 5 | <li v-for="(item, index) in djlxList" @click="handleTitleSelct(item, index)" :key="index" |
9 | v-for="(item, index) in djlxList" | 6 | :class="{ active: index == tn }"> |
10 | @click="handleTitleSelct(item, index)" | ||
11 | :key="index" | ||
12 | :class="{ active: index == tn }" | ||
13 | > | ||
14 | {{ item.nodename }} | 7 | {{ item.nodename }} |
15 | </li> | 8 | </li> |
16 | </ul> | 9 | </ul> |
17 | <el-form | 10 | <div class="contentBox"> |
18 | :model="form" | 11 | <el-form :model="form" v-show="n == 0" label-width="135px" ref="ruleForm"> |
19 | v-show="n == 0" | ||
20 | label-width="135px" | ||
21 | ref="ruleForm" | ||
22 | > | ||
23 | <el-row> | 12 | <el-row> |
24 | <el-col :span="8"> | 13 | <el-col :span="8"> |
25 | <el-form-item label="申请分类"> | 14 | <el-form-item label="申请分类"> |
... | @@ -123,7 +112,7 @@ | ... | @@ -123,7 +112,7 @@ |
123 | <li v-for="(item, index) in form.sxzt" :key="index"> | 112 | <li v-for="(item, index) in form.sxzt" :key="index"> |
124 | <div class="screen-list-left"> | 113 | <div class="screen-list-left"> |
125 | {{ item.sxzdmc }} : | 114 | {{ item.sxzdmc }} : |
126 | <el-radio-group v-model="item.selected" > | 115 | <el-radio-group v-model="item.selected"> |
127 | <el-radio label="1">禁止办理</el-radio> | 116 | <el-radio label="1">禁止办理</el-radio> |
128 | <el-radio label="0">忽略</el-radio> | 117 | <el-radio label="0">忽略</el-radio> |
129 | </el-radio-group> | 118 | </el-radio-group> |
... | @@ -132,7 +121,8 @@ | ... | @@ -132,7 +121,8 @@ |
132 | </ul> | 121 | </ul> |
133 | </el-collapse-item> | 122 | </el-collapse-item> |
134 | </el-collapse> | 123 | </el-collapse> |
135 | <div slot="footer" class="dialog-footer"> | 124 | </div> |
125 | <div slot="footer" class="dialog_footer"> | ||
136 | <el-button type="primary" @click="submit">提 交</el-button> | 126 | <el-button type="primary" @click="submit">提 交</el-button> |
137 | <el-button @click="cancelDialog">取 消</el-button> | 127 | <el-button @click="cancelDialog">取 消</el-button> |
138 | </div> | 128 | </div> |
... | @@ -141,7 +131,7 @@ | ... | @@ -141,7 +131,7 @@ |
141 | <script> | 131 | <script> |
142 | import { mapGetters } from 'vuex'; | 132 | import { mapGetters } from 'vuex'; |
143 | import { upward, down } from '@/utils/operation' | 133 | import { upward, down } from '@/utils/operation' |
144 | import { getDjlxInfo, getSqdjywDetail,saveSqdjyw } from "@/api/system.js"; | 134 | import { getDjlxInfo, getSqdjywDetail, saveSqdjyw } from "@/api/system.js"; |
145 | export default { | 135 | export default { |
146 | //父组件 传 过来的 值 | 136 | //父组件 传 过来的 值 |
147 | props: { | 137 | props: { |
... | @@ -158,9 +148,9 @@ export default { | ... | @@ -158,9 +148,9 @@ export default { |
158 | immediate: true, | 148 | immediate: true, |
159 | }, | 149 | }, |
160 | }, | 150 | }, |
161 | components: { }, | 151 | components: {}, |
162 | name: "componentDialog", | 152 | name: "componentDialog", |
163 | data() { | 153 | data () { |
164 | return { | 154 | return { |
165 | tn: 0, | 155 | tn: 0, |
166 | n: 0, | 156 | n: 0, |
... | @@ -381,10 +371,10 @@ export default { | ... | @@ -381,10 +371,10 @@ export default { |
381 | computed: { | 371 | computed: { |
382 | ...mapGetters(['dictData']) | 372 | ...mapGetters(['dictData']) |
383 | }, | 373 | }, |
384 | mounted() {}, | 374 | mounted () { }, |
385 | methods: { | 375 | methods: { |
386 | //页面初始化 | 376 | //页面初始化 |
387 | init() { | 377 | init () { |
388 | this.tn = 0; | 378 | this.tn = 0; |
389 | getDjlxInfo(this.sqqlRule.bsmSqyw).then((res) => { | 379 | getDjlxInfo(this.sqqlRule.bsmSqyw).then((res) => { |
390 | let { result } = res; | 380 | let { result } = res; |
... | @@ -394,13 +384,13 @@ export default { | ... | @@ -394,13 +384,13 @@ export default { |
394 | //} | 384 | //} |
395 | }, | 385 | }, |
396 | //tab选项卡事件 | 386 | //tab选项卡事件 |
397 | handleTitleSelct(obj, index) { | 387 | handleTitleSelct (obj, index) { |
398 | this.n = 0; | 388 | this.n = 0; |
399 | this.tn = index; | 389 | this.tn = index; |
400 | this.getDetail(this.djlxList[index].bsmSqyw); | 390 | this.getDetail(this.djlxList[index].bsmSqyw); |
401 | }, | 391 | }, |
402 | //获取业务具体明细内容 | 392 | //获取业务具体明细内容 |
403 | getDetail(bsmSqyw) { | 393 | getDetail (bsmSqyw) { |
404 | getSqdjywDetail(bsmSqyw).then((res) => { | 394 | getSqdjywDetail(bsmSqyw).then((res) => { |
405 | if (res.code === 200) { | 395 | if (res.code === 200) { |
406 | this.form = res.result; | 396 | this.form = res.result; |
... | @@ -410,7 +400,7 @@ export default { | ... | @@ -410,7 +400,7 @@ export default { |
410 | }); | 400 | }); |
411 | }, | 401 | }, |
412 | //提交保存数据 | 402 | //提交保存数据 |
413 | submit(){ | 403 | submit () { |
414 | let that = this; | 404 | let that = this; |
415 | saveSqdjyw(this.form).then(res => { | 405 | saveSqdjyw(this.form).then(res => { |
416 | if (res.code == 200) { | 406 | if (res.code == 200) { |
... | @@ -423,7 +413,7 @@ export default { | ... | @@ -423,7 +413,7 @@ export default { |
423 | }) | 413 | }) |
424 | }, | 414 | }, |
425 | //修改父组件传过来的值 | 415 | //修改父组件传过来的值 |
426 | cancelDialog() { | 416 | cancelDialog () { |
427 | this.$emit("update:dialogVisible", false); | 417 | this.$emit("update:dialogVisible", false); |
428 | }, | 418 | }, |
429 | }, | 419 | }, |
... | @@ -431,19 +421,18 @@ export default { | ... | @@ -431,19 +421,18 @@ export default { |
431 | </script> | 421 | </script> |
432 | <style lang='scss' scoped> | 422 | <style lang='scss' scoped> |
433 | @import "~@/styles/mixin.scss"; | 423 | @import "~@/styles/mixin.scss"; |
434 | /deep/ .el-dialog { | 424 | @import "~@/styles/dialogBox.scss"; |
435 | margin: auto !important; | 425 | |
436 | height: 90%; | 426 | .contentBox { |
437 | width: 80%; | 427 | height: 75vh; |
438 | overflow: auto; | 428 | overflow-y: scroll; |
439 | } | 429 | } |
430 | |||
440 | .form { | 431 | .form { |
441 | background: #eee; | 432 | background: #eee; |
442 | padding: 0 10px; | 433 | padding: 0 10px; |
443 | } | 434 | } |
444 | .dialog-footer { | 435 | |
445 | text-align: center; | ||
446 | } | ||
447 | .edit-title-list { | 436 | .edit-title-list { |
448 | @include flex; | 437 | @include flex; |
449 | 438 | ||
... | @@ -461,10 +450,12 @@ export default { | ... | @@ -461,10 +450,12 @@ export default { |
461 | } | 450 | } |
462 | } | 451 | } |
463 | } | 452 | } |
453 | |||
464 | .active { | 454 | .active { |
465 | background: $light-blue !important; | 455 | background: $light-blue !important; |
466 | color: #fff; | 456 | color: #fff; |
467 | } | 457 | } |
458 | |||
468 | .dyztsd-title { | 459 | .dyztsd-title { |
469 | @include flex; | 460 | @include flex; |
470 | align-items: center; | 461 | align-items: center; | ... | ... |
-
Please register or sign in to post a comment