feat: improve notiz column UI and fix memory exhaustion
Notiz column now has max 5 lines with expand/collapse animation and auto-resizing edit textarea. Moved raw SQL query to WorkorderModel::getPreorderIdsByCampaigns() to fix OOM in archiveWorkorders(). Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -64,16 +64,19 @@ Vue.component('workorder-admin', {
|
||||
</template>
|
||||
|
||||
<template v-slot:additionalinfo="{ row }">
|
||||
<div v-if="editingAdditionalInfoId === row.id">
|
||||
<tt-textarea v-model="tempAdditionalInfo" @keydown.esc.native="cancelEdit" rows="3" no-form-group sm ref="editTextarea"/>
|
||||
<div v-if="editingAdditionalInfoId === row.id" class="wo-notiz-edit">
|
||||
<tt-textarea v-model="tempAdditionalInfo" @keydown.esc.native="cancelEdit" :rows="editTextareaRows" no-form-group sm ref="editTextarea"/>
|
||||
<div class="mt-2 d-flex justify-content-end">
|
||||
<tt-button text="Abbrechen" @click="cancelEdit" sm additional-class="btn-secondary mr-2"/>
|
||||
<tt-button text="Speichern" @click="updateAdditionalInfo(row)" sm additional-class="btn-success"/>
|
||||
</div>
|
||||
</div>
|
||||
<div v-else class="d-flex align-items-start">
|
||||
<span style="white-space: pre-wrap; max-width: 250px; display: inline-block;">{{ row.additionalInfo || '-' }}</span>
|
||||
<tt-button icon="fas fa-edit" @click="startAdditionalInfoEdit(row)" additional-class="btn-link btn-sm p-0 ml-2" title="Zusatz-Info bearbeiten"/>
|
||||
<div v-else>
|
||||
<div :class="['wo-notiz-text', expandedNotes.includes(row.id) ? 'wo-notiz-expanded' : '']">{{ row.additionalInfo || '-' }}</div>
|
||||
<div class="wo-notiz-actions">
|
||||
<button v-if="isNoteLong(row.additionalInfo)" class="wo-notiz-toggle" @click="toggleNoteExpand(row.id)">{{ expandedNotes.includes(row.id) ? '▴ weniger' : '▾ mehr' }}</button>
|
||||
<a class="wo-notiz-edit-btn" @click="startAdditionalInfoEdit(row)" title="Zusatz-Info bearbeiten"><i class="fas fa-edit"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -122,7 +125,7 @@ Vue.component('workorder-admin', {
|
||||
data() {
|
||||
return {
|
||||
window, workordersToAssign: [], editingWorkorderId: null, editingDeadlineId: null, editingAdditionalInfoId: null,
|
||||
civilEngineeringData: null, tempAdditionalInfo: '', companiesByTenant: {}, companiesLoading: false, massAssignCompanyId: null,
|
||||
civilEngineeringData: null, tempAdditionalInfo: '', expandedNotes: [], companiesByTenant: {}, companiesLoading: false, massAssignCompanyId: null,
|
||||
cancelWorkorderModalData: null, problemSolvedModalData: null, massAssignModalData: null,
|
||||
crudConfig: {
|
||||
...window.TT_CONFIG.CRUD_CONFIG, selectable: false, expandable: true,
|
||||
@@ -155,7 +158,11 @@ Vue.component('workorder-admin', {
|
||||
const firstWorkorder = rows.find(r => r.id === this.workordersToAssign[0]);
|
||||
if (!firstWorkorder) return [];
|
||||
return this.companiesByTenant[firstWorkorder.tenantId] || [];
|
||||
}
|
||||
},
|
||||
editTextareaRows() {
|
||||
const lines = (this.tempAdditionalInfo || '').split('\n').length;
|
||||
return String(Math.max(4, lines + 1));
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
async chargeWorkorder(row) {
|
||||
@@ -273,6 +280,15 @@ Vue.component('workorder-admin', {
|
||||
this.problemSolvedModalData = null;
|
||||
} else window.notify('error', data.message || 'Ein Fehler ist aufgetreten.');
|
||||
},
|
||||
isNoteLong(text) {
|
||||
if (!text) return false;
|
||||
return text.split('\n').length > 4 || text.length > 180;
|
||||
},
|
||||
toggleNoteExpand(rowId) {
|
||||
const idx = this.expandedNotes.indexOf(rowId);
|
||||
if (idx === -1) this.expandedNotes.push(rowId);
|
||||
else this.expandedNotes.splice(idx, 1);
|
||||
},
|
||||
startAdditionalInfoEdit(row) {
|
||||
this.editingAdditionalInfoId = row.id;
|
||||
this.tempAdditionalInfo = row.additionalInfo || '';
|
||||
|
||||
Reference in New Issue
Block a user