mirror of
https://git.meshkee.com/cssd/cssd-back.git
synced 2026-10-11 18:11:05 +03:30
newchanges
This commit is contained in:
f.shokouhi
Generated
+15609
File diff suppressed because it is too large
Load Diff
@@ -33,7 +33,7 @@
|
||||
<br />
|
||||
{{ $store.state.user.medical_center.name }}
|
||||
</v-list-tile-title>
|
||||
|
||||
|
||||
</v-list-tile>
|
||||
<v-divider/>
|
||||
<v-list-tile
|
||||
@@ -120,23 +120,23 @@ export default {
|
||||
},
|
||||
{
|
||||
to: {name: 'AllItem'},
|
||||
icon: 'done',
|
||||
icon: 'far fa-clone',
|
||||
text: 'Items'
|
||||
},
|
||||
{
|
||||
to: {name: 'AllPackage'},
|
||||
icon: 'done',
|
||||
icon: 'fas fa-archive',
|
||||
text: 'Packages',
|
||||
role: 'Admin'
|
||||
},
|
||||
{
|
||||
to: {name: 'AllPack'},
|
||||
icon: 'done',
|
||||
icon: 'fas fa-inbox',
|
||||
text: 'Packs'
|
||||
},
|
||||
{
|
||||
to: {name: 'AllCycle'},
|
||||
icon: 'done',
|
||||
icon: 'cached',
|
||||
text: 'Cycles'
|
||||
},
|
||||
{
|
||||
@@ -146,7 +146,7 @@ export default {
|
||||
},
|
||||
{
|
||||
to: {name: 'Tickets'},
|
||||
icon: 'fas fa-chart-bar',
|
||||
icon: 'style',
|
||||
text: 'Tickets',
|
||||
},
|
||||
],
|
||||
|
||||
@@ -31,26 +31,35 @@
|
||||
class="pa-2"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs12 sm6 md4>
|
||||
<v-menu
|
||||
lazy
|
||||
:close-on-content-click="true"
|
||||
transition="v-scale-transition"
|
||||
offset-y
|
||||
v-model="fromMenuDate"
|
||||
>
|
||||
<v-text-field required slot="activator" label="Date" v-model="formData.date"></v-text-field>
|
||||
<v-date-picker
|
||||
color="pink"
|
||||
no-title
|
||||
v-model="formData.date"
|
||||
:date-format="date => new Date(date).toDateString()"
|
||||
></v-date-picker>
|
||||
</v-menu>
|
||||
</v-flex>
|
||||
<v-flex xs12 sm6 md1>
|
||||
<v-menu
|
||||
lazy
|
||||
:close-on-content-click="true"
|
||||
transition="v-scale-transition"
|
||||
offset-y
|
||||
v-model="fromMenuDate"
|
||||
>
|
||||
<v-text-field
|
||||
prepend-inner-icon="far fa-calendar-alt"
|
||||
required
|
||||
slot="activator"
|
||||
label="Date"
|
||||
color="black"
|
||||
class="pr-3"
|
||||
v-model="formData.date">
|
||||
</v-text-field>
|
||||
<v-date-picker
|
||||
color="pink"
|
||||
no-title
|
||||
v-model="formData.date"
|
||||
:date-format="date => new Date(date).toDateString()"
|
||||
></v-date-picker>
|
||||
</v-menu>
|
||||
</v-flex>
|
||||
<v-flex xs12 sm6 md8>
|
||||
<v-autocomplete
|
||||
multiple
|
||||
color="black"
|
||||
:items="packs"
|
||||
item-text="name"
|
||||
item-value="id"
|
||||
@@ -58,13 +67,14 @@
|
||||
label="Select Packs For Cycle"
|
||||
></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">
|
||||
<template v-slot:label>
|
||||
<div>Description</div>
|
||||
</template>
|
||||
</v-textarea>
|
||||
</v-flex>
|
||||
<v-textarea color="black" v-model="formData.note" class="pa-2" name="address">
|
||||
<template v-slot:label>
|
||||
<div>Description</div>
|
||||
</template>
|
||||
</v-textarea>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout row wrap justify-center align-center>
|
||||
<v-flex xs12 md2 sm2 class="text-md-center text-xs-center">
|
||||
|
||||
@@ -3,55 +3,63 @@
|
||||
<v-container fluid>
|
||||
<material-card class color="black" title="All Cycles" text>
|
||||
<v-layout align-center wrap class="my-3">
|
||||
<v-flex xs12 md3 sm3>
|
||||
<v-flex xs12 md2 sm3>
|
||||
<v-text-field
|
||||
class="pa-2"
|
||||
class="pa-3"
|
||||
v-model="filter.name"
|
||||
label="Name"
|
||||
color="black"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs12 md3 sm3>
|
||||
<v-flex xs12 md2 sm3>
|
||||
<v-text-field
|
||||
class="pa-2"
|
||||
class="pa-3"
|
||||
v-model="filter.sterilizer_id"
|
||||
label="Sterilizer ID"
|
||||
color="black"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs12 md3 sm3>
|
||||
<v-flex xs12 md2 sm3>
|
||||
<v-text-field
|
||||
class="pa-2"
|
||||
class="pa-3"
|
||||
v-model="filter.cycle_number"
|
||||
label="Cycle Number"
|
||||
color="black"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs12 sm6 md3>
|
||||
<v-menu
|
||||
lazy
|
||||
:close-on-content-click="true"
|
||||
transition="v-scale-transition"
|
||||
offset-y
|
||||
v-model="Menu"
|
||||
>
|
||||
<v-text-field required slot="activator" label="Date" v-model="filter.date"></v-text-field>
|
||||
<v-date-picker
|
||||
color="pink"
|
||||
no-title
|
||||
v-model="filter.date"
|
||||
:date-format="date => new Date(date).toDateString()"
|
||||
></v-date-picker>
|
||||
</v-menu>
|
||||
</v-flex>
|
||||
<v-flex class xs12 md2 sm3>
|
||||
<v-flex xs12 sm2 md2>
|
||||
<v-menu
|
||||
lazy
|
||||
:close-on-content-click="true"
|
||||
transition="v-scale-transition"
|
||||
offset-y
|
||||
v-model="Menu"
|
||||
>
|
||||
<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"
|
||||
v-model="filter.date">
|
||||
</v-text-field>
|
||||
<v-date-picker
|
||||
color="pink"
|
||||
no-title
|
||||
v-model="filter.date"
|
||||
:date-format="date => new Date(date).toDateString()"
|
||||
></v-date-picker>
|
||||
</v-menu>
|
||||
</v-flex>
|
||||
<v-flex class xs12 md1 sm3>
|
||||
<v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px" @click="load()">
|
||||
<v-icon class="white--text mr-2 caption">fas fa-search</v-icon>
|
||||
<span class="white--text">Filter</span>
|
||||
</v-btn>
|
||||
</v-flex>
|
||||
<v-spacer></v-spacer>
|
||||
<v-flex xs12 md2 sm2 class="text-xs-right">
|
||||
<v-flex xs12 md1 sm2 class="text-xs-right">
|
||||
<router-link :to="{name: 'AddCycle'}">
|
||||
<v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black">
|
||||
<v-icon class="black--text mr-2 caption">fas fa-plus</v-icon>
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<v-form ref="form">
|
||||
<v-container grid-list-xs fluid>
|
||||
<material-card color="black" title="Add Label on Set ">
|
||||
<v-layout align-center justify-center wrap class="px-5 my-3">
|
||||
<v-layout wrap class="px-5 my-3">
|
||||
<v-flex xs12 sm6 md3>
|
||||
<v-text-field
|
||||
name="name"
|
||||
@@ -40,14 +40,17 @@
|
||||
class="pa-2"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
<v-spacer></v-spacer>
|
||||
<v-flex xs12 sm6 md3>
|
||||
<v-autocomplete
|
||||
multiple
|
||||
color="black"
|
||||
:items="items"
|
||||
item-text="name"
|
||||
v-model="formData.packages"
|
||||
item-value="id"
|
||||
label="Select Package For Pack"
|
||||
class="pr-3"
|
||||
></v-autocomplete>
|
||||
</v-flex>
|
||||
<v-flex xs12 sm6 md3>
|
||||
@@ -56,10 +59,10 @@
|
||||
label="Department"
|
||||
color="black"
|
||||
v-model="formData.department"
|
||||
class="pa-2"
|
||||
class="px-3"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs12 sm6 md3>
|
||||
<v-flex xs12 sm6 md2>
|
||||
<v-menu
|
||||
lazy
|
||||
:close-on-content-click="true"
|
||||
@@ -67,7 +70,15 @@
|
||||
offset-y
|
||||
v-model="fromMenuSterile"
|
||||
>
|
||||
<v-text-field required slot="activator" label="Sterile Date" v-model="formData.sterile_date"></v-text-field>
|
||||
<v-text-field
|
||||
required
|
||||
prepend-inner-icon="far fa-calendar-alt"
|
||||
slot="activator"
|
||||
label="Sterile Date"
|
||||
color="black"
|
||||
class="px-3"
|
||||
v-model="formData.sterile_date">
|
||||
</v-text-field>
|
||||
<v-date-picker
|
||||
color="pink"
|
||||
no-title
|
||||
@@ -76,7 +87,7 @@
|
||||
></v-date-picker>
|
||||
</v-menu>
|
||||
</v-flex>
|
||||
<v-flex xs12 sm6 md3>
|
||||
<v-flex xs12 sm6 md2>
|
||||
<v-menu
|
||||
lazy
|
||||
:close-on-content-click="true"
|
||||
@@ -84,7 +95,15 @@
|
||||
offset-y
|
||||
v-model="fromMenuExpire"
|
||||
>
|
||||
<v-text-field required slot="activator" label="Expire Date" v-model="formData.expire_date"></v-text-field>
|
||||
<v-text-field
|
||||
required
|
||||
prepend-inner-icon="far fa-calendar-alt"
|
||||
slot="activator"
|
||||
label="Expire Date"
|
||||
color="black"
|
||||
class="px-3"
|
||||
v-model="formData.expire_date">
|
||||
</v-text-field>
|
||||
<v-date-picker
|
||||
color="pink"
|
||||
no-title
|
||||
|
||||
@@ -22,7 +22,7 @@
|
||||
<v-flex xs12 sm4 md4>
|
||||
<v-autocomplete :items="type" v-model="form.type" label="Type" color="black" class="pa-2"></v-autocomplete>
|
||||
</v-flex>
|
||||
<v-flex xs12 sm6 md5>
|
||||
<v-flex xs12 sm6 md2>
|
||||
<v-menu
|
||||
lazy
|
||||
:close-on-content-click="true"
|
||||
@@ -30,7 +30,14 @@
|
||||
offset-y
|
||||
v-model="fromMenu"
|
||||
>
|
||||
<v-text-field required slot="activator" label="FromDate" v-model="form.fromPicker"></v-text-field>
|
||||
<v-text-field
|
||||
required
|
||||
prepend-inner-icon="far fa-calendar-alt"
|
||||
slot="activator"
|
||||
label="FromDate"
|
||||
color="black"
|
||||
v-model="form.fromPicker">
|
||||
</v-text-field>
|
||||
<v-date-picker
|
||||
color="pink"
|
||||
no-title
|
||||
@@ -39,7 +46,7 @@
|
||||
></v-date-picker>
|
||||
</v-menu>
|
||||
</v-flex>
|
||||
<v-flex xs12 sm6 md5>
|
||||
<v-flex xs12 sm6 md2>
|
||||
<v-menu
|
||||
lazy
|
||||
:close-on-content-click="true"
|
||||
@@ -47,7 +54,14 @@
|
||||
offset-y
|
||||
v-model="upToMenu"
|
||||
>
|
||||
<v-text-field required slot="activator" label="UpToDate" v-model="form.upToPicker"></v-text-field>
|
||||
<v-text-field
|
||||
required
|
||||
prepend-inner-icon="far fa-calendar-alt"
|
||||
slot="activator"
|
||||
label="UpToDate"
|
||||
color="black"
|
||||
v-model="form.upToPicker">
|
||||
</v-text-field>
|
||||
<v-date-picker
|
||||
color="pink"
|
||||
no-title
|
||||
@@ -56,7 +70,8 @@
|
||||
></v-date-picker>
|
||||
</v-menu>
|
||||
</v-flex>
|
||||
<v-flex xs12 md2 sm2 class="text-xs-center text-sm-center text-md-center">
|
||||
<v-spacer></v-spacer>
|
||||
<v-flex xs12 md2 sm2 class="text-xs-center text-sm-center text-md-right">
|
||||
<v-btn
|
||||
class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"
|
||||
style="padding:10px 60px;"
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<v-form ref="form">
|
||||
<v-container grid-list-xs>
|
||||
<material-card color="black" title="Submit Test Result">
|
||||
<v-layout align-center justify-center 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-autocomplete
|
||||
:search-input.sync="searchInput"
|
||||
@@ -13,7 +13,7 @@
|
||||
class="pa-2"
|
||||
></v-autocomplete>
|
||||
</v-flex>
|
||||
<v-flex xs12 sm3 md3>
|
||||
<v-flex xs12 sm3 md3 class="mr-5">
|
||||
<v-text-field
|
||||
name="testcode"
|
||||
v-model="filter.unique_code"
|
||||
@@ -22,6 +22,7 @@
|
||||
class="pa-2"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
<!-- <v-spacer></v-spacer> -->
|
||||
<v-flex xs12 md2 sm2 class="text-xs-center text-sm-center text-md-center">
|
||||
<v-btn
|
||||
class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"
|
||||
@@ -40,7 +41,7 @@
|
||||
<v-flex xs12 sm12 md12>
|
||||
<h3>{{testTypeNameSelected}}</h3>
|
||||
</v-flex>
|
||||
<v-flex xs12 sm4 md4>
|
||||
<v-flex xs12 sm3 md3>
|
||||
<v-text-field
|
||||
name="id"
|
||||
v-model="formData.device_id"
|
||||
@@ -49,20 +50,22 @@
|
||||
class="pa-2"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs12 sm4 md4>
|
||||
<v-flex xs12 sm2 md2>
|
||||
<v-menu
|
||||
lazy
|
||||
:close-on-content-click="true"
|
||||
transition="v-scale-transition"
|
||||
offset-y
|
||||
v-model="menu"
|
||||
class="pa-2"
|
||||
>
|
||||
<v-text-field
|
||||
prepend-icon="far fa-clock"
|
||||
<v-text-field style="padding-top:0 !important"
|
||||
prepend-inner-icon="far fa-clock"
|
||||
required
|
||||
slot="activator"
|
||||
label="Date"
|
||||
v-model="formData.date"
|
||||
color="black"
|
||||
></v-text-field>
|
||||
<v-date-picker
|
||||
color="pink"
|
||||
@@ -72,30 +75,36 @@
|
||||
></v-date-picker>
|
||||
</v-menu>
|
||||
</v-flex>
|
||||
<v-flex xs12 sm4 md4>
|
||||
<v-flex xs12 sm2 md2>
|
||||
<v-switch color="green" v-model="result" :label="'Result: ' + formData.result"></v-switch>
|
||||
</v-flex>
|
||||
<v-flex xs12 sm12 md12>
|
||||
<div>
|
||||
<v-spacer></v-spacer>
|
||||
<v-flex xs12 sm2 md2>
|
||||
<div class="WM-Align-R">
|
||||
<input type="file" class="inputfile" @change="onFileChange" multiple />
|
||||
<label for="file">
|
||||
<v-icon class="v-icon greylighten-3--text mr-2 caption IconHover">fas fa-chevron-right</v-icon>Choose a file
|
||||
</label>
|
||||
</div>
|
||||
<v-layout>
|
||||
<v-flex v-for="(img, key) in images" :key="key" xs12 sm6 md3>
|
||||
<img :src="img" style="width:100%;" />
|
||||
<v-btn class="black" @click.native.stop="removeImage(key)">Remove image</v-btn>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
<v-flex xs12 sm12 md12>
|
||||
<v-layout class="mt-4">
|
||||
<v-flex v-for="(img, key) in images" :key="key" xs12 sm6 md1>
|
||||
<img :src="img" style="width:100%;" />
|
||||
<!-- <v-btn fab class="black" @click.native.stop="removeImage(key)"></v-btn> -->
|
||||
<v-btn class="mx-2" fab dark small color="primary">
|
||||
<v-icon dark>mdi-minus</v-icon>
|
||||
</v-btn>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
|
||||
|
||||
<!-- 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-text-field
|
||||
v-if="item.type == 'Text'"
|
||||
v-model="formData[item.name+'_'+item.id]"
|
||||
:label="item.name"
|
||||
color="black"
|
||||
></v-text-field>
|
||||
<v-container fluid v-if="item.type == 'Temperature'">
|
||||
<p>{{ item.name }}</p>
|
||||
<v-flex xs12>
|
||||
@@ -109,6 +118,25 @@
|
||||
></v-slider>
|
||||
</v-flex>
|
||||
</v-container>
|
||||
<v-text-field
|
||||
v-if="item.type == 'Text'"
|
||||
v-model="formData[item.name+'_'+item.id]"
|
||||
:label="item.name"
|
||||
color="black"
|
||||
></v-text-field>
|
||||
<!-- <v-container fluid v-if="item.type == 'Temperature'">
|
||||
<p>{{ item.name }}</p>
|
||||
<v-flex xs12>
|
||||
<v-slider
|
||||
step="0.1"
|
||||
prepend-icon="fas fa-temperature-high"
|
||||
v-model="formData[item.name+'_'+item.id]"
|
||||
min="0"
|
||||
max="200"
|
||||
thumb-label="always"
|
||||
></v-slider>
|
||||
</v-flex>
|
||||
</v-container> -->
|
||||
<v-container fluid v-if="item.type == 'Pressure'">
|
||||
<p>{{ item.name }}</p>
|
||||
<v-flex xs12>
|
||||
@@ -525,4 +553,4 @@ export default {
|
||||
.v-btn--icon:before {
|
||||
border-radius: 50% !important;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@@ -2,8 +2,8 @@
|
||||
<div class>
|
||||
<v-container fluid>
|
||||
<material-card class color="black" title="All Test Resualt" text>
|
||||
<v-layout align-center wrap class="my-3">
|
||||
<v-flex xs12 md3 sm3>
|
||||
<v-layout align-center wrap class="px-5 mb-3 my-3">
|
||||
<v-flex xs12 md2 sm3>
|
||||
<v-text-field
|
||||
class="pa-2"
|
||||
v-model="filter.device_id"
|
||||
@@ -18,18 +18,18 @@
|
||||
label="TestType Name"
|
||||
color="black"
|
||||
:items="testTypes"
|
||||
item-text="name"
|
||||
item-text="name"
|
||||
item-value="id"
|
||||
></v-autocomplete>
|
||||
</v-flex>
|
||||
<v-flex xs12 md3 sm3>
|
||||
<v-flex xs12 md2 sm3>
|
||||
<v-autocomplete
|
||||
class="pa-2"
|
||||
v-model="filter.medicalCenter_id"
|
||||
label="Hospital"
|
||||
color="black"
|
||||
:items="medicalCenters"
|
||||
item-text="name"
|
||||
item-text="name"
|
||||
item-value="id"
|
||||
></v-autocomplete>
|
||||
</v-flex>
|
||||
@@ -41,7 +41,19 @@
|
||||
color="black"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs12 sm6 md3>
|
||||
<v-spacer></v-spacer>
|
||||
<v-flex wrap xs12 md2 sm2 class="WM-Align-R">
|
||||
<router-link :to="{name: 'SubmitTestResult'}">
|
||||
<v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black">
|
||||
<v-icon class="black--text mr-2 caption">fas fa-plus</v-icon>
|
||||
<span class="black--text">Add</span>
|
||||
</v-btn>
|
||||
</router-link>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout wrap class="px-5 mb-3 my-3">
|
||||
<v-flex xs12 sm6 md2 style="display: flex;align-items: center;">
|
||||
<v-icon class="far fa-calendar-alt mr-2"></v-icon>
|
||||
<v-menu
|
||||
lazy
|
||||
:close-on-content-click="true"
|
||||
@@ -54,6 +66,7 @@
|
||||
slot="activator"
|
||||
label="FromDate"
|
||||
v-model="filter.fromPicker"
|
||||
color="black"
|
||||
></v-text-field>
|
||||
<v-date-picker
|
||||
color="pink"
|
||||
@@ -63,7 +76,8 @@
|
||||
></v-date-picker>
|
||||
</v-menu>
|
||||
</v-flex>
|
||||
<v-flex xs12 sm6 md3>
|
||||
<v-flex xs12 sm6 md2 style="display: flex;align-items: center;">
|
||||
<v-icon class="far fa-calendar-alt mr-2"></v-icon>
|
||||
<v-menu
|
||||
lazy
|
||||
:close-on-content-click="true"
|
||||
@@ -75,6 +89,7 @@
|
||||
required
|
||||
slot="activator"
|
||||
label="UpToDate"
|
||||
color="black"
|
||||
v-model="filter.upToPicker"
|
||||
></v-text-field>
|
||||
<v-date-picker
|
||||
@@ -85,24 +100,18 @@
|
||||
></v-date-picker>
|
||||
</v-menu>
|
||||
</v-flex>
|
||||
<v-flex class xs12 md2 sm3>
|
||||
<v-spacer></v-spacer>
|
||||
<v-flex class xs12 md2 sm2 class="WM-Align-R">
|
||||
<v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px" @click="load(null, null)">
|
||||
<v-icon class="white--text mr-2 caption">fas fa-search</v-icon>
|
||||
<span class="white--text">Filter</span>
|
||||
</v-btn>
|
||||
</v-flex>
|
||||
<v-spacer></v-spacer>
|
||||
<v-flex xs12 md2 sm2 class="text-xs-right">
|
||||
<router-link :to="{name: 'SubmitTestResult'}">
|
||||
<v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black">
|
||||
<v-icon class="black--text mr-2 caption">fas fa-plus</v-icon>
|
||||
<span class="black--text">Add</span>
|
||||
</v-btn>
|
||||
</router-link>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-divider></v-divider>
|
||||
<v-layout align-center wrap class="my-3">
|
||||
<v-layout class="px-4 my-3">
|
||||
<v-divider></v-divider>
|
||||
</v-layout>
|
||||
<v-layout align-center wrap class="px-5 my-2">
|
||||
<v-flex md12>
|
||||
<v-data-table :headers="headers" :items="items" hide-actions>
|
||||
<template slot="headerCell" slot-scope="{ header }">
|
||||
|
||||
@@ -2,69 +2,15 @@
|
||||
<v-container fluid>
|
||||
<material-card class color="black" title="TestType List" text>
|
||||
<v-layout wrap class="px-5 mb-3">
|
||||
<v-flex xs12 md4 sm3 class="pr-3">
|
||||
<v-flex xs12 md3 sm3 class="pr-4">
|
||||
<v-text-field label="Name" v-model="filter.name" color="black"></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs12 md4 sm3 class="pr-3">
|
||||
<v-flex xs12 md3 sm3 class="pr-4">
|
||||
<v-text-field label="UniqueId" v-model="filter.unique_id" color="black"></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs12 md4 sm3 class="pr-3">
|
||||
<v-flex xs12 md36 sm3 class="pr-4">
|
||||
<v-text-field label="UserName" v-model="filter.user_name" color="black"></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs12 sm6 md3>
|
||||
<v-menu
|
||||
lazy
|
||||
:close-on-content-click="true"
|
||||
transition="v-scale-transition"
|
||||
offset-y
|
||||
v-model="fromMenu"
|
||||
>
|
||||
<v-text-field
|
||||
required
|
||||
slot="activator"
|
||||
label="FromDate"
|
||||
v-model="filter.fromPicker"
|
||||
></v-text-field>
|
||||
<v-date-picker
|
||||
color="pink"
|
||||
no-title
|
||||
v-model="filter.fromPicker"
|
||||
:date-format="date => new Date(date).toDateString()"
|
||||
></v-date-picker>
|
||||
</v-menu>
|
||||
</v-flex>
|
||||
<v-flex xs12 sm6 md3>
|
||||
<v-menu
|
||||
lazy
|
||||
:close-on-content-click="true"
|
||||
transition="v-scale-transition"
|
||||
offset-y
|
||||
v-model="upToMenu"
|
||||
>
|
||||
<v-text-field
|
||||
required
|
||||
slot="activator"
|
||||
label="UpToDate"
|
||||
v-model="filter.upToPicker"
|
||||
></v-text-field>
|
||||
<v-date-picker
|
||||
color="pink"
|
||||
no-title
|
||||
v-model="filter.upToPicker"
|
||||
:date-format="date => new Date(date).toDateString()"
|
||||
></v-date-picker>
|
||||
</v-menu>
|
||||
</v-flex>
|
||||
<v-flex xs12 md2 sm2 class="text-xs-right">
|
||||
<v-btn
|
||||
class="WM-CyanBlueGradient-BG"
|
||||
style="padding:10px 60px"
|
||||
@click="load(undefined)"
|
||||
>
|
||||
<v-icon class="white--text mr-2 caption">fas fa-search</v-icon>
|
||||
<span class="white--text">Filter</span>
|
||||
</v-btn>
|
||||
</v-flex>
|
||||
<v-spacer></v-spacer>
|
||||
<v-flex xs12 md2 sm2 class="text-xs-right">
|
||||
<router-link :to="{name: 'AddTestType'}">
|
||||
@@ -75,6 +21,67 @@
|
||||
</router-link>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout wrap class="px-5 mb-3">
|
||||
<v-flex xs12 sm6 md2>
|
||||
<v-menu
|
||||
lazy
|
||||
:close-on-content-click="true"
|
||||
transition="v-scale-transition"
|
||||
offset-y
|
||||
v-model="fromMenu"
|
||||
>
|
||||
<v-text-field
|
||||
prepend-inner-icon="far fa-calendar-alt"
|
||||
required
|
||||
slot="activator"
|
||||
label="FromDate"
|
||||
v-model="filter.fromPicker"
|
||||
color="black"
|
||||
></v-text-field>
|
||||
<v-date-picker
|
||||
color="pink"
|
||||
no-title
|
||||
v-model="filter.fromPicker"
|
||||
:date-format="date => new Date(date).toDateString()"
|
||||
></v-date-picker>
|
||||
</v-menu>
|
||||
</v-flex>
|
||||
<v-flex xs12 sm6 md2>
|
||||
<v-menu
|
||||
lazy
|
||||
:close-on-content-click="true"
|
||||
transition="v-scale-transition"
|
||||
offset-y
|
||||
v-model="upToMenu"
|
||||
>
|
||||
<v-text-field
|
||||
required
|
||||
prepend-inner-icon="far fa-calendar-alt"
|
||||
slot="activator"
|
||||
label="UpToDate"
|
||||
v-model="filter.upToPicker"
|
||||
color="black"
|
||||
></v-text-field>
|
||||
<v-date-picker
|
||||
color="pink"
|
||||
no-title
|
||||
v-model="filter.upToPicker"
|
||||
:date-format="date => new Date(date).toDateString()"
|
||||
></v-date-picker>
|
||||
</v-menu>
|
||||
</v-flex>
|
||||
<v-spacer></v-spacer>
|
||||
<v-flex xs12 md2 sm2 class="text-xs-right">
|
||||
<v-btn
|
||||
class="WM-CyanBlueGradient-BG"
|
||||
style="padding:10px 60px"
|
||||
@click="load(undefined)"
|
||||
>
|
||||
<v-icon class="white--text mr-2 caption">fas fa-search</v-icon>
|
||||
<span class="white--text">Filter</span>
|
||||
</v-btn>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout class="px-4 my-3">
|
||||
<v-divider></v-divider>
|
||||
</v-layout>
|
||||
@@ -227,4 +234,4 @@ export default {
|
||||
.v-btn--floating, .v-btn--icon:before {
|
||||
border-radius: 50%!important;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@@ -18,7 +18,7 @@
|
||||
label="Hospital"
|
||||
color="black"
|
||||
:items="medicalCenters"
|
||||
item-text="name"
|
||||
item-text="name"
|
||||
item-value="id"
|
||||
></v-autocomplete>
|
||||
</v-flex>
|
||||
@@ -41,18 +41,23 @@
|
||||
v-model="filter.role"
|
||||
></v-select>
|
||||
</v-flex>
|
||||
<v-flex xs12 sm6 md3>
|
||||
</v-layout>
|
||||
<v-layout class="px-5 mb-3">
|
||||
<v-flex xs12 sm12 md2 style="display: flex;align-items: center;">
|
||||
<v-menu
|
||||
lazy
|
||||
:close-on-content-click="true"
|
||||
transition="v-scale-transition"
|
||||
offset-y
|
||||
v-model="fromMenu"
|
||||
|
||||
>
|
||||
<v-text-field
|
||||
required
|
||||
prepend-inner-icon="far fa-calendar-alt"
|
||||
slot="activator"
|
||||
label="FromDate"
|
||||
color="black"
|
||||
v-model="filter.fromPicker"
|
||||
></v-text-field>
|
||||
<v-date-picker
|
||||
@@ -63,7 +68,8 @@
|
||||
></v-date-picker>
|
||||
</v-menu>
|
||||
</v-flex>
|
||||
<v-flex xs12 sm6 md3>
|
||||
<v-flex xs12 sm12 md2 style="display: flex;align-items: center;">
|
||||
<v-icon class="far fa-calendar-alt mr-2"></v-icon>
|
||||
<v-menu
|
||||
lazy
|
||||
:close-on-content-click="true"
|
||||
@@ -75,6 +81,7 @@
|
||||
required
|
||||
slot="activator"
|
||||
label="UpToDate"
|
||||
color="black"
|
||||
v-model="filter.upToPicker"
|
||||
></v-text-field>
|
||||
<v-date-picker
|
||||
@@ -85,7 +92,8 @@
|
||||
></v-date-picker>
|
||||
</v-menu>
|
||||
</v-flex>
|
||||
<v-flex xs12 md3 sm3>
|
||||
<v-spacer></v-spacer>
|
||||
<v-flex wrap xs12 md2 sm12 class="WM-Align-R">
|
||||
<v-btn
|
||||
class="WM-CyanBlueGradient-BG"
|
||||
style="padding:10px 60px"
|
||||
@@ -95,6 +103,7 @@
|
||||
<span class="white--text">Filter</span>
|
||||
</v-btn>
|
||||
</v-flex>
|
||||
|
||||
</v-layout>
|
||||
<v-layout class="px-4 my-3">
|
||||
<v-divider></v-divider>
|
||||
@@ -321,4 +330,4 @@ export default {
|
||||
.v-btn--floating, .v-btn--icon:before {
|
||||
border-radius: 50%!important;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@@ -71,7 +71,7 @@
|
||||
</v-flex>
|
||||
<v-flex xs12 md2 sm2 class="text-md-center text-sm-center text-xs-center">
|
||||
<v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black" @click="changePassword">
|
||||
<v-icon class="black--text">fas fa-refresh</v-icon>
|
||||
<v-icon class="black--text mr-1">fas fa-refresh</v-icon>
|
||||
<span class="black--text"> Change Password </span>
|
||||
</v-btn>
|
||||
</v-flex>
|
||||
@@ -138,4 +138,4 @@ export default {
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user