@@ -3,8 +3,8 @@ import { Message } from "element-ui" | |||
const service = axios.create({ | |||
// baseURL: '/C/', | |||
baseURL: 'https://www.yjyculture.com/C/', | |||
baseURL: '/C/', | |||
// baseURL: 'https://www.yjyculture.com/C/', | |||
timeout: 60000 // 请求超时时间 | |||
}) | |||
@@ -16,67 +16,21 @@ | |||
</el-input> | |||
</div> | |||
<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> | |||
</template> | |||
@@ -84,13 +38,22 @@ | |||
export default { | |||
data() { | |||
return { | |||
activeIndex: "1", | |||
search: '' | |||
search: '', | |||
menuActiveIndex: '1' | |||
}; | |||
}, | |||
watch: { | |||
$route() { | |||
this.menuActiveIndex = this.$route.query.tag ? this.$route.query.tag : '1' | |||
} | |||
}, | |||
methods: { | |||
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) { | |||
if(url) { | |||
@@ -101,7 +64,7 @@ export default { | |||
this.$router.push('/home') | |||
this.search = '' | |||
} | |||
}, | |||
} | |||
}; | |||
</script> | |||
@@ -157,8 +120,8 @@ export default { | |||
width: 1200px; | |||
margin: 20px auto; | |||
display: flex; | |||
height: 60px; | |||
line-height: 60px; | |||
/* height: 60px; | |||
line-height: 60px; */ | |||
background: #606266; | |||
.el-dropdown{ | |||
flex: 1; | |||
@@ -217,17 +180,19 @@ export default { | |||
margin-top: 20px; | |||
background-color: cornflowerblue; | |||
} | |||
.el-menu-demo { | |||
.el-menu-demo { | |||
display: flex; | |||
.el-menu-item { | |||
width: 14.2%; | |||
/* width: 10%; */ | |||
text-align: center; | |||
flex: 1; | |||
} | |||
} | |||
.el-submenu { | |||
/*.el-submenu { | |||
text-align: center; | |||
width: 14.2%; | |||
} | |||
} */ | |||
.el-menu--horizontal { | |||
width: 100%; | |||
} | |||
@@ -16,16 +16,15 @@ | |||
<style lang="scss" scoped> | |||
.textTitle { | |||
margin-top: 50px; | |||
overflow: hidden; | |||
p { | |||
font-size: 24px; | |||
font-size: 22px; | |||
font-weight: bold; | |||
} | |||
.w_line { | |||
width: 60px; | |||
height: 2px; | |||
background-color: #000; | |||
width: 90px; | |||
height: 4px; | |||
background-color: #2979d0; | |||
margin: 20px 0; | |||
} | |||
} |
@@ -1,14 +1,14 @@ | |||
<template> | |||
<div class="Box"> | |||
<div class="leftBox"> | |||
<!-- <div class="leftBox"> --> | |||
<textTitle :text="textTop" /> | |||
<div> | |||
<h1 class="titels">{{data.title}}</h1> | |||
<h1 class="title">{{data.title}}</h1> | |||
<p >{{data.publishDate}}</p> | |||
<div v-html="data.content"></div> | |||
</div> | |||
</div> | |||
<sidebar /> | |||
<!-- </div> --> | |||
<!-- <sidebar /> --> | |||
</div> | |||
</template> | |||
<script> | |||
@@ -24,7 +24,7 @@ export default { | |||
data() { | |||
return { | |||
textTop :"优秀案例", | |||
ifjournalism:1 ,//1 => 优秀案例 2 =>新闻详情 3 =>学员风采, | |||
ifjournalism: this.$route.params.ifjournalism ,//1 => 优秀案例 2 =>新闻详情 3 =>学员风采, | |||
id: this.$route.params.id.split('.')[0], // 截取 .html之前数据 | |||
data: {} | |||
} | |||
@@ -36,72 +36,59 @@ export default { | |||
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() { | |||
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> | |||
<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; | |||
padding: 10px; | |||
} | |||
.leftBox >>> img{ | |||
} | |||
.Box >>> img{ | |||
width: 600px; | |||
} | |||
.particularsBox { | |||
@@ -1,7 +1,7 @@ | |||
<template> | |||
<div class="Box"> | |||
<div class="leftBox"> | |||
<textTitle text="行业新闻" /> | |||
<div class="Box journalism"> | |||
<!-- <div class="leftBox"> --> | |||
<textTitle :text="textTop" /> | |||
<!-- <div @click="goparticulars"> | |||
<detail v-for="(item, index) in newsList" :key="index" /> | |||
</div> --> | |||
@@ -22,8 +22,8 @@ | |||
:total="paging.total"> | |||
</el-pagination> | |||
</div> | |||
</div> | |||
<sidebar /> | |||
<!-- </div> --> | |||
<!-- <sidebar /> --> | |||
</div> | |||
</template> | |||
<script> | |||
@@ -45,9 +45,17 @@ export default { | |||
pageSize: 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: { | |||
goparticulars(item) { | |||
let detailId= item.id + ".html" | |||
@@ -73,8 +81,35 @@ export default { | |||
handleCurrentChange(val) { | |||
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() { | |||
this.getTitle() | |||
this.getNewsList() | |||
} | |||
}; | |||
@@ -93,6 +128,13 @@ export default { | |||
bottom: 0; | |||
left: 40%; | |||
} | |||
.journalism{ | |||
width: 1100px; | |||
padding: 50px 40px; | |||
margin: 0 auto; | |||
box-shadow: 0 0 10px #f3f3f3; | |||
background: #fff; | |||
} | |||
.detailBox { | |||
margin-top: 30px; | |||
margin-left: 20px; | |||
@@ -209,10 +209,8 @@ const router = new VueRouter({ | |||
}) | |||
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 meta = document.createElement('meta'); | |||
document.querySelector('meta[name="keywords"]').setAttribute('content', '礼仪培训师资格证,线上礼仪培训班,礼仪培训网课,形象礼仪培训师在线考证') | |||