bartool/duck-prod-manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

dodalem liste dla gryfu i male porzadki

Browse Source
This commit is contained in:
bartool
2026-04-18 12:35:26 +02:00
parent 0e353fc9a6
commit 195e4196ee
2 changed files with 64 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files

153
frontend/src/pages/IndexPage.vue
View File

@@ -31,129 +31,48 @@
</div>
<div class="orders">
<order-card :order="order" />
<div class="order-card">
<div class="card-head">
<div class="copy">
<span class="order-id">0026/2025/1</span>
<h3 class="client">Regius 6 CLS</h3>
<p class="model">Mayo Stock</p>
</div>
<div class="meta">
<span class="month">Month 08</span>
<div class="finish">
<span
class="material-symbols-outlined icon"
data-icon="flare"
style="font-variation-settings: 'FILL' 1"
>flare</span
>
<span class="label">Gloss</span>
</div>
</div>
</div>
<div class="flow">
<div class="flow-head">
<span class="label">Production Flow</span>
<div class="line"></div>
</div>
<div class="steps no-scrollbar">
<div class="step done"><span class="text">ST</span></div>
<span class="arrow">→</span>
<div class="step done"><span class="text">IS</span></div>
<span class="arrow">→</span>
<div class="step current"><span class="text">AC</span></div>
<span class="arrow">→</span>
<button class="step add" type="button">
<!-- <span class="material-symbols-outlined add-icon" data-icon="add">add</span> -->
<q-icon class="add-icon" name="add" />
</button>
</div>
</div>
</div>
<div class="order-card">
<div class="card-head">
<div class="copy">
<span class="order-id">#2024-079</span>
<h3 class="client">Annie Clark</h3>
<p class="model">St. Vincent Signature Relic</p>
</div>
<div class="meta">
<span class="month">Month 07</span>
<span class="month">Month 07</span>
<div class="finish">
<span class="material-symbols-outlined icon" data-icon="texture">texture</span>
<span class="label">Satin</span>
</div>
</div>
</div>
<div class="flow">
<div class="flow-head">
<span class="label">Production Flow</span>
<div class="line"></div>
</div>
<div class="steps no-scrollbar">
<div class="step done"><span class="text">ST</span></div>
<span class="arrow">→</span>
<div class="step done"><span class="text">IS</span></div>
<span class="arrow">→</span>
<div class="step done"><span class="text">AC</span></div>
<span class="arrow">→</span>
<div class="step done"><span class="text">LD</span></div>
<span class="arrow">→</span>
<button class="step add" type="button">
<span class="material-symbols-outlined add-icon" data-icon="add">add</span>
</button>
</div>
</div>
</div>
<div class="order-card urgent">
<div class="card-head">
<div class="copy">
<span class="order-id order-id-error">#2024-085 [URGENT]</span>
<h3 class="client">Kevin Parker</h3>
<p class="model">Psychedelic Dream Strut</p>
</div>
<div class="meta">
<span class="month month-error">Month 08</span>
<div class="finish">
<span class="material-symbols-outlined icon" data-icon="layers">layers</span>
<span class="label">Mix</span>
</div>
</div>
</div>
<div class="flow">
<div class="flow-head">
<span class="label">Production Flow</span>
<div class="line"></div>
</div>
<div class="steps no-scrollbar">
<div class="step alert"><span class="text">ST</span></div>
<span class="arrow">→</span>
<div class="step waiting">
<span class="material-symbols-outlined wait-icon" data-icon="hourglass_empty"
>hourglass_empty</span
>
</div>
</div>
</div>
</div>
<order-card :order="order[0]" />
<order-card :order="order[1]" />
<order-card :order="order[2]" />
</div>
</q-page>
</template>
<script setup>
import OrderCard from 'src/components/OrderCard.vue'
const order = {
orderId: '0112/2025/12',
model: 'Regius 6 Core',
client: 'Mayo Stock',
assignedOrders: ['IV', '2025-4'],
finish: 'MIX',
steps: ['B', 'IZ', 'AK', 'LD'],
}
const order = [
{
orderId: '0112/2025/12',
model: 'Duvell 6',
client: 'Sleek Elite',
assignedOrders: ['PAZ-25'],
finish: 'GLOSS',
steps: {
body: ['B', 'IZ', 'AK', 'LD', 'LD', 'LD', 'UV'],
neck: ['B', 'IZ', 'AK'],
},
},
{
orderId: '0029/2024/1',
model: 'Legend 6',
client: 'Heindeburs Indonesia',
assignedOrders: ['STY-25'],
finish: 'MAT',
steps: {
body: ['B', 'M'],
},
},
{
orderId: '0001/2025/20',
model: 'Regius 6 Core',
client: 'Mayo Stock',
assignedOrders: ['KWI-25', 'SUMMIT'],
finish: 'MIX',
steps: {
body: ['B', 'IZ', 'AK', 'LD'],
},
},
]
//
</script>