工作台

src/components/jc/workbench.vue

@@ -0,0 +1,61 @@
+<template>
+    <div class="workblock">
+        <div class="block" @click="getRoutineMonitor()">
+            <el-image style="width: 150px; height: 150px" :src=r></el-image>
+        </div>
+        <div class="block" @click="getSpecialMonitor()">
+            <el-image style="width: 150px; height: 150px" :src=s></el-image>
+        </div>
+        <div class="block" @click="getSubjectInformation()">
+            <el-image style="width: 150px; height: 150px" :src=p></el-image>
+        </div>
+        <div class="block">
+            <el-image style="width: 150px; height: 150px" :src=sy></el-image>
+        </div>
+    </div>
+</template>
+<script>
+
+export default {
+    data() {
+      return {
+        r: require('../../assets/img/routineMo.png'),
+        s: require('../../assets/img/specialMo.png'),
+        p: require('../../assets/img/personalCenter.png'),
+        sy: require('../../assets/img/systemIntroduction.png')
+      }
+    },
+    mounted() {
+		},
+    created() {
+		},
+    methods: {
+        async getRoutineMonitor() {
+            this.$router.push({
+                path: '/jc/routineMonitor',
+            })
+        },
+        async getSpecialMonitor() {
+            this.$router.push({
+                path: '/jc/specialMonitorcd',
+            }) 
+        },
+        async getSubjectInformation() {
+            this.$router.push({
+                path: '/jc/subjectInformation'
+            })
+        }
+    }
+  }
+
+</script>
+<style lang="less" scoped>
+    .workblock{
+        display: flex;
+        justify-content: center;
+        height: 80%;
+        .block{
+            margin: 1.25rem 1.25rem;
+        }
+    }
+</style>