248 lines
10 KiB
JavaScript
248 lines
10 KiB
JavaScript
window.TT_CONFIG["CRUD_CONFIG"]["additionalActions"] = [
|
|
...window.TT_CONFIG["CRUD_CONFIG"]["additionalActions"],
|
|
{
|
|
key: "cancelRequest",
|
|
title: "Bestellwunsch stornieren",
|
|
class: "fas fa-times text-danger",
|
|
condition: (row) => window.TT_CONFIG['WAREHOUSE_ADMIN'] === '1' && row.cancelled === 0,
|
|
},
|
|
{
|
|
key: "uncancelRequest",
|
|
title: "Bestellwunsch wiederherstellen",
|
|
class: "fas fa-check text-success",
|
|
condition: (row) => window.TT_CONFIG['WAREHOUSE_ADMIN'] === '1' && row.cancelled === 1,
|
|
},
|
|
{
|
|
key: "createOrder",
|
|
title: "Bestellung erstellen",
|
|
class: "fas fa-plus text-success",
|
|
condition: (row) => window.TT_CONFIG['WAREHOUSE_ADMIN'] === '1'
|
|
&& row.cancelled === 0 && (!row.linkedOrderIds || row.linkedOrderIds.length === 0)
|
|
&& JSON.parse(row.positions).filter(position => position.articleId_text).length === 0,
|
|
}
|
|
]
|
|
|
|
Vue.component('add-log-modal', {
|
|
props: {
|
|
orderRequestId: {type: Number, required: true},
|
|
type: {type: String, default: 'accept'}
|
|
},
|
|
data() {
|
|
return {
|
|
orderRequest: null,
|
|
note: '',
|
|
};
|
|
},
|
|
async mounted() {
|
|
const response = await axios.get(`${window.TT_CONFIG["BASE_PATH"]}/WarehouseOrderRequest/getById`, {params: {id: this.orderRequestId}});
|
|
this.orderRequest = response.data;
|
|
|
|
if (this.orderRequest.cancelled === 1) {
|
|
this.$emit('close');
|
|
window.notify('error', 'Bestellwunsch wurde storniert');
|
|
}
|
|
},
|
|
methods: {
|
|
async submit() {
|
|
const response = await axios.post(`${window.TT_CONFIG["BASE_PATH"]}/WarehouseOrderRequest/createNewLogAction`, {
|
|
orderRequestId: this.orderRequestId,
|
|
note: this.note,
|
|
});
|
|
|
|
if (response.data.success) {
|
|
this.$emit('close');
|
|
window.notify('success', 'Log-Eintrag erstellt');
|
|
} else {
|
|
window.notify('error',
|
|
response.data.errors ? Object.values(response.data.errors).join('<br>') : response.data.message || 'Ein Fehler ist aufgetreten');
|
|
}
|
|
}
|
|
},
|
|
template: `
|
|
<tt-modal :show="true" :delete="false" @submit="submit" @update:show="$emit('close')" title="Status ändern">
|
|
<tt-loader :absolute="false" v-if="!orderRequest"/>
|
|
<template v-else>
|
|
<tt-textarea label="Bemerkung*" v-model="note" sm/>
|
|
</template>
|
|
</tt-modal>
|
|
|
|
`
|
|
})
|
|
|
|
Vue.component('order-request-log', {
|
|
props: {orderRequestId: {type: Number, required: true}},
|
|
data: () => ({
|
|
logs: []
|
|
}),
|
|
async mounted() {
|
|
const response = await axios.get(`${window.TT_CONFIG["BASE_PATH"]}/WarehouseOrderRequest/getLogById`, {params: {orderRequestId: this.orderRequestId}});
|
|
this.logs = response.data;
|
|
|
|
const response2 = await axios.get(`${window.TT_CONFIG["BASE_PATH"]}/WarehouseOrderRequest/getById`, {params: {id: this.orderRequestId}});
|
|
// check if linkedOrderIds is set and if set length > 0 and if so, get the linked orders logs
|
|
// and add them to the logs array and sort them by create date
|
|
|
|
// if response2.data.linkedOrderIds is a string try to parse it
|
|
if (typeof response2.data.linkedOrderIds === 'string') {
|
|
try {
|
|
response2.data.linkedOrderIds = JSON.parse(response2.data.linkedOrderIds);
|
|
} catch {}
|
|
}
|
|
|
|
if (response2.data.linkedOrderIds && response2.data.linkedOrderIds.length > 0) {
|
|
const linkedOrdersLogs = await Promise.all(
|
|
response2.data.linkedOrderIds.map(async (id) => {
|
|
const res1 = await axios.get(`${window.TT_CONFIG["BASE_PATH"]}/WarehouseOrder/getById`, {params: {id}});
|
|
const res2 = await axios.get(`${window.TT_CONFIG["BASE_PATH"]}/WarehouseOrder/getLogById`, {params: {id}});
|
|
|
|
return res2.data.map(log => {
|
|
log.message = `${res1.data.orderNumber} - ${log.message}`;
|
|
return log;
|
|
})
|
|
})
|
|
);
|
|
this.logs = this.logs.concat(...linkedOrdersLogs).sort((a, b) => b.create - a.create);
|
|
}
|
|
|
|
|
|
},
|
|
methods: {
|
|
formatDate: date => window.moment(date * 1000).format('DD.MM.YYYY HH:mm'),
|
|
getUserName: id => window.TT_CONFIG.CRUD_CONFIG.columns.find(col => col.key === 'createBy')?.modal.items.find(u => u.value === id)?.text
|
|
},
|
|
//language=Vue
|
|
template: `
|
|
<div>
|
|
<template v-if="logs.length > 0">
|
|
<hr>
|
|
<h3>Log</h3>
|
|
<div v-for="log in logs" :key="log.id" class="alert alert-light">
|
|
{{ formatDate(log.create) }} ({{ getUserName(log.createBy) }}) | {{ log.message }}
|
|
</div>
|
|
</template>
|
|
</div>
|
|
`
|
|
})
|
|
|
|
|
|
Vue.component('linked-order-status', {
|
|
props: ['linkedOrders'],
|
|
data: () => ({
|
|
orders: [],
|
|
statusTranslations: {
|
|
new: 'Neu',
|
|
accepted: 'Akzeptiert',
|
|
ordered: 'Bestellt',
|
|
sent: 'Versendet',
|
|
partiallyDelivered: 'Teilweise geliefert',
|
|
fullyDelivered: 'Geliefert',
|
|
cancelled: 'Storniert',
|
|
}
|
|
}),
|
|
async mounted() {
|
|
this.orders = await Promise.all(
|
|
JSON.parse(this.linkedOrders).map(id => axios.get(`${window.TT_CONFIG.BASE_PATH}/WarehouseOrder/getById?id=${id}`).then(response => response.data))
|
|
);
|
|
},
|
|
//language=Vue
|
|
template: `
|
|
<div>
|
|
<span v-for="order in orders"
|
|
:key="order.id"
|
|
class="badge badge-pill badge-primary mr-1">{{ order.orderNumber }} - {{ statusTranslations[order.status] }}</span>
|
|
</div>`
|
|
});
|
|
|
|
Vue.component('warehouse-order-request-detail', {
|
|
props: {
|
|
positions: {
|
|
type: Array,
|
|
required: true
|
|
}
|
|
},
|
|
//language=Vue
|
|
template: `
|
|
<div style="display: flex; justify-content: center; margin-bottom: 10px">
|
|
<div class="WarehouseOrderRequestDetailTable">
|
|
<div>ARTIKEL</div>
|
|
<div>MENGE</div>
|
|
<div>ZWECK</div>
|
|
<template v-for="position in positions">
|
|
<div>
|
|
<tt-resolver v-if="position.articleId" reference="WarehouseArticle" :value="position.articleId"/>
|
|
<span v-else>{{ position.articleId_text }}</span>
|
|
</div>
|
|
<div>{{ position.amount }}</div>
|
|
<div>{{ position.purpose }}</div>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
`
|
|
});
|
|
|
|
|
|
Vue.component('warehouse-order-request', {
|
|
//language=Vue
|
|
template: `
|
|
<tt-card>
|
|
<tt-table-crud @openHistory="openHistory"
|
|
@cancelRequest="cancelRequest"
|
|
@uncancelRequest="uncancelRequest"
|
|
@createLog="createLog"
|
|
@createOrder="createOrder"
|
|
ref="crud">
|
|
<template #linkedorderids="{row}">
|
|
<linked-order-status :linkedOrders="row.linkedOrderIds" v-if="row.linkedOrderIds"/>
|
|
</template>
|
|
<template #note="{row}">
|
|
<span v-if="row.note?.length > 45" :title="row.note">{{ row.note.substring(0, 45) }}...</span>
|
|
<span v-else>{{ row.note }}</span>
|
|
</template>
|
|
<template #expandedRow="{row}">
|
|
<warehouse-order-request-detail :positions="JSON.parse(row['positions'])"/>
|
|
<order-request-log :orderRequestId="row.id"/>
|
|
</template>
|
|
</tt-table-crud>
|
|
<warehouse-history-modal :show.sync="historyModal" :id="historyModalId"/>
|
|
<add-log-modal v-if="addLogModalId" :orderRequestId="addLogModalId" @close="addLogModal = false; addLogModalId = null"/>
|
|
</tt-card>
|
|
`,
|
|
data: () => ({
|
|
window,
|
|
historyModal: false,
|
|
historyModalId: null,
|
|
addLogModal: false,
|
|
addLogModalId: null,
|
|
showHiddenRequests: false,
|
|
showCanceledRequests: false,
|
|
orderRequestModalId: null
|
|
}),
|
|
methods: {
|
|
openHistory(e) {
|
|
this.historyModal = true;
|
|
this.historyModalId = e.id;
|
|
},
|
|
async cancelRequest(row, cancel) {
|
|
if (!confirm('Bestellwunsch wirklich stornieren?')) return;
|
|
const res = await axios.get(`${window.TT_CONFIG.BASE_PATH}/WarehouseOrderRequest/cancel?id=${row.id}&cancel=${cancel}`);
|
|
window.notify(res.data.success ? 'success' : 'error',
|
|
res.data.message || (res.data.success ? 'Erfolgreich aktualisiert' : 'Fehler beim aktualisieren'));
|
|
if (res.data.success) this.$refs.crud.$refs.table.refreshTable();
|
|
},
|
|
async createLog(row) {
|
|
this.addLogModal = true;
|
|
this.addLogModalId = row.id;
|
|
},
|
|
uncancelRequest(row) {
|
|
this.cancelRequest(row, '0');
|
|
},
|
|
async createOrder(row) {
|
|
const res = await axios.get(`${window.TT_CONFIG.BASE_PATH}/WarehouseOrderRequest/getById?id=${row.id}`);
|
|
if (res.data?.positions && typeof res.data.positions === 'string') {
|
|
localStorage.setItem('WarehouseOrder_create', JSON.stringify(res.data));
|
|
window.location.href = `${window.TT_CONFIG.BASE_PATH}/WarehouseOrder`;
|
|
} else window.notify('error', res.data.message || 'Fehler beim erstellen der Bestellung');
|
|
}
|
|
}
|
|
});
|