imacat/lucia-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Conformance Save leaved page done.

Browse Source
This commit is contained in:
chiayin
2023-12-04 14:11:29 +08:00
parent 8b502e67f4
commit 8ae4082a47
6 changed files with 44 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/components/Navbar.vue
View File

@@ -1,15 +1,6 @@
<template>
<nav class="bg-neutral-700">
<div class="mx-auto px-4" :class="[showNavbarBreadcrumb? 'min-h-12': 'h-12']">
<p class="text-neutral-10">logId: {{ logId }}</p>
<p class="text-neutral-10">tempFilterId: {{ tempFilterId }}</p>
<p class="text-neutral-10">createFilterId: {{ createFilterId }}</p>
<p class="text-neutral-10">conformanceLogId: {{ conformanceLogId }}</p>
<p class="text-neutral-10">conformanceFilterId: {{ conformanceFilterId }}</p>
<p class="text-neutral-10">conformanceLogTempCheckId: {{ conformanceLogTempCheckId }}</p>
<p class="text-neutral-10">conformanceFilterTempCheckId: {{ conformanceFilterTempCheckId }}</p>
<p class="text-neutral-10">conformanceLogCreateCheckId: {{ conformanceLogCreateCheckId }}</p>
<p class="text-neutral-10">conformanceFilterCreateCheckId: {{ conformanceFilterCreateCheckId }}</p>
<div class="flex justify-between items-center flex-wrap" v-show="showNavbarBreadcrumb">
<div class="flex flex-1 items-center">
<!-- 回 Files 頁 -->
@@ -20,7 +11,7 @@
</router-link>
<h2 class="mr-14 py-3 text-2xl font-black text-neutral-10">{{ navViewName }}</h2>
<ul class="flex justify-center items-center space-x-4 text-xl font-semibold text-neutral-300 cursor-pointer">
<li @click="switchNavItem($event, index)" v-for="(item, index) in navViewData[navViewName]" :key="index">{{ item }}</li>
<li @click="switchNavItem($event, item)" v-for="(item, index) in navViewData[navViewName]" :key="index" :class="{'active': isActive === item}">{{ item }}</li>
</ul>
</div>
<!-- Files Page: Search and Upload -->
@@ -39,7 +30,7 @@
</form>
<label class="btn btn-sm btn-neutral cursor-pointer">
<input id="uploadFiles" class="hidden" type="file">
upload
Upload
</label> -->
</div>
<!-- Other Page: Save and Download -->
@@ -75,8 +66,6 @@ export default {
components: {
IconSearch,
IconSetting,
saveFilter,
savedSuccessfully
},
data() {
return {
@@ -89,6 +78,7 @@ export default {
DISCOVER: ['MAP', 'CONFORMANCE']
},
navViewName: 'FILES',
isActive: null,
};
},
computed: {
@@ -123,6 +113,7 @@ export default {
let type;
let fileId;
this.isActive = event.target.innerText;
switch (this.navViewName) {
case 'FILES':
this.store.filesTag = event.target.innerText;
@@ -141,7 +132,30 @@ export default {
}
},
getNavViewName() {
let name = this.$route.name;
this.navViewName = this.$route.matched[1].name.toUpperCase();
this.store.filesTag = 'ALL';
switch (this.navViewName) {
case 'FILES':
this.isActive = this.store.filesTag;
break;
case 'DISCOVER':
switch (name) {
case 'Map':
case 'CheckMap':
this.isActive = 'MAP'
break;
case 'Conformance':
case 'CheckConformance':
this.isActive = 'CONFORMANCE'
break;
}
break;
}
// if(this.navViewName === 'DISCOVER') {
// if(name === 'Map' || name === 'CheckMap') this.isActive = 'MAP';
// else if(name === 'Conformance' || name === 'CheckConformance') this.isActive = 'CONFORMANCE';
// }
},
/**
* Save button' modal