Browse Source

数据大屏转移至新建菜单

hsh 2 years ago
parent
commit
0ff5456f44
2 changed files with 84 additions and 0 deletions
  1. 6 0
      src/router/modules/dashboard.js
  2. 78 0
      src/views/operate-monitoring/DataBigScreen.vue

+ 6 - 0
src/router/modules/dashboard.js

@@ -767,6 +767,12 @@ const route = [
                     type: "2",
                 }
             },
+            {
+                path: 'dataBigScreen',
+                component: createNameComponent(() => import('@/views/operate-monitoring/DataBigScreen.vue')),
+                meta: {title: '数据大屏'},
+                params: {}
+            },
         ],
     },
 ]

+ 78 - 0
src/views/operate-monitoring/DataBigScreen.vue

@@ -0,0 +1,78 @@
+<template>
+    <el-button icon="Search" type="primary" @click="selectFullScreen1">数据大屏示例</el-button>
+    <el-button icon="Search" type="primary" @click="selectFullScreen2">门诊-住院医技</el-button>
+    <el-button icon="Search" type="primary" @click="selectFullScreen3">门诊-住院财务</el-button>
+    <el-dialog v-model="fullDrawer1" fullscreen destroy-on-close>
+        <FullScreenFirstPage :fullScreenFirst="fullScreenFirst" />
+    </el-dialog>
+    <el-dialog v-model="fullDrawer2" fullscreen destroy-on-close>
+        <FullScreenSecondPage :fullScreenFirst="fullScreenSecond" />
+    </el-dialog>
+    <el-dialog v-model="fullDrawer3" fullscreen destroy-on-close>
+        <FullScreenThirdPage :fullScreenFirst="fullScreenFirst" />
+    </el-dialog>
+</template>
+
+<script setup name='Test' lang="ts">
+import { ref, reactive } from 'vue'
+import FullScreenFirstPage from '../../components/fullScreen/fullPage/FullScreenFirstPage.vue'
+import FullScreenSecondPage from '../../components/fullScreen/fullPage/FullScreenSecondPage.vue'
+import FullScreenThirdPage from '../../components/fullScreen/fullPage/FullScreenThirdPage.vue'
+import { getDate } from '../../utils/date.js'
+
+let dateS = getDate()
+const params = reactive({
+    dept: '信息中心',
+    title: '长沙泰和医院门诊-住院诊间数据一览表',
+    type: 'cw',
+    reportType: 'cw',
+    startTime: dateS + ' 00:00:00',
+    endTime: dateS + ' 23:59:59',
+})
+
+const params2 = reactive({
+    dept: '信息中心',
+    title: '长沙泰和医院医技诊间数据一览表',
+    type: 'yj',
+    reportType: 'yj',
+    startTime: dateS + ' 00:00:00',
+    endTime: dateS + ' 23:59:59',
+})
+
+const fullDrawer1 = ref(false)
+const fullScreenFirst = ref({})
+const selectFullScreen1 = () => {
+    fullScreenFirst.value = params
+    fullDrawer1.value = true
+}
+
+const fullDrawer2 = ref(false)
+const fullScreenSecond = ref({})
+const selectFullScreen2 = () => {
+    fullScreenSecond.value = params2
+    fullDrawer2.value = true
+
+}
+
+const fullDrawer3 = ref(false)
+const selectFullScreen3 = () => {
+    fullScreenFirst.value = params
+    fullDrawer3.value = true
+
+}
+
+</script>
+
+<style lang="scss" scoped>
+html,
+body,
+#app {
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+html.dark {
+    background: #121212;
+}
+</style>