12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970 |
- <!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>
|