Update index.vue

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

@@ -15,6 +15,7 @@
                     ? $t('managingUnit.dialogLabel.title.add')
                     : $t('managingUnit.dialogLabel.title.update')
                 }}
+                123
               </q-item-label>
             </q-item-section>
           </q-item>
@@ -178,6 +179,7 @@
               </q-btn>
             </div>
           </div>
+
           <div class="col-12 q-mt-sm">
             <q-table
               :rows="artistList"
@@ -219,20 +221,34 @@
                 <q-td>
                   <div align="center">
                     <q-chip
-                      :color="
-                        rowData.value === UnitStatus.active
-                          ? 'positive'
-                          : 'orange'
+                      v-if="rowData.value === 1"
+                      color="positive
                       "
                       text-color="white"
                       size="sm"
                     >
-                      {{
-                        rowData.value === UnitStatus.active
-                          ? $t('managingUnitAdd.statusLabel.active')
-                          : $t('managingUnitAdd.statusLabel.inactive')
-                      }}
+                      {{ $t('managingUnitAdd.statusLabel.active') }}
+                    </q-chip>
+              <q-chip
+                      v-if="rowData.value === 2"
+                      color="orange
+                      "
+                      text-color="white"
+                      size="sm"
+                    >
+                     Hết hạn hợp đồng
+                    </q-chip>
+
+
+                              <q-chip
+                      v-if="rowData.value === 3"
+                      color="grey"
+                      text-color="white"
+                      size="sm"
+                    >
+                     Hợp đồng chưa tới
                     </q-chip>
+
                   </div>
                 </q-td>
               </template>
@@ -365,7 +381,7 @@
     v-model:artistStatus="artistStatus"
     v-model:contractTimeFrom="contractTimeFrom"
     v-model:contractTimeTo="contractTimeTo"
-   v-model:contractId="contractId"
+    v-model:contractId="contractId"
     :artistOptions="artistOptions"
     :fieldOptions="fieldsOptions"
     :fieldsAddOptions="fieldsAddOptions"
@@ -679,7 +695,7 @@ export default defineComponent({
       () => contractTimeFrom.value,
       (value) => {
         if (value) {
-          console.log(value,'12312312');
+          console.log(value, '12312312');
           const fromDate = moment(value, 'DD/MM/YYYY', true).toDate();
           const toDate = contractTimeTo.value
             ? moment(contractTimeTo.value, 'DD/MM/YYYY', true).toDate()
@@ -840,8 +856,7 @@ export default defineComponent({
           artistFullName: artistName.value?.fullName,
           field: artistField.value?.name,
           fieldId: artistField.value?.id,
-          id:contractId.value
-        
+          id: contractId.value,
         };
         context.emit('update:artistList', [...newArtistList]);
         Notify.create({
@@ -855,9 +870,8 @@ export default defineComponent({
     };
 
     const addNewArtist = () => {
-      
       const newArtistList = [...props.artistList];
-      
+
       newArtistList.push({
         contractFrom: `${contractTimeFrom.value} 00:00:00`,
         contractTo: `${contractTimeTo.value} 00:00:00`,