mirror of
https://git.meshkee.com/cssd/cssd-back.git
synced 2026-10-10 19:01:05 +03:30
landing page
This commit is contained in:
shokouhi
Vendored
+57
@@ -0,0 +1,57 @@
|
||||
@font-face {
|
||||
font-family: 'IranYekan-Regular';
|
||||
font-style: normal;
|
||||
src: url('../../fonts/IRANYekanRegular.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'IranYekan-ExtraBold';
|
||||
font-style: normal;
|
||||
src: url('../../fonts/IRANYekanExtraBold.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Montserrat-Regular';
|
||||
font-style: normal;
|
||||
font-weight: 100;
|
||||
src: url('../../fonts/Montserrat-Regular.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Montserrat-Bold';
|
||||
font-style: normal;
|
||||
src: url('../../fonts/Montserrat-Bold.ttf') format('truetype');
|
||||
}
|
||||
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4,.title,.display-1 {
|
||||
font-family: 'IranYekan-Regular';
|
||||
}
|
||||
.Bold {
|
||||
font-family: 'IranYekan-ExtraBold';
|
||||
}
|
||||
.text-justify {
|
||||
text-align : justify;
|
||||
}
|
||||
.En {
|
||||
font-family: 'Montserrat-Regular';
|
||||
}
|
||||
.En-Bold {
|
||||
font-family: 'Montserrat-Bold';
|
||||
}
|
||||
.pt-50 {
|
||||
padding-top: 50px;
|
||||
}
|
||||
.pb-50 {
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
.mt-50 {
|
||||
margin-top: 50px;
|
||||
}
|
||||
.mt-100 {
|
||||
margin-top: 100px;
|
||||
}
|
||||
.mb-100 {
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
.mt-xs-0 {
|
||||
margin-top: 0;
|
||||
}
|
||||
.display-inline-block {
|
||||
display: inline-block;
|
||||
}
|
||||
@@ -18,6 +18,7 @@
|
||||
<p class="display-4 mb-5">CSSD-DOC</p>
|
||||
<h1 class="black--text mb-2 display-1 text-center">Central Sterile Supply Department App & Software</h1>
|
||||
<div class="subheading mb-4 text-center black--text">Management & Traceability & Documentation solution for CSSD / SPD</div>
|
||||
<a href="/Landingpage"><v-btn color="black">Download App</v-btn></a>
|
||||
</v-layout>
|
||||
</v-parallax>
|
||||
<section>
|
||||
|
||||
@@ -0,0 +1,124 @@
|
||||
<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">
|
||||
<a href="/dashboard" v-if="auth"><v-btn color="black">Dashboard</v-btn></a>
|
||||
<a href="/login" v-else><v-btn color="black">Login</v-btn></a>
|
||||
</div>
|
||||
</v-toolbar>
|
||||
<section>
|
||||
<v-layout
|
||||
column
|
||||
wrap
|
||||
class="my-12"
|
||||
style="background-color:#f7f7f7"
|
||||
>
|
||||
<v-flex xs6 sm6 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 xs6>
|
||||
<v-container grid-list-xl>
|
||||
<v-layout row wrap align-left>
|
||||
<v-flex xs12 md2>
|
||||
<v-img src=""></v-img>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-container>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</section>
|
||||
<section>
|
||||
<v-layout
|
||||
column
|
||||
wrap
|
||||
class="my-12"
|
||||
style="background-color:#f7f7f7"
|
||||
>
|
||||
<v-flex xs6 sm6 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 xs6>
|
||||
<v-container grid-list-xl>
|
||||
<v-layout row wrap align-left>
|
||||
<v-flex xs12 md2>
|
||||
<v-img src=""></v-img>
|
||||
</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>
|
||||
import { TokenService } from '@/services/auth/storage.service'
|
||||
|
||||
export default {
|
||||
data: () => ({
|
||||
auth : false,
|
||||
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(){
|
||||
if(TokenService.getToken()){
|
||||
this.auth = true;
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
@@ -16,6 +16,7 @@
|
||||
font-weight: bold;
|
||||
src: url('../../fonts/Montserrat-Bold.ttf') format('truetype');
|
||||
}
|
||||
|
||||
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4,.title,.display-1 {
|
||||
font-family: 'Montserrat-Regular' !important;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,262 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
|
||||
<link rel="stylesheet" href="../css/landing.css">
|
||||
<title>دانلود اپلیکیشن</title>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container-fluid">
|
||||
<div style="background-color:red;"></div>
|
||||
</div>
|
||||
<div class="container-fluid RTL banner">
|
||||
<div class="row img-box" style="background-image:url({{ asset('img/Static/Landing/banner.png') }})">
|
||||
<div class="text-wrapper title">
|
||||
<h2 class="Bold fa">دانلــــــــــود اپلیکیشــــــــــن</h2>
|
||||
<span class="En en">Download Application</span>
|
||||
<div class="btn-wrapper">
|
||||
{{-- <a class="btn display-inline-block" href="" style="margin-left: 10px">
|
||||
<img class="icon" src="{{ asset('img/Static/Landing/link.png') }}" alt="">
|
||||
<span class="text">لینک دانلود مستقیم</span>
|
||||
</a> --}}
|
||||
<a class="btn display-inline-block" href="">
|
||||
<img class="icon" src="{{ asset('img/Static/Landing/bazzar.png') }}" alt="">
|
||||
<span class="text">دریافت از کافه بازار</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container mt-100 mt-xs-0 mb-100 RTL">
|
||||
<div class="row divider-sec title mt-50">
|
||||
<h2 class="Bold fa">آشنایی کلی با نرم افزار</h2>
|
||||
<span class="En en mb-3">General</span>
|
||||
</div>
|
||||
<div class="row mt-50 mb-100">
|
||||
<div class="col-md-12">
|
||||
<p class="text-justify">
|
||||
نرم افزار CSSD-Doc یک نرم افزار جامع مستندسازی، مدیریت و رهگیری و ردیابی استریل برای مدیرت ابزارها و تجهیزات پزشکی در بیمارستان ها و مراکز بهداشتی درمانی است. این نرم افزار با نگاه سهولت در استفاده و قابلیت دسترسی آسان و سریع از طریق اپ روی گوشی موبایل این امکان را به کادر بهداشت و درمان می دهد تا در هر زمان و مکان به اطلاعات مورد نیاز و اطمینان از بازفرآوری ایمن ابزارها و تجهیزات پزشکی اطمینان حاصل نمایند.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<h2 class="mt-5">اهداف کلی:</h2>
|
||||
<div></div>
|
||||
<ul class="text-justify">
|
||||
<li> ایجاد و پیاده سازی الزامات و استانداردهای سازمان بهداشت جهانی WHO در بیمارستان ها و مراکز بهداشتی درمانی</li>
|
||||
<li>
|
||||
اجرای استاندارد GS1 در ردیابی ابزار جراحی در بیمارستان ها و مراکز بهداشتی درمانی
|
||||
</li>
|
||||
<li>
|
||||
ارتقاء کیفیت و بهبود مستمر خدمات واحد CSSD در بیمارستان ها و مراکز بهداشتی درمانی
|
||||
</li>
|
||||
<li>
|
||||
مستندسازی و بایگانی الکترونیک آزمون های کنترل کیفی تجهیزات پزشکی در بخش استریل
|
||||
</li>
|
||||
<li>
|
||||
دسترسی آسان، سریع و ارزان در هر زمان و هر مکان
|
||||
</li>
|
||||
<li>
|
||||
امکان جستجوی سریع و آنلاین بدون نیاز به پروندهای کاغذی
|
||||
</li>
|
||||
<li>
|
||||
ردیابی و رهگیری تمامی بسته های استریل
|
||||
</li>
|
||||
<li>
|
||||
ایجاد شناسنامه الکترونیک برای هریک از اقلام و تجهیزات پزشکی
|
||||
</li>
|
||||
<li>
|
||||
ایجاد لیبل با تاریخ تولید و انقضاء و سایر مشخصات برای هر بسته استریل و هر یک از اقلام
|
||||
</li>
|
||||
<li>
|
||||
شناسایی خطا ها، آنالیز دلایل و پیشگیری از وقوع مجدد
|
||||
</li>
|
||||
<li>
|
||||
کنترل و ثبت نتایج آزمون ها و عملکردهای دستگاه های واحد CSSD بیمارستانها و آنالیز آماری نتایج
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="img-box">
|
||||
<img class="img" src="{{ asset('img/Static/Landing/all.png') }}" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row divider-sec title mt-50">
|
||||
<h2 class="Bold fa">کـــــارکردهای نرم افـــــزار</h2>
|
||||
<span class="En en mb-3">Software Functions</span>
|
||||
</div>
|
||||
|
||||
{{-- Add Label --}}
|
||||
<div class="row mt-50 mb-100">
|
||||
<div class="col-md-6">
|
||||
<img src="{{ asset('img/Static/Landing/add-label-icon.png') }}" alt="" width="50px" height="50px">
|
||||
<h3 class="Bold En-Bold mb-4">Add Label and Cycle</h3>
|
||||
<p>امکان تولید الکترونیکی برچسب هر بسته استریل بیمارستان ها و مراکز بهداشتی درمانی حاوی </p>
|
||||
<ul class="text-justify">
|
||||
<li>
|
||||
تاریخ و شیفت کاری
|
||||
</li>
|
||||
<li>
|
||||
شماره/کد دستگاه استریل کننده
|
||||
</li>
|
||||
<li>
|
||||
تاریخ تولید و انقضا مصرف بسته استریل
|
||||
</li>
|
||||
<li>
|
||||
شماره سیکل یا چرخه بارگذاری
|
||||
</li>
|
||||
<li>
|
||||
نام بارگذاری کننده هر چرخه استریل(نام اپراتور)
|
||||
</li>
|
||||
<li>
|
||||
نام ست
|
||||
</li>
|
||||
<li>
|
||||
بارکد یونیک خطی برای هر بسته با شماره اختصاصی
|
||||
</li>
|
||||
<li>
|
||||
بارکد QR-code محتویات بسته(تعداد و انواع)
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="img-box">
|
||||
<img class="img" src="{{ asset('img/Static/Landing/add-label.png') }}" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Add Test --}}
|
||||
<div class="row mt-100 mb-100">
|
||||
<div class="col-md-6 order-xs-2">
|
||||
<div class="img-box">
|
||||
<img class="img" src="{{ asset('img/Static/Landing/add-test.png') }}" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="title-box">
|
||||
<img src="{{ asset('img/Static/Landing/add-test-icon.png') }}" alt="" width="50px" height="50px">
|
||||
<h3 class="Bold En-Bold mb-4">Add Test</h3>
|
||||
</div>
|
||||
<p class="text-justify">امکان مستندسازی و بایگانی الکترونیکی کلیه ی آزمون های کنترل کیفی دستگاه های استریلایزر، ابزارشوی، سیلر(دوخت حرارتی) بیمارستان ها و مراکز بهداشتی درمانی با قابلیت های ثبت پارامترهای فیزیکی ،جستجو و بازیابی سریع و آسان سوابق آزمون ها و امکان محاسبات آماری و ارایه نموداری نتایج آزمون ها و شاخص ها</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Verification --}}
|
||||
<div class="row mt-100 mb-100">
|
||||
<div class="col-md-6">
|
||||
<img src="{{ asset('img/Static/Landing/verification-icon.png') }}" alt="" width="50px" height="50px">
|
||||
<h3 class="Bold En-Bold mb-4">Test Verification</h3>
|
||||
<p class="text-justify">قابلیت رهگیری هر بسته استریل بصورت الکترونیکامکان رهگیری، تشخیص وثبت اینکه کدام بسته استریل برای کدام بیمار استفاده شده است.</p>
|
||||
<p class="text-justify">هم چنین امکان ایجاد تست یا برچسب مورد نظر با اسکن بارکد QR-Code آن در محیط نرم افزار وجود دارد</p>
|
||||
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="img-box">
|
||||
<img class="img" src="{{ asset('img/Static/Landing/verification.png') }}" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
.RTL {
|
||||
direction: rtl;
|
||||
}
|
||||
.banner .img-box {
|
||||
height: 873px;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.banner .btn {
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
background-color: #000;
|
||||
border: 1px solid #000;
|
||||
padding: 7px 17px;
|
||||
border-radius: 5px;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
margin-top: 50px;
|
||||
transition: all .4s ease-out;
|
||||
}
|
||||
.banner .btn .text {
|
||||
font-size: 14px;
|
||||
}
|
||||
.banner .btn .icon {
|
||||
margin-left: 4px;
|
||||
width: 25px;
|
||||
}
|
||||
.banner .btn:hover {
|
||||
background: transparent;
|
||||
border: 1px solid #000;
|
||||
}
|
||||
.banner .btn:hover .text {
|
||||
color: #000;
|
||||
}
|
||||
.btn-wrapper {
|
||||
|
||||
}
|
||||
.text-wrapper {
|
||||
position: relative;
|
||||
max-width: 600px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
.divider-sec.title {
|
||||
border-bottom: 1px solid #f7f7f7;
|
||||
}
|
||||
.divider-sec.title .fa {
|
||||
padding-right: 0;
|
||||
}
|
||||
.divider-sec.title span.en {
|
||||
letter-spacing: 10px;
|
||||
text-transform: uppercase;
|
||||
font-size: 10px;
|
||||
color: #c7c7c7;
|
||||
padding-right: 0;
|
||||
}
|
||||
.img-box .img {
|
||||
width: 600px
|
||||
}
|
||||
@media screen and (max-width : 500px) {
|
||||
.banner .img-box {
|
||||
height: 200px;
|
||||
}
|
||||
.text-wrapper {
|
||||
max-width: 200px;
|
||||
}
|
||||
.text-wrapper.title .fa {
|
||||
font-size: 15px;
|
||||
margin-bottom: 0
|
||||
}
|
||||
.text-wrapper.title .en {
|
||||
font-size: 8px;
|
||||
letter-spacing: 2px;
|
||||
}
|
||||
.text-wrapper.title .btn {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.banner .btn .text {
|
||||
font-size: 10px;
|
||||
}
|
||||
.banner .btn {
|
||||
padding: 2px 12px;
|
||||
}
|
||||
.img-box {
|
||||
text-align: center
|
||||
}
|
||||
.img-box .img {
|
||||
width: 300px
|
||||
}
|
||||
.order-xs-2 {
|
||||
order: 2;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</body>
|
||||
</html>
|
||||
@@ -63,6 +63,9 @@ Route::get('/',function(){
|
||||
Route::get('/Show/{any?}/{any2?}',function(){
|
||||
return view('showMaster');
|
||||
});
|
||||
Route::get('Landingpage',function(){
|
||||
return view('Landingpage');
|
||||
});
|
||||
Route::get('ShowTestResult/{id}', 'TestResultController@showTestResult');
|
||||
Route::get('ShowItem/{Item}', 'ItemController@showItem');
|
||||
Route::get('ShowPackage/{Package}', 'PackageController@showPackage');
|
||||
|
||||
Reference in New Issue
Block a user