修改bug

src/components/breadcrumb.vue

+<template>
+  <div>
+    <el-breadcrumb separator="/">
+      <template v-for="(item, index) in data">
+        <el-breadcrumb-item v-if="item.path" :key="index" :to="{ path: item.path }">{{ item.name }}</el-breadcrumb-item>
+        <el-breadcrumb-item v-else :key="index">{{ item.name }}</el-breadcrumb-item>
+      </template>
+      <!-- <el-breadcrumb-item><a href="/">活动管理</a></el-breadcrumb-item>
+      <el-breadcrumb-item>活动列表</el-breadcrumb-item>
+      <el-breadcrumb-item>活动详情</el-breadcrumb-item> -->
+    </el-breadcrumb>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    data: {
+      type: Array
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+::v-deep{
+  .el-breadcrumb{
+    .el-breadcrumb__item{
+      span{
+        color: #666;
+        font-weight: normal;
+      }
+      &:last-child{
+        span{
+          color: #AF1B40;
+        }
+      }
+    }
+  }
+}
+</style>

src/pages/account/register.vue

@@ -16,11 +16,11 @@
       <el-form-item label="身份证号" prop="codeId">
         <el-input v-model="ruleForm.codeId" placeholder="请输入您的身份证号"></el-input>
       </el-form-item>
-      <el-form-item label="密码" prop="pws">
-        <el-input v-model="ruleForm.pws" placeholder="请输入您的密码"></el-input>
+      <el-form-item label="密码" prop="pass">
+        <el-input type="password" v-model="ruleForm.pass" placeholder="请输入您的密码"></el-input>
       </el-form-item>
-      <el-form-item label="确认密码" prop="qpws">
-        <el-input v-model="ruleForm.qpws" placeholder="请输入您的密码"></el-input>
+      <el-form-item label="确认密码" prop="checkPass">
+        <el-input type="password" v-model="ruleForm.checkPass" placeholder="请输入您的密码"></el-input>
       </el-form-item>
       <el-form-item>
         <el-button type="primary" @click="submitForm('ruleForm')" class="sub-btn">立即创建</el-button>
@@ -32,6 +32,37 @@
 <script>
   export default {
     data() {
+      const checkPhone = (rule, value, callback) => { 
+        const reg = /^(13[0-9]|14[01456879]|15[0-3,5-9]|16[2567]|17[0-8]|18[0-9]|19[0-3,5-9])\d{8}$/;
+        if(!reg.test(value)){
+          return callback(new Error())
+        }
+      }
+      const checkCodeId = (rule, value, callback) => { 
+        const reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
+        if(!reg.test(value)){
+          return callback(new Error())
+        }
+      }
+      const validatePass = (rule, value, callback) => {
+        if (value === '') {
+          callback(new Error('请输入密码!'))
+        } else {
+          if (this.ruleForm.checkPass !== '') {
+            this.$refs.ruleForm.validateField('checkPass')
+          }
+          callback()
+        }
+      }
+      const validatePass2 = (rule, value, callback) => {
+        if (value === '') {
+          callback(new Error('请再次输入密码'))
+        } else if (value !== this.ruleForm.pass) {
+          callback(new Error('两次输入密码不一致!'))
+        } else {
+          callback()
+        }
+      }
       return {
         ruleForm: {
           name: '',
@@ -40,33 +71,39 @@
           codeId: '',
           delivery: false,
           type: [],
-          pws: '',
-          qpws: ''
+          checkPass: '',
+          pass: ''
         },
         rules: {
           name: [
             { required: true, message: '请输入姓名', trigger: 'blur' }
-            // { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
           ],
           region: [
             { required: true, message: '请选择学校', trigger: 'change' }
           ],
           phone: [
-            { required: true, message: '请输入手机号', trigger: 'blur' }
+            { required: true, message: '请输入手机号', trigger: 'blur' },
+            { required: true, message: '手机号不正确', validator: checkPhone, trigger: 'blur' }
           ],
           codeId: [
-            { required: true, message: '请输入身份证号', trigger: 'blur' }
+            { required: true, message: '请输入身份证号', trigger: 'blur' },
+            { required: true, message: '身份证号不正确', validator: checkCodeId, trigger: 'blur' }
           ],
-          pws: [
-            { required: true, message: '请输入密码', trigger: 'blur' }
+          pass: [
+            { required: true, message: '请输入密码', trigger: 'blur' },
+            { validator: validatePass, trigger: 'blur' }
           ],
-          qpws: [
-            { required: true, message: '请输入密码', trigger: 'blur' }
+          checkPass: [
+            { required: true, message: '请输入密码', trigger: 'blur' },
+            { validator: validatePass2, trigger: 'blur' }
           ]
         }
       };
     },
     methods: {
+      isRules(n) {
+        console.log(n)
+      },
       submitForm(formName) {
         this.$refs[formName].validate((valid) => {
           if (valid) {

src/pages/home/index.vue

@@ -24,7 +24,7 @@
           <ul>
             <template v-for="(item, index) in list">
               <template v-if="index <= 3">
-                <router-link :to="`/news/detail?id=${item.id}`" :key="index">
+                <router-link :to="`/news/detail?id=${item.id}&type=home`" :key="index">
                   <li>
                     <span>
                       {{ item.title }}

src/pages/news/detail.vue

 <template>
   <div class="news-detail-box">
+    <breadcrumb class="content-max-width crumb" :data="crumbData"/>
     <div class="title">{{ data.title }}</div>
     <div class="content content-max-width" v-html="data.content"></div>
   </div>
 </template>
 <script>
 import action from '@action'
+import breadcrumb from '@/components/breadcrumb'
 export default {
   components: {
+    breadcrumb
   },
   data() {
     return {
-      data: {}
+      data: {},
+      crumbData: [
+        {
+          path: '/',
+          name: '首页'
+        },
+        {
+          path: '/news',
+          name: '新闻列表'
+        },
+        {
+          name: '新闻详情'
+        }
+      ]
     }
   },
   mounted() {
     this.getData()
+    if (this.$route.query.type) {
+      this.crumbData = [
+        {
+          path: '/',
+          name: '首页'
+        },
+        {
+          name: '新闻详情'
+        }
+      ]
+    }
   },
   methods: {
     getData() {
@@ -27,6 +54,9 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
+.crumb{
+  padding-top: 24px;
+}
 .content-max-width{
   width: 870px;
   margin: 0 auto;

src/pages/news/index.vue

 <template>
   <div class="news-box">
+    <breadcrumb class="content-max-width crumb" :data="crumbData"/>
     <btn-tabs class="tabs-box" :data="tabsData"></btn-tabs>
     <ul class="content-max-width">
       <template v-for="(item, index) in list">
@@ -20,11 +21,13 @@
 <script>
 import item from './components/listItem'
 import btnTabs from '@/components/tabs/btnTabs'
+import breadcrumb from '@/components/breadcrumb'
 import action from '@action'
 export default {
   components: {
     item,
-    btnTabs
+    btnTabs,
+    breadcrumb
   },
   data() {
     return {
@@ -33,7 +36,16 @@ export default {
         options: ['新闻动态', '活动公告']
       },
       list: [],
-      pages: {}
+      pages: {},
+      crumbData: [
+        {
+          path: '/',
+          name: '首页'
+        },
+        {
+          name: '工作动态'
+        }
+      ]
     }    
   },
   created() {
@@ -70,6 +82,9 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
+.crumb{
+  padding-top: 24px;
+}
 .content-max-width{
   width: 1112px;
   margin: 0 auto;

src/pages/query/index.vue

 <template>
   <div>
+    <breadcrumb class="content-max-width crumb" :data="crumbData"/>
     <div class="site-box" v-if="list.length">
       <div class="title">{{ list[0].title }}</div>
       <div class="content" v-html="list[0].content">
@@ -12,11 +13,24 @@
 </template>
 <script>
 import action from '@action'
+import breadcrumb from '@/components/breadcrumb'
 export default {
+  components: {
+    breadcrumb
+  },
   data() {
     return {//this.$store.state.classify
       articleClassify: this.$store.state.classify,
-      list: []
+      list: [],
+      crumbData: [
+        {
+          path: '/',
+          name: '首页'
+        },
+        {
+          name: '证书成绩查询'
+        }
+      ]
     }
   },
   mounted() {
@@ -52,6 +66,13 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
+.crumb{
+  padding-top: 24px;
+}
+.content-max-width{
+  width: 1112px;
+  margin: 0 auto;
+}
 .site-box{
   width: 650px;
   margin: 0 auto;

src/pages/site/index.vue

 <template>
+  <div>
+    <breadcrumb class="content-max-width crumb" :data="crumbData"/>
     <div class="site-box" v-if="list.length">
       <div class="title">{{ list[0].title }}</div>
       <div class="content" v-html="list[0].content">
@@ -6,14 +8,28 @@
       </div>
       <div class="btn" @click="goDetail">去申请</div>
     </div>
+  </div>
 </template>
 <script>
 import action from '@action'
+import breadcrumb from '@/components/breadcrumb'
 export default {
+  components: {
+    breadcrumb
+  },
   data() {
     return {//this.$store.state.classify
       articleClassify: this.$store.state.classify,
-      list: []
+      list: [],
+      crumbData: [
+        {
+          path: '/',
+          name: '首页'
+        },
+        {
+          name: '考核站点'
+        }
+      ]
     }
   },
   mounted() {
@@ -51,6 +67,13 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
+.crumb{
+  padding-top: 24px;
+}
+.content-max-width{
+  width: 1112px;
+  margin: 0 auto;
+}
 .site-box{
   width: 650px;
   margin: 0 auto;

src/pages/textBook/chapter.vue

 <template>
   <div class="chapter-box">
+    <breadcrumb class="content-max-width crumb" :data="crumbData"/>
     <div class="intr">
       <div class="title">
         <div class="content-max-width">资源介绍</div>
@@ -36,10 +37,38 @@
   </div>
 </template>
 <script>
+import breadcrumb from '@/components/breadcrumb'
 export default {
+  components: {
+    breadcrumb
+  },
+  data() {
+    return {
+      crumbData: [
+        {
+          path: '/',
+          name: '首页'
+        },
+        {
+          path: '/textBook',
+          name: '教材中心'
+        },
+        {
+          path: '/textBook/detail',
+          name: '金融数字化营销'
+        },
+        {
+          name: '目录'
+        }
+      ]
+    }
+  }
 }
 </script>
 <style lang="scss" scoped>
+.crumb{
+  padding-bottom: 24px;
+}
 .content-max-width{
   width: 1109px;
   margin: 0 auto;

src/pages/textBook/detail.vue

 <template>
   <div class="book-detail-box content-max-width">
+    <breadcrumb class="content-max-width crumb" :data="crumbData"/>
     <div class="bool-det-top">
       <div class="item-box">
         <img src="https://zws-imgs-pub.ezijing.com/static/public/7c63bd40600a040f867fe4db9014fb7c.png" alt="">
@@ -57,9 +58,26 @@
   </div>
 </template>
 <script>
+import breadcrumb from '@/components/breadcrumb'
 export default {
+  components: {
+    breadcrumb
+  },
   data() {
     return {
+      crumbData: [
+        {
+          path: '/',
+          name: '首页'
+        },
+        {
+          path: '/textBook',
+          name: '教材中心'
+        },
+        {
+          name: '金融数字化营销'
+        }
+      ]
     }
   },
   methods: {
@@ -241,4 +259,7 @@ export default {
     }
   }
 }
+.crumb{
+  padding-top: 24px;
+}
 </style>

src/pages/textBook/index.vue

 <template>
   <div class="book-box">
+    <breadcrumb class="content-max-width crumb" :data="crumbData"/>
     <search />
     <screen-tabs class="tabs-box" :data="tabsData"></screen-tabs>
     <ul class="list-box content-max-width">
@@ -23,11 +24,13 @@
 import search from './components/search'
 import item from './components/item'
 import screenTabs from '@/components/tabs/screenTabs'
+import breadcrumb from '@/components/breadcrumb'
 export default {
   components: {
     search,
     item,
-    screenTabs
+    screenTabs,
+    breadcrumb
   },
   data() {
     return {
@@ -35,7 +38,16 @@ export default {
       tabsData: {
         name: '出版时间',
         options: ['全部', '2020年', '2019年', '2018年']
+      },
+      crumbData: [
+        {
+          path: '/',
+          name: '首页'
+        },
+        {
+          name: '教材中心'
         }
+      ]
     }
   },
   methods: {

src/pages/train/components/item.vue

@@ -3,7 +3,7 @@
     <img :src="data.cover_pc_url" alt="">
     <div class="right-content">
       <div class="title">{{ data.title }}</div>
-      <div class="des-box" v-html="data.content">
+      <div class="des-box" v-html="data.additional">
         <p class="ind">作者：基础数据维护及档案管理</p>
         <p>出版时间：基础数据维护及档案管理</p>
         <p class="ind">ISBN：基础数据维护及档案管理</p>

src/pages/train/detail.vue

 <template>
+  <div class="content-max-width">
+    <breadcrumb class="content-max-width crumb" :data="crumbData"/>
     <div class="train-detail-box content-max-width">
       <div class="content-left">
         <div class="title">{{ data.title }}</div>
@@ -26,16 +28,28 @@
         </div> -->
       </div>
     </div>
+  </div>
 </template>
 <script>
 import item from './components/item'
 import action from '@action'
+import breadcrumb from '@/components/breadcrumb'
 export default {
   components: {
-    item
+    item,
+    breadcrumb
   },
   data() {
     return {
+      crumbData: [
+        {
+          path: '/',
+          name: '首页'
+        },
+        {
+          name: '师资培训'
+        }
+      ],
       data: {}
     }    
   },
@@ -154,4 +168,7 @@ export default {
     }
   }
 }
+.crumb{
+  padding-top: 24px;
+}
 </style>

src/pages/train/form.vue

 <template>
+  <div>
+    <!-- <breadcrumb class="content-max-width crumb" :data="crumbData"/> -->
     <div class="form-box">
       <el-form ref="form" :model="form" label-width="80px" class="forms">
         <el-form-item label="姓名" label-width="100px">
@@ -63,11 +65,25 @@
         </el-form-item>
       </el-form>
     </div>
+  </div>
 </template>
 <script>
+import breadcrumb from '@/components/breadcrumb'
 export default {
+  components: {
+    breadcrumb
+  },
   data() {
     return {
+      crumbData: [
+        {
+          path: '/',
+          name: '首页'
+        },
+        {
+          name: '师资培训'
+        }
+      ],
       form: {
         i1: '',
         i2: '',
@@ -109,6 +125,10 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
+.content-max-width{
+  width: 1112px;
+  margin: 24px auto 0 auto;
+}
 .form-box{
   padding: 30px 0;
   width: 400px;

src/pages/train/index.vue

 <template>
   <div class="content-max-width">
+    <breadcrumb class="content-max-width crumb" :data="crumbData"/>
     <btn-tabs class="btn-tabs-box" @tabsChange="tabsChange" :data="btnTabsData"></btn-tabs>
     <template v-if="!tabsIndex">
       <screen-tabs class="screen-tabs-box" :data="screenTabsData"></screen-tabs>
@@ -39,13 +40,15 @@ import screenTabs from '@/components/tabs/screenTabs'
 import noData from '@/components/tabs/noData'
 import item from './components/item'
 import search from './components/search'
+import breadcrumb from '@/components/breadcrumb'
 export default {
   components: {
     btnTabs,
     screenTabs,
     item,
     noData,
-    search
+    search,
+    breadcrumb
   },
   data() {
     return {
@@ -60,7 +63,16 @@ export default {
         name: '筛选：',
         options: ['全部', '正在进行', '未开始', '已结束']
       },
-      pages: {}
+      pages: {},
+      crumbData: [
+        {
+          path: '/',
+          name: '首页'
+        },
+        {
+          name: '师资培训'
+        }
+      ]
     }
   },
   mounted() {
@@ -97,6 +109,9 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
+.crumb{
+  padding-top: 24px;
+}
 .pagination{
   padding: 24px 0;
   display: flex;