Zeilen-Kostenstelle ins Positionsmenü verschieben

frontend/pages/createDocument/edit/[[id]].vue

@@ -2784,7 +2784,6 @@ const setRowData = async (row, service = {sellingPriceComposed: {}}, product = {
               <th class="pl-2">Name</th>
               <th class="pl-2">Menge</th>
               <th class="pl-2">Einheit</th>
-              <th class="pl-2">Kostenstelle</th>
               <th class="pl-2" v-if="!deliveryNoteLikeDocumentTypes.includes(itemInfo.type)">Preis</th>
               <th class="pl-2" v-if="!deliveryNoteLikeDocumentTypes.includes(itemInfo.type)">EK</th>
               <!--                <th class="pl-2" v-if="!deliveryNoteLikeDocumentTypes.includes(itemInfo.type)">Steuer</th>
@@ -2811,13 +2810,13 @@ const setRowData = async (row, service = {sellingPriceComposed: {}}, product = {
                   </td>
                   <td
                       v-if="row.mode === 'pagebreak'"
-                      colspan="9"
+                      colspan="8"
                   >
                     <USeparator/>
                   </td>
                   <td
                       v-if="row.mode === 'text'"
-                      colspan="9"
+                      colspan="8"
                   >
                     <!--                    <UInput
                                             v-model="row.text"
@@ -3031,28 +3030,6 @@ const setRowData = async (row, service = {sellingPriceComposed: {}}, product = {
                       </template>
                     </USelectMenu>
                   </td>
-                  <td
-                      class="w-full"
-                      v-if="!['pagebreak','title','text'].includes(row.mode)"
-                  >
-                    <USelectMenu
-                        v-model="row.costCentre"
-                        :disabled="itemInfo.type === 'cancellationInvoices'"
-                        :items="costcentres"
-                        label-key="name"
-                        value-key="id"
-                        :search-input="{ placeholder: 'Suche...' }"
-                        :filter-fields="['name', 'number']"
-                        class="w-44"
-                    >
-                      <template #default>
-                        <span class="truncate">{{ getCostCentreName(row.costCentre) }}</span>
-                      </template>
-                      <template #item="{ item: costcentre }">
-                        {{ [costcentre.number, costcentre.name].filter(Boolean).join(" - ") }}
-                      </template>
-                    </USelectMenu>
-                  </td>
                   <td
                       class="w-full"
                       v-if="!['pagebreak','title','text'].includes(row.mode) && !deliveryNoteLikeDocumentTypes.includes(itemInfo.type)"
@@ -3200,9 +3177,32 @@ const setRowData = async (row, service = {sellingPriceComposed: {}}, product = {
                           </UFormField>
                         </InputGroup>
 
+                        <UFormField
+                            label="Kostenstelle:"
+                            class="mt-3"
+                        >
+                          <USelectMenu
+                              v-model="row.costCentre"
+                              :items="costcentres"
+                              label-key="name"
+                              value-key="id"
+                              :search-input="{ placeholder: 'Suche...' }"
+                              :filter-fields="['name', 'number']"
+                              class="w-full"
+                          >
+                            <template #default>
+                              <span class="truncate">{{ getCostCentreName(row.costCentre) }}</span>
+                            </template>
+                            <template #item="{ item: costcentre }">
+                              {{ [costcentre.number, costcentre.name].filter(Boolean).join(" - ") }}
+                            </template>
+                          </USelectMenu>
+                        </UFormField>
+
                         <UFormField
                             label="Einzelpreis:"
                             v-if="!deliveryNoteLikeDocumentTypes.includes(itemInfo.type)"
+                            class="mt-3"
                         >
                           <UInput
                               v-model="row.inputPrice"
@@ -3423,7 +3423,7 @@ const setRowData = async (row, service = {sellingPriceComposed: {}}, product = {
                   </td>
                   <td
                       v-if="row.mode === 'title'"
-                      colspan="8"
+                      colspan="7"
                   >
                     <UInput
                         :disabled="itemInfo.type === 'cancellationInvoices'"