From f8f0294c58d915bd7ef87286d6075c581947b5c8 Mon Sep 17 00:00:00 2001
From: iczer <1126263215@qq.com>
Date: Thu, 20 Sep 2018 11:41:28 +0800
Subject: [PATCH] refactor: register ant-design-vue components in main.js #28

---
 src/components/analysis/HotSearch.vue         |  6 +--
 src/components/analysis/SalesData.vue         |  5 ---
 src/components/card/ChartCard.vue             |  2 -
 src/components/chart/MiniProgress.vue         |  2 -
 src/components/chart/Trend.vue                |  2 -
 src/components/checkbox/ColorCheckbox.vue     |  3 --
 src/components/checkbox/ImgCheckbox.vue       |  3 --
 src/components/exception/ExceptionPage.vue    |  2 -
 src/components/menu/Contextmenu.vue           |  4 --
 src/components/menu/SiderMenu.vue             |  3 +-
 src/components/page/PageHeader.vue            |  5 ---
 src/components/result/Result.vue              |  2 -
 src/components/setting/Setting.vue            | 26 +-----------
 src/components/setting/StyleItem.vue          |  4 +-
 src/components/table/StandardTable.vue        |  4 --
 src/components/task/TaskGroup.vue             |  3 +-
 src/components/task/TaskItem.vue              |  4 +-
 src/components/tool/AStepItem.vue             |  3 --
 src/components/tool/AvatarList.vue            |  1 -
 src/components/tool/DetailList.vue            |  2 -
 src/components/tool/Drawer.vue                |  2 -
 src/components/tool/TagSelect.vue             |  5 +--
 src/components/tool/TagSelectOption.vue       |  2 -
 src/layouts/GlobalFooter.vue                  |  4 +-
 src/layouts/GlobalHeader.vue                  | 20 +--------
 src/layouts/GlobalLayout.vue                  | 19 +--------
 src/layouts/HeaderNotice.vue                  | 13 ------
 src/layouts/HeaderSearch.vue                  |  4 --
 src/layouts/HeaderlAvatar.vue                 |  9 ----
 src/layouts/MenuView.vue                      |  7 +---
 src/layouts/PageLayout.vue                    |  3 +-
 src/main.js                                   |  4 +-
 src/pages/dashboard/Analysis.vue              | 28 +------------
 src/pages/dashboard/WorkPlace.vue             | 29 +------------
 src/pages/detail/AdvancedDetail.vue           | 27 +-----------
 src/pages/detail/BasicDetail.vue              |  7 +---
 src/pages/form/BasicForm.vue                  | 27 ------------
 src/pages/form/advancedForm/AdvancedForm.vue  |  4 +-
 .../form/advancedForm/RepositoryForm.vue      | 13 ------
 src/pages/form/advancedForm/TableForm.vue     |  8 ----
 src/pages/form/advancedForm/TaskForm.vue      | 12 ------
 src/pages/form/stepForm/Step1.vue             | 10 -----
 src/pages/form/stepForm/Step2.vue             |  5 ---
 src/pages/form/stepForm/Step3.vue             |  5 +--
 src/pages/form/stepForm/StepForm.vue          |  6 +--
 src/pages/list/CardList.vue                   |  9 ----
 src/pages/list/QueryList.vue                  | 35 +---------------
 src/pages/list/StandardList.vue               | 42 +------------------
 src/pages/list/search/ApplicationList.vue     | 14 +------
 src/pages/list/search/ArticleList.vue         | 10 +----
 src/pages/list/search/ProjectList.vue         |  8 +---
 src/pages/list/search/SearchForm.vue          | 10 +----
 src/pages/list/search/SearchLayout.vue        |  9 ----
 src/pages/login/Login.vue                     | 28 +------------
 src/pages/result/Error.vue                    |  5 +--
 src/pages/result/Success.vue                  | 21 +---------
 56 files changed, 30 insertions(+), 520 deletions(-)

diff --git a/src/components/analysis/HotSearch.vue b/src/components/analysis/HotSearch.vue
index feb0174..329372a 100644
--- a/src/components/analysis/HotSearch.vue
+++ b/src/components/analysis/HotSearch.vue
@@ -34,11 +34,7 @@
 </template>
 
 <script>
-import ARow from 'ant-design-vue/es/grid/Row'
-import ACol from 'ant-design-vue/es/grid/Col'
-import AIcon from 'ant-design-vue/es/icon/icon'
 import MiniArea from '../chart/MiniArea'
-import ATable from 'ant-design-vue/es/table'
 
 const searchData = []
 for (let i = 0; i < 50; i++) {
@@ -79,7 +75,7 @@ const columns = [
 
 export default {
   name: 'HotSearch',
-  components: {ATable, MiniArea, AIcon, ARow, ACol},
+  components: {MiniArea},
   data () {
     return {
       searchData,
diff --git a/src/components/analysis/SalesData.vue b/src/components/analysis/SalesData.vue
index 00c21a0..82bb042 100644
--- a/src/components/analysis/SalesData.vue
+++ b/src/components/analysis/SalesData.vue
@@ -16,12 +16,8 @@
 </template>
 
 <script>
-import ARadio from 'ant-design-vue/es/radio'
 const DataSet = require('@antv/data-set')
 
-const ARadioGroup = ARadio.Group
-const ARadioButton = ARadio.Button
-
 const sourceData = [
   { item: '事例一', count: 40 },
   { item: '事例二', count: 21 },
@@ -46,7 +42,6 @@ dv.transform({
 const data = dv.rows
 export default {
   name: 'SalesData',
-  components: {ARadioGroup, ARadioButton},
   data () {
     return {
       data,
diff --git a/src/components/card/ChartCard.vue b/src/components/card/ChartCard.vue
index a8236fa..e9b1c4b 100644
--- a/src/components/card/ChartCard.vue
+++ b/src/components/card/ChartCard.vue
@@ -21,10 +21,8 @@
 </template>
 
 <script>
-import ACard from 'ant-design-vue/es/card/Card'
 export default {
   name: 'ChartCard',
-  components: {ACard},
   props: ['title', 'total']
 }
 </script>
diff --git a/src/components/chart/MiniProgress.vue b/src/components/chart/MiniProgress.vue
index c1cd41d..ef9157a 100644
--- a/src/components/chart/MiniProgress.vue
+++ b/src/components/chart/MiniProgress.vue
@@ -13,10 +13,8 @@
 </template>
 
 <script>
-import ATooltip from 'ant-design-vue/es/tooltip/Tooltip'
 export default {
   name: 'MiniProgress',
-  components: {ATooltip},
   props: ['target', 'color', 'percent', 'height']
 }
 </script>
diff --git a/src/components/chart/Trend.vue b/src/components/chart/Trend.vue
index bcbfa55..ca6482a 100644
--- a/src/components/chart/Trend.vue
+++ b/src/components/chart/Trend.vue
@@ -7,10 +7,8 @@
 </template>
 
 <script>
-import AIcon from 'ant-design-vue/es/icon/icon'
 export default {
   name: 'Trend',
-  components: {AIcon},
   props: {
     term: {
       type: String,
diff --git a/src/components/checkbox/ColorCheckbox.vue b/src/components/checkbox/ColorCheckbox.vue
index 4763fa1..1622f11 100644
--- a/src/components/checkbox/ColorCheckbox.vue
+++ b/src/components/checkbox/ColorCheckbox.vue
@@ -5,8 +5,6 @@
 </template>
 
 <script>
-import AIcon from 'ant-design-vue/es/icon/icon'
-
 const Group = {
   name: 'ColorCheckboxGroup',
   props: {
@@ -82,7 +80,6 @@ const Group = {
 export default {
   name: 'ColorCheckbox',
   Group: Group,
-  components: {AIcon},
   props: {
     color: {
       type: String,
diff --git a/src/components/checkbox/ImgCheckbox.vue b/src/components/checkbox/ImgCheckbox.vue
index 034fcb5..c014020 100644
--- a/src/components/checkbox/ImgCheckbox.vue
+++ b/src/components/checkbox/ImgCheckbox.vue
@@ -8,8 +8,6 @@
 </template>
 
 <script>
-import AIcon from 'ant-design-vue/es/icon/icon'
-
 const Group = {
   name: 'ImgCheckboxGroup',
   props: {
@@ -94,7 +92,6 @@ export default {
       sChecked: this.checked
     }
   },
-  components: {AIcon},
   inject: ['groupContext'],
   watch: {
     'sChecked': function (val) {
diff --git a/src/components/exception/ExceptionPage.vue b/src/components/exception/ExceptionPage.vue
index a2f9ba6..ca2eea9 100644
--- a/src/components/exception/ExceptionPage.vue
+++ b/src/components/exception/ExceptionPage.vue
@@ -15,13 +15,11 @@
 </template>
 
 <script>
-import AButton from 'ant-design-vue/es/button/button'
 import Config from './typeConfig'
 
 export default {
   name: 'ExceptionPage',
   props: ['type'],
-  components: {AButton},
   data () {
     return {
       config: Config
diff --git a/src/components/menu/Contextmenu.vue b/src/components/menu/Contextmenu.vue
index e7b5cc5..76c2b1e 100644
--- a/src/components/menu/Contextmenu.vue
+++ b/src/components/menu/Contextmenu.vue
@@ -7,12 +7,8 @@
 </template>
 
 <script>
-import AMenu from 'ant-design-vue/es/menu/index'
-import AIcon from 'ant-design-vue/es/icon/icon'
-const AMenuItem = AMenu.Item
 export default {
   name: 'Contextmenu',
-  components: {AIcon, AMenuItem, AMenu},
   props: {
     visible: {
       type: Boolean,
diff --git a/src/components/menu/SiderMenu.vue b/src/components/menu/SiderMenu.vue
index aedafad..4c641d1 100644
--- a/src/components/menu/SiderMenu.vue
+++ b/src/components/menu/SiderMenu.vue
@@ -11,11 +11,10 @@
 </template>
 
 <script>
-import ALayoutSider from 'ant-design-vue/es/layout/Sider'
 import IMenu from './menu'
 export default {
   name: 'SiderMenu',
-  components: {IMenu, ALayoutSider},
+  components: {IMenu},
   props: {
     collapsible: {
       type: Boolean,
diff --git a/src/components/page/PageHeader.vue b/src/components/page/PageHeader.vue
index 83543f4..b071c2c 100644
--- a/src/components/page/PageHeader.vue
+++ b/src/components/page/PageHeader.vue
@@ -28,13 +28,8 @@
 </template>
 
 <script>
-import ABreadcrumb from 'ant-design-vue/es/breadcrumb'
-import AAvatar from 'ant-design-vue/es/avatar/Avatar'
-
-const ABreadcrumbItem = ABreadcrumb.Item
 export default {
   name: 'PageHeader',
-  components: {AAvatar, ABreadcrumbItem, ABreadcrumb},
   props: {
     title: {
       type: String,
diff --git a/src/components/result/Result.vue b/src/components/result/Result.vue
index 3fdc0e9..3d02ceb 100644
--- a/src/components/result/Result.vue
+++ b/src/components/result/Result.vue
@@ -15,10 +15,8 @@
 </template>
 
 <script>
-import AIcon from 'ant-design-vue/es/icon/icon'
 export default {
   name: 'Result',
-  components: {AIcon},
   props: ['isSuccess', 'title', 'description']
 }
 </script>
diff --git a/src/components/setting/Setting.vue b/src/components/setting/Setting.vue
index 40574ee..0fd0d66 100644
--- a/src/components/setting/Setting.vue
+++ b/src/components/setting/Setting.vue
@@ -67,42 +67,18 @@
 </template>
 
 <script>
-import ALayoutSider from 'ant-design-vue/es/layout/Sider'
-import AIcon from 'ant-design-vue/es/icon/icon'
 import SettingItem from './SettingItem'
 import StyleItem from './StyleItem'
-import ADivider from 'ant-design-vue/es/divider/index'
-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 ASwitch from 'ant-design-vue/es/switch/index'
-import ASelect from 'ant-design-vue/es/select/index'
 import ColorCheckbox from '../checkbox/ColorCheckbox'
 import ImgCheckbox from '../checkbox/ImgCheckbox'
 import Clipboard from 'clipboard'
 
-const ASelectOption = ASelect.Option
 const ColorCheckboxGroup = ColorCheckbox.Group
 const ImgCheckboxGroup = ImgCheckbox.Group
 
 export default {
   name: 'Setting',
-  components: {
-    ImgCheckboxGroup,
-    ImgCheckbox,
-    ColorCheckboxGroup,
-    ColorCheckbox,
-    ASelectOption,
-    ASelect,
-    ASwitch,
-    AButton,
-    AListItem,
-    AList,
-    ADivider,
-    StyleItem,
-    SettingItem,
-    AIcon,
-    ALayoutSider},
+  components: {ImgCheckboxGroup, ImgCheckbox, ColorCheckboxGroup, ColorCheckbox, StyleItem, SettingItem},
   computed: {
     multipage () {
       return this.$store.state.setting.multipage
diff --git a/src/components/setting/StyleItem.vue b/src/components/setting/StyleItem.vue
index 66ece5d..d3067de 100644
--- a/src/components/setting/StyleItem.vue
+++ b/src/components/setting/StyleItem.vue
@@ -8,11 +8,9 @@
 </template>
 
 <script>
-import AIcon from 'ant-design-vue/es/icon/icon'
 export default {
   name: 'StyleItem',
-  props: ['selected', 'img'],
-  components: {AIcon}
+  props: ['selected', 'img']
 }
 </script>
 
diff --git a/src/components/table/StandardTable.vue b/src/components/table/StandardTable.vue
index 2d5d836..5f46a6e 100644
--- a/src/components/table/StandardTable.vue
+++ b/src/components/table/StandardTable.vue
@@ -28,12 +28,8 @@
 </template>
 
 <script>
-import AAlert from 'ant-design-vue/es/alert/index'
-import ATable from 'ant-design-vue/es/table'
-
 export default {
   name: 'StandardTable',
-  components: {ATable, AAlert},
   props: ['bordered', 'loading', 'columns', 'dataSource', 'rowKey', 'pagination', 'selectedRows'],
   data () {
     return {
diff --git a/src/components/task/TaskGroup.vue b/src/components/task/TaskGroup.vue
index aed813f..aa3cfb8 100644
--- a/src/components/task/TaskGroup.vue
+++ b/src/components/task/TaskGroup.vue
@@ -16,7 +16,6 @@
 </template>
 
 <script>
-import AIcon from 'ant-design-vue/es/icon/icon'
 import Draggable from 'vuedraggable'
 
 const dragOptions = {
@@ -31,7 +30,7 @@ const dragOptions = {
 
 export default {
   name: 'TaskGroup',
-  components: {AIcon, Draggable},
+  components: {Draggable},
   props: ['title', 'group'],
   data () {
     return {
diff --git a/src/components/task/TaskItem.vue b/src/components/task/TaskItem.vue
index 37ebd48..a703c08 100644
--- a/src/components/task/TaskItem.vue
+++ b/src/components/task/TaskItem.vue
@@ -5,11 +5,9 @@
 </template>
 
 <script>
-import ACard from 'ant-design-vue/es/card/Card'
 export default {
   name: 'TaskItem',
-  props: ['content'],
-  components: {ACard}
+  props: ['content']
 }
 </script>
 
diff --git a/src/components/tool/AStepItem.vue b/src/components/tool/AStepItem.vue
index c60fc46..fab269b 100644
--- a/src/components/tool/AStepItem.vue
+++ b/src/components/tool/AStepItem.vue
@@ -10,8 +10,6 @@
 </template>
 
 <script>
-import AIcon from 'ant-design-vue/es/icon/icon'
-
 const Group = {
   name: 'AStepItemGroup',
   render (h) {
@@ -26,7 +24,6 @@ const Group = {
 export default {
   name: 'AStepItem',
   Group: Group,
-  components: {AIcon},
   props: ['title', 'icon', 'link', 'titleStyle', 'iconStyle'],
   methods: {
     go () {
diff --git a/src/components/tool/AvatarList.vue b/src/components/tool/AvatarList.vue
index 52145a0..acf843f 100644
--- a/src/components/tool/AvatarList.vue
+++ b/src/components/tool/AvatarList.vue
@@ -43,7 +43,6 @@ const Item = {
 }
 export default {
   name: 'AvatarList',
-  components: {ATooltip},
   Item: Item
 }
 </script>
diff --git a/src/components/tool/DetailList.vue b/src/components/tool/DetailList.vue
index d6f56be..e1797ab 100644
--- a/src/components/tool/DetailList.vue
+++ b/src/components/tool/DetailList.vue
@@ -9,7 +9,6 @@
 
 <script>
 import ACol from 'ant-design-vue/es/grid/Col'
-import ARow from 'ant-design-vue/es/grid/Row'
 const Item = {
   name: 'DetailListItem',
   props: {
@@ -91,7 +90,6 @@ export default {
       default: 'horizontal'
     }
   },
-  components: {ARow, ACol},
   provide () {
     return {
       col: this.col > 4 ? 4 : this.col
diff --git a/src/components/tool/Drawer.vue b/src/components/tool/Drawer.vue
index 04cc647..c7dea93 100644
--- a/src/components/tool/Drawer.vue
+++ b/src/components/tool/Drawer.vue
@@ -16,10 +16,8 @@
 </template>
 
 <script>
-import AIcon from 'ant-design-vue/es/icon/icon'
 export default {
   name: 'Drawer',
-  components: {AIcon},
   data () {
     return {
       drawerWidth: 0
diff --git a/src/components/tool/TagSelect.vue b/src/components/tool/TagSelect.vue
index f00c825..8d3d79b 100644
--- a/src/components/tool/TagSelect.vue
+++ b/src/components/tool/TagSelect.vue
@@ -7,14 +7,11 @@
 </template>
 
 <script>
-import ASelect from 'ant-design-vue/es/select/index'
-import ACheckableTag from 'ant-design-vue/es/tag/CheckableTag'
 import TagSelectOption from './TagSelectOption'
-import AIcon from 'ant-design-vue/es/icon/icon'
 export default {
   name: 'TagSelect',
   Option: TagSelectOption,
-  components: {AIcon, TagSelectOption, ACheckableTag, ASelect},
+  components: {TagSelectOption},
   data () {
     return {
       showTrigger: false,
diff --git a/src/components/tool/TagSelectOption.vue b/src/components/tool/TagSelectOption.vue
index 654f10d..c9331ba 100644
--- a/src/components/tool/TagSelectOption.vue
+++ b/src/components/tool/TagSelectOption.vue
@@ -5,10 +5,8 @@
 </template>
 
 <script>
-import ACheckableTag from 'ant-design-vue/es/tag/CheckableTag'
 export default {
   name: 'TagSelectOption',
-  components: {ACheckableTag},
   props: {
     size: {
       type: String,
diff --git a/src/layouts/GlobalFooter.vue b/src/layouts/GlobalFooter.vue
index bbd6ab5..2f72636 100644
--- a/src/layouts/GlobalFooter.vue
+++ b/src/layouts/GlobalFooter.vue
@@ -12,11 +12,9 @@
 </template>
 
 <script>
-import AIcon from 'ant-design-vue/es/icon/icon'
 export default {
   name: 'GlobalFooter',
-  props: ['copyright', 'linkList'],
-  components: {AIcon}
+  props: ['copyright', 'linkList']
 }
 </script>
 
diff --git a/src/layouts/GlobalHeader.vue b/src/layouts/GlobalHeader.vue
index bf8f0c2..ccf96ad 100644
--- a/src/layouts/GlobalHeader.vue
+++ b/src/layouts/GlobalHeader.vue
@@ -25,32 +25,14 @@
 </template>
 
 <script>
-import ALayout from 'ant-design-vue/es/layout'
-import AIcon from 'ant-design-vue/es/icon/icon'
-import AInputSearch from 'ant-design-vue/es/input/Search'
 import HeaderSearch from './HeaderSearch'
 import HeaderNotice from './HeaderNotice'
-import ATooltip from 'ant-design-vue/es/tooltip/Tooltip'
 import HeaderAvatar from './HeaderlAvatar'
-import ADivider from 'ant-design-vue/es/divider/index'
 import IMenu from '../components/menu/menu'
 
-const ALayoutSider = ALayout.Sider
-const ALayoutHeader = ALayout.Header
 export default {
   name: 'GlobalHeader',
-  components: {
-    IMenu,
-    ADivider,
-    HeaderAvatar,
-    ATooltip,
-    HeaderNotice,
-    HeaderSearch,
-    AInputSearch,
-    AIcon,
-    ALayout,
-    ALayoutSider,
-    ALayoutHeader},
+  components: {IMenu, HeaderAvatar, HeaderNotice, HeaderSearch},
   props: ['collapsed', 'menuData'],
   computed: {
     isMobile () {
diff --git a/src/layouts/GlobalLayout.vue b/src/layouts/GlobalLayout.vue
index 12b1dbd..b8bc6e0 100644
--- a/src/layouts/GlobalLayout.vue
+++ b/src/layouts/GlobalLayout.vue
@@ -23,36 +23,19 @@
 </template>
 
 <script>
-import ALayout from 'ant-design-vue/es/layout'
 import GlobalHeader from './GlobalHeader'
-import AIcon from 'ant-design-vue/es/icon/icon'
 import GlobalFooter from './GlobalFooter'
 import Drawer from '../components/tool/Drawer'
 import SiderMenu from '../components/menu/SiderMenu'
 import Setting from '../components/setting/Setting'
 
-const ALayoutSider = ALayout.Sider
-const ALayoutHeader = ALayout.Header
-const ALayoutContent = ALayout.Content
-const ALayoutFooter = ALayout.Footer
 const minHeight = window.innerHeight - 64 - 24 - 122
 
 let menuData = []
 
 export default {
   name: 'GlobalLayout',
-  components: {
-    Setting,
-    SiderMenu,
-    Drawer,
-    GlobalFooter,
-    AIcon,
-    GlobalHeader,
-    ALayout,
-    ALayoutSider,
-    ALayoutHeader,
-    ALayoutContent,
-    ALayoutFooter},
+  components: {Setting, SiderMenu, Drawer, GlobalFooter, GlobalHeader},
   data () {
     return {
       minHeight: minHeight + 'px',
diff --git a/src/layouts/HeaderNotice.vue b/src/layouts/HeaderNotice.vue
index 320f0f7..f72ec19 100644
--- a/src/layouts/HeaderNotice.vue
+++ b/src/layouts/HeaderNotice.vue
@@ -40,21 +40,8 @@
 </template>
 
 <script>
-import APopover from 'ant-design-vue/es/popover/index'
-import AIcon from 'ant-design-vue/es/icon/icon'
-import ABadge from 'ant-design-vue/es/badge/Badge'
-import ATabs from 'ant-design-vue/es/tabs'
-import AList from 'ant-design-vue/es/list/index'
-import AListItem from 'ant-design-vue/es/list/Item'
-import AAvatar from 'ant-design-vue/es/avatar/Avatar'
-import ASpin from 'ant-design-vue/es/spin/Spin'
-
-const ATabPane = ATabs.TabPane
-const AListItemMeta = AListItem.Meta
-
 export default {
   name: 'HeaderNotice',
-  components: {ASpin, AAvatar, AListItem, AList, ATabs, ABadge, AIcon, APopover, ATabPane, AListItemMeta},
   data () {
     return {
       loadding: false
diff --git a/src/layouts/HeaderSearch.vue b/src/layouts/HeaderSearch.vue
index ac735eb..108d81f 100644
--- a/src/layouts/HeaderSearch.vue
+++ b/src/layouts/HeaderSearch.vue
@@ -13,12 +13,8 @@
 </template>
 
 <script>
-import AIcon from 'ant-design-vue/es/icon/icon'
-import AAutoComplete from 'ant-design-vue/es/auto-complete/index'
-import AInput from 'ant-design-vue/es/input/Input'
 export default {
   name: 'HeaderSearch',
-  components: {AInput, AAutoComplete, AIcon},
   data () {
     return {
       dataSource: ['选项一', '选项二'],
diff --git a/src/layouts/HeaderlAvatar.vue b/src/layouts/HeaderlAvatar.vue
index 5740388..a243188 100644
--- a/src/layouts/HeaderlAvatar.vue
+++ b/src/layouts/HeaderlAvatar.vue
@@ -25,17 +25,8 @@
 </template>
 
 <script>
-import ADropdown from 'ant-design-vue/es/dropdown'
-import AAvatar from 'ant-design-vue/es/avatar/Avatar'
-import AIcon from 'ant-design-vue/es/icon/icon'
-import AMenu from 'ant-design-vue/es/menu/index'
-
-const AMenuItem = AMenu.Item
-const AMenuDivider = AMenu.Divider
-
 export default {
   name: 'HeaderAvatar',
-  components: {AMenu, AMenuItem, AMenuDivider, AIcon, AAvatar, ADropdown},
   computed: {
     currUser () {
       return this.$store.state.account.user
diff --git a/src/layouts/MenuView.vue b/src/layouts/MenuView.vue
index b34b4df..1616105 100644
--- a/src/layouts/MenuView.vue
+++ b/src/layouts/MenuView.vue
@@ -25,15 +25,10 @@
 
 <script>
 import GlobalLayout from './GlobalLayout'
-import ATabs from 'ant-design-vue/es/tabs'
-import AMenu from 'ant-design-vue/es/menu/index'
-import AIcon from 'ant-design-vue/es/icon/icon'
 import Contextmenu from '../components/menu/Contextmenu'
-const ATabPane = ATabs.TabPane
-const AMenuItem = AMenu.Item
 export default {
   name: 'MenuView',
-  components: {Contextmenu, AIcon, AMenuItem, AMenu, ATabPane, ATabs, GlobalLayout},
+  components: {Contextmenu, GlobalLayout},
   data () {
     return {
       pageList: [],
diff --git a/src/layouts/PageLayout.vue b/src/layouts/PageLayout.vue
index c0acc9d..3b5ee57 100644
--- a/src/layouts/PageLayout.vue
+++ b/src/layouts/PageLayout.vue
@@ -21,10 +21,9 @@
 
 <script>
 import PageHeader from '../components/page/PageHeader'
-import AIcon from 'ant-design-vue/es/icon/icon'
 export default {
   name: 'PageLayout',
-  components: {AIcon, PageHeader},
+  components: {PageHeader},
   props: ['desc', 'logo', 'title', 'avatar', 'linkList', 'extraImage'],
   data () {
     return {
diff --git a/src/main.js b/src/main.js
index 8163ca0..12df910 100644
--- a/src/main.js
+++ b/src/main.js
@@ -4,17 +4,17 @@ import Vue from 'vue'
 import App from './App'
 import router from './router/lazy'
 import 'ant-design-vue/dist/antd.css'
+import Antd from 'ant-design-vue'
 import Viser from 'viser-vue'
 import axios from 'axios'
-import message from 'ant-design-vue/es/message'
 import '@/mock'
 import store from './store'
 import PouchDB from 'pouchdb'
 
 Vue.prototype.$axios = axios
-Vue.prototype.$message = message
 Vue.config.productionTip = false
 Vue.use(Viser)
+Vue.use(Antd)
 
 /* eslint-disable no-new */
 new Vue({
diff --git a/src/pages/dashboard/Analysis.vue b/src/pages/dashboard/Analysis.vue
index 1c21dde..bd02476 100644
--- a/src/pages/dashboard/Analysis.vue
+++ b/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>
 
diff --git a/src/pages/dashboard/WorkPlace.vue b/src/pages/dashboard/WorkPlace.vue
index 18e8f2b..a10dbb6 100644
--- a/src/pages/dashboard/WorkPlace.vue
+++ b/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: [],
diff --git a/src/pages/detail/AdvancedDetail.vue b/src/pages/detail/AdvancedDetail.vue
index 77af82a..e7a893f 100644
--- a/src/pages/detail/AdvancedDetail.vue
+++ b/src/pages/detail/AdvancedDetail.vue
@@ -122,21 +122,11 @@
 
 <script>
 import PageLayout from '../../layouts/PageLayout'
-import AButtonGroup from 'ant-design-vue/es/button/button-group'
-import AButton from 'ant-design-vue/es/button/button'
-import AIcon from 'ant-design-vue/es/icon/icon'
 import DetailList from '../../components/tool/DetailList'
-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 ASteps from 'ant-design-vue/es/steps/index'
 import AStepItem from '../../components/tool/AStepItem'
-import ADivider from 'ant-design-vue/es/divider/index'
-import ATable from 'ant-design-vue/es/table'
 import {operation1, operation2, operation3, operationColumns} from '../../mock/common/tableData'
 
 const DetailListItem = DetailList.Item
-const AStep = ASteps.Step
 const AStepItemGroup = AStepItem.Group
 
 const tabList = [
@@ -171,22 +161,7 @@ export default {
       console.log(key)
     }
   },
-  components: {
-    ATable,
-    ADivider,
-    AStepItemGroup,
-    AStepItem,
-    AStep,
-    ASteps,
-    ACard,
-    ACol,
-    ARow,
-    DetailListItem,
-    DetailList,
-    AIcon,
-    AButton,
-    AButtonGroup,
-    PageLayout}
+  components: {AStepItemGroup, AStepItem, DetailListItem, DetailList, PageLayout}
 }
 </script>
 
diff --git a/src/pages/detail/BasicDetail.vue b/src/pages/detail/BasicDetail.vue
index 2aff809..c93fda2 100644
--- a/src/pages/detail/BasicDetail.vue
+++ b/src/pages/detail/BasicDetail.vue
@@ -36,12 +36,7 @@
 </template>
 
 <script>
-import ACard from 'ant-design-vue/es/card/Card'
-import ATooltip from 'ant-design-vue/es/tooltip/Tooltip'
-import AAvatar from 'ant-design-vue/es/avatar/Avatar'
 import DetailList from '../../components/tool/DetailList'
-import ADivider from 'ant-design-vue/es/divider/index'
-import ATable from 'ant-design-vue/es/table'
 import PageLayout from '../../layouts/PageLayout'
 
 const DetailListItem = DetailList.Item
@@ -190,7 +185,7 @@ const scheduleData = [
 
 export default {
   name: 'BasicDetail',
-  components: {PageLayout, ATable, ADivider, DetailListItem, DetailList, AAvatar, ATooltip, ACard},
+  components: {PageLayout, DetailListItem, DetailList},
   data () {
     return {
       goodsColumns,
diff --git a/src/pages/form/BasicForm.vue b/src/pages/form/BasicForm.vue
index 6973eb2..ac819dc 100644
--- a/src/pages/form/BasicForm.vue
+++ b/src/pages/form/BasicForm.vue
@@ -83,35 +83,8 @@
 </template>
 
 <script>
-import ACard from 'ant-design-vue/es/card/Card'
-import AForm from 'ant-design-vue/es/form/Form'
-import AFormItem from 'ant-design-vue/es/form/FormItem'
-import AInput from 'ant-design-vue/es/input/Input'
-import ADatePicker from 'ant-design-vue/es/date-picker'
-import ATextarea from 'ant-design-vue/es/input/TextArea'
-import AInputNumber from 'ant-design-vue/es/input-number/index'
-import ARadioGroup from 'ant-design-vue/es/radio/Group'
-import ARadio from 'ant-design-vue/es/radio/Radio'
-import ASelect from 'ant-design-vue/es/select/index'
-import AButton from 'ant-design-vue/es/button/button'
-
-const ARangePicker = ADatePicker.RangePicker
-const ASelectOption = ASelect.Option
 export default {
   name: 'BasicForm',
-  components: {
-    AButton,
-    ASelectOption,
-    ASelect,
-    ARadio,
-    ARadioGroup,
-    AInputNumber,
-    ATextarea,
-    ARangePicker,
-    AInput,
-    AFormItem,
-    AForm,
-    ACard},
   data () {
     return {
       desc: '表单页用于向用户收集或验证信息，基础表单常见于数据项较少的表单场景。',
diff --git a/src/pages/form/advancedForm/AdvancedForm.vue b/src/pages/form/advancedForm/AdvancedForm.vue
index 2e002c2..19ad2d6 100644
--- a/src/pages/form/advancedForm/AdvancedForm.vue
+++ b/src/pages/form/advancedForm/AdvancedForm.vue
@@ -16,16 +16,14 @@
 </template>
 
 <script>
-import ACard from 'ant-design-vue/es/card/Card'
 import RepositoryForm from './RepositoryForm'
 import TaskForm from './TaskForm'
 import TableForm from './TableForm'
 import FooterToolBar from '../../../components/tool/FooterToolBar'
-import AButton from 'ant-design-vue/es/button/button'
 
 export default {
   name: 'AdvancedForm',
-  components: {AButton, FooterToolBar, TableForm, TaskForm, RepositoryForm, ACard},
+  components: {FooterToolBar, TableForm, TaskForm, RepositoryForm},
   data () {
     return {
       desc: '高级表单常见于一次性输入和提交大批量数据的场景。',
diff --git a/src/pages/form/advancedForm/RepositoryForm.vue b/src/pages/form/advancedForm/RepositoryForm.vue
index 8ad41f8..c310655 100644
--- a/src/pages/form/advancedForm/RepositoryForm.vue
+++ b/src/pages/form/advancedForm/RepositoryForm.vue
@@ -75,22 +75,9 @@
 </template>
 
 <script>
-import AForm from 'ant-design-vue/es/form/Form'
-import AFormItem from 'ant-design-vue/es/form/FormItem'
-import ACol from 'ant-design-vue/es/grid/Col'
-import ARow from 'ant-design-vue/es/grid/Row'
-import AInput from 'ant-design-vue/es/input/Input'
-import ASelect from 'ant-design-vue/es/select/index'
-import ADatePicker from 'ant-design-vue/es/date-picker'
-import AButton from 'ant-design-vue/es/button/button'
-
-const ASelectOption = ASelect.Option
-const ARangePicker = ADatePicker.RangePicker
-
 export default {
   name: 'RepositoryForm',
   props: ['showSubmit'],
-  components: {AButton, ARangePicker, ASelectOption, ASelect, AInput, ARow, ACol, AFormItem, AForm},
   methods: {
     handleSubmit (e) {
       e.preventDefault()
diff --git a/src/pages/form/advancedForm/TableForm.vue b/src/pages/form/advancedForm/TableForm.vue
index 8b06a3c..d483580 100644
--- a/src/pages/form/advancedForm/TableForm.vue
+++ b/src/pages/form/advancedForm/TableForm.vue
@@ -45,13 +45,6 @@
 </template>
 
 <script>
-import ATable from 'ant-design-vue/es/table'
-import AButton from 'ant-design-vue/es/button/button'
-import AInput from 'ant-design-vue/es/input/Input'
-import ADivider from 'ant-design-vue/es/divider/index'
-import APopconfirm from 'ant-design-vue/es/popconfirm/index'
-import AFormItem from 'ant-design-vue/es/form/FormItem'
-
 const columns = [
   {
     title: '成员姓名',
@@ -107,7 +100,6 @@ const dataSource = [
 
 export default {
   name: 'TableForm',
-  components: {AFormItem, APopconfirm, ADivider, AInput, AButton, ATable},
   data () {
     return {
       columns,
diff --git a/src/pages/form/advancedForm/TaskForm.vue b/src/pages/form/advancedForm/TaskForm.vue
index 5831826..e5caa3b 100644
--- a/src/pages/form/advancedForm/TaskForm.vue
+++ b/src/pages/form/advancedForm/TaskForm.vue
@@ -74,21 +74,9 @@
 </template>
 
 <script>
-import AForm from 'ant-design-vue/es/form/Form'
-import AFormItem from 'ant-design-vue/es/form/FormItem'
-import ACol from 'ant-design-vue/es/grid/Col'
-import ARow from 'ant-design-vue/es/grid/Row'
-import AInput from 'ant-design-vue/es/input/Input'
-import ASelect from 'ant-design-vue/es/select/index'
-import AButton from 'ant-design-vue/es/button/button'
-import ATimePicker from 'ant-design-vue/es/time-picker/index'
-
-const ASelectOption = ASelect.Option
-
 export default {
   name: 'TaskForm',
   props: ['showSubmit'],
-  components: {ATimePicker, AButton, ASelectOption, ASelect, AInput, ARow, ACol, AFormItem, AForm},
   methods: {
     handleSubmit (e) {
       e.preventDefault()
diff --git a/src/pages/form/stepForm/Step1.vue b/src/pages/form/stepForm/Step1.vue
index e7ddf6d..0ba0f62 100644
--- a/src/pages/form/stepForm/Step1.vue
+++ b/src/pages/form/stepForm/Step1.vue
@@ -45,18 +45,8 @@
 </template>
 
 <script>
-import AForm from 'ant-design-vue/es/form/Form'
-import AFormItem from 'ant-design-vue/es/form/FormItem'
-import AButton from 'ant-design-vue/es/button/button'
-import ASelect from 'ant-design-vue/es/select/index'
-import AInputGroup from 'ant-design-vue/es/input/Group'
-import AInput from 'ant-design-vue/es/input/Input'
-
-const ASelectOption = ASelect.Option
-
 export default {
   name: 'Step1',
-  components: {AInput, AInputGroup, ASelectOption, ASelect, AButton, AFormItem, AForm},
   methods: {
     nextStep () {
       this.$emit('nextStep')
diff --git a/src/pages/form/stepForm/Step2.vue b/src/pages/form/stepForm/Step2.vue
index ed72496..0a84d30 100644
--- a/src/pages/form/stepForm/Step2.vue
+++ b/src/pages/form/stepForm/Step2.vue
@@ -47,13 +47,8 @@
 </template>
 
 <script>
-import AForm from 'ant-design-vue/es/form/Form'
-import AFormItem from 'ant-design-vue/es/form/FormItem'
-import AButton from 'ant-design-vue/es/button/button'
-import AAlert from 'ant-design-vue/es/alert/index'
 export default {
   name: 'Step2',
-  components: {AAlert, AButton, AFormItem, AForm},
   data () {
     return {
       loading: false
diff --git a/src/pages/form/stepForm/Step3.vue b/src/pages/form/stepForm/Step3.vue
index 4414cd1..47f0df7 100644
--- a/src/pages/form/stepForm/Step3.vue
+++ b/src/pages/form/stepForm/Step3.vue
@@ -11,13 +11,10 @@
 </template>
 
 <script>
-import AForm from 'ant-design-vue/es/form/Form'
-import AFormItem from 'ant-design-vue/es/form/FormItem'
-import AButton from 'ant-design-vue/es/button/button'
 import Result from '../../../components/result/Result'
 export default {
   name: 'Step3',
-  components: {Result, AButton, AFormItem, AForm},
+  components: {Result},
   methods: {
     doOnceAgin () {
       this.$emit('finish')
diff --git a/src/pages/form/stepForm/StepForm.vue b/src/pages/form/stepForm/StepForm.vue
index aa67b0f..9bb52bb 100644
--- a/src/pages/form/stepForm/StepForm.vue
+++ b/src/pages/form/stepForm/StepForm.vue
@@ -14,17 +14,13 @@
 </template>
 
 <script>
-import ACard from 'ant-design-vue/es/card/Card'
-import ASteps from 'ant-design-vue/es/steps/index'
 import Step1 from './Step1'
 import Step2 from './Step2'
 import Step3 from './Step3'
 
-const AStep = ASteps.Step
-
 export default {
   name: 'StepForm',
-  components: {Step1, Step2, Step3, AStep, ASteps, ACard},
+  components: {Step1, Step2, Step3},
   data () {
     return {
       desc: '将一个冗长或用户不熟悉的表单任务分成多个步骤，指导用户完成。',
diff --git a/src/pages/list/CardList.vue b/src/pages/list/CardList.vue
index 432749e..6707f41 100644
--- a/src/pages/list/CardList.vue
+++ b/src/pages/list/CardList.vue
@@ -27,14 +27,6 @@
 </template>
 
 <script>
-import AList from 'ant-design-vue/es/list/index'
-import AListItem from 'ant-design-vue/es/list/Item'
-import ACard from 'ant-design-vue/es/card/Card'
-import ACardMeta from 'ant-design-vue/es/card/Meta'
-import AAvatar from 'ant-design-vue/es/avatar/Avatar'
-import AButton from 'ant-design-vue/es/button/button'
-import AIcon from 'ant-design-vue/es/icon/icon'
-
 const dataSource = []
 dataSource.push(null)
 for (let i = 0; i < 11; i++) {
@@ -47,7 +39,6 @@ for (let i = 0; i < 11; i++) {
 
 export default {
   name: 'CardList',
-  components: {AIcon, AButton, AAvatar, ACardMeta, ACard, AListItem, AList},
   data () {
     return {
       desc: '段落示意：蚂蚁金服务设计平台 ant.design，用最小的工作量，无缝接入蚂蚁金服生态， 提供跨越设计与开发的体验解决方案。',
diff --git a/src/pages/list/QueryList.vue b/src/pages/list/QueryList.vue
index f3d754b..5bcab37 100644
--- a/src/pages/list/QueryList.vue
+++ b/src/pages/list/QueryList.vue
@@ -103,24 +103,7 @@
 </template>
 
 <script>
-import ARow from 'ant-design-vue/es/grid/Row'
-import ACol from 'ant-design-vue/es/grid/Col'
-import AForm from 'ant-design-vue/es/form/Form'
-import AFormItem from 'ant-design-vue/es/form/FormItem'
-import AInput from 'ant-design-vue/es/input/Input'
-import ACard from 'ant-design-vue/es/card/Card'
-import ASelect from 'ant-design-vue/es/select/index'
-import AInputNumber from 'ant-design-vue/es/input-number/index'
-import ADatePicker from 'ant-design-vue/es/date-picker/index'
-import AButton from 'ant-design-vue/es/button/button'
-import AIcon from 'ant-design-vue/es/icon/icon'
 import StandardTable from '../../components/table/StandardTable'
-import ADropdown from 'ant-design-vue/es/dropdown'
-import AMenu from 'ant-design-vue/es/menu/index'
-
-const ASelectOption = ASelect.Option
-const AMenuItem = AMenu.Item
-
 const columns = [
   {
     title: '规则编号',
@@ -164,23 +147,7 @@ for (let i = 0; i < 100; i++) {
 
 export default {
   name: 'QueryList',
-  components: {
-    AMenuItem,
-    AMenu,
-    ADropdown,
-    StandardTable,
-    AIcon,
-    AButton,
-    ADatePicker,
-    AInputNumber,
-    ASelectOption,
-    ASelect,
-    ACard,
-    AInput,
-    AFormItem,
-    AForm,
-    ACol,
-    ARow},
+  components: {StandardTable},
   data () {
     return {
       advanced: true,
diff --git a/src/pages/list/StandardList.vue b/src/pages/list/StandardList.vue
index afe4f5f..5f6da54 100644
--- a/src/pages/list/StandardList.vue
+++ b/src/pages/list/StandardList.vue
@@ -67,50 +67,10 @@
 </template>
 
 <script>
-import ACard from 'ant-design-vue/es/card/Card'
-import ARow from 'ant-design-vue/es/grid/Row'
-import ACol from 'ant-design-vue/es/grid/Col'
 import HeadInfo from '../../components/tool/HeadInfo'
-import AButton from 'ant-design-vue/es/button/button'
-import AList from 'ant-design-vue/es/list/index'
-import AListItem from 'ant-design-vue/es/list/Item'
-import AAvatar from 'ant-design-vue/es/avatar/Avatar'
-import AProgress from 'ant-design-vue/es/progress'
-import ADropdown from 'ant-design-vue/es/dropdown'
-import AMenu from 'ant-design-vue/es/menu/index'
-import AIcon from 'ant-design-vue/es/icon/icon'
-import AButtonGroup from 'ant-design-vue/es/button/button-group'
-import AInput from 'ant-design-vue/es/input/Input'
-import AInputSearch from 'ant-design-vue/es/input/Search'
-import ARadioGroup from 'ant-design-vue/es/radio/Group'
-import ARadio from 'ant-design-vue/es/radio'
-
-const AListItemMeta = AListItem.Meta
-const AMenuItem = AMenu.Item
-const ARadioButton = ARadio.Button
 export default {
   name: 'StandardList',
-  components: {
-    ARadioButton,
-    ARadio,
-    ARadioGroup,
-    AInputSearch,
-    AInput,
-    AButtonGroup,
-    AIcon,
-    AMenuItem,
-    AMenu,
-    ADropdown,
-    AProgress,
-    AAvatar,
-    AListItemMeta,
-    AListItem,
-    AList,
-    AButton,
-    HeadInfo,
-    ACol,
-    ARow,
-    ACard}
+  components: {HeadInfo}
 }
 </script>
 
diff --git a/src/pages/list/search/ApplicationList.vue b/src/pages/list/search/ApplicationList.vue
index cf9f182..9bde7ed 100644
--- a/src/pages/list/search/ApplicationList.vue
+++ b/src/pages/list/search/ApplicationList.vue
@@ -43,22 +43,10 @@
 </template>
 
 <script>
-import ACard from 'ant-design-vue/es/card/Card'
 import SearchForm from './SearchForm'
-import AList from 'ant-design-vue/es/list'
-import AListItem from 'ant-design-vue/es/list/Item'
-import ACardMeta from 'ant-design-vue/es/card/Meta'
-import AAvatar from 'ant-design-vue/es/avatar/Avatar'
-import ATooltip from 'ant-design-vue/es/tooltip/Tooltip'
-import AIcon from 'ant-design-vue/es/icon/icon'
-import ADropdown from 'ant-design-vue/es/dropdown'
-import AMenu from 'ant-design-vue/es/menu/index'
-
-const AMenuItem = AMenu.Item
-
 export default {
   name: 'ApplicationList',
-  components: {AMenuItem, AMenu, ADropdown, AIcon, ATooltip, AAvatar, ACardMeta, AListItem, AList, SearchForm, ACard}
+  components: {SearchForm}
 }
 </script>
 
diff --git a/src/pages/list/search/ArticleList.vue b/src/pages/list/search/ArticleList.vue
index a6f928b..cbe8f78 100644
--- a/src/pages/list/search/ArticleList.vue
+++ b/src/pages/list/search/ArticleList.vue
@@ -33,18 +33,10 @@
 </template>
 
 <script>
-import ACard from 'ant-design-vue/es/card/Card'
 import SearchForm from './SearchForm'
-import AList from 'ant-design-vue/es/list'
-import AListItem from 'ant-design-vue/es/list/Item'
-import ATag from 'ant-design-vue/es/tag/Tag'
-import AAvatar from 'ant-design-vue/es/avatar/Avatar'
-import AIcon from 'ant-design-vue/es/icon/icon'
-
-const AListItemMeta = AListItem.Meta
 export default {
   name: 'ArticleList',
-  components: {AIcon, ATag, AAvatar, AListItem, AListItemMeta, AList, SearchForm, ACard}
+  components: {SearchForm}
 }
 </script>
 
diff --git a/src/pages/list/search/ProjectList.vue b/src/pages/list/search/ProjectList.vue
index da1d2b3..080dff2 100644
--- a/src/pages/list/search/ProjectList.vue
+++ b/src/pages/list/search/ProjectList.vue
@@ -27,20 +27,14 @@
 </template>
 
 <script>
-import ACard from 'ant-design-vue/es/card/Card'
 import SearchForm from './SearchForm'
-import AList from 'ant-design-vue/es/list'
-import AListItem from 'ant-design-vue/es/list/Item'
-import ACardMeta from 'ant-design-vue/es/card/Meta'
-import AAvatar from 'ant-design-vue/es/avatar/Avatar'
 import AvatarList from '../../../components/tool/AvatarList'
-import ATooltip from 'ant-design-vue/es/tooltip/Tooltip'
 
 const AvatarListItem = AvatarList.Item
 
 export default {
   name: 'ProjectList',
-  components: {ATooltip, AvatarListItem, AvatarList, AAvatar, ACardMeta, AListItem, AList, SearchForm, ACard}
+  components: {AvatarListItem, AvatarList, SearchForm}
 }
 </script>
 
diff --git a/src/pages/list/search/SearchForm.vue b/src/pages/list/search/SearchForm.vue
index c9bc11a..4db371a 100644
--- a/src/pages/list/search/SearchForm.vue
+++ b/src/pages/list/search/SearchForm.vue
@@ -68,22 +68,14 @@
 </template>
 
 <script>
-import ACard from 'ant-design-vue/es/card/Card'
-import AForm from 'ant-design-vue/es/form/Form'
-import AFormItem from 'ant-design-vue/es/form/FormItem'
-import AInput from 'ant-design-vue/es/input/Input'
 import TagSelect from '../../../components/tool/TagSelect'
 import FormRow from '../../../components/form/FormRow'
-import ASelect from 'ant-design-vue/es/select/index'
-import ARow from 'ant-design-vue/es/grid/Row'
-import ACol from 'ant-design-vue/es/grid/Col'
 
 const TagSelectOption = TagSelect.Option
-const ASelectOption = ASelect.Option
 
 export default {
   name: 'SearchForm',
-  components: {ACol, ARow, ASelectOption, ASelect, FormRow, TagSelectOption, TagSelect, AInput, AFormItem, AForm, ACard},
+  components: {FormRow, TagSelectOption, TagSelect},
   methods: {
     lookMyself () {
       this.form.setFieldsValue({
diff --git a/src/pages/list/search/SearchLayout.vue b/src/pages/list/search/SearchLayout.vue
index 0d833e6..f851f71 100644
--- a/src/pages/list/search/SearchLayout.vue
+++ b/src/pages/list/search/SearchLayout.vue
@@ -19,17 +19,8 @@
 </template>
 
 <script>
-import AInput from 'ant-design-vue/es/input/Input'
-import AInputGroup from 'ant-design-vue/es/input/Group'
-import AButton from 'ant-design-vue/es/button/button'
-import AInputSearch from 'ant-design-vue/es/input/Search'
-import ATabs from 'ant-design-vue/es/tabs'
-
-const ATabPane = ATabs.TabPane
-
 export default {
   name: 'SearchLayout',
-  components: {ATabPane, ATabs, AInputSearch, AButton, AInputGroup, AInput},
   computed: {
     activeKey () {
       switch (this.$route.path) {
diff --git a/src/pages/login/Login.vue b/src/pages/login/Login.vue
index 345038b..013d661 100644
--- a/src/pages/login/Login.vue
+++ b/src/pages/login/Login.vue
@@ -72,37 +72,11 @@
 </template>
 
 <script>
-import AForm from 'ant-design-vue/es/form/Form'
-import ATabs from 'ant-design-vue/es/tabs'
 import GlobalFooter from '../../layouts/GlobalFooter'
-import AFormItem from 'ant-design-vue/es/form/FormItem'
-import AInput from 'ant-design-vue/es/input/Input'
-import AIcon from 'ant-design-vue/es/icon/icon'
-import AInputGroup from 'ant-design-vue/es/input/Group'
-import AButton from 'ant-design-vue/es/button/button'
-import ACol from 'ant-design-vue/es/grid/Col'
-import ARow from 'ant-design-vue/es/grid/Row'
-import ACheckbox from 'ant-design-vue/es/checkbox/Checkbox'
-import AAlert from 'ant-design-vue/es/alert/index'
-
-const ATabPane = ATabs.TabPane
 
 export default {
   name: 'Login',
-  components: {
-    AAlert,
-    ACheckbox,
-    ACol,
-    ARow,
-    AButton,
-    AInputGroup,
-    AIcon,
-    AInput,
-    AFormItem,
-    GlobalFooter,
-    ATabPane,
-    ATabs,
-    AForm},
+  components: {GlobalFooter},
   data () {
     return {
       logging: false,
diff --git a/src/pages/result/Error.vue b/src/pages/result/Error.vue
index ecd688c..7193a9f 100644
--- a/src/pages/result/Error.vue
+++ b/src/pages/result/Error.vue
@@ -25,12 +25,9 @@
 
 <script>
 import Result from '../../components/result/Result'
-import ACard from 'ant-design-vue/es/card/Card'
-import AIcon from 'ant-design-vue/es/icon/icon'
-import AButton from 'ant-design-vue/es/button/button'
 export default {
   name: 'Error',
-  components: {AButton, AIcon, ACard, Result},
+  components: {Result},
   data () {
     return {
       title: '提交失败',
diff --git a/src/pages/result/Success.vue b/src/pages/result/Success.vue
index 3149a5b..39e2b40 100644
--- a/src/pages/result/Success.vue
+++ b/src/pages/result/Success.vue
@@ -36,33 +36,14 @@
 
 <script>
 import Result from '../../components/result/Result'
-import ACard from 'ant-design-vue/es/card/Card'
-import AButton from 'ant-design-vue/es/button/button'
-import ACol from 'ant-design-vue/es/grid/Col'
-import ARow from 'ant-design-vue/es/grid/Row'
-import ASteps from 'ant-design-vue/es/steps/index'
-import AIcon from 'ant-design-vue/es/icon/icon'
 import DetailList from '../../components/tool/DetailList'
 import AStepItem from '../../components/tool/AStepItem'
 
-const AStep = ASteps.Step
 const AStepItemGroup = AStepItem.Group
 const DetailListItem = DetailList.Item
 export default {
   name: 'Success',
-  components: {
-    AStepItemGroup,
-    AStepItem,
-    DetailListItem,
-    DetailList,
-    AIcon,
-    AStep,
-    ASteps,
-    ARow,
-    ACol,
-    AButton,
-    ACard,
-    Result},
+  components: {AStepItemGroup, AStepItem, DetailListItem, DetailList, Result},
   data () {
     return {
       title: '提交成功',