Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Contribute to GitLab
Sign in / Register
Toggle navigation
D
dsk-cr20g
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Administrator
dsk-cr20g
Commits
fd7ad8be
Commit
fd7ad8be
authored
Sep 05, 2023
by
huangjie
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
*
parent
232ac571
Changes
5
Show whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
110 additions
and
52 deletions
+110
-52
public.css
dsk-operate-ui/src/assets/styles/public.css
+2
-2
Logo.vue
dsk-operate-ui/src/layout/components/Sidebar/Logo.vue
+57
-11
SidebarItem.vue
dsk-operate-ui/src/layout/components/Sidebar/SidebarItem.vue
+8
-0
index.vue
dsk-operate-ui/src/layout/components/TagsView/index.vue
+28
-28
index.vue
dsk-operate-ui/src/views/system/user/index.vue
+15
-11
No files found.
dsk-operate-ui/src/assets/styles/public.css
View file @
fd7ad8be
dsk-operate-ui/src/layout/components/Sidebar/Logo.vue
View file @
fd7ad8be
<
template
>
<
template
>
<div
class=
"sidebar-logo-container"
:class=
"
{'collapse':collapse}" :style="{ backgroundColor: sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground }">
<div
class=
"sidebar-logo-container"
:class=
"
{'collapse':collapse}" :style="{ backgroundColor: sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground }">
<transition
name=
"sidebarLogoFade"
>
<el-popover
placement=
"right"
popper-class=
'tooltips'
visible-arrow=
"true"
trigger=
"hover"
>
<div>
<img
:src=
"logo"
class=
"tips_logo"
/>
<div
class=
"tips_title"
>
{{
title
}}
</div>
</div>
<transition
name=
"sidebarLogoFade"
slot=
"reference"
>
<router-link
v-if=
"collapse"
key=
"collapse"
class=
"sidebar-logo-link"
to=
"/"
>
<router-link
v-if=
"collapse"
key=
"collapse"
class=
"sidebar-logo-link"
to=
"/"
>
<img
v-if=
"logo"
:src=
"logo"
class=
"sidebar-logo"
/>
<img
v-if=
"logo"
:src=
"logo"
class=
"sidebar-logo"
/>
<h1
v-else
class=
"sidebar-title"
:style=
"
{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">
{{
title
}}
</h1>
<h1
v-else
class=
"sidebar-title"
:style=
"
{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">
{{
title
}}
</h1>
...
@@ -10,6 +19,7 @@
...
@@ -10,6 +19,7 @@
<h1
class=
"text-cl1 sidebar-title"
:style=
"
{ width: '98px', color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">
{{
title
}}
</h1>
<h1
class=
"text-cl1 sidebar-title"
:style=
"
{ width: '98px', color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">
{{
title
}}
</h1>
</router-link>
</router-link>
</transition>
</transition>
</el-popover>
</div>
</div>
</
template
>
</
template
>
...
@@ -60,7 +70,7 @@ export default {
...
@@ -60,7 +70,7 @@ export default {
background
:
#141b2f
;
background
:
#141b2f
;
border-bottom
:
1px
solid
#1a2743
;
border-bottom
:
1px
solid
#1a2743
;
text-align
:
center
;
text-align
:
center
;
overflow
:
hidden
;
/*overflow: hidden;*/
&
.sidebar-logo-link
{
&
.sidebar-logo-link
{
height
:
100%
;
height
:
100%
;
...
@@ -91,4 +101,40 @@ export default {
...
@@ -91,4 +101,40 @@ export default {
}
}
}
}
}
}
.tooltips
{
}
</
style
>
<
style
lang=
"scss"
>
.tooltips.el-popover
{
min-width
:
96px
!
important
;
width
:
96px
;
padding
:
0
;
.tips_logo
{
display
:
block
;
margin
:
17px
auto
8px
;
}
.tips_title
{
font-family
:
MicrosoftYaHei-Regular
,
MicrosoftYaHei
;
color
:
#232323
;
line-height
:
28px
;
width
:
192px
;
font-size
:
22px
;
transform
:scale
(
0
.5
)
;
-webkit-transform
:scale
(
0
.5
)
;
padding
:
0
16px
;
float
:
left
;
margin-top
:
-14px
;
margin-left
:
-48px
;
text-align
:
center
;
}
}
.tooltips.el-popper
{
.popper__arrow
{
display
:
block
!
important
;
}
}
.tooltips.el-popper
[
x-placement
^=
right
]
{
margin-left
:
3px
!
important
;
}
</
style
>
</
style
>
dsk-operate-ui/src/layout/components/Sidebar/SidebarItem.vue
View file @
fd7ad8be
...
@@ -188,3 +188,11 @@ export default {
...
@@ -188,3 +188,11 @@ export default {
}
}
}
}
</
script
>
</
script
>
<
style
lang=
"scss"
>
.side-popover.el-popper
{
.popper__arrow
{
display
:
block
!
important
;
}
}
</
style
>
dsk-operate-ui/src/layout/components/TagsView/index.vue
View file @
fd7ad8be
<
template
>
<
template
>
<div
id=
"tags-view-container"
class=
"tags-view-container"
>
<div
id=
"tags-view-container"
class=
"tags-view-container"
>
<scroll-pane
ref=
"scrollPane"
class=
"tags-view-wrapper"
@
scroll=
"handleScroll"
>
<router-link
v-for=
"(tag, index) in visitedViews"
ref=
"tag"
:key=
"tag.path"
:class=
"isActive(tag)?'active':''"
:to=
"
{ path: tag.path, query: tag.query, fullPath: tag.fullPath }"
tag="span"
class="tags-view-item"
@click.middle.native="!isAffix(tag)?closeSelectedTag(tag):''"
@contextmenu.prevent.native="openMenu(tag,$event)"
>
<svg
:class=
"isActive(tag)?'tags-icon tags-icon-active':'tags-icon'"
aria-hidden=
"true"
>
<use
:xlink:href=
"iconName(tag)"
/>
</svg>
<span
:id=
"isActive(tag)?'tagTitle':''"
>
{{
tag
.
title
}}
</span>
<span
v-if=
"!isAffix(tag)"
class=
"el-icon-close"
@
click
.
prevent
.
stop=
"closeSelectedTag(tag)"
/>
<i
:class=
"index!=visitedViews.length-1 && index != isActiveIndex() && index != isActiveIndex()-1?'tags-item-line':'tags-item-line item-color'"
/>
</router-link>
</scroll-pane>
<ul
v-show=
"visible"
:style=
"
{left:left+'px',top:top+'px'}" class="contextmenu">
<li
@
click=
"refreshSelectedTag(selectedTag)"
><i
class=
"el-icon-refresh-right"
></i>
刷新页面
</li>
<li
v-if=
"!isAffix(selectedTag)"
@
click=
"closeSelectedTag(selectedTag)"
><i
class=
"el-icon-close"
></i>
关闭当前
</li>
<li
@
click=
"closeOthersTags"
><i
class=
"el-icon-circle-close"
></i>
关闭其他
</li>
<li
v-if=
"!isFirstView()"
@
click=
"closeLeftTags"
><i
class=
"el-icon-back"
></i>
关闭左侧
</li>
<li
v-if=
"!isLastView()"
@
click=
"closeRightTags"
><i
class=
"el-icon-right"
></i>
关闭右侧
</li>
<li
@
click=
"closeAllTags(selectedTag)"
><i
class=
"el-icon-circle-close"
></i>
全部关闭
</li>
</ul>
<div
class=
"alltags"
v-if=
"visitedViews.length > 0"
>
<div
class=
"alltags"
v-if=
"visitedViews.length > 0"
>
<div
class=
""
@
click=
"closeall"
><i
class=
"el-icon-arrow-down"
v-if=
"!showall"
></i>
<i
class=
"el-icon-arrow-up"
v-if=
"showall"
></i></div>
<div
class=
""
@
click=
"closeall"
><i
class=
"el-icon-arrow-down"
v-if=
"!showall"
></i>
<i
class=
"el-icon-arrow-up"
v-if=
"showall"
></i></div>
<div
class=
"tagslist"
v-if=
"showall"
>
<div
class=
"tagslist"
v-if=
"showall"
>
...
@@ -56,6 +28,34 @@
...
@@ -56,6 +28,34 @@
<div
class=
"clasall"
@
click=
"closeAllTag(selectedTag)"
>
关闭全部标签
</div>
<div
class=
"clasall"
@
click=
"closeAllTag(selectedTag)"
>
关闭全部标签
</div>
</div>
</div>
</div>
</div>
<scroll-pane
ref=
"scrollPane"
class=
"tags-view-wrapper"
@
scroll=
"handleScroll"
>
<router-link
v-for=
"(tag, index) in visitedViews"
ref=
"tag"
:key=
"tag.path"
:class=
"isActive(tag)?'active':''"
:to=
"
{ path: tag.path, query: tag.query, fullPath: tag.fullPath }"
tag="span"
class="tags-view-item"
@click.middle.native="!isAffix(tag)?closeSelectedTag(tag):''"
@contextmenu.prevent.native="openMenu(tag,$event)"
>
<svg
:class=
"isActive(tag)?'tags-icon tags-icon-active':'tags-icon'"
aria-hidden=
"true"
>
<use
:xlink:href=
"iconName(tag)"
/>
</svg>
<span
:id=
"isActive(tag)?'tagTitle':''"
>
{{
tag
.
title
}}
</span>
<span
v-if=
"!isAffix(tag)"
class=
"el-icon-close"
@
click
.
prevent
.
stop=
"closeSelectedTag(tag)"
/>
<i
:class=
"index!=visitedViews.length-1 && index != isActiveIndex() && index != isActiveIndex()-1?'tags-item-line':'tags-item-line item-color'"
/>
</router-link>
</scroll-pane>
<ul
v-show=
"visible"
:style=
"
{left:left+'px',top:top+'px'}" class="contextmenu">
<li
@
click=
"refreshSelectedTag(selectedTag)"
><i
class=
"el-icon-refresh-right"
></i>
刷新页面
</li>
<li
v-if=
"!isAffix(selectedTag)"
@
click=
"closeSelectedTag(selectedTag)"
><i
class=
"el-icon-close"
></i>
关闭当前
</li>
<li
@
click=
"closeOthersTags"
><i
class=
"el-icon-circle-close"
></i>
关闭其他
</li>
<li
v-if=
"!isFirstView()"
@
click=
"closeLeftTags"
><i
class=
"el-icon-back"
></i>
关闭左侧
</li>
<li
v-if=
"!isLastView()"
@
click=
"closeRightTags"
><i
class=
"el-icon-right"
></i>
关闭右侧
</li>
<li
@
click=
"closeAllTags(selectedTag)"
><i
class=
"el-icon-circle-close"
></i>
全部关闭
</li>
</ul>
</div>
</div>
</
template
>
</
template
>
...
...
dsk-operate-ui/src/views/system/user/index.vue
View file @
fd7ad8be
...
@@ -149,12 +149,12 @@
...
@@ -149,12 +149,12 @@
<el-table
v-loading=
"loading"
:data=
"userList"
@
selection-change=
"handleSelectionChange"
>
<el-table
v-loading=
"loading"
:data=
"userList"
@
selection-change=
"handleSelectionChange"
>
<el-table-column
type=
"selection"
width=
"50"
align=
"center"
/>
<el-table-column
type=
"selection"
width=
"50"
align=
"center"
/>
<el-table-column
label=
"用户编号"
align=
"center"
:key=
Math.random()
prop=
"userId"
v-if=
"columns[0].visible"
/>
<el-table-column
label=
"用户编号"
align=
"center"
:key=
'mathkey+1'
prop=
"userId"
v-if=
"columns[0].visible"
/>
<!--
<el-table-column
label=
"用户名称"
align=
"center"
key=
"userName"
prop=
"userName"
v-if=
"columns[1].visible"
:show-overflow-tooltip=
"true"
/>
-->
<!--
<el-table-column
label=
"用户名称"
align=
"center"
key=
"userName"
prop=
"userName"
v-if=
"columns[1].visible"
:show-overflow-tooltip=
"true"
/>
-->
<el-table-column
label=
"用户昵称"
align=
"center"
:key=
Math.random()
prop=
"nickName"
v-if=
"columns[2].visible"
:show-overflow-tooltip=
"true"
/>
<el-table-column
label=
"用户昵称"
align=
"center"
:key=
'mathkey+2'
prop=
"nickName"
v-if=
"columns[2].visible"
:show-overflow-tooltip=
"true"
/>
<el-table-column
label=
"部门"
align=
"center"
:key=
Math.random()
prop=
"dept.deptName"
v-if=
"columns[3].visible"
:show-overflow-tooltip=
"true"
/>
<el-table-column
label=
"部门"
align=
"center"
:key=
'mathkey+3'
prop=
"dept.deptName"
v-if=
"columns[3].visible"
:show-overflow-tooltip=
"true"
/>
<el-table-column
label=
"手机号码"
align=
"center"
:key=
Math.random()
prop=
"phonenumber"
v-if=
"columns[4].visible"
width=
"120"
/>
<el-table-column
label=
"手机号码"
align=
"center"
:key=
'mathkey+4'
prop=
"phonenumber"
v-if=
"columns[4].visible"
width=
"120"
/>
<el-table-column
label=
"状态"
align=
"center"
:key=
Math.random()
v-if=
"columns[5].visible"
>
<el-table-column
label=
"状态"
align=
"center"
:key=
'mathkey+5'
v-if=
"columns[5].visible"
>
<template
slot-scope=
"scope"
>
<template
slot-scope=
"scope"
>
<el-switch
<el-switch
v-model=
"scope.row.status"
v-model=
"scope.row.status"
...
@@ -164,12 +164,12 @@
...
@@ -164,12 +164,12 @@
></el-switch>
></el-switch>
</
template
>
</
template
>
</el-table-column>
</el-table-column>
<el-table-column
label=
"创建时间"
align=
"center"
:key=
Math.random()
prop=
"createTime"
v-if=
"columns[6].visible"
width=
"160"
>
<el-table-column
label=
"创建时间"
align=
"center"
:key=
'mathkey+6'
prop=
"createTime"
v-if=
"columns[6].visible"
width=
"160"
>
<
template
slot-scope=
"scope"
>
<
template
slot-scope=
"scope"
>
<span>
{{
parseTime
(
scope
.
row
.
createTime
)
}}
</span>
<span>
{{
parseTime
(
scope
.
row
.
createTime
)
}}
</span>
</
template
>
</
template
>
</el-table-column>
</el-table-column>
<el-table-column
<el-table-column
:key=
'mathkey+7'
label=
"操作"
label=
"操作"
align=
"center"
align=
"center"
width=
"160"
width=
"160"
...
@@ -245,7 +245,7 @@
...
@@ -245,7 +245,7 @@
</el-col>
</el-col>
<el-col
:span=
"12"
>
<el-col
:span=
"12"
>
<el-form-item
label=
"手机号码"
prop=
"phonenumber"
>
<el-form-item
label=
"手机号码"
prop=
"phonenumber"
>
<el-input
v-model=
"form.phonenumber"
:disabled=
"isUpdate"
placeholder=
"请输入手机号码"
maxlength=
"11"
/>
<el-input
v-model=
"form.phonenumber"
placeholder=
"请输入手机号码"
maxlength=
"11"
/>
<!--<el-input v-model="form.userName" placeholder="请输入手机号码" maxlength="11" />-->
<!--<el-input v-model="form.userName" placeholder="请输入手机号码" maxlength="11" />-->
</el-form-item>
</el-form-item>
</el-col>
</el-col>
...
@@ -400,6 +400,7 @@ export default {
...
@@ -400,6 +400,7 @@ export default {
components
:
{
Treeselect
},
components
:
{
Treeselect
},
data
()
{
data
()
{
return
{
return
{
mathkey
:
10
,
//导入失败数据
//导入失败数据
showupload
:
false
,
showupload
:
false
,
tableData
:
[],
tableData
:
[],
...
@@ -496,13 +497,18 @@ export default {
...
@@ -496,13 +497,18 @@ export default {
}
}
]
]
},
},
isUpdate
:
false
,
};
};
},
},
watch
:
{
watch
:
{
// 根据名称筛选部门树
// 根据名称筛选部门树
deptName
(
val
)
{
deptName
(
val
)
{
this
.
$refs
.
tree
.
filter
(
val
);
this
.
$refs
.
tree
.
filter
(
val
);
},
//隐藏列回复之后保证不错位
columns
:{
handler
(){
this
.
mathkey
=
Math
.
random
()
},
deep
:
true
}
}
},
},
created
()
{
created
()
{
...
@@ -607,7 +613,6 @@ export default {
...
@@ -607,7 +613,6 @@ export default {
},
},
/** 新增按钮操作 */
/** 新增按钮操作 */
handleAdd
()
{
handleAdd
()
{
this
.
isUpdate
=
false
this
.
reset
();
this
.
reset
();
getUser
().
then
(
response
=>
{
getUser
().
then
(
response
=>
{
this
.
postOptions
=
response
.
data
.
posts
;
this
.
postOptions
=
response
.
data
.
posts
;
...
@@ -619,7 +624,6 @@ export default {
...
@@ -619,7 +624,6 @@ export default {
},
},
/** 修改按钮操作 */
/** 修改按钮操作 */
handleUpdate
(
row
)
{
handleUpdate
(
row
)
{
this
.
isUpdate
=
true
this
.
reset
();
this
.
reset
();
const
userId
=
row
.
userId
||
this
.
ids
;
const
userId
=
row
.
userId
||
this
.
ids
;
getUser
(
userId
).
then
(
response
=>
{
getUser
(
userId
).
then
(
response
=>
{
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment