From c20a0f1a1dbaa23d1b073f9a9377cac5d572f277 Mon Sep 17 00:00:00 2001 From: Mila <Mila@pollex.com.tw> Date: 星期四, 23 十二月 2021 15:10:18 +0800 Subject: [PATCH] fixed TODO#131357 進行預約: 職業選擇畫面調整 --- PAMapp/pages/record.vue | 45 +++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 45 insertions(+), 0 deletions(-) diff --git a/PAMapp/pages/record.vue b/PAMapp/pages/record.vue new file mode 100644 index 0000000..bf002b7 --- /dev/null +++ b/PAMapp/pages/record.vue @@ -0,0 +1,45 @@ +<template> + <!-- <div>record-������� + <el-tabs + v-model="activeTabName" + @tab-click="tabClick" + > + <el-tab-pane + label="�������" + name="contactRecord" + > + </el-tab-pane> + <el-tab-pane + label="皛踵�漲蝝����" + name="reviews" + ></el-tab-pane> + </el-tabs> --> + + <NuxtChild></NuxtChild> + <!-- </div> --> +</template> + +<script lang="ts"> +import { Vue, Component, Watch } from 'vue-property-decorator'; +import { Route } from 'vue-router/types/router.d'; + +@Component +export default class Record extends Vue { + activeTabName = 'contactRecord'; + + tabClick() { + this.$router.push('/record/' + this.activeTabName); + } + + @Watch('$route') watchRouter(currentRoute: Route) { + const pathArray = currentRoute.fullPath.split('/'); + this.activeTabName = pathArray[pathArray.length - 1]; + } +} +</script> + +<style lang="scss" scoped> + .el-tabs__item:hover { + color: #303133; + } +</style> \ No newline at end of file -- Gitblit v1.8.0