refactor: handle img employee
This commit is contained in:
parent
79240f53b0
commit
79ec995547
6 changed files with 14 additions and 13 deletions
|
|
@ -1544,7 +1544,6 @@ async function formDownload() {
|
|||
quotationFormData.workerMax || selectedWorker.length
|
||||
"
|
||||
:readonly="readonly"
|
||||
fallback-img="/images/employee-avatar.png"
|
||||
:rows="selectedWorkerItem"
|
||||
@delete="(i) => deleteItem(selectedWorker, i)"
|
||||
/>
|
||||
|
|
|
|||
|
|
@ -220,7 +220,7 @@ function getEmployeeImageUrl(item: Employee) {
|
|||
return `${API_BASE_URL}/employee/${item.id}/image/${item.selectedImage}`;
|
||||
}
|
||||
// NOTE: static image
|
||||
return '/images/employee-avatar.png';
|
||||
return `/images/employee-avatar-${item.gender}.png`;
|
||||
}
|
||||
|
||||
async function getWorkerList() {
|
||||
|
|
@ -374,7 +374,7 @@ watch(() => state.search, getWorkerList);
|
|||
female: emp.gender === 'female',
|
||||
male: emp.gender === 'male',
|
||||
img: getEmployeeImageUrl(emp),
|
||||
fallbackImg: '/images/employee-avatar.png',
|
||||
fallbackImg: `/images/employee-avatar-${emp.gender}.png`,
|
||||
detail: [
|
||||
{
|
||||
icon: 'mdi-passport',
|
||||
|
|
|
|||
|
|
@ -207,7 +207,7 @@ function getEmployeeImageUrl(item: Employee) {
|
|||
return `${API_BASE_URL}/employee/${item.id}/image/${item.selectedImage}`;
|
||||
}
|
||||
// NOTE: static image
|
||||
return '/images/employee-avatar.png';
|
||||
return `/images/employee-avatar-${item.gender}.png`;
|
||||
}
|
||||
|
||||
function init() {
|
||||
|
|
@ -400,7 +400,7 @@ watch(() => state.search, getWorkerList);
|
|||
: `${emp.firstName} ${emp.lastName}`,
|
||||
female: emp.gender === 'female',
|
||||
male: emp.gender === 'male',
|
||||
img: '/images/employee-avatar.png',
|
||||
img: `/images/employee-avatar-${emp.gender}.png`,
|
||||
index: index,
|
||||
detail: [
|
||||
{
|
||||
|
|
@ -486,7 +486,7 @@ watch(() => state.search, getWorkerList);
|
|||
female: emp.gender === 'female',
|
||||
male: emp.gender === 'male',
|
||||
img: getEmployeeImageUrl(emp),
|
||||
fallbackImg: '/images/employee-avatar.png',
|
||||
fallbackImg: `/images/employee-avatar-${emp.gender}.png`,
|
||||
detail: [
|
||||
{
|
||||
icon: 'mdi-passport',
|
||||
|
|
@ -567,7 +567,10 @@ watch(() => state.search, getWorkerList);
|
|||
v-model:current-tab="employeeFormState.currentTab"
|
||||
v-model:toggle-status="currentFromDataEmployee.status"
|
||||
fallbackCover="/images/employee-banner.png"
|
||||
:img="employeeFormState.profileUrl || `/images/employee-avatar.png`"
|
||||
:img="
|
||||
employeeFormState.profileUrl ||
|
||||
`/images/employee-avatar-${currentFromDataEmployee.gender}.png`
|
||||
"
|
||||
:toggleTitle="$t('status.title')"
|
||||
hideFade
|
||||
@view="
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue