เพิ่มแบบบันทึกผลผู้บัญชาการ

src/modules/05_placement/components/probation/MainDetail.vue

@@ -13,6 +13,12 @@ const TabsTemplate1 = defineAsyncComponent(
       "@/modules/05_placement/components/probation/FormEvaluation/Template1.vue"
     )
 );
+const TabsTemplateCommader = defineAsyncComponent(
+  () =>
+    import(
+      "@/modules/05_placement/components/probation/FormEvaluation/Template1Commader.vue"
+    )
+);
 const TabsTemplate2 = defineAsyncComponent(
   () =>
     import(
@@ -126,7 +132,30 @@ const clickBack = () => {
                 <q-icon size="18px" name="mdi-file-edit" />
               </q-item-section> -->
 
-              <q-item-section> แบบบันทึกผล </q-item-section>
+              <q-item-section>
+                แบบบันทึกผล
+                <br />
+                <div class="text-caption text-grey-7">(ผู้ดูแล)</div>
+              </q-item-section>
+            </q-item>
+            <q-item
+              dense
+              class="q-py-sm"
+              active-class="text-primary bg-teal-1 text-weight-medium"
+              clickable
+              v-ripple
+              :active="activeTab == 'tab8'"
+              @click="changeTab('tab8')"
+            >
+              <!-- <q-item-section avatar style="min-width: 40px">
+              <q-icon size="18px" name="mdi-file-edit" />
+            </q-item-section> -->
+
+              <q-item-section>
+                แบบบันทึกผล
+                <br />
+                <div class="text-caption text-grey-7">(ผู้บังคับบัญชา)</div>
+              </q-item-section>
             </q-item>
 
             <q-item
@@ -223,6 +252,10 @@ const clickBack = () => {
               <TabsTemplate1 :activeTab="activeTab" />
             </q-tab-panel>
 
+            <q-tab-panel name="tab8">
+              <TabsTemplateCommader />
+            </q-tab-panel>
+
             <q-tab-panel name="tab3">
               <TabsTemplate2 />
             </q-tab-panel>