update

src/components/customer/add-new-customer-dialog/AddNewCustomerDialog.ts

@@ -11,7 +11,7 @@ export default defineComponent({
     },
     ratingsOptions: {type: Array, required: true},
     businessTypeOptions: {type: Array, required: true},
-    tenĐN: { type: String, required: true },
+    userName: { type: String, required: true },
     customerName: { type: String, required: true },
     businessName: { type: String, required: true },
     taxCode: { type: Number, required: true },
@@ -25,10 +25,10 @@ export default defineComponent({
     status: { type: Boolean, required: true },
   },
   setup() {
-    const tenĐNRules = [
+    const userNameRules = [
       (val?: string) =>
         (val && val.trim().length) ||
-        i18n.global.t('customer.validateMessages.requireTenĐN'),
+        i18n.global.t('customer.validateMessages.requireUserName'),
     ];
     const customerNameRules = [
       (val?: string) =>
@@ -86,7 +86,7 @@ export default defineComponent({
           i18n.global.t('customer.validateMessages.requiredPosition'),
       ];
     return {
-      tenĐNRules,
+      userNameRules,
       customerNameRules,
       businessNameRules,
       taxCodeRules,
@@ -102,7 +102,7 @@ export default defineComponent({
   emits: [
     'update:showDialog',
     'click:CloseBtn',
-    'update:tenĐN',
+    'update:userName',
     'update:customerName',
     'update:businessName',
     'update:taxCode',

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

@@ -21,10 +21,10 @@
           <div class="row q-col-gutter-sm">
             <div class="col-6">
               <q-input
-                :model-value="tenĐN"
-                @update:model-value="$emit('update:tenĐN', $event)"
-                :label="$t('customer.dialogLabel.fieldLabels.tenĐN')"
-                :rules="tenĐNRules"
+                :model-value="userName"
+                @update:model-value="$emit('update:userName', $event)"
+                :label="$t('customer.dialogLabel.fieldLabels.userName')"
+                :rules="userNameRules"
                 hide-bottom-space
                 type="text"
                 class="q-my-sm"

src/i18n/vi/index.ts

@@ -152,7 +152,7 @@ export default {
       tableColumnsCustomer: {
         stt: 'STT',
         customerCode: 'Mã khách hàng',
-        tenĐN: 'Tên ĐN',
+        userName: 'Tên đăng nhập',
         fullName: 'Họ tên',
         businessName: 'Tên doanh nghiệp',
         taxCode: 'Mã số thuế',
@@ -171,7 +171,7 @@ export default {
           updateCustomer: 'Cập nhật người dùng',
         },
         fieldLabels: {
-          tenĐN: 'Tên ĐN *',
+          userName: 'Tên đăng nhập *',
           customerName: 'Họ tên *',
           businessName: 'Tên doanh nghiệp *',
           taxCode: 'Mã số thuế *',
@@ -194,7 +194,7 @@ export default {
         cancel: 'Đóng',
       },
       validateMessages: {
-        requireTenĐN: 'Vui lòng nhập Tên ĐH',
+        requireUserName: 'Vui lòng nhập Tên đăng nhập',
         requireCustomerName: 'Vui lòng nhập Họ tên',
         requireBusinessName: 'Vui lòng nhập Tên Doanh nghiệp',
         requireTaxCode: 'Vui lòng nhập Mã số thuế',

src/pages/khach-hang/customer.ts

@@ -4,7 +4,7 @@ import Pagination from 'components/pagination/index.vue';
 import AddNewCustomerDialogComponent from '../../components/customer/add-new-customer-dialog/index.vue';
 export type ArtistInfoType = {
   id: number;
-  tenĐN: string | null;
+  userName: string | null;
   customerName: string | null;
   businessName: string | null;
   taxCode: number;
@@ -43,10 +43,10 @@ export default defineComponent({
         sortable: false,
       },
       {
-        name: 'tenĐN',
-        field: 'tenĐN',
+        name: 'userName',
+        field: 'userName',
         required: true,
-        label: i18n.global.t('customer.tableColumnsCustomer.tenĐN'),
+        label: i18n.global.t('customer.tableColumnsCustomer.userName'),
         headerStyle: 'text-align: center !important;',
         align: 'left',
         sortable: false,
@@ -122,7 +122,7 @@ export default defineComponent({
     const id: Ref<number> = ref(0);
     const businessName: Ref<string | undefined> = ref();
     const taxCode: Ref<number | undefined> = ref();
-    const tenĐN: Ref<string | undefined> = ref();
+    const userName: Ref<string | undefined> = ref();
     const email: Ref<string | undefined> = ref();
     const address: Ref<string | undefined> = ref();
     const customerName: Ref<string | undefined> = ref();
@@ -156,7 +156,7 @@ export default defineComponent({
           id: 1,
           stt: 1,
           customerCode: '0001',
-          tenĐN: 'DuongNA01',
+          userName: 'DuongNA01',
           fullName: 'Nguyễn Tùng Dương',
           businessName: 'TNHH Hà Đông',
           taxCode: '1234567890',
@@ -168,7 +168,7 @@ export default defineComponent({
           id: 2,
           stt: 2,
           customerCode: '0001',
-          tenĐN: 'DuongNA01',
+          userName: 'DuongNA01',
           fullName: 'Nguyễn Tùng Dương',
           businessName: 'TNHH Hà Đông',
           taxCode: '1234567890',
@@ -197,7 +197,7 @@ export default defineComponent({
 
     const openAddCustomerDialog = () => {
       showDialog.value = true;
-      tenĐN.value = '';
+      userName.value = '';
       customerName.value = '';
       businessName.value = '';
       taxCode.value = undefined;
@@ -226,7 +226,7 @@ export default defineComponent({
       addNewCustomer,
       showDialog,
       id,
-      tenĐN,
+      userName,
       customerName,
       businessName,
       taxCode,

src/pages/khach-hang/index.vue

@@ -106,7 +106,7 @@
 
         <AddNewCustomerDialogComponent
           v-model:show-dialog="showDialog"
-          v-model:tendn="tenĐN"
+          v-model:user-name="userName"
           v-model:customer-name="customerName"
           v-model:business-name="businessName"
           v-model:tax-code="taxCode"