รวมไฟล์แก้งานงวด2

src/modules/04_registry/components/Information/Government.vue

@@ -25,7 +25,7 @@
             :label="`${'สังกัด'}`"
           />
         </div>
-        <div class="col-xs-6 col-sm-3 col-md-3">
+        <div class="col-xs-6 col-sm-3 col-md-3" v-if="employeeClass != 'temp'">
           <q-input
             :class="getClass(false)"
             hide-bottom-space
@@ -85,7 +85,7 @@
             :label="`${'ประเภท'}`"
           />
         </div>
-        <div class="col-xs-6 col-sm-3 col-md-3">
+        <div class="col-xs-6 col-sm-3 col-md-3" v-if="employeeClass != 'temp'">
           <q-input
             :class="getClass(false)"
             hide-bottom-space
@@ -149,8 +149,18 @@
                 :readonly="!edit"
                 :borderless="!edit"
                 :model-value="date2Thai(new Date(govermentData.containDate))"
-                :rules="[(val) => !!val || `${'กรุณาเลือก วันที่บรรจุ'}`]"
-                :label="`${'วันที่บรรจุ'}`"
+                :rules="[
+                  (val) =>
+                    !!val ||
+                    `${
+                      profileType == 'officer'
+                        ? 'กรุณาเลือกวันที่บรรจุ'
+                        : 'กรุณาเลือกวันที่แต่งตั้ง'
+                    }`,
+                ]"
+                :label="`${
+                  profileType == 'officer' ? 'วันที่บรรจุ' : 'วันที่แต่งตั้ง'
+                }`"
               >
                 <template v-slot:prepend>
                   <q-icon
@@ -193,9 +203,19 @@
                 :borderless="!edit"
                 :model-value="date2Thai(new Date(govermentData.workDate))"
                 :rules="[
-                  (val) => !!val || `${'กรุณาเลือก เริ่มปฎิบัติราชการ'}`,
+                  (val) =>
+                    !!val ||
+                    `${
+                      profileType == 'officer'
+                        ? 'กรุณาเลือกเริ่มปฎิบัติราชการ'
+                        : 'กรุณาเลือกวันที่จ้างและแต่งตั้งมีผล'
+                    }`,
                 ]"
-                :label="`${'เริ่มปฎิบัติราชการ'}`"
+                :label="`${
+                  profileType == 'officer'
+                    ? 'เริ่มปฎิบัติราชการ'
+                    : 'วันที่จ้างและแต่งตั้งมีผล'
+                }`"
               >
                 <template v-slot:prepend>
                   <q-icon
@@ -211,7 +231,7 @@
             </template>
           </datepicker>
         </div>
-        <div class="col-xs-6 col-sm-6 col-md-6">
+        <div class="col-xs-6 col-sm-6 col-md-6" v-if="profileType == 'officer'">
           <q-input
             :class="getClass(edit)"
             hide-bottom-space
@@ -330,6 +350,14 @@ const props = defineProps({
     type: Boolean,
     required: true,
   },
+  profileType: {
+    type: String,
+    required: true,
+  },
+  employeeClass: {
+    type: String,
+    required: true,
+  },
 });
 const emit = defineEmits(["update:statusEdit"]);