| | |
| | | display: grid; |
| | | background-color:#F6FAFF; |
| | | } |
| | | .fanhui{ |
| | | padding-top: 20px; |
| | | width: 100%; |
| | | background: red; |
| | | } |
| | | </style> |
| | | |
| | |
| | | // import 'vant/es/toast/style' |
| | | // 引入全局样式 |
| | | import 'vant/lib/index.css' |
| | | import { Col, Row,Icon,Button,Field } from 'vant' |
| | | import { Col, Row,Icon,Button,Field,NavBar } from 'vant' |
| | | import { createPinia } from 'pinia' |
| | | // mock数据 |
| | | // import './utils/mock' |
| | |
| | | app.use(Icon) |
| | | app.use(Button) |
| | | app.use(Field) |
| | | app.use(NavBar) |
| | | app.use(router) |
| | | app.use(createPinia()) |
| | | app.mount('#app') |
| | |
| | | { 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: '/reportItem', 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')} |
| | |
| | | |
| | | const router = createRouter({ |
| | | history: createWebHistory(), |
| | | base:'http://wechat.ihemodialysis.com/', |
| | | base:'', |
| | | routes, |
| | | }) |
| | | |
| | |
| | | </div> |
| | | <div class="listInfos"> |
| | | <div class="listrow"> |
| | | <div class="rowioc" contenteditable> |
| | | <div class="rowioc"> |
| | | <van-image |
| | | width="24px" |
| | | height="24px" |
| | | :src="List1" |
| | | /> |
| | | </div> |
| | | <div class="rowtext" contenteditable> |
| | | <div class="rowtext"> |
| | | <div class="rowb">健康趋势</div> |
| | | <div class="rowc">Health trends</div> |
| | | </div> |
| | | <div class="rowiocback" contenteditable> |
| | | <div class="rowiocback"> |
| | | <van-image |
| | | :src="Black" |
| | | /> |
| | | </div> |
| | | </div> |
| | | <div class="listrow"> |
| | | <div class="rowioc" contenteditable> |
| | | <div class="rowioc"> |
| | | <van-image |
| | | width="24px" |
| | | height="24px" |
| | | :src="List1" |
| | | /> |
| | | </div> |
| | | <div class="rowtext" contenteditable> |
| | | <div class="rowtext"> |
| | | <div class="rowb">健康趋势</div> |
| | | <div class="rowc">Health trends</div> |
| | | </div> |
| | | <div class="rowiocback" contenteditable> |
| | | <div class="rowiocback"> |
| | | <van-image |
| | | :src="Black" |
| | | /> |
| | |
| | | <template> |
| | | <div class="paiban"> |
| | | <van-nav-bar |
| | | title="" |
| | | left-text="返回" |
| | | left-arrow |
| | | /> |
| | | <!-- <div class="fanhui"> |
| | | 返回上一页 |
| | | </div> --> |
| | | <div> |
| | | <van-calendar |
| | | color="#769AFF" |
| | |
| | | return day |
| | | } |
| | | </script> |
| | | <style lang="scss"> |
| | | <style scoped lang="scss"> |
| | | .paibanclass{ |
| | | // background: rgb(228, 231, 225); |
| | | color: blue; |
| | |
| | | } |
| | | } |
| | | } |
| | | .fanhui{ |
| | | // padding-top: 20px; |
| | | width: 100%; |
| | | background: #4696F9; |
| | | text-align: center; |
| | | border-radius: 5px; |
| | | color:#FFFFFF; |
| | | height: 36px; |
| | | line-height: 36px; |
| | | } |
| | | </style> |
| | |
| | | <template> |
| | | <div class="report"> |
| | | <van-nav-bar |
| | | title="" |
| | | left-text="返回" |
| | | left-arrow |
| | | /> |
| | | <div class="inputdiv"> |
| | | <van-field left-icon="search" class="input" v-model="inputValue" placeholder="模糊匹配项目、日期检索" /> |
| | | </div> |
| | |
| | | <template> |
| | | <div class="record"> |
| | | <van-nav-bar |
| | | title="" |
| | | left-text="返回" |
| | | left-arrow |
| | | /> |
| | | <div> |
| | | <van-calendar |
| | | color="#769AFF" |
| | |
| | | } |
| | | } |
| | | } |
| | | .fanhui{ |
| | | // padding-top: 20px; |
| | | width: 100%; |
| | | background: #4696F9; |
| | | text-align: center; |
| | | border-radius: 5px; |
| | | color:#FFFFFF; |
| | | height: 36px; |
| | | line-height: 36px; |
| | | } |
| | | </style> |
| | |
| | | <template> |
| | | <div class="report"> |
| | | <van-nav-bar |
| | | title="" |
| | | left-text="返回" |
| | | left-arrow |
| | | /> |
| | | <div class="inputdiv"> |
| | | <van-field left-icon="search" class="input" v-model="inputValue" placeholder="模糊匹配项目、日期检索" /> |
| | | </div> |
| | |
| | | </van-row> |
| | | <van-row class="lable"> |
| | | <van-col span="12">检验值</van-col> |
| | | <van-col span="12" style="text-align: right; color: #769AFF ;" @click="topath('/report/item')">点击查看详情</van-col> |
| | | <van-col span="12" style="text-align: right; color: #769AFF ;" @click="topath('/reportItem')">点击查看详情</van-col> |
| | | </van-row> |
| | | <van-row class="lable"> |
| | | <van-col span="12">最新检查日期</van-col> |
| | |
| | | router.push(url) |
| | | } |
| | | </script> |
| | | <style lang="scss"> |
| | | <style scoped lang="scss"> |
| | | .report{ |
| | | background-color: #F6FAFF; |
| | | padding: 0; |
| | |
| | | <template> |
| | | <div class="reportItem"> |
| | | <van-nav-bar |
| | | title="" |
| | | left-text="返回" |
| | | left-arrow |
| | | /> |
| | | <div class="tou"> |
| | | <van-row> |
| | | <van-col span="10"> |
| | |
| | | router.push(url) |
| | | } |
| | | </script> |
| | | <style lang="scss"> |
| | | <style scoped lang="scss"> |
| | | .reportItem{ |
| | | background-color: #F6FAFF; |
| | | padding: 0 0 10 0; |