up

chenyc

2022-09-27 546ba0ba89cc4a12dd1f2497a5abe6e9d617952b

up

 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')}

 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{

 src/views/report/item/index.vue

New file
@@ -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>