updated

src/modules/08_KPI/components/Tab/Dialog/04_FormCompetency.vue

@@ -277,12 +277,22 @@ watch(
   <q-dialog v-model="modal" persistent>
     <q-card class="col-12" style="width: 85%">
       <q-form greedy @submit.prevent @validation-success="onSubmit">
-        <DialogHeader :tittle="`เพิ่มสมรรถนะ`" :close="closeDialog" />
+        <DialogHeader
+          :tittle="
+            competencyType == 'HEAD' || competencyType == 'GROUP'
+              ? `รายละเอียดสมรรถนะ`
+              : `เพิ่มสมรรถนะ`
+          "
+          :close="closeDialog"
+        />
         <q-separator />
 
         <q-card-section class="q-pa-none scroll" style="max-height: 80vh">
           <div class="row">
-            <div class="bg-grey-1 q-pa-md col-xs-12 col-md-3 row lineRight">
+            <div
+              v-if="competencyType != 'HEAD' && competencyType != 'GROUP'"
+              class="bg-grey-1 q-pa-md col-xs-12 col-md-3 row lineRight"
+            >
               <div class="col-12 q-col-gutter-sm fit">
                 <div class="col-12">
                   <q-select
@@ -362,7 +372,13 @@ watch(
               </div>
             </div>
 
-            <div class="col-xs-12 col-md-9 q-pa-md q-col-gutter-sm">
+            <div
+              :class="
+                competencyType == 'HEAD' || competencyType == 'GROUP'
+                  ? `col-xs-12 col-md-12 q-pa-md q-col-gutter-sm`
+                  : `col-xs-12 col-md-9 q-pa-md q-col-gutter-sm`
+              "
+            >
               <span class="text-body2 text-weight-medium"
                 >รายละเอียดสมรรถนะ</span
               >