refactor code (ยังไม่หมด)

src/modules/11_discipline/components/9_Order/MainPage.vue

@@ -198,7 +198,26 @@ const OrderType = ref<string>("");
 const OrderTypeFilter1 = ref<any>([]);
 const OrderTypeOption = ref<DataOption1[]>([{ id: "", name: "ทั้งหมด" }]);
 
-const OrderTypeFilter = async () => {
+// รายการข้อมูลสถานะคำสั่ง
+const OrderStatus = ref<string>("ทั้งหมด");
+const OrderStatusOption = ref<DataOption1[]>([
+  { id: "ทั้งหมด", name: "ทั้งหมด" },
+]);
+const OrderStatusFilter1 = ref<DataOption1[]>([
+  { id: "ทั้งหมด", name: "ทั้งหมด" },
+]);
+const addedOrderStatusValues: string[] = [];
+
+// ค้นหาในตาราง
+const filterKeyword = ref<string>("");
+const filterRef = ref<any>(null);
+
+function resetFilter(){
+  filterKeyword.value = "";
+  filterRef.value.focus();
+};
+
+async function OrderTypeFilter(){
   await http
     .get(config.API.typeOrder())
     .then((res) => {
@@ -218,16 +237,12 @@ const OrderTypeFilter = async () => {
     });
 };
 
-// รายการข้อมูลสถานะคำสั่ง
-const OrderStatus = ref<string>("ทั้งหมด");
-const OrderStatusOption = ref<DataOption1[]>([
-  { id: "ทั้งหมด", name: "ทั้งหมด" },
-]);
-const OrderStatusFilter1 = ref<DataOption1[]>([
-  { id: "ทั้งหมด", name: "ทั้งหมด" },
-]);
-const addedOrderStatusValues: string[] = [];
-const OrderStatusFilter = async () => {
+/** ฟังชั่นฟิลเตอร์ตามค่า ประเภท สถานะ ปี */
+async function searchFilterTable(){
+  stroe.filterListOrder(OrderType.value, OrderStatus.value, fiscalyear.value);
+};
+
+async function OrderStatusFilter(){
   for (let data of stroe.mainData) {
     const OrderStatusValue = data.orderStatusName;
 
@@ -248,19 +263,13 @@ const OrderStatusFilter = async () => {
   }
 };
 
-// ค้นหาในตาราง
-const filterKeyword = ref<string>("");
-const filterRef = ref<any>(null);
-const resetFilter = () => {
-  filterKeyword.value = "";
-  filterRef.value.focus();
-};
-
-const searchFilterTable = async () => {
-  stroe.filterListOrder(OrderType.value, OrderStatus.value, fiscalyear.value);
-};
-
-const filterSelector = (val: any, update: Function, refData: string) => {
+/**
+ * ฟิลเตอร์ข้อมูลจาก input
+ * @param val ค่าที่ป้อนให้ input
+ * @param update function จาก quasar
+ * @param refData type ที่กำหนด ของ input นั้นๆ
+ */
+function filterSelector(val: any, update: Function, refData: string){
   switch (refData) {
     case "fiscalyearOP":
       update(() => {

src/modules/11_discipline/components/9_Order/TableOrder.vue

@@ -185,7 +185,11 @@ const pagination = ref({
   rowsPerPage: 10,
 });
 
-// redirect ไปยัง step ปัจจุบัน
+/**
+ * ฟังชั่น redirect 
+ * @param id id ออกคำสั่ง
+ * @param status status
+ */
 const redirectToPage = (id?: string, status?: string) => {
   let step = 1;
   switch (status) {