refactor: update to new project structure

chenghx

2018-09-11 f8483833f124c357e7a0bdea294d9ce302c1e2a5

refactor: update to new project structure

 src/components/card/ChartCard.vue

 src/components/check/Index.vue

File was deleted

 src/components/checkbox/ColorCheckbox.vue

File was renamed from src/components/check/ColorCheckBox.vue
@@ -8,7 +8,7 @@
import AIcon from 'ant-design-vue/es/icon/icon'

const Group = {
  name: 'ColorCheckBoxGroup',
  name: 'ColorCheckboxGroup',
  props: {
    defaultValues: {
      type: Array,
@@ -80,7 +80,7 @@
}

export default {
  name: 'ColorCheckBox',
  name: 'ColorCheckbox',
  Group: Group,
  components: {AIcon},
  props: {

 src/components/checkbox/ImgCheckbox.vue

File was renamed from src/components/check/ImgCheckBox.vue
@@ -11,7 +11,7 @@
import AIcon from 'ant-design-vue/es/icon/icon'

const Group = {
  name: 'ImgCheckBoxGroup',
  name: 'ImgCheckboxGroup',
  props: {
    multiple: {
      type: Boolean,
@@ -73,7 +73,7 @@
}

export default {
  name: 'ImgCheckBox',
  name: 'ImgCheckbox',
  Group,
  props: {
    checked: {

 src/components/layout/CommonPageLayout.vue

File was deleted

 src/components/setting/Setting.vue

@@ -1,29 +1,29 @@
<template>
  <a-layout-sider class="sider" width="273">
    <setting-item title="整体风格设置">
      <img-check-box-group @change="setTheme">
        <img-check-box img="https://gw.alipayobjects.com/zos/rmsportal/LCkqqYNmvBEbokSDscrm.svg" :checked="true" value="dark"/>
        <img-check-box img="https://gw.alipayobjects.com/zos/rmsportal/jpRkZQMyYRryryPNtyIC.svg" value="light"/>
      </img-check-box-group>
      <img-checkbox-group @change="setTheme">
        <img-checkbox img="https://gw.alipayobjects.com/zos/rmsportal/LCkqqYNmvBEbokSDscrm.svg" :checked="true" value="dark"/>
        <img-checkbox img="https://gw.alipayobjects.com/zos/rmsportal/jpRkZQMyYRryryPNtyIC.svg" value="light"/>
      </img-checkbox-group>
    </setting-item>
    <setting-item title="主题色">
      <color-check-box-group @change="onColorChange" :defaultValues="['1', '2', '3']" :multiple="false">
        <color-check-box ref="colorNode" color="rgb(245, 34, 45)" value="1" />
        <color-check-box color="rgb(250, 84, 28)" value="2" />
        <color-check-box color="rgb(250, 173, 20)" value="3" />
        <color-check-box color="rgb(19, 194, 194)" value="4" />
        <color-check-box color="rgb(82, 196, 26)" value="5" />
        <color-check-box color="rgb(24, 144, 255)" value="6" />
        <color-check-box color="rgb(47, 84, 235)" value="7" />
        <color-check-box color="rgb(114, 46, 209)" value="8" />
      </color-check-box-group>
      <color-checkbox-group @change="onColorChange" :defaultValues="['1', '2', '3']" :multiple="false">
        <color-checkbox ref="colorNode" color="rgb(245, 34, 45)" value="1" />
        <color-checkbox color="rgb(250, 84, 28)" value="2" />
        <color-checkbox color="rgb(250, 173, 20)" value="3" />
        <color-checkbox color="rgb(19, 194, 194)" value="4" />
        <color-checkbox color="rgb(82, 196, 26)" value="5" />
        <color-checkbox color="rgb(24, 144, 255)" value="6" />
        <color-checkbox color="rgb(47, 84, 235)" value="7" />
        <color-checkbox color="rgb(114, 46, 209)" value="8" />
      </color-checkbox-group>
    </setting-item>
    <a-divider/>
    <setting-item title="导航设置">
      <img-check-box-group @change="setLayout">
        <img-check-box img="https://gw.alipayobjects.com/zos/rmsportal/JopDzEhOqwOjeNTXkoje.svg" :checked="true" value="side"/>
        <img-check-box img="https://gw.alipayobjects.com/zos/rmsportal/KDNDBbriJhLwuqMoxcAr.svg" value="head"/>
      </img-check-box-group>
      <img-checkbox-group @change="setLayout">
        <img-checkbox img="https://gw.alipayobjects.com/zos/rmsportal/JopDzEhOqwOjeNTXkoje.svg" :checked="true" value="side"/>
        <img-checkbox img="https://gw.alipayobjects.com/zos/rmsportal/KDNDBbriJhLwuqMoxcAr.svg" value="head"/>
      </img-checkbox-group>
    </setting-item>
    <setting-item>
      <a-list :split="false">
@@ -73,21 +73,21 @@
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 '../check/ColorCheckBox'
import ImgCheckBox from '../check/ImgCheckBox'
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
const ColorCheckboxGroup = ColorCheckbox.Group
const ImgCheckboxGroup = ImgCheckbox.Group

export default {
  name: 'Setting',
  components: {
    ImgCheckBoxGroup,
    ImgCheckBox,
    ColorCheckBoxGroup,
    ColorCheckBox,
    ImgCheckboxGroup,
    ImgCheckbox,
    ColorCheckboxGroup,
    ColorCheckbox,
    ASelectOption,
    ASelect,
    ASwitch,

 src/components/task/TaskGroup.vue

File was renamed from src/components/task/TaskCard.vue
@@ -1,5 +1,5 @@
<template>
  <div class="task-card">
  <div class="task-group">
    <div class="task-head">
      <h3 class="title"><span v-if="count">{{count}}</span>{{title}}</h3>
      <div class="actions" style="float: right">
@@ -30,7 +30,7 @@
}

export default {
  name: 'TaskCard',
  name: 'TaskGroup',
  components: {AIcon, Draggable},
  props: ['title', 'group'],
  data () {
@@ -47,7 +47,7 @@
</script>

<style lang="less">
  .task-card{
  .task-group{
    width: 33.33%;
    padding: 8px 8px;
    background-color: #e1e4e8;

 src/layouts/GlobalFooter.vue

 src/layouts/GlobalHeader.vue

File was renamed from src/components/layout/GlobalHeader.vue
@@ -33,7 +33,7 @@
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 '../menu/menu'
import IMenu from '../components/menu/menu'

const ALayoutSider = ALayout.Sider
const ALayoutHeader = ALayout.Header

 src/layouts/GlobalLayout.vue

File was renamed from src/components/layout/GlobalLayout.vue
@@ -26,11 +26,10 @@
import ALayout from 'ant-design-vue/es/layout'
import GlobalHeader from './GlobalHeader'
import AIcon from 'ant-design-vue/es/icon/icon'
import IMenu from '../menu/menu'
import GlobalFooter from './GlobalFooter'
import Drawer from '../tool/Drawer'
import SiderMenu from '../menu/SiderMenu'
import Setting from '../setting/Setting'
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
@@ -53,8 +52,7 @@
    ALayoutSider,
    ALayoutHeader,
    ALayoutContent,
    ALayoutFooter,
    IMenu},
    ALayoutFooter},
  data () {
    return {
      minHeight: minHeight + 'px',

 src/layouts/HeaderNotice.vue

 src/layouts/HeaderSearch.vue

 src/layouts/HeaderlAvatar.vue

 src/layouts/MenuView.vue

 src/layouts/PageLayout.vue

File was renamed from src/components/layout/PageLayout.vue
@@ -20,7 +20,7 @@
</template>

<script>
import PageHeader from '../page/PageHeader'
import PageHeader from '../components/page/PageHeader'
import AIcon from 'ant-design-vue/es/icon/icon'
export default {
  name: 'PageLayout',

 src/layouts/PageView.vue

File was renamed from src/components/layout/PageView.vue
@@ -10,7 +10,7 @@
</template>

<script>
import PageHeader from '../page/PageHeader'
import PageHeader from '../components/page/PageHeader'
import PageLayout from './PageLayout'
export default {
  name: 'PageView',

 src/layouts/RouteView.vue

 src/pages/components/Palette.vue

New file
@@ -0,0 +1,65 @@
<template>
  <div style="text-align: center; margin-top: 48px">
    <color-checkbox-group :defaultValues="['1']" @change="changeColor" :multiple="true" style="display: inline-block">
      <color-checkbox color="rgb(245, 34, 45)" value="1" />
      <color-checkbox color="rgb(250, 84, 28)" value="2" />
      <color-checkbox color="rgb(250, 173, 20)" value="3" />
      <color-checkbox color="rgb(19, 194, 194)" value="4" />
      <color-checkbox color="rgb(82, 196, 26)" value="5" />
      <color-checkbox color="rgb(24, 144, 255)" value="6" />
      <color-checkbox color="rgb(47, 84, 235)" value="7" />
      <color-checkbox color="rgb(114, 46, 209)" value="8" />
      <color-checkbox color="rgb(256, 0, 0)" value="9" />
      <color-checkbox color="rgb(0, 256, 0)" value="10" />
      <color-checkbox color="rgb(0, 0, 256)" value="11" />
      <color-checkbox color="rgb(256, 256, 0)" value="12" />
    </color-checkbox-group>
    <div></div>
    <div class="view-color" :style="{backgroundColor: color}"/>
  </div>
</template>

<script>
import ColorCheckbox from '../../components/checkbox/ColorCheckbox'

const ColorCheckboxGroup = ColorCheckbox.Group

export default {
  name: 'Palette',
  data () {
    return {
      color: 'rgb(245, 34, 45)'
    }
  },
  components: {ColorCheckbox, ColorCheckboxGroup},
  methods: {
    changeColor (values, colors) {
      this.color = this.calculateColor(colors)
    },
    calculateColor (colors) {
      let red = 0
      let green = 0
      let blue = 0
      let values
      colors.forEach(color => {
        values = color.split('(')[1].split(')')[0].split(',')
        red = Math.max(red, parseInt(values[0]))
        green += Math.max(green, parseInt(values[1]))
        blue += Math.max(blue, parseInt(values[2]))
      })
      return 'rgb(' + red + ',' + green + ',' + blue + ')'
    }
  }
}
</script>

<style lang="less" scoped>
  .view-color{
    margin-top: 48px;
    display: inline-block;
    height: 96px;
    width: 96px;
    border-radius: 48px;
    border: 1px dashed gray;
  }
</style>

 src/pages/components/TaskCard.vue

File was renamed from src/components/task/Index.vue
@@ -1,26 +1,26 @@
<template>
  <div style="display: flex">
    <task-card class="task-card" title="ToDo" group="task">
    <task-group class="task-group" title="ToDo" group="task">
      <task-item :key="index" v-for="(item, index) in todoList" :content="item" />
    </task-card>
    <task-card class="task-card" title="In Progress" group="task">
    </task-group>
    <task-group class="task-group" title="In Progress" group="task">
      <task-item :key="index" v-for="(item, index) in inproList" :content="item" />
    </task-card>
    <task-card class="task-card" title="Done" group="task">
    </task-group>
    <task-group class="task-group" title="Done" group="task">
      <task-item :key="index" v-for="(item, index) in doneList" :content="item" />
    </task-card>
    </task-group>
  </div>
</template>

<script>
import TaskCard from './TaskCard'
import TaskItem from './TaskItem'
import TaskGroup from '../../components/task/TaskGroup'
import TaskItem from '../../components/task/TaskItem'
const todoList = ['任务一', '任务二', '任务三', '任务四', '任务五', '任务六']
const inproList = ['任务七', '任务八', '任务九', '任务十', '任务十一', '任务十二']
const doneList = ['任务十三', '任务十四', '任务十五', '任务十六', '任务十七', '任务十八']
export default {
  name: 'Index',
  components: {TaskItem, TaskCard},
  name: 'TaskCard',
  components: {TaskItem, TaskGroup},
  data () {
    return {
      todoList,
@@ -32,7 +32,7 @@
</script>

<style lang="less" scoped>
  .task-card{
  .task-group{
    margin: 0 48px;
  }
</style>

 src/pages/dashboard/Analysis.vue

File was renamed from src/components/dashboard/Dashboard.vue
@@ -105,19 +105,19 @@
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 './ChartCard'
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 '../chart/MiniArea'
import MiniBar from '../chart/MiniBar'
import MiniProgress from '../chart/MiniProgress'
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 '../chart/Bar'
import RankingList from '../chart/RankingList'
import HotSearch from '../analysis/HotSearch'
import SalesData from '../analysis/SalesData'
import Trend from '../chart/Trend'
import Bar from '../../components/chart/Bar'
import RankingList from '../../components/chart/RankingList'
import HotSearch from '../../components/analysis/HotSearch'
import SalesData from '../../components/analysis/SalesData'
import Trend from '../../components/chart/Trend'

const rankList = []

@@ -131,7 +131,7 @@
const ATabPane = ATabs.TabPane
const ARangePicker = ADatePicker.RangePicker
export default {
  name: 'dashboard',
  name: 'analysis',
  data () {
    return {
      rankList

 src/pages/dashboard/WorkPlace.vue

File was renamed from src/components/dashboard/WorkPlace.vue
@@ -87,10 +87,10 @@
</template>

<script>
import PageHeader from '../page/PageHeader'
import PageLayout from '../layout/PageLayout'
import PageHeader from '../../components/page/PageHeader'
import PageLayout from '../../layouts/PageLayout'
import AAvatar from 'ant-design-vue/es/avatar/Avatar'
import HeadInfo from '../tool/HeadInfo'
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'
@@ -100,7 +100,7 @@
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 '../chart/Radar'
import Radar from '../../components/chart/Radar'

const AListItemMeta = AListItem.Meta


 src/pages/detail/AdvancedDetail.vue

File was renamed from src/components/detail/AdvancedDetail.vue
@@ -121,16 +121,16 @@
</template>

<script>
import PageLayout from '../layout/PageLayout'
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 '../tool/DetailList'
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 '../tool/AStepItem'
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'

 src/pages/detail/BasicDetail.vue

File was renamed from src/components/detail/BasicDetail.vue
@@ -39,10 +39,10 @@
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 '../tool/DetailList'
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 '../layout/PageLayout'
import PageLayout from '../../layouts/PageLayout'

const DetailListItem = DetailList.Item


 src/pages/exception/403.vue

File was renamed from src/components/exception/403.vue
@@ -3,7 +3,7 @@
</template>

<script>
import ExceptionPage from './ExceptionPage'
import ExceptionPage from '../../components/exception/ExceptionPage'
export default {
  components: {ExceptionPage}
}

 src/pages/exception/404.vue

File was renamed from src/components/exception/404.vue
@@ -3,7 +3,7 @@
</template>

<script>
import ExceptionPage from './ExceptionPage'
import ExceptionPage from '../../components/exception/ExceptionPage'
export default {
  components: {ExceptionPage}
}

 src/pages/exception/500.vue

File was renamed from src/components/exception/500.vue
@@ -3,7 +3,7 @@
</template>

<script>
import ExceptionPage from './ExceptionPage'
import ExceptionPage from '../../components/exception/ExceptionPage'
export default {
  components: {ExceptionPage}
}

 src/pages/form/BasicForm.vue

 src/pages/form/advancedForm/AdvancedForm.vue

File was renamed from src/components/form/advancedForm/AdvancedForm.vue
@@ -20,7 +20,7 @@
import RepositoryForm from './RepositoryForm'
import TaskForm from './TaskForm'
import TableForm from './TableForm'
import FooterToolBar from '../../tool/FooterToolBar'
import FooterToolBar from '../../../components/tool/FooterToolBar'
import AButton from 'ant-design-vue/es/button/button'

export default {

 src/pages/form/advancedForm/RepositoryForm.vue

 src/pages/form/advancedForm/TableForm.vue

 src/pages/form/advancedForm/TaskForm.vue

 src/pages/form/stepForm/Step1.vue

 src/pages/form/stepForm/Step2.vue

 src/pages/form/stepForm/Step3.vue

File was renamed from src/components/form/stepForm/Step3.vue
@@ -14,7 +14,7 @@
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 '../../result/Result'
import Result from '../../../components/result/Result'
export default {
  name: 'Step3',
  components: {Result, AButton, AFormItem, AForm},

 src/pages/form/stepForm/StepForm.vue

 src/pages/list/CardList.vue

 src/pages/list/QueryList.vue

File was renamed from src/components/list/QueryList.vue
@@ -114,7 +114,7 @@
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 '../table/StandardTable'
import StandardTable from '../../components/table/StandardTable'
import ADropdown from 'ant-design-vue/es/dropdown'
import AMenu from 'ant-design-vue/es/menu/index'


 src/pages/list/StandardList.vue

File was renamed from src/components/list/StandardList.vue
@@ -70,7 +70,7 @@
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 '../tool/HeadInfo'
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'

 src/pages/list/search/ApplicationList.vue

 src/pages/list/search/ArticleList.vue

 src/pages/list/search/ProjectList.vue

File was renamed from src/components/list/search/ProjectList.vue
@@ -33,7 +33,7 @@
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 '../../tool/AvatarList'
import AvatarList from '../../../components/tool/AvatarList'
import ATooltip from 'ant-design-vue/es/tooltip/Tooltip'

const AvatarListItem = AvatarList.Item

 src/pages/list/search/SearchForm.vue

File was renamed from src/components/list/search/SearchForm.vue
@@ -72,8 +72,8 @@
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 '../../tool/TagSelect'
import FormRow from '../../form/FormRow'
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'

 src/pages/list/search/SearchLayout.vue

 src/pages/login/Login.vue

File was renamed from src/components/login/Login.vue
@@ -74,7 +74,7 @@
<script>
import AForm from 'ant-design-vue/es/form/Form'
import ATabs from 'ant-design-vue/es/tabs'
import GlobalFooter from '../layout/GlobalFooter'
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'

 src/pages/result/Error.vue

File was renamed from src/components/result/Error.vue
@@ -24,14 +24,13 @@
</template>

<script>
import Result from './Result'
import Result from '../../components/result/Result'
import ACard from 'ant-design-vue/es/card/Card'
import PageHeader from '../page/PageHeader'
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, PageHeader, ACard, Result},
  components: {AButton, AIcon, ACard, Result},
  data () {
    return {
      title: '提交失败',

 src/pages/result/Success.vue

File was renamed from src/components/result/Success.vue
@@ -35,16 +35,15 @@
</template>

<script>
import Result from './Result'
import Result from '../../components/result/Result'
import ACard from 'ant-design-vue/es/card/Card'
import PageHeader from '../page/PageHeader'
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 '../tool/DetailList'
import AStepItem from '../tool/AStepItem'
import DetailList from '../../components/tool/DetailList'
import AStepItem from '../../components/tool/AStepItem'

const AStep = ASteps.Step
const AStepItemGroup = AStepItem.Group
@@ -62,7 +61,6 @@
    ARow,
    ACol,
    AButton,
    PageHeader,
    ACard,
    Result},
  data () {

 src/router/index.js

@@ -1,30 +1,30 @@
import Vue from 'vue'
import Router from 'vue-router'
import Dashboard from '@/components/dashboard/Dashboard'
import NotFound from '@/components/exception/404'
import NotPermit from '@/components/exception/403'
import ServerError from '@/components/exception/500'
import PageView from '@/components/layout/PageView'
import RouteView from '@/components/layout/RouteView'
import MenuView from '@/components/layout/MenuView'
import BasicForm from '@/components/form/BasicForm'
import StepForm from '@/components/form/stepForm/StepForm'
import AdvancedForm from '@/components/form/advancedForm/AdvancedForm'
import Success from '@/components/result/Success'
import Error from '@/components/result/Error'
import QueryList from '@/components/list/QueryList'
import StandardList from '@/components/list/StandardList'
import CardList from '@/components/list/CardList'
import SearchLayout from '@/components/list/search/SearchLayout'
import ArticleList from '@/components/list/search/ArticleList'
import ApplicationList from '@/components/list/search/ApplicationList'
import ProjectList from '@/components/list/search/ProjectList'
import WorkPlace from '@/components/dashboard/WorkPlace'
import Login from '@/components/login/Login'
import BasicDetail from '@/components/detail/BasicDetail'
import AdvancedDetail from '@/components/detail/AdvancedDetail'
import TaskCard from '@/components/task/Index'
import ColorBox from '@/components/check/Index'
import Dashboard from '@/pages/dashboard/Analysis'
import NotFound from '@/pages/exception/404'
import NotPermit from '@/pages/exception/403'
import ServerError from '@/pages/exception/500'
import PageView from '@/layouts/PageView'
import RouteView from '@/layouts/RouteView'
import MenuView from '@/layouts/MenuView'
import BasicForm from '@/pages/form/BasicForm'
import StepForm from '@/pages/form/stepForm/StepForm'
import AdvancedForm from '@/pages/form/advancedForm/AdvancedForm'
import Success from '@/pages/result/Success'
import Error from '@/pages/result/Error'
import QueryList from '@/pages/list/QueryList'
import StandardList from '@/pages/list/StandardList'
import CardList from '@/pages/list/CardList'
import SearchLayout from '@/pages/list/search/SearchLayout'
import ArticleList from '@/pages/list/search/ArticleList'
import ApplicationList from '@/pages/list/search/ApplicationList'
import ProjectList from '@/pages/list/search/ProjectList'
import WorkPlace from '@/pages/dashboard/WorkPlace'
import Login from '@/pages/login/Login'
import BasicDetail from '@/pages/detail/BasicDetail'
import AdvancedDetail from '@/pages/detail/AdvancedDetail'
import TaskCard from '@/pages/components/TaskCard'
import ColorBox from '@/pages/components/Palette'

Vue.use(Router)

@@ -209,20 +209,20 @@
          ]
        },
        {
          path: '/components',
          redirect: '/components/taskcard',
          path: '/pages',
          redirect: '/pages/taskcard',
          name: '小组件',
          icon: 'appstore-o',
          component: PageView,
          children: [
            {
              path: '/components/taskcard',
              path: '/pages/taskcard',
              name: '任务卡片',
              icon: 'none',
              component: TaskCard
            },
            {
              path: '/components/palette',
              path: '/pages/palette',
              name: '颜色复选框',
              icon: 'none',
              component: ColorBox

 src/router/lazy.js

@@ -1,9 +1,9 @@
import Vue from 'vue'
import Router from 'vue-router'
import PageView from '@/components/layout/PageView'
import RouteView from '@/components/layout/RouteView'
import MenuView from '@/components/layout/MenuView'
import Login from '@/components/login/Login'
import PageView from '@/layouts/PageView'
import RouteView from '@/layouts/RouteView'
import MenuView from '@/layouts/MenuView'
import Login from '@/pages/login/Login'

Vue.use(Router)

@@ -32,13 +32,13 @@
            {
              path: '/dashboard/workplace',
              name: '工作台',
              component: () => import('@/components/dashboard/WorkPlace'),
              component: () => import('@/pages/dashboard/WorkPlace'),
              icon: 'none'
            },
            {
              path: '/dashboard/analysis',
              name: '分析页',
              component: () => import('@/components/dashboard/Dashboard'),
              component: () => import('@/pages/dashboard/Analysis'),
              icon: 'none'
            }
          ]
@@ -52,19 +52,19 @@
            {
              path: '/form/basic',
              name: '基础表单',
              component: () => import('@/components/form/BasicForm'),
              component: () => import('@/pages/form/BasicForm'),
              icon: 'none'
            },
            {
              path: '/form/step',
              name: '分步表单',
              component: () => import('@/components/form/stepForm/StepForm'),
              component: () => import('@/pages/form/stepForm/StepForm'),
              icon: 'none'
            },
            {
              path: '/form/advanced',
              name: '高级表单',
              component: () => import('@/components/form/advancedForm/AdvancedForm'),
              component: () => import('@/pages/form/advancedForm/AdvancedForm'),
              icon: 'none'
            }
          ]
@@ -78,43 +78,43 @@
            {
              path: '/list/query',
              name: '查询表格',
              component: () => import('@/components/list/QueryList'),
              component: () => import('@/pages/list/QueryList'),
              icon: 'none'
            },
            {
              path: '/list/primary',
              name: '标准列表',
              component: () => import('@/components/list/StandardList'),
              component: () => import('@/pages/list/StandardList'),
              icon: 'none'
            },
            {
              path: '/list/card',
              name: '卡片列表',
              component: () => import('@/components/list/CardList'),
              component: () => import('@/pages/list/CardList'),
              icon: 'none'
            },
            {
              path: '/list/search',
              name: '搜索列表',
              component: () => import('@/components/list/search/SearchLayout'),
              component: () => import('@/pages/list/search/SearchLayout'),
              icon: 'none',
              children: [
                {
                  path: '/list/search/article',
                  name: '文章',
                  component: () => import('@/components/list/search/ArticleList'),
                  component: () => import('@/pages/list/search/ArticleList'),
                  icon: 'none'
                },
                {
                  path: '/list/search/application',
                  name: '应用',
                  component: () => import('@/components/list/search/ApplicationList'),
                  component: () => import('@/pages/list/search/ApplicationList'),
                  icon: 'none'
                },
                {
                  path: '/list/search/project',
                  name: '项目',
                  component: () => import('@/components/list/search/ProjectList'),
                  component: () => import('@/pages/list/search/ProjectList'),
                  icon: 'none'
                }
              ]
@@ -131,13 +131,13 @@
              path: '/detail/basic',
              name: '基础详情页',
              icon: 'none',
              component: () => import('@/components/detail/BasicDetail')
              component: () => import('@/pages/detail/BasicDetail')
            },
            {
              path: '/detail/advanced',
              name: '高级详情页',
              icon: 'none',
              component: () => import('@/components/detail/AdvancedDetail')
              component: () => import('@/pages/detail/AdvancedDetail')
            }
          ]
        },
@@ -151,13 +151,13 @@
              path: '/result/success',
              name: '成功',
              icon: 'none',
              component: () => import('@/components/result/Success')
              component: () => import('@/pages/result/Success')
            },
            {
              path: '/result/error',
              name: '失败',
              icon: 'none',
              component: () => import('@/components/result/Error')
              component: () => import('@/pages/result/Error')
            }
          ]
        },
@@ -171,19 +171,19 @@
              path: '/exception/404',
              name: '404',
              icon: 'none',
              component: () => import('@/components/exception/404')
              component: () => import('@/pages/exception/404')
            },
            {
              path: '/exception/403',
              name: '403',
              icon: 'none',
              component: () => import('@/components/exception/403')
              component: () => import('@/pages/exception/403')
            },
            {
              path: '/exception/500',
              name: '500',
              icon: 'none',
              component: () => import('@/components/exception/500')
              component: () => import('@/pages/exception/500')
            }
          ]
        },
@@ -198,13 +198,13 @@
              path: '/components/taskcard',
              name: '任务卡片',
              icon: 'none',
              component: () => import('@/components/task/Index')
              component: () => import('@/pages/components/TaskCard')
            },
            {
              path: '/components/palette',
              name: '颜色复选框',
              icon: 'none',
              component: () => import('@/components/check/Index')
              component: () => import('@/pages/components/Palette')
            }
          ]
        }