| | |
| | | </el-breadcrumb> |
| | | </div> --> |
| | | <div class="layout-navbars-breadcrumb"> |
| | | |
| | | <el-avatar shape="square" style="width: 48px; height: 35px;background-color: #ffffff;margin-right: 10px;margin-left: 10px;" fit="contain" :src="logo" /> |
| | | <el-avatar @click="fanhui" shape="square" style="width: 48px; height: 35px;background-color: #ffffff;margin-right: 10px;margin-left: 10px;" fit="contain" :src="logo" /> |
| | | |
| | | <div class="titleHome">营养管理系统</div> |
| | | <div class="titleHome" @click="fanhui">营养管理系统</div> |
| | | <div style="margin-left: 20px;"> |
| | | <el-dropdown @command="onHandleCommandClick"> |
| | | <span class="el-dropdown-link"> |
| | |
| | | <el-dropdown-menu> |
| | | <el-dropdown-item command="/tongji">患者健康服务统计</el-dropdown-item> |
| | | <el-dropdown-item command="/zhikong/xueqingdanbai">质控-血清蛋白控制率</el-dropdown-item> |
| | | <!-- <el-dropdown-item>Action 3</el-dropdown-item> |
| | | <el-dropdown-item disabled>Action 4</el-dropdown-item> |
| | | <el-dropdown-item divided>Action 5</el-dropdown-item> --> |
| | | <el-dropdown-item command="/zhikong/xuehongdanbai">质控-血红蛋白控制率</el-dropdown-item> |
| | | <el-dropdown-item command="/zhikong/xueqingtie">质控-血清铁控制率</el-dropdown-item> |
| | | <el-dropdown-item command="/zhikong/xueqingtiedanbai">质控-血清铁蛋白控制率</el-dropdown-item> |
| | | <el-dropdown-item command="/zhikong/ztjhl">质控-总铁结合力</el-dropdown-item> |
| | | <el-dropdown-item command="/zhikong/ztdbbhd">质控-转铁蛋白饱和度</el-dropdown-item> |
| | | <el-dropdown-item command="/zhikong/jia">质控-钾控制率</el-dropdown-item> |
| | | <el-dropdown-item command="/zhikong/gai">质控-钙控制率</el-dropdown-item> |
| | | <el-dropdown-item command="/zhikong/na">质控-钠控制率</el-dropdown-item> |
| | | <el-dropdown-item command="/zhikong/ling">质控-磷控制率</el-dropdown-item> |
| | | |
| | | </el-dropdown-menu> |
| | | </template> |
| | | </el-dropdown> |
| | |
| | | const onHandleCommandClick = (path: string) => { |
| | | router.push(path); |
| | | }; |
| | | const fanhui=()=>{ |
| | | router.push('/'); |
| | | } |
| | | // 页面加载时 |
| | | onMounted(() => { |
| | | initRouteSplit(route.path); |
| | |
| | | align-items: center; |
| | | background: var(--next-bg-topBar); |
| | | border-bottom: 1px solid var(--next-border-color-light); |
| | | |
| | | } |
| | | </style> |
| | |
| | | }, |
| | | }, |
| | | { |
| | | path: '/zhikong/xuehongdanbai', |
| | | name: 'xuehongdanbai', |
| | | component: () => import('/@/views/zhikong/xuehongdanbai.vue'), |
| | | meta: { |
| | | title: 'message.router.xuehongdanbai', |
| | | isLink: '', |
| | | isHide: false, |
| | | isKeepAlive: true, |
| | | isAffix: false, |
| | | isIframe: false, |
| | | roles: ['admin', 'common'], |
| | | icon: 'iconfont icon-gerenzhongxin', |
| | | }, |
| | | }, |
| | | { |
| | | path: '/zhikong/xueqingtie', |
| | | name: 'xueqingtie', |
| | | component: () => import('/@/views/zhikong/xueqingtie.vue'), |
| | | meta: { |
| | | title: 'message.router.xueqingtie', |
| | | isLink: '', |
| | | isHide: false, |
| | | isKeepAlive: true, |
| | | isAffix: false, |
| | | isIframe: false, |
| | | roles: ['admin', 'common'], |
| | | icon: 'iconfont icon-gerenzhongxin', |
| | | }, |
| | | }, |
| | | { |
| | | path: '/zhikong/xueqingtiedanbai', |
| | | name: 'xueqingtiedanbai', |
| | | component: () => import('/@/views/zhikong/xueqingtiedanbai.vue'), |
| | | meta: { |
| | | title: 'message.router.xueqingtiedanbai', |
| | | isLink: '', |
| | | isHide: false, |
| | | isKeepAlive: true, |
| | | isAffix: false, |
| | | isIframe: false, |
| | | roles: ['admin', 'common'], |
| | | icon: 'iconfont icon-gerenzhongxin', |
| | | }, |
| | | }, |
| | | { |
| | | path: '/zhikong/ztjhl', |
| | | name: 'ztjhl', |
| | | component: () => import('/@/views/zhikong/ztjhl.vue'), |
| | | meta: { |
| | | title: 'message.router.ztjhl', |
| | | isLink: '', |
| | | isHide: false, |
| | | isKeepAlive: true, |
| | | isAffix: false, |
| | | isIframe: false, |
| | | roles: ['admin', 'common'], |
| | | icon: 'iconfont icon-gerenzhongxin', |
| | | }, |
| | | }, |
| | | { |
| | | path: '/zhikong/ztdbbhd', |
| | | name: 'ztdbbhd', |
| | | component: () => import('/@/views/zhikong/ztdbbhd.vue'), |
| | | meta: { |
| | | title: 'message.router.ztdbbhd', |
| | | isLink: '', |
| | | isHide: false, |
| | | isKeepAlive: true, |
| | | isAffix: false, |
| | | isIframe: false, |
| | | roles: ['admin', 'common'], |
| | | icon: 'iconfont icon-gerenzhongxin', |
| | | }, |
| | | }, |
| | | { |
| | | path: '/zhikong/jia', |
| | | name: 'jia', |
| | | component: () => import('/@/views/zhikong/xj.vue'), |
| | | meta: { |
| | | title: 'message.router.jia', |
| | | isLink: '', |
| | | isHide: false, |
| | | isKeepAlive: true, |
| | | isAffix: false, |
| | | isIframe: false, |
| | | roles: ['admin', 'common'], |
| | | icon: 'iconfont icon-gerenzhongxin', |
| | | }, |
| | | }, |
| | | { |
| | | path: '/zhikong/gai', |
| | | name: 'gai', |
| | | component: () => import('/@/views/zhikong/xg.vue'), |
| | | meta: { |
| | | title: 'message.router.gai', |
| | | isLink: '', |
| | | isHide: false, |
| | | isKeepAlive: true, |
| | | isAffix: false, |
| | | isIframe: false, |
| | | roles: ['admin', 'common'], |
| | | icon: 'iconfont icon-gerenzhongxin', |
| | | }, |
| | | }, |
| | | { |
| | | path: '/zhikong/na', |
| | | name: 'na', |
| | | component: () => import('/@/views/zhikong/xn.vue'), |
| | | meta: { |
| | | title: 'message.router.na', |
| | | isLink: '', |
| | | isHide: false, |
| | | isKeepAlive: true, |
| | | isAffix: false, |
| | | isIframe: false, |
| | | roles: ['admin', 'common'], |
| | | icon: 'iconfont icon-gerenzhongxin', |
| | | }, |
| | | }, |
| | | { |
| | | path: '/zhikong/ling', |
| | | name: 'ling', |
| | | component: () => import('/@/views/zhikong/xl.vue'), |
| | | meta: { |
| | | title: 'message.router.ling', |
| | | isLink: '', |
| | | isHide: false, |
| | | isKeepAlive: true, |
| | | isAffix: false, |
| | | isIframe: false, |
| | | roles: ['admin', 'common'], |
| | | icon: 'iconfont icon-gerenzhongxin', |
| | | }, |
| | | }, |
| | | { |
| | | path: '/tools', |
| | | name: 'tools', |
| | | component: () => import('/@/views/tools/index.vue'), |
| | |
| | | type: 'html', |
| | | css: ['@/assets/css/printcss.css','//at.alicdn.com/t/c/font_2298093_rnp72ifj3ba.css', '//unpkg.com/element-plus/dist/index.css'], |
| | | scanStyles: false, |
| | | style: `@media print{}}`, |
| | | style: `@media print{.gridtable { |
| | | font-family: verdana, arial, sans-serif; |
| | | |
| | | color: #333333; |
| | | border-width: 1px; |
| | | border-color: #666666; |
| | | border-collapse: collapse; |
| | | |
| | | } |
| | | |
| | | .gridtable th { |
| | | border-width: 1px; |
| | | padding: 8px; |
| | | border-style: solid; |
| | | border-color: #666666; |
| | | background-color: #a4b0e2; |
| | | } |
| | | |
| | | .gridtable td { |
| | | border-width: 1px; |
| | | padding: 8px; |
| | | border-style: solid; |
| | | border-color: #666666; |
| | | text-align: center; |
| | | } |
| | | |
| | | .htr { |
| | | background-color: rgb(250, 236, 216); |
| | | font-weight: 800; |
| | | |
| | | } |
| | | |
| | | .lvse { |
| | | background-color: rgb(239.8, 248.9, 235.3); |
| | | }}}`, |
| | | }); |
| | | } |
| | | const numberPart=(str:any)=>{ |
| New file |
| | |
| | | <template> |
| | | <ControlRate ref="controlRateRef" /> |
| | | </template> |
| | | |
| | | <script lang="ts" setup> |
| | | import { ref, onMounted } from 'vue'; |
| | | import ControlRate from './components/components.vue'; |
| | | |
| | | const controlRateRef = ref(); |
| | | |
| | | onMounted(() => { |
| | | const end = new Date(); |
| | | const start = new Date(); |
| | | start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); |
| | | controlRateRef.value && |
| | | controlRateRef.value.initCompData({ |
| | | title: '铁蛋白控制率', |
| | | itemName: '铁蛋白', |
| | | defaultNameAndUnit: '铁蛋白(g/L)', |
| | | subTit: '铁蛋白', |
| | | whereFrom: { |
| | | itemName: '', |
| | | medMonth: 0, |
| | | isInState: 1, |
| | | statType: 0, |
| | | limitBottom: 46.53, |
| | | // filterStyle: 0, |
| | | limitTop: 439.27, |
| | | dates: [start, end], |
| | | }, |
| | | }); |
| | | }); |
| | | </script> |
| | | |
| | | <style> |
| | | </style> |
| New file |
| | |
| | | <template> |
| | | <ControlRate ref="controlRateRef" /> |
| | | </template> |
| | | |
| | | <script lang="ts" setup> |
| | | import { ref, onMounted } from 'vue'; |
| | | import ControlRate from './components/components.vue'; |
| | | |
| | | const controlRateRef = ref(); |
| | | |
| | | onMounted(() => { |
| | | const end = new Date(); |
| | | const start = new Date(); |
| | | start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); |
| | | controlRateRef.value && |
| | | controlRateRef.value.initCompData({ |
| | | title: '钙控制率', |
| | | itemName: '钙', |
| | | defaultNameAndUnit: '钙(g/L)', |
| | | subTit: '钙', |
| | | whereFrom: { |
| | | itemName: '', |
| | | medMonth: 0, |
| | | isInState: 1, |
| | | statType: 0, |
| | | limitBottom: 2.1, |
| | | // filterStyle: 0, |
| | | limitTop: 2.5, |
| | | dates: [start, end], |
| | | }, |
| | | }); |
| | | }); |
| | | </script> |
| | | |
| | | <style> |
| | | </style> |
| New file |
| | |
| | | |
| | | <template> |
| | | <ControlRate ref="controlRateRef" /> |
| | | </template> |
| | | |
| | | <script lang="ts" setup> |
| | | import { ref, onMounted } from 'vue'; |
| | | import ControlRate from './components/components.vue'; |
| | | |
| | | const controlRateRef = ref(); |
| | | |
| | | onMounted(() => { |
| | | const end = new Date(); |
| | | const start = new Date(); |
| | | start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); |
| | | controlRateRef.value && |
| | | controlRateRef.value.initCompData({ |
| | | title: '钾控制率', |
| | | itemName: '钾', |
| | | defaultNameAndUnit: '钾(g/L)', |
| | | subTit: '钾', |
| | | whereFrom: { |
| | | itemName: '', |
| | | medMonth: 0, |
| | | isInState: 1, |
| | | statType: 0, |
| | | limitBottom: 3.5, |
| | | // filterStyle: 0, |
| | | limitTop: 5.3, |
| | | dates: [start, end], |
| | | }, |
| | | }); |
| | | }); |
| | | </script> |
| | | |
| | | <style> |
| | | </style> |
| New file |
| | |
| | | <template> |
| | | <ControlRate ref="controlRateRef" /> |
| | | </template> |
| | | |
| | | <script lang="ts" setup> |
| | | import { ref, onMounted } from 'vue'; |
| | | import ControlRate from './components/components.vue'; |
| | | |
| | | const controlRateRef = ref(); |
| | | |
| | | onMounted(() => { |
| | | const end = new Date(); |
| | | const start = new Date(); |
| | | start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); |
| | | controlRateRef.value && |
| | | controlRateRef.value.initCompData({ |
| | | title: '磷控制率', |
| | | itemName: '磷', |
| | | defaultNameAndUnit: '磷(g/L)', |
| | | subTit: '磷', |
| | | whereFrom: { |
| | | itemName: '', |
| | | medMonth: 0, |
| | | isInState: 1, |
| | | statType: 0, |
| | | limitBottom: 1.13, |
| | | // filterStyle: 0, |
| | | limitTop: 1.78, |
| | | dates: [start, end], |
| | | }, |
| | | }); |
| | | }); |
| | | </script> |
| | | |
| | | <style> |
| | | </style> |
| New file |
| | |
| | | <template> |
| | | <ControlRate ref="controlRateRef" /> |
| | | </template> |
| | | |
| | | <script lang="ts" setup> |
| | | import { ref, onMounted } from 'vue'; |
| | | import ControlRate from './components/components.vue'; |
| | | |
| | | const controlRateRef = ref(); |
| | | |
| | | onMounted(() => { |
| | | const end = new Date(); |
| | | const start = new Date(); |
| | | start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); |
| | | controlRateRef.value && |
| | | controlRateRef.value.initCompData({ |
| | | title: '钠控制率', |
| | | itemName: '钠', |
| | | defaultNameAndUnit: '钠(g/L)', |
| | | subTit: '钠', |
| | | whereFrom: { |
| | | itemName: '', |
| | | medMonth: 0, |
| | | isInState: 1, |
| | | statType: 0, |
| | | limitBottom: 135, |
| | | // filterStyle: 0, |
| | | limitTop: 145, |
| | | dates: [start, end], |
| | | }, |
| | | }); |
| | | }); |
| | | </script> |
| | | |
| | | <style> |
| | | </style> |
| New file |
| | |
| | | <template> |
| | | <ControlRate ref="controlRateRef" /> |
| | | </template> |
| | | |
| | | <script lang="ts" setup> |
| | | import { ref, onMounted } from 'vue'; |
| | | import ControlRate from './components/components.vue'; |
| | | |
| | | const controlRateRef = ref(); |
| | | |
| | | onMounted(() => { |
| | | const end = new Date(); |
| | | const start = new Date(); |
| | | start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); |
| | | controlRateRef.value && |
| | | controlRateRef.value.initCompData({ |
| | | title: '血红蛋白控制率', |
| | | itemName: '血红蛋白', |
| | | defaultNameAndUnit: '血红蛋白(g/L)', |
| | | subTit: '血红蛋白', |
| | | whereFrom: { |
| | | itemName: '', |
| | | medMonth: 0, |
| | | isInState: 1, |
| | | statType: 0, |
| | | limitBottom: 110, |
| | | // filterStyle: 0, |
| | | limitTop: '', |
| | | dates: [start, end], |
| | | }, |
| | | }); |
| | | }); |
| | | </script> |
| | | |
| | | <style> |
| | | </style> |
| New file |
| | |
| | | <template> |
| | | <ControlRate ref="controlRateRef" /> |
| | | </template> |
| | | |
| | | <script lang="ts" setup> |
| | | import { ref, onMounted } from 'vue'; |
| | | import ControlRate from './components/components.vue'; |
| | | |
| | | const controlRateRef = ref(); |
| | | |
| | | onMounted(() => { |
| | | const end = new Date(); |
| | | const start = new Date(); |
| | | start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); |
| | | controlRateRef.value && |
| | | controlRateRef.value.initCompData({ |
| | | title: '血清铁制率', |
| | | itemName: '血清铁', |
| | | defaultNameAndUnit: '血清铁(g/L)', |
| | | subTit: '血清铁', |
| | | whereFrom: { |
| | | itemName: '', |
| | | medMonth: 0, |
| | | isInState: 1, |
| | | statType: 0, |
| | | limitBottom: 27, |
| | | // filterStyle: 0, |
| | | limitTop: 375, |
| | | dates: [start, end], |
| | | }, |
| | | }); |
| | | }); |
| | | </script> |
| | | |
| | | <style> |
| | | </style> |
| New file |
| | |
| | | <template> |
| | | <ControlRate ref="controlRateRef" /> |
| | | </template> |
| | | |
| | | <script lang="ts" setup> |
| | | import { ref, onMounted } from 'vue'; |
| | | import ControlRate from './components/components.vue'; |
| | | |
| | | const controlRateRef = ref(); |
| | | |
| | | onMounted(() => { |
| | | const end = new Date(); |
| | | const start = new Date(); |
| | | start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); |
| | | controlRateRef.value && |
| | | controlRateRef.value.initCompData({ |
| | | title: '血清铁蛋白控制率', |
| | | itemName: '血清铁蛋白', |
| | | defaultNameAndUnit: '血清铁蛋白(g/L)', |
| | | subTit: '血清铁蛋白', |
| | | whereFrom: { |
| | | itemName: '', |
| | | medMonth: 0, |
| | | isInState: 1, |
| | | statType: 0, |
| | | limitBottom: 27, |
| | | // filterStyle: 0, |
| | | limitTop: 375, |
| | | dates: [start, end], |
| | | }, |
| | | }); |
| | | }); |
| | | </script> |
| | | |
| | | <style> |
| | | </style> |
| New file |
| | |
| | | <template> |
| | | <ControlRate ref="controlRateRef" /> |
| | | </template> |
| | | |
| | | <script lang="ts" setup> |
| | | import { ref, onMounted } from 'vue'; |
| | | import ControlRate from './components/components.vue'; |
| | | |
| | | const controlRateRef = ref(); |
| | | |
| | | onMounted(() => { |
| | | const end = new Date(); |
| | | const start = new Date(); |
| | | start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); |
| | | controlRateRef.value && |
| | | controlRateRef.value.initCompData({ |
| | | title: '转铁蛋白饱和度控制率', |
| | | itemName: '转铁蛋白饱和度', |
| | | defaultNameAndUnit: '转铁蛋白饱和度', |
| | | subTit: '转铁蛋白饱和度', |
| | | whereFrom: { |
| | | itemName: '', |
| | | medMonth: 0, |
| | | isInState: 1, |
| | | statType: 0, |
| | | limitBottom: 20, |
| | | // filterStyle: 0, |
| | | limitTop: '', |
| | | dates: [start, end], |
| | | }, |
| | | }); |
| | | }); |
| | | </script> |
| | | |
| | | <style> |
| | | </style> |
| New file |
| | |
| | | <template> |
| | | <ControlRate ref="controlRateRef" /> |
| | | </template> |
| | | |
| | | <script lang="ts" setup> |
| | | import { ref, onMounted } from 'vue'; |
| | | import ControlRate from './components/components.vue'; |
| | | |
| | | const controlRateRef = ref(); |
| | | |
| | | onMounted(() => { |
| | | const end = new Date(); |
| | | const start = new Date(); |
| | | start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); |
| | | controlRateRef.value && |
| | | controlRateRef.value.initCompData({ |
| | | title: '总铁结合力', |
| | | itemName: '总铁结合力', |
| | | defaultNameAndUnit: '总铁结合力', |
| | | subTit: '总铁结合力', |
| | | whereFrom: { |
| | | itemName: '', |
| | | medMonth: 0, |
| | | isInState: 1, |
| | | statType: 0, |
| | | limitBottom: 45, |
| | | // filterStyle: 0, |
| | | limitTop: 75, |
| | | dates: [start, end], |
| | | }, |
| | | }); |
| | | }); |
| | | </script> |
| | | |
| | | <style> |
| | | </style> |