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