fix: request list => product expansion img url

src/pages/08_request-list/ProductExpansion.vue

@@ -15,8 +15,6 @@ const workStatus = [
   RequestWorkStatus.Completed,
 ];
 
-const productId = defineModel<string>('productId', { required: true });
-
 defineEmits<{
   (
     e: 'changeStatus',
@@ -29,6 +27,7 @@ defineProps<{
   name: string;
   code: string;
   status?: Step;
+  imgUrl?: string;
 }>();
 
 // NOTE: Function
@@ -50,7 +49,7 @@ defineProps<{
           style="width: 50px; height: 50px"
         >
           <q-img
-            :src="`${baseUrl}/product/${productId}/image/`"
+            :src="`${baseUrl}${imgUrl}`"
             style="object-fit: cover; width: 100%; height: 100%"
           >
             <template #error>

src/pages/08_request-list/RequestListView.vue

@@ -451,7 +451,7 @@ async function triggerViewFile(opt: {
               :status="
                 value.stepStatus?.find((v) => v.step === pageState.currentStep)
               "
-              v-model:product-id="value.productService.productId"
+              :img-url="`/product/${value.productService.productId}/image/${value.productService.product.selectedImage}`"
               :name="value.productService.product.name"
               :code="value.productService.product.code"
               :product="value.productService.product"