ความเสี่ยง & ประเภทงบประมาณ โครงการ

src/modules/15_development/components/Other.vue

@@ -22,14 +22,14 @@ const budgetOp = ref<DataOption[]>([
     id: "REGULATIONBUDGET",
     name: "งบตามข้อบัญญัติ",
   },
-  {
-    id: "BANGKOKBUDGET",
-    name: "งบประมาณกรุงเทพมหานคร",
-  },
   {
     id: "OUTSIDEBUDGET",
     name: "เงินนอกงบประมาณ",
   },
+  {
+    id: "BANGKOKBUDGET",
+    name: "ไม่ใช้งบประมาณ",
+  },
 ]);
 const budgetSubOp = ref<DataOption[]>([
   {
@@ -106,7 +106,29 @@ const filterSelector = (val: string, update: Function) => {
   });
 };
 
-const multiple = ref(null);
+async function calRiskLevel() {
+  if (store.formAddProject.chance && store.formAddProject.effects) {
+    const riskLevel =
+      (await store.formAddProject.chance) * store.formAddProject.effects;
+
+    store.formAddProject.riskLevel =
+      riskLevel == 1
+        ? "น้อยมาก"
+        : riskLevel == 2
+        ? "น้อย"
+        : riskLevel == 3 || riskLevel == 4 || riskLevel == 6
+        ? "ปานกลาง"
+        : riskLevel == 5 || riskLevel == 8 || riskLevel == 9 || riskLevel == 10
+        ? "สูง"
+        : riskLevel == 12 ||
+          riskLevel == 15 ||
+          riskLevel == 16 ||
+          riskLevel == 20 ||
+          riskLevel == 25
+        ? "สูงมาก"
+        : "";
+  }
+}
 
 onMounted(() => {
   getProvince();
@@ -340,28 +362,32 @@ onMounted(() => {
         type="textarea"
       />
     </div>
-    <div class="col-12">
-      <q-input
+    <div class="col-3">
+      <q-select
         outlined
         dense
         class="inputgreen"
         v-model="store.formAddProject.chance"
         label="โอกาสที่จะเกิด"
-        type="textarea"
-      />
+        :options="[1, 2, 3, 4]"
+        @update:model-value="calRiskLevel"
+      ></q-select>
     </div>
-    <div class="col-12">
-      <q-input
+    <div class="col-3">
+      <q-select
         outlined
         dense
         class="inputgreen"
         v-model="store.formAddProject.effects"
         label="ผลกระทบจากการเกิด"
-        type="textarea"
-      />
+        :options="[1, 2, 3, 4]"
+        @update:model-value="calRiskLevel"
+      >
+      </q-select>
     </div>
-    <div class="col-12">
+    <div class="col-6">
       <q-input
+        readonly
         outlined
         dense
         class="inputgreen"

src/modules/15_development/components/scholarship/DetailView.vue

@@ -411,7 +411,14 @@ onMounted(() => {
       {{ `${title}ข้าราชการฯที่ได้รับทุนการศึกษา/ฝึกอบรม` }}
     </div>
     <q-space />
-    <div class="row" v-if="scholarshipId">
+    <q-icon
+      name="download"
+      class="cursor-pointer"
+      size="sm"
+      style="color: var(--q-primary)"
+    >
+    </q-icon>
+    <div class="row q-ml-md" v-if="scholarshipId">
       <div class="q-gutter-sm" v-if="isStatus === 'PENDING'">
         <q-btn
           unelevated