| | |
| | | <basic-container> |
| | | <div style="display: flex;justify-content: space-between;align-items: center"> |
| | | <h3>当前在线人员信息</h3> |
| | | <el-button type="primary" size="small" plain style="margin-right: 10px" @click="getOnlinUsersHandler">刷新</el-button> |
| | | <el-button v-if="permissionList.referBtn" class="button-custom-icon" type="primary" size="small" plain style="margin-right: 10px" @click="getOnlinUsersHandler"> |
| | | <icon-show :name="permissionList.referBtn.source"></icon-show> |
| | | 刷新 |
| | | </el-button> |
| | | </div> |
| | | <avue-crud :data="data" :option="option" :table-loading="loading" ></avue-crud> |
| | | </basic-container> |
| | |
| | | } from "@/api/systemModel/systemConfig/api" |
| | | import basicOption from '@/util/basic-option'; |
| | | import func from "@/util/func"; |
| | | import {mapGetters} from "vuex"; |
| | | export default { |
| | | name: "index", |
| | | data() { |
| | |
| | | } |
| | | } |
| | | }, |
| | | computed:{ |
| | | ...mapGetters(["permission"]), |
| | | permissionList() { |
| | | return { |
| | | referBtn: this.vaildData(this.permission[this.$route.query.id].REFRESH, false), |
| | | }; |
| | | }, |
| | | }, |
| | | created() { |
| | | this.getOnlinUsersHandler(); |
| | | }, |
| | |
| | | </script> |
| | | |
| | | <style scoped> |
| | | .container { |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | width: 500px; |
| | | height: 500px; |
| | | margin: auto; |
| | | } |
| | | </style> |