adm_tueit/TueIT_App
2
0
Fork 0
Code Issues 3 Pull Requests 3 Packages Projects Releases Wiki Activity

fixed small bugs and made comment fields bigger

Browse Source
This commit is contained in:
selina.mail
2024-04-02 14:53:14 +02:00
parent 423ff7e48b
commit aaa3bba79f
20 changed files with 502 additions and 412 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
components/server/IssueSlip.vue
View File

@ -19,8 +19,12 @@
<div class="ticketNo-user">
<div class="data-field" id="ticketNo">
<pre :class="['label', darkMode ? 'pre-darkmode' : 'pre-lightmode']">Ticket No.:</pre>
<pre
:class="['data', darkMode ? 'data-darkmode' : 'data-lightmode']">{{ issueSlip.ticketNo }}</pre>
<nuxt-link to="/productionOrders" id="nuxt-link" class="button"
:class="[darkMode ? 'button-darkmode' : 'button-lightmode', darkMode ? 'nuxt-link-darkmode' : 'nuxt-link-lightmode']"
@click="goToChosenPOI(issueSlip.ticketNo)">
<pre
:class="['data', darkMode ? 'data-darkmode' : 'data-lightmode']">{{ issueSlip.ticketNo }}</pre>
</nuxt-link>
</div>
<div class="data-field" id="user">
<pre :class="['label', darkMode ? 'pre-darkmode' : 'pre-lightmode']">User:</pre>
@ -67,14 +71,15 @@
<div class="info">
<div class="ticketNo-user">
<div class="data-field" id="ticketNo">
<pre :class="['label', darkMode ? 'pre-darkmode' : 'pre-lightmode']">Ticket No.:</pre>
<pre :class="['label', darkMode ? 'pre-darkmode' : 'pre-lightmode']">Production order:</pre>
<pre :class="['data', darkMode ? 'data-darkmode' : 'data-lightmode']"></pre>
<!-- <select id="ticketNoDropDownChosenCI" v-model="newTicketNo" @change="updateIS()"
<select id="ticketNoDropDownChosenCI" v-model="chosenTemplate"
@change="updateIS(chosenTemplate)"
:class="[darkMode ? 'select-darkmode' : 'select-lightmode']">
<option v-for="po in productionOrders" :key="po.ticketNumber">
{{ po.ticketNumber }}
<option v-for="template in productionOrders" :key="template.templateID">
{{ template.name }}
</option>
</select> -->
</select>
</div>
<div class="data-field" id="user">
<pre :class="['label', darkMode ? 'pre-darkmode' : 'pre-lightmode']">User:</pre>
@ -131,6 +136,7 @@ const newCustomer = ref('');
const newUser = ref('');
const newNotes = ref('');
const newDeliveryAddress = ref('');
const chosenTemplate = ref('');
// get issue slip from id
const getIssueSlipById = async () => {
@ -146,13 +152,24 @@ const getIssueSlipById = async () => {
}
}
const goToChosenPOI = (id) => {
store.commit('setChosenPOI', id);
store.commit('changeToInstance');
};
// update issue slip fields in the store
const updateIS = () => {
const is = {
const updateIS = async (newPoiId = -1) => {
let is = {};
if (!(newPoiId == '-1')) {
// Find the object with the selected Name
const selectedObject = productionOrders.value.find(obj => obj.name === newPoiId);
// Get the ticketNumber
newTicketNo.value = selectedObject ? selectedObject.ticketNumber : null;
}
is = {
customerId: newCustomerID.value,
customer: newCustomer.value,
// ticketNo: newTicketNo.value,
ticketNo: 1,
ticketNo: newTicketNo.value,
notes: newNotes.value,
user: newUser.value,
deliveryAddress: newDeliveryAddress.value,
@ -218,15 +235,14 @@ const getCustomers = async () => {
}
}
//get all production orders
//get all productionOrder instances
const getProductionOrders = async () => {
// try {
// const response = await Axios.get(`https://${clientsideConfig.url}:${clientsideConfig.port}/api/getAllCustomers`
// );
// customers.value = response.data;
// } catch (err) {
// console.log(err.response.statusText);
// }
try {
const response = await Axios.get(`https://${clientsideConfig.url}:${clientsideConfig.port}/api/getAllProductionOrderInstances`);
productionOrders.value = response.data;
} catch (err) {
console.log(err.response.statusText);
}
}
const confirmDeleteIssueSlip = async () => {
@ -498,4 +514,16 @@ export default {
padding: 0.4rem;
border-radius: 0.3125rem;
}
#nuxt-link {
text-decoration: none;
}
.nuxt-link-darkmode {
color: white;
}
.nuxt-link-lightmode {
color: #000;
}
</style>