Skip to content

M
ministers
Commit 77ad5855 authored by 罗超's avatar 罗超
Browse files
Options

1

parent 2ecaee0b
Show whitespace changes
Inline Side-by-side
Showing with 784 additions and 233 deletions
quasar.conf.js
View file @ 77ad5855
......@@ -34,7 +34,7 @@ module.exports = function (ctx) {
extras: [
// 'ionicons-v4',
// 'mdi-v5',
// 'fontawesome-v5',
'fontawesome-v5',
// 'eva-icons',
// 'themify',
// 'line-awesome',
......
src/api/JapaneseTrainApi.js
View file @ 77ad5855
......@@ -71,3 +71,16 @@ export function getClassPlan(msg) {
}
});
}
// 根据类型获取教师列表，类型(1-日语培训老师，2-留学服务老师)
export function getWebTeacherList(type) {
return request({
url: '/Web/GetWebTeacherList',
method: "post",
data: {
Group_Id: groupId,
Domain: curDomain,
Type:type
}
});
}
\ No newline at end of file
src/api/mediaCenterApi.js
View file @ 77ad5855
......@@ -28,3 +28,29 @@ export function getNewsList(msg) {
}
});
}
//获取品牌动漫分页列表
export function getWebCartoonPage(msg) {
return request({
url: '/Web/GetWebCartoonPage',
method: "post",
data: {
Group_Id: groupId,
Domain: curDomain,
pageIndex:msg.pageIndex,
pageSize:msg.pageSize,
}
});
}
//获取品牌月刊(周刊)分页列表
export function getWebMonthlyPage(msg) {
return request({
url: '/Web/GetWebMonthlyPage',
method: "post",
data: {
Group_Id: groupId,
Domain: curDomain,
pageIndex:msg.pageIndex,
pageSize:msg.pageSize,
}
});
}
\ No newline at end of file
src/assets/font/iconfont/iconfont.css 0 → 100644
View file @ 77ad5855
@font-face {font-family: "iconfont";
src: url('iconfont.eot?t=1618216149374'); /* IE9 */
src: url('iconfont.eot?t=1618216149374#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAALUAAsAAAAABrAAAAKHAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDBgqBGIEXATYCJAMMCwgABCAFhG0HNhvdBcgekiQlAol5QBEVAIA5Hr72+527u1+1QRJNf+g+nSSaGBIlUElQaYmhdLJn8vu/tfYRkcY8SGZeV//s7Z7PDe5dq0oTC0U8QqKSgOb/PnHv9E+gQObDKJc5xvmnLsA4oED3wGgLF0oC3jB2wQs8T6BtWQq347qWHvBV2NMC8aBrEvgWkorCKk2h3rC2iBc1zfSUnoDn6PvxJyt8SWqZPffkvlaFis+01vNUxXVASBHg5hoydoBC3DYWz3kIxvPQNnp2N9YVIS2VqSZSGvq684dHEkSd3d4FG6iU+EzzlJlpHaqfupzh6SRZBRbs9K0hxpNRNfJgKhEPVx+nk6h2PP2wMnq8nUSPVu5iNxNRPYDX+9XkJIWen8fXFtVdXmDRcVHt+IQtK/yU2yLIfG/ticl7vb4rvwoJOl6bXZvpiQu52lNBBKjmc0IeBaimck6eEggmi68/IaTk3zeggI+t1e9oTTVVID+iKTFY9ctUA7uKobFduWhKT2mFs8kAfwLKeUQFdnTsd7p1dlv+0CxoJoQblnRkTStkYXdQ07GLuqY9tG2r39wxwXiI0sKWeYAwdI6k7w3Z0DNZ2B/UzP2jbhgeaDuNiD071kL3r2YocVSJPEx0xW6jrof7x51dqPVbJJbXRPw+ZC49QzLTMsqVerQhW2KBa0DL4pwSyuxWUgcuQ4vFThzMbqDC00ycO4rS02nTjdIUuxX8HWGQhEMqQjaM0CnsbGjQn/OvfL4L0vSzkLAOTl26D2Jc9OGJTGkyBpD1RtsgzqNc4zJAk4XjKIJi7KyIOjAKWVjYEY7mUQak4NKYJuQdiqQ7vehQY9r2Zuv/HYA2+7gcKXIU5QEp92K6ZuIAAA==') format('woff2'),
url('iconfont.woff?t=1618216149374') format('woff'),
url('iconfont.ttf?t=1618216149374') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('iconfont.svg?t=1618216149374#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-left:before {
content: "\e697";
}
.icon-right:before {
content: "\e62e";
}
src/components/teacherTeam/teacherTeam.vue
View file @ 77ad5855
......@@ -7,25 +7,30 @@
</div>
<div class="tea_swiper">
<Swiper :options="swiperOption">
<Swiper-slide v-for="(item, index) in teacherList" :key="index">
<Swiper-slide v-for="(item, index) in teacherList" :key="index" :class="{'slideWidth':teacherList.length<3}">
<div
v-if="!item.showDetail"
class="slideItem"
@mouseenter="enter(item)"
@mouseleave="leave(item)"
>
<img :src="item.src" alt="" class="headImg" />
<div class="tea_name">{{ item.name }}</div>
<div class="tea_desc">{{ item.desc }}</div>
<div class="headImg">
<img :src="item.Icon" alt="" class="headImg" v-if="item.Icon"/>
<img src="../../assets/images/JapaneseTrain/male.png" alt="" class="headImg" v-if="!item.Icon&&item.Sex===0"/>
<img src="../../assets/images/JapaneseTrain/female.png" alt="" class="headImg" v-if="!item.Icon&&item.Sex===1"/>
<div class="firstName">{{ item.Name.slice(0, 1) }}</div>
</div>
<div class="tea_name">{{ item.Name }}</div>
<div class="tea_desc">{{ item.Intro }}</div>
</div>
<div
v-else
v-if="item.showDetail"
class="slideItem2"
@mouseenter="enter(item)"
@mouseleave="leave(item)"
>
<div class="tea_name">{{ item.name }}</div>
<div class="tea_desc">{{ item.desc }}</div>
<div class="tea_name">{{ item.Name }}</div>
<div class="tea_desc">{{ item.Intro }}</div>
</div>
</Swiper-slide>
</Swiper>
......@@ -49,6 +54,10 @@ export default {
type: Number,
default: 20,
},
teacherList: {
type: Array,
default: [],
},
},
data() {
return {
......@@ -60,48 +69,7 @@ export default {
// loop: true,
slidesPerView: this.viewNum,
slideSpaceBetween: this.slideSpaceBetween,
navigation: {
// nextEl: ".swiper-button-next",
// prevEl: ".swiper-button-prev",
},
},
teacherList: [
{
name: "黄群",
url: "",
showDetail: false,
desc:
"都中医药大学英语学士，拥有八年日本旅游出境线路操作经验，8年的经验累积熟悉各类日本企业运作模式和企业文化。一直和日本企业保持密...联系，现在主要负责人才就业输送。",
},
{
name: "唐雪梅",
url: "",
showDetail: false,
desc:
"都中医药大学英语学士，拥有八年日本旅游出境线路操作经验，8年的经验累积熟悉各类日本企业运作模式和企业文化。一直和日本企业保持密...联系，现在主要负责人才就业输送。",
},
{
name: "唐雪梅",
url: "",
showDetail: false,
desc:
"都中医药大学英语学士，拥有八年日本旅游出境线路操作经验，8年的经验累积熟悉各类日本企业运作模式和企业文化。一直和日本企业保持密...联系，现在主要负责人才就业输送。",
},
{
name: "唐雪梅",
url: "",
showDetail: false,
desc:
"都中医药大学英语学士，拥有八年日本旅游出境线路操作经验，8年的经验累积熟悉各类日本企业运作模式和企业文化。一直和日本企业保持密...联系，现在主要负责人才就业输送。",
},
{
name: "唐雪梅",
url: "",
showDetail: false,
desc:
"都中医药大学英语学士，拥有八年日本旅游出境线路操作经验，8年的经验累积熟悉各类日本企业运作模式和企业文化。一直和日本企业保持密...联系，现在主要负责人才就业输送。",
},
],
};
},
methods: {
......@@ -112,7 +80,6 @@ export default {
i.showDetail = false;
},
},
mounted() {},
};
</script>
<style lang="scss" scoped>
......@@ -162,18 +129,36 @@ export default {
}
}
.slideItem {
box-sizing: border-box;
width: 13.541vw !important;
height: 18.333vw;
// border: 1px solid #eee;
box-shadow: 0px 6px 10px 0px rgba(116, 116, 116, 0.1);
background-color: #ffffff;
padding: 0 1.458vw;
padding: 2.86vw 1.458vw;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-right: 20px;
.headImg {
width: 52px;
height: 56px;
width: 2.7vw;
height: 2.9vw;
position: relative;
.firstName {
width: 22px;
height: 22px;
background-color: #45766d;
border-radius: 50%;
position: absolute;
right: -2px;
bottom: -2px;
display: flex;
justify-content: center;
align-items: center;
font-size: 12px;
font-family: Microsoft YaHei;
color: #ffffff;
}
}
.tea_name {
width: 100%;
......@@ -217,10 +202,7 @@ export default {
margin-bottom: 1.145vw;
}
}
.swiper-button-prev,
.swiper-button-next {
width: 200px;
height: 28px;
color: #45766d;
.slideWidth {
width: 13.541vw !important;
}
</style>
\ No newline at end of file
src/pages/JapaneseTrain/JapaneseTrain.vue
View file @ 77ad5855
......@@ -13,7 +13,7 @@
filled
type="search"
clearable
placeholder="可搜索课程系列/名称"
label="可搜索课程系列/名称"
class="inputBorder"
@change="changeSearchCourse"
@clear="clearSearchCourse"
......@@ -29,13 +29,13 @@
option-label="CateName"
clearable
class="inputBorder"
placeholder="可查询课程系列/名称"
label="可查询课程系列/名称"
:dense="false"
:options-dense="false"
>
</q-select>
</div>
<div class="eduConbox" v-if="courseList.length>0">
<div class="eduConbox" v-if="courseList.length > 0">
<div
v-for="item in courseList"
:key="item.CourseId"
......@@ -49,31 +49,30 @@
</div>
</div>
</div>
<div class="seemore" @click="goEduProductList" v-if="courseList.length>0">查看更多</div>
<div v-if="courseList.length==0" class="nodata" style="textAlign:center">暂无数据</div>
<div
class="seemore"
@click="goEduProductList"
v-if="courseList.length > 0"
>
查看更多
</div>
<div
v-if="courseList.length == 0"
class="nodata"
style="textalign: center"
>
暂无数据
</div>
</div>
<!-- 开班计划 -->
<div class="edu_con">
<div class="edu_name">开班计划</div>
<div class="edu_subname">副标题</div>
<div class="inputBox">
<q-input
v-model="classmsg.ClassName"
filled
type="search"
clearable
placeholder="可搜索课程系列/名称"
class="inputBorder2"
@change="changeSearchClass"
@clear="clearSearchClass"
>
<template v-slot:prepend>
<q-icon name="search" />
</template>
</q-input>
<!-- 选择系列 -->
<div class="inputBorder2">
<q-select
label="可查询课程系列"
outlined
v-model="classSelectSeries"
:options="options"
......@@ -87,18 +86,33 @@
<!-- 根据系列选课程 -->
<div class="inputBorder2">
<q-select
label="可查询课程名称"
outlined
v-model="classSelectCourseName"
:options="courseNameOption"
option-label="CateName"
option-label="CourseName"
clearable
:dense="false"
:options-dense="false"
>
</q-select>
</div>
<q-input
v-model="classmsg.ClassName"
filled
type="search"
clearable
label="可搜索课程系列/名称"
class="inputBorder2"
@change="changeSearchClass"
@clear="clearSearchClass"
>
<template v-slot:prepend>
<q-icon name="search" />
</template>
</q-input>
</div>
<div class="classPlanBox" v-if="classPlanList.length>0">
<div class="classPlanBox" v-if="classPlanList.length > 0">
<div
v-for="item in classPlanList"
:key="item.ClassId"
......@@ -145,11 +159,17 @@
</div>
</div>
</div>
<div class="seemore" v-if="classPlanList.length>0">查看更多</div>
<div v-if="classPlanList.length==0" class="nodata" style="textAlign:center">暂无数据</div>
<div class="seemore" v-if="classPlanList.length > 0">查看更多</div>
<div
v-if="classPlanList.length == 0"
class="nodata"
style="textalign: center"
>
暂无数据
</div>
</div>
<!-- 教师团队 -->
<TeacherTeam :viewNum="4" />
<TeacherTeam :viewNum="4" :teacherList="teacherList" />
<!-- 底部 -->
<Footer />
</div>
......@@ -157,7 +177,7 @@
<script>
import Header from "../../components/header/header";
import Footer from "../../components/footer/footerType2";
import Banner from "../../components/bnaner/banner";
import Banner from "../../components/banner/banner";
import TeacherTeam from "../../components/teacherTeam/teacherTeam";
import { getWebNavList } from "../../api/indexApi.js";
import {
......@@ -165,6 +185,7 @@ import {
getCoursePageList,
getClassPlan,
getCourseList,
getWebTeacherList,
} from "../../api/JapaneseTrainApi";
export default {
components: {
......@@ -182,12 +203,12 @@ export default {
},
],
swiperData: [],
selectCourseText: "",//课程系列选择框
selectCourseText: "", //课程系列选择框
classSelectSeries: "",
classSelectCourseName: "",
options: [],
courseNameOption:[],
courseNameOption: [],
coursemsg: {
pageIndex: 1,
pageSize: 6,
......@@ -202,46 +223,54 @@ export default {
},
courseList: [],
classPlanList: [],
teacherList: [],
};
},
watch: {
selectCourseText(val) {
if (val == null) {
this.coursemsg.QCateIds = "";
// this.coursemsg.CourseName=""
} else {
this.coursemsg.QCateIds = val.CateId;
// this.coursemsg.CourseName=val.CateName
}
this.getCoursePageList();
},
classSelectSeries(val){
classSelectSeries(val) {
if (val == null) {
this.classmsg.CateId = "";
} else {
this.classmsg.CateId = val.CateId;
}
this.getClassPlan();
this.getCourseList();
},
classSelectCourseName(val) {
if (val == null) {
this.classmsg.ClassName = "";
} else {
this.classmsg.ClassName = val.CourseName;
}
this.getClassPlan();
},
},
methods: {
// 课程搜索框
changeSearchCourse(){
this.getCoursePageList()
changeSearchCourse() {
this.getCoursePageList();
},
// 清空课程搜索框
clearSearchCourse(){
this.coursemsg.CourseName=""
this.getCoursePageList()
clearSearchCourse() {
this.coursemsg.CourseName = "";
this.getCoursePageList();
},
// 开班计划搜索框
changeSearchClass(){
this.getClassPlan()
changeSearchClass() {
this.getClassPlan();
},
// 清空开班计划搜索框
clearSearchClass(){
this.classmsg.ClassName=""
this.getClassPlan()
clearSearchClass() {
this.classmsg.ClassName = "";
this.getClassPlan();
},
//去教育产品列表//课程查看更多
goEduProductList() {
......@@ -272,10 +301,18 @@ export default {
this.classPlanList = res.Data.PageData;
},
//根据系列编号获取课程列表
async getCourseList(){
let res= await getCourseList(this.classmsg.CateId)
// this.courseNameOption=res.Data
}
async getCourseList() {
let res = await getCourseList(this.classmsg.CateId);
this.courseNameOption = res.Data;
},
//获取教师列表
async getTeacherList() {
let res = await getWebTeacherList(1);
this.teacherList = res.Data.map((item) => {
item.showDetail = false;
return item
});
},
},
mounted() {
this.menuList = JSON.parse(localStorage.getItem("menuList"));
......@@ -283,6 +320,8 @@ export default {
this.getCourseCategoryList();
this.getCoursePageList();
this.getClassPlan();
this.getCourseList();
this.getTeacherList();
},
};
</script>
......
src/pages/JapaneseTrain/eduProductList.vue
View file @ 77ad5855
......@@ -11,7 +11,7 @@
filled
type="search"
clearable
placeholder="可搜索课程系列/名称"
label="可搜索课程系列/名称"
class="inputBorder"
@change="changeSearchText"
@clear="clearSearch"
......@@ -27,7 +27,7 @@
option-label ="CateName"
clearable
class="inputBorder"
placeholder="可查询课程系列/名称"
label="可查询课程系列/名称"
:dense="false"
:options-dense="false"
>
......@@ -49,15 +49,13 @@
v-model="currentPage"
color="light-green-10"
:max="pageCount"
:max-pages="6"
:boundary-numbers="true"
:max-pages="5"
boundary-numbers
@input="changePage"
v-if="pageCount>1"
>
</q-pagination>
</div>
<!-- 底部 -->
<Footer />
</div>
......@@ -88,9 +86,7 @@ export default {
CourseName:"",
QCateIds:""
},
courseList: [
],
courseList: [],
};
},
watch:{
......@@ -174,7 +170,7 @@ export default {
align-items: center;
.inputBorder {
width: 30.468vw;
height: 2.916vw;
// height: 2.916vw;
background-color: #e9e9e9;
}
}
......
src/pages/aboutUs/aboutUs.vue
View file @ 77ad5855
......@@ -36,7 +36,7 @@
</template>
<script>
import Header from "../../components/header/header";
import Banner from "../../components/bnaner/banner";
import Banner from "../../components/banner/banner";
import Footer from "../../components/footer/footerType2";
import { getWebNavList } from "../../api/indexApi.js";
export default {
......
src/pages/index.vue
View file @ 77ad5855
<template>
<div class="jiahe">
<Header :scorllNum="pageScroll" :menuList="menuList"/>
<Header :scorllNum="pageScroll" :menuList="menuList" />
<!-- 第一部分 -->
<div class="relative-position banner-box" id="elone">
<div class="absolute-top-left fit bg-dark">
......@@ -20,29 +20,30 @@
<div v-else @click="onClick" class="parmaryBtn"></div>
</template>
<q-carousel-slide
v-for="(item,index) in swiperList" :key="index"
v-for="(item, index) in swiperList"
:key="index"
:name="item.NavTypeName"
:img-src="item.BgImg"
>
<div class="con1"><span class="jh">{{item.NavTitle}}</span><!--您身边的日语--></div>
<div class="con2">
{{item.SubTitle}}
<div class="con1">
<span class="jh">{{ item.NavTitle }}</span><!--您身边的日语-->
</div>
<div class="con2">{{ item.SubTitle }}
</div>
<div class="con3"></div>
<div class="btn" @click="goDetail(item.LinkUrl)">查看详情</div>
<q-img
src="../assets/images/index/female.png"
spinner-color="white"
class="female"
v-if="item.NavTypeName=='首页'"
v-if="item.NavTypeName == '首页'"
/>
</q-carousel-slide>
</q-carousel>
</div>
</div>
<!-- 第二部分 日语培训-->
<div class="secondbox" @click="jumppppp">
<div class="secondbox">
<div class="absolute-top-left subSecondbox">
<q-img
src="../assets/images/index/class_icon.png"
......@@ -140,13 +141,17 @@
</div>
<!-- 第三部分 留学服务-->
<div class="threebox" @mouseleave="movemask(0)">
<div class="absolute-top-left subThreeBox" >
<div class="absolute-top-left subThreeBox">
<q-img
src="../assets/images/index/study_serve.png"
spinner-color="white"
class="class_icon3"
/>
<div class="threeItem" style="position: relative;" @mouseenter="movemask(1)" >
<div
class="threeItem"
style="position: relative"
@mouseenter="movemask(1)"
>
<div class="outside">
<div class="inner">
<animate-number
......@@ -159,9 +164,16 @@
</div>
</div>
<div class="itemName">本科院校资源</div>
<div class="mask" :class="{removeMask:currentMaskIndex==1}"></div>
<div
class="mask"
:class="{ removeMask: currentMaskIndex == 1 }"
></div>
</div>
<div class="threeItem" style="position: relative;" @mouseenter="movemask(2)" >
<div
class="threeItem"
style="position: relative"
@mouseenter="movemask(2)"
>
<div class="itemIconBox">
<div v-for="item in schoolIconList" :key="item.id">
<img
......@@ -190,9 +202,16 @@
/>
</div>
</div>
<div class="mask" :class="{removeMask:currentMaskIndex==2}"></div>
<div
class="mask"
:class="{ removeMask: currentMaskIndex == 2 }"
></div>
</div>
<div class="threeItem" style="position: relative;" @mouseenter="movemask(3)">
<div
class="threeItem"
style="position: relative"
@mouseenter="movemask(3)"
>
<div class="outside">
<div class="inner">
<animate-number
......@@ -206,9 +225,16 @@
</div>
</div>
<div class="itemName">可选专业</div>
<div class="mask" :class="{removeMask:currentMaskIndex==3}"></div>
<div
class="mask"
:class="{ removeMask: currentMaskIndex == 3 }"
></div>
</div>
<div class="threeItem" style="position: relative;" @mouseenter="movemask(4)">
<div
class="threeItem"
style="position: relative"
@mouseenter="movemask(4)"
>
<div class="outside">
<div class="inner">
<animate-number
......@@ -221,7 +247,10 @@
</div>
</div>
<div class="itemName">服务人数</div>
<div class="mask" :class="{removeMask:currentMaskIndex==4}"></div>
<div
class="mask"
:class="{ removeMask: currentMaskIndex == 4 }"
></div>
</div>
</div>
</div>
......@@ -276,7 +305,7 @@
<script>
import Header from "../components/header/header";
import Footer from "../components/footer/footer";
import { getWebConfig ,getWebNavList} from "../api/indexApi.js";
import { getWebConfig, getWebNavList } from "../api/indexApi.js";
export default {
components: {
Header,
......@@ -285,7 +314,7 @@ export default {
data() {
return {
slide: "首页",
currentMaskIndex:0,
currentMaskIndex: 0,
pageScroll: 0,
activeIdx: 1,
schoolResource: 100, //本科院校资源
......@@ -581,15 +610,12 @@ export default {
type: 1,
},
],
menuList:[],
swiperList:[]
menuList: [],
swiperList: [],
};
},
methods: {
jumppppp(){
this.$router.push("/mediaCenter")
},
// 滚动条高度
handleScroll() {
this.pageScroll =
......@@ -599,26 +625,25 @@ export default {
startAnimate() {
// this.$refs.myNum.start()
},
movemask(i){
this.currentMaskIndex=i
movemask(i) {
this.currentMaskIndex = i;
},
// 查看详情
goDetail(url){
this.$router.push(url)
goDetail(url) {
this.$router.push(url);
},
//获取网站配置
async getWebConfig(){
let res=await getWebConfig()
localStorage.setItem("groupID",res.Data.groupId)
localStorage.setItem("menuList",JSON.stringify(res.Data.menuList))
this.menuList=res.Data.menuList
async getWebConfig() {
let res = await getWebConfig();
localStorage.setItem("groupID", res.Data.groupId);
localStorage.setItem("menuList", JSON.stringify(res.Data.menuList));
this.menuList = res.Data.menuList;
},
//获取网站导航列表
async getWebNavList(){
let res=await getWebNavList(1)
this.swiperList=res.Data
async getWebNavList() {
let res = await getWebNavList(1);
this.swiperList = res.Data;
},
},
mounted() {
this.getWebConfig();
......@@ -633,10 +658,6 @@ export default {
};
</script>
<style lang="scss" scoped>
// @mixin width ($width) {
// width: calc(($width / 1920) * 100%);
// }
.jiahe {
height: 100vh;
position: relative;
......@@ -647,7 +668,8 @@ export default {
}
.con1 {
width: calc(845 / 1920 * 100%);
// width: calc(845 / 1920 * 100%);
width: 44vw;
white-space: nowrap;
// font-size: 100px;
font-size: 5.208vw;
......@@ -660,7 +682,11 @@ export default {
}
}
.con2 {
width: calc(739 / 1920 * 100%);
// width: calc(739 / 1920 * 100%);
width: 38.541vw;
max-height: 6.25vw;
word-wrap: break-word;
overflow: hidden;
// font-size: 20px !important;
font-size: 1.041vw;
color: #111111;
......@@ -823,20 +849,20 @@ export default {
}
}
}
.mask{
.mask {
width: 25vw;
height: 56.25vw;
background-color: #FFFFFF;
background-color: #ffffff;
opacity: 0.5;
position: absolute;
top:0;
top: 0;
left: 0;
z-index: 10;
}
}
.removeMask{
transform:translateX(25vw);
.removeMask {
transform: translateX(25vw);
transition: all 0.5s;
z-index: 0;
}
......
src/pages/joinUs/joinUs.vue 0 → 100644
View file @ 77ad5855
<template>
<div class="jiahe">
<Header :menuList="menuList" :curMenu="menuList[6].Name" :type="2" />
<!-- <Banner :swiperList="swiperData" /> -->
<div class="bannerBox">
<div class="banner_title"><span class="jh">甲鹤</span>-加入我们</div>
</div>
<div class="main">
<div class="imgBox">
<div class="imgItem">
<div class="main_title">社会招聘</div>
<img src="imgItem" alt="" />
</div>
<div class="imgItem">
<div class="main_title">校园招聘</div>
<img src="imgItem" alt="" />
</div>
<div class="imgItem">
<div class="main_title">实习生招聘</div>
<img src="imgItem" alt="" />
</div>
</div>
<div class="conBox">
<div v-for="item in jobList" :key="item.id" class="jobItem">
<div class="job_info1">
<div class="job_title">{{ item.name }}</div>
<div class="job_info1_sub">
<div class="job_price">{{ item.price }}</div>
<div class="job_other">{{ item.jy }} |{{ item.xueli }}</div>
</div>
</div>
<div class="job_info2">
<div class="job_title">{{ item.addr }}</div>
<div class="job_other">{{ item.time }}</div>
</div>
<div class="job_info3">
<div class="apply_job">申请职位</div>
</div>
</div>
</div>
<div class="pageBox">
<q-pagination
v-model="currentPage"
color="light-green-10"
:max="pageCount"
:max-pages="5"
boundary-numbers
@input="changePage"
v-if="pageCount > 0"
>
</q-pagination>
</div>
</div>
<Footer />
</div>
</template>
<script>
import Header from "../../components/header/header";
import Footer from "../../components/footer/footerType2";
export default {
components: {
Header,
Footer,
},
data() {
return {
currentPage: 1,
pageCount: 1,
menuList: [
{},
{},
{},
{},
{},
{},
{
Name: "",
},
],
// swiperData: [],
workProductList: [],
jobList: [
{
name: "后端开发工程师（Java、C#，Python)",
price: "12-24K·14薪",
jy: "经验不限",
xueli: "本科",
addr: "成都·武侯区·新会展中心",
time: "2021年4月09日",
},
{
name: "后端开发工程师（Java、C#，Python)",
price: "12-24K·14薪",
jy: "经验不限",
xueli: "本科",
addr: "成都·武侯区·新会展中心",
time: "2021年4月09日",
},
],
};
},
methods: {
//翻页
changePage(val) {
// this.currentPage=val
// this.msg.pageIndex=val
// this.getCoursePageList()
},
},
mounted() {
this.menuList = JSON.parse(localStorage.getItem("menuList"));
},
};
</script>
<style lang="scss" scoped>
.jiahe {
background-color: #f6f6f6;
}
.bannerBox {
width: 100%;
height: 16.666vw;
background-image: url("../../assets/images/joinUs/joinUsBanner.png");
background-repeat: no-repeat;
background-size: contain;
display: flex;
align-items: center;
.banner_title {
margin-left: 10.208vw;
font-size: 5.208vw;
color: #111111;
.jh {
font-family: "pingfang-b" !important;
}
}
}
.main {
width: 62.5vw;
margin: 5.729vw auto 0;
.imgBox {
width: 100%;
height: 13.229vw;
display: flex;
justify-content: space-between;
margin-bottom: 3.125vw;
.imgItem {
width: 20vw;
height: 100%;
background-color: #eee;
position: relative;
.main_title {
font-size: 1.354vw;
font-family: Microsoft YaHei;
color: #000000;
position: absolute;
top: 1.5vw;
left: 1vw;
}
}
}
.conBox {
& > .jobItem:last-child {
margin-bottom: 0 !important;
}
.jobItem {
width: 100%;
height: 5.208vw;
background-color: #fff;
box-sizing: border-box;
padding: 1vw 1.5vw;
display: flex;
align-items: center;
margin-bottom: 1.041vw;
.job_info1 {
width: 16.25vw;
height: 100%;
margin-right: 8.333vw;
display: flex;
flex-wrap: wrap;
align-content: space-between;
.job_title {
font-size: 0.9375vw;
font-family: Microsoft YaHei;
color: #45766d;
}
.job_info1_sub {
display: flex;
.job_price {
width: 7vw;
font-size: 0.729vw;
font-family: "pingfang-b" !important;
color: #111111;
}
.job_other {
font-size: 0.729vw;
font-family: Microsoft YaHei;
// font-weight: 400;
color: #999999;
}
}
}
.job_info2 {
width: 10vw;
height: 100%;
display: flex;
flex-wrap: wrap;
align-content: space-between;
.job_title {
font-size: 0.9375vw;
font-family: Microsoft YaHei;
color: #45766d;
}
.job_other {
font-size: 0.729vw;
font-family: Microsoft YaHei;
color: #999999;
}
}
.job_info3 {
flex-grow: 5;
display: flex;
justify-content: flex-end;
.apply_job {
width: 100px;
height: 30px;
background-color: #45766d;
font-size: 0.625vw;
font-family: PingFang SC;
font-weight: 500;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
}
}
}
}
}
.pageBox {
width: 100%;
height: 8.333vw;
display: flex;
justify-content: center;
align-items: center;
}
</style>
\ No newline at end of file
src/pages/mediaCenter/mediaCenter.vue
View file @ 77ad5855
......@@ -12,19 +12,19 @@
</div>
<div class="right">
<div class="name">
{{newsList[0].Title}}
{{ newsList[0].Title }}
</div>
<div class="desc">
{{newsList[0].Content}}
{{ newsList[0].Content }}
</div>
<div class="time">{{newsList[0].CreateTime}}</div>
<div class="time">{{ newsList[0].CreateTime }}</div>
<div class="more">查看更多</div>
</div>
</div>
<div class="inputBox">
<q-input
v-model="msg.Title"
placeholder="可搜索新闻类型/名称"
label="可搜索新闻类型/名称"
filled
clearable
type="search"
......@@ -43,9 +43,7 @@
option-label="TypeName"
clearable
class="inputBorder"
placeholder="可查询新闻类型/名称"
:dense="false"
:options-dense="false"
label="可查询新闻类型/名称"
>
</q-select>
</div>
......@@ -74,12 +72,16 @@
<div class="cartoonBox_title">品牌漫画</div>
<div class="cartoonBox_con">
<div class="listCon">
<div v-for="item in cartoonList" :key="item.id" class="listConItem">
<div class="itemTime">{{ item.CreateTime }}</div>
<div class="itemTitle">{{ item.Title }}</div>
<div v-for="item in cartoonList" :key="item.Id" class="listConItem">
<div class="itemTime">{{ item.CreateDate }}</div>
<div class="itemTitle">{{ item.Name }}</div>
</div>
</div>
<div class="cartoonCon">
<img src="" alt="" class="cartoon_img"/>
<img src="" alt="" class="cartoon_img"/>
<img src="" alt="" class="cartoon_img"/>
</div>
<div class="cartoonCon"></div>
</div>
<div class="pageBox2">
<q-pagination
......@@ -89,7 +91,7 @@
:max-pages="6"
:boundary-numbers="true"
@input="changePage_cartoon"
v-if="cartoonList.length>0"
v-if="cartoonList.length > 0"
>
</q-pagination>
</div>
......@@ -97,8 +99,45 @@
</div>
<!-- 品牌周刊 -->
<div class="weeklyBox">
<div>品牌周刊</div>
<q-btn color="red" icon="right" icon-right="send"/>
<div class="weekly_title">品牌周刊</div>
<div class="iconBox">
<div class="iconItem" @click="prePage_weekly" style="marginRight:1.56vw" :class="{activeColor:slide>1&&slide<=max_page}"><i class="fas fa-chevron-left"></i></div>
<div class="iconItem" @click="nextPage_weekly"><i class="fas fa-chevron-right" :class="{activeColor:slide>=1&&slide<max_page}"></i></div>
</div>
<div>
<q-carousel
ref="carousel"
v-model="slide"
swipeable
navigation-position="right"
navigation
arrows
height="auto"
class="bg-grey-1 shadow-2 rounded-borders"
>
<q-carousel-slide
v-for="(item, index) in max_page"
:key="index"
:name="item"
>
<div>
<div class="eduConbox">
<div
v-for="item in monthlyList"
:key="item.Id"
class="itemBox"
@click="seeDetail(item.LinkUrl)"
>
<q-img :src="item.CoverImg" class="itemImg" />
<div class="infoBox">
<div class="courseName">{{ item.Name }}</div>
</div>
</div>
</div>
</div>
</q-carousel-slide>
</q-carousel>
</div>
</div>
<Footer />
</div>
......@@ -106,7 +145,12 @@
<script>
import Header from "../../components/header/header";
import Footer from "../../components/footer/footerType2";
import { getWebNewsTypeList, getNewsList } from "../../api/mediaCenterApi";
import {
getWebNewsTypeList,
getNewsList,
getWebCartoonPage,
getWebMonthlyPage,
} from "../../api/mediaCenterApi";
export default {
components: {
Header,
......@@ -136,10 +180,24 @@ export default {
selectText: "",
options: [],
newsList: [],
cartoonList:[],
currentPage_cartoon:1,
pageCount_cartoon:0,
currentPage_cartoon: 1,
pageCount_cartoon: 0,
// 品牌周刊
swiperList: [],
// 漫画
cartoonmsg: {
pageIndex: 1,
pageSize: 5,
},
cartoonList: [],
// 周刊（月刊）
monthlymsg: {
pageIndex: 1,
pageSize: 3,
},
monthlyList: [],
max_page: 1,
slide: 1,
};
},
watch: {
......@@ -171,8 +229,8 @@ export default {
//翻页-品牌漫画
changePage_cartoon(val) {
this.currentPage_cartoon = val;
// this.msg.pageIndex = val;
// this.getNewsList();
this.cartoonmsg.pageIndex = val;
this.getWebCartoonPage();
},
//获取新闻类型列表
async getWebNewsTypeList() {
......@@ -185,11 +243,66 @@ export default {
this.newsList = res.Data.PageData;
this.pageCount = res.Data.PageCount;
},
// 数据分割为n个一组
resetDataFun(stuCount, col) {
if (stuCount.length > 0) {
var objList = new Object();
var arr = new Array();
var cow =
stuCount.length / col == 0
? stuCount.length / col
: Math.ceil(stuCount.length / col);
for (var i = 1; i <= cow; i++) {
var tempArr = [];
var temp;
if (col * i > stuCount.length) {
temp = stuCount.length;
} else {
temp = col * i;
}
for (var j = col * (i - 1); j < temp; j++) {
tempArr.push(stuCount[j]);
}
var newObj = new Object();
newObj.data = tempArr;
arr.push(newObj);
}
objList.data = arr;
this.resetData = objList;
}
},
//获取品牌动漫分页列表
async getWebCartoonPage() {
let res = await getWebCartoonPage(this.cartoonmsg);
this.cartoonList = res.Data.PageData;
},
//获取品牌月刊(周刊)分页列表
async getWebMonthlyPage() {
let res = await getWebMonthlyPage(this.monthlymsg);
this.max_page = res.Data.PageCount;
this.monthlyList = res.Data.PageData;
},
prePage_weekly() {
if (this.monthlymsg.pageIndex > 1) {
this.monthlymsg.pageIndex--;
Datathis.$refs.carousel.previous();
this.getWebMonthlyPage();
}
},
nextPage_weekly() {
if (this.monthlymsg.pageIndex < this.max_page) {
this.monthlymsg.pageIndex++;
this.$refs.carousel.next();
this.getWebMonthlyPage();
}
},
},
mounted() {
this.menuList = JSON.parse(localStorage.getItem("menuList"));
this.getWebNewsTypeList();
this.getNewsList();
this.getWebCartoonPage();
this.getWebMonthlyPage();
},
};
</script>
......@@ -209,7 +322,7 @@ export default {
margin-left: 10.208vw;
font-size: 5.208vw;
color: #111111;
.jh{
.jh {
font-family: "pingfang-b" !important;
}
}
......@@ -296,16 +409,15 @@ export default {
font-family: "pingfang-b" !important;
.itemTime {
font-size: 0.937vw;
// font-family: Microsoft YaHei;
// font-weight: bold;
color: #666666;
}
.itemTitle {
font-size: 1.041vw;
// font-family: Microsoft YaHei;
// font-weight: bold;
color: #666666;
margin-left: 3.645vw;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
}
}
......@@ -329,8 +441,6 @@ export default {
justify-content: center;
align-items: center;
font-size: 1.562vw;
// font-family: Microsoft YaHei;
// font-weight: bold;
font-family: "pingfang-b" !important;
color: #111111;
}
......@@ -338,41 +448,118 @@ export default {
height: 21.458vw;
display: flex;
justify-content: space-between;
position: relative;
.listCon {
width: 27.083vw;
height: 100%;
.listConItem {
height: 4.166vw;
border-bottom: 1px solid #cccccc;
display: flex;
align-items: center;
font-family: "pingfang-b" !important;
.itemTime {
min-width: 5.2vw;
font-size: 0.729vw;
// font-family: Microsoft YaHei;
// font-weight: bold;
color: #666666;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.itemTitle {
font-size: 0.9375vw;
// font-family: Microsoft YaHei;
// font-weight: bold;
color: #666666;
margin-left: 1.041vw;
margin-left: 1vw;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
}
}
.cartoonCon{
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
display: flex;
.cartoon_img{
width: 10.572vw;
height: 21.458vw;
background-color: #000;
margin-left: 0.781vw;
border-radius: 1vw;
overflow: hidden;
}
}
}
}
}
.pageBox2{
.pageBox2 {
height: 8.541vw;
display: flex;
justify-content: center;
align-items: center;
}
.weeklyBox{
.weeklyBox {
width: 62.5vw;
// height: ;
margin: 5.208vw auto;
text-align: center;
position: relative;
font-size: 1.562vw;
font-family: "pingfang-b" !important;
color: #111111;
.iconBox {
position: absolute;
top: 0;
right: 0;
display: flex;
.iconItem {
width: 2.604vw;
height: 2.604vw;
border: 1px solid #d2d7dd;
font-size: 1.2vw;
// color: #CCCCCC;
color: #333;
background-color: #D2D7DD;
display: flex;
justify-content: center;
align-items: center;
}
}
.weekly_title {
margin-bottom: 2.083vw;
}
}
// 品牌周刊
.activeColor{
color: #45766D !important;
}
.eduConbox {
display: flex;
flex-wrap: wrap;
.itemBox {
width: 20vw;
height: 18.437vw;
background-color: #fff;
margin-right: 1.25vw;
box-shadow: 0px 1px 6px 0px rgba(104, 104, 104, 0.1);
.itemImg {
width: 20vw;
height: 13.229vw;
}
.infoBox {
padding: 1.406vw 0.937vw 0;
.courseName {
font-size: 0.833vw;
text-align: left;
font-family: "pingfang-b" !important;
color: #000000;
}
}
}
& .itemBox:nth-child(3n) {
margin-right: 0;
}
}
</style>
\ No newline at end of file
src/pages/studyServe/studyServe.vue
View file @ 77ad5855
......@@ -43,17 +43,18 @@
</div>
</div>
</div>
<TeacherTeam :viewNum="3" />
<TeacherTeam :viewNum="3" :teacherList="teacherList"/>
<Footer />
</div>
</template>
<script>
import Header from "../../components/header/header";
import Banner from "../../components/bnaner/banner";
import Banner from "../../components/banner/banner";
import TeacherTeam from "../../components/teacherTeam/teacherTeam";
import Footer from "../../components/footer/footerType2";
import { getWebNavList } from "../../api/indexApi.js";
import { getStudyAbroadList } from "../../api/studyServeApi.js";
import { getWebTeacherList } from "../../api/JapaneseTrainApi";
export default {
components: {
Banner,
......@@ -72,6 +73,7 @@ export default {
],
swiperData: [],
studyProductList: [],
teacherList:[]
};
},
methods: {
......@@ -84,11 +86,20 @@ export default {
let res = await getStudyAbroadList(1);
this.studyProductList = res.Data;
},
//获取教师列表
async getTeacherList() {
let res = await getWebTeacherList(2);
this.teacherList = res.Data.map((item) => {
item.showDetail = false;
return item
});
},
},
mounted() {
this.menuList = JSON.parse(localStorage.getItem("menuList"));
this.getWebNavList();
this.getStudyAbroadList();
this.getTeacherList();
},
};
</script>
......
src/pages/workServe/workServe.vue
View file @ 77ad5855
......@@ -52,7 +52,7 @@
</template>
<script>
import Header from "../../components/header/header";
import Banner from "../../components/bnaner/banner";
import Banner from "../../components/banner/banner";
import TeacherTeam from "../../components/teacherTeam/teacherTeam";
import Footer from "../../components/footer/footerType2";
// import { getWebNavList } from "../../api/indexApi.js";
......
src/router/routes.js
View file @ 77ad5855
......@@ -13,6 +13,7 @@ const routes = [
{ path: '/workServe', component: () => import('src/pages/workServe/workServe.vue') },
{ path: '/mediaCenter', component: () => import('src/pages/mediaCenter/mediaCenter.vue') },
{ path: '/aboutUs', component: () => import('src/pages/aboutUs/aboutUs.vue') },
{ path: '/joinUs', component: () => import('src/pages/joinUs/joinUs.vue') },
]
},
// Always leave this as last one,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment