From b81b27ce3e7e9e7cda18bb6a621c34e84e7e2311 Mon Sep 17 00:00:00 2001
From: 劉鈞霖 <benson@gmail.com>
Date: 星期一, 27 十二月 2021 12:27:55 +0800
Subject: [PATCH] [ Ref ] : refactor page : quickFilter , recommendConsultant , userReviews , userReviewsRecord and some related component
---
PAMapp/components/BackActionBar.vue | 58 +++++++++++++++++++++++++++++++++-------------------------
1 files changed, 33 insertions(+), 25 deletions(-)
diff --git a/PAMapp/components/BackActionBar.vue b/PAMapp/components/BackActionBar.vue
index bf0c489..afc908c 100644
--- a/PAMapp/components/BackActionBar.vue
+++ b/PAMapp/components/BackActionBar.vue
@@ -1,7 +1,7 @@
<template>
<nav class="pam-back-action-bar fix-chrome-click--issue">
- <a @click="pushRouterByLoginRole">
- <i class="icon-left "></i>
+ <a @click="goBack">
+ <i class="icon-left "></i>
</a>
<div class="label">{{ label }}</div>
</nav>
@@ -10,13 +10,26 @@
<script lang="ts">
import { namespace } from 'nuxt-property-decorator';
import { Vue, Component,} from 'vue-property-decorator';
+
import * as _ from 'lodash';
-import { Role } from '~/assets/ts/models/enum/role';
+
+import { Role } from '~/shared/models/enum/Role';
const roleStorage = namespace('localStorage');
+
@Component
export default class UiCarousel extends Vue {
- @roleStorage.Getter currentRole!:string;
+
+ @roleStorage.Getter
+ currentRole!:string;
+
+ //////////////////////////////////////////////////////////////////////
+
+ goBack(): void {
+ const pathName = this.$route.name;
+ pathName?.includes('myConsultantList') ? this.$router.push('/') : this.$router.go(-1);
+ }
+
get label(): string {
if (this.$route.name) {
const routeName = this.$route.name.split('-')[0];
@@ -66,46 +79,41 @@
}
}
- pushRouterByLoginRole():void{
- const pathName = this.$route.name;
- pathName?.includes('myConsultantList') ? this.$router.push('/') : this.$router.go(-1);
- }
-
}
</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: $MOB_NAV_BAR;
- left: 0;
- width: 100%;
+ height : $MOB_NAV_BAR;
+ border : 1px solid #CCCCCC;
+ display : flex;
+ align-items : center;
+ position : fixed;
+ top : $MOB_NAV_BAR;
+ left : 0;
+ width : 100%;
background-color: $PRIMARY_WHITE;
- z-index: 6;
- font-size: 20px;
- font-weight: bold;
+ z-index : 6;
+ font-size : 20px;
+ font-weight : bold;
i {
- display: block;
+ display : block;
padding-right: 14px;
}
a {
- cursor: pointer;
+ cursor : pointer;
padding: 0 20px;
- width: 26px;
+ width : 26px;
}
.label {
- margin: 0 auto;
+ margin : 0 auto;
transform: translateX(-33px);
}
}
@include desktop {
.pam-back-action-bar {
- top: $DESKTOP_NAV_BAR;
+ top : $DESKTOP_NAV_BAR;
font-size: 24px;
}
}
--
Gitblit v1.8.0