6.3 0.2

src/views/dashboard/index.vue

@@ -1,64 +0,0 @@
-<template>
-    <div id='myChart' style='width:300px; height:300px;position: absolute;'></div>
-</template>
-
-<script>
-import {defineComponent, toRefs, reactive, onMounted} from 'vue'
-import * as echarts from 'echarts'
-
-export default defineComponent({
-    name: 'Histogram',
-    setup() {
-        const state = reactive({
-            option: {
-                grid: {
-                    top: '4%',
-                    left: '2%',
-                    right: '4%',
-                    bottom: '0%',
-                    containLabel: true,
-                },
-                xAxis: [
-                    {
-                        type: 'category',
-                        data: ["芳草地国际", "实验小学", "白家庄小学", "外国语小学", "师范学校附属", "望京东园"],
-                        axisTick: {
-                            alignWithLabel: true,
-                        },
-                    },
-                ],
-                yAxis: [
-                    {
-                        type: 'value',
-                    },
-                ],
-                series: [
-                    {
-                        name: '学校',
-                        type: 'bar',
-                        barWidth: '40%',
-                        data: [260, 680, 360, 460, 150, 320],
-                    },
-                ],
-            },
-        })
-        const initeCharts = () => {
-            let myChart = echarts.init(document.getElementById('myChart'))
-            // 绘制图表
-            myChart.setOption(state.option)
-        }
-
-        onMounted(() => {
-            initeCharts()
-        })
-
-        return {
-            ...toRefs(state),
-        }
-    },
-})
-</script>
-
-<style scoped>
-
-</style>

src/views/dialog/index.vue

@@ -1,44 +0,0 @@
-<template>
-    <el-button text @click="dialogVisible = true">
-        click to open the Dialog
-    </el-button>
-
-    <el-dialog
-            v-model="dialogVisible"
-            title="Tips"
-            width="30%"
-            :before-close="handleClose"
-    >
-        <span>This is a message</span>
-        <template #footer>
-      <span class="dialog-footer">
-        <el-button @click="dialogVisible = false">Cancel</el-button>
-        <el-button type="primary" @click="dialogVisible = false">
-          Confirm
-        </el-button>
-      </span>
-        </template>
-    </el-dialog>
-</template>
-
-<script lang="ts" setup>
-import { ref } from 'vue'
-import { ElMessageBox } from 'element-plus'
-
-const dialogVisible = ref(false)
-
-const handleClose = (done: () => void) => {
-    ElMessageBox.confirm('Are you sure to close this dialog?')
-        .then(() => {
-            done()
-        })
-        .catch(() => {
-            // catch error
-        })
-}
-</script>
-<style scoped>
-.dialog-footer button:first-child {
-    margin-right: 10px;
-}
-</style>