| | |
| | | <template> |
| | | <div class="dashboard-container"> |
| | | <div class="dashboard-text">name: {{ name }}</div> |
| | | <el-button @click="getUserDate">登录</el-button> |
| | | <div> |
| | | <div> |
| | | <Chart :data="data1"></Chart> |
| | | </div> |
| | | <div> |
| | | <Chart :data="data2"></Chart> |
| | | </div> |
| | | <div> |
| | | <Chart :data="data3"></Chart> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import { mapGetters } from "vuex"; |
| | | import { login } from "@/api/user"; |
| | | import Chart from "./components/chart.vue"; |
| | | |
| | | export default { |
| | | name: "Dashboard", |
| | | components: { |
| | | Chart, |
| | | }, |
| | | computed: { |
| | | ...mapGetters(["name"]), |
| | | }, |
| | | created() { |
| | | // this.getUserDate(); |
| | | data(){ |
| | | return{ |
| | | data1:{ |
| | | value:'course', |
| | | lable:'课消' |
| | | }, |
| | | data2:{ |
| | | value:'student', |
| | | lable:'学员' |
| | | }, |
| | | data3:{ |
| | | value:'class', |
| | | lable:'考勤' |
| | | } |
| | | } |
| | | }, |
| | | mounted() { |
| | | }, |
| | | methods: { |
| | | getUserDate() { |
| | | login({ |
| | | code: "061akYFa14JATH0EzoIa1NNVTC3akYFI" |
| | | } |
| | | ).then((res) => { |
| | | localStorage.setItem('user',JSON.stringify(res.data)) |
| | | }); |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |