cssd-doc/cssd-back
1
0
Fork 0
mirror of https://git.meshkee.com/cssd/cssd-back.git synced 2026-10-13 22:21:11 +03:30
Code Issues Packages Projects Releases Wiki Activity

icon

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/vue/components/modal/testresult/Show.vue
+1 -1
View File
@@ -105,7 +105,7 @@
</v-flex> </v-flex>
</template> </template>
<template v-if="data.children"> <template v-if="data.children">
<v-flex <v-flex class="mt-4 pb-4" style="border-left:3px solid #32c5d2;border-bottom:1px solid #ddd"
xs12 xs12
md12 md12
sm12 sm12
resources/js/vue/styles/css/Assets/Main.scss
Vendored
+21
View File
@@ -3,6 +3,27 @@
border-color: transparent !important; border-color: transparent !important;
box-shadow: none !important; box-shadow: none !important;
} }
.WM-InlineFlex {
display: inline-flex;
}
.WM-FlexCenter {
display: inline-flex;
align-items: center;
}
.WM-FlexWrap {
display: flex;
flex-wrap: wrap;
}
.WM-BorderRadius-5 {
border-radius: 5px;
}
.WM-Margin-B-8 {
margin-bottom: 8px;
}
.material-icons {
font-size: 20px !important;
vertical-align: sub !important;
}
.headline { .headline {
// letter-spacing : 7px; // letter-spacing : 7px;
} }
resources/js/vue/views/Cycle/AddEdit.vue
+16 -11
View File
@@ -3,35 +3,39 @@
<v-container grid-list-xs fluid> <v-container grid-list-xs fluid>
<material-card color="black" title="Add Cycle"> <material-card color="black" title="Add Cycle">
<v-layout align-center justify-center wrap class="px-5 my-3"> <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 <v-text-field
name="name" name="name"
label="Name" label="Name"
color="black" color="black"
v-model="formData.name" v-model="formData.name"
:rules="[rules.required, rules.counter]" :rules="[rules.required, rules.counter]"
class="pa-2" class="py-3 pr-3"
></v-text-field> ></v-text-field>
</v-flex> </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 <v-text-field
name="sterilizer_id" name="sterilizer_id"
label="Sterilizer ID" label="Sterilizer ID"
color="black" color="black"
v-model="formData.sterilizer_id" v-model="formData.sterilizer_id"
class="pa-2" class="py-3 pr-3"
></v-text-field> ></v-text-field>
</v-flex> </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 <v-text-field
name="cycle_number" name="cycle_number"
label="Cycle Number" label="Cycle Number"
color="black" color="black"
v-model="formData.cycle_number" v-model="formData.cycle_number"
class="pa-2" class="py-3 pr-3"
></v-text-field> ></v-text-field>
</v-flex> </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 <v-menu
lazy lazy
:close-on-content-click="true" :close-on-content-click="true"
@@ -40,7 +44,6 @@
v-model="fromMenuDate" v-model="fromMenuDate"
> >
<v-text-field <v-text-field
prepend-inner-icon="far fa-calendar-alt"
required required
slot="activator" slot="activator"
label="Date" label="Date"
@@ -56,7 +59,8 @@
></v-date-picker> ></v-date-picker>
</v-menu> </v-menu>
</v-flex> </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 <v-autocomplete
multiple multiple
color="black" color="black"
@@ -68,8 +72,9 @@
></v-autocomplete> ></v-autocomplete>
</v-flex> </v-flex>
<v-spacer></v-spacer> <v-spacer></v-spacer>
<v-flex xs12 sm12 md12> <v-flex xs12 sm12 md12 class="WM-FlexCenter">
<v-textarea color="black" v-model="formData.note" class="pa-2" name="address"> <!-- <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> <template v-slot:label>
<div>Description</div> <div>Description</div>
</template> </template>
resources/js/vue/views/Cycle/List.vue
+14 -11
View File
@@ -3,31 +3,35 @@
<v-container fluid> <v-container fluid>
<material-card class color="black" title="All Cycles" text> <material-card class color="black" title="All Cycles" text>
<v-layout align-center wrap class="my-3"> <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 <v-text-field
class="pa-3" class="py-3 pr-3"
v-model="filter.name" v-model="filter.name"
label="Name" label="Name"
color="black" color="black"
></v-text-field> ></v-text-field>
</v-flex> </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 <v-text-field
class="pa-3" class="py-3 pr-3"
v-model="filter.sterilizer_id" v-model="filter.sterilizer_id"
label="Sterilizer ID" label="Sterilizer ID"
color="black" color="black"
></v-text-field> ></v-text-field>
</v-flex> </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 <v-text-field
class="pa-3" class="py-3 pr-3"
v-model="filter.cycle_number" v-model="filter.cycle_number"
label="Cycle Number" label="Cycle Number"
color="black" color="black"
></v-text-field> ></v-text-field>
</v-flex> </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 <v-menu
lazy lazy
:close-on-content-click="true" :close-on-content-click="true"
@@ -37,11 +41,10 @@
> >
<v-text-field style="padding-top:0 !important" <v-text-field style="padding-top:0 !important"
required required
prepend-inner-icon="far fa-calendar-alt"
slot="activator" slot="activator"
label="Date" label="Date"
color="black" color="black"
class="pl-3" class=""
v-model="filter.date"> v-model="filter.date">
</v-text-field> </v-text-field>
<v-date-picker <v-date-picker
@@ -112,8 +115,8 @@
</v-flex> </v-flex>
</v-layout> </v-layout>
<v-divider></v-divider> <v-divider></v-divider>
<div class="text-xs-center" v-if="lastPage > 1"> <div class="text-xs-center mt-2" v-if="lastPage > 1">
<v-pagination v-model="currentPage" :length="lastPage" :total-visible="6"></v-pagination> <v-pagination color="black" v-model="currentPage" :length="lastPage" :total-visible="6"></v-pagination>
</div> </div>
<v-layout row wrap align-center justify-center class="mt-3"> <v-layout row wrap align-center justify-center class="mt-3">
<router-link to="/dashboard"> <router-link to="/dashboard">
resources/js/vue/views/Item/AddEdit.vue
+12 -8
View File
@@ -3,42 +3,46 @@
<v-container grid-list-xs fluid> <v-container grid-list-xs fluid>
<material-card color="black" title="Add Instrument"> <material-card color="black" title="Add Instrument">
<v-layout align-center justify-center wrap class="px-5 my-3"> <v-layout align-center justify-center wrap class="px-5 my-3">
<v-flex xs12 sm6 md3> <v-flex xs12 md3 sm3 class="WM-FlexCenter">
<v-icon class="fa fa-align-left mr-2 WM-Margin-B-8"></v-icon>
<v-text-field <v-text-field
name="name" name="name"
label="Name" label="Name"
color="black" color="black"
v-model="formData.name" v-model="formData.name"
:rules="[rules.required]" :rules="[rules.required]"
class="pa-2" class="py-3 pr-3"
></v-text-field> ></v-text-field>
</v-flex> </v-flex>
<v-flex xs12 sm6 md3> <v-flex xs12 md3 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 <v-text-field
name="unique_id" name="unique_id"
label="ID" label="ID"
color="black" color="black"
v-model="formData.unique_id" v-model="formData.unique_id"
:rules="[rules.required]" :rules="[rules.required]"
class="pa-2" class="py-3 pr-3"
></v-text-field> ></v-text-field>
</v-flex> </v-flex>
<v-flex xs12 sm6 md3> <v-flex xs12 md3 sm3 class="WM-FlexCenter pl-3">
<v-icon class="fas fa-check mr-2 WM-Margin-B-8"></v-icon>
<v-text-field <v-text-field
name="size" name="size"
label="Size" label="Size"
color="black" color="black"
v-model="formData.size" v-model="formData.size"
class="pa-2" class="py-3 pr-3"
></v-text-field> ></v-text-field>
</v-flex> </v-flex>
<v-flex xs12 sm6 md3> <v-flex xs12 md3 sm3 class="WM-FlexCenter pl-3">
<v-icon class="fas fa-check mr-2 WM-Margin-B-8"></v-icon>
<v-text-field <v-text-field
name="specific" name="specific"
label="Specific" label="Specific"
color="black" color="black"
v-model="formData.specific" v-model="formData.specific"
class="pa-2" class="py-3 pr-3"
></v-text-field> ></v-text-field>
</v-flex> </v-flex>
</v-layout> </v-layout>
resources/js/vue/views/Item/List.vue
+6 -4
View File
@@ -3,17 +3,19 @@
<v-container fluid> <v-container fluid>
<material-card class color="black" title="All Instrument" text> <material-card class color="black" title="All Instrument" text>
<v-layout align-center wrap class="my-3"> <v-layout align-center wrap class="my-3">
<v-flex xs12 md3 sm3> <v-flex xs12 md3 sm3 class="WM-FlexCenter pl-3">
<v-icon class="fa fa-align-left mr-2 WM-Margin-B-8"></v-icon>
<v-text-field <v-text-field
class="pa-2" class="py-3 pr-3"
v-model="filter.name" v-model="filter.name"
label="Name" label="Name"
color="black" color="black"
></v-text-field> ></v-text-field>
</v-flex> </v-flex>
<v-flex xs12 md3 sm3> <v-flex xs12 md3 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 <v-text-field
class="pa-2" class="py-3 pr-3"
v-model="filter.size" v-model="filter.size"
label="Size" label="Size"
color="black" color="black"
resources/js/vue/views/MedicalCenter/List.vue
+2 -2
View File
@@ -60,8 +60,8 @@
</v-flex> </v-flex>
</v-layout> </v-layout>
<v-divider></v-divider> <v-divider></v-divider>
<div class="text-xs-center" v-if="lastPage > 1"> <div class="text-xs-center mt-2" v-if="lastPage > 1">
<v-pagination v-model="currentPage" :length="lastPage" :total-visible="6"></v-pagination> <v-pagination color="black" v-model="currentPage" :length="lastPage" :total-visible="6"></v-pagination>
</div> </div>
<v-layout row wrap align-center justify-center class="mt-3"> <v-layout row wrap align-center justify-center class="mt-3">
<router-link :to="{name: 'Dashboard'}"> <router-link :to="{name: 'Dashboard'}">
resources/js/vue/views/Pack/AddEdit.vue
+24 -18
View File
@@ -3,45 +3,50 @@
<v-container grid-list-xs fluid> <v-container grid-list-xs fluid>
<material-card color="black" title="Add Label on Set "> <material-card color="black" title="Add Label on Set ">
<v-layout wrap class="px-5 my-3"> <v-layout wrap class="px-5 my-3">
<v-flex xs12 sm6 md3> <v-flex xs12 md3 sm3 class="WM-FlexCenter">
<v-icon class="fa fa-align-left mr-2 WM-Margin-B-8"></v-icon>
<v-text-field <v-text-field
name="name" name="name"
label="Name" label="Name"
color="black" color="black"
v-model="formData.name" v-model="formData.name"
:rules="[rules.required, rules.counter]" :rules="[rules.required, rules.counter]"
class="pa-2" class="py-3 pr-3"
></v-text-field> ></v-text-field>
</v-flex> </v-flex>
<v-flex xs12 sm6 md3> <v-flex xs12 md3 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 <v-text-field
name="sterilizerId" name="sterilizerId"
label="Sterilizer ID" label="Sterilizer ID"
color="black" color="black"
v-model="formData.sterilizer_id" v-model="formData.sterilizer_id"
class="pa-2" class="py-3 pr-3"
></v-text-field> ></v-text-field>
</v-flex> </v-flex>
<v-flex xs12 sm6 md3> <v-flex xs12 sm6 md3 class="WM-FlexCenter pl-3">
<v-icon class="fas fa-sort-numeric-up mr-2 WM-Margin-B-8"></v-icon>
<v-text-field <v-text-field
name="cycle_number" name="cycle_number"
label="Cycle Number" label="Cycle Number"
color="black" color="black"
v-model="formData.cycle_number" v-model="formData.cycle_number"
class="pa-2" class="py-3 pr-3"
></v-text-field> ></v-text-field>
</v-flex> </v-flex>
<v-flex xs12 sm6 md3> <v-flex xs12 sm6 md3 class="WM-FlexCenter pl-3">
<v-icon class="fas fa-sort-numeric-up mr-2 WM-Margin-B-8"></v-icon>
<v-text-field <v-text-field
name="lot_number" name="lot_number"
label="Lot Number" label="Lot Number"
color="black" color="black"
v-model="formData.lot_number" v-model="formData.lot_number"
class="pa-2" class="py-3 pr-3"
></v-text-field> ></v-text-field>
</v-flex> </v-flex>
<v-spacer></v-spacer> <v-spacer></v-spacer>
<v-flex xs12 sm6 md3> <v-flex xs12 sm6 md3 class="WM-FlexCenter">
<v-icon class="fas fa-check mr-2 WM-Margin-B-8"></v-icon>
<v-autocomplete <v-autocomplete
multiple multiple
color="black" color="black"
@@ -50,19 +55,21 @@
v-model="formData.packages" v-model="formData.packages"
item-value="id" item-value="id"
label="Select Package For Pack" label="Select Package For Pack"
class="pr-3" class="py-3 pr-3"
></v-autocomplete> ></v-autocomplete>
</v-flex> </v-flex>
<v-flex xs12 sm6 md3> <v-flex xs12 sm6 md3 class="WM-FlexCenter pl-3">
<v-icon class="fa fa-building mr-2 WM-Margin-B-8"></v-icon>
<v-text-field <v-text-field
name="department" name="department"
label="Department" label="Department"
color="black" color="black"
v-model="formData.department" v-model="formData.department"
class="px-3" class="py-3 pr-3"
></v-text-field> ></v-text-field>
</v-flex> </v-flex>
<v-flex xs12 sm6 md2> <v-flex xs12 sm6 md2 class="WM-FlexCenter pl-3">
<v-icon class="far fa-calendar-alt mr-2"></v-icon>
<v-menu <v-menu
lazy lazy
:close-on-content-click="true" :close-on-content-click="true"
@@ -72,11 +79,10 @@
> >
<v-text-field <v-text-field
required required
prepend-inner-icon="far fa-calendar-alt"
slot="activator" slot="activator"
label="Sterile Date" label="Sterile Date"
color="black" color="black"
class="px-3" class="pr-3"
v-model="formData.sterile_date"> v-model="formData.sterile_date">
</v-text-field> </v-text-field>
<v-date-picker <v-date-picker
@@ -87,7 +93,8 @@
></v-date-picker> ></v-date-picker>
</v-menu> </v-menu>
</v-flex> </v-flex>
<v-flex xs12 sm6 md2> <v-flex xs12 sm6 md2 class="WM-FlexCenter pl-3">
<v-icon class="far fa-calendar-alt mr-2"></v-icon>
<v-menu <v-menu
lazy lazy
:close-on-content-click="true" :close-on-content-click="true"
@@ -97,11 +104,10 @@
> >
<v-text-field <v-text-field
required required
prepend-inner-icon="far fa-calendar-alt"
slot="activator" slot="activator"
label="Expire Date" label="Expire Date"
color="black" color="black"
class="px-3" class="pr-3"
v-model="formData.expire_date"> v-model="formData.expire_date">
</v-text-field> </v-text-field>
<v-date-picker <v-date-picker
resources/js/vue/views/Pack/List.vue
+16 -11
View File
@@ -3,12 +3,14 @@
<v-container fluid> <v-container fluid>
<material-card class color="black" title="All Labels" text> <material-card class color="black" title="All Labels" text>
<v-layout align-center wrap class="my-3"> <v-layout align-center wrap class="my-3">
<v-flex xs12 md3 sm3> <v-flex xs12 md3 sm3 class="WM-FlexCenter pl-3">
<v-text-field class="pa-2" v-model="filter.name" label="Name" color="black"></v-text-field> <v-icon class="fa fa-align-left mr-2 WM-Margin-B-8"></v-icon>
<v-text-field class="py-3 pr-3" v-model="filter.name" label="Name" color="black"></v-text-field>
</v-flex> </v-flex>
<v-flex xs12 md3 sm3> <v-flex xs12 md3 sm3 class="WM-FlexCenter pl-3">
<v-icon class="fa fa-hospital-o mr-2 WM-Margin-B-8"></v-icon>
<v-autocomplete <v-autocomplete
class="pa-2" class="py-3 pr-3"
v-model="filter.medical_center_id" v-model="filter.medical_center_id"
@change="fillUsers" @change="fillUsers"
item-text="name" item-text="name"
@@ -18,9 +20,10 @@
:items="medicalCenters" :items="medicalCenters"
></v-autocomplete> ></v-autocomplete>
</v-flex> </v-flex>
<v-flex xs12 md3 sm3> <v-flex xs12 md3 sm3 class="WM-FlexCenter pl-3">
<v-icon class="fa fa-user mr-2 WM-Margin-B-8"></v-icon>
<v-autocomplete <v-autocomplete
class="pa-2" class="py-3 pr-3"
v-model="filter.user_id" v-model="filter.user_id"
item-text="name" item-text="name"
item-value="id" item-value="id"
@@ -29,11 +32,13 @@
:items="users" :items="users"
></v-autocomplete> ></v-autocomplete>
</v-flex> </v-flex>
<v-flex xs12 md3 sm3> <v-flex xs12 md3 sm3 class="WM-FlexCenter pl-3">
<v-text-field class="pa-2" v-model="filter.cycle_number" label="Cycle Number" color="black"></v-text-field> <v-icon class="fas fa-sort-numeric-up mr-2 WM-Margin-B-8"></v-icon>
<v-text-field class="py-3" v-model="filter.cycle_number" label="Cycle Number" color="black"></v-text-field>
</v-flex> </v-flex>
<v-flex xs12 md3 sm3> <v-flex xs12 md3 sm3 class="WM-FlexCenter pl-3">
<v-text-field class="pa-2" v-model="filter.department" label="Department" color="black"></v-text-field> <v-icon class="fa fa-building mr-2 WM-Margin-B-8"></v-icon>
<v-text-field class="py-3 pr-3" v-model="filter.department" label="Department" color="black"></v-text-field>
</v-flex> </v-flex>
<v-flex class xs12 md2 sm3> <v-flex class xs12 md2 sm3>
<v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px" @click="load()"> <v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px" @click="load()">
@@ -96,7 +101,7 @@
</v-layout> </v-layout>
<v-divider></v-divider> <v-divider></v-divider>
<div class="text-xs-center" v-if="lastPage > 1"> <div class="text-xs-center" v-if="lastPage > 1">
<v-pagination v-model="currentPage" :length="lastPage" :total-visible="6"></v-pagination> <v-pagination color="black" v-model="currentPage" :length="lastPage" :total-visible="6"></v-pagination>
</div> </div>
<v-layout row wrap align-center justify-center class="mt-3"> <v-layout row wrap align-center justify-center class="mt-3">
<router-link to="/dashboard"> <router-link to="/dashboard">
resources/js/vue/views/Package/AddEdit.vue
+8 -4
View File
@@ -2,25 +2,29 @@
<v-form ref="form"> <v-form ref="form">
<v-container grid-list-xs fluid> <v-container grid-list-xs fluid>
<material-card color="black" title="Add Package"> <material-card color="black" title="Add Package">
<v-layout align-center justify-center wrap class="px-5 my-3"> <v-layout wrap class="px-5 my-3">
<v-flex xs12 sm6 md4> <v-flex xs12 md3 sm3 class="WM-FlexCenter">
<v-icon class="fa fa-align-left mr-2 WM-Margin-B-8"></v-icon>
<v-text-field <v-text-field
name="name" name="name"
label="Name" label="Name"
color="black" color="black"
v-model="formData.name" v-model="formData.name"
:rules="[rules.required, rules.counter]" :rules="[rules.required, rules.counter]"
class="pa-2" class="py-3 pr-3"
></v-text-field> ></v-text-field>
</v-flex> </v-flex>
<v-flex xs12 sm6 md8> <v-flex xs12 md3 sm3 class="WM-FlexCenter pl-3">
<v-icon class="fas fa-check mr-2 WM-Margin-B-8"></v-icon>
<v-autocomplete <v-autocomplete
multiple multiple
class="py-3 pr-3"
:items="items" :items="items"
item-text="name" item-text="name"
v-model="formData.items" v-model="formData.items"
item-value="id" item-value="id"
label="Select Items For Package" label="Select Items For Package"
color="black"
></v-autocomplete> ></v-autocomplete>
</v-flex> </v-flex>
</v-layout> </v-layout>
resources/js/vue/views/Package/List.vue
+7 -5
View File
@@ -3,17 +3,19 @@
<v-container fluid> <v-container fluid>
<material-card class color="black" title="All Packages" text> <material-card class color="black" title="All Packages" text>
<v-layout align-center wrap class="my-3"> <v-layout align-center wrap class="my-3">
<v-flex xs12 md3 sm3> <v-flex xs12 md3 sm3 class="WM-FlexCenter pl-3">
<v-icon class="fa fa-align-left mr-2 WM-Margin-B-8"></v-icon>
<v-text-field <v-text-field
class="pa-2" class="py-3 pr-3"
v-model="filter.name" v-model="filter.name"
label="Name" label="Name"
color="black" color="black"
></v-text-field> ></v-text-field>
</v-flex> </v-flex>
<v-flex xs12 md3 sm3> <v-flex xs12 md3 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 <v-text-field
class="pa-2" class="py-3 pr-3"
v-model="filter.unique_id" v-model="filter.unique_id"
label="uniqueID" label="uniqueID"
color="black" color="black"
@@ -83,7 +85,7 @@
</v-layout> </v-layout>
<v-divider></v-divider> <v-divider></v-divider>
<div class="text-xs-center" v-if="lastPage > 1"> <div class="text-xs-center" v-if="lastPage > 1">
<v-pagination v-model="currentPage" :length="lastPage" :total-visible="6"></v-pagination> <v-pagination color="black" v-model="currentPage" :length="lastPage" :total-visible="6"></v-pagination>
</div> </div>
<v-layout row wrap align-center justify-center class="mt-3"> <v-layout row wrap align-center justify-center class="mt-3">
<router-link to="/dashboard"> <router-link to="/dashboard">
resources/js/vue/views/Statistics/Chart.vue
+21 -15
View File
@@ -4,25 +4,32 @@
<v-container grid-list-xs> <v-container grid-list-xs>
<material-card color="black" title="Search Result"> <material-card color="black" title="Search Result">
<v-layout align-center justify-center wrap class="px-5 my-3"> <v-layout align-center justify-center wrap class="px-5 my-3">
<v-flex xs12 sm4 md4> <v-flex xs12 sm4 md4 class="WM-FlexCenter pl-3">
<v-icon class="fa fa-align-left mr-2 WM-Margin-B-8"></v-icon>
<v-autocomplete :items="medicalCenters" item-text="name" item-value="id" v-model="form.medicalCenterId" @change="fillUsers" label="Hospital" color="black" class="pa-2"></v-autocomplete> <v-autocomplete :items="medicalCenters" item-text="name" item-value="id" v-model="form.medicalCenterId" @change="fillUsers" label="Hospital" color="black" class="pa-2"></v-autocomplete>
</v-flex> </v-flex>
<v-flex xs12 sm4 md4> <v-flex xs12 sm4 md4 class="WM-FlexCenter pl-3">
<v-autocomplete :items="users" item-text="name" item-value="id" v-model="form.userId" label="User" color="black" class="pa-2"></v-autocomplete> <v-icon class="fa fa-user mr-2 WM-Margin-B-8"></v-icon>
<v-autocomplete :items="users" item-text="name" item-value="id" v-model="form.userId" label="User" color="black" class="py-3 pr-3"></v-autocomplete>
</v-flex> </v-flex>
<v-flex xs12 sm4 md4> <v-flex xs12 sm4 md4 class="WM-FlexCenter pl-3">
<v-autocomplete :items="testTypes" item-text="name" item-value="id" v-model="form.testTypeId" label="TestType" color="black" class="pa-2"></v-autocomplete> <v-icon class="fas fa-sort-numeric-up mr-2 WM-Margin-B-8"></v-icon>
<v-autocomplete :items="testTypes" item-text="name" item-value="id" v-model="form.testTypeId" label="TestType" color="black" class="py-3 pr-3"></v-autocomplete>
</v-flex> </v-flex>
<v-flex xs12 sm4 md4> <v-flex xs12 sm4 md4 class="WM-FlexCenter pl-3">
<v-autocomplete :items="result" v-model="form.result" label="Result" color="black" class="pa-2"></v-autocomplete> <v-icon class="fas fa-angle-right mr-2 WM-Margin-B-8"></v-icon>
<v-autocomplete :items="result" v-model="form.result" label="Result" color="black" class="py-3 pr-3"></v-autocomplete>
</v-flex> </v-flex>
<v-flex xs12 sm4 md4> <v-flex xs12 sm4 md4 class="WM-FlexCenter pl-3">
<v-autocomplete :items="verify" v-model="form.verify" label="Verify" color="black" class="pa-2"></v-autocomplete> <v-icon class="fas fa-angle-right mr-2 WM-Margin-B-8"></v-icon>
<v-autocomplete :items="verify" v-model="form.verify" label="Verify" color="black" class="py-3 pr-3"></v-autocomplete>
</v-flex> </v-flex>
<v-flex xs12 sm4 md4> <v-flex xs12 sm4 md4 class="WM-FlexCenter pl-3">
<v-autocomplete :items="type" v-model="form.type" label="Type" color="black" class="pa-2"></v-autocomplete> <v-icon class="fas fa-line-chart mr-2 WM-Margin-B-8"></v-icon>
<v-autocomplete :items="type" v-model="form.type" label="Type" color="black" class="py-3 pr-3"></v-autocomplete>
</v-flex> </v-flex>
<v-flex xs12 sm6 md2> <v-flex xs12 sm6 md2 class="WM-FlexCenter pl-3">
<v-icon class="far fa-calendar-alt mr-2"></v-icon>
<v-menu <v-menu
lazy lazy
:close-on-content-click="true" :close-on-content-click="true"
@@ -32,7 +39,6 @@
> >
<v-text-field <v-text-field
required required
prepend-inner-icon="far fa-calendar-alt"
slot="activator" slot="activator"
label="FromDate" label="FromDate"
color="black" color="black"
@@ -46,7 +52,8 @@
></v-date-picker> ></v-date-picker>
</v-menu> </v-menu>
</v-flex> </v-flex>
<v-flex xs12 sm6 md2> <v-flex xs12 sm6 md2 class="WM-FlexCenter pl-3">
<v-icon class="far fa-calendar-alt mr-2"></v-icon>
<v-menu <v-menu
lazy lazy
:close-on-content-click="true" :close-on-content-click="true"
@@ -56,7 +63,6 @@
> >
<v-text-field <v-text-field
required required
prepend-inner-icon="far fa-calendar-alt"
slot="activator" slot="activator"
label="UpToDate" label="UpToDate"
color="black" color="black"
resources/js/vue/views/TestResult/AddEdit.vue
+165 -62
View File
@@ -3,23 +3,25 @@
<v-container grid-list-xs> <v-container grid-list-xs>
<material-card color="black" title="Submit Test Result"> <material-card color="black" title="Submit Test Result">
<v-layout wrap class="px-5 my-3" v-if="!$route.params.testResult"> <v-layout wrap class="px-5 my-3" v-if="!$route.params.testResult">
<v-flex xs12 sm4 md4> <v-flex xs12 md2 sm3 class="WM-FlexCenter">
<v-icon class="fas fa-check mr-2 WM-Margin-B-8"></v-icon>
<v-autocomplete <v-autocomplete
:search-input.sync="searchInput" :search-input.sync="searchInput"
:items="testTypeNames" :items="testTypeNames"
v-model="filter.name" v-model="filter.name"
label="Choose Test Type" label="Choose Test Type"
color="black" color="black"
class="pa-2" class="py-3 pr-3"
></v-autocomplete> ></v-autocomplete>
</v-flex> </v-flex>
<v-flex xs12 sm3 md3 class="mr-5"> <v-flex xs12 md2 sm3 class="WM-FlexCenter ml-3">
<v-icon class="fas fa-sort-numeric-up mr-2 WM-Margin-B-8"></v-icon>
<v-text-field <v-text-field
name="testcode" name="testcode"
v-model="filter.unique_code" v-model="filter.unique_code"
label="Or Enter Test Unique Code" label="Or Enter Test Unique Code"
color="black" color="black"
class="pa-2" class="py-3 pr-3"
></v-text-field> ></v-text-field>
</v-flex> </v-flex>
<!-- <v-spacer></v-spacer> --> <!-- <v-spacer></v-spacer> -->
@@ -37,9 +39,9 @@
<v-layout row wrap class="px-5 my-3" v-if="!$route.params.testResult && form.length"> <v-layout row wrap class="px-5 my-3" v-if="!$route.params.testResult && form.length">
<v-divider></v-divider> <v-divider></v-divider>
</v-layout> </v-layout>
<v-layout align-center justify-center wrap class="px-5 my-3" v-if="form.length"> <v-layout wrap class="px-5 my-3" v-if="form.length">
<v-flex xs12 sm12 md12> <v-flex xs12 sm12 md12>
<h3>{{testTypeNameSelected}}</h3> <h3 class="WM-BorderLeftTitle">{{testTypeNameSelected}}</h3>
</v-flex> </v-flex>
<v-flex xs12 sm3 md3> <v-flex xs12 sm3 md3>
<v-text-field <v-text-field
@@ -60,7 +62,7 @@
class="pa-2" class="pa-2"
> >
<v-text-field style="padding-top:0 !important" <v-text-field style="padding-top:0 !important"
prepend-inner-icon="far fa-clock" prepend-inner-icon="far fa-calendar-alt"
required required
slot="activator" slot="activator"
label="Date" label="Date"
@@ -87,26 +89,26 @@
</label> </label>
</div> </div>
</v-flex> </v-flex>
<v-flex xs12 sm12 md12> </v-layout>
<v-layout class="mt-4"> <v-layout wrap class="mt-4 px-5">
<v-flex v-for="(img, key) in images" :key="key" xs12 sm6 md1> <v-flex v-for="(img, key) in images" :key="key" xs12 sm6 md1 class="WM-Border WM-Border-LightGray WM-Padding-10 WM-Align-C WM-Relative" style="margin:15px">
<img :src="img" style="width:100%;" /> <img :src="img" width="120px" height="auto"/>
<!-- <v-btn fab class="black" @click.native.stop="removeImage(key)"></v-btn> --> <v-btn class="mx-2" absolute right top fab dark small color="pink" style="top:-28px;right:-28px" @click.native.stop="removeImage(key)">
<v-btn class="mx-2" fab dark small color="primary"> <v-icon>close</v-icon>
<v-icon dark>mdi-minus</v-icon>
</v-btn> </v-btn>
</v-flex> </v-flex>
</v-layout> </v-layout>
</v-flex>
</v-layout>
<!--______________________ DynamicComponent :: Began _______________________-->
<v-layout wrap class="px-5 my-3">
<!-- start dynamic component -->
<v-layout align-center justify-center wrap class="px-5 my-3">
<v-flex :class="['pa-2', item.size]" v-for="(item, key) in form" :key="key"> <v-flex :class="['pa-2', item.size]" v-for="(item, key) in form" :key="key">
<v-container fluid v-if="item.type == 'Temperature'"> <v-container row md-12 sm-12 xs-12 v-if="item.type == 'Temperature'">
<p>{{ item.name }}</p> <v-layout row wrap>
<h3 class="WM-BorderLeftTitle">{{ item.name }}</h3>
</v-layout>
<v-layout row wrap>
<v-container fluid class="WM-Padding-LR-0">
<v-flex xs12> <v-flex xs12>
<v-slider <v-slider
step="0.1" step="0.1"
@@ -118,27 +120,29 @@
></v-slider> ></v-slider>
</v-flex> </v-flex>
</v-container> </v-container>
</v-layout>
</v-container>
<v-container row md-12 sm-12 xs-12 v-if="item.type == 'Text'">
<v-layout row wrap>
<h3 class="WM-BorderLeftTitle">{{ item.name }}</h3>
</v-layout>
<v-layout row wrap>
<v-container fluid class="WM-Padding-LR-0">
<v-text-field <v-text-field
v-if="item.type == 'Text'"
v-model="formData[item.name+'_'+item.id]" v-model="formData[item.name+'_'+item.id]"
:label="item.name" :label="item.name"
color="black" color="black"
prepend-inner-icon="fa fa-align-left"
></v-text-field> ></v-text-field>
<!-- <v-container fluid v-if="item.type == 'Temperature'"> </v-container>
<p>{{ item.name }}</p> </v-layout>
<v-flex xs12> </v-container>
<v-slider <v-container row md-12 sm-12 xs-12 v-if="item.type == 'Pressure'">
step="0.1" <v-layout row wrap>
prepend-icon="fas fa-temperature-high" <h3 class="WM-BorderLeftTitle">{{ item.name }}</h3>
v-model="formData[item.name+'_'+item.id]" </v-layout>
min="0" <v-layout row wrap>
max="200" <v-container fluid class="WM-Padding-LR-0">
thumb-label="always"
></v-slider>
</v-flex>
</v-container> -->
<v-container fluid v-if="item.type == 'Pressure'">
<p>{{ item.name }}</p>
<v-flex xs12> <v-flex xs12>
<v-slider <v-slider
prepend-icon="fa fa-flask" prepend-icon="fa fa-flask"
@@ -150,9 +154,18 @@
></v-slider> ></v-slider>
</v-flex> </v-flex>
</v-container> </v-container>
</v-layout>
</v-container>
<v-container row md-12 sm-12 xs-12 v-if="item.type == 'Select'">
<v-layout row wrap>
<h3 class="WM-BorderLeftTitle">{{ item.name }}</h3>
</v-layout>
<v-layout row wrap>
<v-container fluid class="WM-Padding-LR-0">
<v-flex xs12>
<v-select <v-select
multiple multiple
v-if="item.type == 'Select'" prepend-inner-icon="fa fa-check"
:items="item.options" :items="item.options"
v-model="formData[item.name+'_'+item.id]" v-model="formData[item.name+'_'+item.id]"
:label="item.name" :label="item.name"
@@ -160,8 +173,17 @@
item-text="title" item-text="title"
item-value="id" item-value="id"
></v-select> ></v-select>
<v-container fluid v-if="item.type == 'Checkbox'"> </v-flex>
<p>{{ item.name }}</p> </v-container>
</v-layout>
</v-container>
<v-container row md-12 sm-12 xs-12 v-if="item.type == 'Checkbox'">
<v-layout row wrap>
<h3 class="WM-BorderLeftTitle">{{ item.name }}</h3>
</v-layout>
<v-layout row wrap>
<v-container fluid class="WM-Padding-LR-0">
<v-flex xs12 class="WM-FlexWrap mr-3">
<v-checkbox <v-checkbox
v-for="(optionValue, keyOption) in item.options" v-for="(optionValue, keyOption) in item.options"
:key="keyOption" :key="keyOption"
@@ -169,9 +191,17 @@
v-model="formData[item.name+'_'+item.id]" v-model="formData[item.name+'_'+item.id]"
:value="optionValue.id" :value="optionValue.id"
></v-checkbox> ></v-checkbox>
</v-flex>
</v-container> </v-container>
<v-container fluid v-if="item.type == 'Radiobutton'"> </v-layout>
<p>{{ item.name }}</p> </v-container>
<v-container row md-12 sm-12 xs-12 v-if="item.type == 'Radiobutton'">
<v-layout row wrap>
<h3 class="WM-BorderLeftTitle">{{ item.name }}</h3>
</v-layout>
<v-layout row wrap>
<v-container fluid class="WM-Padding-LR-0">
<v-flex xs12 class="WM-FlexWrap">
<v-radio-group v-model="formData[item.name+'_'+item.id]"> <v-radio-group v-model="formData[item.name+'_'+item.id]">
<v-radio <v-radio
v-for="(optionValue, keyOption) in item.options" v-for="(optionValue, keyOption) in item.options"
@@ -180,39 +210,67 @@
:value="optionValue.id" :value="optionValue.id"
></v-radio> ></v-radio>
</v-radio-group> </v-radio-group>
</v-flex>
</v-container> </v-container>
<v-container fluid v-if="item.type == 'Switch'"> </v-layout>
</v-container>
<v-container row md-12 sm-12 xs-12 v-if="item.type == 'Switch'">
<v-layout row wrap>
<h3 class="WM-BorderLeftTitle">{{ item.name }}</h3>
</v-layout>
<v-layout row wrap>
<v-container fluid class="WM-Padding-LR-0">
<v-flex xs12>
<v-switch <v-switch
color="green" color="green"
v-model="formData[item.name+'_'+item.id]" v-model="formData[item.name+'_'+item.id]"
:label="item.name + ': ' + formData[item.name+'_'+item.id].toString()" :label="item.name + ': ' + formData[item.name+'_'+item.id].toString()"
></v-switch> ></v-switch>
</v-flex>
</v-container> </v-container>
<v-container fluid v-if="item.type == 'Range'"> </v-layout>
<p>{{ item.name }}</p> </v-container>
<v-container row md-12 sm-12 xs-12 v-if="item.type == 'Range'">
<v-layout row wrap>
<h3 class="WM-BorderLeftTitle">{{ item.name }}</h3>
</v-layout>
<v-layout row wrap>
<v-container fluid class="WM-Padding-LR-0">
<v-flex xs12> <v-flex xs12>
<v-slider <v-slider
v-model="formData[item.name+'_'+item.id]" v-model="formData[item.name+'_'+item.id]"
:min="item.options[0].title" :min="item.options[0].title"
:max="item.options[1].title" :max="item.options[1].title"
thumb-label="always" thumb-label="always"
color="black"
></v-slider> ></v-slider>
</v-flex> </v-flex>
</v-container> </v-container>
<v-container fluid v-if="item.type == 'Time'"> </v-layout>
</v-container>
<v-container row md-12 sm-12 xs-12 v-if="item.type == 'Time'">
<v-layout row wrap>
<h3 class="WM-BorderLeftTitle">{{ item.name }}</h3>
</v-layout>
<v-layout row wrap>
<v-container fluid class="WM-Padding-LR-0">
<v-flex xs12> <v-flex xs12>
<v-text-field <v-text-field
v-model="formData[item.name+'_'+item.id]" v-model="formData[item.name+'_'+item.id]"
:label="item.name" :label="item.name"
class="WM-Font-30" class="WM-Font-30"
mask="##:##" mask="##:##"
color="black"
></v-text-field> ></v-text-field>
</v-flex> </v-flex>
</v-container> </v-container>
<template v-if="item.type == 'Form'"> </v-layout>
<v-container row md-12 sm-12 xs-12> </v-container>
<!-- <v-layout row wrap>
<template v-if="item.type == 'Form'"> -->
<v-container row md-12 sm-12 xs-12 class="WM-Border WM-Border-LightGray WM-Padding-10 WM-BorderRadius-5" v-if="item.type == 'Form'">
<v-layout row wrap> <v-layout row wrap>
<h3>{{ item.name }}</h3> <h3 class="WM-BorderLeftTitle">{{ item.name }}</h3>
</v-layout> </v-layout>
<v-layout row wrap> <v-layout row wrap>
<v-flex <v-flex
@@ -220,13 +278,18 @@
v-for="(children, keyChildren) in item.children" v-for="(children, keyChildren) in item.children"
:key="keyChildren" :key="keyChildren"
> >
<v-container fluid v-if="children.type == 'Text'" class="WM-Padding-LR-0">
<p>{{ children.name }}</p>
<v-flex xs12>
<v-text-field <v-text-field
v-if="children.type == 'Text'" prepend-inner-icon="fa fa-align-left"
v-model="formData[children.name+'_'+children.id]" v-model="formData[children.name+'_'+children.id]"
:label="children.name" :label="children.name"
color="black" color="black"
></v-text-field> ></v-text-field>
<v-container fluid v-if="children.type == 'Temperature'"> </v-flex>
</v-container>
<v-container fluid v-if="children.type == 'Temperature'" class="WM-Padding-LR-0">
<p>{{ children.name }}</p> <p>{{ children.name }}</p>
<v-flex xs12> <v-flex xs12>
<v-slider <v-slider
@@ -239,22 +302,25 @@
></v-slider> ></v-slider>
</v-flex> </v-flex>
</v-container> </v-container>
<v-container fluid v-if="children.type == 'Pressure'"> <v-container fluid v-if="children.type == 'Pressure'" class="WM-Padding-LR-0">
<p>{{ children.name }}</p> <p>{{ children.name }}</p>
<v-flex xs12> <v-flex xs12>
<v-slider <v-slider
prepend-icon="fa fa-flask"
v-model="formData[children.name+'_'+children.id]" v-model="formData[children.name+'_'+children.id]"
min="-1" min="-1"
step="0.01" step="0.01"
max="3" max="3"
prepend-icon="fa fa-flask"
thumb-label="always" thumb-label="always"
></v-slider> ></v-slider>
</v-flex> </v-flex>
</v-container> </v-container>
<v-container fluid v-if="children.type == 'Select'" class="WM-Padding-LR-0">
<p>{{ children.name }}</p>
<v-flex xs12>
<v-select <v-select
multiple multiple
v-if="children.type == 'Select'" prepend-inner-icon="fa fa-check"
:items="children.options" :items="children.options"
v-model="formData[children.name+'_'+children.id]" v-model="formData[children.name+'_'+children.id]"
:label="children.name" :label="children.name"
@@ -262,8 +328,11 @@
item-text="title" item-text="title"
item-value="id" item-value="id"
></v-select> ></v-select>
<v-container fluid v-if="children.type == 'Checkbox'"> </v-flex>
</v-container>
<v-container fluid v-if="children.type == 'Checkbox'" class="WM-Padding-LR-0">
<p>{{ children.name }}</p> <p>{{ children.name }}</p>
<v-flex xs12 class="WM-FlexWrap mr-3">
<v-checkbox <v-checkbox
v-for="(optionValue, keyOption) in children.options" v-for="(optionValue, keyOption) in children.options"
:key="keyOption" :key="keyOption"
@@ -271,9 +340,11 @@
v-model="formData[children.name+'_'+children.id]" v-model="formData[children.name+'_'+children.id]"
:value="optionValue.id" :value="optionValue.id"
></v-checkbox> ></v-checkbox>
</v-flex>
</v-container> </v-container>
<v-container fluid v-if="children.type == 'Radiobutton'"> <v-container fluid v-if="children.type == 'Radiobutton'" class="WM-Padding-LR-0">
<p>{{ children.name }}</p> <p>{{ children.name }}</p>
<v-flex xs12 class="WM-FlexWrap">
<v-radio-group v-model="formData[children.name+'_'+children.id]"> <v-radio-group v-model="formData[children.name+'_'+children.id]">
<v-radio <v-radio
v-for="(optionValue, keyOption) in children.options" v-for="(optionValue, keyOption) in children.options"
@@ -282,15 +353,19 @@
:value="optionValue.id" :value="optionValue.id"
></v-radio> ></v-radio>
</v-radio-group> </v-radio-group>
</v-flex>
</v-container> </v-container>
<v-container fluid v-if="children.type == 'Switch'"> <v-container fluid v-if="children.type == 'Switch'" class="WM-Padding-LR-0">
<p>{{ children.name }}</p>
<v-flex xs12>
<v-switch <v-switch
color="green" color="green"
v-model="formData[children.name+'_'+children.id]" v-model="formData[children.name+'_'+children.id]"
:label="children.name + ': ' + formData[children.name+'_'+children.id].toString()" :label="children.name + ': ' + formData[children.name+'_'+children.id].toString()"
></v-switch> ></v-switch>
</v-flex>
</v-container> </v-container>
<v-container fluid v-if="children.type == 'Range'"> <v-container fluid v-if="children.type == 'Range'" class="WM-Padding-LR-0">
<p>{{ item.name }}</p> <p>{{ item.name }}</p>
<v-flex xs12> <v-flex xs12>
<v-slider <v-slider
@@ -301,7 +376,8 @@
></v-slider> ></v-slider>
</v-flex> </v-flex>
</v-container> </v-container>
<v-container fluid v-if="children.type == 'Time'"> <v-container fluid v-if="children.type == 'Time'" class="WM-Padding-LR-0">
<p>{{ children.name }}</p>
<v-flex xs12> <v-flex xs12>
<v-text-field <v-text-field
v-model="formData[children.name+'_'+children.id]" v-model="formData[children.name+'_'+children.id]"
@@ -314,7 +390,8 @@
</v-flex> </v-flex>
</v-layout> </v-layout>
</v-container> </v-container>
</template> <!-- </template>
</v-layout> -->
</v-flex> </v-flex>
</v-layout> </v-layout>
<v-layout row wrap class="px-5 my-3"> <v-layout row wrap class="px-5 my-3">
@@ -537,11 +614,11 @@ export default {
} }
.v-input--switch__track:not(.green--text) { .v-input--switch__track:not(.green--text) {
color: red !important; color: #E91E63 !important;
} }
.v-input--switch__thumb:not(.green--text) { .v-input--switch__thumb:not(.green--text) {
background-color: red !important; background-color: #E91E63 !important;
} }
.v-btn--floating { .v-btn--floating {
padding: 0 !important; padding: 0 !important;
@@ -553,4 +630,30 @@ export default {
.v-btn--icon:before { .v-btn--icon:before {
border-radius: 50% !important; border-radius: 50% !important;
} }
.v-input--selection-controls__input {
margin-right :0;
}
.v-input--radio-group--column .v-radio:not(:last-child):not(:only-child) {
margin-bottom : 0;
}
.v-input--radio-group--column .v-input--radio-group__input {
flex-direction: row;
}
.v-input--selection-controls .v-input__control {
margin-right: 12px;
}
.v-input--selection-controls__input {
margin-right: 7px;
}
.accent--text {
color: #E91E63 !important;
caret-color: #E91E63 !important;
}
.WM-Padding-LR-0 {
padding:24px 0;
}
.WM-BorderLeftTitle {
border-left: 1px solid;
padding-left: 5px;
}
</style> </style>
resources/js/vue/views/TestResult/List.vue
+15 -11
View File
@@ -3,17 +3,19 @@
<v-container fluid> <v-container fluid>
<material-card class color="black" title="All Test Resualt" text> <material-card class color="black" title="All Test Resualt" text>
<v-layout align-center wrap class="px-5 mb-3 my-3"> <v-layout align-center wrap class="px-5 mb-3 my-3">
<v-flex xs12 md2 sm3> <v-flex xs12 md2 sm3 class="WM-FlexCenter">
<v-icon class="fas fa-sort-numeric-up mr-2 WM-Margin-B-8"></v-icon>
<v-text-field <v-text-field
class="pa-2" class="py-3 pr-3"
v-model="filter.device_id" v-model="filter.device_id"
label="ID" label="ID"
color="black" color="black"
></v-text-field> ></v-text-field>
</v-flex> </v-flex>
<v-flex xs12 md3 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-autocomplete <v-autocomplete
class="pa-2" class="py-3 pr-3"
v-model="filter.testType_id" v-model="filter.testType_id"
label="TestType Name" label="TestType Name"
color="black" color="black"
@@ -22,9 +24,10 @@
item-value="id" item-value="id"
></v-autocomplete> ></v-autocomplete>
</v-flex> </v-flex>
<v-flex xs12 md2 sm3> <v-flex xs12 md3 sm3 class="WM-FlexCenter pl-3">
<v-icon class="fa fa-hospital-o mr-2 WM-Margin-B-8"></v-icon>
<v-autocomplete <v-autocomplete
class="pa-2" class="py-3 pr-3"
v-model="filter.medicalCenter_id" v-model="filter.medicalCenter_id"
label="Hospital" label="Hospital"
color="black" color="black"
@@ -33,9 +36,10 @@
item-value="id" item-value="id"
></v-autocomplete> ></v-autocomplete>
</v-flex> </v-flex>
<v-flex xs12 md3 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 <v-text-field
class="pa-2" class="py-3 pr-3"
v-model="filter.user_name" v-model="filter.user_name"
label="User Name" label="User Name"
color="black" color="black"
@@ -52,7 +56,7 @@
</v-flex> </v-flex>
</v-layout> </v-layout>
<v-layout wrap class="px-5 mb-3 my-3"> <v-layout wrap class="px-5 mb-3 my-3">
<v-flex xs12 sm6 md2 style="display: flex;align-items: center;"> <v-flex xs12 sm6 md2 class="WM-FlexCenter">
<v-icon class="far fa-calendar-alt mr-2"></v-icon> <v-icon class="far fa-calendar-alt mr-2"></v-icon>
<v-menu <v-menu
lazy lazy
@@ -165,8 +169,8 @@
</v-flex> </v-flex>
</v-layout> </v-layout>
<v-divider></v-divider> <v-divider></v-divider>
<div class="text-xs-center" v-if="lastPage > 1"> <div class="text-xs-center mt-2" v-if="lastPage > 1">
<v-pagination v-model="currentPage" :length="lastPage" :total-visible="6"></v-pagination> <v-pagination color="black" v-model="currentPage" :length="lastPage" :total-visible="6"></v-pagination>
</div> </div>
<v-layout row wrap align-center justify-center class="mt-3"> <v-layout row wrap align-center justify-center class="mt-3">
<router-link to="/dashboard"> <router-link to="/dashboard">
resources/js/vue/views/TestType/AddEdit.vue
+16 -13
View File
@@ -3,27 +3,30 @@
<v-container grid-list-xs> <v-container grid-list-xs>
<material-card color="black" title="Add a New Test" class> <material-card color="black" title="Add a New Test" class>
<v-layout row wrap class="ma-2"> <v-layout row wrap class="ma-2">
<v-flex xs12 md3 sm3> <v-flex xs12 md3 sm3 class="WM-FlexCenter">
<v-icon class="fa fa-align-left mr-2 WM-Margin-B-8"></v-icon>
<v-text-field <v-text-field
name="name" name="name"
v-model="form.name" v-model="form.name"
label="Name" label="Name"
color="black" color="black"
class="pa-2" class="py-3 pr-3"
:rules="[rules.required]" :rules="[rules.required]"
></v-text-field> ></v-text-field>
</v-flex> </v-flex>
<v-flex xs12 md3 sm3> <v-flex xs12 md3 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 <v-text-field
:rules="[rules.required]" :rules="[rules.required]"
name="uniquecode" name="uniquecode"
v-model="form.unique_code" v-model="form.unique_code"
label="Unique Code" label="Unique Code"
color="black" color="black"
class="pa-2" class="py-3 pr-3"
></v-text-field> ></v-text-field>
</v-flex> </v-flex>
<v-flex xs12 md3 sm3> <v-flex xs12 md3 sm3 class="WM-FlexCenter pl-3">
<v-icon class="fas fa-sort-numeric-up mr-2 WM-Margin-B-8"></v-icon>
<v-autocomplete <v-autocomplete
:rules="[rules.required]" :rules="[rules.required]"
:items="deviceLabels" :items="deviceLabels"
@@ -32,7 +35,7 @@
v-model="form.device_label" v-model="form.device_label"
label="ID Label" label="ID Label"
color="black" color="black"
class="pa-2" class="py-3 pr-3"
></v-autocomplete> ></v-autocomplete>
</v-flex> </v-flex>
</v-layout> </v-layout>
@@ -394,13 +397,13 @@ export default {
], ],
size: [ size: [
{ state: "not Selected", abbr: "" }, { state: "not Selected", abbr: "" },
{ state: "2 from 12", abbr: "md2 xs12" }, { state: "2 from 12", abbr: "md2 sm4 xs12" },
{ state: "3 from 12", abbr: "md3 xs12" }, { state: "3 from 12", abbr: "md3 sm6 xs12" },
{ state: "4 from 12", abbr: "md4 xs12" }, { state: "4 from 12", abbr: "md4 sm4 xs12" },
{ state: "6 from 12", abbr: "md6 xs12" }, { state: "6 from 12", abbr: "md6 sm12 xs12" },
{ state: "8 from 12", abbr: "md8 xs12" }, { state: "8 from 12", abbr: "md8 sm8 xs12" },
{ state: "10 from 12", abbr: "md10 xs12" }, { state: "10 from 12", abbr: "md10 sm10 xs12" },
{ state: "12 from 12", abbr: "md12 xs12" } { state: "12 from 12", abbr: "md12 sm12 xs12" }
], ],
rules: { rules: {
required: value => !!value || "Required." required: value => !!value || "Required."
resources/js/vue/views/TestType/List.vue
+15 -12
View File
@@ -2,14 +2,17 @@
<v-container fluid> <v-container fluid>
<material-card class color="black" title="TestType List" text> <material-card class color="black" title="TestType List" text>
<v-layout wrap class="px-5 mb-3"> <v-layout wrap class="px-5 mb-3">
<v-flex xs12 md3 sm3 class="pr-4"> <v-flex xs12 md3 sm3 class="WM-FlexCenter pl-3">
<v-text-field label="Name" v-model="filter.name" color="black"></v-text-field> <v-icon class="fa fa-align-left mr-2 WM-Margin-B-8"></v-icon>
<v-text-field class="py-3 pr-3" label="Name" v-model="filter.name" color="black"></v-text-field>
</v-flex> </v-flex>
<v-flex xs12 md3 sm3 class="pr-4"> <v-flex xs12 md3 sm3 class="WM-FlexCenter pl-3">
<v-text-field label="UniqueId" v-model="filter.unique_id" color="black"></v-text-field> <v-icon class="fas fa-sort-numeric-up mr-2 WM-Margin-B-8"></v-icon>
<v-text-field class="py-3 pr-3" label="UniqueId" v-model="filter.unique_id" color="black"></v-text-field>
</v-flex> </v-flex>
<v-flex xs12 md36 sm3 class="pr-4"> <v-flex xs12 md36 sm3 class="WM-FlexCenter pl-3">
<v-text-field label="UserName" v-model="filter.user_name" color="black"></v-text-field> <v-icon class="fa fa-align-left mr-2 WM-Margin-B-8"></v-icon>
<v-text-field class="py-3 pr-3" label="UserName" v-model="filter.user_name" color="black"></v-text-field>
</v-flex> </v-flex>
<v-spacer></v-spacer> <v-spacer></v-spacer>
<v-flex xs12 md2 sm2 class="text-xs-right"> <v-flex xs12 md2 sm2 class="text-xs-right">
@@ -22,7 +25,8 @@
</v-flex> </v-flex>
</v-layout> </v-layout>
<v-layout wrap class="px-5 mb-3"> <v-layout wrap class="px-5 mb-3">
<v-flex xs12 sm6 md2> <v-flex xs12 sm6 md2 class="WM-FlexCenter pl-3">
<v-icon class="far fa-calendar-alt mr-2"></v-icon>
<v-menu <v-menu
lazy lazy
:close-on-content-click="true" :close-on-content-click="true"
@@ -31,7 +35,6 @@
v-model="fromMenu" v-model="fromMenu"
> >
<v-text-field <v-text-field
prepend-inner-icon="far fa-calendar-alt"
required required
slot="activator" slot="activator"
label="FromDate" label="FromDate"
@@ -46,7 +49,8 @@
></v-date-picker> ></v-date-picker>
</v-menu> </v-menu>
</v-flex> </v-flex>
<v-flex xs12 sm6 md2> <v-flex xs12 sm6 md2 class="WM-FlexCenter pl-3">
<v-icon class="far fa-calendar-alt mr-2"></v-icon>
<v-menu <v-menu
lazy lazy
:close-on-content-click="true" :close-on-content-click="true"
@@ -56,7 +60,6 @@
> >
<v-text-field <v-text-field
required required
prepend-inner-icon="far fa-calendar-alt"
slot="activator" slot="activator"
label="UpToDate" label="UpToDate"
v-model="filter.upToPicker" v-model="filter.upToPicker"
@@ -119,8 +122,8 @@
</v-flex> </v-flex>
</v-layout> </v-layout>
<v-divider></v-divider> <v-divider></v-divider>
<div class="text-xs-center" v-if="lastPage > 1"> <div class="text-xs-center mt-2" v-if="lastPage > 1">
<v-pagination v-model="currentPage" :length="lastPage" :total-visible="6"></v-pagination> <v-pagination color="black" v-model="currentPage" :length="lastPage" :total-visible="6"></v-pagination>
</div> </div>
<v-layout row wrap align-center justify-center class="mt-3"> <v-layout row wrap align-center justify-center class="mt-3">
<router-link to="/dashboard"> <router-link to="/dashboard">
resources/js/vue/views/User/List.vue
+16 -13
View File
@@ -2,18 +2,20 @@
<v-container grid-list-xs> <v-container grid-list-xs>
<material-card color="black" title="Member List"> <material-card color="black" title="Member List">
<v-layout align-center justify-center wrap class="px-5 mb-3"> <v-layout align-center justify-center wrap class="px-5 mb-3">
<v-flex xs12 md3 sm3> <v-flex xs12 md3 sm3 class="WM-FlexCenter pl-3">
<v-icon class="fa fa-align-left mr-2 WM-Margin-B-8"></v-icon>
<v-text-field <v-text-field
class="pa-2" class="py-3 pr-3"
color="black" color="black"
name="name" name="name"
label="Name" label="Name"
v-model="filter.name" v-model="filter.name"
></v-text-field> ></v-text-field>
</v-flex> </v-flex>
<v-flex xs12 md3 sm3> <v-flex xs12 md3 sm3 class="WM-FlexCenter pl-3">
<v-icon class="fa fa-hospital-o mr-2 WM-Margin-B-8"></v-icon>
<v-autocomplete <v-autocomplete
class="pa-2" class="py-3 pr-3"
v-model="filter.medicalCenter_id" v-model="filter.medicalCenter_id"
label="Hospital" label="Hospital"
color="black" color="black"
@@ -22,18 +24,20 @@
item-value="id" item-value="id"
></v-autocomplete> ></v-autocomplete>
</v-flex> </v-flex>
<v-flex xs12 md3 sm3> <v-flex xs12 md3 sm3 class="WM-FlexCenter pl-3">
<v-icon class="fa fa-phone mr-2 WM-Margin-B-8"></v-icon>
<v-text-field <v-text-field
class="pa-2" class="py-3 pr-3"
color="black" color="black"
name="CellPhone" name="CellPhone"
label="CellPhone" label="CellPhone"
v-model="filter.cell_number" v-model="filter.cell_number"
></v-text-field> ></v-text-field>
</v-flex> </v-flex>
<v-flex xs12 md3 sm3> <v-flex xs12 md3 sm3 class="WM-FlexCenter pl-3">
<v-icon class="fa fa-check mr-2 WM-Margin-B-8"></v-icon>
<v-select <v-select
class="pa-2" class="py-3 pr-3"
color="black" color="black"
name="role" name="role"
label="Role" label="Role"
@@ -43,7 +47,8 @@
</v-flex> </v-flex>
</v-layout> </v-layout>
<v-layout class="px-5 mb-3"> <v-layout class="px-5 mb-3">
<v-flex xs12 sm12 md2 style="display: flex;align-items: center;"> <v-flex xs12 sm12 md2 class="WM-FlexCenter pl-3">
<v-icon class="far fa-calendar-alt mr-2"></v-icon>
<v-menu <v-menu
lazy lazy
:close-on-content-click="true" :close-on-content-click="true"
@@ -54,7 +59,6 @@
> >
<v-text-field <v-text-field
required required
prepend-inner-icon="far fa-calendar-alt"
slot="activator" slot="activator"
label="FromDate" label="FromDate"
color="black" color="black"
@@ -68,7 +72,7 @@
></v-date-picker> ></v-date-picker>
</v-menu> </v-menu>
</v-flex> </v-flex>
<v-flex xs12 sm12 md2 style="display: flex;align-items: center;"> <v-flex xs12 sm12 md2 class="WM-FlexCenter pl-3">
<v-icon class="far fa-calendar-alt mr-2"></v-icon> <v-icon class="far fa-calendar-alt mr-2"></v-icon>
<v-menu <v-menu
lazy lazy
@@ -170,10 +174,9 @@
<v-layout class="px-4 my-3"> <v-layout class="px-4 my-3">
<v-divider></v-divider> <v-divider></v-divider>
</v-layout> </v-layout>
<div class="text-xs-center" v-if="lastPage > 1"> <div class="text-xs-center mt-2" v-if="lastPage > 1">
<v-pagination <v-pagination
color="black" color="black"
circle
v-model="currentPage" v-model="currentPage"
:length="lastPage" :length="lastPage"
:total-visible="6" :total-visible="6"
resources/js/vue/views/User/MyInfo.vue
+10 -6
View File
@@ -3,17 +3,19 @@
<v-container grid-list-xs fluid> <v-container grid-list-xs fluid>
<material-card color="black" title="My Info"> <material-card color="black" title="My Info">
<v-layout align-center justify-center wrap class="px-5 my-3"> <v-layout align-center justify-center wrap class="px-5 my-3">
<v-flex xs12 sm4 md4> <v-flex xs12 md4 sm4 class="WM-FlexCenter">
<v-icon class="fa fa-align-left mr-2 WM-Margin-B-8"></v-icon>
<v-text-field <v-text-field
name="name" name="name"
label="Name" label="Name"
color="black" color="black"
v-model="user.name" v-model="user.name"
:rules="[rules.required, rules.counter]" :rules="[rules.required, rules.counter]"
class="pa-2" class="py-3 pr-3"
></v-text-field> ></v-text-field>
</v-flex> </v-flex>
<v-flex xs12 sm4 md4> <v-flex xs12 sm4 md4 class="WM-FlexCenter pl-3">
<v-icon class="fa fa-align-left mr-2 WM-Margin-B-8"></v-icon>
<v-select <v-select
:items="items" :items="items"
label="Gender" label="Gender"
@@ -21,11 +23,12 @@
v-model="user.gender" v-model="user.gender"
single-line single-line
:rules="[rules.required]" :rules="[rules.required]"
class="pa-2" class="py-3 pr-3"
color="black" color="black"
></v-select> ></v-select>
</v-flex> </v-flex>
<v-flex xs12 sm4 md4> <v-flex xs12 sm4 md4 class="WM-FlexCenter pl-3">
<v-icon class="fa fa-phone mr-2 WM-Margin-B-8"></v-icon>
<v-text-field <v-text-field
name="cellnumber" name="cellnumber"
label="Cell Number" label="Cell Number"
@@ -37,7 +40,8 @@
</v-flex> </v-flex>
</v-layout> </v-layout>
<v-layout align-center justify-center wrap class="px-5 mb-3"> <v-layout align-center justify-center wrap class="px-5 mb-3">
<v-flex xs12 sm4 md4> <v-flex xs12 sm4 md4 class="WM-FlexCenter pl-3">
<v-icon class="fa fa-phone mr-2 WM-Margin-B-8"></v-icon>
<v-text-field <v-text-field
name="emailaddress" name="emailaddress"
label="Email Address" label="Email Address"