adm_tueit/TueIT_App
2
0
Fork 0
Code Issues 3 Pull Requests 3 Packages Projects Releases Wiki Activity

Merge branch 'AccountingPages'

Browse Source
This commit is contained in:
selina.mail
2024-03-11 19:57:54 +01:00
parent 9954158475 e56af94a88
commit cbc1e73bb0
71 changed files with 4234 additions and 230 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
pages/issueItems.vue
View File

@ -1,7 +1,7 @@
<template>
<section id="content">
<div id="content-header">
<router-link to="/issueSlips" class="button" id="issueSlips-button">
<router-link to="/issueSlips" class="button" id="issueSlips-button" @click="defaultIssueSlipPage()">
<h1 :class="[darkMode ? 'h1-darkmode' : 'h1-lightmode']" id="page-name">Issue slips</h1>
</router-link>
&nbsp;
@ -20,11 +20,12 @@
&nbsp;
&nbsp;
&nbsp;
<router-link to="/issueItems" class="button" id="issues-button">
<h1 :class="[darkMode ? 'h1-darkmode' : 'h1-lightmode']" id="active-page-name">Issue Items</h1>
<router-link to="/issueItems" class="button" id="issues-button" @click="defaultIssuePage()">
<h1 :class="[darkMode ? 'h1-darkmode' : 'h1-lightmode']" id="active-page-name">Issues</h1>
</router-link>
</div>
<div id="content-body">
<IssueStateSearch v-if="onIssueItemList" />
<IssueTable v-if="onIssueItemList"/>
<Issue v-if="onIssueItem"/>
<IssueVariants v-if="onIssueItem"/>
@ -37,10 +38,18 @@
<script setup>
import { ref } from 'vue';
import IssueStateSearch from "../components/IssueStateSearch.vue";
import IssueTable from "../components/server/IssueTable.vue";
import Issue from "../components/server/Issue.vue";
import IssueVariants from "../components/server/IssueVariants.vue";
import IssueVariant from "../components/server/IssueVariant.vue";
import { useStore } from 'vuex';
import { computed } from 'vue';
const store = useStore();
const onIssueItemList = computed(() => store.state.onIssueItemList);
const onIssueItem = computed(() => store.state.onIssueItem);
const onIssueItemVariant = computed(() => store.state.onIssueItemVariant);
definePageMeta({
layout: 'default',
@ -49,10 +58,15 @@ definePageMeta({
const darkMode = ref(true)
// to render the right components
const onIssueItem = ref(false)
const onIssueItemList = ref(true)
const onIssueItemVariant = ref(false)
const defaultIssueSlipPage = () => {
store.commit('resetStore');
store.commit('changeToIssueSliplist')
}
const defaultIssuePage = () => {
store.commit('resetStore');
store.commit('changeToIssueItemList')
}
</script>
<script>
@ -124,4 +138,4 @@ export default {
margin-bottom: 0.625rem;
border-radius: 0.625rem;
}
</style>
</style>../components/IssueStateSearch.vue