โครงสร้าง

src/modules/02_organization/views/main.vue

@@ -23,7 +23,7 @@ import StructureOrgMain from "@/modules/02_organization/components/StructureOrgM
 import DialogFormNewStructure from "@/modules/02_organization/components/DialogNewStructure.vue";
 import DialogDateTime from "@/modules/02_organization/components/DialogFormDateTime.vue";
 import DialogCreateCommandORG from "@/modules/18_command/components/DialogCreateCommandORG.vue"; //ส่่งไปออกคำสั่ง
-
+import DialogHeader from "@/components/DialogHeader.vue";
 /**
  * use
  */
@@ -43,6 +43,7 @@ const labelHistory = ref<string>("ประวัติโครงสร้า
 const count = ref<number>(0);
 
 const modalCommand = ref<boolean>(false); //ส่งไปออกคำสั่ง
+const modalRemark = ref<boolean>(false); // หมายเหตุ
 
 /**
  * function เรียกข้อมูลโครงสร้าง แบบปัจุบันและ แบบร่าง
@@ -323,6 +324,17 @@ onMounted(async () => {
               </q-btn-dropdown>
             </q-btn-group>
 
+            <q-btn
+              v-if="store.remark"
+              flat
+              round
+              color="info"
+              icon="info"
+              @click="modalRemark = true"
+            >
+              <q-tooltip>หมายเหตุ</q-tooltip>
+            </q-btn>
+
             <q-btn
               v-if="
                 checkPermission($route)?.attrOwnership == 'OWNER' &&
@@ -450,6 +462,21 @@ onMounted(async () => {
     v-model:root-id="store.rootId"
     :system-name="'ORGANIZATION'"
   />
+
+  <q-dialog v-model="modalRemark">
+    <q-card style="width: 300px">
+      <DialogHeader tittle="หมายเหตุ" :close="() => (modalRemark = false)" />
+
+      <q-separator />
+      <q-card-section>
+        <div class="row">
+          <div class="col">
+            {{ store.remark }}
+          </div>
+        </div>
+      </q-card-section>
+    </q-card>
+  </q-dialog>
 </template>
 
 <style scoped></style>