Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web
Showing
7 changed files
with
58 additions
and
145 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 { | ... | ... |
| 1 | .dialogBox { | 1 | .dialogBox { |
| 2 | border-radius: 8px; | 2 | border-radius: 8px; |
| 3 | overflow: hidden; | 3 | overflow: hidden; |
| 4 | background: #FFFFFF; | 4 | background: #FFFFFF; |
| 5 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.10); | 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 | 6 | ||
| 19 | .dialog_full { | 7 | .dialog_title { |
| 20 | position: absolute; | 8 | display: flex; |
| 21 | top: 0; | 9 | position: relative; |
| 22 | right: 30px; | 10 | top: -2px; |
| 23 | } | ||
| 24 | 11 | ||
| 25 | .el-dialog__body { | 12 | b { |
| 26 | max-height: 88vh; | 13 | @include flex-center; |
| 27 | overflow-x: hidden; | 14 | flex: 1; |
| 28 | overflow-y: hidden; | 15 | width: 100%; |
| 29 | } | 16 | } |
| 17 | } | ||
| 30 | 18 | ||
| 31 | .dialog_footer { | 19 | .dialog_full { |
| 32 | margin-top: 8px; | 20 | position: absolute; |
| 33 | @include flex-center; | 21 | top: 0; |
| 34 | } | 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 | 35 | ||
| 36 | 36 | ||
| 37 | } | 37 | } |
| 38 | 38 | ||
| 39 | .dialog_title { | 39 | .dialog_title { |
| 40 | @include flex; | 40 | @include flex; |
| 41 | justify-content: space-between; | 41 | justify-content: space-between; |
| 42 | width: 100%; | 42 | width: 100%; |
| 43 | } | 43 | } |
| 44 | 44 | ||
| 45 | .el-dialog__header { | 45 | .el-dialog__header { |
| 46 | margin-bottom: 10px; | 46 | margin-bottom: 10px; |
| 47 | color: #4A4A4A; | 47 | color: #4A4A4A; |
| 48 | background-color: #FCFDFD; | 48 | background-color: #FCFDFD; |
| 49 | border-bottom: 1px solid #E4EBF4; | 49 | border-bottom: 1px solid #E4EBF4; |
| 50 | } | 50 | } |
| 51 | 51 | ||
| 52 | .el-dialog__body { | 52 | .el-dialog__body { |
| 53 | padding-top: 10px; | 53 | padding-top: 10px; |
| 54 | padding-bottom: 0; | 54 | padding-bottom: 0; |
| 55 | } | 55 | } |
| 56 | 56 | ||
| 57 | .el-dialog__headerbtn .el-dialog__close { | 57 | .el-dialog__headerbtn .el-dialog__close { |
| 58 | color: #6B7A99 !important; | 58 | color: #6B7A99 !important; |
| 59 | position: relative; | 59 | position: relative; |
| 60 | top: -2px; | 60 | top: -2px; |
| 61 | } | 61 | } |
| 62 | 62 | ||
| 63 | 63 | ||
| 64 | .el-form-item { | 64 | .el-form-item { |
| 65 | @include flex; | 65 | @include flex; |
| 66 | width: 100%; | 66 | width: 100%; |
| 67 | } | 67 | } |
| 68 | 68 | ||
| 69 | .el-dialog__wrapper { | 69 | .el-dialog__wrapper { |
| 70 | width: 100%; | 70 | width: 100%; |
| 71 | height: 100%; | 71 | height: 100%; |
| 72 | overflow: hidden; | 72 | overflow: hidden; |
| 73 | } | 73 | } |
| 74 | 74 | ||
| 75 | .contentCenter { | 75 | .contentCenter { |
| 76 | position: absolute; | 76 | position: absolute; |
| 77 | top: 50%; | 77 | top: 50%; |
| 78 | left: 50%; | 78 | left: 50%; |
| 79 | transform: translate(calc(-50% + 85px), -50%); | 79 | transform: translate(calc(-50% + 85px), -50%); |
| 80 | } | 80 | } |
| 81 | 81 | ||
| 82 | .mainCenter { | 82 | .mainCenter { |
| 83 | position: absolute; | 83 | position: absolute; |
| 84 | top: 50%; | 84 | top: 50%; |
| 85 | left: 50%; | 85 | left: 50%; |
| 86 | transform: translate(-50%, -50%); | 86 | transform: translate(-50%, -50%); |
| 87 | } | 87 | } |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -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> | ... | ... |
This diff is collapsed.
Click to expand it.
-
Please register or sign in to post a comment