From 09841d835e55f5b1903963395fba4f9c372cde65 Mon Sep 17 00:00:00 2001
From: e <2432808546@qq.com>
Date: Fri, 25 Jun 2021 15:01:01 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=A1=B9=E7=9B=AE=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6=E7=BB=93=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  |   1 -
 src/components/{common => }/Footer.vue        |   0
 src/components/{common => }/Header.vue        |   2 +-
 src/components/{common => }/Sidebar.vue       |   0
 src/components/common/Tags.vue                | 186 ---------------
 src/components/common/bus.js                  |   6 -
 src/components/common/directives.js           |  80 -------
 src/components/common/i18n.js                 |  30 ---
 src/components/page/I18n.vue                  |  46 ----
 src/components/page/Icon.vue                  | 225 ------------------
 src/main.js                                   |   9 -
 src/router/index.js                           |  40 ++--
 src/{components/page => views}/403.vue        |   0
 src/{components/page => views}/404.vue        |   0
 src/{components/common => views}/Home.vue     |   4 +-
 src/{components/page => views}/Login.vue      |  14 +-
 .../page => views/course}/AddCurriculum.vue   |   0
 .../page => views/course}/AddLink.vue         |   0
 .../page => views/course}/Curriculum.vue      |   1 -
 .../page => views/customer}/AddCustomer.vue   |   0
 .../page => views/customer}/Dashboard.vue     |   1 -
 .../page => views/customer}/Permission.vue    |   0
 src/{components/page => views/data}/Data.vue  |   0
 .../page => views/data}/Framework.vue         |   0
 .../page => views/data}/Introduce.vue         |   0
 .../page => views/data}/Product.vue           |   0
 .../page => views/oder}/AddOrder.vue          |   0
 src/{components/page => views/oder}/Order.vue |   1 -
 .../page => views/serve}/AddConfigure.vue     |   0
 .../page => views/serve}/Configure.vue        |   1 -
 .../page => views/user}/AddUser.vue           |   0
 src/{components/page => views/user}/User.vue  |   1 -
 32 files changed, 25 insertions(+), 623 deletions(-)
 rename src/components/{common => }/Footer.vue (100%)
 rename src/components/{common => }/Header.vue (96%)
 rename src/components/{common => }/Sidebar.vue (100%)
 delete mode 100644 src/components/common/Tags.vue
 delete mode 100644 src/components/common/bus.js
 delete mode 100644 src/components/common/directives.js
 delete mode 100644 src/components/common/i18n.js
 delete mode 100644 src/components/page/I18n.vue
 delete mode 100644 src/components/page/Icon.vue
 rename src/{components/page => views}/403.vue (100%)
 rename src/{components/page => views}/404.vue (100%)
 rename src/{components/common => views}/Home.vue (87%)
 rename src/{components/page => views}/Login.vue (94%)
 rename src/{components/page => views/course}/AddCurriculum.vue (100%)
 rename src/{components/page => views/course}/AddLink.vue (100%)
 rename src/{components/page => views/course}/Curriculum.vue (99%)
 rename src/{components/page => views/customer}/AddCustomer.vue (100%)
 rename src/{components/page => views/customer}/Dashboard.vue (99%)
 rename src/{components/page => views/customer}/Permission.vue (100%)
 rename src/{components/page => views/data}/Data.vue (100%)
 rename src/{components/page => views/data}/Framework.vue (100%)
 rename src/{components/page => views/data}/Introduce.vue (100%)
 rename src/{components/page => views/data}/Product.vue (100%)
 rename src/{components/page => views/oder}/AddOrder.vue (100%)
 rename src/{components/page => views/oder}/Order.vue (99%)
 rename src/{components/page => views/serve}/AddConfigure.vue (100%)
 rename src/{components/page => views/serve}/Configure.vue (99%)
 rename src/{components/page => views/user}/AddUser.vue (100%)
 rename src/{components/page => views/user}/User.vue (99%)

diff --git a/package.json b/package.json
index 284c609..4a52f9f 100644
--- a/package.json
+++ b/package.json
@@ -17,7 +17,6 @@
     "px2rem-loader": "^0.1.9",
     "vue": "^2.6.10",
     "vue-cropperjs": "^3.0.0",
-    "vue-i18n": "^8.10.0",
     "vue-quill-editor": "^3.0.6",
     "vue-router": "^3.0.3",
     "vue-schart": "^2.0.0",
diff --git a/src/components/common/Footer.vue b/src/components/Footer.vue
similarity index 100%
rename from src/components/common/Footer.vue
rename to src/components/Footer.vue
diff --git a/src/components/common/Header.vue b/src/components/Header.vue
similarity index 96%
rename from src/components/common/Header.vue
rename to src/components/Header.vue
index e79edfc..b6de0b0 100644
--- a/src/components/common/Header.vue
+++ b/src/components/Header.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="header flex-between">
         <div class="logo">
-            <img class="cursor" @click="goHome" src="../../assets/img/logo.png">
+            <img class="cursor" @click="goHome" src="../assets/img/logo.png">
         </div>
         <div class="header-right">
             <div class="header-user-con">
diff --git a/src/components/common/Sidebar.vue b/src/components/Sidebar.vue
similarity index 100%
rename from src/components/common/Sidebar.vue
rename to src/components/Sidebar.vue
diff --git a/src/components/common/Tags.vue b/src/components/common/Tags.vue
deleted file mode 100644
index 3f14b45..0000000
--- a/src/components/common/Tags.vue
+++ /dev/null
@@ -1,186 +0,0 @@
-<template>
-    <div class="tags" v-if="showTags">
-        <ul>
-            <li class="tags-li" v-for="(item,index) in tagsList" :class="{'active': isActive(item.path)}" :key="index">
-                <router-link :to="item.path" class="tags-li-title">
-                    {{item.title}}
-                </router-link>
-                <span class="tags-li-icon" @click="closeTags(index)"><i class="el-icon-close"></i></span>
-            </li>
-        </ul>
-        <div class="tags-close-box">
-            <el-dropdown @command="handleTags">
-                <el-button size="mini" type="primary">
-                    标签选项<i class="el-icon-arrow-down el-icon--right"></i>
-                </el-button>
-                <el-dropdown-menu size="small" slot="dropdown">
-                    <el-dropdown-item command="other">关闭其他</el-dropdown-item>
-                    <el-dropdown-item command="all">关闭所有</el-dropdown-item>
-                </el-dropdown-menu>
-            </el-dropdown>
-        </div>
-    </div>
-</template>
-
-<script>
-    import bus from './bus';
-    export default {
-        data() {
-            return {
-                tagsList: []
-            }
-        },
-        methods: {
-            isActive(path) {
-                return path === this.$route.fullPath;
-            },
-            // 关闭单个标签
-            closeTags(index) {
-                const delItem = this.tagsList.splice(index, 1)[0];
-                const item = this.tagsList[index] ? this.tagsList[index] : this.tagsList[index - 1];
-                if (item) {
-                    delItem.path === this.$route.fullPath && this.$router.push(item.path);
-                }else{
-                    this.$router.push('/dashboard');
-                }
-            },
-            // 关闭全部标签
-            closeAll(){
-                this.tagsList = [];
-                this.$router.push('/dashboard');
-            },
-            // 关闭其他标签
-            closeOther(){
-                const curItem = this.tagsList.filter(item => {
-                    return item.path === this.$route.fullPath;
-                })
-                this.tagsList = curItem;
-            },
-            // 设置标签
-            setTags(route){
-                const isExist = this.tagsList.some(item => {
-                    return item.path === route.fullPath;
-                })
-                if(!isExist){
-                    if(this.tagsList.length >= 8){
-                        this.tagsList.shift();
-                    }
-                    this.tagsList.push({
-                        title: route.meta.title,
-                        path: route.fullPath,
-                        name: route.matched[1].components.default.name
-                    })
-                }
-                bus.$emit('tags', this.tagsList);
-            },
-            handleTags(command){
-                command === 'other' ? this.closeOther() : this.closeAll();
-            }
-        },
-        computed: {
-            showTags() {
-                return this.tagsList.length > 0;
-            }
-        },
-        watch:{
-            $route(newValue, oldValue){
-                this.setTags(newValue);
-            }
-        },
-        created(){
-            this.setTags(this.$route);
-            // 监听关闭当前页面的标签页
-            bus.$on('close_current_tags', () => {
-                for (let i = 0, len = this.tagsList.length; i < len; i++) {
-                    const item = this.tagsList[i];
-                    if(item.path === this.$route.fullPath){
-                        if(i < len - 1){
-                            this.$router.push(this.tagsList[i+1].path);
-                        }else if(i > 0){
-                            this.$router.push(this.tagsList[i-1].path);
-                        }else{
-                            this.$router.push('/');
-                        }
-                        this.tagsList.splice(i, 1);
-                        break;
-                    }
-                }
-            })
-        }
-    }
-
-</script>
-
-
-<style>
-    .tags {
-        position: relative;
-        height: 30px;
-        overflow: hidden;
-        background: #fff;
-        padding-right: 120px;
-        box-shadow: 0 5px 10px #ddd;
-    }
-
-    .tags ul {
-        box-sizing: border-box;
-        width: 100%;
-        height: 100%;
-    }
-
-    .tags-li {
-        float: left;
-        margin: 3px 5px 2px 3px;
-        border-radius: 3px;
-        font-size: 12px;
-        overflow: hidden;
-        cursor: pointer;
-        height: 23px;
-        line-height: 23px;
-        border: 1px solid #e9eaec;
-        background: #fff;
-        padding: 0 5px 0 12px;
-        vertical-align: middle;
-        color: #666;
-        -webkit-transition: all .3s ease-in;
-        -moz-transition: all .3s ease-in;
-        transition: all .3s ease-in;
-    }
-
-    .tags-li:not(.active):hover {
-        background: #f8f8f8;
-    }
-
-    .tags-li.active {
-        color: #fff;
-    }
-
-    .tags-li-title {
-        float: left;
-        max-width: 80px;
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        margin-right: 5px;
-        color: #666;
-    }
-
-    .tags-li.active .tags-li-title {
-        color: #fff;
-    }
-
-    .tags-close-box {
-        position: absolute;
-        right: 0;
-        top: 0;
-        box-sizing: border-box;
-        padding-top: 1px;
-        text-align: center;
-        width: 110px;
-        height: 30px;
-        background: #fff;
-        box-shadow: -3px 0 15px 3px rgba(0, 0, 0, .1);
-        z-index: 10;
-    }
-
-</style>
diff --git a/src/components/common/bus.js b/src/components/common/bus.js
deleted file mode 100644
index b433c90..0000000
--- a/src/components/common/bus.js
+++ /dev/null
@@ -1,6 +0,0 @@
-import Vue from 'vue';
-
-// 使用 Event Bus
-const bus = new Vue();
-
-export default bus;
\ No newline at end of file
diff --git a/src/components/common/directives.js b/src/components/common/directives.js
deleted file mode 100644
index b9d1834..0000000
--- a/src/components/common/directives.js
+++ /dev/null
@@ -1,80 +0,0 @@
-import Vue from 'vue';
-
-// v-dialogDrag: 弹窗拖拽属性
-Vue.directive('dialogDrag', {
-    bind(el, binding, vnode, oldVnode) {
-        const dialogHeaderEl = el.querySelector('.el-dialog__header');
-        const dragDom = el.querySelector('.el-dialog');
-
-        dialogHeaderEl.style.cssText += ';cursor:move;'
-        dragDom.style.cssText += ';top:0px;'
-
-        // 获取原有属性 ie dom元素.currentStyle 火狐谷歌 window.getComputedStyle(dom元素, null);
-        const sty = (() => {
-            if (window.document.currentStyle) {
-                return (dom, attr) => dom.currentStyle[attr];
-            } else {
-                return (dom, attr) => getComputedStyle(dom, false)[attr];
-            }
-        })()
-
-        dialogHeaderEl.onmousedown = (e) => {
-            // 鼠标按下，计算当前元素距离可视区的距离
-            const disX = e.clientX - dialogHeaderEl.offsetLeft;
-            const disY = e.clientY - dialogHeaderEl.offsetTop;
-
-            const screenWidth = document.body.clientWidth; // body当前宽度
-            const screenHeight = document.documentElement.clientHeight; // 可见区域高度(应为body高度，可某些环境下无法获取) 
-
-            const dragDomWidth = dragDom.offsetWidth; // 对话框宽度
-            const dragDomheight = dragDom.offsetHeight; // 对话框高度
-
-            const minDragDomLeft = dragDom.offsetLeft;
-            const maxDragDomLeft = screenWidth - dragDom.offsetLeft - dragDomWidth;
-
-            const minDragDomTop = dragDom.offsetTop;
-            const maxDragDomTop = screenHeight - dragDom.offsetTop - dragDomheight;
-
-
-            // 获取到的值带px 正则匹配替换
-            let styL = sty(dragDom, 'left');
-            let styT = sty(dragDom, 'top');
-
-            // 注意在ie中 第一次获取到的值为组件自带50% 移动之后赋值为px
-            if (styL.includes('%')) {
-                styL = +document.body.clientWidth * (+styL.replace(/\%/g, '') / 100);
-                styT = +document.body.clientHeight * (+styT.replace(/\%/g, '') / 100);
-            } else {
-                styL = +styL.replace(/\px/g, '');
-                styT = +styT.replace(/\px/g, '');
-            };
-
-            document.onmousemove = function (e) {
-                // 通过事件委托，计算移动的距离 
-                let left = e.clientX - disX;
-                let top = e.clientY - disY;
-
-                // 边界处理
-                if (-(left) > minDragDomLeft) {
-                    left = -(minDragDomLeft);
-                } else if (left > maxDragDomLeft) {
-                    left = maxDragDomLeft;
-                }
-
-                if (-(top) > minDragDomTop) {
-                    top = -(minDragDomTop);
-                } else if (top > maxDragDomTop) {
-                    top = maxDragDomTop;
-                }
-
-                // 移动当前元素  
-                dragDom.style.cssText += `;left:${left + styL}px;top:${top + styT}px;`;
-            };
-
-            document.onmouseup = function (e) {
-                document.onmousemove = null;
-                document.onmouseup = null;
-            };
-        }
-    }
-})
diff --git a/src/components/common/i18n.js b/src/components/common/i18n.js
deleted file mode 100644
index 299d2da..0000000
--- a/src/components/common/i18n.js
+++ /dev/null
@@ -1,30 +0,0 @@
-export const messages = {
-    'zh': {
-        i18n: {
-            breadcrumb: '国际化产品',
-            tips: '通过切换语言按钮，来改变当前内容的语言。',
-            btn: '切换英文',
-            title1: '常用用法',
-            p1: '要是你把你的秘密告诉了风，那就别怪风把它带给树。',
-            p2: '没有什么比信念更能支撑我们度过艰难的时光了。',
-            p3: '只要能把自己的事做好，并让自己快乐，你就领先于大多数人了。',
-            title2: '组件插值',
-            info: 'Element组件需要国际化，请参考 {action}。',
-            value: '文档'
-        }
-    },
-    'en': {
-        i18n: {
-            breadcrumb: 'International Products',
-            tips: 'Click on the button to change the current language. ',
-            btn: 'Switch Chinese',
-            title1: 'Common usage',
-            p1: "If you reveal your secrets to the wind you should not blame the wind for  revealing them to the trees.",
-            p2: "Nothing can help us endure dark times better than our faith. ",
-            p3: "If you can do what you do best and be happy, you're further along in life  than most people.",
-            title2: 'Component interpolation',
-            info: 'The default language of Element is Chinese. If you wish to use another language, please refer to the {action}.',
-            value: 'documentation'
-        }
-    }
-}
\ No newline at end of file
diff --git a/src/components/page/I18n.vue b/src/components/page/I18n.vue
deleted file mode 100644
index ddb24f6..0000000
--- a/src/components/page/I18n.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-<template>
-    <section class="main">
-        <div class="crumbs">
-            <el-breadcrumb separator="/">
-                <el-breadcrumb-item><i class="el-icon-lx-global"></i> {{$t('i18n.breadcrumb')}}</el-breadcrumb-item>
-            </el-breadcrumb>
-        </div>
-        <div class="container">
-            <span>{{$t('i18n.tips')}}</span>
-            <el-button type="primary" @click="$i18n.locale = $i18n.locale === 'zh'?'en':'zh';">{{$t('i18n.btn')}}</el-button>
-            <div class="list">
-            <h2>{{$t('i18n.title1')}}</h2>
-                <p>{{$t('i18n.p1')}}</p>
-                <p>{{$t('i18n.p2')}}</p>
-                <p>{{$t('i18n.p3')}}</p>
-            </div>
-            <h2>{{$t('i18n.title2')}}</h2>
-            <div>
-                <i18n path="i18n.info" tag="p">
-                    <a place="action" href="https://element.eleme.cn/2.0/#/zh-CN/component/i18n">{{ $t('i18n.value') }}</a>
-                </i18n>
-            </div>
-        </div>
-    </section>
-</template>
-
-<script>
-export default {
-    data(){
-        return {
-        }
-    }
-}
-</script>
-
-<style scoped>
-.list{
-    padding: 30px 0;
-}
-.list p{
-    margin-bottom: 20px;
-}
-a{
-    color: #409eff;
-}
-</style>
diff --git a/src/components/page/Icon.vue b/src/components/page/Icon.vue
deleted file mode 100644
index 352d38b..0000000
--- a/src/components/page/Icon.vue
+++ /dev/null
@@ -1,225 +0,0 @@
-<template>
-    <div>
-        <div class="crumbs">
-            <el-breadcrumb separator="/">
-                <el-breadcrumb-item><i class="el-icon-lx-emoji"></i> 自定义图标</el-breadcrumb-item>
-            </el-breadcrumb>
-        </div>
-        <div class="container">
-            <h2>使用方法</h2>
-            <p style="line-height: 50px;">
-                直接通过设置类名为 el-icon-lx-iconName 来使用即可。例如：（共{{iconList.length}}个图标）
-            </p>
-            <p class="example-p">
-                <i class="el-icon-lx-redpacket_fill" style="font-size: 30px;color: #ff5900"></i>
-                <span>&lt;i class=&quot;el-icon-lx-redpacket_fill&quot;&gt;&lt;/i&gt;</span>
-            </p>
-            <p class="example-p">
-                <i class="el-icon-lx-weibo" style="font-size: 30px;color:#fd5656"></i>
-                <span>&lt;i class=&quot;el-icon-lx-weibo&quot;&gt;&lt;/i&gt;</span>
-            </p>
-            <p class="example-p">
-                <i class="el-icon-lx-emojifill" style="font-size: 30px;color: #ffc300"></i>
-                <span>&lt;i class=&quot;el-icon-lx-emojifill&quot;&gt;&lt;/i&gt;</span>
-            </p>
-            <br>
-            <h2>图标</h2>
-            <div class="search-box">
-                <el-input class="search" size="large" v-model="keyword" clearable placeholder="请输入图标名称"></el-input>
-            </div>
-            <ul>
-                <li class="icon-li" v-for="(item,index) in list" :key="index">
-                    <div class="icon-li-content">
-                        <i :class="`el-icon-lx-${item}`"></i>
-                        <span>{{item}}</span>
-                    </div>
-                </li>
-            </ul>
-        </div>
-
-    </div>
-</template>
-
-<script>
-    export default {
-        data: function(){
-            return {
-                keyword: '',
-                iconList: [
-                    'attentionforbid',
-                    'attentionforbidfill',
-                    'attention',
-                    'attentionfill',
-                    'tag',
-                    'tagfill',
-                    'people',
-                    'peoplefill',
-                    'notice',
-                    'noticefill',
-                    'mobile',
-                    'mobilefill',
-                    'voice',
-                    'voicefill',
-                    'unlock',
-                    'lock',
-                    'home',
-                    'homefill',
-                    'delete',
-                    'deletefill',
-                    'notification',
-                    'notificationfill',
-                    'notificationforbidfill',
-                    'like',
-                    'likefill',
-                    'comment',
-                    'commentfill',
-                    'camera',
-                    'camerafill',
-                    'warn',
-                    'warnfill',
-                    'time',
-                    'timefill',
-                    'location',
-                    'locationfill',
-                    'favor',
-                    'favorfill',
-                    'skin',
-                    'skinfill',
-                    'news',
-                    'newsfill',
-                    'record',
-                    'recordfill',
-                    'emoji',
-                    'emojifill',
-                    'message',
-                    'messagefill',
-                    'goods',
-                    'goodsfill',
-                    'crown',
-                    'crownfill',
-                    'move',
-                    'add',
-                    'hot',
-                    'hotfill',
-                    'service',
-                    'servicefill',
-                    'present',
-                    'presentfill',
-                    'pic',
-                    'picfill',
-                    'rank',
-                    'rankfill',
-                    'male',
-                    'female',
-                    'down',
-                    'top',
-                    'recharge',
-                    'rechargefill',
-                    'forward',
-                    'forwardfill',
-                    'info',
-                    'infofill',
-                    'redpacket',
-                    'redpacket_fill',
-                    'roundadd',
-                    'roundaddfill',
-                    'friendadd',
-                    'friendaddfill',
-                    'cart',
-                    'cartfill',
-                    'more',
-                    'moreandroid',
-                    'back',
-                    'right',
-                    'shop',
-                    'shopfill',
-                    'question',
-                    'questionfill',
-                    'roundclose',
-                    'roundclosefill',
-                    'roundcheck',
-                    'roundcheckfill',
-                    'global',
-                    'mail',
-                    'punch',
-                    'exit',
-                    'upload',
-                    'read',
-                    'file',
-                    'link',
-                    'full',
-                    'group',
-                    'friend',
-                    'profile',
-                    'addressbook',
-                    'calendar',
-                    'text',
-                    'copy',
-                    'share',
-                    'wifi',
-                    'vipcard',
-                    'weibo',
-                    'remind',
-                    'refresh',
-                    'filter',
-                    'settings',
-                    'scan',
-                    'qrcode',
-                    'cascades',
-                    'apps',
-                    'sort',
-                    'searchlist',
-                    'search',
-                    'edit'
-                ]
-            }
-        },
-        computed: {
-            list(){
-                return this.iconList.filter((item) => {
-                    return item.indexOf(this.keyword) !== -1;
-                })
-            }
-        }
-    }
-</script>
-
-<style scoped>
-.example-p{
-    height: 45px;
-    display: flex;
-    align-items: center;
-}
-.search-box{
-    text-align: center;
-    margin-top: 10px;
-}
-.search{
-    width: 300px;
-}
-ul,li{
-    list-style: none;
-}
-.icon-li{
-    display: inline-block;
-    padding: 10px;
-    width: 120px;
-    height: 120px;
-}
-.icon-li-content{
-    display: flex;
-    height: 100%;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-}
-.icon-li-content i{
-    font-size: 36px;
-    color: #606266;
-}
-.icon-li-content span{
-    margin-top: 10px;
-    color: #787878;
-}
-</style>
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 02f02f7..33188e5 100644
--- a/src/main.js
+++ b/src/main.js
@@ -2,13 +2,10 @@ import Vue from 'vue';
 import App from './App.vue';
 import router from './router';
 import ElementUI from 'element-ui';
-import VueI18n from 'vue-i18n';
-import { messages } from './components/common/i18n';
 // import 'element-ui/lib/theme-chalk/index.css'; // 默认主题
 import './assets/css/theme-green/index.css'; // 浅绿色主题
 import './assets/css/icon.css';
 import './assets/icon/iconfont.css';
-import './components/common/directives';
 import 'babel-polyfill';
 import './utils/rem';
 import {post,get,del,put} from './utils/http';
@@ -43,12 +40,7 @@ Vue.prototype.encodeString = encodeString;
 Vue.prototype.formatDate = formatDate;
 
 Vue.config.productionTip = false;
-Vue.use(VueI18n);
 Vue.use(ElementUI);
-const i18n = new VueI18n({
-    locale: 'zh',
-    messages
-});
 
 //使用钩子函数对路由进行权限跳转
 router.beforeEach((to, from, next) => {
@@ -64,6 +56,5 @@ router.beforeEach((to, from, next) => {
 new Vue({
     router,
     store,
-    i18n,
     render: h => h(App)
 }).$mount('#app');
diff --git a/src/router/index.js b/src/router/index.js
index 3fa245d..2f2529f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,96 +13,90 @@ let router =  new Router({
         },
         {
             path: '/',
-            component: () => import(/* webpackChunkName: "home" */ '../components/common/Home.vue'),
+            component: () => import(/* webpackChunkName: "home" */ '../views/Home.vue'),
             meta: { title: '自述文件' },
             children: [
                 {
                     path: '/dashboard',
-                    component: () => import(/* webpackChunkName: "dashboard" */ '../components/page/Dashboard.vue'),
+                    component: () => import(/* webpackChunkName: "dashboard" */ '../views/customer/Dashboard.vue'),
                     meta: { title: '客户管理' }
                 },
                 {
                     path: '/addcustomer',
-                    component: () => import(/* webpackChunkName: "icon" */ '../components/page/AddCustomer.vue'),
+                    component: () => import( '../views/customer/AddCustomer.vue'),
                     meta: { title: '新增客户' }
                 },
                 {
                     path: '/user',
-                    component: () => import(/* webpackChunkName: "icon" */ '../components/page/User.vue'),
+                    component: () => import( '../views/user/User.vue'),
                     meta: { title: '用户管理' }
                 },
                 {
                     path: '/adduser',
-                    component: () => import(/* webpackChunkName: "icon" */ '../components/page/AddUser.vue'),
+                    component: () => import( '../views/user/AddUser.vue'),
                     meta: { title: '新增用户' }
                 },
                 {
                     path: '/order',
-                    component: () => import(/* webpackChunkName: "tabs" */ '../components/page/Order.vue'),
+                    component: () => import( '../views/oder/Order.vue'),
                     meta: { title: '订单管理' }
                 },
                 {
                     path: '/addorder',
-                    component: () => import(/* webpackChunkName: "tabs" */ '../components/page/AddOrder.vue'),
+                    component: () => import( '../views/oder/AddOrder.vue'),
                     meta: { title: '新增订单' }
                 },
                 {
                     path: '/configure',
-                    component: () => import(/* webpackChunkName: "icon" */ '../components/page/Configure.vue'),
+                    component: () => import( '../views/serve/Configure.vue'),
                     meta: { title: '服务配置' }
                 },
                 {
                     path: '/addconfigure',
-                    component: () => import(/* webpackChunkName: "icon" */ '../components/page/AddConfigure.vue'),
+                    component: () => import( '../views/serve/AddConfigure.vue'),
                     meta: { title: '新增配置' }
                 },
                 {
                     path: '/curriculum',
-                    component: () => import(/* webpackChunkName: "form" */ '../components/page/Curriculum.vue'),
+                    component: () => import( '../views/course/Curriculum.vue'),
                     meta: { title: '课程管理' }
                 },
                 {
                     path: '/addcurriculum',
-                    component: () => import(/* webpackChunkName: "form" */ '../components/page/AddCurriculum.vue'),
+                    component: () => import( '../views/course/AddCurriculum.vue'),
                     meta: { title: '新建课程' }
                 },
                 {
                     path: '/addlink',
-                    component: () => import(/* webpackChunkName: "form" */ '../components/page/AddLink.vue'),
+                    component: () => import( '../views/course/AddLink.vue'),
                     meta: { title: '添加环节' }
                 },
                 {
                     path: '/data',
-                    component: () => import(/* webpackChunkName: "form" */ '../components/page/Data.vue'),
+                    component: () => import( '../views/data/Data.vue'),
                     meta: { title: '数据管理' }
                 },
-                {
-                    // 国际化组件
-                    path: '/i18n',
-                    component: () => import(/* webpackChunkName: "i18n" */ '../components/page/I18n.vue'),
-                    meta: { title: '国际化' }
-                },
                 {
                     // 权限页面
                     path: '/permission',
-                    component: () => import(/* webpackChunkName: "permission" */ '../components/page/Permission.vue'),
+                    component: () => import(/* webpackChunkName: "permission" */ '../views/customer/Permission.vue'),
                     meta: { title: '应用权限', permission: true }
                 },
                 {
                     path: '/404',
-                    component: () => import(/* webpackChunkName: "404" */ '../components/page/404.vue'),
+                    component: () => import(/* webpackChunkName: "404" */ '../views/404.vue'),
                     meta: { title: '404' }
                 },
                 {
                     path: '/403',
-                    component: () => import(/* webpackChunkName: "403" */ '../components/page/403.vue'),
+                    component: () => import(/* webpackChunkName: "403" */ '../views/403.vue'),
                     meta: { title: '403' }
                 }
             ]
         },
         {
             path: '/login',
-            component: () => import(/* webpackChunkName: "login" */ '../components/page/Login.vue'),
+            component: () => import(/* webpackChunkName: "login" */ '../views/Login.vue'),
             meta: { title: '登录' }
         },
         {
diff --git a/src/components/page/403.vue b/src/views/403.vue
similarity index 100%
rename from src/components/page/403.vue
rename to src/views/403.vue
diff --git a/src/components/page/404.vue b/src/views/404.vue
similarity index 100%
rename from src/components/page/404.vue
rename to src/views/404.vue
diff --git a/src/components/common/Home.vue b/src/views/Home.vue
similarity index 87%
rename from src/components/common/Home.vue
rename to src/views/Home.vue
index c649eaf..7b38572 100644
--- a/src/components/common/Home.vue
+++ b/src/views/Home.vue
@@ -16,8 +16,8 @@
 </template>
 
 <script>
-import vHead from './Header.vue';
-import vSidebar from './Sidebar.vue';
+import vHead from '../components/Header.vue';
+import vSidebar from '../components/Sidebar.vue';
 export default {
     data() {
         return {
diff --git a/src/components/page/Login.vue b/src/views/Login.vue
similarity index 94%
rename from src/components/page/Login.vue
rename to src/views/Login.vue
index 705ca1c..4977a5e 100644
--- a/src/components/page/Login.vue
+++ b/src/views/Login.vue
@@ -2,7 +2,7 @@
     <div class="login-wrap">
         <div class="header">
             <div class="logo">
-                <img src="../../assets/img/logo.png">
+                <img src="../assets/img/logo.png">
             </div>
         </div>
 
@@ -34,7 +34,7 @@
 </template>
 
 <script>
-import vFooter from '../common/Footer'
+import vFooter from '../components/Footer'
 export default {
     data: function() {
         return {
@@ -90,7 +90,7 @@ export default {
     position: relative;
     width: 100%;
     height: 100%;
-    background-image: url(../../assets/img/login-bg.png);
+    background-image: url(../assets/img/login-bg.png);
     background-size: 100%;
 }
 .ms-title {
@@ -105,7 +105,7 @@ export default {
     width: 1200px;
     height: 82%;
     margin: 60px auto 20px;
-    background-image: url(../../assets/img/login-input.png);
+    background-image: url(../assets/img/login-input.png);
     box-shadow:0px 0px 79px 0px rgba(11,15,65,0.36);
     overflow: hidden;
 }
@@ -179,9 +179,5 @@ img{
     width:80px;
     margin-right: 30px;
 }
-.footer{
-    /* position: absolute;
-    bottom: 0;
-    width: 100%; */
-}
+
 </style>
\ No newline at end of file
diff --git a/src/components/page/AddCurriculum.vue b/src/views/course/AddCurriculum.vue
similarity index 100%
rename from src/components/page/AddCurriculum.vue
rename to src/views/course/AddCurriculum.vue
diff --git a/src/components/page/AddLink.vue b/src/views/course/AddLink.vue
similarity index 100%
rename from src/components/page/AddLink.vue
rename to src/views/course/AddLink.vue
diff --git a/src/components/page/Curriculum.vue b/src/views/course/Curriculum.vue
similarity index 99%
rename from src/components/page/Curriculum.vue
rename to src/views/course/Curriculum.vue
index ec6db2a..563651c 100644
--- a/src/components/page/Curriculum.vue
+++ b/src/views/course/Curriculum.vue
@@ -106,7 +106,6 @@
 </template>
 
 <script>
-import bus from '../common/bus';
 export default {
     name: 'dashboard',
     data() {
diff --git a/src/components/page/AddCustomer.vue b/src/views/customer/AddCustomer.vue
similarity index 100%
rename from src/components/page/AddCustomer.vue
rename to src/views/customer/AddCustomer.vue
diff --git a/src/components/page/Dashboard.vue b/src/views/customer/Dashboard.vue
similarity index 99%
rename from src/components/page/Dashboard.vue
rename to src/views/customer/Dashboard.vue
index 4435865..95e51fa 100644
--- a/src/components/page/Dashboard.vue
+++ b/src/views/customer/Dashboard.vue
@@ -96,7 +96,6 @@
 </template>
 
 <script>
-import bus from '../common/bus';
 export default {
     name: 'dashboard',
     data() {
diff --git a/src/components/page/Permission.vue b/src/views/customer/Permission.vue
similarity index 100%
rename from src/components/page/Permission.vue
rename to src/views/customer/Permission.vue
diff --git a/src/components/page/Data.vue b/src/views/data/Data.vue
similarity index 100%
rename from src/components/page/Data.vue
rename to src/views/data/Data.vue
diff --git a/src/components/page/Framework.vue b/src/views/data/Framework.vue
similarity index 100%
rename from src/components/page/Framework.vue
rename to src/views/data/Framework.vue
diff --git a/src/components/page/Introduce.vue b/src/views/data/Introduce.vue
similarity index 100%
rename from src/components/page/Introduce.vue
rename to src/views/data/Introduce.vue
diff --git a/src/components/page/Product.vue b/src/views/data/Product.vue
similarity index 100%
rename from src/components/page/Product.vue
rename to src/views/data/Product.vue
diff --git a/src/components/page/AddOrder.vue b/src/views/oder/AddOrder.vue
similarity index 100%
rename from src/components/page/AddOrder.vue
rename to src/views/oder/AddOrder.vue
diff --git a/src/components/page/Order.vue b/src/views/oder/Order.vue
similarity index 99%
rename from src/components/page/Order.vue
rename to src/views/oder/Order.vue
index c4cee7b..e24ab70 100644
--- a/src/components/page/Order.vue
+++ b/src/views/oder/Order.vue
@@ -101,7 +101,6 @@
 </template>
 
 <script>
-import bus from '../common/bus';
 export default {
     data() {
         return {
diff --git a/src/components/page/AddConfigure.vue b/src/views/serve/AddConfigure.vue
similarity index 100%
rename from src/components/page/AddConfigure.vue
rename to src/views/serve/AddConfigure.vue
diff --git a/src/components/page/Configure.vue b/src/views/serve/Configure.vue
similarity index 99%
rename from src/components/page/Configure.vue
rename to src/views/serve/Configure.vue
index a44b7fd..940d5aa 100644
--- a/src/components/page/Configure.vue
+++ b/src/views/serve/Configure.vue
@@ -82,7 +82,6 @@
 </template>
 
 <script>
-import bus from '../common/bus';
 export default {
     data() {
         return {
diff --git a/src/components/page/AddUser.vue b/src/views/user/AddUser.vue
similarity index 100%
rename from src/components/page/AddUser.vue
rename to src/views/user/AddUser.vue
diff --git a/src/components/page/User.vue b/src/views/user/User.vue
similarity index 99%
rename from src/components/page/User.vue
rename to src/views/user/User.vue
index 0625f28..2041976 100644
--- a/src/components/page/User.vue
+++ b/src/views/user/User.vue
@@ -129,7 +129,6 @@
 </template>
 
 <script>
-import bus from '../common/bus';
 export default {
     name: 'dashboard',
     data() {