Merge branch 'develop' into nice_dev

# Conflicts:
#	src/modules/11_discipline/router.ts

src/modules/11_discipline/components/4_Order/Step01.vue

@@ -0,0 +1,221 @@
+<script setup lang="ts">
+import { ref } from "vue";
+// importStroe
+import { useCounterMixin } from "@/stores/mixin";
+
+const mixin = useCounterMixin();
+const { date2Thai, dialogConfirm } = mixin;
+
+const props = defineProps({
+  next: {
+    type: Function,
+    default: () => console.log("not function"),
+  },
+  previous: {
+    type: Function,
+    default: () => console.log("not function"),
+  },
+});
+const next = () => props.next();
+
+const typeOrder = ref<string>("");
+const dateYear = ref<number>(2023);
+const date = ref<Date | null>(null);
+
+function onSubmit() {
+  next();
+}
+</script>
+
+<template>
+  <q-form @submit.prevent="onSubmit">
+    <div class="col-12 row q-pa-lg">
+      <div class="col-xs-12 col-sm-12 q-col-gutter-x-lg row q-col-gutter-y-xs">
+        <div class="col-xs-12 col-sm-6">
+          ประเภทคำสั่ง
+          <q-select
+            dense
+            outlined
+            v-model="typeOrder"
+            option-value="id"
+            option-label="name"
+            emit-value
+            map-options
+            :rules="[(val) => !!val || `${'กรุณาเลือกประเภทคำสั่ง'}`]"
+            lazy-rules
+            use-input
+          />
+        </div>
+        <div class="col-xs-12 col-sm-6">
+          คำสั่งโดย
+          <q-select
+            dense
+            outlined
+            v-model="typeOrder"
+            option-value="id"
+            option-label="name"
+            emit-value
+            map-options
+            :rules="[(val) => !!val || `${'กรุณาเลือกคำสั่งโดย'}`]"
+            lazy-rules
+            use-input
+          />
+        </div>
+        <div class="col-xs-12 col-sm-6">
+          เลือกรายการสอบสวนความผิดทางวินัย
+          <q-select
+            dense
+            outlined
+            v-model="typeOrder"
+            option-value="id"
+            option-label="name"
+            emit-value
+            map-options
+            :rules="[
+              (val) => !!val || `${'กรุณาเลือกรายการสอบสวนความผิดทางวินัย'}`,
+            ]"
+            lazy-rules
+            use-input
+          />
+        </div>
+        <div class="col-xs-12 col-sm-6">
+          ผู้มีอำนาจลงนาม
+          <q-input
+            dense
+            outlined
+            v-model="typeOrder"
+            placeholder="กรอกผู้มีอำนาจลงนาม"
+            :rules="[(val) => !!val || `${'กรุณากรอกผู้มีอำนาจลงนาม'}`]"
+            lazy-rules
+          />
+        </div>
+        <div class="row col-xs-7 col-sm-3">
+          <div class="col-6">
+            คำสั่งที่
+            <q-input
+              outlined
+              dense
+              v-model="typeOrder"
+              hide-bottom-space
+              :rules="[(val) => !!val || `${'กรุณากรอรคำสั่งที่'}`]"
+              lazy-rules
+            >
+            </q-input>
+          </div>
+          <label class="col-1 flex justify-center items-center text-bold"
+            >/</label
+          >
+          <div class="col-5">
+            พศ
+            <datepicker
+              v-model="dateYear"
+              :locale="'th'"
+              autoApply
+              year-picker
+              :enableTimePicker="false"
+            >
+              <template #year="{ year }">{{ year + 543 }}</template>
+              <template #year-overlay-value="{ value }">{{
+                parseInt(value + 543)
+              }}</template>
+              <template #trigger>
+                <q-input
+                  :model-value="dateYear + 543"
+                  :rules="[(val) => !!val || `${'กรุณากรอก พ.ศ.'}`]"
+                  :label="`${'พ.ศ.'}`"
+                  dense
+                  outlined
+                >
+                </q-input>
+              </template>
+            </datepicker>
+          </div>
+        </div>
+        <div class="col-xs-5 col-sm-3">
+          วันที่มีผลคำสั่ง
+          <datepicker
+            menu-class-name="modalfix"
+            v-model="date"
+            :locale="'th'"
+            autoApply
+            borderless
+            :enableTimePicker="false"
+            week-start="0"
+          >
+            <template #year="{ year }">
+              {{ year + 543 }}
+            </template>
+            <template #year-overlay-value="{ value }">
+              {{ parseInt(value + 543) }}
+            </template>
+            <template #trigger>
+              <q-input
+                outlined
+                dense
+                class="full-width datepicker"
+                :model-value="date != null ? date2Thai(date) : null"
+                :rules="[(val) => !!val || `${'กรุณาเลือกวันที่มีผลคำสั่ง'}`]"
+              >
+                <template v-slot:prepend>
+                  <q-icon
+                    name="event"
+                    class="cursor-pointer"
+                    style="color: var(--q-primary)"
+                  >
+                  </q-icon>
+                </template>
+              </q-input>
+            </template>
+          </datepicker>
+        </div>
+        <div class="col-xs-12 col-sm-6">
+          ตำแหน่งผู้มีอำนาจลงนาม
+          <q-input
+            dense
+            outlined
+            v-model="typeOrder"
+            placeholder="กรอกตำแหน่งผู้มีอำนาจลงนาม"
+            :rules="[(val) => !!val || `${'กรุณากรอกตำแหน่งผู้มีอำนาจลงนาม'}`]"
+            lazy-rules
+          />
+        </div>
+        <div class="col-xs-12 col-sm-6">
+          คำสั่งเรื่อง
+          <q-input
+            dense
+            outlined
+            v-model="typeOrder"
+            placeholder="กรอกคำสั่งเรื่อง"
+            :rules="[(val) => !!val || `${'กรุณากรอกคำสั่งเรื่อง'}`]"
+            lazy-rules
+          />
+        </div>
+        <div class="col-xs-12 col-sm-12">
+          รายละเอียดการกระทำความผิด
+          <q-input
+            dense
+            outlined
+            v-model="typeOrder"
+            placeholder="กรอกรายละเอียดการกระทำความผิด"
+            :rules="[(val) => !!val || `${'กรุณากรอกคำสั่งเรื่อง'}`]"
+            lazy-rules
+            type="textarea"
+            rows="5"
+          />
+        </div>
+      </div>
+    </div>
+    <q-card-actions align="right">
+      <q-btn
+        dense
+        unelevated
+        label="next"
+        color="public"
+        type="submit"
+        class="q-px-md"
+      />
+    </q-card-actions>
+  </q-form>
+</template>
+
+<style scoped></style>