6920a538 by 田浩浩
2 parents ffc9918e 0c4daae8
...@@ -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>
......
...@@ -243,7 +243,7 @@ export default { ...@@ -243,7 +243,7 @@ export default {
243 } 243 }
244 } 244 }
245 </script> 245 </script>
246 <style lang='scss'> 246 <style lang='scss' scoped>
247 .djqxsd { 247 .djqxsd {
248 .repeat { 248 .repeat {
249 .el-input__inner { 249 .el-input__inner {
......
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;
......