pqyt64hnf
/
delicious-food
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

ADD file via upload

Browse Source
master
pqu3f57g4 2 years ago
parent 087144f8bd
commit 2a33d843ec
1 changed files with 201 additions and 0 deletions
Show Stats Download Patch File Download Diff File

201
src/main/resources/static/front/collectInfo.html
Unescape View File

@ -0,0 +1,201 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="pragma" content="no-cache"/>
<meta http-equiv="content-type" content="no-cache, must-revalidate"/>
<meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT"/>
<title>收藏</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/my.css" rel="stylesheet">
<link href="css/nav.css" rel="stylesheet">
<link href="css/element/index.css" rel="stylesheet"/>
<style>
[v-cloak] {
display: none;
}
</style>
</head>
<body>
<div id="wrapper" v-cloak>
<div class="container">
<!-- 头部开始 -->
<div class="nx-header">
<div style="display: flex;width: 100%; height: 30px; line-height: 30px; background-color: #eee;">
<div style="flex: 5; text-align: right">
<span v-if="user.name">
欢迎您，{{user.name}}
<a style="margin-right: 50px; color: blue" href="javascript:void(0)" @click="logout">退出</a>
</span>
<a v-if="!(user.name)" href="/end/page/login.html" target="_blank" style="margin-right: 10px; color: #666666">登录</a>
<a href="/end/page/register.html" target="_blank" style="margin-right: 30px; color: #666666">注册</a>
</div>
</div>
<div>
<ul style="display: flex; background-color: orange; height: 30px">
<li class="nav-item"><a href="index.html">首页</a></li>
<li class="nav-item"><a href="advertiserInfo.html">系统公告</a></li>
<li class="nav-item"><a href="foodsMenuInfo.html">菜谱</a></li>
<!-- <li class="nav-item"><a href="foodsMaterialInfo.html">食材</a></li>-->
<li class="nav-item"><a class="active" href="collectInfo.html">收藏</a></li>
<li class="nav-item"><a href="notesInfo.html">笔记</a></li>
<li class="nav-item"><a href="newsInfo.html">饮食资讯</a></li>
<li class="nav-item"><a href="messageInfo.html">趣味答题</a></li>
<li v-if="isShow" class="nav-item"><a href="/end/page/index.html" target="_blank">进入后台系统</a></li>
</ul>
</div>
</div>
<!-- 头部结束 -->
</div>
<div class="container" style="margin-top: 20px">
<div class="col-md-12">
<table class="table table-striped table-bordered table-hover">
<thead>
<tr style="background-color: #cccccc">
<th style="width: 50px">ID</th>
<th>名称</th>
<th>类型</th>
<th>时间</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr v-for="(data,index) in tableData" :key="data.id">
<td>{{data.id}}</td>
<td><a style="color: blue" :href="data.url" target="_blank">{{data.name}}</a></td>
<td>{{data.foodsId? '菜谱' : '笔记'}}</td>
<td>{{data.time}}</td>
<td><button class="btn btn-sm btn-danger" @click="del(data.id)">取消收藏</button></td>
</tr>
</tbody>
</table>
<div style="text-align: center;">
<nav aria-label="Page navigation example">
<ul class="pagination">
<li class="page-item" :class="{ disabled: preActive }">
<a class="page-link" href="javascript:void(0)"
@click="loadTable(pageInfo.pageNum - 1)">上一页</a>
</li>
<li class="page-item">
<a class="page-link" href="javascript:void(0)" v-if="pageInfo.pageNum > 1" @click="loadTable(pageInfo.pageNum - 1)">{{pageInfo.pageNum - 1}}</a>
</li>
<li class="page-item disabled">
<a class="page-link" aria-disabled="true" href="javascript:void(0)">{{pageInfo.pageNum}}</a>
</li>
<li class="page-item">
<a class="page-link" href="javascript:void(0)" v-if="pageInfo.hasNextPage" @click="loadTable(pageInfo.pageNum + 1)">{{pageInfo.pageNum + 1}}</a>
</li>
<li class="page-item" :class="{ disabled: nextActive }">
<a class="page-link" href="javascript:void(0)" @click="loadTable(pageInfo.hasNextPage? (pageInfo.pageNum + 1) : pageInfo.pageNum)">下一页</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<script src="js/jquery-1.10.2.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.metisMenu.js"></script>
<script src="js/vue2.6.11/axios.js"></script>
<script src="js/vue2.6.11/vue.min.js"></script>
<script src="js/element/index.js"></script>
<script>
function msg(type, msg) {
Vue.prototype.$message({
type: type, // success（成功）、warning（警告）, error(错误)
message: msg,
duration: 2000,
offset: 100,
center: true,
})
}
new Vue({
el: '#wrapper',
data: {
tableData: [],
pageInfo: {},
preActive: true,
nextActive: true,
user: {},
isShow: false
},
created: function() {
axios.get('/auth').then(res => {
if (res.data.code === '0') {
this.user = res.data.data;
if (this.user.level !== 3) {
this.isShow = true;
}
this.loadTable(1);
}
});
},
methods: {
loadTable(pageNum) {
let url = "/collectInfo/page/all?pageSize=10&pageNum=" + pageNum;
if (!this.user || !this.user.name) {
url += "&level=9"; // 不查询
} else {
url += "&userId=" + this.user.id + "&level=" + this.user.level;
}
axios.get(url).then(res => {
if (res.data.code === '0') {
this.tableData = res.data.data.list;
for (const item of this.tableData) {
item.url = item.notesId ? "notesInfoDetail.html?id=" + item.notesId :
"foodsMenuInfoDetail.html?id=" + item.foodsId;
}
this.pageInfo = res.data.data;
this.preActive = !(this.pageInfo.hasPreviousPage);
this.nextActive = !(this.pageInfo.hasNextPage);
} else {
alert(res.data.msg);
}
});
},
logout() {
axios.get("/logout").then(res => {
if(res.data.code === '0') {
location.href = '/front/index.html';
} else {
msg('error', res.data.msg);
}
})
},
del(id) {
if(!this.user || !this.user.name) {
location.href = '/end/page/login.html';
return;
}
axios.delete("/collectInfo/" + id).then(res => {
if(res.data.code === '0') {
msg('success', "取消成功");
this.loadTable(1);
} else {
msg('error', res.data.msg);
}
})
}
}
})
</script>
</body>
</html>
Write Preview
Loading…
Cancel
Save