report insignia

src/modules/02_organization/components/DialogFormAgency.vue

@@ -82,6 +82,7 @@ const formData = reactive<FormDataAgency>({
   responsibility: "",
   isOfficer: false,
   isDeputy: false,
+  orgMisId: "",
 });
 
 /**
@@ -120,6 +121,8 @@ function onSubmit() {
       ["org" + type + "Fax"]: formData.orgFax,
       ["org" + type + "Rank"]: formData.orgLevel,
       ["org" + type + "RankSub"]: formData.orgLevelSub,
+      misId: formData.orgMisId,
+
       [nameId]: rootId,
       responsibility:
         formData.responsibility != null ? formData.responsibility : "",
@@ -205,6 +208,7 @@ function closeClear() {
   formData.orgLevel = "";
   formData.responsibility = "";
   formData.isOfficer = false;
+  formData.orgMisId = "";
   props.close?.();
 }
 
@@ -402,6 +406,7 @@ watch(
           formData.responsibility = props.dataNode.responsibility;
           formData.isOfficer = props.dataNode.isOfficer ?? false;
           formData.isDeputy = props.dataNode.isDeputy ?? false;
+          formData.orgMisId = props.dataNode.isDeputy;
           orgLevelOption.value =
             props.dataNode.orgTreeRank === "DEPARTMENT"
               ? orgLevelOptionMain.value
@@ -596,6 +601,18 @@ watch(
                   :class="classInput(false)"
                 />
               </div>
+              <div class="col-4">
+                <q-input
+                  v-model="formData.orgMisId"
+                  ref="orgMisIdRef"
+                  dense
+                  outlined
+                  for="#misId"
+                  label="MisId"
+                  hide-bottom-space
+                  :class="classInput(false)"
+                />
+              </div>
               <div class="col-12">
                 <q-input
                   v-model="formData.responsibility"