christian/manufacturing_overview
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed for version-15

Browse Source
This commit is contained in:
Christian Anetzberger
2024-01-10 11:59:09 +00:00
parent cccf121910
commit 2670bb83c7
3 changed files with 47 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
manufacturing_overview/public/js/manufacturing_overview_desk.vue
View File

@@ -1,16 +1,11 @@
<template>
<div class="col-12 col-lg-4 layout-main-section-wrapper">
<div class="layout-main-section">
<div class="widget links-widget-box" style="height: auto">
<div class="widget quick-list-widget-box" style="height: auto">
<div class="widget-head">
<div class="widget-label">
<div class="widget-title"><svg class="icon icon-lg" style="">
<!-- <use class="" href="#icon-file"></use> -->
</svg> <span class="ellipsis" title="Manufacturing OVerview">Manufacturing Overview</span>
<!-- <span>
<button class="btn btn-secondary btn-default btn-sm" data-label="Mark sent">Mark
sent</button>
</span> -->
<div class="widget-title">
<div class="widget-title"><span class="ellipsis" title="Sales Order">Delivery Overview</span></div>
<div class="widget-subtitle"></div>
</div>
<div class="widget-subtitle"></div>
</div>
@@ -25,7 +20,6 @@
</div>
</div>
</div>
</div>
</template>
<script>

13
manufacturing_overview/public/js/manufacturing_overview_page.js
View File

@@ -1,11 +1,12 @@
import { createApp } from "vue";
import ManufacturingOverviewDesk from "./manufacturing_overview_desk.vue";
$(document).ready(function () {
$(".layout-main-section-wrapper").after('<div class="col-12 col-lg-4 layout-main-section-wrapper" id="manufacturing-overview-body"></div>');
var pod = new Vue({
el: "#manufacturing-overview-body",
render(h) {
return h(ManufacturingOverviewDesk, {});
}
});
const moapp = createApp(ManufacturingOverviewDesk)
moapp.mount("#manufacturing-overview-body");
});

33
manufacturing_overview/public/js/manufacturing_overview_row.vue
View File

@@ -1,6 +1,6 @@
<template>
<a @click="pushRoute(link)" class="row link-item text-wrap ellipsis onbpoard-spotlight" type="Link">
<div class="col col-xs-8">
<div @click="pushRoute(link)" class="quick-list-item align-items-start">
<div class="col-1">
<span class="indicator-pill no-margin" v-bind:class="{
red: status === 'No Work Order',
blue: status === 'Partially Delivered',
@@ -9,13 +9,16 @@
yellow: status === 'To Produce',
grey: status === 'Unknown',
}"></span>
<span class="widget-subtitle">{{ qty }}</span> -
<span class="widget-title">{{ item_name }}</span>
</div>
<div class="col col-xs-8">
<span class="ellipsis title"><b>{{ qty }}</b> - {{ item_name }}</span>
<div>
<small v-if="customer && item_code" class="color-secondary">{{ customer }} -
<a @click="pushRoute('/app/item/' + item_code)" type="Link">{{
<a class="underline-hover" @click="pushRoute('/app/item/' + item_code)" v-on:click.stop>{{
item_code
}}</a></small>
}}</a>
</small>
<small v-else-if="customer" class="color-secondary">{{
customer
}}</small>
@@ -24,20 +27,24 @@
}}</small>
</div>
<div>
<small class="color-secondary">{{ reference }}</small>
<small>
<a class="underline-hover" @click="pushRoute('/app/sales-order/' + reference)" v-on:click.stop>{{
reference
}}</a>
</small>
</div>
</div>
<div v-if="due_in < 0" class="text-muted ellipsis color-secondary col col-xs-4 text-right">
<div v-if="due_in < 0" class="text-muted ellipsis color-secondary col col-xs-3 text-right">
<b style="color: red">{{ delivery_date }}</b>
</div>
<div v-else-if="due_in === 0" class="text-muted ellipsis color-secondary col col-xs-4 text-right">
<div v-else-if="due_in === 0" class="text-muted ellipsis color-secondary col col-xs-3 text-right">
<b style="color: black">{{ delivery_date }}</b>
</div>
<div v-else class="text-muted ellipsis color-secondary col col-xs-4 text-right">
<div v-else class="text-muted ellipsis color-secondary col col-xs-3 text-right">
{{ delivery_date }}
</div>
</a>
</div>
</template>
<script>
@@ -63,5 +70,7 @@ export default {
</script>
<style>
.underline-hover:hover {
text-decoration: underline;
}
</style>