This commit is contained in:
f.shokouhi
2019-09-19 14:35:52 +04:30
parent b2b252752a
commit 8e4b78d23d
18 changed files with 543 additions and 365 deletions
+16 -11
View File
@@ -3,35 +3,39 @@
<v-container grid-list-xs fluid>
<material-card color="black" title="Add Cycle">
<v-layout align-center justify-center wrap class="px-5 my-3">
<v-flex xs12 sm6 md4>
<v-flex xs12 sm6 md4 class="WM-FlexCenter">
<v-icon class="fa fa-align-left mr-2 WM-Margin-B-8"></v-icon>
<v-text-field
name="name"
label="Name"
color="black"
v-model="formData.name"
:rules="[rules.required, rules.counter]"
class="pa-2"
class="py-3 pr-3"
></v-text-field>
</v-flex>
<v-flex xs12 sm6 md4>
<v-flex xs12 sm6 md4 class="WM-FlexCenter pl-3">
<v-icon class="fas fa-sort-numeric-up mr-2 WM-Margin-B-8"></v-icon>
<v-text-field
name="sterilizer_id"
label="Sterilizer ID"
color="black"
v-model="formData.sterilizer_id"
class="pa-2"
class="py-3 pr-3"
></v-text-field>
</v-flex>
<v-flex xs12 sm6 md4>
<v-flex xs12 sm6 md4 class="WM-FlexCenter pl-3">
<v-icon class="fas fa-sort-numeric-up mr-2 WM-Margin-B-8"></v-icon>
<v-text-field
name="cycle_number"
label="Cycle Number"
color="black"
v-model="formData.cycle_number"
class="pa-2"
class="py-3 pr-3"
></v-text-field>
</v-flex>
<v-flex xs12 sm6 md1>
<v-flex xs12 sm6 md1 class="WM-FlexCenter">
<v-icon class="far fa-calendar-alt mr-2"></v-icon>
<v-menu
lazy
:close-on-content-click="true"
@@ -40,7 +44,6 @@
v-model="fromMenuDate"
>
<v-text-field
prepend-inner-icon="far fa-calendar-alt"
required
slot="activator"
label="Date"
@@ -56,7 +59,8 @@
></v-date-picker>
</v-menu>
</v-flex>
<v-flex xs12 sm6 md8>
<v-flex xs12 sm6 md8 class="WM-FlexCenter pl-3">
<v-icon class="fa fa-check mr-2 WM-Margin-B-8"></v-icon>
<v-autocomplete
multiple
color="black"
@@ -68,8 +72,9 @@
></v-autocomplete>
</v-flex>
<v-spacer></v-spacer>
<v-flex xs12 sm12 md12>
<v-textarea color="black" v-model="formData.note" class="pa-2" name="address">
<v-flex xs12 sm12 md12 class="WM-FlexCenter">
<!-- <v-icon class="fa fa-sort-amount-desc mr-2"></v-icon> -->
<v-textarea color="black" v-model="formData.note" class="py-3 pr-3" name="address">
<template v-slot:label>
<div>Description</div>
</template>