index.vue 861 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <template>
  2. <div className="app-container accessAuthorization">
  3. <!--门禁授权-->
  4. <authorize v-if="pageType == 1"></authorize>
  5. <!--授权日志-->
  6. <application v-if="pageType == 2"></application>
  7. </div>
  8. </template>
  9. <script>
  10. import authorize from "./authorize.vue";
  11. import application from "./application.vue";
  12. export default {
  13. name: "index",
  14. components: {
  15. authorize,
  16. application,
  17. },
  18. data() {
  19. return {
  20. pageType: 1,
  21. }
  22. },
  23. created() {
  24. },
  25. mounted() {
  26. },
  27. methods: {
  28. //选项卡切换
  29. titleClick(type) {
  30. if (this.pageType != type) {
  31. this.pageType = type
  32. }
  33. }
  34. }
  35. }
  36. </script>
  37. <style scoped lang="scss">
  38. .accessAuthorization {
  39. flex: 1;
  40. display: flex !important;
  41. flex-direction: column;
  42. overflow: hidden;
  43. * {
  44. margin: 0;
  45. font-weight: 500;
  46. }
  47. }
  48. </style>