From df0b661216028e6b44c55e94e0f8d601be9a8802 Mon Sep 17 00:00:00 2001 From: Mila <Mila@pollex.com.tw> Date: 星期四, 25 十一月 2021 12:28:40 +0800 Subject: [PATCH] 1. 設定 uat router base 2. fix: run generate warn (router.scrollBehavior property is deprecated in favor of using ~/app/router.scrollBehavior.js file) --- PAMapp/components/BackActionBar.vue | 81 +++++++++++++++++++++++++++++++++++++++- 1 files changed, 79 insertions(+), 2 deletions(-) diff --git a/PAMapp/components/BackActionBar.vue b/PAMapp/components/BackActionBar.vue index 3b20418..d5da906 100644 --- a/PAMapp/components/BackActionBar.vue +++ b/PAMapp/components/BackActionBar.vue @@ -1,3 +1,80 @@ <template> - <div>backActionBar</div> -</template> \ No newline at end of file + <nav class="pam-back-action-bar fix-chrome-click--issue"> + <a @click="pushRouterByLoginRole"> + <i class="icon-left "></i>{{ label }} + </a> + </nav> +</template> + +<script lang="ts"> +import { namespace } from 'nuxt-property-decorator'; +import { Vue, Component,} from 'vue-property-decorator'; +import { Role } from '~/assets/ts/models/enum/Role'; +import * as _ from 'lodash'; + +const roleStorage = namespace('localStorage'); +@Component +export default class UiCarousel extends Vue { + @roleStorage.Getter currentRole!:string; + get label(): string { + if (this.$route.name) { + const routeName = this.$route.name.split('-')[0]; + let featureLabel = ''; + switch(routeName) { + case 'login': + featureLabel = '��'; + break; + case 'recommendConsultant': + featureLabel = '������'; + break; + case 'quickFilter': + featureLabel = '敹恍�祟�'; + break; + case 'myConsultantList': + featureLabel = '���“���'; + break; + case 'agentInfo': + featureLabel = '璆剖�鞈��' + break; + default: + featureLabel = '�����'; + break; + case 'questionnaire': + featureLabel = '�脰����'; + } + return featureLabel; + } else { + return '�����'; + } + } + pushRouterByLoginRole():void{ + const link = _.isEqual(this.currentRole,Role.ADMIN)? '/myAppointmentList/appointmentList':'/'; + this.$router.push(link); + } +} +</script> + +<style lang="scss" scoped> +.pam-back-action-bar { + height: $MOB_NAV_BAR; + border: 1px solid #CCCCCC; + display: flex; + align-items: center; + position: fixed; + top: 0; + left: 0; + width: 100%; + background-color: $PRIMARY_WHITE; + z-index: 6; + i { + font-size: 20px; + padding-right: 14px; + } + a { + cursor: pointer; + font-size: 24px; + font-weight: bold; + padding: 20px; + } +} +</style> -- Gitblit v1.8.0