소스 검색

修改导航

version2.0
chutingting 4 년 전
부모
커밋
5d4ef285eb
7개의 변경된 파일185개의 추가작업 그리고 151개의 파일을 삭제
  1. +2
    -2
      src/api/request.js
  2. +36
    -71
      src/components/headTail/head.vue
  3. +45
    -2
      src/components/headTail/tail.vue
  4. +4
    -5
      src/components/headTail/textTitle.vue
  5. +48
    -61
      src/page/cultivate/particulars.vue
  6. +48
    -6
      src/page/journalism/journalism.vue
  7. +2
    -4
      src/router/index.js

+ 2
- 2
src/api/request.js 파일 보기

@@ -3,8 +3,8 @@ import { Message } from "element-ui"




const service = axios.create({ const service = axios.create({
// baseURL: '/C/',
baseURL: 'https://www.yjyculture.com/C/',
baseURL: '/C/',
// baseURL: 'https://www.yjyculture.com/C/',
timeout: 60000 // 请求超时时间 timeout: 60000 // 请求超时时间
}) })




+ 36
- 71
src/components/headTail/head.vue 파일 보기

@@ -16,67 +16,21 @@
</el-input> </el-input>
</div> </div>
<div class="nav"> <div class="nav">
<el-dropdown>
<span class="title" @click="goRouter('/home')">
首页
</span>
<el-dropdown-menu style="opacity: 0" slot="dropdown"></el-dropdown-menu>
</el-dropdown>
<el-dropdown>
<span @click="goRouter('/IBIE')">IBIE国际测评与认证</span>
<el-dropdown-menu style="opacity: 0" slot="dropdown"></el-dropdown-menu>
</el-dropdown>
<el-dropdown @command='goRouter'>
<span>企业礼仪培训<i class="el-icon-arrow-down el-icon--right"></i> </span>
<el-dropdown-menu slot="dropdown">
<!-- <el-dropdown-item command="/attestation">培训课程</el-dropdown-item> -->
<el-dropdown-item command="/etiquetteTraining?tag=swly">商务礼仪</el-dropdown-item>
<el-dropdown-item command="/etiquetteTraining?tag=jdly">接待礼仪</el-dropdown-item>
<el-dropdown-item command="/etiquetteTraining?tag=fwly">服务礼仪</el-dropdown-item>
<el-dropdown-item command="/etiquetteTraining?tag=wyly">物业礼仪</el-dropdown-item>
<el-dropdown-item command="/etiquetteTraining?tag=ylly">医疗礼仪</el-dropdown-item>
<el-dropdown-item command="/etiquetteTraining?tag=ymly">医美礼仪</el-dropdown-item>
<el-dropdown-item command="/etiquetteTraining?tag=dcly">地产礼仪</el-dropdown-item>
<el-dropdown-item command="/etiquetteTraining?tag=zwly">政务礼仪</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
<el-dropdown @command='goRouter'>
<span @click="goRouter('/course')">精品课程<i class="el-icon-arrow-down el-icon--right"></i> </span>
<el-dropdown-menu slot="dropdown">
<!-- <el-dropdown-item command="/teaching?tag=gjxx">国际礼仪班</el-dropdown-item>
<el-dropdown-item command="/teaching?tag=swly">商务礼仪班</el-dropdown-item> -->
<el-dropdown-item command="/course/detail?tag=gjxxlys">国际形象礼仪师培训</el-dropdown-item>
<el-dropdown-item command="/course/detail?tag=gjxxgw">国际形象顾问培训</el-dropdown-item>
<el-dropdown-item command="/course/detail?tag=gjlys">国际礼仪师培训</el-dropdown-item>
<el-dropdown-item command="/course/detail?tag=cslm">城市联盟机构培训</el-dropdown-item>
<el-dropdown-item command="/course/detail?tag=gjsw">国际商务礼仪精英认证(线上)</el-dropdown-item>
<el-dropdown-item command="/course/detail?tag=grly">个人礼仪培训</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
<el-dropdown @command='goRouter'>
<span @click="goRouter('')">名师授课<i class="el-icon-arrow-down el-icon--right"></i> </span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="">创始人介绍</el-dropdown-item>
<el-dropdown-item command="/famousTeacher?tag=zj">专家讲师介绍</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
<el-dropdown @command='goRouter'>
<span @click="goRouter('/journalism')">新闻动态<i class="el-icon-arrow-down el-icon--right"></i> </span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="/journalism">行业新闻</el-dropdown-item>
<el-dropdown-item command="/excellent?type=3">学员风采</el-dropdown-item>
<el-dropdown-item command="/excellent?type=2">企业培训案例</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
<el-dropdown @command='goRouter'>
<span @click="goRouter('')">关于我们<i class="el-icon-arrow-down el-icon--right"></i> </span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="/companySynopsis">企业简介</el-dropdown-item>
<el-dropdown-item command="/invite">人才招聘</el-dropdown-item>
<el-dropdown-item command="">积分查询</el-dropdown-item>
<el-dropdown-item command="/my">联系我们</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
<el-menu :default-active="menuActiveIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect"
background-color="#409EFF"
text-color="#fff"
active-text-color="#ffd04b"
>
<el-menu-item index="1">首页</el-menu-item>
<el-menu-item index="4">生活服务</el-menu-item>
<el-menu-item index="5">房屋租赁</el-menu-item>
<el-menu-item index="6">宠物市场</el-menu-item>
<el-menu-item index="7">餐饮美食</el-menu-item>
<el-menu-item index="8">票务卡券</el-menu-item>
<el-menu-item index="9">教育培训</el-menu-item>
<el-menu-item index="10">企业招聘</el-menu-item>
<el-menu-item index="11">商务服务</el-menu-item>
</el-menu>
</div> </div>
</div> </div>
</template> </template>
@@ -84,13 +38,22 @@
export default { export default {
data() { data() {
return { return {
activeIndex: "1",
search: ''
search: '',
menuActiveIndex: '1'
}; };
}, },
watch: {
$route() {
this.menuActiveIndex = this.$route.query.tag ? this.$route.query.tag : '1'
}
},
methods: { methods: {
handleSelect(key, keyPath) { handleSelect(key, keyPath) {
// console.log(key, keyPath);
if(key === '1') {
this.$router.push('/home');
} else {
this.$router.push({path: "/journalism",query:{tag: key}});
}
}, },
goRouter(url) { goRouter(url) {
if(url) { if(url) {
@@ -101,7 +64,7 @@ export default {
this.$router.push('/home') this.$router.push('/home')
this.search = '' this.search = ''
} }
},
}
}; };
</script> </script>
@@ -157,8 +120,8 @@ export default {
width: 1200px; width: 1200px;
margin: 20px auto; margin: 20px auto;
display: flex; display: flex;
height: 60px;
line-height: 60px;
/* height: 60px;
line-height: 60px; */
background: #606266; background: #606266;
.el-dropdown{ .el-dropdown{
flex: 1; flex: 1;
@@ -217,17 +180,19 @@ export default {
margin-top: 20px; margin-top: 20px;
background-color: cornflowerblue; background-color: cornflowerblue;
} }
.el-menu-demo {
.el-menu-demo {
display: flex;
.el-menu-item { .el-menu-item {
width: 14.2%;
/* width: 10%; */
text-align: center; text-align: center;
flex: 1;
} }
} }
.el-submenu {
/*.el-submenu {
text-align: center; text-align: center;
width: 14.2%; width: 14.2%;
}
} */
.el-menu--horizontal { .el-menu--horizontal {
width: 100%; width: 100%;
} }


+ 45
- 2
src/components/headTail/tail.vue
파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
파일 보기


+ 4
- 5
src/components/headTail/textTitle.vue 파일 보기

@@ -16,16 +16,15 @@
<style lang="scss" scoped> <style lang="scss" scoped>
.textTitle { .textTitle {
margin-top: 50px;
overflow: hidden; overflow: hidden;
p { p {
font-size: 24px;
font-size: 22px;
font-weight: bold; font-weight: bold;
} }
.w_line { .w_line {
width: 60px;
height: 2px;
background-color: #000;
width: 90px;
height: 4px;
background-color: #2979d0;
margin: 20px 0; margin: 20px 0;
} }
} }

+ 48
- 61
src/page/cultivate/particulars.vue 파일 보기

@@ -1,14 +1,14 @@
<template> <template>
<div class="Box"> <div class="Box">
<div class="leftBox">
<!-- <div class="leftBox"> -->
<textTitle :text="textTop" /> <textTitle :text="textTop" />
<div> <div>
<h1 class="titels">{{data.title}}</h1>
<h1 class="title">{{data.title}}</h1>
<p >{{data.publishDate}}</p> <p >{{data.publishDate}}</p>
<div v-html="data.content"></div> <div v-html="data.content"></div>
</div> </div>
</div>
<sidebar />
<!-- </div> -->
<!-- <sidebar /> -->
</div> </div>
</template> </template>
<script> <script>
@@ -24,7 +24,7 @@ export default {
data() { data() {
return { return {
textTop :"优秀案例", textTop :"优秀案例",
ifjournalism:1 ,//1 => 优秀案例 2 =>新闻详情 3 =>学员风采,
ifjournalism: this.$route.params.ifjournalism ,//1 => 优秀案例 2 =>新闻详情 3 =>学员风采,
id: this.$route.params.id.split('.')[0], // 截取 .html之前数据 id: this.$route.params.id.split('.')[0], // 截取 .html之前数据
data: {} data: {}
} }
@@ -36,72 +36,59 @@ export default {
this.data = res this.data = res
}) })
}, },
/* getView() {
let data = {
tag: this.$route.query.ifjournalism === "2" ? 'news' : '',
id: this.id
getTitle() {
switch(Number(this.ifjournalism)) {
case 1: this.textTop = '行业新闻'
break;
case 2: this.textTop = '企业培训优秀案例'
break;
case 3: this.textTop = '学员风采'
break;
case 4: this.textTop = '生活服务'
break;
case 5: this.textTop = '房屋租赁'
break;
case 6: this.textTop = '宠物市场'
break;
case 7: this.textTop = '餐饮美食'
break;
case 8: this.textTop = '票务卡券'
break;
case 9: this.textTop = '教育培训'
break;
case 10: this.textTop = '企业招聘'
break;
case 11: this.textTop = '商务服务'
break;
} }
homeService.getView(data).then(res => {})
} */
}
}, },
async created() { async created() {
if (this.$route.params.ifjournalism) {
this.ifjournalism = this.$route.params.ifjournalism
console.log(this.ifjournalism);
}
switch(this.ifjournalism) {
case 1: this.textTop = '行业新闻'
break;
case 2: this.textTop = '企业培训优秀案例'
break;
case 3: this.textTop = '学员风采'
break;
case 4: this.textTop = '生活服务'
break;
case 5: this.textTop = '房屋租赁'
break;
case 6: this.textTop = '宠物市场'
break;
case 7: this.textTop = '餐饮美食'
break;
case 8: this.textTop = '票务卡券'
break;
case 9: this.textTop = '教育培训'
break;
case 10: this.textTop = '企业招聘'
break;
case 11: this.textTop = '商务服务'
break;
}
await this.getDetail()
if (this.data) {
/* let head = document.getElementsByTagName('head');
let meta = document.createElement('meta');
document.querySelector('meta[name="keywords"]').setAttribute('content', this.data.seoKeywords)
document.querySelector('meta[name="description"]').setAttribute('content', this.data.seoDescription)
head[0].appendChild(meta)
document.title = this.data.seoTitle */
}
this.getTitle()
this.getDetail()
}, },
}; };
</script> </script>
<style scoped>
.titels {
padding: 10px 0;
font-size: 18px;
text-align: center;
}
.leftBox {
width: 75%;
}
.leftBox p {
<style scoped lang="scss">
.Box {
width: 1100px;
padding: 50px 40px;
margin: 0 auto;
box-shadow: 0 0 10px #f3f3f3;
background: #fff;
.title {
padding: 10px 0;
font-size: 18px;
text-align: center;
}
p {
text-align: center; text-align: center;
padding: 10px; padding: 10px;
} }
.leftBox >>> img{
}
.Box >>> img{
width: 600px; width: 600px;
} }
.particularsBox { .particularsBox {


+ 48
- 6
src/page/journalism/journalism.vue 파일 보기

@@ -1,7 +1,7 @@
<template> <template>
<div class="Box">
<div class="leftBox">
<textTitle text="行业新闻" />
<div class="Box journalism">
<!-- <div class="leftBox"> -->
<textTitle :text="textTop" />
<!-- <div @click="goparticulars"> <!-- <div @click="goparticulars">
<detail v-for="(item, index) in newsList" :key="index" /> <detail v-for="(item, index) in newsList" :key="index" />
</div> --> </div> -->
@@ -22,8 +22,8 @@
:total="paging.total"> :total="paging.total">
</el-pagination> </el-pagination>
</div> </div>
</div>
<sidebar />
<!-- </div> -->
<!-- <sidebar /> -->
</div> </div>
</template> </template>
<script> <script>
@@ -45,9 +45,17 @@ export default {
pageSize: 4, pageSize: 4,
total: 4 total: 4
}, },
tag: this.$route.query.tag
tag: this.$route.query.tag,
textTop: ''
} }
}, },
watch: {
$route() {
this.tag = this.$route.query.tag
this.getTitle()
this.getNewsList()
}
},
methods: { methods: {
goparticulars(item) { goparticulars(item) {
let detailId= item.id + ".html" let detailId= item.id + ".html"
@@ -73,8 +81,35 @@ export default {
handleCurrentChange(val) { handleCurrentChange(val) {
this.getNewsList() this.getNewsList()
}, },
getTitle() {
switch(Number(this.tag)) {
case 1: this.textTop = '行业新闻'
break;
case 2: this.textTop = '企业培训优秀案例'
break;
case 3: this.textTop = '学员风采'
break;
case 4: this.textTop = '生活服务'
break;
case 5: this.textTop = '房屋租赁'
break;
case 6: this.textTop = '宠物市场'
break;
case 7: this.textTop = '餐饮美食'
break;
case 8: this.textTop = '票务卡券'
break;
case 9: this.textTop = '教育培训'
break;
case 10: this.textTop = '企业招聘'
break;
case 11: this.textTop = '商务服务'
break;
}
}
}, },
created() { created() {
this.getTitle()
this.getNewsList() this.getNewsList()
} }
}; };
@@ -93,6 +128,13 @@ export default {
bottom: 0; bottom: 0;
left: 40%; left: 40%;
} }
.journalism{
width: 1100px;
padding: 50px 40px;
margin: 0 auto;
box-shadow: 0 0 10px #f3f3f3;
background: #fff;
}
.detailBox { .detailBox {
margin-top: 30px; margin-top: 30px;
margin-left: 20px; margin-left: 20px;


+ 2
- 4
src/router/index.js 파일 보기

@@ -209,10 +209,8 @@ const router = new VueRouter({
}) })


router.beforeEach((to, from, next) => { router.beforeEach((to, from, next) => {
/* 路由发生变化修改页面title */
/* if (to.meta.title) {
document.title = to.meta.title
} */
document.documentElement.scrollTop = 0
let head = document.getElementsByTagName('head'); let head = document.getElementsByTagName('head');
let meta = document.createElement('meta'); let meta = document.createElement('meta');
document.querySelector('meta[name="keywords"]').setAttribute('content', '礼仪培训师资格证,线上礼仪培训班,礼仪培训网课,形象礼仪培训师在线考证') document.querySelector('meta[name="keywords"]').setAttribute('content', '礼仪培训师资格证,线上礼仪培训班,礼仪培训网课,形象礼仪培训师在线考证')


불러오는 중...
취소
저장