// 初始化项目
1. git clone https://github.com/PanJiaChen/vue-element-admin
2. cd vue-element-admin
3. npm i
4. npm run dev
----------------------------------------------------------------------------------------------
// 项目配置 src/settings.js
1. title // 站点标题，进入某个页面后
2. showSettings // 是否显示右侧悬浮配置按钮
3. tagsView // 是否显示页面标签功能条
4. fixedHeader // 是否将头部布局固定
5. sidebarLogo // 菜单栏中是否显示LOGO
6. errorLog // 默认显示错误日志的环境
----------------------------------------------------------------------------------------------
// 目录结构
1. api // 接口请求
2. assets // 静态资源
3. components // 通用组件
4. directive // 自定义指令
5. filters // 自定义过滤器
6. icons // 图标组件
7. layout // 布局组件
8. router // 路由配置
9. store // 状态管理
10. styles // 自定义样式
11. utils // 通用工具方法
auth.js // token 存取
permission.js // 权限检查
request.js // axios 请求封装
index.js // 工具方法
12. views // 页面
13. permission.js // 登录认证和路由跳转
14. settings.js // 全局配置
15. main.js // 全局入口文件
16. App.vue // 全局入口组件
----------------------------------------------------------------------------------------------
// 时间组件
1. <el-date-picker
v-model="time"
type="datetimerange"
format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss"
range-separator="~"
start-placeholder="有效开始日期"
end-placeholder="有效结束日期"
/>
<el-date-picker
v-model="time"
type="datetime"
format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="注册时间"
/>
<el-date-picker
v-model="time"
type="date"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
placeholder="注册时间"
/>
type="datetimerange": 显示时分秒区间
type="datetime"显示时分秒
type="date"显示日期
2. <el-time-picker
is-range
v-model="time"
range-separator="至"
start-placeholder="开始时间"
end-placeholder="结束时间"
placeholder="选择时间范围
/>
<el-time-picker
v-model="time"
placeholder="任意时间点"
/>
is-range: 可以选区间，不加则选单个任意时间
<el-time-select
v-model="value"
:picker-options="{
start: '08:30',
step: '00:15',
end: '18:30'
}"
placeholder="选择时间"
/>
选择固定时间相当于下拉框
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
