Minor Changes

pages/incomingInvoices/[mode]/[[id]].vue

@@ -28,7 +28,7 @@ const availableDocuments = computed(() => {
 //let currentDocument  = ref(null)
 //Working
 const mode = ref(route.params.mode || "show")
-const useNetMode = ref(true)
+const useNetMode = ref(false)
 
 const itemInfo = ref({
   vendor: 0,
@@ -73,6 +73,12 @@ const currentDocument = computed(() => {
 
 })
 
+const changeNetMode = (mode) => {
+  useNetMode.value = mode
+
+  itemInfo.value.accounts = [{account: null,amountNet: null,amountTax: null,taxType: '19'}]
+}
+
 
 
 
@@ -266,7 +272,11 @@ setupPage()
                   searchable
                   :search-attributes="['name','vendorNumber']"
                   class="flex-auto"
+                  searchable-placeholder="Suche..."
               >
+                <template #option="{option}">
+                  {{option.vendorNumber}} - {{option.name}}
+                </template>
                 <template #label>
                   {{dataStore.vendors.find(vendor => vendor.id === itemInfo.vendor) ? dataStore.vendors.find(vendor => vendor.id === itemInfo.vendor).name : 'Lieferant auswählen'}}
                 </template>
@@ -329,12 +339,27 @@ setupPage()
           </UFormGroup>
 
           <InputGroup class="my-3">
-            Brutto
+            <UButton
+              :variant="!useNetMode ? 'solid' : 'outline'"
+              @click="changeNetMode(false)"
+            >
+              Brutto
+            </UButton>
+            <UButton
+              :variant="useNetMode ? 'solid' : 'outline'"
+              @click="changeNetMode(true)"
+            >
+              Netto
+            </UButton>
+
+
+
+<!--            Brutto
             <UToggle
                 v-model="useNetMode"
                 @update:model-value="itemInfo.accounts = [{account: null,amountNet: null,amountTax: null,taxType: '19'}]"
             />
-            Netto
+            Netto-->
           </InputGroup>
 
           <table v-if="itemInfo.accounts.length > 1" class="w-full">