update

src/components/units-manager/add-update-unit-dialog/index.vue

@@ -511,9 +511,8 @@ export default defineComponent({
     const updateArtistDialogIsOpened = ref(false);
     const fieldsAddOptions: Ref<FieldType[]> = ref([]);
     const artistOptions: Ref<ArtistInfoType[]> = ref([]);
-    const artistField: Ref<{ id: number; name: string } | undefined> = ref(
-      undefined
-    );
+    const artistField: Ref<{ id: number; name: string } | undefined> =
+      ref(undefined);
     const artistName: Ref<ArtistInfoType | undefined> = ref(undefined);
     const artistStatus = ref(1);
     const contractTimeFrom = ref('');
@@ -537,11 +536,17 @@ export default defineComponent({
       (val?: string) =>
         (val && val.trim().length) ||
         i18n.global.t('managingUnit.validateMessages.requireCode'),
+      (val?: string) =>
+        (val && val.trim().length < 20) ||
+        i18n.global.t('managingUnit.validateMessages.requireLengthCode'),
     ];
     const nameRules = [
       (val?: string) =>
         (val && val.trim().length) ||
         i18n.global.t('managingUnit.validateMessages.requireName'),
+        (val?: string) =>
+        (val && val.trim().length < 30) ||
+        i18n.global.t('managingUnit.validateMessages.requireLengthName'),
     ];
     const representativeRules = [
       (val?: string) =>

src/i18n/vi/index.ts

@@ -182,6 +182,8 @@ export default {
     },
     validateMessages: {
       requireCode: 'Vui lòng nhập Mã đơn vị',
+      requireLengthCode: 'Mã đơn vị không vượt quá 20 ký tự',
+      requireLengthName: 'Tên đơn vị không vượt quá 30 ký tự',
       requireName: 'Vui lòng nhập Tên đơn vị',
       requireRepresentative: 'Vui lòng nhập Người đại diện',
       requireFields: 'Vui lòng chọn Lĩnh vực',