Skip to content

Commit 82ba8a7

Browse files
zxysilentzxysilent
committed
[U] 调整命名
1 parent fd9f67e commit 82ba8a7

File tree

2 files changed

+151
-151
lines changed

2 files changed

+151
-151
lines changed

‎vue/src/views/main.less‎ renamed to ‎vue/src/views/layout.less‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
.main {
1+
.layout {
22
height: 100%;
33
&-content {
44
padding: 4px;

‎vue/src/views/main.vue‎ renamed to ‎vue/src/views/layout.vue‎

Lines changed: 150 additions & 150 deletions
Original file line numberDiff line numberDiff line change
@@ -1,150 +1,150 @@
1-
<style lang="less" scoped>
2-
@import "./main.less";
3-
</style>
4-
<template>
5-
<Layout class="main">
6-
<Sider hide-trigger :width="200" class="main-sider" :style="{overflow: 'hidden'}">
7-
<div class="sider-container">
8-
<div class="sider-header ">
9-
<img src="../assets/logo.png" alt="" srcset="">
10-
<div class="header-user">{{ user.name }}</div>
11-
<div class="header-menu">
12-
<Tooltip content="前台主页" placement="bottom">
13-
<a href="/" target="_blank">
14-
<Icon type="md-paper-plane" size="20" /></a>
15-
</Tooltip>
16-
<Divider type="vertical" />
17-
<Tooltip content="个人中心" placement="bottom">
18-
<router-link to="/self" tag="span">
19-
<Icon type="ios-person" size="20" />
20-
</router-link>
21-
</Tooltip>
22-
<Divider type="vertical" />
23-
<Tooltip content="退出登陆" placement="bottom">
24-
<Icon type="md-log-out" size="20" @click="logout" />
25-
</Tooltip>
26-
</div>
27-
</div>
28-
<Menu ref="menu" :active-name="$route.name" :open-names="$route.name.split('-')" theme="dark" width="auto" accordion>
29-
<MenuItem name="home" to="/home">
30-
<Icon type="ios-home-outline" /> 管理主页</MenuItem>
31-
<Submenu name="post">
32-
<template slot="title">
33-
<Icon type="ios-megaphone-outline" />
34-
博客管理
35-
</template>
36-
<MenuItem name="post-list" to="/post/list">
37-
<Icon type="ios-list-box-outline" />文章列表</MenuItem>
38-
<MenuItem name="post-add" to="/post/add">
39-
<Icon type="ios-add-circle-outline" />添加文章</MenuItem>
40-
</Submenu>
41-
<Submenu name="page">
42-
<template slot="title">
43-
<Icon type="ios-map-outline" />
44-
页面管理
45-
</template>
46-
<MenuItem name="page-list" to="/page/list">
47-
<Icon type="ios-list-box-outline" />页面列表</MenuItem>
48-
<MenuItem name="page-add" to="/page/add">
49-
<Icon type="ios-add-circle-outline" />添加页面</MenuItem>
50-
</Submenu>
51-
<Submenu name="cate">
52-
<template slot="title">
53-
<Icon type="ios-school-outline" />
54-
分类管理
55-
</template>
56-
<MenuItem name="cate-list" to="/cate/list">
57-
<Icon type="ios-list-box-outline" />分类列表</MenuItem>
58-
<MenuItem name="cate-add" to="/cate/add">
59-
<Icon type="ios-add-circle-outline" />添加分类</MenuItem>
60-
</Submenu>
61-
<Submenu name="tag">
62-
<template slot="title">
63-
<Icon type="ios-pricetags-outline" />
64-
标签管理
65-
</template>
66-
<MenuItem name="tag-list" to="/tag/list">
67-
<Icon type="ios-list-box-outline" />标签列表</MenuItem>
68-
<MenuItem name="tag-add" to="/tag/add">
69-
<Icon type="ios-add-circle-outline" />添加标签</MenuItem>
70-
</Submenu>
71-
<Submenu name="setting">
72-
<template slot="title">
73-
<Icon type="ios-cog-outline" />
74-
系统设置
75-
</template>
76-
<MenuItem name="setting-base" to="/setting/base">
77-
<Icon type="ios-cog-outline" />基本设置</MenuItem>
78-
<MenuItem name="setting-comment" to="/setting/comment">
79-
<Icon type="ios-text-outline" />评论设置</MenuItem>
80-
<MenuItem name="setting-analytic" to="/setting/analytic">
81-
<Icon type="ios-pulse" /> 统计设置</MenuItem>
82-
<MenuItem name="setting-custom" to="/setting/custom">
83-
<Icon type="ios-code-working" /> 自 定 义</MenuItem>
84-
</Submenu>
85-
</Menu>
86-
</div>
87-
</Sider>
88-
<Content class="main-content">
89-
<!-- <keep-alive> -->
90-
<router-view :key="rkey" />
91-
<!-- </keep-alive> -->
92-
</Content>
93-
</Layout>
94-
</template>
95-
<script>
96-
import util from "@/init/util.js";
97-
import { admAuth } from "@/api/auth";
98-
export default {
99-
data() {
100-
return {
101-
rkey: 6655,
102-
user: { name: "--", num: "--" }
103-
};
104-
},
105-
computed: {
106-
// cachePage() {
107-
// return this.$store.state.app.cachePage;
108-
// }
109-
},
110-
methods: {
111-
init() {
112-
admAuth().then(resp => {
113-
if (resp.code == 200) {
114-
this.user = resp.data;
115-
}
116-
});
117-
},
118-
logout() {
119-
// this.$store.commit("logout", this);
120-
// 移除 vuex
121-
localStorage.clear();
122-
sessionStorage.clear();
123-
this.$router.push({ name: "login" });
124-
}
125-
},
126-
updated() {
127-
// 手动更新展开的子目录
128-
this.$nextTick(() => {
129-
console.log("nextTick");
130-
if (this.$refs.menu) {
131-
this.$refs.menu.updateOpened();
132-
}
133-
});
134-
},
135-
watch: {
136-
$route(to, from) {
137-
// console.log("to.name=>", to.name);
138-
// 强制触发生命周期
139-
if (to.name == "post-edit" || to.name == "post-add" || to.name == "page-edit" || to.name == "page-add") {
140-
this.rkey = new Date().getTime();
141-
} else {
142-
this.rkey = 6655;
143-
}
144-
}
145-
},
146-
created() {
147-
this.init();
148-
}
149-
};
150-
</script>
1+
<style lang="less" scoped>
2+
@import "./layout.less";
3+
</style>
4+
<template>
5+
<Layout class="layout">
6+
<Sider hide-trigger :width="200" class="layout-sider" :style="{overflow: 'hidden'}">
7+
<div class="sider-container">
8+
<div class="sider-header ">
9+
<img src="../assets/logo.png" alt="" srcset="">
10+
<div class="header-user">{{ user.name }}</div>
11+
<div class="header-menu">
12+
<Tooltip content="前台主页" placement="bottom">
13+
<a href="/" target="_blank">
14+
<Icon type="md-paper-plane" size="20" /></a>
15+
</Tooltip>
16+
<Divider type="vertical" />
17+
<Tooltip content="个人中心" placement="bottom">
18+
<router-link to="/self" tag="span">
19+
<Icon type="ios-person" size="20" />
20+
</router-link>
21+
</Tooltip>
22+
<Divider type="vertical" />
23+
<Tooltip content="退出登陆" placement="bottom">
24+
<Icon type="md-log-out" size="20" @click="logout" />
25+
</Tooltip>
26+
</div>
27+
</div>
28+
<Menu ref="menu" :active-name="$route.name" :open-names="$route.name.split('-')" theme="dark" width="auto" accordion>
29+
<MenuItem name="home" to="/home">
30+
<Icon type="ios-home-outline" /> 管理主页</MenuItem>
31+
<Submenu name="post">
32+
<template slot="title">
33+
<Icon type="ios-megaphone-outline" />
34+
博客管理
35+
</template>
36+
<MenuItem name="post-list" to="/post/list">
37+
<Icon type="ios-list-box-outline" />文章列表</MenuItem>
38+
<MenuItem name="post-add" to="/post/add">
39+
<Icon type="ios-add-circle-outline" />添加文章</MenuItem>
40+
</Submenu>
41+
<Submenu name="page">
42+
<template slot="title">
43+
<Icon type="ios-map-outline" />
44+
页面管理
45+
</template>
46+
<MenuItem name="page-list" to="/page/list">
47+
<Icon type="ios-list-box-outline" />页面列表</MenuItem>
48+
<MenuItem name="page-add" to="/page/add">
49+
<Icon type="ios-add-circle-outline" />添加页面</MenuItem>
50+
</Submenu>
51+
<Submenu name="cate">
52+
<template slot="title">
53+
<Icon type="ios-school-outline" />
54+
分类管理
55+
</template>
56+
<MenuItem name="cate-list" to="/cate/list">
57+
<Icon type="ios-list-box-outline" />分类列表</MenuItem>
58+
<MenuItem name="cate-add" to="/cate/add">
59+
<Icon type="ios-add-circle-outline" />添加分类</MenuItem>
60+
</Submenu>
61+
<Submenu name="tag">
62+
<template slot="title">
63+
<Icon type="ios-pricetags-outline" />
64+
标签管理
65+
</template>
66+
<MenuItem name="tag-list" to="/tag/list">
67+
<Icon type="ios-list-box-outline" />标签列表</MenuItem>
68+
<MenuItem name="tag-add" to="/tag/add">
69+
<Icon type="ios-add-circle-outline" />添加标签</MenuItem>
70+
</Submenu>
71+
<Submenu name="setting">
72+
<template slot="title">
73+
<Icon type="ios-cog-outline" />
74+
系统设置
75+
</template>
76+
<MenuItem name="setting-base" to="/setting/base">
77+
<Icon type="ios-cog-outline" />基本设置</MenuItem>
78+
<MenuItem name="setting-comment" to="/setting/comment">
79+
<Icon type="ios-text-outline" />评论设置</MenuItem>
80+
<MenuItem name="setting-analytic" to="/setting/analytic">
81+
<Icon type="ios-pulse" /> 统计设置</MenuItem>
82+
<MenuItem name="setting-custom" to="/setting/custom">
83+
<Icon type="ios-code-working" /> 自 定 义</MenuItem>
84+
</Submenu>
85+
</Menu>
86+
</div>
87+
</Sider>
88+
<Content class="layout-content">
89+
<!-- <keep-alive> -->
90+
<router-view :key="rkey" />
91+
<!-- </keep-alive> -->
92+
</Content>
93+
</Layout>
94+
</template>
95+
<script>
96+
import util from "@/init/util.js";
97+
import { admAuth } from "@/api/auth";
98+
export default {
99+
data() {
100+
return {
101+
rkey: 6655,
102+
user: { name: "--", num: "--" }
103+
};
104+
},
105+
computed: {
106+
// cachePage() {
107+
// return this.$store.state.app.cachePage;
108+
// }
109+
},
110+
methods: {
111+
init() {
112+
admAuth().then(resp => {
113+
if (resp.code == 200) {
114+
this.user = resp.data;
115+
}
116+
});
117+
},
118+
logout() {
119+
// this.$store.commit("logout", this);
120+
// 移除 vuex
121+
localStorage.clear();
122+
sessionStorage.clear();
123+
this.$router.push({ name: "login" });
124+
}
125+
},
126+
updated() {
127+
// 手动更新展开的子目录
128+
this.$nextTick(() => {
129+
console.log("nextTick");
130+
if (this.$refs.menu) {
131+
this.$refs.menu.updateOpened();
132+
}
133+
});
134+
},
135+
watch: {
136+
$route(to, from) {
137+
// console.log("to.name=>", to.name);
138+
// 强制触发生命周期
139+
if (to.name == "post-edit" || to.name == "post-add" || to.name == "page-edit" || to.name == "page-add") {
140+
this.rkey = new Date().getTime();
141+
} else {
142+
this.rkey = 6655;
143+
}
144+
}
145+
},
146+
created() {
147+
this.init();
148+
}
149+
};
150+
</script>

0 commit comments

Comments
 (0)