refactor: register ant-design-vue components in main.js #28

src/pages/dashboard/Analysis.vue

@@ -102,17 +102,10 @@
 </template>
 
 <script>
-import ACol from 'ant-design-vue/es/grid/Col'
-import ARow from 'ant-design-vue/es/grid/Row'
-import ACard from 'ant-design-vue/es/card/Card'
 import ChartCard from '../../components/card/ChartCard'
-import ATooltip from 'ant-design-vue/es/tooltip/Tooltip'
-import AIcon from 'ant-design-vue/es/icon/icon'
 import MiniArea from '../../components/chart/MiniArea'
 import MiniBar from '../../components/chart/MiniBar'
 import MiniProgress from '../../components/chart/MiniProgress'
-import ATabs from 'ant-design-vue/es/tabs'
-import ADatePicker from 'ant-design-vue/es/date-picker'
 import Bar from '../../components/chart/Bar'
 import RankingList from '../../components/chart/RankingList'
 import HotSearch from '../../components/analysis/HotSearch'
@@ -128,8 +121,6 @@ for (let i = 0; i < 8; i++) {
   })
 }
 
-const ATabPane = ATabs.TabPane
-const ARangePicker = ADatePicker.RangePicker
 export default {
   name: 'analysis',
   data () {
@@ -137,24 +128,7 @@ export default {
       rankList
     }
   },
-  components: {
-    Trend,
-    SalesData,
-    HotSearch,
-    RankingList,
-    Bar,
-    ARangePicker,
-    ATabPane,
-    ATabs,
-    MiniProgress,
-    MiniBar,
-    MiniArea,
-    AIcon,
-    ATooltip,
-    ChartCard,
-    ACard,
-    ARow,
-    ACol}
+  components: {Trend, SalesData, HotSearch, RankingList, Bar, MiniProgress, MiniBar, MiniArea, ChartCard}
 }
 </script>
 

src/pages/dashboard/WorkPlace.vue

@@ -89,39 +89,12 @@
 <script>
 import PageHeader from '../../components/page/PageHeader'
 import PageLayout from '../../layouts/PageLayout'
-import AAvatar from 'ant-design-vue/es/avatar/Avatar'
 import HeadInfo from '../../components/tool/HeadInfo'
-import ARow from 'ant-design-vue/es/grid/Row'
-import ACol from 'ant-design-vue/es/grid/Col'
-import ACard from 'ant-design-vue/es/card/Card'
-import ACardGrid from 'ant-design-vue/es/card/Grid'
-import ACardMeta from 'ant-design-vue/es/card/Meta'
-import AList from 'ant-design-vue/es/list/index'
-import AListItem from 'ant-design-vue/es/list/Item'
-import AButton from 'ant-design-vue/es/button/button'
-import AIcon from 'ant-design-vue/es/icon/icon'
 import Radar from '../../components/chart/Radar'
 
-const AListItemMeta = AListItem.Meta
-
 export default {
   name: 'WorkPlace',
-  components: {
-    Radar,
-    AIcon,
-    AButton,
-    AListItemMeta,
-    AListItem,
-    AList,
-    ACardMeta,
-    ACardGrid,
-    ACard,
-    ACol,
-    ARow,
-    HeadInfo,
-    AAvatar,
-    PageLayout,
-    PageHeader},
+  components: {Radar, HeadInfo, PageLayout, PageHeader},
   data () {
     return {
       projects: [],