|
|
@@ -0,0 +1,70 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <title>location_list</title>
|
|
|
+ <script src="js/axios.min.js"></script>
|
|
|
+ <script src="js/vue.min.js"></script>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+<table>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <td>事件</td>
|
|
|
+ <td>地点</td>
|
|
|
+ <td>信息</td>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody id="tby">
|
|
|
+ <tr v-for="(item,index) in list">
|
|
|
+ <td>{{new Date(item.create_time).format("yyyy-MM-dd hh:mm:ss")}}</td>
|
|
|
+ <td>{{item.location_xy}}--{{item.location_str}}</td>
|
|
|
+ <td>{{item.msg}}</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+</table>
|
|
|
+
|
|
|
+<script>
|
|
|
+ Date.prototype.format = function (fmt) {
|
|
|
+ var o = {
|
|
|
+ "M+": this.getMonth() + 1, //月份
|
|
|
+ "d+": this.getDate(), //日
|
|
|
+ "h+": this.getHours(), //小时
|
|
|
+ "m+": this.getMinutes(), //分
|
|
|
+ "s+": this.getSeconds(), //秒
|
|
|
+ "q+": Math.floor((this.getMonth() + 3) / 3), //季度
|
|
|
+ "S": this.getMilliseconds() //毫秒
|
|
|
+ };
|
|
|
+ if (/(y+)/.test(fmt)) {
|
|
|
+ fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
|
|
|
+ }
|
|
|
+ for (var k in o) {
|
|
|
+ if (new RegExp("(" + k + ")").test(fmt)) {
|
|
|
+ fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return fmt;
|
|
|
+ }
|
|
|
+
|
|
|
+ new Vue({
|
|
|
+ el: '#tby',
|
|
|
+ data: {
|
|
|
+ list: []
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ let _this = this;
|
|
|
+ axios.get("https://api.tianyunperfect.cn/web_history/location_history").then(res => {
|
|
|
+ if (res.data.code === 1) {
|
|
|
+ _this.list = res.data.data;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ });
|
|
|
+
|
|
|
+ function sendMsg() {
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+</script>
|
|
|
+</body>
|
|
|
+</html>
|
