模块排序

src/components/breadcrumb.vue

@@ -2,7 +2,7 @@
     <div class="bread-crumb">
         <el-breadcrumb separator-class="el-icon-arrow-right">
             <el-breadcrumb-item>{{curmbFirst}}</el-breadcrumb-item>
-            <el-breadcrumb-item :to="{ path:  jumPathThird }">{{curmbSecond}}</el-breadcrumb-item>
+            <el-breadcrumb-item v-if="curmbSecond" :to="{ path:  jumPathThird }">{{curmbSecond}}</el-breadcrumb-item>
             <el-breadcrumb-item v-if="curmbThird">{{curmbThird}}</el-breadcrumb-item>
         </el-breadcrumb>
     </div>

src/views/education/create-component.vue

@@ -119,11 +119,11 @@
                                         <div class="template-content-div">
                                             <div class="title">
                                                 {{item1.name}}
-                                                <span @click="deleteTemplate(index,index1)">
+                                                <span>
                                                     变更顺序:
                                                     <i class="el-icon-arrow-down" @click="sortUp(index,index1)"></i>
                                                     <i class="el-icon-arrow-up" @click="sortDown(index,index1)"></i>
-                                                    <i class="el-icon-delete" style="color:red;"></i>
+                                                    <i class="el-icon-delete" @click="deleteTemplate(index,index1)" style="color:red;"></i>
                                                 </span>
                                             </div>
                                             <div v-for="(item2,index2) in item1.partList" :key="index2">
@@ -371,7 +371,7 @@ export default {
         },
         // 删除tab
         removeTab() {
-
+            
         },
         // 添加空白模块
         addModule() {
@@ -480,6 +480,7 @@ export default {
             for(let i = 0; i < vm.componentList.moduleList.length; i++) {
                 if(index == i) {
                     vm.componentList.moduleList[i].templateList.splice(index1,1)
+                    break
                 }
             }
         },
@@ -497,10 +498,13 @@ export default {
                                         content_1: '',
                                         content_2: ''
                                     })
+                                    break
                                 }
                             }
+                            break
                         }
                     }
+                    break
                 }
             }
         },
@@ -513,18 +517,41 @@ export default {
                             for(let q = 0; q < vm.componentList.moduleList[i].templateList[j].partList.length;q++){
                                 if(index2 == q) {
                                     vm.componentList.moduleList[i].templateList[j].partList[q].partContentList.splice(index3,1)
+                                    break
                                 }
                             }
+                            break
                         }
                     }
+                    break
                 }
             }
         },
+        // 模板下移
         sortUp(index,index1) {
-
+            for(let i = 0; i < vm.componentList.moduleList.length; i++) {
+                if(index == i) {
+                    if(index1 != vm.componentList.moduleList[i].templateList.length - 1) {  // 判断是最后一个不能下移
+                        let temp = vm.componentList.moduleList[i].templateList[index1]
+                        vm.$set(vm.componentList.moduleList[i].templateList,index1,vm.componentList.moduleList[i].templateList[index1 + 1])
+                        vm.$set(vm.componentList.moduleList[i].templateList,parseInt(index1+1),temp)
+                    }
+                    break
+                }
+            }
         },
+        // 模板下移
         sortDown(index,index1) {
-
+            for(let i = 0; i < vm.componentList.moduleList.length; i++) {
+                if(index == i) {
+                    if(index1 != 0) {  // 判断是第一个不能上移
+                        let temp = vm.componentList.moduleList[i].templateList[index1]
+                        vm.$set(vm.componentList.moduleList[i].templateList,index1,vm.componentList.moduleList[i].templateList[index1 - 1])
+                        vm.$set(vm.componentList.moduleList[i].templateList,parseInt(index1-1),temp)
+                    }
+                    break
+                }
+            }
         },
         // 选择资源包
         selectChange() {

src/views/education/item-component.vue

@@ -5,7 +5,7 @@
         :curmbSecond="curmbSecond">
         </bread-crumb>
         <div class="component-content">
-            <div class="title">查询条件</div>
+            <div class="search-title">查询条件</div>
             <el-row :gutter="30" class="row" type="flex" style="margin-top: 10px;">
                 <el-form ref="serchForm" :model="searchParam" label-width="75px" style="width:100%;">
                     <el-col :span="10">
@@ -127,7 +127,7 @@ export default {
     .component-content {
         margin-top: 50px;
         padding: 10px;
-        .title {
+        .search-title {
             padding: 10px 12px;
             font-size: 12px;
             color: #409EFF;

src/views/home.vue

 <template>
     <div>
-        
+        <bread-crumb :curmbFirst="curmbFirst"></bread-crumb>
     </div>
 </template>
 <script>
+import BreadCrumb from '../components/breadcrumb.vue'
 export default {
-    
+    components: {
+        BreadCrumb
+    },
+    data() {
+        return {
+            curmbFirst: '工作平台'
+        }
+    }
 }
 </script>
 <style>

src/views/layout/slidebar.vue

@@ -26,6 +26,10 @@ export default {
         return {
             items: [
                 {
+                    title: '数据总览',
+                    icon: 'el-icon-menu',
+                    index: 'home'
+                },{
                     title: '教培项目',
                     icon: 'el-icon-message',
                     index: '1',
@@ -80,12 +84,19 @@ export default {
     top: 70px;
     bottom: 0;
     width: 225px;
-    background: #EAEEF5;
+    background: #E2E2E2;
     .el-menu {
-        background: #EAEEF5;
+        background: #E2E2E2;
         .sub-icon {
             font-size: 12px;
         }
+        .el-menu-item, .el-submenu {
+            border-bottom: 1px solid #E8E8E8;
+        }
+        .el-menu-item.is-active {
+            color: #000;
+            background: #CBCBCB;
+        }
     }
 }
 </style>