fix(01): bank status toggle

src/components/01_branch-management/FormBank.vue

@@ -103,15 +103,28 @@ watch(
       />
       <span class="col-12 app-text-muted-2 flex justify-between items-center">
         {{ `${$t('bankBookNo')} ${i + 1}` }}
-        <q-btn
-          v-if="bankBookList.length !== 1 && !readonly"
-          flat
-          dense
-          size="sm"
-          color="negative"
-          icon="mdi-trash-can-outline"
-          @click="deleteItem(bankBookList, i)"
-        />
+        <div class="row">
+          {{ $t('accountStatus') }}
+          <q-toggle
+            id="toggle-bank-status"
+            dense
+            size="md"
+            padding="none"
+            class="q-pl-md"
+            :disable="readonly"
+            v-model="book.currentlyUse"
+          />
+          <q-separator vertical spaced="lg" />
+          <q-btn
+            v-if="bankBookList.length !== 1 && !readonly"
+            flat
+            dense
+            size="sm"
+            color="negative"
+            icon="mdi-trash-can-outline"
+            @click="deleteItem(bankBookList, i)"
+          />
+        </div>
       </span>
       <q-select
         outlined
@@ -227,39 +240,6 @@ watch(
           </q-item>
         </template>
       </q-select>
-      <q-select
-        outlined
-        clearable
-        use-input
-        fill-input
-        emit-value
-        map-options
-        hide-selected
-        hide-bottom-space
-        option-value="value"
-        input-debounce="0"
-        option-label="label"
-        v-model="book.currentlyUse"
-        lazy-rules="ondemand"
-        class="col-3"
-        :dense="dense"
-        :label="$t('accountStatus')"
-        :options="[
-          { label: $t('use'), value: true },
-          { label: $t('notUse'), value: false },
-        ]"
-        :readonly="readonly"
-        :hide-dropdown-icon="readonly"
-        for="select-bankbook"
-      >
-        <template v-slot:no-option>
-          <q-item>
-            <q-item-section class="text-grey">
-              {{ $t('noResults') }}
-            </q-item-section>
-          </q-item>
-        </template>
-      </q-select>
     </div>
   </div>
 </template>