feat: task order (#141)
* feat: task order => routes * feat: Page * refactor: pagination * refactor: taskOrder => table, card and constants * feat: add structure select request list comp * fix: re-export type * refactor: edit path route of task order * feat: trigger task order * refactor: edit type task statss * feat: table select request list * feat: i18n * refactor: quasar expansion chevron color * refactor: type * refactor: state btn status done * feat: task order => order view layout * feat: task order => remark expansion * fix: task order => rename attachment to additional file * feat: upload file section optional layout * feat: task order => additional file expansion * feat: task order => payment expansion * feat: conditionally add urgent * feat: send id together with link * refactor: edit type * feat: new form.ts * refactor: edit url * refactor: edit id trigger * feat: select institution component * feat: task order code i18n * feat: task order => document expansion form * feat: fallback address on null * refactor: add type for table * feat: add filter parameter * refactor: edit name routes * refactor: add type of task order payload * refactor: by value form * refactor: responsive quotation form info * refactor: submit form * refactor: add i18n * refactor: status canceled * refactor: handle task status * refactor: handle mode view * refactor: addtaskstatus * refactor: i18n & constants * refactor: table employee * refactor: select ready request work * refactor: handle save form * refactor: edit layout btn * feat: undo() * cleanup delete import * feat: closetab * refactor: handle readonly * fix: body edit * refactor: handle readonly uploadfile * feat: import manage attachment * refactor: quotation/task-order => type * refactor: select ready request work * refactor: i18n & constants * chore: clean duplicate i18n * refactor: type according to backend relation * refactor: edit base url * feat: upload file * feat: fetch file list * feat: get url file * refactor: set default opened * refactor: type * feat: removefile * feat: task order => select product * feat: add parameter only active branch is selectable * refactor: add i18n * feat: set layout * feat: add info product expansion * refactor: new info messenger * refactor: add slot name value * refactor: add i18n * refactor: edit type task status * refactor: use date format * refactor: value can null * refactor: add i18n * cleanup * feat: productlistinput * refactor: edit i18n * refactor: edit redo * refactor: add slot * feat: task order => i18n * refactor: task order => constant * refactor: taskOrder => status type and index * feat: taskOrder => ReceiveDialog * refactor: wording * refactor: table employee due date * refactor: receive task i18n * feat: trigger receive & task stat in receive page * refactor: receive dialog task in cart i18n * fix: remove task-order/receive/add * feat: receivetabletaskorder * refactor: fetch task on receive dialog * feat: add separate api get user task * refactor: receive fetch (messenger) * refactor: edit layout table * refactor: task order i18n & constant * refactor: task order change tab and stat (messenger and !messenger) * fix: task order status display & receive badge color (card) * refactor: trigger receive view * fix: add receive task condition * feat: total count * feat: prepare information * fix: i18n error task order not found * refacor: value * feat: select worker * refactor: status i18n & constant * refactor: table employee props (check box, step) * fix: order => select ready task * refactor: order => toggle status * refactor: receive => receive dialog * feat: featch value * refactor: task status display components * refactor: status active can is null * feat: update status tab * refactor: data display * refactor: i18n & fullTaskOrder variable * refactor: task receive view * refactor: add type responsible user * refactor: set group messenger * cleanup: * refactor: i18n / clone full task order / service => workflow type * refactor: receive view * refactor: show info messenger * refactor: handle flow step * refactor: receive view => opacity when pending * feat: add workflow template name and step name * feat: display workflow data on table * feat: add template step identifier * fix: edit does not change workflow id if changed * feat: detect if same template and step * refactor: handle template * refactor: add slot name product * refactor: map step in list product * refactor: bind data messenger list group * refactor: change endpoint name * chore: add helper package * feat: changetaskstatus * refactor: update type * refactor: set color btn * refactor: add step * refactor: add resposible institution * feat: disabled * refactor: map responsible institution * fix: order view => readonly * chore: clean * refactor: edit url api * refactor: edit name type * refactor: add slots action * refactor: add type row * refactor: add opts of task status * refactor: add select status * refactor: handle btn * refactor: add btn change task status * refactor: edit i18n redo th * refactor: sort status opts * feat: receive & order banner img * refactor: fetch status after submit * refactor: handle create only * refactor: task order status type Accept (messenger only) * feat: receive messenger profile * refactor: receive toggle status (display only) * fix: document expansion readonly * feat: confirmsendingbtn * refactor: constant and task order status * feat: receive task list count * refactor: post or get * refactor: define props institution group * refactor: fetch status after submit * refactor: handle create * refactor: handle query * refactor: update endpoint to support accept multiple order * refactor: change function name * feat: receive => functional accept task order * feat: task status count * feat: receive stat card count * refactor: order messenger profile * refactor: edit value to be task status * refactor: handle status of type order * refactor: use componet task status * refactor: handle show btn saving status * refactor: order => task status * refactor: edit selectStatus => changeStatus * refactor: edit @click btn confirmssending * refactor: add i18n * refactor: add function get template data * refactor: add change status * refactor: handle type receive * feat: order => auto change tab by status * refactor: fetch task after change status * feat: fail remark dialog * refactor: display step order (table employee) * refactor: fail remark dialog * refactor: order => open ready request dialog map selected * refactor: task list type & change status param * refactor: table task order, td background when selected * refactor: order => change status param * refactor: order => selectedEmployee variable type * refactor: task status component => shield btn * refactor: receive => change status * refactor: order => step btn waiting * fix: step btn waiting condition * refactor: filter selectable task (Failed) * refactor: find index condition on check * refactor: no request list available * refactor: fail btn no-wrap * refactor: fail dialog readonly * fix: reset state on open dialog * fix: wrong title position * refactor: hide task status drop down icon * fix: handle check condition * refactor: add userTask type and status * feat: submit task order function * refactor: table employee checkbox display condition * refactor: main layout * fix: task order validate i18n * refactor: table task order add submit status * refactor: status list * refactor: info product => user task status * feat: receive => submit task & step * refactor: i18n * feat: complete task oder function * refactor: task status component no action props * refactor: info messenger status * refactor: receive and order view * refactor: order complete view * refactor: order => complete color and title * refactor: calc price on table * refactor: quotation table i18n + product image * refactor: remove urgent checkbox * refactor: task status color * feat: calc summary price * fix: data is not available * feat: add doc view structure * refactor: format address text * feat: fetch document data from api * fix: value is null * fix: regression cannot edit package * feat: add document view for task order * feat: add view document button * feat: update type add discount * feat: readonly on cancel * feat: add discount from relation * refactor: add taskProduct on submit order * refactor: order => task product discount * refactor: order => date, task status count, view example * refactor: receive date * refactor: receive task status count --------- Co-authored-by: puriphatt <puriphat@frappet.com> Co-authored-by: nwpptrs <jay02499@gmail.com> Co-authored-by: Thanaphon Frappet <thanaphon@frappet.com> Co-authored-by: Methapon2001 <61303214+Methapon2001@users.noreply.github.com> Co-authored-by: oat_dev <nattapon@frappet.com>
This commit is contained in:
Methapon Metanipat
GitHub
parent
cd0831bac1
commit
9eff614dbd
56 changed files with 6981 additions and 361 deletions
|
|
@ -151,6 +151,12 @@ watch([() => pageState.inputSearch, () => pageState.statusFilter], () =>
|
|||
label: 'requestList.status.Completed',
|
||||
color: 'light-green',
|
||||
},
|
||||
// {
|
||||
// icon: 'mdi-close-circle-outline',
|
||||
// count: 0,
|
||||
// label: 'requestList.status.Canceled',
|
||||
// color: 'red',
|
||||
// },
|
||||
]"
|
||||
:dark="$q.dark.isActive"
|
||||
/>
|
||||
|
|
|
|||
|
|
@ -35,6 +35,7 @@ defineProps<{
|
|||
installmentNo?: number;
|
||||
paySuccess: boolean;
|
||||
payCondition: PayCondition;
|
||||
readonly?: boolean;
|
||||
}>();
|
||||
|
||||
// NOTE: Function
|
||||
|
|
@ -85,6 +86,7 @@ defineProps<{
|
|||
<div class="justify-end flex">
|
||||
<q-btn-dropdown
|
||||
:disable="
|
||||
readonly ||
|
||||
status?.workStatus === 'Waiting' ||
|
||||
status?.workStatus === 'InProgress'
|
||||
"
|
||||
|
|
@ -103,27 +105,33 @@ defineProps<{
|
|||
:class="{
|
||||
disable:
|
||||
$q.screen.gt.xs &&
|
||||
(status?.workStatus === RequestWorkStatus.Waiting ||
|
||||
(readonly ||
|
||||
status?.workStatus === RequestWorkStatus.Waiting ||
|
||||
status?.workStatus === RequestWorkStatus.InProgress),
|
||||
pending:
|
||||
($q.screen.gt.xs && !status?.workStatus) ||
|
||||
status?.workStatus === RequestWorkStatus.Pending ||
|
||||
status?.workStatus === RequestWorkStatus.Ready,
|
||||
$q.screen.gt.xs &&
|
||||
!readonly &&
|
||||
(!status?.workStatus ||
|
||||
status?.workStatus === RequestWorkStatus.Pending ||
|
||||
status?.workStatus === RequestWorkStatus.Ready),
|
||||
progress:
|
||||
$q.screen.gt.xs &&
|
||||
!readonly &&
|
||||
status?.workStatus === RequestWorkStatus.Validate,
|
||||
complete:
|
||||
$q.screen.gt.xs &&
|
||||
!readonly &&
|
||||
(status?.workStatus === RequestWorkStatus.Ended ||
|
||||
status?.workStatus === RequestWorkStatus.Completed),
|
||||
canceled:
|
||||
$q.screen.gt.xs &&
|
||||
!readonly &&
|
||||
status?.workStatus === RequestWorkStatus.Canceled,
|
||||
}"
|
||||
:style="
|
||||
$q.screen.xs &&
|
||||
(status?.workStatus === RequestWorkStatus.Waiting ||
|
||||
status?.workStatus === RequestWorkStatus.InProgress)
|
||||
readonly ||
|
||||
status?.workStatus === RequestWorkStatus.Waiting ||
|
||||
status?.workStatus === RequestWorkStatus.InProgress
|
||||
? `opacity: 30% !important`
|
||||
: ''
|
||||
"
|
||||
|
|
|
|||
|
|
@ -10,6 +10,7 @@ import FormExpansion from './FormExpansion.vue';
|
|||
import PropertiesExpansion from './PropertiesExpansion.vue';
|
||||
import FormGroupHead from './FormGroupHead.vue';
|
||||
import AvatarGroup from 'src/components/shared/AvatarGroup.vue';
|
||||
import { StateButton } from 'components/button';
|
||||
|
||||
// NOTE: Store
|
||||
import { dateFormatJS } from 'src/utils/datetime';
|
||||
|
|
@ -21,6 +22,7 @@ import {
|
|||
DocStatus,
|
||||
Step,
|
||||
RequestWorkStatus,
|
||||
RequestDataStatus,
|
||||
} from 'src/stores/request-list/types';
|
||||
import useOptionStore from 'src/stores/options';
|
||||
import ProductExpansion from './ProductExpansion.vue';
|
||||
|
|
@ -32,12 +34,7 @@ import {
|
|||
EmployeePassportPayload,
|
||||
EmployeeVisaPayload,
|
||||
} from 'stores/employee/types';
|
||||
import {
|
||||
PropDate,
|
||||
PropNumber,
|
||||
PropOptions,
|
||||
PropString,
|
||||
} from 'src/stores/product-service/types';
|
||||
import { PropVariant } from 'src/stores/product-service/types';
|
||||
import { Invoice } from 'src/stores/payment/types';
|
||||
|
||||
const { locale } = useI18n();
|
||||
|
|
@ -382,7 +379,7 @@ function isInstallmentPaySuccess(installmentNo: number) {
|
|||
v-if="
|
||||
workList?.every((v) =>
|
||||
v.productService.work?.attributes?.workflowStep?.every(
|
||||
(s) => {
|
||||
(s: any) => {
|
||||
s.attributes?.properties.length === 0;
|
||||
},
|
||||
),
|
||||
|
|
@ -393,18 +390,27 @@ function isInstallmentPaySuccess(installmentNo: number) {
|
|||
{{ $t('requestList.noWorkflowTemplate') }}
|
||||
</span>
|
||||
<template v-for="(value, i) in flow.step" :key="value.id">
|
||||
<button
|
||||
v-if="
|
||||
workList?.some(
|
||||
(v) =>
|
||||
v.productService.work?.attributes?.workflowStep?.[i]
|
||||
?.attributes.properties.length > 0,
|
||||
)
|
||||
<StateButton
|
||||
@click="() => (pageState.currentStep = value.order)"
|
||||
:status-waiting="
|
||||
!workList
|
||||
?.filter((v) => {
|
||||
return v.productService.work?.attributes.workflowStep?.[
|
||||
i - 1
|
||||
]?.productsId.includes(v.productService.productId);
|
||||
})
|
||||
.every((v) => {
|
||||
const status = v.stepStatus.find(
|
||||
({ step }) => step === i,
|
||||
)?.workStatus;
|
||||
return (
|
||||
status === RequestWorkStatus.Completed ||
|
||||
status === RequestWorkStatus.Ended
|
||||
);
|
||||
})
|
||||
"
|
||||
class="status-color q-pa-sm bordered row items-center cursor-pointer no-wrap"
|
||||
style="text-wrap: nowrap"
|
||||
:class="{
|
||||
['status-color-done']: workList
|
||||
:status-done="
|
||||
workList
|
||||
?.filter((v) => {
|
||||
return v.productService.work?.attributes.workflowStep?.[
|
||||
i
|
||||
|
|
@ -414,28 +420,17 @@ function isInstallmentPaySuccess(installmentNo: number) {
|
|||
const status = v.stepStatus.find(
|
||||
({ step }) => step === i + 1,
|
||||
)?.workStatus;
|
||||
|
||||
return (
|
||||
status === RequestWorkStatus.Completed ||
|
||||
status === RequestWorkStatus.Ended
|
||||
);
|
||||
}),
|
||||
['status-color-doing']: true,
|
||||
['step-status-active']: pageState.currentStep === value.order,
|
||||
}"
|
||||
@click="() => (pageState.currentStep = value.order)"
|
||||
>
|
||||
<!-- 'quotation-status-active': value.active?.(), -->
|
||||
<!-- @click="'waiting' !== 'waiting' && value.handler()" -->
|
||||
<div class="q-px-sm">
|
||||
<q-icon
|
||||
class="icon-color quotation-status"
|
||||
style="border-radius: 50%"
|
||||
:name="`${pageState.currentStep === value.order ? 'mdi-circle-slice-8' : 'mdi-checkbox-blank-circle-outline'}`"
|
||||
/>
|
||||
</div>
|
||||
<div class="text-left">{{ value.name }}</div>
|
||||
</button>
|
||||
})
|
||||
"
|
||||
:status-active="pageState.currentStep === value.order"
|
||||
:label="value.name"
|
||||
/>
|
||||
<!-- 'quotation-status-active': value.active?.(), -->
|
||||
<!-- @click="'waiting' !== 'waiting' && value.handler()" -->
|
||||
</template>
|
||||
</nav>
|
||||
|
||||
|
|
@ -543,106 +538,10 @@ function isInstallmentPaySuccess(installmentNo: number) {
|
|||
/>
|
||||
<div v-if="$q.screen.gt.sm" class="col"></div>
|
||||
</div>
|
||||
<!-- <div
|
||||
class="col q-gutter-y-md"
|
||||
:class="{ column: $q.screen.gt.sm, row: $q.screen.lt.md }"
|
||||
>
|
||||
<DataDisplay
|
||||
class="col"
|
||||
icon="mdi-file-document-outline"
|
||||
:label="$t('requestList.requestListCode')"
|
||||
:value="data.code || '-'"
|
||||
/>
|
||||
<DataDisplay
|
||||
class="col"
|
||||
icon="mdi-account-settings-outline"
|
||||
:label="$t('customer.employer')"
|
||||
:value="
|
||||
getCustomerName(data, { locale: locale, noCode: true }) ||
|
||||
'-'
|
||||
"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="col q-gutter-y-md"
|
||||
:class="{ column: $q.screen.gt.sm, row: $q.screen.lt.md }"
|
||||
>
|
||||
<DataDisplay
|
||||
class="col"
|
||||
icon="mdi-file-document-outline"
|
||||
:label="$t('requestList.quotationCode')"
|
||||
:value="data.quotation.code || '-'"
|
||||
/>
|
||||
<DataDisplay
|
||||
class="col"
|
||||
icon="mdi-account-settings-outline"
|
||||
:label="$t('customer.employee')"
|
||||
:value="
|
||||
getEmployeeName(data, { locale: $i18n.locale }) || '-'
|
||||
"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="col q-gutter-y-md"
|
||||
:class="{ column: $q.screen.gt.sm, row: $q.screen.lt.md }"
|
||||
>
|
||||
<DataDisplay
|
||||
class="col"
|
||||
icon="mdi-file-document-outline"
|
||||
tooltip
|
||||
:label="$t('requestList.invoiceCode')"
|
||||
:value="
|
||||
data.quotation?.invoice
|
||||
?.map((i: Invoice) => i.code)
|
||||
.join(', ') || '-'
|
||||
"
|
||||
/>
|
||||
<span class="col"></span>
|
||||
</div>
|
||||
<div
|
||||
class="col q-gutter-y-md"
|
||||
:class="{ column: $q.screen.gt.sm, row: $q.screen.lt.md }"
|
||||
>
|
||||
<DataDisplay
|
||||
class="col"
|
||||
icon="mdi-file-document-outline"
|
||||
tooltip
|
||||
:label="$t('requestList.receiptCode')"
|
||||
:value="
|
||||
data.quotation?.invoice
|
||||
?.flatMap((i: Invoice) => i.payment?.code || [])
|
||||
.join(', ') || '-'
|
||||
"
|
||||
/>
|
||||
<DataDisplay
|
||||
class="col"
|
||||
icon="mdi-passport"
|
||||
:label="$t('customerEmployee.form.passportNo')"
|
||||
:value="data.employee.employeePassport?.[0]?.number || '-'"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="col q-gutter-y-md"
|
||||
:class="{ column: $q.screen.gt.sm, row: $q.screen.lt.md }"
|
||||
>
|
||||
<DataDisplay
|
||||
class="col"
|
||||
icon="mdi-card-account-details-outline"
|
||||
:label="$t('requestList.alienIdCard')"
|
||||
:value="data.employee.nrcNo"
|
||||
/>
|
||||
<DataDisplay
|
||||
class="col"
|
||||
icon="mdi-account-settings-outline"
|
||||
:label="$t('flow.responsiblePerson')"
|
||||
:value="'-'"
|
||||
/>
|
||||
</div> -->
|
||||
</section>
|
||||
</transition>
|
||||
</article>
|
||||
<!-- product -->
|
||||
|
||||
<template
|
||||
v-for="(value, index) in workList
|
||||
?.filter((v) =>
|
||||
|
|
@ -650,6 +549,21 @@ function isInstallmentPaySuccess(installmentNo: number) {
|
|||
pageState.currentStep - 1
|
||||
]?.productsId.includes(v.productService.productId),
|
||||
)
|
||||
.map((v) => {
|
||||
const _props =
|
||||
v.productService.work?.attributes?.workflowStep[
|
||||
pageState.currentStep - 1
|
||||
]?.attributes?.properties;
|
||||
|
||||
return Object.assign(v, {
|
||||
_documentExpansion: _props.some(
|
||||
(v: PropVariant) => v.fieldName === 'documentCheck',
|
||||
),
|
||||
_formExpansion: _props.some(
|
||||
(v: PropVariant) => v.fieldName === 'designForm',
|
||||
),
|
||||
});
|
||||
})
|
||||
.sort(
|
||||
(lhs, rhs) =>
|
||||
lhs.productService.installmentNo -
|
||||
|
|
@ -658,6 +572,7 @@ function isInstallmentPaySuccess(installmentNo: number) {
|
|||
:key="value"
|
||||
>
|
||||
<ProductExpansion
|
||||
:readonly="data.requestDataStatus === RequestDataStatus.Canceled"
|
||||
:installment-info="getInstallmentInfo()"
|
||||
:pay-success="
|
||||
isInstallmentPaySuccess(value.productService.installmentNo)
|
||||
|
|
@ -689,14 +604,7 @@ function isInstallmentPaySuccess(installmentNo: number) {
|
|||
class="column surface-1 q-px-sm bordered-t q-pb-sm q-gutter-y-sm"
|
||||
>
|
||||
<DocumentExpansion
|
||||
v-if="
|
||||
value.productService.work?.attributes?.workflowStep[
|
||||
pageState.currentStep - 1
|
||||
].attributes?.properties.some(
|
||||
(v: PropString | PropNumber | PropDate | PropOptions) =>
|
||||
v.fieldName === 'documentCheck',
|
||||
)
|
||||
"
|
||||
v-if="value._documentExpansion"
|
||||
ref="refDocumentExpansion"
|
||||
:attributes="value.attributes"
|
||||
@change-status="
|
||||
|
|
@ -744,14 +652,7 @@ function isInstallmentPaySuccess(installmentNo: number) {
|
|||
:listDocument="product?.document"
|
||||
/>
|
||||
<FormExpansion
|
||||
v-if="
|
||||
value.productService.work?.attributes?.workflowStep[
|
||||
pageState.currentStep - 1
|
||||
].attributes?.properties.some(
|
||||
(v: PropString | PropNumber | PropDate | PropOptions) =>
|
||||
v.fieldName === 'designForm',
|
||||
)
|
||||
"
|
||||
v-if="value._formExpansion"
|
||||
:step="{
|
||||
step: pageState.currentStep,
|
||||
requestWorkId: value.id || '',
|
||||
|
|
@ -782,47 +683,4 @@ function isInstallmentPaySuccess(installmentNo: number) {
|
|||
</main>
|
||||
</div>
|
||||
</template>
|
||||
<style scoped>
|
||||
.status-color {
|
||||
--_color: var(--gray-0);
|
||||
border-color: hsla(var(--_color));
|
||||
background: hsla(var(--_color) / 0.05);
|
||||
border-radius: 4px;
|
||||
|
||||
.icon-color {
|
||||
color: hsla(var(--_color));
|
||||
}
|
||||
|
||||
&.status-color-waiting {
|
||||
--_color: var(--gray-4-hsl);
|
||||
color: var(--foreground);
|
||||
}
|
||||
&.status-color-doing {
|
||||
--_color: var(--blue-5-hsl);
|
||||
color: var(--foreground);
|
||||
}
|
||||
&.status-color-done {
|
||||
--_color: var(--green-5-hsl);
|
||||
color: var(--foreground);
|
||||
}
|
||||
}
|
||||
|
||||
.step-status-active {
|
||||
opacity: 1;
|
||||
font-weight: 600;
|
||||
transition: 1s box-shadow ease-in-out;
|
||||
animation: status 1s infinite;
|
||||
}
|
||||
|
||||
@keyframes status {
|
||||
0% {
|
||||
box-shadow: 0x 0px 0px hsla(var(--_color) / 0.5);
|
||||
}
|
||||
50% {
|
||||
box-shadow: 0px 0px 1px 4px hsla(var(--_color) / 0.2);
|
||||
}
|
||||
100% {
|
||||
box-shadow: 0px 0px 4px 7px hsla(var(--_color) / 0);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<style scoped></style>
|
||||
|
|
|
|||
|
|
@ -48,8 +48,8 @@ function getCustomerName(
|
|||
}[opts?.locale || 'eng'],
|
||||
['PERS']:
|
||||
{
|
||||
['eng']: `${useOptionStore().mapOption(customer?.namePrefix)} ${customer?.firstNameEN} ${customer?.lastNameEN}`,
|
||||
['tha']: `${useOptionStore().mapOption(customer?.namePrefix)} ${customer?.firstName} ${customer?.lastName}`,
|
||||
['eng']: `${useOptionStore().mapOption(customer?.namePrefix || '')} ${customer?.firstNameEN} ${customer?.lastNameEN}`,
|
||||
['tha']: `${useOptionStore().mapOption(customer?.namePrefix || '')} ${customer?.firstName} ${customer?.lastName}`,
|
||||
}[opts?.locale || 'eng'] || '-',
|
||||
}[customer.customer.customerType] +
|
||||
(opts?.noCode ? '' : ' ' + `(${customer.code})`)
|
||||
|
|
@ -66,8 +66,8 @@ function getEmployeeName(
|
|||
|
||||
return (
|
||||
{
|
||||
['eng']: `${useOptionStore().mapOption(employee?.namePrefix)} ${employee?.firstNameEN} ${employee?.lastNameEN}`,
|
||||
['tha']: `${useOptionStore().mapOption(employee?.namePrefix)} ${employee?.firstName} ${employee?.lastName}`,
|
||||
['eng']: `${useOptionStore().mapOption(employee?.namePrefix || '')} ${employee?.firstNameEN} ${employee?.lastNameEN}`,
|
||||
['tha']: `${useOptionStore().mapOption(employee?.namePrefix || '')} ${employee?.firstName} ${employee?.lastName}`,
|
||||
}[opts?.locale || 'eng'] || '-'
|
||||
);
|
||||
}
|
||||
|
|
@ -132,13 +132,12 @@ function getEmployeeName(
|
|||
<q-td v-if="visibleColumns.includes('status')">
|
||||
<BadgeComponent
|
||||
:hsla-color="
|
||||
props.row.requestDataStatus === RequestDataStatus.Pending
|
||||
? '--orange-5-hsl'
|
||||
: props.row.requestDataStatus === RequestDataStatus.InProgress
|
||||
? '--blue-6-hsl'
|
||||
: props.row.requestDataStatus === RequestDataStatus.Completed
|
||||
? '--green-8-hsl'
|
||||
: '--red-5-hsl'
|
||||
{
|
||||
[RequestDataStatus.Pending]: '--orange-5-hsl',
|
||||
[RequestDataStatus.InProgress]: '--blue-6-hsl',
|
||||
[RequestDataStatus.Completed]: '--green-8-hsl',
|
||||
[RequestDataStatus.Canceled]: '--red-5-hsl',
|
||||
}[props.row.requestDataStatus]
|
||||
"
|
||||
:title="
|
||||
$t(`requestList.status.${props.row.requestDataStatus}`) || '-'
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue