fixed TODO#131357 進行預約: 職業選擇畫面調整

Mila

2021-12-23 c20a0f1a1dbaa23d1b073f9a9377cac5d572f277

 PAMapp/pages/record.vue

¤ñ¹ï·sÀÉ®×
@@ -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>