{"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>"]}]}