Skip to content

Commit ecf4250

Browse files
geekapegeekape
committed
docs:最新截图
1 parent 4646c78 commit ecf4250

File tree

5 files changed

+111
-59
lines changed

5 files changed

+111
-59
lines changed

‎images/page_admin.png

34.6 KB
Loading

‎images/page_index.png

-32.5 KB
Loading

‎src/assets/styles/_common.scss

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,8 @@
1+
.icon-logo {
2+
width: 20px;
3+
height: 20px;
4+
margin-right: 8px;
5+
}
16
.container {
27
.left-bar {
38
position: fixed;

‎src/pages/Admin.vue

Lines changed: 105 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -1,62 +1,92 @@
11
<template>
2-
<section class="admin">
3-
<header class="admin-header">
4-
<h2>极客猿梦导航后台</h2>
5-
<el-button type="primary" size="mini" class="go-home"　@click="$router.push('/')">返回首页</el-button>
6-
</header>
7-
<el-tabs v-model="activeName">
8-
<el-tab-pane label="用户提交" name="one">
9-
<el-table :data="tableData">
10-
<el-table-column label="提交日期" width="180">
11-
<template slot-scope="scope">
12-
<i class="el-icon-time"></i>
13-
<span style="margin-left: 10px">{{ formatTime(scope.row.time) }}</span>
14-
</template>
15-
</el-table-column>
16-
<el-table-column label="网站名称" width="180" prop="name"></el-table-column>
17-
<el-table-column label="网站分类" width="180" prop="classify"></el-table-column>
18-
<el-table-column label="网站链接" width="180" prop="href"></el-table-column>
19-
<el-table-column label="网站描述" width="180" prop="desc"></el-table-column>
20-
<el-table-column label="操作">
21-
<template slot-scope="scope">
22-
<el-button size="mini" @click="openDialog(0, scope.row._id, scope.$index)">通过</el-button>
23-
<el-button
24-
size="mini"
25-
type="danger"
26-
@click="openDialog(1, scope.row._id, scope.$index)"
27-
>拒绝</el-button>
28-
</template>
29-
</el-table-column>
30-
</el-table>
31-
</el-tab-pane>
32-
<el-tab-pane label="所有导航" name="two">
33-
<section v-for="(item,index) in tableNavData" :key="item._id">
34-
<h3>{{item.classify}}</h3>
35-
<el-table :data="item.sites">
36-
<el-table-column label="网站名字" width="180" prop="name"></el-table-column>
2+
<section class="admin container">
3+
<div class="left-bar">
4+
<div class="title">
5+
<img class="icon-logo" src="/favicon.ico">
6+
<span>猿梦极客导航后台</span>
7+
<el-button @click="$router.go(-1)" class="go-back-home" type="primary">返回首页</el-button>
8+
</div>
9+
<el-row>
10+
<el-col :span="24">
11+
<el-menu
12+
:default-active="active"
13+
class="el-menu-vertical-demo"
14+
background-color="#30333c"
15+
text-color="#6b7386"
16+
active-text-color="#fff"
17+
>
18+
<el-menu-item :index="0" @click="active=0">
19+
<span slot="title">用户提交</span>
20+
</el-menu-item>
21+
<el-menu-item :index="1" @click="active=1">
22+
<span slot="title">所有网站</span>
23+
</el-menu-item>
24+
</el-menu>
25+
</el-col>
26+
</el-row>
27+
</div>
28+
<section class="main">
29+
<div id="mainContent">
30+
<div class="user-commit-web" v-show="active==0">
31+
<el-table :data="tableData">
32+
<el-table-column label="提交日期" width="180">
33+
<template slot-scope="scope">
34+
<i class="el-icon-time"></i>
35+
<span style="margin-left: 10px">{{ formatTime(scope.row.time) }}</span>
36+
</template>
37+
</el-table-column>
38+
<el-table-column label="网站名称" width="180" prop="name"></el-table-column>
39+
<el-table-column label="网站分类" width="180" prop="classify"></el-table-column>
3740
<el-table-column label="网站链接" width="180" prop="href"></el-table-column>
38-
<el-table-column label="网站描述" width="180" prop="desc"></el-table-column>Î
41+
<el-table-column label="网站描述" width="180" prop="desc"></el-table-column>
3942
<el-table-column label="操作">
4043
<template slot-scope="scope">
41-
<el-button size="mini" @click="handleEdit(scope.$index, scope.row)">修改</el-button>
44+
<el-button size="mini" @click="openDialog(0, scope.row._id, scope.$index)">通过</el-button>
4245
<el-button
4346
size="mini"
4447
type="danger"
45-
@click="handleDelete(scope.$index, item._id, scope.row, index)"
46-
>删除</el-button>
48+
@click="openDialog(1, scope.row._id, scope.$index)"
49+
>拒绝</el-button>
4750
</template>
4851
</el-table-column>
4952
</el-table>
50-
</section>
51-
</el-tab-pane>
52-
</el-tabs>
53+
</div>
54+
<div class="all-web" v-show="active==1">
55+
<section class="mb-15" v-for="(item,index) in tableNavData" :key="item._id">
56+
<h3>{{item.classify}}</h3>
57+
<el-table :data="item.sites">
58+
<el-table-column label="网站名字" width="180" prop="name"></el-table-column>
59+
<el-table-column label="网站链接" width="180" prop="href"></el-table-column>
60+
<el-table-column label="网站描述" width="180" prop="desc"></el-table-column>Î
61+
<el-table-column label="操作">
62+
<template slot-scope="scope">
63+
<el-button size="mini" @click="handleEdit(scope.$index, scope.row)">修改</el-button>
64+
<el-button
65+
size="mini"
66+
type="danger"
67+
@click="handleDelete(scope.$index, item._id, scope.row, index)"
68+
>删除</el-button>
69+
</template>
70+
</el-table-column>
71+
</el-table>
72+
</section>
73+
</div>
74+
</div>
75+
</section>
76+
<BackTop />
5377
</section>
5478
</template>
5579

5680
<script>
81+
import BackTop from "@/components/BackTop";
82+
5783
export default {
84+
components: {
85+
BackTop
86+
},
5887
data() {
5988
return {
89+
active: 0,
6090
tableData: [],
6191
tableNavData: [],
6292
tableData1: [
@@ -142,6 +172,9 @@ export default {
142172
.catch(_ => {});
143173
}
144174
},
175+
handleEdit () {
176+
this.$message("功能等待添加中...");
177+
},
145178
// 拒绝－直接删除提交
146179
async delAuditNav(id) {
147180
const res = await this.$api.delAuditNav({ id: id });
@@ -157,11 +190,10 @@ export default {
157190
},
158191
// 监听删除导航
159192
async handleDelete(index, id, item, tableNavDataIndex) {
160-
const name = item.name
161-
this.tableNavData[tableNavDataIndex].sites.splice(index, 1)
193+
const name = item.name;
194+
this.tableNavData[tableNavDataIndex].sites.splice(index, 1);
162195
this.$message("删除成功");
163-
const data = await this.$api.delNav(id, name)
164-
196+
const data = await this.$api.delNav(id, name);
165197
},
166198
formatTime(time) {
167199
return (
@@ -178,16 +210,36 @@ export default {
178210
</script>
179211

180212
<style lang="scss" scoped>
181-
.admin {
182-
margin: 30px;
183-
184-
&-header {
185-
margin-bottom: 50px;
186-
}
187-
}
188213
.el-table {
189214
width: auto;
190215
}
216+
.main {
217+
padding: 30px;
218+
}
219+
h3 {
220+
margin: 0;
221+
padding: 15px;
222+
background: #fff;
223+
}
224+
.container .left-bar{
225+
overflow: hidden;
226+
}
227+
.mb-15 {
228+
margin-bottom: 15px;
229+
}
230+
.go-back-home {
231+
font-size: 11px;
232+
padding: 0;
233+
background: #999;
234+
border: 0;
235+
border-radius: 30px;
236+
margin-left: 5px;
237+
padding: 3px;
238+
&:active,
239+
&:hover {
240+
background: #999;
241+
}
242+
}
191243
192244
</style>
193245

‎src/pages/Index.vue

Lines changed: 1 addition & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<section class="index container">
44
<div class="left-bar" :style="{left: isLeftbar ? 0 : '-249px'}">
55
<div class="title">
6-
<img class="logo" src="/favicon.ico">
6+
<img class="icon-logo" src="/favicon.ico">
77
<span>猿梦极客导航</span>
88
</div>
99
<el-row>
@@ -176,9 +176,4 @@ export default {
176176
min-width: 320px;
177177
}
178178

179-
.logo {
180-
width: 20px;
181-
height: 20px;
182-
margin-right: 8px;
183-
}
184179
</style>

0 commit comments

Comments
 (0)