1 line
4.0 KiB
JSON
1 line
4.0 KiB
JSON
{"remainingRequest":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\phpstudy_pro\\WWW\\travel\\admin\\src\\views\\data\\online.vue?vue&type=style&index=0&id=34a5082e&scoped=true&lang=css","dependencies":[{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\src\\views\\data\\online.vue","mtime":1718070786047},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\css-loader\\dist\\cjs.js","mtime":1718764958140},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1718764960674},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":1718764958994},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1718764957200},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":1718764959862}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKDQouZGF5IHsNCiAgZGlzcGxheTogaW5saW5lLWJsb2NrOw0KICBtYXJnaW46IDEwcHg7DQogIGJvcmRlcjogMXB4IHNvbGlkICM0NWFmM2M7DQogIGJvcmRlci1yYWRpdXM6IDZweDsNCiAgb3ZlcmZsb3c6IGhpZGRlbjsNCn0NCi5kYXkgcHsNCiAgYmFja2dyb3VuZC1jb2xvcjogI2EzZjM5YzsNCiAgbWFyZ2luOiAwOw0KICBwYWRkaW5nOiAzcHggMTBweDsNCn0NCg=="},{"version":3,"sources":["online.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"online.vue","sourceRoot":"src/views/data","sourcesContent":["<template>\r\n <div class=\"app-container\">\r\n\r\n <div class=\"filter-container\">\r\n <el-input v-model=\"listQuery.admin\" placeholder=\"用户名\" style=\"width: 200px; margin-right: 10px;\" class=\"filter-item\" />\r\n <el-date-picker\r\n class=\"filter-item\"\r\n v-model=\"listQuery.times\"\r\n type=\"datetimerange\"\r\n :default-time=\"['00:00:00', '23:59:59']\"\r\n range-separator=\"至\"\r\n start-placeholder=\"开始日期\"\r\n end-placeholder=\"结束日期\">\r\n </el-date-picker>\r\n <el-button class=\"filter-item\" type=\"primary\" icon=\"el-icon-search\" @click=\"getList\">\r\n 搜索\r\n </el-button>\r\n </div>\r\n\r\n <el-table v-loading=\"listLoading\" :data=\"list\" border fit highlight-current-row style=\"width: 100%\">\r\n\r\n <el-table-column align=\"center\" fixed label=\"姓名\" width=\"120\" prop=\"name\" />\r\n \r\n <el-table-column align=\"center\" label=\"管理员\" width=\"120\" prop=\"username\" />\r\n\r\n <el-table-column align=\"center\" width=\"120\" label=\"头像\">\r\n <template slot-scope=\"scope\">\r\n <el-avatar :size=\"50\" :src=\"scope.row.avatar\"></el-avatar>\r\n </template>\r\n </el-table-column>\r\n\r\n <el-table-column align=\"center\" label=\"时段\">\r\n <template slot-scope=\"scope\">\r\n <div class=\"day\" v-for=\"(long,day) in scope.row.days\">\r\n <p>{{day}}</p>\r\n {{ (long/3600).toFixed(1) }}\r\n </div>\r\n </template>\r\n </el-table-column>\r\n \r\n </el-table>\r\n\r\n </div>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n name: 'Datalist',\r\n data() {\r\n return {\r\n list: [],\r\n listLoading: true,\r\n listQuery:{}\r\n }\r\n },\r\n created() {\r\n this.getList()\r\n },\r\n methods: {\r\n getList() {\r\n this.$axios.get('/admin/data/online', { params: this.listQuery }).then(response => {\r\n this.list = response.data\r\n this.listLoading = false\r\n })\r\n }\r\n }\r\n}\r\n</script>\r\n<style scoped>\r\n.day {\r\n display: inline-block;\r\n margin: 10px;\r\n border: 1px solid #45af3c;\r\n border-radius: 6px;\r\n overflow: hidden;\r\n}\r\n.day p{\r\n background-color: #a3f39c;\r\n margin: 0;\r\n padding: 3px 10px;\r\n}\r\n</style>"]}]} |