项目组件修改

src/components/breadcrumb.vue

@@ -2,8 +2,8 @@
     <div class="bread-crumb">
         <el-breadcrumb separator-class="el-icon-arrow-right">
             <el-breadcrumb-item>{{curmbFirst}}</el-breadcrumb-item>
-            <el-breadcrumb-item>{{curmbSecond}}</el-breadcrumb-item>
-            <el-breadcrumb-item :to="jumPathThird">{{curmbThird}}</el-breadcrumb-item>
+            <el-breadcrumb-item :to="{ path:  jumPathThird }">{{curmbSecond}}</el-breadcrumb-item>
+            <el-breadcrumb-item>{{curmbThird}}</el-breadcrumb-item>
         </el-breadcrumb>
     </div>
 </template>
@@ -33,8 +33,8 @@ export default {
     width: 100%;
     background: #F4F5F6;
     height: 50px;
-    padding: 20px 0 0 25px;
-    z-index: 99999;
+    padding: 20px 0 0 13px;
+    z-index: 2;
     .el-breadcrumb__inner {
         font-size: 12px;
     }

src/router/router.js

@@ -3,6 +3,7 @@ import App from '../App'
 const home = r => require.ensure([], () => r(require('../views/home')), 'home')
 const itemManager = r => require.ensure([], () => r(require('../views/education/item-manager.vue')), 'item-manager')
 const itemComponent = r => require.ensure([], () => r(require('../views/education/item-component.vue')), 'item-component')
+const createComponent = r => require.ensure([], () => r(require('../views/education/create-component.vue')),'create-component')
 const roleManager = r => require.ensure([], () => r(require('../views/system/role.vue')),'role')
 const addManager = r => require.ensure([], () => r(require('../views/education/add-manager.vue')), 'add-manager')
 
@@ -31,6 +32,9 @@ export default [{
         },{
             path: '/role',
             component: roleManager
+        },{
+            path: '/create-component',
+            component: createComponent
         }
     ]
 }]
\ No newline at end of file

src/style/common.scss

@@ -124,8 +124,24 @@ html,body{
 .word-size {
     font-size: 12px;
 }
+// 字体大小
 .el-form-item{
     .el-form-item__label {
         font-size: 12px;
     }
+}
+// 表格分页
+.pagination {
+    margin: 20px 0;
+    text-align: right;
+    .el-pagination {
+        white-space: nowrap;
+        padding: 2px 5px;
+        color: #303133;
+        font-weight: 700;
+    }
+}
+// 表格
+.el-table thead th{
+    background: #fafafa;
 }
\ No newline at end of file

src/utils/validate.js

+/**
+ * 添加自定义的验证规则
+ */
+
+export function isvalidUsername(str) {
+    const valid_map = ['admin', 'editor']
+    return valid_map.indexOf(str.trim()) >= 0
+  }
+  
+  /* 合法uri*/
+  export function validateURL(textval) {
+    const urlregex = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/
+    return urlregex.test(textval)
+  }
+  
+  /* 小写字母*/
+  export function validateLowerCase(str) {
+    const reg = /^[a-z]+$/
+    return reg.test(str)
+  }
+  
+  /* 大写字母*/
+  export function validateUpperCase(str) {
+    const reg = /^[A-Z]+$/
+    return reg.test(str)
+  }
+  
+  /* 大小写字母*/
+  export function validatAlphabets(str) {
+    const reg = /^[A-Za-z]+$/
+    return reg.test(str)
+  }
+
+  // 2-20个中文
+  export function validateWord(str) {
+      const reg = /^[\u4e00-\u9fa5]{2,20}$/
+      return reg.test(str)
+  }
+  
+  
\ No newline at end of file

src/views/layout/header.vue

 <template>
     <div class="header-container">
-        <div class="logo"><img src="../../assets/image/index_logoicon.png"/>项目管理平台</div>
+        <div class="logo"><img src="../../assets/image/index_logoicon.png"/>云鹊医工作站</div>
         <div class="user-info">
             <el-dropdown trigger="click" @command="handleCommand">
                 <div class="el-dropdown-link">