docs:注释增加
Showing
4 changed files
with
51 additions
and
31 deletions
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-07-20 10:22:20 | ||
| 5 | --> | ||
| 1 | <template> | 6 | <template> |
| 2 | <label class="el-checkbox" :class="[ | 7 | <label class="el-checkbox" :class="[ |
| 3 | border && checkboxSize ? 'el-checkbox--' + checkboxSize : '', | 8 | border && checkboxSize ? 'el-checkbox--' + checkboxSize : '', |
| ... | @@ -26,9 +31,9 @@ | ... | @@ -26,9 +31,9 @@ |
| 26 | </label> | 31 | </label> |
| 27 | </template> | 32 | </template> |
| 28 | <script> | 33 | <script> |
| 29 | import Emitter from 'element-ui/src/mixins/emitter'; | 34 | import Emitter from 'element-ui/src/mixins/emitter'; |
| 30 | 35 | ||
| 31 | export default { | 36 | export default { |
| 32 | name: 'ElCheckbox', | 37 | name: 'ElCheckbox', |
| 33 | 38 | ||
| 34 | mixins: [Emitter], | 39 | mixins: [Emitter], |
| ... | @@ -238,5 +243,5 @@ export default { | ... | @@ -238,5 +243,5 @@ export default { |
| 238 | this.dispatch('ElFormItem', 'el.form.change', value); | 243 | this.dispatch('ElFormItem', 'el.form.change', value); |
| 239 | } | 244 | } |
| 240 | } | 245 | } |
| 241 | }; | 246 | }; |
| 242 | </script> | 247 | </script> | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-07-20 13:33:07 | ||
| 5 | --> | ||
| 1 | <template> | 6 | <template> |
| 2 | <el-dialog :visible.sync="dialogVisible" v-if="dialogVisible" :width="width" :fullscreen="fullscreen" top="0" | 7 | <el-dialog :visible.sync="dialogVisible" v-if="dialogVisible" :width="width" :fullscreen="fullscreen" top="0" |
| 3 | :append-to-body="appendToBody" :lock-scroll="true" :close-on-click-modal="false" @close="closeDialog" :key="key" | 8 | :append-to-body="appendToBody" :lock-scroll="true" :close-on-click-modal="false" @close="closeDialog" :key="key" |
| ... | @@ -23,7 +28,7 @@ | ... | @@ -23,7 +28,7 @@ |
| 23 | </el-dialog> | 28 | </el-dialog> |
| 24 | </template> | 29 | </template> |
| 25 | <script> | 30 | <script> |
| 26 | export default { | 31 | export default { |
| 27 | props: { | 32 | props: { |
| 28 | value: { type: Boolean, default: false }, | 33 | value: { type: Boolean, default: false }, |
| 29 | isMain: { | 34 | isMain: { |
| ... | @@ -123,17 +128,17 @@ export default { | ... | @@ -123,17 +128,17 @@ export default { |
| 123 | this.$emit('closeDialog') | 128 | this.$emit('closeDialog') |
| 124 | } | 129 | } |
| 125 | }, | 130 | }, |
| 126 | } | 131 | } |
| 127 | </script> | 132 | </script> |
| 128 | <style rel="stylesheet/scss" lang="scss" > | 133 | <style rel="stylesheet/scss" lang="scss" > |
| 129 | @import "~@/styles/mixin.scss"; | 134 | @import "~@/styles/mixin.scss"; |
| 130 | @import "~@/styles/dialogBox.scss"; | 135 | @import "~@/styles/dialogBox.scss"; |
| 131 | </style> | 136 | </style> |
| 132 | <style rel="stylesheet/scss" scoped lang="scss" > | 137 | <style rel="stylesheet/scss" scoped lang="scss" > |
| 133 | /deep/.is-fullscreen { | 138 | /deep/.is-fullscreen { |
| 134 | position: absolute; | 139 | position: absolute; |
| 135 | top: 50% !important; | 140 | top: 50% !important; |
| 136 | left: 50% !important; | 141 | left: 50% !important; |
| 137 | transform: translate(-50%, -50%) !important; | 142 | transform: translate(-50%, -50%) !important; |
| 138 | } | 143 | } |
| 139 | </style> | 144 | </style> | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-07-20 13:40:27 | ||
| 5 | --> | ||
| 1 | <template> | 6 | <template> |
| 2 | <dialogBox title="配置常办项目" @submitForm="submitForm" saveButton="保存" :isFullscreen="false" width="50%" | 7 | <dialogBox title="配置常办项目" @submitForm="submitForm" saveButton="保存" :isFullscreen="false" width="50%" |
| 3 | @closeDialog="closeDialog" v-model="myValue"> | 8 | @closeDialog="closeDialog" v-model="myValue"> |
| ... | @@ -6,10 +11,10 @@ | ... | @@ -6,10 +11,10 @@ |
| 6 | </dialogBox> | 11 | </dialogBox> |
| 7 | </template> | 12 | </template> |
| 8 | <script> | 13 | <script> |
| 9 | import { getMenuInfo } from "@/api/user.js"; | 14 | import { getMenuInfo } from "@/api/user.js"; |
| 10 | import Tree from "@/components/Tree/src/tree.vue" | 15 | import Tree from "@/components/Tree/src/tree.vue" |
| 11 | import { saveFrequentProjectsList, getHomeFrequentProjects } from "@/api/home.js"; | 16 | import { saveFrequentProjectsList, getHomeFrequentProjects } from "@/api/home.js"; |
| 12 | export default { | 17 | export default { |
| 13 | components: { | 18 | components: { |
| 14 | Tree | 19 | Tree |
| 15 | }, | 20 | }, |
| ... | @@ -98,11 +103,11 @@ export default { | ... | @@ -98,11 +103,11 @@ export default { |
| 98 | } | 103 | } |
| 99 | } | 104 | } |
| 100 | } | 105 | } |
| 101 | } | 106 | } |
| 102 | </script> | 107 | </script> |
| 103 | <style scoped lang='scss'> | 108 | <style scoped lang='scss'> |
| 104 | /deep/.el-tree-node.is-expanded>.el-tree-node__children { | 109 | /deep/.el-tree-node.is-expanded > .el-tree-node__children { |
| 105 | display: flex; | 110 | display: flex; |
| 106 | flex-wrap: wrap; | 111 | flex-wrap: wrap; |
| 107 | } | 112 | } |
| 108 | </style> | 113 | </style> | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-07-20 13:40:32 | ||
| 5 | --> | ||
| 1 | <template> | 6 | <template> |
| 2 | <div class="model"> | 7 | <div class="model"> |
| 3 | <div class="mask">123</div> | 8 | <div class="mask">123</div> |
| ... | @@ -18,8 +23,8 @@ | ... | @@ -18,8 +23,8 @@ |
| 18 | 23 | ||
| 19 | 24 | ||
| 20 | <style scoped lang='scss'> | 25 | <style scoped lang='scss'> |
| 21 | //css部分 | 26 | //css部分 |
| 22 | .mask { | 27 | .mask { |
| 23 | position: fixed; //这里用固定定位,后面设置动画时才不受影响 | 28 | position: fixed; //这里用固定定位,后面设置动画时才不受影响 |
| 24 | top: 0; | 29 | top: 0; |
| 25 | height: 100%; | 30 | height: 100%; |
| ... | @@ -27,8 +32,8 @@ | ... | @@ -27,8 +32,8 @@ |
| 27 | background-color: rgba(167, 165, 165, 0.486); | 32 | background-color: rgba(167, 165, 165, 0.486); |
| 28 | opacity: 0.5; | 33 | opacity: 0.5; |
| 29 | z-index: 9; | 34 | z-index: 9; |
| 30 | } | 35 | } |
| 31 | .model-dialog { | 36 | .model-dialog { |
| 32 | position: absolute; | 37 | position: absolute; |
| 33 | //让弹框居中显示 | 38 | //让弹框居中显示 |
| 34 | top: 50%; | 39 | top: 50%; |
| ... | @@ -41,8 +46,8 @@ | ... | @@ -41,8 +46,8 @@ |
| 41 | border: 1px solid #f5f5f5; | 46 | border: 1px solid #f5f5f5; |
| 42 | overflow: hidden; | 47 | overflow: hidden; |
| 43 | z-index: 10; //这里注意层级要比mask大,覆盖它 | 48 | z-index: 10; //这里注意层级要比mask大,覆盖它 |
| 44 | } | 49 | } |
| 45 | .model-header { | 50 | .model-header { |
| 46 | position: relative; | 51 | position: relative; |
| 47 | height: 50px; | 52 | height: 50px; |
| 48 | padding-left: 10px; | 53 | padding-left: 10px; |
| ... | @@ -51,21 +56,21 @@ | ... | @@ -51,21 +56,21 @@ |
| 51 | line-height: 50px; | 56 | line-height: 50px; |
| 52 | background-color: #f5f5f5; | 57 | background-color: #f5f5f5; |
| 53 | border-bottom: 1px solid rgb(177, 176, 176); | 58 | border-bottom: 1px solid rgb(177, 176, 176); |
| 54 | } | 59 | } |
| 55 | .model-body { | 60 | .model-body { |
| 56 | height: 150px; | 61 | height: 150px; |
| 57 | line-height: 150px; | 62 | line-height: 150px; |
| 58 | font-size: 28px; | 63 | font-size: 28px; |
| 59 | text-align: center; | 64 | text-align: center; |
| 60 | background-color: #fff; | 65 | background-color: #fff; |
| 61 | } | 66 | } |
| 62 | .model-footer { | 67 | .model-footer { |
| 63 | background-color: #f5f5f5; | 68 | background-color: #f5f5f5; |
| 64 | height: 100px; | 69 | height: 100px; |
| 65 | text-align: center; | 70 | text-align: center; |
| 66 | line-height: 100px; | 71 | line-height: 100px; |
| 67 | } | 72 | } |
| 68 | .btn { | 73 | .btn { |
| 69 | width: 180px; | 74 | width: 180px; |
| 70 | height: 40px; | 75 | height: 40px; |
| 71 | border-radius: 8px; | 76 | border-radius: 8px; |
| ... | @@ -73,8 +78,8 @@ | ... | @@ -73,8 +78,8 @@ |
| 73 | color: #fff; | 78 | color: #fff; |
| 74 | font-size: 18px; | 79 | font-size: 18px; |
| 75 | border: none; | 80 | border: none; |
| 76 | } | 81 | } |
| 77 | .icon-close { | 82 | .icon-close { |
| 78 | position: absolute; //如果不加绝对布局,图表显示不出来 | 83 | position: absolute; //如果不加绝对布局,图表显示不出来 |
| 79 | background-color: pink; | 84 | background-color: pink; |
| 80 | right: 15px; | 85 | right: 15px; |
| ... | @@ -84,5 +89,5 @@ | ... | @@ -84,5 +89,5 @@ |
| 84 | z-index: 10; | 89 | z-index: 10; |
| 85 | //background: url("../assets/icon-close.png") no-repeat; | 90 | //background: url("../assets/icon-close.png") no-repeat; |
| 86 | background-size: contain; | 91 | background-size: contain; |
| 87 | } | 92 | } |
| 88 | </style> | 93 | </style> |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
-
Please register or sign in to post a comment