update

src/components/managingunits/add-new-managingunits-dialog/NewManagingUnits.ts

@@ -3,7 +3,7 @@ import { i18n } from 'src/boot/i18n';
 import { isEmail } from '../../../boot/functions';
 import { isMobilePhone } from '../../../boot/functions';
 import AddNewArtistDialog from 'components/managingunits/add-new-managingunits-dialog/add-new-artist-dialog/index.vue'
-// import UpdateNewArtistDialog from 'components/managingunits/update-new-managingunits-dialog/update-new-artist-dialog/index.vue'
+import UpdateNewArtistDialog from 'components/managingunits/update-new-managingunits-dialog/update-new-artist-dialog/index.vue'
 
 export type ArtistAddInfoType = {
   id: number;
@@ -13,11 +13,19 @@ export type ArtistAddInfoType = {
   fieldsAdd: number;
   statusAdd: number;
 };
+export type ArtistUpdateInfoType = {
+  id: number;
+  nameUpdate: string | null;
+  myedityUpdate: string | null;
+  timeUpdate: string | null;
+  fieldsUpdate: number;
+  statusUpdate: number;
+};
 
 export default defineComponent({
   components: {
     AddNewArtistDialog,
-    // UpdateNewArtistDialog
+    UpdateNewArtistDialog
   },
   props: {
     showDialog: {
@@ -43,12 +51,12 @@ export default defineComponent({
       try {
       } catch (error) {}
     };
-    // const openUpdateArtistDialog = ref(false)
-    // const updateNewManagingUnitsArtist = () => {
-    //   //gọi api cập nhật
-    //   try {
-    //   } catch (error) {}
-    // };
+    const openUpdateArtistDialog = ref(false)
+    const updateNewManagingUnitsArtist = () => {
+      //gọi api cập nhật
+      try {
+      } catch (error) {}
+    };
     const codeRules = [
       (val?: string) =>
         (val && val.trim().length) ||
@@ -100,11 +108,27 @@ export default defineComponent({
       { id: 2, text: 'Âm nhạc' },
       { id: 1, text: 'Thể thao' },
     ]);
+    const nameUpdate: Ref<string | undefined> = ref()
+    const myedityUpdate: Ref<string | undefined> = ref()
+    const fieldsUpdate: Ref<number | undefined> = ref();
+    const statusUpdate: Ref<boolean | number> = ref(true);
+    const timeUpdate: Ref<string | undefined> = ref();
+    const fieldsUpdateOptions = ref([
+      { id: 1, text: 'Giải trí' },
+      { id: 2, text: 'Âm nhạc' },
+      { id: 1, text: 'Thể thao' },
+    ]);
     return {
+    nameUpdate,
+    myedityUpdate,
+    statusUpdate,
+    fieldsUpdate,
+    timeUpdate,
+    fieldsUpdateOptions,
     openAddArtistDialog,
     addNewManagingUnitsArtist,
-    // openUpdateArtistDialog,
-    // updateNewManagingUnitsArtist,
+    openUpdateArtistDialog,
+    updateNewManagingUnitsArtist,
     codeRules,
     nameRules,
     representativeRules,

src/components/managingunits/add-new-managingunits-dialog/add-new-artist-dialog/index.vue

@@ -44,15 +44,6 @@
                 hide-bottom-space
                 clearable
               ></q-input>
-              <div style="padding-left: 8px">
-                <span class="text-body1">{{
-                  $t('managingUnitAdd.dialogLabel.fieldLabels.status')
-                }}</span
-                ><q-toggle
-                  :model-value="statusAdd"
-                  @update:model-value="$emit('update:statusAdd', $event)"
-                />
-              </div>
             </div>
             <div class="col-6">
               <q-select
@@ -81,6 +72,15 @@
                 hide-bottom-space
                 clearable
               ></q-input>
+              <div class="q-pt-sm q-pl-sm">
+                <span class="text-body1">{{
+                  $t('managingUnitAdd.dialogLabel.fieldLabels.status')
+                }}</span
+                ><q-toggle
+                  :model-value="statusAdd"
+                  @update:model-value="$emit('update:statusAdd', $event)"
+                />
+              </div>
             </div>
           </div>
         </q-card-section>

src/components/managingunits/add-new-managingunits-dialog/index.vue

@@ -148,17 +148,17 @@
           @addNewManagingUnitsArtist="addNewManagingUnitsArtist"
         />
 
-        <!-- <UpdateNewArtistDialog
+        <UpdateNewArtistDialog
           v-model:open-update-artist-dialog="openUpdateArtistDialog"
-          v-model:name-add="nameAdd"
-          v-model:myedity-add="myedityAdd"
-          v-model:fields-add="fieldsAdd"
-          v-model:time-add="timeAdd"
-          v-model:status-add="statusAdd"
-          :fields-add-options="fieldsAddOptions"
+          v-model:name-update="nameUpdate"
+          v-model:myedity-update="myedityUpdate"
+          v-model:fields-update="fieldsUpdate"
+          v-model:time-update="timeUpdate"
+          v-model:status-update="statusUpdate"
+          :fields-update-options="fieldsUpdateOptions"
           @click:CloseBtn="openUpdateArtistDialog = false"
           @updateNewManagingUnitsArtist="updateNewManagingUnitsArtist"
-        /> -->
+        />
 
         <q-card-actions>
           <div class="col-12 q-mt-sm">
@@ -181,6 +181,7 @@
                     round
                     color="primary"
                     icon="mdi-account-edit-outline"
+                    @click="openUpdateArtistDialog = true"
                   >
                     <q-tooltip :offset="[20, 10]">{{
                       $t('managingUnitAdd.toolTipMessage.updateInfo')

src/components/managingunits/add-new-managingunits-dialog/update-new-artist-dialog/NewUpdateArtist.ts

@@ -7,49 +7,49 @@ export default defineComponent({
       type: Boolean,
       required: true,
     },
-    fieldsAddOptions: {type: Array, required: true},
-    fieldsAdd: { type: Number, required: true},
-    nameAdd: { type: String, required: true },
-    myedityAdd: { type: String, required: true },
-    timeAdd: { type: String, required: true },
-    statusAdd: { type: Boolean, required: true },
+    fieldsUpdateOptions: {type: Array, required: true},
+    fieldsUpdate: { type: Number, required: true},
+    nameUpdate: { type: String, required: true },
+    myedityUpdate: { type: String, required: true },
+    timeUpdate: { type: String, required: true },
+    statusUpdate: { type: Boolean, required: true },
   },
   setup() {
-    const nameAddRules = [
+    const nameUpdateRules = [
       (val?: string) =>
         (val && val.trim().length) ||
-        i18n.global.t('managingUnitAdd.validateMessages.requireNameAdd'),
+        i18n.global.t('managingUnitAdd.validateMessages.requireNameUpdate'),
     ];
-    const myedityAddRules = [
+    const myedityUpdateRules = [
       (val?: string) =>
         (val && val.trim().length) ||
-        i18n.global.t('managingUnitAdd.validateMessages.requireMyedityAdd'),
+        i18n.global.t('managingUnitAdd.validateMessages.requireMyedityUpdate'),
     ];
-      const fieldsAddRules = [
+      const fieldsUpdateRules = [
         (val?: number) =>
           val !== undefined ||
-          i18n.global.t('managingUnitAdd.validateMessages.requireFieldsAdd'),
+          i18n.global.t('managingUnitAdd.validateMessages.requireFieldsUpdate'),
       ];
-    const timeAddRules = [
+    const timeUpdateRules = [
       (val?: string) =>
         (val && val.trim().length) ||
-        i18n.global.t('managingUnitAdd.validateMessages.requireTimeAdd'),
+        i18n.global.t('managingUnitAdd.validateMessages.requireTimeUpdate'),
     ];
     return {
-        nameAddRules,
-        myedityAddRules,
-        fieldsAddRules,
-        timeAddRules,
+        nameUpdateRules,
+        myedityUpdateRules,
+        fieldsUpdateRules,
+        timeUpdateRules,
     };
   },
   emits: [
     'update:openUpdateArtistDialog',
     'click:CloseBtn',
-    'update:nameAdd',
-    'update:myedityAdd',
-    'update:fieldsAdd',
-    'update:timeAdd',
-    'update:statusAdd',
+    'update:nameUpdate',
+    'update:myedityUpdate',
+    'update:fieldsUpdate',
+    'update:timeUpdate',
+    'update:statusUpdate',
     'updateNewManagingUnitsArtist',
   ],
 });

src/components/managingunits/add-new-managingunits-dialog/update-new-artist-dialog/index.vue

@@ -21,10 +21,12 @@
           <div class="row q-col-gutter-sm">
             <div class="col-6">
               <q-input
-                :model-value="nameAdd"
-                @update:model-value="$emit('update:nameAdd', $event)"
-                :label="$t('managingUnitAdd.dialogLabel.fieldLabels.nameAdd')"
-                :rules="nameAddRules"
+                :model-value="nameUpdate"
+                @update:model-value="$emit('update:nameUpdate', $event)"
+                :label="
+                  $t('managingUnitAdd.dialogLabel.fieldLabels.nameUpdate')
+                "
+                :rules="nameUpdateRules"
                 hide-bottom-space
                 type="text"
                 class="q-my-sm"
@@ -32,35 +34,28 @@
                 clearable
               ></q-input>
               <q-input
-                :model-value="myedityAdd"
-                @update:model-value="$emit('update:myedityAdd', $event)"
+                :model-value="timeUpdate"
+                @update:model-value="$emit('update:timeUpdate', $event)"
                 :label="
-                  $t('managingUnitAdd.dialogLabel.fieldLabels.myedityAdd')
+                  $t('managingUnitAdd.dialogLabel.fieldLabels.timeUpdate')
                 "
-                type="text"
                 class="q-my-sm"
+                type="text"
                 outlined
-                :rules="myedityAddRules"
+                :rules="timeUpdateRules"
                 hide-bottom-space
                 clearable
               ></q-input>
-              <div style="padding-left: 8px">
-                <span class="text-body1">{{
-                  $t('managingUnitAdd.dialogLabel.fieldLabels.status')
-                }}</span
-                ><q-toggle
-                  :model-value="statusAdd"
-                  @update:model-value="$emit('update:statusAdd', $event)"
-                />
-              </div>
             </div>
             <div class="col-6">
               <q-select
-                :model-value="fieldsAdd"
-                @update:model-value="$emit('update:fieldsAdd', $event)"
-                :label="$t('managingUnitAdd.dialogLabel.fieldLabels.fieldsAdd')"
-                :options="fieldsAddOptions"
-                :rules="fieldsAddRules"
+                :model-value="fieldsUpdate"
+                @update:model-value="$emit('update:fieldsUpdate', $event)"
+                :label="
+                  $t('managingUnitAdd.dialogLabel.fieldLabels.fieldsUpdate')
+                "
+                :options="fieldsUpdateOptions"
+                :rules="fieldsUpdateRules"
                 emit-value
                 map-options
                 option-value="id"
@@ -71,16 +66,27 @@
                 clearable
               ></q-select>
               <q-input
-                :model-value="timeAdd"
-                @update:model-value="$emit('update:timeAdd', $event)"
-                :label="$t('managingUnitAdd.dialogLabel.fieldLabels.timeAdd')"
-                class="q-my-sm"
+                :model-value="myedityUpdate"
+                @update:model-value="$emit('update:myedityUpdate', $event)"
+                :label="
+                  $t('managingUnitAdd.dialogLabel.fieldLabels.myedityUpdate')
+                "
                 type="text"
+                class="q-my-sm"
                 outlined
-                :rules="timeAddRules"
+                :rules="myedityUpdateRules"
                 hide-bottom-space
                 clearable
               ></q-input>
+              <div class="q-pt-sm q-pr-sm">
+                <span class="text-body1">{{
+                  $t('managingUnitAdd.dialogLabel.fieldLabels.status')
+                }}</span
+                ><q-toggle
+                  :model-value="statusUpdate"
+                  @update:model-value="$emit('update:statusUpdate', $event)"
+                />
+              </div>
             </div>
           </div>
         </q-card-section>

src/components/managingunits/update-new-managingunits-dialog/UpdateNewManagingUnits.ts

@@ -3,6 +3,7 @@ import { i18n } from 'src/boot/i18n';
 import { isEmail } from '../../../boot/functions';
 import { isMobilePhone } from '../../../boot/functions';
 import NewArtistDialog from 'components/managingunits/update-new-managingunits-dialog/add-new-artist-dialog/index.vue'
+import UpdateNewArtistDialog from 'components/managingunits/update-new-managingunits-dialog/update-new-artist-dialog/index.vue'
 
 export type ArtistUpdateInfoType = {
   id: number;
@@ -13,9 +14,19 @@ export type ArtistUpdateInfoType = {
   statusAdd: number;
 };
 
+export type ArtistUpdateUpdateInfoType = {
+  id: number;
+  nameUpdate: string | null;
+  myedityUpdate: string | null;
+  timeUpdate: string | null;
+  fieldsUpdate: number;
+  statusUpdate: number;
+};
+
 export default defineComponent({
   components: {
-    NewArtistDialog
+    NewArtistDialog,
+    UpdateNewArtistDialog
   },
   props: {
     showDialogUpdate: {
@@ -41,6 +52,12 @@ export default defineComponent({
       try {
       } catch (error) {}
     };
+    const openUpdateArtistDialog = ref(false)
+    const updateUpdateNewManagingUnitsArtist = () => {
+      //gọi api cập nhật
+      try {
+      } catch (error) {}
+    };
     const codeRules = [
       (val?: string) =>
         (val && val.trim().length) ||
@@ -91,7 +108,26 @@ export default defineComponent({
       { id: 2, text: 'Âm nhạc' },
       { id: 1, text: 'Thể thao' },
     ]);
+
+    const nameUpdate: Ref<string | undefined> = ref()
+    const myedityUpdate: Ref<string | undefined> = ref()
+    const fieldsUpdate: Ref<number | undefined> = ref();
+    const statusUpdate: Ref<boolean | number> = ref(true);
+    const timeUpdate: Ref<string | undefined> = ref();
+    const fieldsUpdateOptions = ref([
+      { id: 1, text: 'Giải trí' },
+      { id: 2, text: 'Âm nhạc' },
+      { id: 1, text: 'Thể thao' },
+    ]);
     return {
+    nameUpdate,
+    myedityUpdate,
+    fieldsUpdate,
+    statusUpdate,
+    timeUpdate,
+    fieldsUpdateOptions,
+    openUpdateArtistDialog,
+    updateUpdateNewManagingUnitsArtist,
     nameAdd,
     myedityAdd,
     fieldsAdd,

src/components/managingunits/update-new-managingunits-dialog/add-new-artist-dialog/index.vue

@@ -32,27 +32,16 @@
                 clearable
               ></q-input>
               <q-input
-                :model-value="myedityAdd"
-                @update:model-value="$emit('update:myedityAdd', $event)"
-                :label="
-                  $t('managingUnitAdd.dialogLabel.fieldLabels.myedityAdd')
-                "
-                type="text"
+                :model-value="timeAdd"
+                @update:model-value="$emit('update:timeAdd', $event)"
+                :label="$t('managingUnitAdd.dialogLabel.fieldLabels.timeAdd')"
                 class="q-my-sm"
+                type="text"
                 outlined
-                :rules="myedityAddRules"
+                :rules="timeAddRules"
                 hide-bottom-space
                 clearable
               ></q-input>
-              <div style="padding-left: 8px">
-                <span class="text-body1">{{
-                  $t('managingUnitAdd.dialogLabel.fieldLabels.status')
-                }}</span
-                ><q-toggle
-                  :model-value="statusAdd"
-                  @update:model-value="$emit('update:statusAdd', $event)"
-                />
-              </div>
             </div>
             <div class="col-6">
               <q-select
@@ -71,16 +60,27 @@
                 clearable
               ></q-select>
               <q-input
-                :model-value="timeAdd"
-                @update:model-value="$emit('update:timeAdd', $event)"
-                :label="$t('managingUnitAdd.dialogLabel.fieldLabels.timeAdd')"
-                class="q-my-sm"
+                :model-value="myedityAdd"
+                @update:model-value="$emit('update:myedityAdd', $event)"
+                :label="
+                  $t('managingUnitAdd.dialogLabel.fieldLabels.myedityAdd')
+                "
                 type="text"
+                class="q-my-sm"
                 outlined
-                :rules="timeAddRules"
+                :rules="myedityAddRules"
                 hide-bottom-space
                 clearable
               ></q-input>
+              <div style="padding-left: 8px">
+                <span class="text-body1">{{
+                  $t('managingUnitAdd.dialogLabel.fieldLabels.status')
+                }}</span
+                ><q-toggle
+                  :model-value="statusAdd"
+                  @update:model-value="$emit('update:statusAdd', $event)"
+                />
+              </div>
             </div>
           </div>
         </q-card-section>

src/components/managingunits/update-new-managingunits-dialog/index.vue

@@ -148,6 +148,18 @@
           @updateNewManagingUnitsArtist="updateNewManagingUnitsArtist"
         />
 
+        <UpdateNewArtistDialog
+          v-model:open-update-artist-dialog="openUpdateArtistDialog"
+          v-model:name-update="nameUpdate"
+          v-model:myedity-update="myedityUpdate"
+          v-model:fields-update="fieldsUpdate"
+          v-model:time-update="timeUpdate"
+          v-model:status-update="statusUpdate"
+          :fields-update-options="fieldsUpdateOptions"
+          @click:CloseBtn="openUpdateArtistDialog = false"
+          @updateNewManagingUnitsArtist="updateNewManagingUnitsArtist"
+        />
+
         <q-card-actions>
           <div class="col-12 q-mt-sm">
             <q-table
@@ -169,6 +181,7 @@
                     round
                     color="primary"
                     icon="mdi-account-edit-outline"
+                    @click="openUpdateArtistDialog = true"
                   >
                     <q-tooltip :offset="[20, 10]">{{
                       $t('managingUnitAdd.toolTipMessage.updateInfo')

src/components/managingunits/update-new-managingunits-dialog/update-new-artist-dialog/NewUpdateArtist.ts

+import { defineComponent } from 'vue';
+import { i18n } from 'src/boot/i18n';
+
+export default defineComponent({
+  props: {
+    openUpdateArtistDialog: {
+      type: Boolean,
+      required: true,
+    },
+    fieldsUpdateOptions: {type: Array, required: true},
+    fieldsUpdate: { type: Number, required: true},
+    nameUpdate: { type: String, required: true },
+    myedityUpdate: { type: String, required: true },
+    timeUpdate: { type: String, required: true },
+    statusUpdate: { type: Boolean, required: true },
+  },
+  setup() {
+    const nameUpdateRules = [
+      (val?: string) =>
+        (val && val.trim().length) ||
+        i18n.global.t('managingUnitAdd.validateMessages.requireNameUpdate'),
+    ];
+    const myedityUpdateRules = [
+      (val?: string) =>
+        (val && val.trim().length) ||
+        i18n.global.t('managingUnitAdd.validateMessages.requireMyedityUpdate'),
+    ];
+      const fieldsUpdateRules = [
+        (val?: number) =>
+          val !== undefined ||
+          i18n.global.t('managingUnitAdd.validateMessages.requireFieldsUpdate'),
+      ];
+    const timeUpdateRules = [
+      (val?: string) =>
+        (val && val.trim().length) ||
+        i18n.global.t('managingUnitAdd.validateMessages.requireTimeUpdate'),
+    ];
+    return {
+        nameUpdateRules,
+        myedityUpdateRules,
+        fieldsUpdateRules,
+        timeUpdateRules,
+    };
+  },
+  emits: [
+    'update:openUpdateArtistDialog',
+    'click:CloseBtn',
+    'update:nameUpdate',
+    'update:myedityUpdate',
+    'update:fieldsUpdate',
+    'update:timeUpdate',
+    'update:statusUpdate',
+    'updateUpdateNewManagingUnitsArtist',
+  ],
+});

src/components/managingunits/update-new-managingunits-dialog/update-new-artist-dialog/index.vue

 <template>
-  <div>My component</div>
+  <q-dialog
+    persistent
+    :model-value="openUpdateArtistDialog"
+    @update:model-value="$emit('update:openUpdateArtistDialog', $event)"
+  >
+    <q-card style="min-width: 700px" bordered>
+      <q-form
+        greedy
+        @submit.prevent="$emit('updateUpdateNewManagingUnitsArtist')"
+      >
+        <q-card-section>
+          <q-item>
+            <q-item-section>
+              <q-item-label class="text-h6 text-weight-regular">{{
+                $t('managingUnitAdd.dialogLabel.title.update')
+              }}</q-item-label>
+            </q-item-section>
+          </q-item>
+        </q-card-section>
+        <q-separator />
+
+        <q-card-section>
+          <div class="row q-col-gutter-sm">
+            <div class="col-6">
+              <q-input
+                :model-value="nameUpdate"
+                @update:model-value="$emit('update:nameUpdate', $event)"
+                :label="
+                  $t('managingUnitAdd.dialogLabel.fieldLabels.nameUpdate')
+                "
+                :rules="nameUpdateRules"
+                hide-bottom-space
+                type="text"
+                class="q-my-sm"
+                outlined
+                clearable
+              ></q-input>
+              <q-input
+                :model-value="timeUpdate"
+                @update:model-value="$emit('update:timeUpdate', $event)"
+                :label="
+                  $t('managingUnitAdd.dialogLabel.fieldLabels.timeUpdate')
+                "
+                class="q-my-sm"
+                type="text"
+                outlined
+                :rules="timeUpdateRules"
+                hide-bottom-space
+                clearable
+              ></q-input>
+            </div>
+            <div class="col-6">
+              <q-select
+                :model-value="fieldsUpdate"
+                @update:model-value="$emit('update:fieldsUpdate', $event)"
+                :label="
+                  $t('managingUnitAdd.dialogLabel.fieldLabels.fieldsUpdate')
+                "
+                :options="fieldsUpdateOptions"
+                :rules="fieldsUpdateRules"
+                emit-value
+                map-options
+                option-value="id"
+                option-label="text"
+                class="q-my-sm"
+                outlined
+                hide-bottom-space
+                clearable
+              ></q-select>
+              <q-input
+                :model-value="myedityUpdate"
+                @update:model-value="$emit('update:myedityUpdate', $event)"
+                :label="
+                  $t('managingUnitAdd.dialogLabel.fieldLabels.myedityUpdate')
+                "
+                type="text"
+                class="q-my-sm"
+                outlined
+                :rules="myedityUpdateRules"
+                hide-bottom-space
+                clearable
+              ></q-input>
+              <div style="padding-left: 8px">
+                <span class="text-body1">{{
+                  $t('managingUnitAdd.dialogLabel.fieldLabels.status')
+                }}</span
+                ><q-toggle
+                  :model-value="statusUpdate"
+                  @update:model-value="$emit('update:statusUpdate', $event)"
+                />
+              </div>
+            </div>
+          </div>
+        </q-card-section>
+        <q-card-actions align="right">
+          <div>
+            <q-btn
+              color="grey"
+              no-caps
+              style="width: 90px"
+              class="q-mr-sm"
+              :label="$t('managingUnitAdd.crudActions.cancel')"
+              @click="$emit('click:CloseBtn')"
+            />
+            <q-btn
+              type="submit"
+              color="primary"
+              no-caps
+              style="width: 90px"
+              :label="$t('managingUnitAdd.crudActions.save')"
+            />
+          </div>
+        </q-card-actions>
+      </q-form>
+    </q-card>
+  </q-dialog>
 </template>
 
-<script lang="ts">
-import { defineComponent } from 'vue'
-export default defineComponent({
-  // name: 'ComponentName'
-})
-</script>
+<script lang="ts" src="./NewUpdateArtist.ts"></script>

src/i18n/vi/index.ts

@@ -209,6 +209,11 @@ export default {
       myedityAdd: 'Nghệ danh',
       fieldsAdd: 'Lĩnh vực',
       timeAdd: 'Thời gian hợp đồng',
+      sttUpdate: 'STT',
+      nameUpdate: 'Tên đơn vị',
+      myedityUpdate: 'Nghệ danh',
+      fieldsUpdate: 'Lĩnh vực',
+      timeUpdate: 'Thời gian hợp đồng',
       status: 'Trạng thái',
       action: 'Chức năng',
     },
@@ -226,6 +231,10 @@ export default {
       myedityAdd: 'Nghệ danh *',
       fieldsAdd: 'Lĩnh vực *',
       timeAdd: 'Thời gian hợp đồng *',
+      nameUpdate: 'Tên đơn vị *',
+      myedityUpdate: 'Nghệ danh *',
+      fieldsUpdate: 'Lĩnh vực *',
+      timeUpdate: 'Thời gian hợp đồng *',
       status: 'Trạng thái',
       },
     },
@@ -242,6 +251,10 @@ export default {
       requireMyedityAdd: 'Vui lòng nhập Nghệ danh',
       requireFieldsAdd: 'Vui lòng chọn Lĩnh vực',
       requireTimeAdd: 'Vui lòng nhập Thời gian',
+      requireNameUpdate: 'Vui lòng nhập Tên đơn vị',
+      requireMyedityUpdate: 'Vui lòng nhập Nghệ danh',
+      requireFieldsUpdate: 'Vui lòng chọn Lĩnh vực',
+      requireTimeUpdate: 'Vui lòng nhập Thời gian',
     },
     // confirmActionsTitle: {
     // },

src/pages/don-vi-chu-quan/ManagingUnit.ts

@@ -256,18 +256,18 @@ export default defineComponent({
       //       pageSize: pageSize.value,
       //     },
       //   })) as AxiosResponse<BaseResponseBody<unknown>>;
-      // const fakeData: unknown[] = [
-      //   {
-      //     id: 1,
-      //     sttAdd: 1,
-      //     nameAdd: 'Ưng Hoàng Phúc',
-      //     myedityAdd: 'Ưng Hoàng Phúc',
-      //     fieldsAdd: 'Âm nhạc',
-      //     timeAdd: '05/05/2021 - 05/05/2022',
-      //     status: 1,
-      //   },
-      // ];
-      // managingUnitAddTableRows.value = fakeData;
+      const fakeData: unknown[] = [
+        {
+          id: 1,
+          sttAdd: 1,
+          nameAdd: 'Ưng Hoàng Phúc',
+          myedityAdd: 'Ưng Hoàng Phúc',
+          fieldsAdd: 'Âm nhạc',
+          timeAdd: '05/05/2021 - 05/05/2022',
+          status: 1,
+        },
+      ];
+      managingUnitAddTableRows.value = fakeData;
     };
 
     const getListUpdateUnit = () => {
@@ -279,18 +279,18 @@ export default defineComponent({
       //       pageSize: pageSize.value,
       //     },
       //   })) as AxiosResponse<BaseResponseBody<unknown>>;
-      // const fakeData: unknown[] = [
-      //   {
-      //     id: 1,
-      //     sttAdd: 1,
-      //     nameAdd: 'Ưng Hoàng Phúc',
-      //     myedityAdd: 'Ưng Hoàng Phúc',
-      //     fieldsAdd: 'Âm nhạc',
-      //     timeAdd: '05/05/2021 - 05/05/2022',
-      //     status: 1,
-      //   },
-      // ];
-      // managingUnitUpdateTableRows.value = fakeData;
+      const fakeData: unknown[] = [
+        {
+          id: 1,
+          sttAdd: 1,
+          nameAdd: 'Ưng Hoàng Phúc',
+          myedityAdd: 'Ưng Hoàng Phúc',
+          fieldsAdd: 'Âm nhạc',
+          timeAdd: '05/05/2021 - 05/05/2022',
+          status: 1,
+        },
+      ];
+      managingUnitUpdateTableRows.value = fakeData;
     };
 
     const showDialog = ref(false);