mirror of
https://git.meshkee.com/cssd/cssd-back.git
synced 2026-10-10 19:51:07 +03:30
add fontello and create home page
This commit is contained in:
f.shokouhi
@@ -0,0 +1,31 @@
|
||||
<template>
|
||||
<v-app>
|
||||
|
||||
</v-app>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { TokenService } from '@/services';
|
||||
import { mapState } from 'vuex';
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
};
|
||||
},
|
||||
computed: mapState('auth', ['accessToken']),
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import '@/styles/index.scss';
|
||||
@import '@/styles/css/Assets/Main.scss';
|
||||
@import '@/styles/css/Assets/WM-ModernTheme.scss';
|
||||
@import './fontello/fontello-embedded.css';
|
||||
|
||||
/* Remove in 1.2 */
|
||||
.v-datatable thead th.column.sortable i {
|
||||
vertical-align: unset;
|
||||
}
|
||||
</style>
|
||||
Vendored
+36
@@ -0,0 +1,36 @@
|
||||
import Vue from 'vue'
|
||||
|
||||
// Application imports
|
||||
import App from './App.vue'
|
||||
import router from './router'
|
||||
import '@/plugins/vuetify'
|
||||
|
||||
|
||||
// import { ApiService, TokenService } from '@/services'
|
||||
//
|
||||
// ApiService.setHeader();
|
||||
// Set the base URL of the API
|
||||
// ApiService.init(process.env.MIX_APP_ROOT_API)
|
||||
|
||||
// // If token exists set Authorizion header
|
||||
// if (TokenService.getToken()) {
|
||||
// ApiService.setAuthHeader();
|
||||
//
|
||||
// // If info exists set info in Store
|
||||
// if(TokenService.getInfo()) {
|
||||
// let info = TokenService.getInfo();
|
||||
// store.commit('setInfo', info);
|
||||
// } else {
|
||||
// store.dispatch('info');
|
||||
// }
|
||||
// }
|
||||
|
||||
// import hasRole from '@/services/mixin/hasRole'
|
||||
// Vue.mixin(hasRole)
|
||||
|
||||
/* eslint-disable no-new */
|
||||
new Vue({
|
||||
router,
|
||||
store,
|
||||
render: h => h(App),
|
||||
}).$mount('#app');
|
||||
Vendored
+1
-1
@@ -8,7 +8,7 @@ export default [
|
||||
{
|
||||
path: '/',
|
||||
name: 'home',
|
||||
view: 'Package/ShowPackage'
|
||||
view: 'Home/Intro'
|
||||
},
|
||||
{
|
||||
path: '/Show/Item/:item',
|
||||
|
||||
@@ -0,0 +1,203 @@
|
||||
<template id="">
|
||||
<div class="">
|
||||
<v-toolbar color="white" class="WM-Intro">
|
||||
<v-toolbar-title >CSSD-DOC</v-toolbar-title>
|
||||
<v-spacer></v-spacer>
|
||||
<div class="my-2">
|
||||
<v-btn color="black">Login</v-btn>
|
||||
</div>
|
||||
</v-toolbar>
|
||||
<v-parallax src="https://www.dixon-resine.it/Immagine/334_industria-chimicadotjpg" height="600">
|
||||
<v-layout
|
||||
column
|
||||
align-center
|
||||
justify-center
|
||||
class="white--text"
|
||||
>
|
||||
<p class="display-4 mb-5">CSSD-DOC</p>
|
||||
<h1 class="white--text mb-2 display-1 text-center">Central Sterile Supply Department App & Software</h1>
|
||||
<div class="subheading mb-4 text-center">Management & Traceability & Documentation solution for CSSD / SPD</div>
|
||||
</v-layout>
|
||||
</v-parallax>
|
||||
<section>
|
||||
<v-layout
|
||||
column
|
||||
wrap
|
||||
class="my-12"
|
||||
style="background-color:#f7f7f7"
|
||||
>
|
||||
<v-flex xs12 sm4 class="my-4 mb-5">
|
||||
<div class="text-center WM-Align-C">
|
||||
<h2 class="display-1">Sterilization process monitoring</h2>
|
||||
<span class="subheading">
|
||||
Sterilizer test records
|
||||
</span>
|
||||
</div>
|
||||
</v-flex>
|
||||
<v-flex xs12>
|
||||
<v-container grid-list-xl>
|
||||
<v-layout row wrap align-left>
|
||||
<v-flex xs12 md2>
|
||||
</v-flex>
|
||||
<v-flex xs12 md3>
|
||||
<v-card flat class="transparent">
|
||||
<v-card-title v-for="(item , i) in items.items1" :key="i" primary-title class="layout WM-Padding-8">
|
||||
<div class="title">- {{ item }}</div>
|
||||
</v-card-title>
|
||||
</v-card>
|
||||
</v-flex>
|
||||
<v-flex xs12 md3>
|
||||
<v-card flat class="transparent">
|
||||
<v-card-title v-for="(item , i) in items.items2" :key="i" primary-title class="layout WM-Padding-8">
|
||||
<div class="title">- {{ item }}</div>
|
||||
</v-card-title>
|
||||
</v-card>
|
||||
</v-flex>
|
||||
<v-flex xs12 md3>
|
||||
<v-card flat class="transparent">
|
||||
<v-card-title v-for="(item , i) in items.items3" :key="i" primary-title class="layout WM-Padding-8">
|
||||
<div class="title">- {{ item }}</div>
|
||||
</v-card-title>
|
||||
</v-card>
|
||||
</v-flex>
|
||||
<v-flex xs12 md1>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-container>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</section>
|
||||
<section>
|
||||
<v-parallax src="https://intrademagazine.com/wp-content/uploads/2019/07/Barcode-Scanner-SDK-QR-Code-Generator-1600x915-compressor.jpg" height="380">
|
||||
<v-layout column align-center justify-center>
|
||||
<div class="headline white--text mb-4 text-center">MEC of High Level Disinfector</div>
|
||||
<em>Kick-start your application today</em>
|
||||
</v-layout>
|
||||
</v-parallax>
|
||||
</section>
|
||||
<section>
|
||||
<v-layout
|
||||
column
|
||||
wrap
|
||||
class="my-12"
|
||||
align-center
|
||||
style="background-color:#f7f7f7"
|
||||
>
|
||||
<v-flex xs12 sm4 class="my-4">
|
||||
<div class="text-center WM-Align-C">
|
||||
<h2 class="headline">Product identification and traceability</h2>
|
||||
<span class="subheading">
|
||||
Cras facilisis mi vitae nunc
|
||||
</span>
|
||||
</div>
|
||||
</v-flex>
|
||||
<v-flex xs12>
|
||||
<v-container grid-list-xl>
|
||||
<v-layout row wrap align-center>
|
||||
<v-flex xs12 md4>
|
||||
<v-card flat class="transparent">
|
||||
<v-card-text class="text-center WM-Align-C">
|
||||
<v-icon x-large class="black--text text--lighten-2" style="font-size:40px !important">WMi-sticky-note</v-icon>
|
||||
</v-card-text>
|
||||
<v-card-title primary-title class="layout justify-center">
|
||||
<div class="headline text-center">Item</div>
|
||||
</v-card-title>
|
||||
<v-card-text>
|
||||
Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt ornare.
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Nullam in aliquet odio. Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
|
||||
</v-card-text>
|
||||
</v-card>
|
||||
</v-flex>
|
||||
<v-flex xs12 md4>
|
||||
<v-card flat class="transparent">
|
||||
<v-card-text class="text-center WM-Align-C">
|
||||
<v-icon x-large class="black--text text--lighten-2 fas fa-archive" style="font-size:40px !important"></v-icon>
|
||||
</v-card-text>
|
||||
<v-card-title primary-title class="layout justify-center">
|
||||
<div class="headline">Package</div>
|
||||
</v-card-title>
|
||||
<v-card-text>
|
||||
Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt ornare.
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Nullam in aliquet odio. Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
|
||||
</v-card-text>
|
||||
</v-card>
|
||||
</v-flex>
|
||||
<v-flex xs12 md4>
|
||||
<v-card flat class="transparent">
|
||||
<v-card-text class="text-center WM-Align-C">
|
||||
<v-icon x-large class="black--text text--lighten-2 fas fa-inbox" style="font-size:40px !important"></v-icon>
|
||||
</v-card-text>
|
||||
<v-card-title primary-title class="layout justify-center">
|
||||
<div class="headline text-center">Labels</div>
|
||||
</v-card-title>
|
||||
<v-card-text>
|
||||
Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt ornare.
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Nullam in aliquet odio. Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
|
||||
</v-card-text>
|
||||
</v-card>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-container>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</section>
|
||||
</div>
|
||||
</template>
|
||||
<style media="screen">
|
||||
.v-card__title.WM-Padding-8 {
|
||||
padding: 8px !important;
|
||||
}
|
||||
.container.grid-list-xl :not(:only-child) .layout:last-child {
|
||||
margin: auto -12px !important;
|
||||
}
|
||||
.v-toolbar.WM-Intro {
|
||||
box-shadow : unset;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.v-toolbar.WM-Intro:not(.v-toolbar--fixed) .v-toolbar__content {
|
||||
margin-left: 0;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
|
||||
export default {
|
||||
data: () => ({
|
||||
items: {
|
||||
items1 : [
|
||||
'Physical Parameters, STEAM',
|
||||
'BD Green Card Test',
|
||||
'BDS – Test',
|
||||
'Verify Sterilization Cycle, STEAM',
|
||||
'Routine Control (Daily/Weekly), STEAM',
|
||||
'Repair & Calibration, STEAM',
|
||||
'Implant Sterilization, STEAM',
|
||||
],
|
||||
items2 : [
|
||||
'Physical Parameter, PLASMA',
|
||||
'Verify Sterilization Cycle, PLASMA',
|
||||
'Routine Control (Daily/Weekly), PLASMA',
|
||||
'Repair & Calibration, PLASMA',
|
||||
'Package Checks, PLASMA',
|
||||
'Wash – Checks',
|
||||
'Package Checks, STEAM',
|
||||
],
|
||||
items3 : [
|
||||
'Physical Parameters, EtO',
|
||||
'Verify Sterilization Cycle, EtO',
|
||||
'Repair & Calibration, Eto',
|
||||
'Package Checks, EtO',
|
||||
'Protein Residue Test',
|
||||
'Seal Check'
|
||||
],
|
||||
},
|
||||
}),
|
||||
components: {
|
||||
|
||||
},
|
||||
created(){
|
||||
},
|
||||
}
|
||||
</script>
|
||||
@@ -1,114 +1,4 @@
|
||||
<template>
|
||||
<<<<<<< HEAD
|
||||
<v-container grid-list-xs>
|
||||
<material-card color="black" title="Show Label">
|
||||
<v-layout align-left justify-left wrap class="px-2 my-3">
|
||||
<h3 class="ml-3">Info</h3>
|
||||
<v-flex xs12>
|
||||
<hr class="v-divider theme--light">
|
||||
</v-flex>
|
||||
<v-layout id="printMe">
|
||||
|
||||
<v-flex xs10 md12 sm12>
|
||||
<v-layout row wrap class="ml-4">
|
||||
<v-flex xs12 md12 sm12>
|
||||
<div class="WM-d-flex">
|
||||
<span class="title">Lot Number :</span>
|
||||
<span class="headline ml-2" style="letter-spacing:0 !important">{{ data.lot_number }}</span>
|
||||
</div>
|
||||
</v-flex>
|
||||
<v-flex xs6 md7 sm7>
|
||||
<div class="">
|
||||
<!-- <v-icon class="WMi-location"></v-icon> -->
|
||||
<span class="headline ml-1" style="letter-spacing:0 !important">{{ (data.user && data.user.medical_center) ? data.user.medical_center.name : "" }}</span>
|
||||
</div>
|
||||
</v-flex>
|
||||
<v-flex xs6 md5 sm5>
|
||||
<div class="WM-d-flex">
|
||||
<v-icon class="WMi-Industry"></v-icon>
|
||||
<span class="headline ml-2" style="letter-spacing:0 !important">{{ data.sterile_date }}</span>
|
||||
</div>
|
||||
</v-flex>
|
||||
<v-flex xs6 md7 sm7>
|
||||
<div class="WM-d-flex">
|
||||
<v-icon class="WMi-user"></v-icon>
|
||||
<span class="headline ml-2" style="letter-spacing:0 !important">{{ (typeof data.user != 'undefined') ? data.user.name : '' }}</span>
|
||||
</div>
|
||||
</v-flex>
|
||||
<v-flex xs6 md5 sm5>
|
||||
<div class="WM-d-flex">
|
||||
<v-icon class="WMi-hourglass"></v-icon>
|
||||
<span class="headline ml-2" style="letter-spacing:0 !important">{{ data.expire_date }}</span>
|
||||
</div>
|
||||
</v-flex>
|
||||
<v-flex xs6 md7 sm7>
|
||||
<div class>
|
||||
<span class="title">Sterilizer ID :</span>
|
||||
<span class="headline ml-1" style="letter-spacing:0 !important">{{ data.sterilizer_id}}</span>
|
||||
</div>
|
||||
</v-flex>
|
||||
<v-flex xs6 md5 sm5>
|
||||
<div class>
|
||||
<span class="title">Cycle No :</span>
|
||||
<span class="headline ml-2" style="letter-spacing:0 !important">{{ data.cycle_number }}</span>
|
||||
</div>
|
||||
</v-flex>
|
||||
<!-- text-align:center;margin-top:50px ml-4 -->
|
||||
<v-flex xs6 md7 sm7>
|
||||
<div class="mt-5">
|
||||
<v-layout row wrap class="" style="">
|
||||
<v-flex xs6 md12 sm12 v-if="barcodeimg">
|
||||
<img :src="barcodeimg"><br />
|
||||
<span>{{data.id}}</span>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</div>
|
||||
</v-flex>
|
||||
<v-flex xs6 md5 sm5>
|
||||
<div class="mt-5">
|
||||
<v-flex xs6 md6 sm6 v-if="QRCodeimg">
|
||||
<img :src="QRCodeimg">
|
||||
</v-flex>
|
||||
</div>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-layout>
|
||||
<v-layout align-left justify-left wrap class="px-2 my-3">
|
||||
<h3 class="ml-3">Package</h3>
|
||||
<v-flex xs12>
|
||||
<hr class="v-divider theme--light">
|
||||
</v-flex>
|
||||
<v-layout row wrap class="mx-3">
|
||||
<template>
|
||||
<v-expansion-panel class="WM-Panel">
|
||||
<v-expansion-panel-content>
|
||||
<template v-slot:header>
|
||||
<div>{{ data.package.name }}</div>
|
||||
</template>
|
||||
<v-card>
|
||||
<v-card-text>note : {{ data.package.note }}</v-card-text>
|
||||
<v-card-text> Items :
|
||||
<v-expansion-panel class="WM-Panel" v-for="item in data.package.items" :key="item.key">
|
||||
<v-expansion-panel-content>
|
||||
<template v-slot:header>
|
||||
<div>{{ item.name }} ({{ item.pivot.count }})</div>
|
||||
</template>
|
||||
<v-card>
|
||||
<v-card-text>note : {{ item.note }}</v-card-text>
|
||||
</v-card>
|
||||
</v-expansion-panel-content>
|
||||
</v-expansion-panel>
|
||||
</v-card-text>
|
||||
</v-card>
|
||||
</v-expansion-panel-content>
|
||||
|
||||
|
||||
</v-expansion-panel>
|
||||
</template>
|
||||
|
||||
=======
|
||||
<v-container grid-list-xs>
|
||||
<material-card color="black" title="Show Label">
|
||||
<v-layout align-left justify-left wrap class="px-2 my-3">
|
||||
@@ -177,24 +67,12 @@
|
||||
<span class="headline ml-2 mb-1" style="letter-spacing:0 !important">{{ data.cycle_number }}</span>
|
||||
</div>
|
||||
</v-flex>
|
||||
>>>>>>> 86a3479c9adec43de28cf80cee1fa1522b2bdd01
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
<!-- ________ Column2::End ________ -->
|
||||
</v-layout>
|
||||
<!-- ________ row1::Begin ________ -->
|
||||
|
||||
<<<<<<< HEAD
|
||||
<v-layout row wrap align-center justify-center style="margin-left: -15%;">
|
||||
<v-flex class xs12 md2 sm2 @click="print" >
|
||||
<v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px">
|
||||
<v-icon class="white--text mr-2 caption">fas fa-print</v-icon>
|
||||
<span class="white--text">Print</span>
|
||||
</v-btn>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
=======
|
||||
>>>>>>> 86a3479c9adec43de28cf80cee1fa1522b2bdd01
|
||||
|
||||
<!-- ________ row2::Begin ________ -->
|
||||
<v-layout row wrap>
|
||||
|
||||
Vendored
+5
@@ -214,4 +214,9 @@ export default [
|
||||
name: 'ShowPackage',
|
||||
view: 'Package/ShowPackage'
|
||||
},
|
||||
{
|
||||
path: '/Intro',
|
||||
name: 'Intro',
|
||||
view: 'Intro/Intro'
|
||||
},
|
||||
]
|
||||
|
||||
@@ -83,18 +83,18 @@ export default {
|
||||
data() {
|
||||
return {
|
||||
AdminCards :[
|
||||
{title:'Manage Users', text:'You can Manage the users information',icon:'/img/Static/Dashboard/ipad.png',color:'WM-YellowPinkGradient-BG',route:{name: 'ManageUsers'},aligntext:'text-md-center',alignimg:'text-md-left',column:'xs12 md12 sm12', role: 'Admin|Supervisor'},
|
||||
{title:'Manage Medical Center', text:'You can edit the medical center information',icon:'/img/Static/Dashboard/Macbook.png',color:'WM-MuskGradient-BG',route:{name: 'ManageMedicalCenter'},aligntext:'text-md-left',alignimg:'text-md-right',column:'xs12 md7 sm7', role: 'Admin'},
|
||||
{title:'List Test Type', text:'You can simply add your test type',icon:'/img/Static/Dashboard/Book-and-Pen.png',color:'WM-GreyGradient-BG',route:{name: 'ListTestType'},aligntext:'text-md-left',alignimg:'text-md-right',column:'xs12 md5 sm5', role: 'Admin'}
|
||||
{title:'Manage Users', text:'You can Manage the users information',icon:'/img/Static/Dashboard/manageusers.png',color:'WM-YellowPinkGradient-BG',route:{name: 'ManageUsers'},aligntext:'text-md-center',alignimg:'text-md-left',column:'xs12 md12 sm12', role: 'Admin|Supervisor'},
|
||||
{title:'Manage Medical Center', text:'You can edit the medical center information',icon:'/img/Static/Dashboard/settings.png',color:'WM-MuskGradient-BG',route:{name: 'ManageMedicalCenter'},aligntext:'text-md-left',alignimg:'text-md-right',column:'xs12 md7 sm7', role: 'Admin'},
|
||||
{title:'List Test Type', text:'You can simply add your test type',icon:'/img/Static/Dashboard/result.png',color:'WM-GreyGradient-BG',route:{name: 'ListTestType'},aligntext:'text-md-left',alignimg:'text-md-right',column:'xs12 md5 sm5', role: 'Admin'}
|
||||
],
|
||||
SupervisorCards :[
|
||||
{title:'Manage Users', text:'You can Manage the users information',icon:'/img/Static/Dashboard/ipad.png',color:'WM-YellowPinkGradient-BG',route:{name: 'ManageUsers'},aligntext:'text-md-center',alignimg:'text-md-left',column:'xs12 md12 sm12', role: 'Admin|Supervisor'},
|
||||
{title:'Test to Verify', text:'You can simply verify your own medical center test result in this section of website',icon:'/img/Static/Dashboard/notepad-colorful.png',color:'WM-PinkGradient-BG',route:{name: 'NotVerifyTestResult'},aligntext:'text-md-center',alignimg:'text-md-left',column:'xs12 md12 sm12', role: 'Admin|Supervisor'},
|
||||
{title:'Manage Users', text:'You can Manage the users information',icon:'/img/Static/Dashboard/manageusers.png',color:'WM-YellowPinkGradient-BG',route:{name: 'ManageUsers'},aligntext:'text-md-center',alignimg:'text-md-left',column:'xs12 md12 sm12', role: 'Admin|Supervisor'},
|
||||
{title:'Test to Verify', text:'You can simply verify your own medical center test result in this section of website',icon:'/img/Static/Dashboard/verify.png',color:'WM-PinkGradient-BG',route:{name: 'NotVerifyTestResult'},aligntext:'text-md-center',alignimg:'text-md-left',column:'xs12 md12 sm12', role: 'Admin|Supervisor'},
|
||||
],
|
||||
UsersCards :[
|
||||
{title:'My Info', text:'You can easily edit your registration information',icon:'/img/Static/Dashboard/darkmug.png',color:'WM-OrangeGradient-BG',route:{name: 'MyInfo'},aligntext:'text-md-left',alignimg:'text-md-right', column:'xs12 md6 sm6'},
|
||||
{title:'All Test Result', text:'You can see all user tests and own tests',icon:'/img/Static/Dashboard/pad.png',color:'WM-GreenGradient-BG',route:{name: 'AllResultTest'},aligntext:'text-md-left',alignimg:'text-md-right',column:'xs12 md6 sm6'},
|
||||
{title:'Add a Test Result', text:'You can add the test result',icon:'/img/Static/Dashboard/ipad.png',color:'WM-YellowPinkGradient-BG',route:{name: 'SubmitTestResult'},aligntext:'text-md-center',alignimg:'text-md-left',column:'xs12 md12 sm12'},
|
||||
{title:'My Info', text:'You can easily edit your registration information',icon:'/img/Static/Dashboard/info.png',color:'WM-OrangeGradient-BG',route:{name: 'MyInfo'},aligntext:'text-md-left',alignimg:'text-md-right', column:'xs12 md6 sm6'},
|
||||
{title:'All Test Result', text:'You can see all user tests and own tests',icon:'/img/Static/Dashboard/alltest.png',color:'WM-GreenGradient-BG',route:{name: 'AllResultTest'},aligntext:'text-md-left',alignimg:'text-md-right',column:'xs12 md6 sm6'},
|
||||
{title:'Add a Test Result', text:'You can add the test result',icon:'/img/Static/Dashboard/addtest.png',color:'WM-YellowPinkGradient-BG',route:{name: 'SubmitTestResult'},aligntext:'text-md-center',alignimg:'text-md-left',column:'xs12 md12 sm12'},
|
||||
],
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,180 @@
|
||||
<template id="">
|
||||
<div class="">
|
||||
<v-toolbar color="white">
|
||||
<v-toolbar-title v-text="title"></v-toolbar-title>
|
||||
</v-toolbar>
|
||||
<!-- _______________ Section 2::Begin _______________ -->
|
||||
<section>
|
||||
<v-parallax src="https://images.squarespace-cdn.com/content/v1/5bf5d5da506fbea76ffa4abe/1547249524951-CQ5U440SQYT23ODKL23G/ke17ZwdGBToddI8pDm48kKAwwdAfKsTlKsCcElEApLR7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z5QPOohDIaIeljMHgDF5CVlOqpeNLcJ80NK65_fV7S1UegTYNQkRo-Jk4EWsyBNhwKrKLo5CceA1-Tdpfgyxoog5ck0MD3_q0rY3jFJjjoLbQ/yenyi.jpg" height="600">
|
||||
<v-layout
|
||||
column
|
||||
align-center
|
||||
justify-center
|
||||
class="white--text"
|
||||
>
|
||||
<!-- <img src="assets/vuetify.png" alt="Vuetify.js" height="200"> -->
|
||||
<p class="display-4 mb-5">CSSD-DOC</p>
|
||||
<h1 class="white--text mb-2 mt-5 display-1 text-center">Central Sterile Supply Department App & Software</h1>
|
||||
<div class="subheading mb-4 text-center">Management & Traceability & Documentation solution for CSSD / SPD</div>
|
||||
</v-layout>
|
||||
</v-parallax>
|
||||
</section>
|
||||
<section>
|
||||
<v-layout
|
||||
column
|
||||
wrap
|
||||
class="my-12"
|
||||
align-center
|
||||
>
|
||||
<v-flex xs12 sm4 class="my-4">
|
||||
<div class="text-center">
|
||||
<h2 class="headline">-Sterilization process monitoring</h2>
|
||||
<span class="subheading">
|
||||
- Sterilizer test records
|
||||
</span>
|
||||
</div>
|
||||
</v-flex>
|
||||
<v-flex xs12>
|
||||
<v-container grid-list-xl>
|
||||
<v-layout row wrap align-left>
|
||||
<v-flex xs12 md4>
|
||||
<v-card flat class="transparent">
|
||||
<p v-for="(item , i) in items.items1" :key="i" class="headline text-left">item</p>
|
||||
</v-card>
|
||||
</v-flex>
|
||||
<v-flex xs12 md4>
|
||||
<v-card flat class="transparent">
|
||||
<p v-for="(item , i) in items.items2" :key="i" class="headline text-left">item</p>
|
||||
</v-card>
|
||||
</v-flex>
|
||||
<v-flex xs12 md4>
|
||||
<v-card flat class="transparent">
|
||||
<p v-for="(item , i) in items.items3" :key="i" class="headline text-left" v-text="item"></p>
|
||||
</v-card>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-container>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</section>
|
||||
<!-- _______________ Section 2::End _______________ -->
|
||||
|
||||
<!-- _______________ Section 7::Begin _______________ -->
|
||||
<section>
|
||||
<v-layout
|
||||
column
|
||||
wrap
|
||||
class="my-12"
|
||||
align-center
|
||||
>
|
||||
<v-flex xs12 sm4 class="my-4">
|
||||
<div class="text-center">
|
||||
<h2 class="headline">Product identification and traceability</h2>
|
||||
<span class="subheading">
|
||||
Cras facilisis mi vitae nunc
|
||||
</span>
|
||||
</div>
|
||||
</v-flex>
|
||||
<v-flex xs12>
|
||||
<v-container grid-list-xl>
|
||||
<v-layout row wrap align-center>
|
||||
<v-flex xs12 md4>
|
||||
<v-card flat class="transparent">
|
||||
<v-card-text class="text-center">
|
||||
<v-icon x-large class="blue--text text--lighten-2">mdi-palette</v-icon>
|
||||
</v-card-text>
|
||||
<v-card-title primary-title class="layout justify-center">
|
||||
<div class="headline text-center">Item</div>
|
||||
</v-card-title>
|
||||
<v-card-text>
|
||||
Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt ornare.
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Nullam in aliquet odio. Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
|
||||
</v-card-text>
|
||||
</v-card>
|
||||
</v-flex>
|
||||
<v-flex xs12 md4>
|
||||
<v-card flat class="transparent">
|
||||
<v-card-text class="text-center">
|
||||
<v-icon x-large class="blue--text text--lighten-2">mdi-flash</v-icon>
|
||||
</v-card-text>
|
||||
<v-card-title primary-title class="layout justify-center">
|
||||
<div class="headline">Fast development</div>
|
||||
</v-card-title>
|
||||
<v-card-text>
|
||||
Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt ornare.
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Nullam in aliquet odio. Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
|
||||
</v-card-text>
|
||||
</v-card>
|
||||
</v-flex>
|
||||
<v-flex xs12 md4>
|
||||
<v-card flat class="transparent">
|
||||
<v-card-text class="text-center">
|
||||
<v-icon x-large class="blue--text text--lighten-2">mdi-wrench</v-icon>
|
||||
</v-card-text>
|
||||
<v-card-title primary-title class="layout justify-center">
|
||||
<div class="headline text-center">Completely Open Sourced</div>
|
||||
</v-card-title>
|
||||
<v-card-text>
|
||||
Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt ornare.
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Nullam in aliquet odio. Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
|
||||
</v-card-text>
|
||||
</v-card>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-container>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
|
||||
export default {
|
||||
data: () => ({
|
||||
items: [
|
||||
{
|
||||
items1 : [
|
||||
'aaaaa',
|
||||
'aaaaa',
|
||||
'aaaaaa'
|
||||
],
|
||||
},
|
||||
{
|
||||
items2 : [
|
||||
'aaaaa',
|
||||
'aaaaa',
|
||||
'aaaaaa'
|
||||
],
|
||||
},
|
||||
{
|
||||
items3 : [
|
||||
'aaaaa',
|
||||
'aaaaa',
|
||||
'aaaaaa'
|
||||
],
|
||||
},
|
||||
],
|
||||
disabled: false,
|
||||
dense: false,
|
||||
twoLine: false,
|
||||
threeLine: false,
|
||||
shaped: false,
|
||||
flat: false,
|
||||
subheader: false,
|
||||
inactive: false,
|
||||
subGroup: false,
|
||||
nav: false,
|
||||
avatar: false,
|
||||
rounded: false,
|
||||
}),
|
||||
components: {
|
||||
|
||||
},
|
||||
created(){
|
||||
},
|
||||
}
|
||||
</script>
|
||||
@@ -204,11 +204,7 @@ export default {
|
||||
if (result && result.status == 200) {
|
||||
this.changeCurrentModal({
|
||||
modal: "modal-label-show",
|
||||
<<<<<<< HEAD
|
||||
properties: { result, width: 40 }
|
||||
=======
|
||||
properties: { result, width :40 }
|
||||
>>>>>>> 86a3479c9adec43de28cf80cee1fa1522b2bdd01
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
@@ -57,6 +57,9 @@ Route::get('/test',function(){
|
||||
|
||||
});
|
||||
// Route::get('Show/Package/{Package}', 'PackageController@show');
|
||||
Route::get('/',function(){
|
||||
return view('showMaster');
|
||||
});
|
||||
Route::get('/Show/{any?}/{any2?}',function(){
|
||||
return view('showMaster');
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user