浏览代码

修改导航

version2.0
chutingting 4 年前
父节点
当前提交
5d4ef285eb
共有 7 个文件被更改,包括 185 次插入151 次删除
  1. +2
    -2
      src/api/request.js
  2. +36
    -71
      src/components/headTail/head.vue
  3. +45
    -2
      src/components/headTail/tail.vue
  4. +4
    -5
      src/components/headTail/textTitle.vue
  5. +48
    -61
      src/page/cultivate/particulars.vue
  6. +48
    -6
      src/page/journalism/journalism.vue
  7. +2
    -4
      src/router/index.js

+ 2
- 2
src/api/request.js 查看文件

@@ -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 // 请求超时时间
})



+ 36
- 71
src/components/headTail/head.vue 查看文件

@@ -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%;
}


+ 45
- 2
src/components/headTail/tail.vue
文件差异内容过多而无法显示
查看文件


+ 4
- 5
src/components/headTail/textTitle.vue 查看文件

@@ -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;
}
}

+ 48
- 61
src/page/cultivate/particulars.vue 查看文件

@@ -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 {


+ 48
- 6
src/page/journalism/journalism.vue 查看文件

@@ -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;


+ 2
- 4
src/router/index.js 查看文件

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


正在加载...
取消
保存