feat: show user on request

src/i18n/eng.ts

@@ -884,6 +884,8 @@ export default {
     localEmployee: 'Local Employee',
     nonLocalEmployee: 'Non Local Employee',
     noWorkflowTemplate: 'A workflow template has not been selected.',
+
+    salesRepresentative: 'Sales Representative',
     ref: 'Reference',
     status: {
       work: {

src/i18n/tha.ts

@@ -875,6 +875,7 @@ export default {
     localEmployee: 'พนักงานในพื้นที่',
     nonLocalEmployee: 'พนักงานนอกพื้นที่',
     noWorkflowTemplate: 'คุณไม่ได้เลือกแม่แบบขั้นตอนการทำงาน',
+    salesRepresentative: 'พนักงานขาย',
     ref: 'อ้างอิง',
     status: {
       work: {

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

@@ -9,6 +9,7 @@ import DocumentExpansion from './DocumentExpansion.vue';
 import FormExpansion from './FormExpansion.vue';
 import PropertiesExpansion from './PropertiesExpansion.vue';
 import FormGroupHead from './FormGroupHead.vue';
+import AvatarGroup from 'src/components/shared/AvatarGroup.vue';
 
 // NOTE: Store
 import { dateFormatJS } from 'src/utils/datetime';
@@ -255,6 +256,19 @@ async function triggerViewFile(opt: {
   if (!opt.download) window.open(url, '_blank');
 }
 
+const responsiblePersonList = computed(() => {
+  const temp = workList.value?.reduce<Record<number, User[]>>((acc, curr) => {
+    console.log(curr.productService.service?.work);
+    curr.stepStatus.forEach((v) => {
+      // acc[v.step].push();
+    });
+
+    return acc;
+  }, []);
+
+  return temp;
+});
+
 const successAll = computed(() => {
   return !!flow.value?.step.every((_, i) => {
     return workList.value
@@ -330,6 +344,28 @@ function isInstallmentPaySuccess(installmentNo: number) {
           </span>
         </span>
       </div>
+      <div class="row q-gutter-x-xl q-mr-xl">
+        <div class="column">
+          <span class="app-text-muted">
+            {{ $t('requestList.salesRepresentative') }}
+          </span>
+          <span>
+            {{ optionStore.mapOption(data.quotation.createdBy.namePrefix) }}
+
+            {{
+              $i18n.locale === 'eng'
+                ? `${data.quotation.createdBy.firstNameEN} ${data.quotation.createdBy.lastNameEN}`
+                : `${data.quotation.createdBy.firstName} ${data.quotation.createdBy.lastName}`
+            }}
+          </span>
+        </div>
+        <div class="column">
+          <span class="app-text-muted">{{ $t('flow.responsiblePerson') }}</span>
+          <span>
+            <AvatarGroup />
+          </span>
+        </div>
+      </div>
     </header>
 
     <!-- SEC: Body -->