@@ -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 // 请求超时时间 | ||||
}) | }) | ||||
@@ -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%; | ||||
} | } | ||||
@@ -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; | ||||
} | } | ||||
} | } |
@@ -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 { | ||||
@@ -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; | ||||
@@ -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', '礼仪培训师资格证,线上礼仪培训班,礼仪培训网课,形象礼仪培训师在线考证') | ||||