Merge branch 'nice_dev' into develop

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

@@ -86,6 +86,17 @@ function fetchDataProject(id: string) {
       store.formAddProject.actualGoals = actualGoals;
       store.formAddProject.actualPeoples = actualPeoples;
 
+      // ลักษณะโครงการ
+      store.formAddProject.projectDay = store.formAddProject.projectDay
+        ? Number(store.formAddProject.projectDay)
+        : null;
+      store.formAddProject.projectNigth = store.formAddProject.projectNigth
+        ? Number(store.formAddProject.projectNigth)
+        : null;
+      store.formAddProject.projectModal = store.formAddProject.projectModal
+        ? Number(store.formAddProject.projectModal)
+        : null;
+
       /** การติดตามผลดารประเมิน*/
       store.formAddProject.metricType = data.metricType;
       store.formAddProject.indicators = data.indicators;

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, )

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

@@ -1,12 +1,112 @@
 <script setup lang="ts">
-import { onMounted } from "vue";
+import { ref, onMounted, reactive, watch } from "vue";
+
+/**importType*/
+import type { DataOption } from "@/modules/15_development/interface/index/Main";
+
+import { useDevelopmentDataStore } from "@/modules/15_development/store/developmentStore";
+
+const store = useDevelopmentDataStore();
+
+const projectTypeOp = ref<DataOption[]>([
+  { id: "1", name: "โครงการตามยุทธศาสตร์" },
+  { id: "2", name: "โครงการตามภารกิจประจำของหน่วยงาน" },
+  { id: "3", name: "โครงการใหม่" },
+  { id: "4", name: "โครงการต่อเนื่อง" },
+]);
+const projectCharacteristicsOp = ref<DataOption[]>([
+  { id: "1", name: "ไป-กลับ" },
+  { id: "2", name: "พักค้าง" },
+  { id: "3", name: "ไป-กลับและพักค้าง" },
+]);
+const projectTechniquesOp = ref<DataOption[]>([
+  { id: "1", name: "การอบรม" },
+  { id: "2", name: "การประชุม" },
+  { id: "3", name: "การสัมมนา" },
+  { id: "4", name: "การศึกษาดูงาน" },
+  { id: "5", name: "การสัมมนาทางวิชาการ" },
+  { id: "6", name: "การสัมมนาเชิงปฏิบัติการ" },
+  { id: "7", name: "การบรรยายพิเศษ" },
+  { id: "8", name: "การฝึกศึกษา" },
+]);
 
 onMounted(() => {
   console.log("ลักษณะโครงการ");
 });
 </script>
 <template>
-  <div>ลักษณะโครงการ</div>
+  <div class="row q-pa-md q-col-gutter-sm">
+    <div class="col-12 col-sm-12 col-md-4">
+      <q-select
+        dense
+        outlined
+        v-model="store.formAddProject.projectType"
+        :options="projectTypeOp"
+        label="ประเภทโครงการ"
+        option-label="name"
+        option-value="id"
+        emit-value
+        map-options
+      />
+    </div>
+    <div class="col-12 col-sm-6 col-md-4">
+      <q-select
+        dense
+        outlined
+        v-model="store.formAddProject.projectCharacteristics"
+        :options="projectCharacteristicsOp"
+        label="ลักษณะ"
+        option-label="name"
+        option-value="id"
+        emit-value
+        map-options
+      />
+    </div>
+    <div class="col-12 col-sm-6 col-md-2">
+      <q-input
+        dense
+        outlined
+        v-model="store.formAddProject.projectDay"
+        label="จำนวน (วัน)"
+        mask="#"
+        reverse-fill-mask
+      />
+    </div>
+    <div class="col-12 col-sm-6 col-md-2">
+      <q-input
+        v-if="store.formAddProject.projectCharacteristics !== '1'"
+        dense
+        outlined
+        v-model="store.formAddProject.projectNigth"
+        label="จำนวน (คืน)"
+        mask="#"
+        reverse-fill-mask
+      />
+    </div>
+    <div class="col-12 col-sm-6 col-md-4">
+      <q-select
+        dense
+        outlined
+        v-model="store.formAddProject.projectTechniques"
+        :options="projectTechniquesOp"
+        label="เทคนิควิธีการที่ใช้ในการพัฒนา"
+        option-label="name"
+        option-value="id"
+        emit-value
+        map-options
+      />
+    </div>
+    <div class="col-12 col-sm-6 col-md-2">
+      <q-input
+        dense
+        outlined
+        v-model="store.formAddProject.projectModal"
+        label="จำนวน (รุ่น)"
+        mask="#"
+        reverse-fill-mask
+      />
+    </div>
+  </div>
 </template>
 
 <style scoped></style>