From e1d1ee7d8ba92f042345ce46f63ec4c0a9da014e Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 13 Mar 2025 09:47:03 +0700
Subject: [PATCH] feat: add cancellation reason input component to request list

---
 src/pages/08_request-list/FormCancel.vue | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 src/pages/08_request-list/FormCancel.vue

diff --git a/src/pages/08_request-list/FormCancel.vue b/src/pages/08_request-list/FormCancel.vue
new file mode 100644
index 00000000..4490418d
--- /dev/null
+++ b/src/pages/08_request-list/FormCancel.vue
@@ -0,0 +1,21 @@
+<script lang="ts" setup>
+const reason = defineModel<string>('reason');
+</script>
+<template>
+  <article>
+    <q-input
+      dense
+      outlined
+      type="textarea"
+      v-model="reason"
+      hide-bottom-space
+      class="full-height"
+      :label="
+        $t('general.remark', { msg: $t('requestList.status.RejectCancel') })
+      "
+      :rules="[(val) => !!val || $t('form.error.required')]"
+    />
+  </article>
+</template>
+
+<style scoped></style>