feat: inactive color

src/pages/01_branch-management/MainPage.vue

@@ -243,7 +243,7 @@ function changeTitle(
                       beforeBranch = currentHq;
                       currentHq = { id: '', code: '' };
                       fieldSelectedBranch = {
-                        label: t('branchHQLabel'),
+                        label: $t('branchHQLabel'),
                         value: 'branchHQLabel',
                       };
                     }
@@ -443,6 +443,7 @@ function changeTitle(
                   :options="
                     fieldDisplay.map((v) => ({ label: $t(v), value: v }))
                   "
+                  :display-value="$t('Fields')"
                   v-model="fieldSelected"
                   option-label="label"
                   option-value="value"
@@ -509,6 +510,7 @@ function changeTitle(
                 :key="item.id"
                 :data="item"
                 :field-selected="fieldSelected"
+                :inactive="item.branchLabelStatus === 'INACTIVE'"
                 @view-detail="(b) => console.log(b)"
               />
             </div>