refactor: handle img gender

src/components/05_quotation/ProductItem.vue

@@ -507,7 +507,6 @@ watch(
                   :readonly
                   :checkable="!readonly"
                   @check="(wokerIndex) => handleCheck(wokerIndex, props.row)"
-                  fallback-img="/images/employee-avatar.png"
                   inTable
                   hideQuantity
                   :check-list="props.row.workerIndex"

src/components/05_quotation/WorkerItem.vue

@@ -135,10 +135,17 @@ watch(
             class="full-height full-width"
           >
             <template #error>
-              <q-img :src="fallbackImg" :ratio="1" />
+              <q-img
+                :src="`/images/employee-avatar-${props.row.gender}.png`"
+                :ratio="1"
+              />
             </template>
           </q-img>
-          <q-img v-else :src="fallbackImg" :ratio="1" />
+          <q-img
+            v-else
+            :src="`/images/employee-avatar-${props.row.gender}.png`"
+            :ratio="1"
+          />
           <div
             class="absolute-bottom-right"
             style="

src/pages/09_task-order/TableEmployee.vue

@@ -481,7 +481,9 @@ function disableCheckAll() {
               >
                 <template #error>
                   <span class="full-width full-height">
-                    <q-img src="/images/employee-avatar.png" />
+                    <q-img
+                      :src="`/images/employee-avatar-${props.row.request.employee.gender}.png`"
+                    />
                   </span>
                 </template>
               </q-img>