shokouhiu

This commit is contained in:
Shokouhi
2019-05-11 13:11:48 +04:30
parent 8040e2a4cb
commit 496198b16a
19 changed files with 178 additions and 101 deletions
+5 -5
View File
@@ -30,13 +30,13 @@
layout
py-2
>
<v-text-field
<!-- <v-text-field
v-if="responsiveInput"
class="mr-4 mt-2 purple-input"
label="Search..."
hide-details
color="purple"
/>
/> -->
<v-menu
bottom
@@ -44,7 +44,7 @@
content-class="dropdown-menu"
offset-y
transition="slide-y-transition">
<router-link
<!-- <router-link
v-ripple
slot="activator"
class="toolbar-items"
@@ -59,7 +59,7 @@
</template>
<v-icon color="tertiary">mdi-bell</v-icon>
</v-badge>
</router-link>
</router-link> -->
<v-card>
<v-list dense>
<v-list-tile
@@ -77,7 +77,7 @@
<router-link
v-ripple
class="toolbar-items"
to="/user-profile"
:to="{name: 'MyInfo'}"
>
<v-icon color="tertiary">mdi-account</v-icon>
</router-link>
@@ -5,7 +5,7 @@
<v-flex xs7>
<v-card-text primary-text :class="aligntext">
<div>
<div class="headline ">{{title}}</div>
<div class="headline WM-NoLetterSpacing-7">{{title}}</div>
<div class="subheading WM-LightGray-color">{{text}}</div>
<div></div>
</div>
@@ -11,27 +11,27 @@
<v-flex xs12 md6 sm6>
<div class>
<span class="title">Auto Clave Id :</span>
<span class="headline ml-2">{{ data.autoclave_id }}</span>
<span class="headline ml-2" style="letter-spacing:0 !important">{{ data.autoclave_id }}</span>
</div>
</v-flex>
<v-flex xs12 md6 sm6>
<div class>
<span class="title">Result :</span>
<v-icon class="green--text ml-2 caption">fas fa-check</v-icon>
<span class="headline ml-1">{{ data.result }}</span>
<span class="headline ml-1" style="letter-spacing:0 !important">{{ data.result }}</span>
</div>
</v-flex>
<v-flex xs12 md6 sm6>
<div class>
<span class="title">verify :</span>
<v-icon class="pink--text ml-2 caption">fas fa-times</v-icon>
<span class="headline ml-1">{{ data.verified }}</span>
<span class="headline ml-1" style="letter-spacing:0 !important">{{ data.verified }}</span>
</div>
</v-flex>
<v-flex xs12 md6 sm6>
<div class>
<span class="title">Register User :</span>
<span class="headline ml-2">{{ data.user.name }}</span>
<span class="headline ml-2" style="letter-spacing:0 !important">{{ data.user.name }}</span>
</div>
</v-flex>
</v-layout>
@@ -51,7 +51,7 @@
:key="keyInputs"
>
<span class="title">{{keyInputs}} :</span>
<span class="headline ml-2">{{inputData}}</span>
<span class="headline ml-2" style="letter-spacing:0 !important">{{inputData}}</span>
</v-flex>
</template>
<template v-if="data.options">
@@ -64,6 +64,7 @@
>
<span class="title">{{keyOptions}} :</span>
<span
style="letter-spacing:0 !important"
class="headline ml-2"
v-for="(data, dataKey) in optionData"
:key="dataKey"
@@ -84,6 +85,7 @@
<span class="title">{{keyChild}} :</span>
<template v-if="Array.isArray(childData)">
<span
style="letter-spacing:0 !important"
class="headline ml-2"
v-for="(data, dataKey) in childData"
:key="dataKey"
+44 -1
View File
@@ -4,7 +4,13 @@
box-shadow: none !important;
}
.headline {
letter-spacing : 7px !important;
// letter-spacing : 7px;
}
.WM-NoLetterSpacing-7 {
letter-spacing: 7px !important;
}
.WM-NoLetterSpacing {
letter-spacing: 0;
}
.WM-Border-L-3x {
border-left: 3px solid;
@@ -57,6 +63,43 @@
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.inputfile {
// width: 0.1px;
// height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
// z-index: -1;
}
.inputfile + label {
font-size: 16px;
display: inline-block;
font-weight: 400;
color: #aaa;
background-color: transparent;
transition: all .5s;
margin-bottom: 20px;
border: 1px solid #aaa;
padding: 7px 20px;
border-radius: 5px;
}
.inputfile:focus + label,
.inputfile + label:hover {
border: 1px solid #000;
color: #000;
}
.inputfile:focus .IconHover,
.inputfile .IconHover:hover {
color: #000 !important;
}
.v-pagination>li:focus {
}
.theme--light.v-pagination .v-pagination__item:focus {
outline: 0 !important;
}
@media screen and(max-width : 1536px) {
.WM-WidthScreen-SM {
flex-basis:35% !important;
+1 -1
View File
@@ -5,7 +5,7 @@
font-weight: $font-weight-base !important;
height: auto;
line-height: $line-height-base;
// color: $white !important;
color: $white !important;
cursor: pointer;
border-radius: $border-radius-base;
@@ -34,7 +34,7 @@
/>
</template>
<template slot="items" slot-scope="{ item }">
<td class="headline font-weight-light">{{ item.name }}</td>
<td class="headline font-weight-light WM-NoLetterSpacing">{{ item.name }}</td>
<td class="title font-weight-light">{{ item.created_at }}</td>
<td class="title font-weight-light">{{ item.users_count }} Operator</td>
<td class="text-xs-right">
+6 -4
View File
@@ -32,6 +32,7 @@
>
<v-text-field required slot="activator" label="FromDate" v-model="form.fromPicker"></v-text-field>
<v-date-picker
color="pink"
no-title
v-model="form.fromPicker"
:date-format="date => new Date(date).toDateString()"
@@ -48,6 +49,7 @@
>
<v-text-field required slot="activator" label="UpToDate" v-model="form.upToPicker"></v-text-field>
<v-date-picker
color="pink"
no-title
v-model="form.upToPicker"
:date-format="date => new Date(date).toDateString()"
@@ -142,14 +144,14 @@ export default {
const result = await ApiService.get(urls.listOpertorMedicalCenter(this.form.medicalCenter));
if (result && result.status == 200) {
this.users = result.data.data.users;
}
}
},
async submitForm() {
const result = await ApiService.post(urls.statistics, this.form);
if (result && result.status == 200) {
this.fillData(result.data.data)
this.chart = true;
}
}
},
}
};
@@ -163,10 +165,10 @@ export default {
.v-btn--floating {
padding: 0!important;
}
.theme--light.v-btn {
.theme--light.v-btn.v-btn--flat {
color: rgba(0,0,0,.87)!important;
}
.v-btn--floating, .v-btn--icon:before {
border-radius: 50%!important;
}
</style>
</style>
@@ -63,7 +63,8 @@
</v-flex>
<v-flex xs12 sm4 md3>
<div v-if="!image">
<input type="file" @change="onFileChange">
<input type="file" class="inputfile" @change="onFileChange">
<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>
<div v-else>
<img :src="image" style="width:100%;"/>
+1 -1
View File
@@ -98,7 +98,7 @@
<v-divider></v-divider>
</v-layout>
<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" circle 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="{name: 'Dashboard'}">