保誠-保戶業務員媒合平台
HelenHuang
2021-11-22 f2d2522210d343cfdcce72d6b663e3bc8c02a1c8
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<template>
    <!-- <div>查看紀錄 -->
        <!-- <el-tabs
            v-model="activeTabName"
            @tab-click="tabClick"
        >
            <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>