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