From aaab6e8e0bc119513ad1d9e939a8bbd7d1823af9 Mon Sep 17 00:00:00 2001
From: Mila <Mila@pollex.com.tw>
Date: 星期二, 21 十二月 2021 12:27:22 +0800
Subject: [PATCH] add: TODO#132491 [F&Q] 前端畫面
---
PAMapp/components/BackActionBar.vue | 3 +
PAMapp/components/NavBar.vue | 5 +
PAMapp/assets/scss/vendors/elementUI/_tree.scss | 90 ++++++++++++++++++++++++++++++
PAMapp/pages/faq.vue | 25 ++++++++
PAMapp/assets/scss/vendors/_elementUI.scss | 1
PAMapp/assets/ts/const/faqList.ts | 43 ++++++++++++++
6 files changed, 167 insertions(+), 0 deletions(-)
diff --git a/PAMapp/assets/scss/vendors/_elementUI.scss b/PAMapp/assets/scss/vendors/_elementUI.scss
index df9c6ea..122f4c3 100644
--- a/PAMapp/assets/scss/vendors/_elementUI.scss
+++ b/PAMapp/assets/scss/vendors/_elementUI.scss
@@ -12,3 +12,4 @@
@import './elementUI/dialog';
@import './elementUI/messageBox';
@import './elementUI/input';
+@import './elementUI/tree';
diff --git a/PAMapp/assets/scss/vendors/elementUI/_tree.scss b/PAMapp/assets/scss/vendors/elementUI/_tree.scss
new file mode 100644
index 0000000..d81f901
--- /dev/null
+++ b/PAMapp/assets/scss/vendors/elementUI/_tree.scss
@@ -0,0 +1,90 @@
+.el-tree {
+ position: static;
+ background: transparent;
+ .el-tree-node {
+ white-space: pre-wrap;
+ word-break: break-all;
+
+ .el-tree-node__content {
+ border: solid 2px #CCCCCC;
+ padding: 10px 10px 10px 20px;
+ border-radius: 10px;
+ color: #68737A;
+ justify-content: space-between;
+ flex-direction: row-reverse;
+ margin-bottom: 10px;
+ height: auto;
+
+ .el-tree-node__expand-icon {
+ @extend .pam-icon;
+ @extend .icon--primary;
+
+ &.expanded::before {
+ content: "\e900";
+ display: inline-block;
+ transform: rotate(90deg);
+ }
+ }
+
+ .el-tree-node__label {
+ @extend .mdTxt;
+ width: 85%;
+ display: block;
+ padding-left: 20px;
+ line-height: 27px;
+ word-wrap: break-word;
+ height: auto;
+ }
+ }
+
+ &.is-expanded > .el-tree-node__content {
+ background-color: #F68C96;
+ border: solid 2px #F68C96;
+
+ .el-tree-node__label,.el-tree-node__expand-icon {
+ color: $PRIMARY_WHITE;
+ }
+ }
+
+ .el-tree-node__children {
+ margin-bottom: 10px;
+ .el-tree-node {
+ .el-tree-node__content {
+ flex-direction: row;
+ border: 0px;
+ padding: 0 !important;
+ margin-bottom: 0;
+
+ .el-tree-node__expand-icon {
+ display: none;
+ }
+
+ .el-tree-node__label {
+ @extend .p;
+ line-height: 27px;
+ width: 100%;
+ font-weight: lighter;
+ padding-right: 10px;
+ // line-break: loose;
+ // display: flex;
+ // justify-content: space-between;
+ // text-align: justify;
+ // text-align-last: left;
+ // text-justify:inter-ideograph;
+ // word-break: break-all;
+
+ // &:after{
+ // display:inline-block;
+ // content:'';
+ // overflow:hidden;
+ // width:100%;
+ // height: 0;
+
+ // }
+ }
+ }
+ }
+ }
+
+ }
+}
\ No newline at end of file
diff --git a/PAMapp/assets/ts/const/faqList.ts b/PAMapp/assets/ts/const/faqList.ts
new file mode 100644
index 0000000..fc1a25e
--- /dev/null
+++ b/PAMapp/assets/ts/const/faqList.ts
@@ -0,0 +1,43 @@
+export const faqList = [
+ {
+ label: '�����閮餃���',
+ details: [
+ { label: '��暺�銝����內敺�����嚚酉����脰����酉����' }
+ ]
+ },
+ {
+ label: '���閮餃���雿瘜�撽�Ⅳ嚗�',
+ details: [
+ { label: '����閮餃���' },
+ { label: ' (嚗�) 隢��靽⊥平�Ⅱ隤������隡平蝪∟��誨��陛閮�Ⅱ隤靽⊥平�垢閮剖���敺��銝�撠�������' },
+ { label: ' (嚗�) 隢蝣箄���摮蝪∟�捆��征���撌脫遛嚗撌脫遛嚗�����陛閮����������' },
+ { label: ' (嚗�) 隢蝣箄�����閮�帘��閮�����嚗�嚗���閮憟賜���嚗�������'},
+ { label: ' (嚗�) ��������車��蕪靘頠�����hoscall�瘥����閮剖���靘�陛閮��迂�蝬◤閮剖���'},
+ { label: '�mail��閮餃���'},
+ { label: ' (嚗�) ����憛怠神��mail撣唾����撓���隤歹��瑼Ｘ甇�蝣箇�mail��活����酉����'},
+ { label: ' (嚗�) ������mail�����撽�縑���靽∴�遣霅唳����隞嗅銝剛����蒂撠�身摰����隞嗚��'},
+ { label: ' (嚗�) ������mail������璈�����縑嚗遣霅唳��蝯⊥��mail�����雿輻�隞�mail撣唾��閮餃���'}
+ ]
+ },
+ {
+ label: '�����脰�“������',
+ details: [
+ { label: '(嚗�) ���擐����翰�祟������������脰�“������'},
+ { label: '(嚗�) 敹恍�祟�嚗隞仿��遙銝���辣嚗翰��蝚血���瘙�“��������撓������������瘙���憿批���'}
+ ]
+ },
+ {
+ label: '������“����',
+ details: [
+ { label: '靘�翰�祟�������������������憿批������脣憿批���������脰�����‵撖怨蝯⊥���閰Ｗ����誑���犖鞈���������'}
+ ]
+ },
+ {
+ label: '����������楊頛舫��嚗�',
+ details: [{ label: '���憿批��銝剝���歇�����“����脣������嚗�脰��������楊頛胯��'}]
+ },
+ {
+ label: '���脰�����“���隞�暻潭撘蝜急���',
+ details: [{ label: '憿批���������酉��������蝯∟������MAIL嚗銝餉�蝜急��撘��'}]
+ }
+]
\ No newline at end of file
diff --git a/PAMapp/components/BackActionBar.vue b/PAMapp/components/BackActionBar.vue
index ef98239..11bdb80 100644
--- a/PAMapp/components/BackActionBar.vue
+++ b/PAMapp/components/BackActionBar.vue
@@ -56,6 +56,9 @@
case 'consultantAccountSetting':
featureLabel = '���董�����';
break;
+ case 'faq':
+ featureLabel = 'F&Q 撣貉����';
+ break;
}
return featureLabel;
} else {
diff --git a/PAMapp/components/NavBar.vue b/PAMapp/components/NavBar.vue
index 6e3d2ab..2a64377 100644
--- a/PAMapp/components/NavBar.vue
+++ b/PAMapp/components/NavBar.vue
@@ -77,6 +77,11 @@
title: '���“���',
},
{
+ authorityOfRoleList: [Role.NOT_LOGIN, Role.USER],
+ routeUrl: '/faq',
+ title: 'F&Q 撣貉����',
+ },
+ {
authorityOfRoleList: [Role.USER, Role.ADMIN],
routeUrl: '',
title: '��',
diff --git a/PAMapp/pages/faq.vue b/PAMapp/pages/faq.vue
new file mode 100644
index 0000000..3b629c5
--- /dev/null
+++ b/PAMapp/pages/faq.vue
@@ -0,0 +1,25 @@
+<template>
+ <el-tree
+ :data="faqList"
+ :props="defaultProps"
+ icon-class="icon-add"
+ class="fix-chrome-click--issue"
+ ></el-tree>
+</template>
+
+<script lang="ts">
+import { Vue, Component } from 'nuxt-property-decorator';
+import { faqList } from '~/assets/ts/const/faqList';
+
+@Component
+export default class Faq extends Vue {
+ faqList = faqList;
+
+ defaultProps = {
+ children: 'details',
+ label: 'label'
+ }
+}
+</script>
+
+<style lang="scss" scoped></style>
\ No newline at end of file
--
Gitblit v1.8.0