chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

refactor: import and type

Browse source
This commit is contained in:
Methapon2001 2024-06-28 14:38:16 +07:00
parent 838739cedc
commit 407255a364
1 changed files with 26 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

63
src/pages/04_product-service/MainPage.vue
View file

@ -1,10 +1,13 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref, watch } from 'vue'; import { ref, watch } from 'vue';
import { useI18n } from 'vue-i18n';
import { onMounted } from 'vue';
import { storeToRefs } from 'pinia';
import ItemCard from 'components/ItemCard.vue';
import AppBox from 'components/app/AppBox.vue'; import AppBox from 'components/app/AppBox.vue';
import AddButton from 'components/AddButton.vue'; import AddButton from 'components/AddButton.vue';
import ProductCardComponent from 'components/04_product-service/ProductCardComponent.vue'; import ProductCardComponent from 'components/04_product-service/ProductCardComponent.vue';
import StatCard from 'components/StatCardComponent.vue'; import StatCard from 'components/StatCardComponent.vue';
import NewProductCardCompoent from 'components/04_product-service/NewProductCardComponent.vue';
import DrawerInfo from 'components/DrawerInfo.vue'; import DrawerInfo from 'components/DrawerInfo.vue';
import BasicInformation from 'components/04_product-service/BasicInformation.vue'; import BasicInformation from 'components/04_product-service/BasicInformation.vue';
import FormDialog from 'components/FormDialog.vue'; import FormDialog from 'components/FormDialog.vue';
@ -20,12 +23,10 @@ import WorkNameManagement from 'components/04_product-service/WorkNameManagement
import useOptionStore from 'src/stores/options'; import useOptionStore from 'src/stores/options';
import FormServiceProperties from 'components/04_product-service/FormServiceProperties.vue'; import FormServiceProperties from 'components/04_product-service/FormServiceProperties.vue';
import InfoForm from 'components/02_personnel-management/InfoForm.vue'; import InfoForm from 'components/02_personnel-management/InfoForm.vue';
import NoData from 'components/NoData.vue';
import useFlowStore from 'src/stores/flow'; import useFlowStore from 'src/stores/flow';
import { Status } from 'src/stores/types'; import { Status } from 'src/stores/types';
import NoData from 'components/NoData.vue';
const flowStore = useFlowStore();
import { dialog, dialogWarningClose } from 'src/stores/utils'; import { dialog, dialogWarningClose } from 'src/stores/utils';
@ -43,6 +44,7 @@ import {
ServiceAndProduct, ServiceAndProduct,
} from 'src/stores/product-service/types'; } from 'src/stores/product-service/types';
const flowStore = useFlowStore();
const productServiceStore = useProductServiceStore(); const productServiceStore = useProductServiceStore();
const optionStore = useOptionStore(); const optionStore = useOptionStore();
@ -72,23 +74,15 @@ const {
deleteService, deleteService,
editService, editService,
fetchListWork,
createWork, createWork,
fetchListWorkById,
editWork, editWork,
deleteWork, deleteWork,
fetchListProductByIdWork,
fetchListOfWork,
fetchListProductAndService, fetchListProductAndService,
} = productServiceStore; } = productServiceStore;
const { workNameItems } = storeToRefs(productServiceStore); const { workNameItems } = storeToRefs(productServiceStore);
import ItemCard from 'components/ItemCard.vue';
import TotalProductComponent from 'components/04_product-service/TotalProductComponent.vue';
const stat = ref< const stat = ref<
{ {
count: number; count: number;
@ -102,39 +96,34 @@ const stat = ref<
{ count: 0, label: 'product', color: 'green' }, { count: 0, label: 'product', color: 'green' },
]); ]);
import { useI18n } from 'vue-i18n';
import { onMounted } from 'vue';
import { time } from 'console';
import { storeToRefs } from 'pinia';
const { t } = useI18n(); const { t } = useI18n();
const inputSearch = ref<string>(''); const inputSearch = ref('');
const inputSearchProductAndService = ref<string>(''); const inputSearchProductAndService = ref('');
const currentStatusProduct = ref<boolean>(false); const currentStatusProduct = ref(false);
const drawerInfo = ref<boolean>(false); const drawerInfo = ref(false);
const isEdit = ref<boolean>(false); const isEdit = ref(false);
const dialogInputForm = ref<boolean>(false); const dialogInputForm = ref(false);
const dialogProduct = ref<boolean>(false); const dialogProduct = ref(false);
const dialogService = ref<boolean>(false); const dialogService = ref(false);
const dialogProductEdit = ref<boolean>(false); const dialogProductEdit = ref(false);
const dialogServiceEdit = ref<boolean>(false); const dialogServiceEdit = ref(false);
const statusToggle = ref<boolean>(false); const statusToggle = ref(false);
const profileSubmit = ref<boolean>(false); const profileSubmit = ref(false);
const infoProductEdit = ref<boolean>(false); const infoProductEdit = ref(false);
const infoServiceEdit = ref<boolean>(false); const infoServiceEdit = ref(false);
const imageProduct = ref<File | undefined>(undefined); const imageProduct = ref<File | undefined>(undefined);
const profileUrl = ref<string | null>(''); const profileUrl = ref<string | null>('');
const pathGroupName = ref<string>(''); const pathGroupName = ref('');
const pathTypeName = ref<string>(''); const pathTypeName = ref('');
const dialogProductServiceType = ref<boolean>(false); const dialogProductServiceType = ref(false);
const dialogTotalProduct = ref<boolean>(false); const dialogTotalProduct = ref(false);
const productMode = ref<'group' | 'type' | 'service' | 'product'>('group'); const productMode = ref<'group' | 'type' | 'service' | 'product'>('group');
const productGroup = ref<ProductGroup[]>(); const productGroup = ref<ProductGroup[]>();
@ -145,8 +134,8 @@ const service = ref<(Service & { type: 'service' })[]>();
const resultSearchProduct = ref<ProductList[]>(); const resultSearchProduct = ref<ProductList[]>();
const productAndService = ref<ServiceAndProduct[]>([]); const productAndService = ref<ServiceAndProduct[]>([]);
const productAndServiceTab = ref<string>('all'); const productAndServiceTab = ref<'all' | 'product' | 'service'>('all');
const manageWorkNameDialog = ref<boolean>(false); const manageWorkNameDialog = ref(false);
const previousValue = ref(); const previousValue = ref();
const propertiesOption = ref(); const propertiesOption = ref();