From 711d098689b220944d7f7f023daa5c0255605367 Mon Sep 17 00:00:00 2001
From: 明梦爽 <2972214568@qq.com>
Date: 星期五, 05 十一月 2021 15:10:58 +0800
Subject: [PATCH] 首页基本完善

---
 src/views/homePage/workMessage.vue    |   21 +
 src/assets/wbbg.png                   |    0 
 src/components/page/introduce.vue     |   61 ++-
 src/views/homePage/moreMessage.vue    |  109 ++++++
 src/router.js                         |   28 +
 src/components/page/xueXiaoShouYe.vue |   47 --
 src/assets/weiBo.jpg                  |    0 
 src/components/page/telephone.vue     |   15 
 src/assets/boer.jpg                   |    0 
 src/assets/css/my_style.css           |   30 +
 src/components/globalTitle.vue        |   50 ++
 src/views/school.vue                  |   68 ++++
 src/assets/gongZhongHao.jpg           |    0 
 src/views/other.vue                   |   74 ++++
 src/views/notice.vue                  |   85 +++++
 src/components/Login.vue              |    8 
 src/components/page/banShiZhiNan.vue  |   23 -
 src/views/homePage/noticeMessage.vue  |   29 +
 src/components/Home.vue               |   50 ++
 src/components/page/xueShuJiaoLiu.vue |   33 -
 src/views/homePage/schoolMessage.vue  |   22 +
 src/components/page/index.vue         |  112 ++++--
 src/main.js                           |    3 
 src/assets/wxbg.png                   |    0 
 src/components/page/kePu.vue          |   19 
 src/views/work.vue                    |   66 +++
 src/components/page/zhengce.vue       |    9 
 src/assets/boer2.jpg                  |    0 
 src/components/page/keXieXiangMu.vue  |   22 -
 29 files changed, 770 insertions(+), 214 deletions(-)

diff --git a/src/assets/boer.jpg b/src/assets/boer.jpg
new file mode 100644
index 0000000..6733009
--- /dev/null
+++ b/src/assets/boer.jpg
Binary files differ
diff --git a/src/assets/boer2.jpg b/src/assets/boer2.jpg
new file mode 100644
index 0000000..15675fe
--- /dev/null
+++ b/src/assets/boer2.jpg
Binary files differ
diff --git a/src/assets/css/my_style.css b/src/assets/css/my_style.css
new file mode 100644
index 0000000..dea72eb
--- /dev/null
+++ b/src/assets/css/my_style.css
@@ -0,0 +1,30 @@
+.ft-20{
+  font-size: 20px;
+}
+.mart5{
+  margin-top: 5px !important;
+}
+.mart10{
+  margin-top: 10px !important;
+}
+.mart15{
+  margin-top: 15px !important;
+}
+.padt10{
+  padding-top:10px !important;
+}
+.flex-v{
+  display: flex;
+}
+.flex-conter{
+  justify-content: center;
+}
+.flex-between{
+  justify-content: space-between;
+}
+.fl{
+  float: left;
+}
+.fr{
+  float: right;
+}
\ No newline at end of file
diff --git a/src/assets/gongZhongHao.jpg b/src/assets/gongZhongHao.jpg
new file mode 100644
index 0000000..bda4117
--- /dev/null
+++ b/src/assets/gongZhongHao.jpg
Binary files differ
diff --git a/src/assets/wbbg.png b/src/assets/wbbg.png
new file mode 100644
index 0000000..4ecd4c8
--- /dev/null
+++ b/src/assets/wbbg.png
Binary files differ
diff --git a/src/assets/weiBo.jpg b/src/assets/weiBo.jpg
new file mode 100644
index 0000000..1f27201
--- /dev/null
+++ b/src/assets/weiBo.jpg
Binary files differ
diff --git a/src/assets/wxbg.png b/src/assets/wxbg.png
new file mode 100644
index 0000000..08ea00b
--- /dev/null
+++ b/src/assets/wxbg.png
Binary files differ
diff --git a/src/components/Home.vue b/src/components/Home.vue
index 331fb98..5b76a03 100644
--- a/src/components/Home.vue
+++ b/src/components/Home.vue
@@ -18,21 +18,19 @@
         :default-active="activeIndex"
         @select="handleSelect"
       >
-        <el-menu-item index="index">棣栭〉</el-menu-item>
-        <el-menu-item index="introduce">绉戝崗姒傚喌</el-menu-item>
-        <el-menu-item index="zhengce">鏀跨瓥娉曡</el-menu-item>
-        <el-menu-item index="keXieXiangMu">绉戝崗椤圭洰</el-menu-item>
-        <el-menu-item index="xueShuJiaoLiu">瀛︽湳浜ゆ祦</el-menu-item>
-        <el-menu-item index="banShiZhiNan">鍔炰簨鎸囧崡</el-menu-item>
-        <el-menu-item index="kePu">绉戞櫘椋庨噰</el-menu-item>
-        <el-menu-item index="xueXiaoShouYe">瀛︽牎棣栭〉</el-menu-item>
-        <el-menu-item index="telephone">鑱旂郴鎴戜滑</el-menu-item>
+        <el-menu-item 
+          :key="index"
+          v-for="(item,index) in menuList"
+          :index="item.index"
+        >
+          {{ item.name }}
+        </el-menu-item>
       </el-menu>
     </el-row>
     <el-container>
       <!-- 鏇村彉鐨勫唴瀹瑰尯鍩� -->
       <el-main class="main">
-        <router-view></router-view>
+        <router-view class="box"></router-view>
       </el-main>
     </el-container>
     <el-footer>@骞抽《灞卞闄㈢瀛︽妧鏈崗浼�</el-footer>
@@ -44,14 +42,36 @@
   name: '',
   data() {
     return {
-      activeIndex: 'index'
+      activeIndex: 'index',
+      menuList:[
+        {index:'index',name:'棣栭〉'},
+        {index:'introduce',name:'绉戝崗姒傚喌'},
+        {index:'zhengce',name:'鏀跨瓥娉曡'},
+        {index:'keXieXiangMu',name:'绉戝崗椤圭洰'},
+        {index:'xueShuJiaoLiu',name:'瀛︽湳浜ゆ祦'},
+        {index:'banShiZhiNan',name:'鍔炰簨鎸囧崡'},
+        {index:'kePu',name:'绉戞櫘椋庨噰'},
+        {index:'xueXiaoShouYe',name:'瀛︽牎棣栭〉'},
+        {index:'telephone',name:'鑱旂郴鎴戜滑'},
+      ]
     }
+  },
+  created(){
+  },
+  mounted(){
+    
+  },
+  watch:{
+
   },
   methods: {
     handleSelect(key, keyPath) {
-      console.log(key, keyPath)
+      // console.log(key, keyPath)
       this.$router.push({
-        path: '/home/' + keyPath
+        path: '/home/' + key,
+        query:{
+          title:key
+        }
       })
     }
   }
@@ -106,4 +126,8 @@
   text-align: center;
   line-height: 60px;
 }
+.box{
+  width: 1200px;
+  margin: 0 auto;
+}
 </style>
\ No newline at end of file
diff --git a/src/components/Login.vue b/src/components/Login.vue
index 7c34bf5..95bd20a 100644
--- a/src/components/Login.vue
+++ b/src/components/Login.vue
@@ -14,9 +14,9 @@
         class="login_form"
       >
         <!-- 鐢ㄦ埛鍚� -->
-        <el-form-item prop="username">
+        <el-form-item prop="account">
           <el-input
-            v-model="loginForm.username"
+            v-model="loginForm.account"
             prefix-icon="iconfont icon-user"
           ></el-input>
         </el-form-item>
@@ -44,13 +44,13 @@
     return {
       // 杩欐槸鐧诲綍琛ㄥ崟鐨勬暟鎹粦瀹氬璞�
       loginForm: {
-        username: 'admin',
+        account: 'admin',
         password: '123456'
       },
       // 杩欐槸琛ㄥ崟鐨勯獙璇佽鍒欏璞�
       loginFormRules: {
         // 楠岃瘉鐢ㄦ埛鍚嶆槸鍚﹀悎娉�
-        username: [
+        account: [
           { required: true, message: '璇疯緭鍏ョ櫥褰曞悕绉�', trigger: 'blur' },
           {
             min: 3,
diff --git a/src/components/globalTitle.vue b/src/components/globalTitle.vue
new file mode 100644
index 0000000..663fc6e
--- /dev/null
+++ b/src/components/globalTitle.vue
@@ -0,0 +1,50 @@
+<template>
+  <div>
+    <el-row>
+      <div class="fl">
+        <span>{{ getTitle(this.$route.query.title) }}</span>
+      </div>
+      <div class="fr">
+        <el-breadcrumb separator-class="el-icon-arrow-right">
+          <!-- <el-breadcrumb-item :to="{ path: '/home' }">棣栭〉</el-breadcrumb-item> -->
+          <el-breadcrumb-item>棣栭〉</el-breadcrumb-item>
+          <el-breadcrumb-item>{{ getTitle(this.$route.query.title) }}</el-breadcrumb-item>
+        </el-breadcrumb>
+      </div>
+    </el-row>
+  </div>
+</template>
+<script>
+export default {
+  name:'globalTitle',
+  data(){
+    return {
+      title:'',
+    }
+  },
+  created(){
+  },
+  methods:{
+    getTitle(v){
+      switch(v){
+        case 'introduce':
+          return '绉戝崗姒傚喌'
+        case 'zhengce':
+          return '鏀跨瓥娉曡'
+        case 'keXieXiangMu':
+          return '绉戝崗椤圭洰'
+        case 'xueShuJiaoLiu':
+          return '瀛︽湳浜ゆ祦'
+        case 'banShiZhiNan':
+          return '鍔炰簨鎸囧崡'
+        case 'kePu':
+          return '绉戞櫘椋庨噰'
+        case 'xueXiaoShouYe':
+          return '瀛︽牎棣栭〉'
+        case 'telephone':
+          return '鑱旂郴鎴戜滑'
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/page/banShiZhiNan.vue b/src/components/page/banShiZhiNan.vue
index 8ad9d11..d5f18f1 100644
--- a/src/components/page/banShiZhiNan.vue
+++ b/src/components/page/banShiZhiNan.vue
@@ -1,29 +1,14 @@
 <template>
   <div>
-    <span>鍔炰簨鎸囧崡</span><br>
-    <span>鍔炰簨鎸囧崡</span><br>
-    <span>鍔炰簨鎸囧崡</span><br>
-    <span>鍔炰簨鎸囧崡</span><br>
-    <span>鍔炰簨鎸囧崡</span><br>
-    <span>鍔炰簨鎸囧崡</span><br>
-    <span>鍔炰簨鎸囧崡</span><br>
-    <span>鍔炰簨鎸囧崡</span><br>
-    <span>鍔炰簨鎸囧崡</span><br>
-    <span>鍔炰簨鎸囧崡</span><br>
-    <span>鍔炰簨鎸囧崡</span><br>
-    <span>鍔炰簨鎸囧崡</span><br>
-    <span>鍔炰簨鎸囧崡</span><br>
-    <span>鍔炰簨鎸囧崡</span><br>
-    <span>鍔炰簨鎸囧崡</span><br>
-    <span>鍔炰簨鎸囧崡</span><br>
-    <span>鍔炰簨鎸囧崡</span><br>
-    <span>鍔炰簨鎸囧崡</span><br>
+    <globalTitle />
   </div>
 </template>
 
 <script>
+import globalTitle from '../globalTitle.vue'
 export default {
-  name: 'zhengce'
+  components: { globalTitle},
+  name: 'banShiZhiNan'
 }
 </script>
 
diff --git a/src/components/page/index.vue b/src/components/page/index.vue
index f5d804f..e326b25 100644
--- a/src/components/page/index.vue
+++ b/src/components/page/index.vue
@@ -1,35 +1,40 @@
 <template>
-  <el-container>
+  <div calss="box">
     <!-- 棣栭〉涓婂崐閮ㄥ垎 -->
-    <el-header>
-      <el-container>
-        <el-aside width="600px">鍥剧墖瑕侀椈</el-aside>
-        <el-main>閫氱煡鍏憡</el-main>
-      </el-container>
-    </el-header>
+    <el-row type="flex" class="row-bg" justify="space-between">
+      <el-aside width="600px">
+        <div class="block">
+          <el-carousel height="350px" type="card">
+            <el-carousel-item v-for="item in 4" :key="item">
+              <h3 class="small"></h3>
+              <div>
+                <img src="../../assets/boer.jpg" alt="">
+                <img src="../../assets/boer2.jpg" alt="">
+                <img src="../../assets/boer.jpg" alt="">
+                <img src="../../assets/boer2.jpg" alt="">
+              </div>
+            </el-carousel-item>
+          </el-carousel>
+        </div>
+      </el-aside>
+      <notice class="notice" />
+    </el-row>
     <!-- 棣栭〉涓嬪崐閮ㄥ垎 -->
-    <el-main class="xiaBian">
-      <el-container>
-          <!-- 涓嬭竟宸﹀崐閮ㄥ垎 -->
-        <el-aside width="1000px">
-          <el-container>
-            <el-aside width="500px">宸ヤ綔鐘舵��</el-aside>
-            <el-main>瀛﹂櫌鍔ㄦ��</el-main>
-          </el-container>
-        </el-aside>
-        <!-- 涓嬭竟鍙冲崐閮ㄥ垎 -->
-        <el-main class="youXiaJiao">
-          <el-container>
-            <el-header>鍙嬫儏閾炬帴</el-header>
-            <el-main>鑱旂郴鎴戜滑</el-main>
-          </el-container>
-        </el-main>
-      </el-container>
-    </el-main>
-  </el-container>
+    <el-row type="flex" class="row-bg" justify="space-between">
+      <work class="work"/>
+      <school class="school"/>
+      <other class="other"/>
+    </el-row>
+  </div>
 </template>
 <script>
+import notice from '../../views/notice.vue'
+import work from '../../views/work.vue'
+import school from '../../views/school.vue'
+import other from '../../views/other.vue'
+
 export default {
+  components: { notice, work, school, other },
   name: 'index'
 }
 </script>
@@ -53,14 +58,51 @@
   }
 }
 .youXiaJiao {
-    padding: 0;
-    // height: 400px;
-    .el-header {
-        height: 200px !important;
-    }
-    .el-main {
-        height: 200px;
-        background-color: rgb(206, 44, 171);
-    }
+  padding: 0;
+  // height: 400px;
+  .el-header {
+    height: 200px !important;
+  }
+  .el-main {
+    height: 200px;
+    background-color: rgb(206, 44, 171);
+  }
+}
+
+.el-carousel__item h3 {
+  color: #475669;
+  font-size: 14px;
+  opacity: 0.75;
+  line-height: 150px;
+  margin: 0;
+}
+
+.el-carousel__item:nth-child(2n) {
+  background-color: #99a9bf;
+}
+
+.el-carousel__item:nth-child(2n + 1) {
+  background-color: #d3dce6;
+}
+.block div {
+  img {
+    width: 100%;
+    height: 100%;
+    object-fit:cover;
+  }
+}
+.notice{
+  width: 50%;
+}
+.work {
+  width: 40%;
+  margin-right: 10px;
+}
+.school {
+  width: 40%;
+}
+.other {
+  width: 20%;
+  margin-left: 5px;
 }
 </style>
\ No newline at end of file
diff --git a/src/components/page/introduce.vue b/src/components/page/introduce.vue
index 29aa131..c69ac1e 100644
--- a/src/components/page/introduce.vue
+++ b/src/components/page/introduce.vue
@@ -1,29 +1,44 @@
 <template>
-    <div>
-        <span>姒傚喌</span><br>
-        <span>姒傚喌</span><br>
-        <span>姒傚喌</span><br>
-        <span>姒傚喌</span><br>
-        <span>姒傚喌</span><br>
-        <span>姒傚喌</span><br>
-        <span>姒傚喌</span><br>
-        <span>姒傚喌</span><br>
-        <span>姒傚喌</span><br>
-        <span>姒傚喌</span><br>
-        <span>姒傚喌</span><br>
-        <span>姒傚喌</span><br>
-        <span>姒傚喌</span><br>
-        <span>姒傚喌</span><br>
-        <span>姒傚喌</span><br>
-        <span>姒傚喌</span><br>
-    </div>
+  <div>
+    <el-row>
+      <globalTitle />
+    </el-row> 
+  </div>
 </template>
-<script>
-export default {
-    name:'introduce'
-}
 
+<script>
+import globalTitle from '../globalTitle.vue'
+export default {
+  name: 'introduce',
+  components:{
+    globalTitle
+  },
+  data() {
+      return{
+          menuList: [
+              {name: '绠�浠�'},
+              {name: '绔犵▼'},
+              {name: '缁勭粐鏈烘瀯'},
+              {name: '宸ヤ綔鑱岃矗'},
+              {name: '涓撹亴浜哄憳'}
+          ]
+      }
+  }
+}
 </script>
 <style lang="less" scoped>
-    
+.el-header {
+  display: flex;
+  justify-content: space-between;
+  background-color: rgb(85, 81, 82);
+  font-size: 20px;
+  line-height: 60px;
+  padding: 0px 4px;
+}
+.el-aside {
+  background-color: rgb(242, 243, 245);
+  .el-menu {
+    border-right: none;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/components/page/kePu.vue b/src/components/page/kePu.vue
index 6ae39eb..b027f22 100644
--- a/src/components/page/kePu.vue
+++ b/src/components/page/kePu.vue
@@ -1,25 +1,14 @@
 <template>
   <div>
-    <span>绉戞櫘椋庨噰</span><br>
-    <span>绉戞櫘椋庨噰</span><br>
-    <span>绉戞櫘椋庨噰</span><br>
-    <span>绉戞櫘椋庨噰</span><br>
-    <span>绉戞櫘椋庨噰</span><br>
-    <span>绉戞櫘椋庨噰</span><br>
-    <span>绉戞櫘椋庨噰</span><br>
-    <span>绉戞櫘椋庨噰</span><br>
-    <span>绉戞櫘椋庨噰</span><br>
-    <span>绉戞櫘椋庨噰</span><br>
-    <span>绉戞櫘椋庨噰</span><br>
-    <span>绉戞櫘椋庨噰</span><br>
-    <span>绉戞櫘椋庨噰</span><br>
-    <span>绉戞櫘椋庨噰</span><br>
+    <globalTitle />
   </div>
 </template>
 
 <script>
+import globalTitle from '../globalTitle.vue'
 export default {
-  name: 'zhengce'
+  components: { globalTitle},
+  name: 'kePu'
 }
 </script>
 
diff --git a/src/components/page/keXieXiangMu.vue b/src/components/page/keXieXiangMu.vue
index af85a5f..d670a94 100644
--- a/src/components/page/keXieXiangMu.vue
+++ b/src/components/page/keXieXiangMu.vue
@@ -1,28 +1,14 @@
 <template>
   <div>
-    <span>绉戝崗椤圭洰</span><br>
-    <span>绉戝崗椤圭洰</span><br>
-    <span>绉戝崗椤圭洰</span><br>
-    <span>绉戝崗椤圭洰</span><br>
-    <span>绉戝崗椤圭洰</span><br>
-    <span>绉戝崗椤圭洰</span><br>
-    <span>绉戝崗椤圭洰</span><br>
-    <span>绉戝崗椤圭洰</span><br>
-    <span>绉戝崗椤圭洰</span><br>
-    <span>绉戝崗椤圭洰</span><br>
-    <span>绉戝崗椤圭洰</span><br>
-    <span>绉戝崗椤圭洰</span><br>
-    <span>绉戝崗椤圭洰</span><br>
-    <span>绉戝崗椤圭洰</span><br>
-    <span>绉戝崗椤圭洰</span><br>
-    <span>绉戝崗椤圭洰</span><br>
-    <span>绉戝崗椤圭洰</span><br>
+    <globalTitle />
   </div>
 </template>
 
 <script>
+import globalTitle from '../globalTitle.vue'
 export default {
-  name: 'zhengce'
+  components: { globalTitle},
+  name: 'keXieXiangMu'
 }
 </script>
 
diff --git a/src/components/page/telephone.vue b/src/components/page/telephone.vue
index fbf965f..63c6327 100644
--- a/src/components/page/telephone.vue
+++ b/src/components/page/telephone.vue
@@ -1,21 +1,14 @@
 <template>
   <div>
-    <span>鑱旂郴鎴戜滑</span><br>
-    <span>鑱旂郴鎴戜滑</span><br>
-    <span>鑱旂郴鎴戜滑</span><br>
-    <span>鑱旂郴鎴戜滑</span><br>
-    <span>鑱旂郴鎴戜滑</span><br>
-    <span>鑱旂郴鎴戜滑</span><br>
-    <span>鑱旂郴鎴戜滑</span><br>
-    <span>鑱旂郴鎴戜滑</span><br>
-    <span>鑱旂郴鎴戜滑</span><br>
-    <span>鑱旂郴鎴戜滑</span><br>
+    <globalTitle />
   </div>
 </template>
 
 <script>
+import globalTitle from '../globalTitle.vue'
 export default {
-  name: 'zhengce'
+  components: { globalTitle},
+  name: 'telephone'
 }
 </script>
 
diff --git a/src/components/page/xueShuJiaoLiu.vue b/src/components/page/xueShuJiaoLiu.vue
index f845cf1..38fe2f5 100644
--- a/src/components/page/xueShuJiaoLiu.vue
+++ b/src/components/page/xueShuJiaoLiu.vue
@@ -1,39 +1,14 @@
 <template>
   <div>
-    <span>瀛︽湳浜ゆ祦</span><br>
-    <span>瀛︽湳浜ゆ祦</span><br>
-    <span>瀛︽湳浜ゆ祦</span><br>
-    <span>瀛︽湳浜ゆ祦</span><br>
-    <span>瀛︽湳浜ゆ祦</span><br>
-    <span>瀛︽湳浜ゆ祦</span><br>
-    <span>瀛︽湳浜ゆ祦</span><br>
-    <span>瀛︽湳浜ゆ祦</span><br>
-    <span>瀛︽湳浜ゆ祦</span><br>
-    <span>瀛︽湳浜ゆ祦</span><br>
-    <span>瀛︽湳浜ゆ祦</span><br>
-    <span>瀛︽湳浜ゆ祦</span><br>
-    <span>瀛︽湳浜ゆ祦</span><br>
-    <span>瀛︽湳浜ゆ祦</span><br>
-    <span>瀛︽湳浜ゆ祦</span><br>
-    <span>瀛︽湳浜ゆ祦</span><br>
-    <span>瀛︽湳浜ゆ祦</span><br>
-    <span>瀛︽湳浜ゆ祦</span><br>
-    <span>瀛︽湳浜ゆ祦</span><br>
-    <span>瀛︽湳浜ゆ祦</span><br>
-    <span>瀛︽湳浜ゆ祦</span><br>
-    <span>瀛︽湳浜ゆ祦</span><br>
-    <span>瀛︽湳浜ゆ祦</span><br>
-    <span>瀛︽湳浜ゆ祦</span><br>
-    <span>瀛︽湳浜ゆ祦</span><br>
-    <span>瀛︽湳浜ゆ祦</span><br>
-    <span>瀛︽湳浜ゆ祦</span><br>
-    <span>瀛︽湳浜ゆ祦</span><br>
+    <globalTitle />
   </div>
 </template>
 
 <script>
+import globalTitle from '../globalTitle.vue'
 export default {
-  name: 'zhengce'
+  components: { globalTitle},
+  name: 'xueShuJiaoLiu'
 }
 </script>
 
diff --git a/src/components/page/xueXiaoShouYe.vue b/src/components/page/xueXiaoShouYe.vue
index db811c5..6e3ee3c 100644
--- a/src/components/page/xueXiaoShouYe.vue
+++ b/src/components/page/xueXiaoShouYe.vue
@@ -1,53 +1,14 @@
 <template>
   <div>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
-    <span>瀛︽牎棣栭〉</span><br>
+    <globalTitle />
   </div>
 </template>
 
 <script>
+import globalTitle from '../globalTitle.vue'
 export default {
-  name: 'zhengce'
+  components: { globalTitle},
+  name: 'xueXiaoShouYe'
 }
 </script>
 
diff --git a/src/components/page/zhengce.vue b/src/components/page/zhengce.vue
index 82f34fe..101f65d 100644
--- a/src/components/page/zhengce.vue
+++ b/src/components/page/zhengce.vue
@@ -1,5 +1,8 @@
 <template>
   <div>
+    <el-row>
+      <globalTitle />
+    </el-row> 
     <span>鏀跨瓥</span><br>
     <span>鏀跨瓥</span><br>
     <span>鏀跨瓥</span><br>
@@ -18,8 +21,12 @@
 </template>
 
 <script>
+import globalTitle from '../globalTitle.vue'
 export default {
-  name: 'zhengce'
+  name: 'zhengce',
+  components:{
+    globalTitle
+  },
 }
 </script>
 
diff --git a/src/main.js b/src/main.js
index 9101670..c80f208 100644
--- a/src/main.js
+++ b/src/main.js
@@ -6,10 +6,11 @@
 import './assets/fonts/iconfont.css'
 // 瀵煎叆鍏ㄥ眬鏍峰紡琛�
 import './assets/css/global.css'
+import './assets/css/my_style.css'
 
 import axios from 'axios'
 // 閰嶇疆璇锋眰鐨勮窡璺緞
-axios.defaults.baseURL = 'http://127.0.0.1:8888/api/private/v1'
+axios.defaults.baseURL = 'http://10.2.41.131:8080'
 axios.interceptors.request.use(config => {
   console.log(config)
   config.headers.Authorization = window.sessionStorage.getItem('token')
diff --git a/src/router.js b/src/router.js
index 5d9bbd4..2e74787 100644
--- a/src/router.js
+++ b/src/router.js
@@ -11,13 +11,17 @@
 import kePu from './components/page/kePu.vue'
 import xueXiaoShouYe from './components/page/xueXiaoShouYe.vue'
 import telephone from './components/page/telephone.vue'
+import schoolMessage from './views/homePage/schoolMessage'
+import noticeMessage from './views/homePage/noticeMessage'
+import moreMessage from './views/homePage/moreMessage'
+import workMessage from './views/homePage/workMessage'
 
 
 Vue.use(Router)
 
 const router = new Router({
   routes: [
-    { path: '/', redirect: '/login' },
+    { path: '/', redirect: '/home' },
     { path: '/login', component: Login },
     { 
       path: '/home', 
@@ -71,6 +75,26 @@
           name:'telephone',
           component:telephone
         },
+        {
+          path:'schoolMessage',
+          name:'schoolMessage',
+          component:schoolMessage
+        },
+        {
+          path:'noticeMessage',
+          name:'noticeMessage',
+          component:noticeMessage
+        },
+        {
+          path:'moreMessage',
+          name:'moreMessage',
+          component:moreMessage
+        },
+        {
+          path:'workMessage',
+          name:'workMessage',
+          component:workMessage
+        },
       ]
     }
   ]
@@ -86,7 +110,7 @@
   if (to.path === '/login') return next()
   // 鑾峰彇token
   const tokenStr = window.sessionStorage.getItem('token')
-  if (!tokenStr) return next('/login')
+  // if (!tokenStr) return next('/login')
   next()
 })
 
diff --git a/src/views/homePage/moreMessage.vue b/src/views/homePage/moreMessage.vue
new file mode 100644
index 0000000..407fb33
--- /dev/null
+++ b/src/views/homePage/moreMessage.vue
@@ -0,0 +1,109 @@
+<template>
+  <div>
+    <el-row class="underline">
+      <h3 style="color: #0f99e9">{{ this.$route.query.type }}</h3>
+    </el-row>
+    <div class="mart15">
+      <div v-if="this.$route.query.type == '閫氱煡鍏憡'">
+        <ul>
+          <li
+            class="lieBiao flex-v flex-conter padt10"
+            :key="index"
+            v-for="(item, index) in noticeList"
+          >
+            <div class="time">
+              <span>{{ item.date }}</span>
+              <span>{{ item.years }}</span>
+            </div>
+            <div class="title" @click="toNoticeMsg(item.title)">
+              {{ item.title }}
+            </div>
+          </li>
+        </ul>
+      </div>
+      <div v-if="this.$route.query.type == '瀛﹂櫌鍔ㄦ��'">
+        <ul>
+          <li :key="index" v-for="(item, index) in schoolList">
+            <!-- <a href="item.path"> {{ item.title }} </a> -->
+            <!-- <router-link :to="{name:'schoolMessage',params:{id:item.id}}" >{{ item.title }} </router-link> -->
+            <div @click="toNoticeMsg(item.title)">{{ item.title }}</div>
+          </li>
+        </ul>
+      </div>
+      <div v-if="this.$route.query.type == '宸ヤ綔鐘舵��'">
+        <ul>
+          <li :key="index" v-for="(item, index) in workList">
+            <!-- <a href="item.path"> {{ item.title }} </a> -->
+            <!-- <router-link :to="{name:'schoolMessage',params:{id:item.id}}" >{{ item.title }} </router-link> -->
+            <div @click="toNoticeMsg(item.title)">{{ item.title }}</div>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: 'moreMessage',
+  data() {
+    return {
+      noticeList: [
+        { years: '2021', date: '11-2', title: '鎴戞槸鏍囬1' },
+        { years: '2021', date: '11-2', title: '鎴戞槸鏍囬2' },
+        { years: '2021', date: '11-2', title: '鎴戞槸鏍囬3' },
+        { years: '2021', date: '11-2', title: '鎴戞槸鏍囬4' },
+        { years: '2021', date: '11-2', title: '鎴戞槸鏍囬5' }
+      ],
+      schoolList: [
+        { id: '1', title: '瀛︽牎鐘舵��1' },
+        { id: '2', title: '瀛︽牎鐘舵��2' },
+        { id: '3', title: '瀛︽牎鐘舵��3' },
+        { id: '4', title: '瀛︽牎鐘舵��4' },
+        { id: '5', title: '瀛︽牎鐘舵��5' },
+        { id: '6', title: '瀛︽牎鐘舵��6' }
+      ],
+      workList: [
+        { id:'1', title: '宸ヤ綔鐘舵��1' },
+        { id:'2', title: '宸ヤ綔鐘舵��2' },
+        { id:'3', title: '宸ヤ綔鐘舵��3' },
+        { id:'4', title: '宸ヤ綔鐘舵��4' },
+        { id:'5', title: '宸ヤ綔鐘舵��5' },
+        { id:'6', title: '宸ヤ綔鐘舵��6' },
+      ]
+    }
+  },
+  methods: {
+    toNoticeMsg(t) {
+      this.$router.push({
+        path: '/home/noticeMessage',
+        query: {
+          title: t
+        }
+      })
+    }
+  }
+}
+</script>
+<style >
+.underline {
+  border-bottom: 1px solid #0f99e9;
+}
+.lieBiao {
+  width: 95%;
+  height: 80px;
+  background: rgb(202, 202, 202);
+  overflow: hidden;
+  margin-bottom: 10px;
+}
+.time {
+  width: 100px;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+.title {
+  width: 500px;
+  height: 70px;
+  overflow: hidden;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/homePage/noticeMessage.vue b/src/views/homePage/noticeMessage.vue
new file mode 100644
index 0000000..49fc943
--- /dev/null
+++ b/src/views/homePage/noticeMessage.vue
@@ -0,0 +1,29 @@
+<template>
+  <div>
+    <span>noticeMessage</span>
+    <p>{{ this.$route.query.title }}</p>
+    <div v-html="message"></div>
+  </div>
+</template>
+<script>
+export default {
+  name:'noticeMessage',
+  data(){
+    return {
+      message:''
+    }
+  },
+  created(){
+    console.log(">>>>>>>>",this.$route.query.title);
+    this.queryAll();
+  },
+  methods:{
+    queryAll(){
+      this.message = `<div class="detail_wbtext_4CRf9"><a href="//s.weibo.com/weibo?q=%23%E5%88%9B%E6%96%87%E5%BC%80%E5%B0%81%E5%85%A8%E6%B0%91%E6%80%BB%E5%8A%A8%E5%91%98%23" target="_blank">#鍒涙枃寮�灏佸叏姘戞�诲姩鍛�#</a>銆� 鈥滃垱鏂団�濇爣璇嗙墝浜澶� 浼犻�掓枃鏄庢鑳介噺銆�11鏈�3鏃ワ紝璁拌�呭湪琛楀ご鐪嬪埌锛屽ぇ姊佽矾鏂板涓�澶勨�滃垱鏂団�濇爣璇嗙墝锛屾柊棰栫殑閫犲瀷鍜岀粴涓界殑鑹插僵寮曚汉娉ㄧ洰锛岃甯傛皯鎰熷彈鍒版枃鏄庨灏氱殑鐑疆锛屽苟鏃跺埢鎻愰啋鐫�澶у瑕佹敞閲嶆枃鏄庤涓猴紝鏂囨槑灏卞湪浣犳垜韬竟銆傦紙鍏ㄥ獟浣撹鑰咃細濮滆彙 锛�<a href="//s.weibo.com/weibo?q=%23%E5%BC%80%E5%B0%81%E5%BC%80%E5%B0%81%E5%BC%80%E8%B7%AF%E5%85%88%E9%94%8B%23" target="_blank">#寮�灏佸紑灏佸紑璺厛閿�#</a> 鈥嬧�嬧��</div>`
+    }
+  }
+}
+</script>
+<style>
+
+</style>
\ No newline at end of file
diff --git a/src/views/homePage/schoolMessage.vue b/src/views/homePage/schoolMessage.vue
new file mode 100644
index 0000000..569f86a
--- /dev/null
+++ b/src/views/homePage/schoolMessage.vue
@@ -0,0 +1,22 @@
+<template>
+  <div>
+    <span>schoolMessage</span>
+    <p>{{ this.$route.query.title }}</p>
+  </div>
+</template> 
+<script>
+export default {
+  name:'schoolMessage',
+  data(){
+    return {
+
+    }
+  },
+  created(){
+    console.log(">>>>>>>>",this.$route.params.id);
+  }
+}
+</script>
+<style>
+
+</style>
\ No newline at end of file
diff --git a/src/views/homePage/workMessage.vue b/src/views/homePage/workMessage.vue
new file mode 100644
index 0000000..9f62eba
--- /dev/null
+++ b/src/views/homePage/workMessage.vue
@@ -0,0 +1,21 @@
+<template>
+  <div>
+    <span>woekMessage</span>
+    <p>{{ this.$route.query.title }}</p>
+  </div>
+</template>
+
+<script>
+export default {
+  name : 'workMessage',
+  data() {
+    return{
+
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file
diff --git a/src/views/notice.vue b/src/views/notice.vue
new file mode 100644
index 0000000..7f669b2
--- /dev/null
+++ b/src/views/notice.vue
@@ -0,0 +1,85 @@
+<template>
+  <div>
+    <el-row type="flex" class="row-bg underline" justify="space-between">
+      <span>閫氱煡鍏憡</span>
+      <span @click="goMore('閫氱煡鍏憡')">
+        鏇村<i class="el-icon-d-arrow-right"></i>
+      </span>
+    </el-row>
+    <div>
+      <ul>
+        <li 
+          class="lieBiao"
+          :key="index"
+          v-for="(item ,index) in noticeList"
+        >
+          <div class="time">
+            <span>{{ item.date }}</span>
+            <span>{{ item.years }}</span>
+          </div>
+          <div class="title" @click="toNoticeMsg(item.title)">{{ item.title }}</div>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name:'notice',
+  data(){
+    return{
+      noticeList:[
+        {years:'2021',date:'11-2',title:'鎴戞槸鏍囬1'},
+        {years:'2021',date:'11-2',title:'鎴戞槸鏍囬2'},
+        {years:'2021',date:'11-2',title:'鎴戞槸鏍囬3'},
+        {years:'2021',date:'11-2',title:'鎴戞槸鏍囬4'},
+        {years:'2021',date:'11-2',title:'鎴戞槸鏍囬5'},
+
+      ]
+    }
+  },
+  methods:{
+    toNoticeMsg(t){
+      this.$router.push({
+        path:'/home/noticeMessage',
+        query:{
+          title:t
+        }
+      })
+    },
+    goMore(val){
+      this.$router.push({
+        path:'/home/moreMessage',
+        query:{
+          type:val,
+        }
+      })
+    }
+  }
+}
+</script>
+<style lang="less" scoped>
+  .underline{
+    border-bottom: 1px solid #0f99e9;
+  }
+  .lieBiao{
+    width: 95%;
+    height: 80px;
+    background: rgb(202, 202, 202);
+    display: flex;
+    justify-content: space-between;
+    overflow: hidden;
+    margin-bottom: 10px;
+  }
+  .time{
+    width: 100px;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+  }
+  .title{
+    width: 500px;
+    height: 70px;
+    overflow: hidden;
+  }
+</style>
\ No newline at end of file
diff --git a/src/views/other.vue b/src/views/other.vue
new file mode 100644
index 0000000..8f59195
--- /dev/null
+++ b/src/views/other.vue
@@ -0,0 +1,74 @@
+<template>
+  <div>
+    <div>
+      <span>鍙嬫儏閾炬帴</span>
+      <div>
+        <ul>
+          <li class="lieBiao" :key="index" v-for="(item, index) in lianJieList">
+            {{ item.name }}
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div>
+      <span>鑱旂郴鎴戜滑</span>
+      <div>
+        <div class="bg">
+          <span>寰俊 ></span>
+          <a href="https://www.pdsu.edu.cn/#"> <img src="../assets/gongZhongHao.jpg" alt="" /> </a>
+        </div>
+      </div>
+      <div>
+        <div class="bg bg2">
+          <span>寰崥 ></span>
+          <a href="https://www.pdsu.edu.cn/#"> <img src="../assets/weiBo.jpg" alt="" /> </a>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: 'other',
+  data() {
+    return {
+      lianJieList: [{ name: '閾炬帴1' }, { name: '閾炬帴2' }, { name: '閾炬帴3' }]
+    }
+  }
+}
+</script>
+<style lang="less" scoped>
+ul {
+  padding-left: 0;
+}
+.lieBiao {
+  width: 90%;
+  height: 30px;
+  background-color: rgb(39, 144, 214);
+  list-style: none;
+  margin-bottom: 2px;
+}
+.bg {
+  background-color: rgb(1, 72, 153) !important;
+  background: url('../assets/wxbg.png') no-repeat 20px 50px;
+  width: 90%;
+  color: white;
+}
+.bg2 {
+  background: url('../assets/wbbg.png') no-repeat 20px 50px;
+}
+.bg,.bg2 {
+  position: relative;
+  height: 120px;
+}
+.bg img {
+  position: absolute;
+  top: 12px;
+  right: 26px;
+}
+.bg span {
+  position: absolute;
+  top: 20px;
+  left: 25px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/school.vue b/src/views/school.vue
new file mode 100644
index 0000000..943af48
--- /dev/null
+++ b/src/views/school.vue
@@ -0,0 +1,68 @@
+<template>
+  <div>
+    <el-row type="flex" justify="space-between" class="underline">
+      <span>瀛﹂櫌鍔ㄦ��</span>
+      <span @click="goMore('瀛﹂櫌鍔ㄦ��')">鏇村<i class="el-icon-d-arrow-right"></i> </span>
+    </el-row>
+    <div>
+      <ul>
+        <li :key="index" v-for="(item, index) in schoolList">
+          <!-- <a href="item.path"> {{ item.title }} </a> -->
+          <!-- <router-link :to="{name:'schoolMessage',params:{id:item.id}}" >{{ item.title }} </router-link> -->
+          <div @click="toSchoolMsg(item.title)"> {{ item.title }} </div>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: 'school',
+  data() {
+    return {
+      schoolList: [
+        { id: '1',title: '瀛︽牎鐘舵��1' },
+        { id: '2',title: '瀛︽牎鐘舵��2' },
+        { id: '3',title: '瀛︽牎鐘舵��3' },
+        { id: '4',title: '瀛︽牎鐘舵��4' },
+        { id: '5',title: '瀛︽牎鐘舵��5' },
+        { id: '6',title: '瀛︽牎鐘舵��6' }
+      ]
+    }
+  },
+  methods:{
+    goMore(val){
+      this.$router.push({
+        path:'moreMessage',
+        query:{
+          type:val,
+        }
+      })
+    },
+    toSchoolMsg(t) {
+      this.$router.push({
+        path: 'schoolMessage',
+        query: {
+          title:t
+        }
+      })
+    }
+  }
+}
+</script>
+<style lang="less" scoped>
+.underline {
+  border-bottom: 1px solid rgb(0, 110, 215);
+}
+ul {
+  padding-left: 0;
+}
+li {
+  list-style: none;
+  height: 60px;
+  // background-color: salmon;
+}
+a {
+  text-decoration: none;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/work.vue b/src/views/work.vue
new file mode 100644
index 0000000..2170abd
--- /dev/null
+++ b/src/views/work.vue
@@ -0,0 +1,66 @@
+<template>
+  <div>
+    <el-row type="flex" justify="space-between" class="underline">
+      <span>宸ヤ綔鍔ㄦ��</span>
+      <span @click="goMore('宸ヤ綔鐘舵��')">鏇村<i class="el-icon-d-arrow-right"></i> </span>
+    </el-row>
+    <div>
+      <ul>
+        <li :key="index" v-for="(item, index) in workList">
+          <div @click="toWorkMsg(item.title)"> {{ item.title }} </div>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name:'work',
+  data(){
+    return{
+      workList: [
+        { id:'1', title: '宸ヤ綔鐘舵��1' },
+        { id:'2', title: '宸ヤ綔鐘舵��2' },
+        { id:'3', title: '宸ヤ綔鐘舵��3' },
+        { id:'4', title: '宸ヤ綔鐘舵��4' },
+        { id:'5', title: '宸ヤ綔鐘舵��5' },
+        { id:'6', title: '宸ヤ綔鐘舵��6' },
+      ]
+    }
+  },
+  methods:{
+    toWorkMsg(t) {
+      this.$router.push({
+        path:'/home/workMessage',
+        query: {
+          title:t
+        }
+      })
+    },
+    goMore(val) {
+      this.$router.push({
+        path:'moreMessage',
+        query:{
+          type:val,
+        }
+      })
+    }
+  }
+}
+</script>
+<style lang="less" scoped>
+.underline {
+  border-bottom: 1px solid rgb(0, 110, 215);
+}
+ul {
+  padding-left: 0;
+}
+li {
+  list-style: none;
+  height: 60px;
+  // background-color: salmon;
+}
+a {
+  text-decoration: none;
+}
+</style>
\ No newline at end of file

--
Gitblit v1.8.0