Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
FLIPPED-AURORA
gin-vue-admin
提交
8110ad23
G
gin-vue-admin
项目概览
FLIPPED-AURORA
/
gin-vue-admin
大约 1 年 前同步成功
通知
335
Star
18155
Fork
5506
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
G
gin-vue-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
8110ad23
编写于
9月 02, 2021
作者:
P
piexlmax
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
清除旧版dashbord 调整新版头图位置
上级
11ee7ac6
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
1 addition
and
198 deletion
+1
-198
web/src/view/dashboard/index.vue
web/src/view/dashboard/index.vue
+1
-1
web/src/view/dashboard/index1.vue
web/src/view/dashboard/index1.vue
+0
-197
未找到文件。
web/src/view/dashboard/index.vue
浏览文件 @
8110ad23
...
...
@@ -191,7 +191,7 @@ export default {
&
-right
{
height
:
600px
;
width
:
600px
;
margin-top
:
-20
px
;
margin-top
:
28
px
;
}
}
.dashbord2
{
...
...
web/src/view/dashboard/index1.vue
已删除
100644 → 0
浏览文件 @
11ee7ac6
<
template
>
<div
class=
"big"
>
<el-row
class=
"card"
>
<el-col
:xs=
"24"
:lg=
"16"
:md=
"16"
style=
"height:90px"
>
<div
class=
"car-left"
>
<el-row>
<el-col
:xs=
"4"
:md=
"3"
:lg=
"3"
>
<span
class=
"card-img"
>
<img
:src=
"userInfo.headerImg"
alt=
""
>
</span>
</el-col>
<el-col
:xs=
"20"
:lg=
"12"
:md=
"12"
>
<div
class=
"text"
>
<h4>
早安,管理员, 请开始您一天的工作吧!
</h4>
<p
class=
"tips-text"
>
<i
class=
"el-icon-sunny el-icon"
/>
<span>
今日晴,0℃ - 10℃,天气寒冷,注意添加衣物。
</span>
</p>
</div>
</el-col>
</el-row>
</div>
</el-col>
<el-col
:xs=
"24"
:lg=
"8"
:md=
"8"
>
<div
class=
"car-right"
>
<el-row>
<el-col
:span=
"8"
>
<div
class=
"card-item"
>
<span
class=
"flow"
><i
class=
"el-icon-s-grid"
/></span>
<span>
今日流量
</span>
<b>
13260
</b>
</div>
</el-col>
<el-col
:span=
"8"
>
<div
class=
"card-item"
>
<span
class=
"user-number"
>
<i
class=
"el-icon-s-custom"
/>
</span>
<span>
总用户
</span>
<b>
48286
</b>
</div>
</el-col>
<el-col
:span=
"8"
>
<div
class=
"card-item"
>
<span
class=
"feedback"
>
<i
class=
"el-icon-star-on"
/>
</span>
<span>
好评率
</span>
<b>
98%
</b>
</div>
</el-col>
</el-row>
</div>
</el-col>
</el-row>
<el-row>
<el-col>
<el-card
shadow=
"hover"
>
<h2>
使用教学:
<a
style=
"color:#409EFF"
target=
"view_window"
href=
"https://www.bilibili.com/video/BV1Rg411u7xH/"
>
https://www.bilibili.com/video/BV1Rg411u7xH/
</a>
</h2>
<br>
<h2>
插件仓库:
<a
style=
"color:#409EFF"
target=
"view_window"
href=
"https://github.com/flipped-aurora/gva-plugins"
>
https://github.com/flipped-aurora/gva-plugins
</a>
</h2>
<div
/>
</el-card>
</el-col>
</el-row>
<div
class=
"shadow"
>
<el-row
:gutter=
"20"
>
<el-col
v-for=
"(card, key) in toolCards"
:key=
"key"
:span=
"4"
:xs=
"8"
@
click=
"toTarget(card.name)"
>
<el-card
shadow=
"hover"
class=
"grid-content"
>
<i
:class=
"card.icon"
:style=
"
{ color: card.color }" />
<p>
{{
card
.
label
}}
</p>
</el-card>
</el-col>
</el-row>
</div>
</div>
</
template
>
<
script
>
import
{
mapGetters
}
from
'
vuex
'
export
default
{
name
:
'
Dashboard
'
,
components
:
{
},
data
()
{
return
{
toolCards
:
[
{
label
:
'
用户管理
'
,
icon
:
'
el-icon el-icon-monitor
'
,
name
:
'
user
'
,
color
:
'
#ff9c6e
'
},
{
label
:
'
角色管理
'
,
icon
:
'
el-icon el-icon-setting
'
,
name
:
'
authority
'
,
color
:
'
#69c0ff
'
},
{
label
:
'
菜单管理
'
,
icon
:
'
el-icon el-icon-menu
'
,
name
:
'
menu
'
,
color
:
'
#b37feb
'
},
{
label
:
'
代码生成器
'
,
icon
:
'
el-icon el-icon-cpu
'
,
name
:
'
autoCode
'
,
color
:
'
#ffd666
'
},
{
label
:
'
表单生成器
'
,
icon
:
'
el-icon el-icon-document-checked
'
,
name
:
'
formCreate
'
,
color
:
'
#ff85c0
'
},
{
label
:
'
关于我们
'
,
icon
:
'
el-icon el-icon-user
'
,
name
:
'
about
'
,
color
:
'
#5cdbd3
'
}
]
}
},
computed
:
{
...
mapGetters
(
'
user
'
,
[
'
userInfo
'
])
},
methods
:
{
toTarget
(
name
)
{
this
.
$router
.
push
({
name
})
}
}
}
</
script
>
<
style
lang=
"scss"
scoped
>
.big
{
margin
:
100px
0
0
0
;
padding-top
:
10px
;
background-color
:
rgb
(
243
,
243
,
243
);
.top
{
width
:
100%
;
height
:
360px
;
margin-top
:
20px
;
overflow
:
hidden
;
.chart-container
{
position
:
relative
;
width
:
100%
;
height
:
100%
;
padding
:
20px
;
background-color
:
#fff
;
}
}
.mid
{
width
:
100%
;
height
:
380px
;
.chart-wrapper
{
height
:
340px
;
background
:
#fff
;
padding
:
16px
16px
0
;
margin-bottom
:
32px
;
}
}
.bottom
{
width
:
100%
;
height
:
420px
;
// margin: 20px 0;
.el-row
{
margin-right
:
4px
!
important
;
}
.chart-player
{
width
:
100%
;
height
:
270px
;
padding
:
10px
;
background-color
:
#fff
;
}
.iPlayer
{
width
:
100%
;
height
:
100%
;
}
}
}
</
style
>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录