@finema/finework-layer 1.0.84 → 1.0.85

package/CHANGELOG.md

@@ -1,5 +1,7 @@
 # Changelog
 
+## [1.0.85](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/1.0.84...1.0.85) (2026-06-24)
+
 ## [1.0.84](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/1.0.83...1.0.84) (2026-06-24)
 
 ## [1.0.83](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/1.0.82...1.0.83) (2026-06-24)

package/app/components/IssueLog/FormIssue.vue

@@ -86,11 +86,13 @@
 </template>
 
 <script lang="ts" setup>
+import { UserModuleOptions } from '#layer/app/composables/useAuth'
 import { IssueLogTypeOptions } from '#layer/app/constants/issue-log/type'
 import { useIssueLogAddLoader } from '#layer/app/loaders/issue-log/issue-log'
 
 const emit = defineEmits<{
   (e: 'update', value: boolean): void
+  (e: 'success'): void
 }>()
 
 defineProps<{
@@ -106,7 +108,13 @@ const form = useForm({
       title: v.pipe(v.string(), v.minLength(1, 'กรุณาระบุหัวข้อ')),
       description: v.pipe(v.string(), v.minLength(1, 'กรุณาระบุรายละเอียด')),
       type: v.pipe(v.string(), v.minLength(1, 'กรุณาเลือกประเภท')),
-      attachments: v.optional(v.array(v.any()), []),
+      file: v.object({
+        url: v.string(),
+        name: v.string(),
+        path: v.string(),
+        size: v.number(),
+        id: v.string(),
+      }, 'กรุณาเลือกไฟล์'),
     }),
   ),
 })
@@ -123,6 +131,17 @@ const formFields = createFormFields(() => [
       required: true,
     },
   },
+  {
+    type: INPUT_TYPES.SELECT,
+    class: 'col-span-2',
+    props: {
+      form,
+      label: 'ระบบ',
+      name: 'app',
+      placeholder: 'เลือกระบบ',
+      options: UserModuleOptions,
+    },
+  },
   {
     type: INPUT_TYPES.SELECT,
     class: 'col-span-2',
@@ -143,7 +162,7 @@ const formFields = createFormFields(() => [
       name: 'description',
       label: 'รายละเอียด',
       placeholder: 'อธิบายปัญหาหรือ feature ที่ต้องการอย่างละเอียด เช่น ขั้นตอนที่ทำให้เกิดปัญหา, ผลลัพธ์ที่ต้องการ',
-      rows: 4,
+      rows: 2,
       required: true,
     },
   },
@@ -152,7 +171,7 @@ const formFields = createFormFields(() => [
     class: 'col-span-2',
     props: {
       form,
-      name: 'attachments',
+      name: 'file_id',
       label: 'แนบรูปภาพ (ถ้ามี)',
       placeholder: 'PNG, JPG, GIF, WEBP (สูงสุด 5MB)',
       requestOptions: useRequestOptions().file(FileAppType.COMMON),
@@ -164,14 +183,17 @@ const formFields = createFormFields(() => [
 
 const onSubmit = form.handleSubmit((values) => {
   addLoader.run({
-    data: values,
+    data: {
+      ...values,
+      file_id: values.file?.id,
+    },
   })
 })
 
 useWatchTrue(
   () => addLoader.status.value.isSuccess,
   () => {
-    emit('update', false)
+    emit('success')
     form.resetForm()
     noti.success({
       title: 'ส่งรายงานสำเร็จ ขอบคุณ!',

package/app/components/IssueLog/index.vue

@@ -1,13 +1,13 @@
 <template>
-  <div class="fixed right-6 bottom-6 z-[200]">
+  <div class="fixed right-4 bottom-4 z-200">
     <button
-      class="group bg-primary-600 ring-primary-200 flex size-14 cursor-pointer items-center justify-center rounded-full shadow-lg ring-2 transition-all duration-200 hover:bg-primary-700 hover:scale-105 hover:shadow-xl"
+      class="group bg-primary-600 ring-primary-200 flex size-10 cursor-pointer items-center justify-center rounded-full shadow-lg ring-2 transition-all duration-200 hover:bg-primary-700 hover:scale-105 hover:shadow-xl md:size-12"
       title="แจ้งปัญหา / ขอ Feature"
       @click="isOpen = true"
     >
       <Icon
         name="ph:bug-beetle"
-        class="size-7 text-white transition-transform duration-200 group-hover:rotate-12"
+        class="size-6 text-white transition-transform duration-200 group-hover:rotate-12 md:size-7"
       />
     </button>
   </div>
@@ -15,6 +15,7 @@
   <IssueLogFormIssue
     :is-open="isOpen"
     @update="(v) => isOpen = v"
+    @success="isOpen = false"
   />
 </template>
 

package/app/composables/useAuth.ts

@@ -106,6 +106,55 @@ export enum UserModule {
   LOAN = 'loan',
 }
 
+const UserModuleLabel = {
+  [UserModule.CHECKIN]: 'Clock-In',
+  [UserModule.TIMESHEET]: 'Timesheet',
+  [UserModule.TODO]: 'Todo',
+  [UserModule.PMO]: 'PMO',
+  [UserModule.REQUEST]: 'Request',
+  [UserModule.SETTING]: 'Setting',
+  [UserModule.QUOTATION]: 'Quotation',
+  [UserModule.COSTSHEET]: 'Cost Sheet',
+  [UserModule.NEWSLETTER]: 'Newsletter',
+  [UserModule.CONTRACT]: 'Contract',
+  [UserModule.EVALUATION]: 'Evaluation',
+  [UserModule.EMPLOYEE]: 'Employee',
+  [UserModule.ASSET]: 'Asset',
+  [UserModule.RECRUIT]: 'Recruit',
+  [UserModule.LG]: 'งบค้ำประกัน',
+  [UserModule.EFACTORING]: 'E-Factoring',
+  [UserModule.RESOURCE]: 'Resource',
+}
+
+const UserModuleLogo = {
+  [UserModule.CHECKIN]: '/admin/clock-in-logo.png',
+  [UserModule.TIMESHEET]: '/admin/timesheet-logo.png',
+  [UserModule.TODO]: '/admin/todo.png',
+  [UserModule.PMO]: '/admin/pmo-logo.png',
+  [UserModule.REQUEST]: '/admin/request.png',
+  [UserModule.SETTING]: '/admin/report.svg',
+  [UserModule.QUOTATION]: '/admin/quotation.png',
+  [UserModule.COSTSHEET]: '/admin/cost-sheet.png',
+  [UserModule.NEWSLETTER]: '/admin/newsletter.png',
+  [UserModule.CONTRACT]: '/admin/contract.png',
+  [UserModule.EVALUATION]: '/admin/evaluation.png',
+  [UserModule.EMPLOYEE]: '/admin/employee.png',
+  [UserModule.ASSET]: '/admin/assets.png',
+  [UserModule.RECRUIT]: '/admin/recruit.png',
+  [UserModule.LG]: '/admin/guarantee.png',
+  [UserModule.EFACTORING]: '/admin/efactoring.png',
+  [UserModule.RESOURCE]: '/admin/resource.svg',
+}
+
+export const UserModuleOptions = Object.entries(UserModuleLabel).map(([value, label]) => ({
+  value,
+  label,
+  avatar: {
+    src: UserModuleLogo[value as keyof typeof UserModuleLogo],
+    alt: label,
+  },
+}))
+
 export interface IUserAccessLevel {
   used_id: string
   pmo: Permission.USER | Permission.ADMIN | Permission.SUPER

package/app/constants/issue-log/type.ts

@@ -29,3 +29,52 @@ export const IssueLogTypeOptions = Object.entries(IssueLogTypeLabel).map(([value
     color: IssueLogTypeColor[value as IssueLogType],
   },
 }))
+
+const UserModuleLabel = {
+  [UserModule.CHECKIN]: 'Clock-In',
+  [UserModule.TIMESHEET]: 'Timesheet',
+  [UserModule.TODO]: 'Todo',
+  [UserModule.PMO]: 'PMO',
+  [UserModule.REQUEST]: 'Request',
+  [UserModule.SETTING]: 'Setting',
+  [UserModule.QUOTATION]: 'Quotation',
+  [UserModule.COSTSHEET]: 'Cost Sheet',
+  [UserModule.NEWSLETTER]: 'Newsletter',
+  [UserModule.CONTRACT]: 'Contract',
+  [UserModule.EVALUATION]: 'Evaluation',
+  [UserModule.EMPLOYEE]: 'Employee',
+  [UserModule.ASSET]: 'Asset',
+  [UserModule.RECRUIT]: 'Recruit',
+  [UserModule.LG]: 'งบค้ำประกัน',
+  [UserModule.EFACTORING]: 'E-Factoring',
+  [UserModule.RESOURCE]: 'Resource',
+}
+
+const UserModuleLogo = {
+  [UserModule.CHECKIN]: '/admin/clock-in-logo.png',
+  [UserModule.TIMESHEET]: '/admin/timesheet-logo.png',
+  [UserModule.TODO]: '/admin/todo.png',
+  [UserModule.PMO]: '/admin/pmo-logo.png',
+  [UserModule.REQUEST]: '/admin/request.png',
+  [UserModule.SETTING]: '/admin/report.svg',
+  [UserModule.QUOTATION]: '/admin/quotation.png',
+  [UserModule.COSTSHEET]: '/admin/cost-sheet.png',
+  [UserModule.NEWSLETTER]: '/admin/newsletter.png',
+  [UserModule.CONTRACT]: '/admin/contract.png',
+  [UserModule.EVALUATION]: '/admin/evaluation.png',
+  [UserModule.EMPLOYEE]: '/admin/employee.png',
+  [UserModule.ASSET]: '/admin/assets.png',
+  [UserModule.RECRUIT]: '/admin/recruit.png',
+  [UserModule.LG]: '/admin/guarantee.png',
+  [UserModule.EFACTORING]: '/admin/efactoring.png',
+  [UserModule.RESOURCE]: '/admin/resource.svg',
+}
+
+export const UserModuleOptions = Object.entries(UserModuleLabel).map(([value, label]) => ({
+  value,
+  label,
+  avatar: {
+    src: UserModuleLogo[value as keyof typeof UserModuleLogo],
+    alt: label,
+  },
+}))

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@finema/finework-layer",
   "type": "module",
-  "version": "1.0.84",
+  "version": "1.0.85",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground -o",