This commit is contained in:
@@ -28,21 +28,48 @@
|
|||||||
<span class="headline">{{ $ay.t("WorkOrderStatus") }}</span>
|
<span class="headline">{{ $ay.t("WorkOrderStatus") }}</span>
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
<template v-for="item in stateDisplayList">
|
<template v-if="$vuetify.breakpoint.smAndUp">
|
||||||
<div :key="item.id">
|
<!-- WIDE VIEW -->
|
||||||
<span class="text-h6">{{ item.name }}</span>
|
<div v-for="item in stateDisplayList" :key="item.id">
|
||||||
<v-icon :color="item.color" class="ml-4">$ayiFlag</v-icon>
|
<span>{{ item.timeStamp }}</span>
|
||||||
<v-icon color="primary" v-if="item.locked" class="ml-4"
|
<span class="ml-4">{{ item.user }}</span>
|
||||||
|
|
||||||
|
<span class="font-weight-bold ml-4">{{ item.name }}</span>
|
||||||
|
<v-icon small :color="item.color" class="ml-4">$ayiFlag</v-icon>
|
||||||
|
<v-icon small color="primary" v-if="item.locked" class="ml-4"
|
||||||
>$ayiLock</v-icon
|
>$ayiLock</v-icon
|
||||||
>
|
>
|
||||||
<v-icon color="primary" v-if="item.completed" class="ml-4"
|
<v-icon small color="primary" v-if="item.completed" class="ml-4"
|
||||||
>$ayiCheckCircle</v-icon
|
>$ayiCheckCircle</v-icon
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
<template v-else>
|
||||||
|
<!-- NARROW VIEW -->
|
||||||
|
<div v-for="item in stateDisplayList" :key="item.id">
|
||||||
|
<span>{{ item.timeStamp }} </span>
|
||||||
|
<span>{{ item.user }}</span>
|
||||||
|
<div class="mb-2">
|
||||||
|
<span class="font-weight-bold">{{ item.name }}</span>
|
||||||
|
<v-icon small :color="item.color" class="ml-4"
|
||||||
|
>$ayiFlag</v-icon
|
||||||
|
>
|
||||||
|
<v-icon small color="primary" v-if="item.locked" class="ml-4"
|
||||||
|
>$ayiLock</v-icon
|
||||||
|
>
|
||||||
|
<v-icon
|
||||||
|
small
|
||||||
|
color="primary"
|
||||||
|
v-if="item.completed"
|
||||||
|
class="ml-4"
|
||||||
|
>$ayiCheckCircle</v-icon
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
<template v-if="canAdd">
|
<template v-if="canAdd">
|
||||||
<div>
|
<div class="mt-4">
|
||||||
<v-autocomplete
|
<v-autocomplete
|
||||||
v-model="selectedStatus"
|
v-model="selectedStatus"
|
||||||
:items="pvm.selectLists.allowedwostatus"
|
:items="pvm.selectLists.allowedwostatus"
|
||||||
|
|||||||
Reference in New Issue
Block a user