Refactoring code module 11_probation

src/modules/11_probation/views/mainDetail.vue

@@ -9,19 +9,23 @@ import http from "@/plugins/http";
 import config from "@/app.config";
 import { useQuasar, type QTableProps } from "quasar";
 
-import type { ListMain } from "@/modules/11_probation/interface/index/main";
+import type {
+  ListMain,
+  ProbationFormType,
+} from "@/modules/11_probation/interface/index/main";
 
-const profileId = ref<string>("");
-const rows = ref<ListMain[]>([]);
 const $q = useQuasar();
 const mixin = useCounterMixin();
 const { messageError, findOrgName, showLoader, hideLoader, date2Thai } = mixin;
 
-const mode = ref<any>($q.screen.gt.xs);
+const profileId = ref<string>("");
+const rows = ref<ListMain[]>([]);
+
+const mode = ref<boolean>($q.screen.gt.xs);
 const profileImg = ref<string>("");
 const router = useRouter();
 
-const formData = reactive<any>({
+const formData = reactive<ProbationFormType>({
   prefix: "",
   firstName: "",
   lastName: "",
@@ -289,16 +293,6 @@ onMounted(async () => {
         <div class="col-12 row">
           <q-card bordered class="col-12 q-pa-md">
             <div class="row">
-              <!-- <q-btn
-                @click="router.push(`/probation/add/${profileId}`)"
-                size="12px"
-                flat
-                round
-                color="add"
-                icon="mdi-plus"
-              >
-                <q-tooltip>เพิ่มงานที่ได้รับมอบหมาย</q-tooltip>
-              </q-btn> -->
               <q-space />
               <q-input
                 class="inputgreen"