|
|
@@ -7,20 +7,13 @@
|
|
|
<script src="https://web.tianyunperfect.cn/simple/js/util.js"></script>
|
|
|
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.2/css/bootstrap.min.css">
|
|
|
<style>
|
|
|
- #app {
|
|
|
- position: relative;
|
|
|
- }
|
|
|
-
|
|
|
#getLocationBtn {
|
|
|
- position: absolute;
|
|
|
- top: 20%;
|
|
|
- left: 50%;
|
|
|
- transform: scale(3) translateX(-50%);
|
|
|
+ transform: scale(3);
|
|
|
+ width: 100vw;
|
|
|
}
|
|
|
-
|
|
|
- #my_li {
|
|
|
- position: absolute;
|
|
|
- top: calc(20% + 50px); /* 调整按钮下方的间距，根据需要修改数值 */
|
|
|
+ .pagination a.current {
|
|
|
+ font-weight: bold;
|
|
|
+ color: #534d4d;
|
|
|
}
|
|
|
</style>
|
|
|
<script>
|
|
|
@@ -46,34 +39,36 @@
|
|
|
</head>
|
|
|
<body>
|
|
|
<div id="app" class="container">
|
|
|
- <div class="row justify-content-center mt-5">
|
|
|
- <button id="getLocationBtn" class="btn btn-primary btn-lg" v-on:click="sendLocationToBackend">记录</button>
|
|
|
- </div>
|
|
|
<div class="row justify-content-center mt-5" id="my_li">
|
|
|
<ul>
|
|
|
<li v-for="(item, index) in createdList">{{ convertToBeijingTime(item.created_at) }}
|
|
|
<button class="deleteBtn" v-on:click="confirmDelete(item.id)">删除</button>
|
|
|
<button class="eventBtn" v-on:click="addEvent(index)">事件</button>
|
|
|
</li>
|
|
|
+ <br/>
|
|
|
<div class="pagination">
|
|
|
- <a href="#" @click.prevent="changePage(page-1)" :disabled="page === 1">上一页</a>
|
|
|
+ <a href="#" @click.prevent="changePage(page-1)" :disabled="page === 1">上一页</a>
|
|
|
<a
|
|
|
v-for="p in visiblePages"
|
|
|
@click="changePage(p)"
|
|
|
:class="{ current: p === page }"
|
|
|
>
|
|
|
- {{ p }}
|
|
|
- </a>
|
|
|
- <a href="#" @click.prevent="changePage(page+1)" :disabled="page === totalPages">下一页</a>
|
|
|
+ {{ p }}
|
|
|
+ </a>
|
|
|
+ <a href="#" @click.prevent="changePage(page+1)" :disabled="page === totalPages">下一页</a>
|
|
|
<select v-model="size" v-on:change="changeSize">
|
|
|
<option value="10">10条/页</option>
|
|
|
<option value="20">20条/页</option>
|
|
|
<option value="50">50条/页</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
- <a href="https://web.tianyunperfect.cn/simple/location_event.html">转到事件</a>
|
|
|
+ <br/>
|
|
|
+ <a href="https://web.tianyunperfect.cn/simple/location_event.html">转到事件页面</a>
|
|
|
</ul>
|
|
|
</div>
|
|
|
+ <div class="row justify-content-center mt-5">
|
|
|
+ <button id="getLocationBtn" class="btn btn-primary btn-lg" v-on:click="sendLocationToBackend">记录</button>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
|
|
|
<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.5.16/vue.min.js"></script>
|
tianyun