refactor(registry): readonly input citizenId !== 'OWNER'

src/modules/04_registryPerson/components/detail/PersonalInformation/01_Profile.vue

@@ -563,7 +563,11 @@ onMounted(() => {
                 maxlength="13"
                 mask="#############"
                 v-model="formData.citizenId"
-                class="inputgreen"
+                :class="
+                  checkPermission($route)?.attrOwnership !== 'OWNER'
+                    ? ''
+                    : 'inputgreen'
+                "
                 :label="dataLabel.citizenId"
                 :rules="[
                 (val: string) => !!val || `${'กรุณากรอก เลขประจำตัวประชาชน'}`,
@@ -572,8 +576,10 @@ onMounted(() => {
                   `${'กรุณากรอกเลขประจำตัวประชาชนให้ครบ'}`,
               ]"
                 @update:model-value="changeCardID"
+                :readonly="checkPermission($route)?.attrOwnership !== 'OWNER'"
               />
             </div>
+
             <div class="col-xs-6 col-sm-6 col-md-6">
               <q-select
                 dense