| | |
| | | <template> |
| | | <div class="reportItem"> |
| | | <van-nav-bar |
| | | title="" |
| | | left-text="返回" |
| | | left-arrow |
| | | @click="fanhui" |
| | | /> |
| | | <div class="tou"> |
| | | <van-row> |
| | | <van-col span="10"> |
| | |
| | | <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> |
| | |
| | | <div class="listdiv"> |
| | | <div class="listrow"> |
| | | <van-row class="thclass"> |
| | | <van-col span="12">检验项目</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">嗜碱性粒细胞绝对值(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> |
| | |
| | | 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; |
| | |
| | | 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; |
| | | } |
| | | } |
| | | } |
| | |
| | | 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; |
| | | } |
| | | } |
| | | } |
| | |
| | | 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; |
| | |
| | | color: #777777; |
| | | } |
| | | .tdclassb{ |
| | | padding-left: 20px; |
| | | // padding-left: 20px; |
| | | height:30px; |
| | | line-height: 30px; |
| | | font-size: 13px; |