| @@ -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', '礼仪培训师资格证,线上礼仪培训班,礼仪培训网课,形象礼仪培训师在线考证') | |||