Files
cssd-back/resources/js/vue/views/AllResultTest.vue
T
2019-04-14 21:13:55 +04:30

104 lines
2.8 KiB
Vue

<template>
<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 md2 sm2>
<v-text-field
class="pa-2"
label="Name"
color="black"
>
</v-text-field>
</v-flex>
<v-flex xs12 md2 sm2>
<v-text-field
class="pa-2"
label="Date"
color="black"
>
</v-text-field>
</v-flex>
<v-flex xs12 md2 sm2>
<v-text-field
class="pa-2"
label="Hospital"
color="black"
>
</v-text-field>
</v-flex>
<v-flex class="" xs12 md2 sm2>
<v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px">
<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-divider></v-divider>
<v-layout align-center wrap class="my-3">
<v-flex xs1>
<v-card-title>
<div>
<div>
222
</div>
<div>
Test
</div>
<div class="">
1
</div>
</div>
</v-card-title>
</v-flex>
<v-flex xs6>
<v-card-text>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
</p>
</v-card-text>
</v-flex>
<v-flex xs4>
<v-card-text>
<v-btn color="black" class="mr-2">
<v-icon class="white--text mr-1 caption">fas fa-folder</v-icon>
<span>Archive</span>
</v-btn>
<v-btn color="cyan" class="mr-2">
<v-icon class="white--text mr-1 caption">fas fa-pen</v-icon>
<span>Edit</span>
</v-btn>
<v-btn color="orange darken-1">
<v-icon class="white--text mr-1 caption">fas fa-barcode</v-icon>
<span>Generate Barcode</span>
</v-btn>
</v-card-text>
</v-flex>
</v-layout>
<v-divider></v-divider>
<v-layout row wrap align-center justify-center class="mt-3">
<router-link to="/dashboard">
<v-btn
class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5">
<v-icon class="black--text mr-2 caption">fas fa-chevron-left</v-icon>
<span class="black--text">Back</span>
</v-btn>
</router-link>
</v-layout>
</material-card>
</v-container>
</div>
</template>
<script>
export default {
}
</script>
<style lang="css" scoped>
</style>