Blame view

src/views/dashboard/workbench/index.vue 1.11 KB
1
<template>
2
3
  <a-row class="workbench p-4" :gutter="12">
    <a-col :md="24" :lg="17">
4
5
6
      <ProdTotal class="mb-3" />
      <TodoList class="mb-3" />
      <NewsList class="mb-3" />
7
8
    </a-col>
    <a-col :md="24" :lg="7">
9
10
11
      <img src="/@/assets/images/dashboard/wokb/wokb.png" class="workbench__wokb-img mb-3" />
      <ShortCuts class="mb-3" />
      <Week class="mb-3" />
12
13
    </a-col>
  </a-row>
14
15
16
17
18
19
20
21
</template>
<script lang="ts">
  import { defineComponent } from 'vue';
  import ProdTotal from './components/ProdTotal.vue';
  import TodoList from './components/TodoList.vue';
  import Week from './components/Week.vue';
  import NewsList from './components/NewsList.vue';
  import ShortCuts from './components/ShortCuts.vue';
vben authored
22
  import { Row, Col } from 'ant-design-vue';
23
24

  export default defineComponent({
vben authored
25
26
27
28
29
30
31
32
33
    components: {
      ProdTotal,
      TodoList,
      Week,
      ShortCuts,
      NewsList,
      [Row.name]: Row,
      [Col.name]: Col,
    },
34
35
36
37
38
39
40
41
42
43
44
45
46
    setup() {
      return {};
    },
  });
</script>
<style lang="less" scoped>
  .workbench {
    &__wokb-img {
      width: 100%;
      height: 240px;
    }
  }
</style>