update

src/assets/type.ts

@@ -359,7 +359,7 @@ export type CustomerLevelType = {
   id: number;
   name: string;
   description: string;
-  level: number;
+  level: string;
   status: number;
 };
 

src/pages/khach-hang/index.vue

@@ -28,7 +28,7 @@
         v-model="levelSelected"
         :options="levelOptions"
         option-label="level"
-        option-value="id"
+        option-value="level"
         dense
         outlined
         label="Đánh giá sao"
@@ -129,6 +129,29 @@
             </q-btn>
           </q-td>
         </template>
+        <template v-slot:body-cell-level="rowData">
+          <q-td :item="rowData">
+            <div
+              align="center"
+              v-for="(item, index) in listRating"
+              :key="index"
+            >
+              <div v-if="rowData.value === item.value">
+                <q-rating
+                  v-model="item.text"
+                  :max="5"
+                  size="2rem"
+                  color="yellow"
+                  icon="star_border"
+                  icon-selected="star"
+                  icon-half="star_half"
+                  no-dimming
+                  readonly
+                />
+              </div>
+            </div>
+          </q-td>
+        </template>
         <template v-slot:body-cell-status="rowData">
           <q-td>
             <div align="center">
@@ -375,7 +398,7 @@ export default defineComponent({
           params: {
             pageIndex: pageIndex.value,
             pageSize: pageSize.value,
-            customerLevel: levelSelected.value?.id,
+            customerLevel: levelSelected.value?.level,
             companyName: companyNameSelected.value,
             taxCode: taxCodeSelected.value,
           },
@@ -433,6 +456,46 @@ export default defineComponent({
         void browserCustomer(id);
       });
     };
+
+    const listRating = ref([
+      {
+        text: 1,
+        value: '1',
+      },
+      {
+        text: 1.5,
+        value: '1.5',
+      },
+      {
+        text: 2,
+        value: '2',
+      },
+      {
+        text: 2.5,
+        value: '2.5',
+      },
+      {
+        text: 3,
+        value: '3',
+      },
+      {
+        text: 3.5,
+        value: '3.5',
+      },
+      {
+        text: 4,
+        value: '4',
+      },
+      {
+        text: 4.5,
+        value: '4.5',
+      },
+      {
+        text: 5,
+        value: '5',
+      },
+    ]);
+
     const confirmRefusedBrowserCustomer = (id: number) => {
       customerId.value = id;
       openDialogRefusedBrowser.value = true;
@@ -627,6 +690,7 @@ export default defineComponent({
       pageSize,
       dataTest,
       totalPage,
+      listRating,
       changePageSize,
       getCustomerLevelOptions,
       confirmDeleteCustomer,