45

chenyc

2022-10-21 251b58150984896c86cd306cd3a4db77f14b7e1a

 src/views/report/item/index.vue

@@ -1,5 +1,11 @@
<template>
    <div class="reportItem">
        <van-nav-bar
            title=""
            left-text="返回"
            left-arrow
            @click="fanhui"
        />
        <div class="tou">
            <van-row>
                <van-col span="10">
@@ -19,7 +25,7 @@
                    <span class="value">体检中心</span>
                </van-col>
                <van-col span="14">
                    <span class="lable">临床诊断:：</span>
                    <span class="lable">临床诊断：</span>
                    <span class="value">职业健康查体</span>
                </van-col>
            </van-row>
@@ -27,13 +33,13 @@
        <div class="listdiv">
            <div class="listrow">
                <van-row class="thclass">
                    <van-col span="12" style=" padding-left: 20px;">检验项目</van-col>
                    <van-col span="12" style="padding-left: 20px;">检验项目</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" style=" padding-left: 20px;">嗜碱性粒细胞绝对值(BA#)</van-col>
                    <van-col span="12" style="padding-left: 20px;">嗜碱性粒细胞绝对值(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>
@@ -70,20 +76,17 @@
    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)
    const fanhui=()=>{
        router.go(-1)
    }
</script>
<style lang="scss">
<style scoped lang="scss">
    .reportItem{
        background-color: #F6FAFF;
        padding: 0 0 10 0;
        .tou{
            padding-top: 20px;
            padding-top: 10px;
            padding-left: 20px;
            height: 86px;
            height: 66px;
            box-shadow: 0px 2px 4px 0px rgba(70,150,249,0.1);
            border-radius: 8px;
            background: #FFFFFF;
@@ -95,13 +98,13 @@
                    font-size: 13px;
                    font-family: PingFangSC-Regular, PingFang SC;
                    font-weight: 400;
                    color: #333333;
                    color: #777777;
                }
                .value{
                    font-size: 13px;
                    font-family: PingFangSC-Regular, PingFang SC;
                    font-weight: 400;
                    color: #AAAAAA;
                    color: #333333;
                }
            }
        }
@@ -120,13 +123,13 @@
                    font-size: 13px;
                    font-family: PingFangSC-Regular, PingFang SC;
                    font-weight: 400;
                    color: #333333;
                    color: #777777;
                }
                .value{
                    font-size: 13px;
                    font-family: PingFangSC-Regular, PingFang SC;
                    font-weight: 400;
                    color: #AAAAAA;
                    color: #333333;
                }
            }
        }
@@ -136,18 +139,15 @@
            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;