ปรับระบบพัฒนา โครงการ

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

@@ -31,6 +31,20 @@ const budgetOp = ref<DataOption[]>([
     name: "เงินนอกงบประมาณ",
   },
 ]);
+const budgetSubOp = ref<DataOption[]>([
+  {
+    id: "1",
+    name: "เงินบำรุง",
+  },
+  {
+    id: "2",
+    name: "เงินกองทุน",
+  },
+  {
+    id: "3",
+    name: "เงินอุดหนุน",
+  },
+]);
 
 const getProvince = async () => {
   showLoader();
@@ -92,6 +106,8 @@ const filterSelector = (val: string, update: Function) => {
   });
 };
 
+const multiple = ref(null);
+
 onMounted(() => {
   getProvince();
 });
@@ -244,6 +260,21 @@ onMounted(() => {
         class="inputgreen"
       />
     </div>
+    <div class="col-2">
+      <q-select
+        v-if="store.formAddProject.budget === 'OUTSIDEBUDGET'"
+        outlined
+        dense
+        v-model="store.formAddProject.budgetSub"
+        label="ประเภทย่อย"
+        :options="budgetSubOp"
+        option-label="name"
+        option-value="id"
+        emit-value
+        map-options
+        class="inputgreen"
+      />
+    </div>
     <div class="col-12">
       <div class="row q-col-gutter-x-sm">
         <div class="col-3">
@@ -396,6 +427,7 @@ onMounted(() => {
         map-options
         class="inputgreen"
         use-input
+        multiple
         @filter="
         (inputValue:string, doneFn:Function) =>
           filterSelector(inputValue, doneFn, )