Skip to content
Toggle navigation
Toggle navigation
This project
Loading...
Sign in
bdc
/
bdcdj-web
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Network
Create a new issue
Builds
Commits
Issue Boards
Files
Commits
Network
Compare
Branches
Tags
587c5305
authored
2023-07-20 14:09:59 +0800
by
renchao@pashanhoo.com
Browse Files
Options
Browse Files
Tag
Download
Email Patches
Plain Diff
docs:注释增加
1 parent
ecb27d8c
Show whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
51 additions
and
31 deletions
src/components/CheckBox/checkbox.vue
src/components/DialogBox/dialogBox.vue
src/views/components/addProject.vue
src/views/components/comMsg.vue
src/components/CheckBox/checkbox.vue
View file @
587c530
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-20 10:22:20
-->
<
template
>
<label
class=
"el-checkbox"
:class=
"[
border && checkboxSize ? 'el-checkbox--' + checkboxSize : '',
...
...
@@ -26,9 +31,9 @@
</label>
</
template
>
<
script
>
import
Emitter
from
'element-ui/src/mixins/emitter'
;
import
Emitter
from
'element-ui/src/mixins/emitter'
;
export
default
{
export
default
{
name
:
'ElCheckbox'
,
mixins
:
[
Emitter
],
...
...
@@ -238,5 +243,5 @@ export default {
this
.
dispatch
(
'ElFormItem'
,
'el.form.change'
,
value
);
}
}
};
};
</
script
>
...
...
src/components/DialogBox/dialogBox.vue
View file @
587c530
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-20 13:33:07
-->
<
template
>
<el-dialog
:visible
.
sync=
"dialogVisible"
v-if=
"dialogVisible"
:width=
"width"
:fullscreen=
"fullscreen"
top=
"0"
:append-to-body=
"appendToBody"
:lock-scroll=
"true"
:close-on-click-modal=
"false"
@
close=
"closeDialog"
:key=
"key"
...
...
@@ -23,7 +28,7 @@
</el-dialog>
</
template
>
<
script
>
export
default
{
export
default
{
props
:
{
value
:
{
type
:
Boolean
,
default
:
false
},
isMain
:
{
...
...
@@ -123,17 +128,17 @@ export default {
this
.
$emit
(
'closeDialog'
)
}
},
}
}
</
script
>
<
style
rel=
"stylesheet/scss"
lang=
"scss"
>
@import
"~@/styles/mixin.scss"
;
@import
"~@/styles/dialogBox.scss"
;
@import
"~@/styles/mixin.scss"
;
@import
"~@/styles/dialogBox.scss"
;
</
style
>
<
style
rel=
"stylesheet/scss"
scoped
lang=
"scss"
>
/
deep
/
.is-fullscreen
{
/
deep
/
.is-fullscreen
{
position
:
absolute
;
top
:
50%
!important
;
left
:
50%
!important
;
transform
:
translate
(
-50%
,
-50%
)
!important
;
}
}
</
style
>
...
...
src/views/components/addProject.vue
View file @
587c530
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-20 13:40:27
-->
<
template
>
<dialogBox
title=
"配置常办项目"
@
submitForm=
"submitForm"
saveButton=
"保存"
:isFullscreen=
"false"
width=
"50%"
@
closeDialog=
"closeDialog"
v-model=
"myValue"
>
...
...
@@ -6,10 +11,10 @@
</dialogBox>
</
template
>
<
script
>
import
{
getMenuInfo
}
from
"@/api/user.js"
;
import
Tree
from
"@/components/Tree/src/tree.vue"
import
{
saveFrequentProjectsList
,
getHomeFrequentProjects
}
from
"@/api/home.js"
;
export
default
{
import
{
getMenuInfo
}
from
"@/api/user.js"
;
import
Tree
from
"@/components/Tree/src/tree.vue"
import
{
saveFrequentProjectsList
,
getHomeFrequentProjects
}
from
"@/api/home.js"
;
export
default
{
components
:
{
Tree
},
...
...
@@ -98,11 +103,11 @@ export default {
}
}
}
}
}
</
script
>
<
style
scoped
lang=
'scss'
>
/
deep
/
.el-tree-node.is-expanded
>
.el-tree-node__children
{
/
deep
/
.el-tree-node.is-expanded
>
.el-tree-node__children
{
display
:
flex
;
flex-wrap
:
wrap
;
}
}
</
style
>
...
...
src/views/components/comMsg.vue
View file @
587c530
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-20 13:40:32
-->
<
template
>
<div
class=
"model"
>
<div
class=
"mask"
>
123
</div>
...
...
@@ -18,8 +23,8 @@
<
style
scoped
lang=
'scss'
>
//
css
部分
.mask
{
//
css
部分
.mask
{
position
:
fixed
;
//这里用固定定位,后面设置动画时才不受影响
top
:
0
;
height
:
100%
;
...
...
@@ -27,8 +32,8 @@
background-color
:
rgba
(
167
,
165
,
165
,
0.486
);
opacity
:
0.5
;
z-index
:
9
;
}
.model-dialog
{
}
.model-dialog
{
position
:
absolute
;
//让弹框居中显示
top
:
50%
;
...
...
@@ -41,8 +46,8 @@
border
:
1px
solid
#f5f5f5
;
overflow
:
hidden
;
z-index
:
10
;
//这里注意层级要比mask大,覆盖它
}
.model-header
{
}
.model-header
{
position
:
relative
;
height
:
50px
;
padding-left
:
10px
;
...
...
@@ -51,21 +56,21 @@
line-height
:
50px
;
background-color
:
#f5f5f5
;
border-bottom
:
1px
solid
rgb
(
177
,
176
,
176
);
}
.model-body
{
}
.model-body
{
height
:
150px
;
line-height
:
150px
;
font-size
:
28px
;
text-align
:
center
;
background-color
:
#fff
;
}
.model-footer
{
}
.model-footer
{
background-color
:
#f5f5f5
;
height
:
100px
;
text-align
:
center
;
line-height
:
100px
;
}
.btn
{
}
.btn
{
width
:
180px
;
height
:
40px
;
border-radius
:
8px
;
...
...
@@ -73,8 +78,8 @@
color
:
#fff
;
font-size
:
18px
;
border
:
none
;
}
.icon-close
{
}
.icon-close
{
position
:
absolute
;
//如果不加绝对布局,图表显示不出来
background-color
:
pink
;
right
:
15px
;
...
...
@@ -84,5 +89,5 @@
z-index
:
10
;
//
background
:
url("../assets/icon-close.png")
no-repeat
;
background-size
:
contain
;
}
}
</
style
>
\ No newline at end of file
...
...
Please
register
or
sign in
to post a comment