From 546ba0ba89cc4a12dd1f2497a5abe6e9d617952b Mon Sep 17 00:00:00 2001
From: chenyc <501753378@qq.com>
Date: 星期二, 27 九月 2022 14:46:28 +0800
Subject: [PATCH] up
---
src/views/report/item/index.vue | 171 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
src/views/report/index.vue | 8 ++
src/router/index.ts | 1
3 files changed, 179 insertions(+), 1 deletions(-)
diff --git a/src/router/index.ts b/src/router/index.ts
index ed458fa..5321869 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -8,6 +8,7 @@
{ path: '/my', name: 'myMine', component: () => import('views/myMine/index.vue'),meta:{title:'我的'}},
{ path: '/paiban', name: 'paiban', component: () => import('views/paiban/index.vue'),meta:{title:'透析排班'}},
{ path: '/report', name: 'report', component: () => import('views/report/index.vue'),meta:{title:'检查报告'}},
+ { path: '/report/item', name: 'reportItem', component: () => import('views/report/item/index.vue'),meta:{title:'报告查看'}},
{ path: '/prescriptionDrug', name: 'prescriptionDrug', component: () => import('views/prescriptionDrug/index.vue'),meta:{title:'透析医嘱'}},
{ path: '/record', name: 'record', component: () => import('views/record/index.vue'),meta:{title:'透析记录'}},
{ path: '/test', name: 'Test', component: () => import('views/test.vue')}
diff --git a/src/views/report/index.vue b/src/views/report/index.vue
index 1475ab6..5bd2d25 100644
--- a/src/views/report/index.vue
+++ b/src/views/report/index.vue
@@ -13,7 +13,7 @@
</van-row>
<van-row class="lable">
<van-col span="12">检验值</van-col>
- <van-col span="12" style="text-align: right; color: #769AFF ;">血红蛋白:102</van-col>
+ <van-col span="12" style="text-align: right; color: #769AFF ;" @click="topath('/report/item')">点击查看详情</van-col>
</van-row>
<van-row class="lable">
<van-col span="12">最新检查日期</van-col>
@@ -26,7 +26,13 @@
</template>
<script lang="ts" setup>
import {ref,reactive,watchEffect,watch} from 'vue'
+ import {useRouter} from 'vue-router'
+ const router=useRouter()
const inputValue=ref('')
+ const topath=(url:string)=>{
+ console.log('sss')
+ router.push(url)
+ }
</script>
<style lang="scss">
.report{
diff --git a/src/views/report/item/index.vue b/src/views/report/item/index.vue
new file mode 100644
index 0000000..74d4369
--- /dev/null
+++ b/src/views/report/item/index.vue
@@ -0,0 +1,171 @@
+<template>
+ <div class="reportItem">
+ <div class="tou">
+ <van-row>
+ <van-col span="10">
+ <span class="lable">姓名：</span>
+ <span class="value">张三丰</span>
+ </van-col>
+ <van-col span="8">
+ <span class="lable">性别：</span>
+ <span class="value">男</span>
+ </van-col>
+ <van-col span="6">
+ <span class="lable">年龄：</span>
+ <span class="value">30</span>
+ </van-col>
+ <van-col span="10">
+ <span class="lable">科别：</span>
+ <span class="value">体检中心</span>
+ </van-col>
+ <van-col span="14">
+ <span class="lable">临床诊断:：</span>
+ <span class="value">职业健康查体</span>
+ </van-col>
+ </van-row>
+ </div>
+ <div class="listdiv">
+ <div class="listrow">
+ <van-row class="thclass">
+ <van-col span="12">检验项目</van-col>
+ <van-col span="4">结果</van-col>
+ <van-col span="4">单位</van-col>
+ <van-col span="4">参考范围</van-col>
+ </van-row>
+ <van-row :class="{ 'tdclass': i % 2,'tdclassb': !(i % 2) }" v-for="i in 15" :key="i">
+ <van-col span="12">嗜碱性粒细胞绝对值(BA#)</van-col>
+ <van-col span="4">0.1</van-col>
+ <van-col span="4">10∧9/L</van-col>
+ <van-col span="4">3.5-9.5</van-col>
+ </van-row>
+ </div>
+ </div>
+ <div class="jiao">
+ <van-row>
+ <van-col span="12">
+ <span class="lable">送检时间：</span>
+ <span class="value">2022-09-27 16:20</span>
+ </van-col>
+ <van-col span="12">
+ <span class="lable">报告时间：</span>
+ <span class="value">2022-09-27 16:50</span>
+ </van-col>
+ <van-col span="12">
+ <span class="lable">检测医生：</span>
+ <span class="value">李四</span>
+ </van-col>
+ <van-col span="12">
+ <span class="lable">审核医生:</span>
+ <span class="value">王五</span>
+ </van-col>
+ <van-col span="24">
+ <span class="lable">备注：</span>
+ <span class="value">本报告仅对此次检验的样本负责</span>
+ </van-col>
+ </van-row>
+ </div>
+ </div>
+</template>
+<script lang="ts" setup>
+ import {ref,reactive,watchEffect,watch} from 'vue'
+ import {useRouter} from 'vue-router'
+ const router=useRouter()
+ const inputValue=ref('')
+ const topath=(url:string)=>{
+ console.log('sss')
+ router.push(url)
+ }
+</script>
+<style lang="scss">
+ .reportItem{
+ background-color: #F6FAFF;
+ padding: 0 0 10 0;
+ .tou{
+ padding-top: 20px;
+ padding-left: 20px;
+ height: 86px;
+ box-shadow: 0px 2px 4px 0px rgba(70,150,249,0.1);
+ border-radius: 8px;
+ background: #FFFFFF;
+ div {
+ height: 30px;
+ border-radius: 6px;
+ line-height: 30px;
+ .lable{
+ font-size: 13px;
+ font-family: PingFangSC-Regular, PingFang SC;
+ font-weight: 400;
+ color: #333333;
+ }
+ .value{
+ font-size: 13px;
+ font-family: PingFangSC-Regular, PingFang SC;
+ font-weight: 400;
+ color: #AAAAAA;
+ }
+ }
+ }
+ .jiao{
+ padding-top: 20px;
+ padding-left: 20px;
+ height: 96px;
+ box-shadow: 0px 2px 4px 0px rgba(70,150,249,0.1);
+ border-radius: 8px;
+ background: #FFFFFF;
+ div {
+ height: 30px;
+ border-radius: 6px;
+ line-height: 30px;
+ .lable{
+ font-size: 13px;
+ font-family: PingFangSC-Regular, PingFang SC;
+ font-weight: 400;
+ color: #333333;
+ }
+ .value{
+ font-size: 13px;
+ font-family: PingFangSC-Regular, PingFang SC;
+ font-weight: 400;
+ color: #AAAAAA;
+ }
+ }
+ }
+ }
+ .listdiv{
+ .listrow{
+ margin-top: 10px;
+ background: #FFFFFF;
+ .thclass{
+ padding-left: 20px;
+ height:40px;
+ line-height: 40px;
+ font-size: 13px;
+ font-family: PingFangSC-Medium, PingFang SC;
+ font-weight: 500;
+ color: #333333;
+ // text-align: center;
+
+ }
+ .tdclass{
+ padding-left: 20px;
+ height:30px;
+ line-height: 30px;
+ font-size: 13px;
+ font-family: PingFangSC-Medium, PingFang SC;
+ font-weight: 400;
+ background: #F0F6FF;
+ color: #777777;
+ }
+ .tdclassb{
+ padding-left: 20px;
+ height:30px;
+ line-height: 30px;
+ font-size: 13px;
+ font-family: PingFangSC-Medium, PingFang SC;
+ font-weight: 400;
+ background: #FFFFFF;
+ color: #777777;
+ }
+ }
+ }
+</style>
\ No newline at end of file
--
Gitblit v1.8.0