| @@ -4,6 +4,8 @@ | |||||
| <meta charset="utf-8"> | <meta charset="utf-8"> | ||||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||||
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <meta name="keywords" content="瑜璟缘国际文化礼仪培训" /> | |||||
| <meta name="description" content="瑜璟缘国际文化礼仪培训" /> | |||||
| <link rel="icon" href="<%= BASE_URL %>favicon.ico"> | <link rel="icon" href="<%= BASE_URL %>favicon.ico"> | ||||
| <title><%= htmlWebpackPlugin.options.title %></title> | <title><%= htmlWebpackPlugin.options.title %></title> | ||||
| </head> | </head> | ||||
| @@ -80,7 +80,6 @@ export default { | |||||
| } | } | ||||
| a { | a { | ||||
| text-decoration: none; | text-decoration: none; | ||||
| display: block; | |||||
| } | } | ||||
| ul { | ul { | ||||
| list-style: none; | list-style: none; | ||||
| @@ -4,7 +4,7 @@ | |||||
| <div class="backImg"> | <div class="backImg"> | ||||
| <div class="logoBox"> | <div class="logoBox"> | ||||
| <div class="logo_img"> | <div class="logo_img"> | ||||
| <img src="../../assets/img/logo/logo1.png" alt /> | |||||
| <img @click="goHome" src="../../assets/img/logo/logo1.png" alt /> | |||||
| </div> | </div> | ||||
| <div class="title_Box"> | <div class="title_Box"> | ||||
| <p>瑜璟缘国际文化礼仪培训</p> | <p>瑜璟缘国际文化礼仪培训</p> | ||||
| @@ -84,6 +84,9 @@ export default { | |||||
| handleSelect(key, keyPath) { | handleSelect(key, keyPath) { | ||||
| // console.log(key, keyPath); | // console.log(key, keyPath); | ||||
| }, | }, | ||||
| goHome() { | |||||
| this.$router.push({path: "/homg"}) | |||||
| } | |||||
| }, | }, | ||||
| }; | }; | ||||
| </script> | </script> | ||||
| @@ -115,6 +118,7 @@ export default { | |||||
| // background-color: antiquewhite; | // background-color: antiquewhite; | ||||
| margin: 5px; | margin: 5px; | ||||
| float: left; | float: left; | ||||
| cursor: pointer; | |||||
| img { | img { | ||||
| width: 100%; | width: 100%; | ||||
| height: 100%; | height: 100%; | ||||
| @@ -160,7 +160,7 @@ export default { | |||||
| margin-left: 10px; | margin-left: 10px; | ||||
| h3 { | h3 { | ||||
| width: 90%; | width: 90%; | ||||
| margin: 5px; | |||||
| margin: 5px 0; | |||||
| font-size: 14px; | font-size: 14px; | ||||
| overflow: hidden; | overflow: hidden; | ||||
| text-overflow: ellipsis; | text-overflow: ellipsis; | ||||
| @@ -168,7 +168,7 @@ export default { | |||||
| } | } | ||||
| span { | span { | ||||
| overflow: hidden; | overflow: hidden; | ||||
| color: rgb(214, 214, 206); | |||||
| color: #999; | |||||
| text-overflow: ellipsis; | text-overflow: ellipsis; | ||||
| display: -webkit-box; | display: -webkit-box; | ||||
| -webkit-line-clamp: 3; | -webkit-line-clamp: 3; | ||||
| @@ -2,11 +2,6 @@ | |||||
| <div class="Box"> | <div class="Box"> | ||||
| <div class="leftBox"> | <div class="leftBox"> | ||||
| <textTitle :text="textTop" /> | <textTitle :text="textTop" /> | ||||
| <!-- <div> | |||||
| <h1 class="titels">{{this.ifjournalism==1?'中国农业银行礼仪培训':'新闻标题'}}</h1> | |||||
| <p >{{this.ifjournalism==1?'培训时间:2019年3月1日':"2019年3月1日"}}</p> | |||||
| <img class="particularsBox" src="../../assets/img/journalism/on2.png" alt=""> | |||||
| </div> --> | |||||
| <div> | <div> | ||||
| <h1 class="titels">{{data.title}}</h1> | <h1 class="titels">{{data.title}}</h1> | ||||
| <p >{{data.publishDate}}</p> | <p >{{data.publishDate}}</p> | ||||
| @@ -36,7 +31,7 @@ export default { | |||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| getDetail() { | getDetail() { | ||||
| homeService.getNewsDetail(this.id).then(res => { | |||||
| return homeService.getNewsDetail(this.id).then(res => { | |||||
| res.publishDate = moment(res.publishDate).format("YYYY-MM-DD") | res.publishDate = moment(res.publishDate).format("YYYY-MM-DD") | ||||
| this.data = res | this.data = res | ||||
| }) | }) | ||||
| @@ -49,17 +44,27 @@ export default { | |||||
| homeService.getView(data).then(res => {}) | homeService.getView(data).then(res => {}) | ||||
| } */ | } */ | ||||
| }, | }, | ||||
| created() { | |||||
| this.getDetail() | |||||
| if(this.$route.params.ifjournalism){ | |||||
| async created() { | |||||
| if (this.$route.params.ifjournalism) { | |||||
| this.ifjournalism = this.$route.params.ifjournalism | this.ifjournalism = this.$route.params.ifjournalism | ||||
| console.log(this.ifjournalism); | console.log(this.ifjournalism); | ||||
| } | } | ||||
| if(this.ifjournalism==1){ | |||||
| if (this.ifjournalism == 1) { | |||||
| this.textTop= "优秀案例" | this.textTop= "优秀案例" | ||||
| }else{ | }else{ | ||||
| this.textTop= "新闻资讯" | this.textTop= "新闻资讯" | ||||
| } | } | ||||
| 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 | |||||
| } | |||||
| }, | }, | ||||
| }; | }; | ||||
| @@ -71,6 +76,7 @@ export default { | |||||
| text-align: center; | text-align: center; | ||||
| } | } | ||||
| .leftBox { | .leftBox { | ||||
| width: 75%; | |||||
| p { | p { | ||||
| text-align: center; | text-align: center; | ||||
| padding: 10px; | padding: 10px; | ||||
| @@ -324,14 +324,14 @@ export default { | |||||
| width: 660px; | width: 660px; | ||||
| h3 { | h3 { | ||||
| width: 90%; | width: 90%; | ||||
| margin: 5px; | |||||
| margin: 5px 0; | |||||
| font-size: 16px; | font-size: 16px; | ||||
| } | } | ||||
| span { | span { | ||||
| height: 55px; | height: 55px; | ||||
| overflow: hidden; | overflow: hidden; | ||||
| line-height: 19px; | line-height: 19px; | ||||
| color: rgb(214, 214, 206); | |||||
| color: #999; | |||||
| text-overflow: ellipsis; | text-overflow: ellipsis; | ||||
| display: -webkit-box; | display: -webkit-box; | ||||
| -webkit-line-clamp: 3; | -webkit-line-clamp: 3; | ||||
| @@ -6,10 +6,10 @@ | |||||
| <detail v-for="(item, index) in newsList" :key="index" /> | <detail v-for="(item, index) in newsList" :key="index" /> | ||||
| </div> --> | </div> --> | ||||
| <div class="detailBox" v-for="(item, index) in newsList" :key="index" @click="goparticulars(item)"> | <div class="detailBox" v-for="(item, index) in newsList" :key="index" @click="goparticulars(item)"> | ||||
| <h3>{{item.title}}</h3> | |||||
| <div class="imgBox"> | <div class="imgBox"> | ||||
| <img class="img" :src="item.mainPicRealPath" /> | <img class="img" :src="item.mainPicRealPath" /> | ||||
| <div class="text"> | <div class="text"> | ||||
| <h3>{{item.title}}</h3> | |||||
| <p>{{item.assistantTitle}}</p> | <p>{{item.assistantTitle}}</p> | ||||
| <span class="time">{{item.publishDate}} <span class="el-icon-view"> {{item.view}}</span></span> | <span class="time">{{item.publishDate}} <span class="el-icon-view"> {{item.view}}</span></span> | ||||
| </div> | </div> | ||||
| @@ -81,7 +81,7 @@ export default { | |||||
| margin-left: 20px; | margin-left: 20px; | ||||
| h3 { | h3 { | ||||
| font-size: 14px; | font-size: 14px; | ||||
| padding-bottom: 20px; | |||||
| padding-bottom: 4px; | |||||
| } | } | ||||
| .imgBox { | .imgBox { | ||||
| overflow: hidden; | overflow: hidden; | ||||
| @@ -102,6 +102,7 @@ export default { | |||||
| -webkit-box-orient: vertical; | -webkit-box-orient: vertical; | ||||
| line-height: 20px; | line-height: 20px; | ||||
| overflow: hidden; | overflow: hidden; | ||||
| color: #999; | |||||
| } | } | ||||
| .time { | .time { | ||||
| display: block; | display: block; | ||||
| @@ -32,6 +32,7 @@ | |||||
| <strong class="center">足迹培训</strong> | <strong class="center">足迹培训</strong> | ||||
| <p v-html="data.training"></p> | <p v-html="data.training"></p> | ||||
| </div> | </div> | ||||
| <div v-if="data.other" v-html="data.other"></div> | |||||
| <div v-if="data.img.length > 0" class="img"> | <div v-if="data.img.length > 0" class="img"> | ||||
| <strong class="center">部分授课照片</strong> | <strong class="center">部分授课照片</strong> | ||||
| <p> | <p> | ||||
| @@ -41,7 +42,6 @@ | |||||
| </template> | </template> | ||||
| </p> | </p> | ||||
| </div> | </div> | ||||
| <div v-if="data.other" v-html="data.other"></div> | |||||
| </div> | </div> | ||||
| <sidebar /> | <sidebar /> | ||||
| </div> | </div> | ||||
| @@ -1,58 +0,0 @@ | |||||
| <template> | |||||
| <div class="Box"> | |||||
| <div class="leftBox"> | |||||
| <textTitle :text="textTitle" /> | |||||
| <teacher v-for="(item, index) in 3" :key="index" /> | |||||
| </div> | |||||
| <sidebar /> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import textTitle from "@/components/headTail/textTitle"; | |||||
| import sidebar from "@/components/sidebar/sidebar"; | |||||
| import teacher from "./teacher"; | |||||
| export default { | |||||
| //国外和国内 共页面 用 foreign=true ?国外:国内 | |||||
| components: { | |||||
| textTitle, | |||||
| sidebar, | |||||
| teacher, | |||||
| }, | |||||
| data() { | |||||
| return { | |||||
| textTitle: "", | |||||
| fingerpostForeign: 0, //指南标志位切换路由赋值 | |||||
| }; | |||||
| }, | |||||
| watch: { | |||||
| $route() { | |||||
| this.fingerpostForeign = this.$route.query.foreign; | |||||
| }, | |||||
| fingerpostForeign() { | |||||
| this.gitTitle(); | |||||
| }, | |||||
| }, | |||||
| methods: { | |||||
| // 获取 标题 | |||||
| gitTitle() { | |||||
| let textTitleFlag = this.$route.query.foreign; | |||||
| let arr = [ | |||||
| { | |||||
| foreign: 1, | |||||
| value: "国外名师", | |||||
| }, | |||||
| { | |||||
| foreign: 2, | |||||
| value: "国内名师", | |||||
| }, | |||||
| ]; | |||||
| this.textTitle = arr.filter( | |||||
| (item) => item.foreign == textTitleFlag | |||||
| )[0].value; | |||||
| }, | |||||
| }, | |||||
| mounted() { | |||||
| this.gitTitle(); | |||||
| }, | |||||
| }; | |||||
| </script> | |||||
| @@ -1,52 +0,0 @@ | |||||
| <template> | |||||
| <div class="tempBox"> | |||||
| <img class="logo" src="../../assets/img/teacher/teacher.png" /> | |||||
| <div class="synopsis"> | |||||
| <h3>李老师</h3> | |||||
| <span>李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍</span> | |||||
| </div> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| export default { | |||||
| props: { | |||||
| Name: String, | |||||
| synopsis: String, | |||||
| img: String, | |||||
| }, | |||||
| }; | |||||
| </script> | |||||
| <style lang="scss" scoped> | |||||
| .tempBox { | |||||
| width: 85%; | |||||
| border: 1px rgb(239, 239, 239) solid; | |||||
| overflow: hidden; | |||||
| margin-top: 20px; | |||||
| .logo { | |||||
| border-radius: 50%; | |||||
| width: 150px; | |||||
| height: 150px; | |||||
| margin: 20px; | |||||
| float: left; | |||||
| } | |||||
| .synopsis { | |||||
| float: left; | |||||
| margin: 20px; | |||||
| width: 550px; | |||||
| h3 { | |||||
| font-size: 22px; | |||||
| line-height: 22px; | |||||
| } | |||||
| span { | |||||
| display: block; | |||||
| margin-top: 10px; | |||||
| font-size: 12px; | |||||
| height: 85px; | |||||
| overflow: hidden; | |||||
| color: rgb(203, 190, 190); | |||||
| } | |||||
| } | |||||
| } | |||||
| </style> | |||||
| @@ -1147,7 +1147,7 @@ export default { | |||||
| }, | }, | ||||
| s15: { | s15: { | ||||
| topImg: 's15.png', | topImg: 's15.png', | ||||
| name: '', | |||||
| name: '商务服务英语讲师--李赛赛Saisai', | |||||
| bgInfo: ``, | bgInfo: ``, | ||||
| course: `《商务英语演讲技巧》 | course: `《商务英语演讲技巧》 | ||||
| <br/> 如何克服怯场? | <br/> 如何克服怯场? | ||||
| @@ -6,7 +6,7 @@ | |||||
| <img class="logo" src="../../assets/img/teacher/teacher.png" /> | <img class="logo" src="../../assets/img/teacher/teacher.png" /> | ||||
| <div class="synopsis"> | <div class="synopsis"> | ||||
| <h3>{{item.name}}</h3> | <h3>{{item.name}}</h3> | ||||
| <span>{{item.bgInfo}}</span> | |||||
| <span v-html='item.bgInfo'></span> | |||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| @@ -85,8 +85,8 @@ export default { | |||||
| cursor: pointer; | cursor: pointer; | ||||
| .logo { | .logo { | ||||
| border-radius: 50%; | border-radius: 50%; | ||||
| width: 150px; | |||||
| height: 150px; | |||||
| width: 100px; | |||||
| height: 100px; | |||||
| margin: 20px; | margin: 20px; | ||||
| float: left; | float: left; | ||||
| } | } | ||||
| @@ -103,8 +103,11 @@ export default { | |||||
| margin-top: 10px; | margin-top: 10px; | ||||
| font-size: 12px; | font-size: 12px; | ||||
| height: 85px; | height: 85px; | ||||
| color: #999; | |||||
| display: -webkit-box; | |||||
| -webkit-box-orient: vertical; | |||||
| -webkit-line-clamp: 5; | |||||
| overflow: hidden; | overflow: hidden; | ||||
| color: rgb(203, 190, 190); | |||||
| } | } | ||||
| } | } | ||||
| } | } | ||||
| @@ -104,7 +104,7 @@ const routes = [ | |||||
| { | { | ||||
| path: '/invite', | path: '/invite', | ||||
| meta:{ | meta:{ | ||||
| title:"新闻咨询" | |||||
| title:"我要应聘" | |||||
| }, | }, | ||||
| component: r => require.ensure([], () => r(require('@/page/serve/invite.vue')), 'invite') | component: r => require.ensure([], () => r(require('@/page/serve/invite.vue')), 'invite') | ||||
| }, | }, | ||||