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>
+14 -11
View File
@@ -3,31 +3,35 @@
<v-container fluid>
<material-card class color="black" title="All Cycles" text>
<v-layout align-center wrap class="my-3">
<v-flex xs12 md2 sm3>
<v-flex xs12 md2 sm3 class="WM-FlexCenter pl-3">
<v-icon class="fa fa-align-left mr-2 WM-Margin-B-8"></v-icon>
<v-text-field
class="pa-3"
class="py-3 pr-3"
v-model="filter.name"
label="Name"
color="black"
></v-text-field>
</v-flex>
<v-flex xs12 md2 sm3>
<v-flex xs12 md2 sm3 class="WM-FlexCenter pl-3">
<v-icon class="fas fa-sort-numeric-up mr-2 WM-Margin-B-8"></v-icon>
<v-text-field
class="pa-3"
class="py-3 pr-3"
v-model="filter.sterilizer_id"
label="Sterilizer ID"
color="black"
></v-text-field>
</v-flex>
<v-flex xs12 md2 sm3>
<v-flex xs12 md2 sm3 class="WM-FlexCenter pl-3">
<v-icon class="fas fa-sort-numeric-up mr-2 WM-Margin-B-8"></v-icon>
<v-text-field
class="pa-3"
class="py-3 pr-3"
v-model="filter.cycle_number"
label="Cycle Number"
color="black"
></v-text-field>
</v-flex>
<v-flex xs12 sm2 md2>
<v-flex xs12 sm2 md2 class="WM-FlexCenter pl-3">
<v-icon class="far fa-calendar-alt mr-2 WM-Margin-B-8"></v-icon>
<v-menu
lazy
:close-on-content-click="true"
@@ -37,11 +41,10 @@
>
<v-text-field style="padding-top:0 !important"
required
prepend-inner-icon="far fa-calendar-alt"
slot="activator"
label="Date"
color="black"
class="pl-3"
class=""
v-model="filter.date">
</v-text-field>
<v-date-picker
@@ -112,8 +115,8 @@
</v-flex>
</v-layout>
<v-divider></v-divider>
<div class="text-xs-center" v-if="lastPage > 1">
<v-pagination v-model="currentPage" :length="lastPage" :total-visible="6"></v-pagination>
<div class="text-xs-center mt-2" v-if="lastPage > 1">
<v-pagination color="black" v-model="currentPage" :length="lastPage" :total-visible="6"></v-pagination>
</div>
<v-layout row wrap align-center justify-center class="mt-3">
<router-link to="/dashboard">