mirror of
https://git.meshkee.com/cssd/cssd-back.git
synced 2026-10-13 11:21:07 +03:30
shokouhiu
This commit is contained in:
@@ -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
@@ -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;
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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%;"/>
|
||||
|
||||
@@ -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'}">
|
||||
|
||||
Reference in New Issue
Block a user