| | |
| | | </div> |
| | | </div> |
| | | <div class="examine_body"> |
| | | <div class="e_m_left"> |
| | | <forms></forms> |
| | | </div> |
| | | <div class="e_m_right"> |
| | | <tables></tables> |
| | | </div> |
| | | <el-tabs v-model="activeName" @tab-click="handleClick"> |
| | | <el-tab-pane label="签到识别" name="first"> |
| | | <div class="examine_body_left"> |
| | | <div class="e_m_left"> |
| | | <forms></forms> |
| | | </div> |
| | | <div class="e_m_right"> |
| | | <tables></tables> |
| | | </div> |
| | | </div> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="签到数据" name="second"> |
| | | <signIn v-if="activeName == 'second'"></signIn> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | import { resetRouter } from "@/router/router"; |
| | | import tables from "./tables.vue"; |
| | | import forms from "./forms.vue"; |
| | | import signIn from "./signIn.vue"; |
| | | |
| | | export default { |
| | | data() { |
| | | return { |
| | | tabs: "", |
| | | userName: "", |
| | | activeName: "first", |
| | | }; |
| | | }, |
| | | components: { |
| | | tables, |
| | | forms, |
| | | signIn, |
| | | }, |
| | | computed: { |
| | | ...mapGetters(["userInfo"]), |
| | |
| | | this.userName = this.userInfo.account; |
| | | }, |
| | | methods: { |
| | | handleClick(tab, event) { |
| | | console.log(tab.name, 77777); |
| | | }, |
| | | logout() { |
| | | this.$confirm(this.$t("logoutTip"), this.$t("tip"), { |
| | | confirmButtonText: this.$t("submitText"), |
| | |
| | | .examine_body { |
| | | width: 100%; |
| | | height: calc(100% - 50px); |
| | | // border: 1px solid red; |
| | | box-sizing: border-box; |
| | | } |
| | | .examine_body_left { |
| | | width: 100%; |
| | | height: calc(100% - 55px); |
| | | // height: 100% !important; |
| | | // border: 1px solid rgb(0, 26, 255); |
| | | box-sizing: border-box; |
| | | display: flex; |
| | | align-items: center; |
| | | // align-items: center; |
| | | justify-content: center; |
| | | position: relative; |
| | | .e_m_left { |
| | | width: 48%; |
| | | width: 47%; |
| | | height: 100%; |
| | | |
| | | box-sizing: border-box; |
| | | overflow-x: hidden; |
| | | overflow-y: scroll; |
| | | } |
| | | .e_m_right { |
| | | width: 52%; |
| | | width: 53%; |
| | | height: 100%; |
| | | // border: 1px solid rgb(0, 255, 64); |
| | | // border: 1px solid red; |
| | | } |
| | | } |