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> <template>
<div class="col-12 col-lg-4 layout-main-section-wrapper">
<div class="layout-main-section"> <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-head">
<div class="widget-label"> <div class="widget-label">
<div class="widget-title"><svg class="icon icon-lg" style=""> <div class="widget-title">
<!-- <use class="" href="#icon-file"></use> --> <div class="widget-title"><span class="ellipsis" title="Sales Order">Delivery Overview</span></div>
</svg> <span class="ellipsis" title="Manufacturing OVerview">Manufacturing Overview</span> <div class="widget-subtitle"></div>
<!-- <span>
<button class="btn btn-secondary btn-default btn-sm" data-label="Mark sent">Mark
sent</button>
</span> -->
</div> </div>
<div class="widget-subtitle"></div> <div class="widget-subtitle"></div>
</div> </div>
@@ -25,7 +20,6 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</template> </template>
<script> <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"; import ManufacturingOverviewDesk from "./manufacturing_overview_desk.vue";
$(document).ready(function () { $(document).ready(function () {
$(".layout-main-section-wrapper").after('<div class="col-12 col-lg-4 layout-main-section-wrapper" id="manufacturing-overview-body"></div>'); $(".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", const moapp = createApp(ManufacturingOverviewDesk)
render(h) {
return h(ManufacturingOverviewDesk, {}); moapp.mount("#manufacturing-overview-body");
}
});
}); });

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

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