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