Skip to content

M
ministers
Commit 2ecaee0b authored by 罗超's avatar 罗超
Browse files
Options

1

parent 5da79659
Hide whitespace changes
Inline Side-by-side
Showing with 894 additions and 125 deletions
src/api/JapaneseTrainApi.js
View file @ 2ecaee0b
......@@ -29,6 +29,18 @@ export function getCoursePageList(msg) {
}
});
}
//根据系列编号获取课程列表
export function getCourseList(id) {
return request({
url: '/Web/GetCourseList',
method: "post",
data: {
Group_Id: groupId,
Domain: curDomain,
CateId:id
}
});
}
// 根据编号获取课程详情
export function getCourseDetail(id) {
return request({
......
src/api/indexApi.js
View file @ 2ecaee0b
......@@ -26,14 +26,3 @@ export function getWebNavList(type) {
}
});
}
//获取新闻类型列表
export function getWebNewsTypeList() {
return request({
url: '/Web/GetWebNewsTypeList',
method: "post",
data: {
Group_Id: groupId,
Domain: curDomain
}
});
}
\ No newline at end of file
src/api/mediaCenterApi.js 0 → 100644
View file @ 2ecaee0b
import request from '../utils/request'
let curDomain = location.origin
let groupId = localStorage.getItem("groupID")
//获取新闻类型列表
export function getWebNewsTypeList() {
return request({
url: '/Web/GetWebNewsTypeList',
method: "post",
data: {
Group_Id: groupId,
Domain: curDomain
}
});
}
//获取媒体列表
export function getNewsList(msg) {
return request({
url: '/Web/GetWebNewsPage',
method: "post",
data: {
Group_Id: groupId,
Domain: curDomain,
pageIndex:msg.pageIndex,
pageSize:msg.pageSize,
Title:msg.Title,
TypeId:msg.TypeId
}
});
}
\ No newline at end of file
src/api/studyServeApi.js 0 → 100644
View file @ 2ecaee0b
import request from '../utils/request'
let curDomain = location.origin
let groupId = localStorage.getItem("groupID")
//获取留学、就业服务列表 类型(1-留学，2-就业)
export function getStudyAbroadList(type) {
return request({
url: '/Web/GetStudyAbroadList',
method: "post",
data: {
Group_Id: groupId,
Domain: curDomain,
Type:type
}
});
}
src/components/header/header.vue
View file @ 2ecaee0b
......@@ -68,10 +68,10 @@
<!-- <q-tab name="home" label="甲鹤教育" content-class="items-nav" @click="jumpPage('/index')"/>
<q-tab name="japan" label="日语培训" content-class="items-nav" @click="jumpPage('/JapaneseTrain')"/>
<q-tab name="liuxue" label="留学服务" content-class="items-nav" @click="jumpPage('/studyServe')"/>
<q-tab name="jiuye" label="就业服务" content-class="items-nav" />
<q-tab name="news" label="媒体中心" content-class="items-nav" />
<q-tab name="about" label="关于我们" content-class="items-nav" />
<q-tab name="join" label="加入我们" content-class="items-nav" /> -->
<q-tab name="jiuye" label="就业服务" content-class="items-nav" @click="jumpPage('/workServe')"/>
<q-tab name="news" label="媒体中心" content-class="items-nav" @click="jumpPage('/mediaCenter')"/>
<q-tab name="about" label="关于我们" content-class="items-nav" @click="jumpPage('/aboutUs')"/>
<q-tab name="join" label="加入我们" content-class="items-nav" @click="jumpPage('')"/> -->
</q-tabs>
</div>
</div>
......
src/index.template.html
View file @ 2ecaee0b
......@@ -14,6 +14,7 @@
<link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png">
<link rel="icon" type="image/ico" href="favicon.ico">
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=fuAXy1LBUD0RRdvGHZmfT733lCVCS17D"></script>
</head>
<body>
<!-- DO NOT touch the following DIV -->
......
src/pages/JapaneseTrain/JapaneseTrain.vue
View file @ 2ecaee0b
<template>
<div class="jiahe">
<Header :menuList="menuList" :curMenu="menuList[1].Name" :type="2"/>
<Header :menuList="menuList" :curMenu="menuList[1].Name" :type="2" />
<!-- bannner部分 -->
<Banner :swiperList="swiperData"/>
<Banner :swiperList="swiperData" />
<!-- 教育产品 -->
<div class="edu_con">
<div class="edu_name">教育产品</div>
<div class="edu_subname">副标题</div>
<div class="inputBox">
<q-input
v-model="searchText"
v-model="coursemsg.CourseName"
filled
type="search"
clearable
placeholder="可搜索课程系列/名称"
class="inputBorder"
@change="changeSearchCourse"
@clear="clearSearchCourse"
>
<template v-slot:prepend>
<q-icon name="search" />
......@@ -22,9 +24,9 @@
</q-input>
<q-select
outlined
v-model="selectText"
v-model="selectCourseText"
:options="options"
option-label ="CateName"
option-label="CateName"
clearable
class="inputBorder"
placeholder="可查询课程系列/名称"
......@@ -33,16 +35,22 @@
>
</q-select>
</div>
<div class="eduConbox">
<div v-for="item in courseList" :key="item.CourseId" class="itemBox" @click="seeDetail(item.CourseId)">
<div class="eduConbox" v-if="courseList.length>0">
<div
v-for="item in courseList"
:key="item.CourseId"
class="itemBox"
@click="seeDetail(item.CourseId)"
>
<q-img :src="item.CoverImg" class="itemImg" />
<div class="infoBox">
<div class="courseName">{{ item.CourseName}}</div>
<div class="desc">{{item.CourseFeature}}</div>
<div class="courseName">{{ item.CourseName }}</div>
<div class="desc">{{ item.CourseFeature }}</div>
</div>
</div>
</div>
<div class="seemore" @click="goEduProductList">查看更多</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">
......@@ -50,43 +58,47 @@
<div class="edu_subname">副标题</div>
<div class="inputBox">
<q-input
v-model="classSearch"
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
outlined
v-model="classSelect"
v-model="classSelectSeries"
:options="options"
option-label="CateName"
clearable
placeholder="可查询课程系列/名称"
:dense="false"
:options-dense="false"
>
</q-select>
</div>
<!-- 根据系列选课程 -->
<div class="inputBorder2">
<q-select
outlined
v-model="classSelect2"
:options="options"
v-model="classSelectCourseName"
:options="courseNameOption"
option-label="CateName"
clearable
placeholder="可查询课程系列/名称"
:dense="false"
:options-dense="false"
>
</q-select>
</div>
</div>
<div class="classPlanBox">
<div class="classPlanBox" v-if="classPlanList.length>0">
<div
v-for="item in classPlanList"
:key="item.ClassId"
......@@ -133,10 +145,11 @@
</div>
</div>
</div>
<div class="seemore">查看更多</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" />
<!-- 底部 -->
<Footer />
</div>
......@@ -146,81 +159,131 @@ import Header from "../../components/header/header";
import Footer from "../../components/footer/footerType2";
import Banner from "../../components/bnaner/banner";
import TeacherTeam from "../../components/teacherTeam/teacherTeam";
import {getWebNavList} from "../../api/indexApi.js";
import {getCourseCategoryList,getCoursePageList,getClassPlan} from "../../api/JapaneseTrainApi"
import { getWebNavList } from "../../api/indexApi.js";
import {
getCourseCategoryList,
getCoursePageList,
getClassPlan,
getCourseList,
} from "../../api/JapaneseTrainApi";
export default {
components: {
Header,
Footer,
Banner,
TeacherTeam,
},
data() {
return {
menuList:[ {},
menuList: [
{},
{
Name: "",
},],
swiperData:[],
searchText:"",
selectText:"",
classSearch:"",
classSelect:"",
classSelect2:"",
},
],
swiperData: [],
selectCourseText: "",//课程系列选择框
classSelectSeries: "",
classSelectCourseName: "",
options: [],
coursemsg:{
pageIndex:1,
pageSize:6,
courseNameOption:[],
coursemsg: {
pageIndex: 1,
pageSize: 6,
CourseName: "",
QCateIds: "",
},
classmsg:{
pageIndex:1,
pageSize:2,
classmsg: {
pageIndex: 1,
pageSize: 2,
ClassName: "",
CateId: "",
},
courseList: [],
classPlanList: [],
};
},
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){
if (val == null) {
this.classmsg.CateId = "";
} else {
this.classmsg.CateId = val.CateId;
}
this.getClassPlan();
}
},
methods: {
//去教育产品列表
// 课程搜索框
changeSearchCourse(){
this.getCoursePageList()
},
// 清空课程搜索框
clearSearchCourse(){
this.coursemsg.CourseName=""
this.getCoursePageList()
},
// 开班计划搜索框
changeSearchClass(){
this.getClassPlan()
},
// 清空开班计划搜索框
clearSearchClass(){
this.classmsg.ClassName=""
this.getClassPlan()
},
//去教育产品列表//课程查看更多
goEduProductList() {
this.$router.push("/eduProductList");
},
//查看详情
seeDetail(id){
this.$router.push({ path: '/eduProductDetail', query: { CourseId: id }})
//查看课程详情
seeDetail(id) {
this.$router.push({ path: "/eduProductDetail", query: { CourseId: id } });
},
//获取网站导航列表
async getWebNavList(){
let res=await getWebNavList(2)
this.swiperData=res.Data
//获取网站导航列表（swiper）
async getWebNavList() {
let res = await getWebNavList(2);
this.swiperData = res.Data;
},
//获取课程系列列表
async getCourseCategoryList(){
let res= await getCourseCategoryList()
this.options=res.Data
async getCourseCategoryList() {
let res = await getCourseCategoryList();
this.options = res.Data;
},
//获取课程列表
async getCoursePageList(){
let res= await getCoursePageList(this.coursemsg)
this.courseList=res.Data.PageData
//获取课程列表
async getCoursePageList() {
let res = await getCoursePageList(this.coursemsg);
this.courseList = res.Data.PageData;
},
// 获取开班计划列表
async getClassPlan(){
let res= await getClassPlan(this.classmsg)
this.classPlanList=res.Data.PageData
async getClassPlan() {
let res = await getClassPlan(this.classmsg);
this.classPlanList = res.Data.PageData;
},
//根据系列编号获取课程列表
async getCourseList(){
let res= await getCourseList(this.classmsg.CateId)
// this.courseNameOption=res.Data
}
},
mounted() {
this.menuList=JSON.parse(localStorage.getItem("menuList"))
this.getWebNavList()
this.getCourseCategoryList()
this.getCoursePageList()
this.getClassPlan()
this.menuList = JSON.parse(localStorage.getItem("menuList"));
this.getWebNavList();
this.getCourseCategoryList();
this.getCoursePageList();
this.getClassPlan();
},
};
</script>
<style lang="scss" scoped>
......@@ -257,12 +320,12 @@ export default {
align-items: center;
.inputBorder {
width: 30.468vw;
height: 2.916vw;
// height: 2.916vw;
background-color: #e9e9e9;
}
.inputBorder2 {
width: 19.791vw;
height: 2.916vw;
// height: 2.916vw;
background-color: #e9e9e9;
}
}
......@@ -398,5 +461,4 @@ export default {
}
}
}
</style>
\ No newline at end of file
src/pages/JapaneseTrain/eduProductList.vue
View file @ 2ecaee0b
......@@ -108,17 +108,18 @@ export default {
methods: {
//翻页
changePage(val){
this.currentPage=val
this.msg.pageIndex=val
this.getCoursePageList(this.msg)
this.getCoursePageList()
},
// 搜索框
changeSearchText(){
this.getCoursePageList(this.msg)
this.getCoursePageList()
},
// 清空搜索框
clearSearch(){
this.msg.CourseName=""
this.getCoursePageList(this.msg)
this.getCoursePageList()
},
//查看详情
seeDetail(id){
......
src/pages/aboutUs/aboutUs.vue
View file @ 2ecaee0b
<template>
<div class="jiahe">
<Header />
<Banner />
<Header :menuList="menuList" :curMenu="menuList[5].Name" :type="2" />
<!-- bannner部分 -->
<Banner :swiperList="swiperData" />
<div class="main">
<!-- 董事长 -->
<div class="imgBox"></div>
<div class="descBox">
<div class="dsz_name">董事长</div>
......@@ -19,6 +19,18 @@
</div>
</div>
</div>
<div class="mapBox">
<div id="mapcontainer" class="mapBox"></div>
<div class="contactUs">
<div class="contactUs_title">联系我们</div>
<div class="contactUs_name">微信客服</div>
<div class="contactUs_con">jiaheriyu</div>
<div class="contactUs_name">咨询热线</div>
<div class="contactUs_con">028-89896688</div>
<div class="contactUs_name">校区地址</div>
<div class="contactUs_con">四川省成都市锦江区阳光新业中心2号楼2301</div>
</div>
</div>
<Footer />
</div>
</template>
......@@ -26,6 +38,7 @@
import Header from "../../components/header/header";
import Banner from "../../components/bnaner/banner";
import Footer from "../../components/footer/footerType2";
import { getWebNavList } from "../../api/indexApi.js";
export default {
components: {
Banner,
......@@ -33,11 +46,43 @@ export default {
Footer,
},
data() {
return {};
return {
menuList: [
{},
{},
{},
{},
{},
{
Name: "",
},
],
swiperData: [],
};
},
methods: {
//获取网站导航列表（swiper）
async getWebNavList() {
let res = await getWebNavList(6);
this.swiperData = res.Data;
},
initMap() {
let map = new BMap.Map("mapcontainer"); // 创建Map实例
let point = new BMap.Point(104.09661516163165, 30.648972574880266); // 创建点坐标
map.centerAndZoom(point, 18);
map.enableScrollWheelZoom(true);
let marker = new BMap.Marker(point);
map.addOverlay(marker);
},
},
mounted() {
this.menuList = JSON.parse(localStorage.getItem("menuList"));
this.getWebNavList();
this.initMap();
},
};
</script>
<style lang="scss" scoped>
<style lang="scss" >
.jiahe {
background-color: #f6f6f6;
}
......@@ -50,11 +95,14 @@ export default {
.imgBox {
width: 33.854vw;
height: 41.817vw;
background-color: #eeeeee;
background-color: #000;
}
.descBox {
padding-top: 7.187vw;
padding-left: 3.125vw;
box-sizing: border-box;
overflow: hidden;
flex-grow: 5;
.dsz_name {
font-size: 1.5625vw;
font-family: "pingfang-b" !important;
......@@ -73,7 +121,56 @@ export default {
font-family: PingFang SC;
font-weight: bold;
color: #111111;
line-height: 34px;
line-height: 1.77vw;
margin-bottom: 1.5625vw;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.dsz_con2 {
width: 25.208vw;
overflow-y: auto;
}
}
.mapBox {
width: 62.5vw;
height: 28.645vw;
margin: 0 auto 5.208vw;
position: relative;
.contactUs {
width: 15.625vw;
height: 18.75vw;
background-color: #ffffff;
box-shadow: 0px 6px 8px 0px rgba(24, 12, 17, 0.1);
position: absolute;
top: 6vw;
right: 5.208vw;
z-index: 9;
padding: 1.5625vw;
.contactUs_title {
font-size: 1.041vw;
font-family: Microsoft YaHei;
font-weight: bold;
// font-family: "pingfang-b" !important;
color: #111111;
margin-bottom: 1.5625vw;
}
.contactUs_name {
font-size: 0.625vw;
font-family: Microsoft YaHei;
color: #111111;
margin-bottom: 0.2vw;
}
.contactUs_con{
font-size: 0.625vw;
font-family: Microsoft YaHei;
color: #666666;
margin-bottom: 1vw;
}
}
}
.anchorBL {
//去掉左下角版权
display: none;
}
</style>
\ No newline at end of file
src/pages/index.vue
View file @ 2ecaee0b
......@@ -42,7 +42,7 @@
</div>
</div>
<!-- 第二部分 日语培训-->
<div class="secondbox">
<div class="secondbox" @click="jumppppp">
<div class="absolute-top-left subSecondbox">
<q-img
src="../assets/images/index/class_icon.png"
......@@ -276,7 +276,7 @@
<script>
import Header from "../components/header/header";
import Footer from "../components/footer/footer";
import { getWebConfig ,getWebNavList,getWebNewsTypeList} from "../api/indexApi.js";
import { getWebConfig ,getWebNavList} from "../api/indexApi.js";
export default {
components: {
Header,
......@@ -587,6 +587,9 @@ export default {
},
methods: {
jumppppp(){
this.$router.push("/mediaCenter")
},
// 滚动条高度
handleScroll() {
this.pageScroll =
......@@ -615,15 +618,11 @@ export default {
let res=await getWebNavList(1)
this.swiperList=res.Data
},
//获取新闻类型列表
async getWebNewsTypeList(){
let res=await getWebNewsTypeList()
}
},
mounted() {
this.getWebConfig();
this.getWebNavList();
this.getWebNewsTypeList();
window.addEventListener("scroll", this.handleScroll);
},
//销毁,否则跳到别的路由还是会出现
......
src/pages/mediaCenter/mediaCenter.vue 0 → 100644
View file @ 2ecaee0b
<template>
<div class="jiahe">
<Header :menuList="menuList" :curMenu="menuList[4].Name" :type="2" />
<div class="bannerBox">
<div class="banner_title"><span class="jh">甲鹤</span>-媒体中心</div>
</div>
<div class="main">
<div class="title">集团动态</div>
<div class="topNews" v-if="newsList[0]">
<div class="left">
<q-img :src="newsList[0].Img" class="left" />
</div>
<div class="right">
<div class="name">
{{newsList[0].Title}}
</div>
<div class="desc">
{{newsList[0].Content}}
</div>
<div class="time">{{newsList[0].CreateTime}}</div>
<div class="more">查看更多</div>
</div>
</div>
<div class="inputBox">
<q-input
v-model="msg.Title"
placeholder="可搜索新闻类型/名称"
filled
clearable
type="search"
class="inputBorder"
@change="changeSearchText"
@clear="clearSearch"
>
<template v-slot:prepend>
<q-icon name="search" />
</template>
</q-input>
<q-select
outlined
v-model="selectText"
:options="options"
option-label="TypeName"
clearable
class="inputBorder"
placeholder="可查询新闻类型/名称"
:dense="false"
:options-dense="false"
>
</q-select>
</div>
<div class="newsLsitBox" v-if="newsList.length > 0">
<div v-for="item in newsList" :key="item.Id" class="newsLsitItem">
<div class="itemTime">{{ item.CreateTime }}</div>
<div class="itemTitle">{{ item.Title }}</div>
</div>
</div>
<div v-if="newsList.length == 0" style="textalign: center">暂无数据</div>
<div class="pageBox" v-if="pageCount > 1">
<q-pagination
v-model="currentPage"
color="light-green-10"
:max="pageCount"
:max-pages="6"
:boundary-numbers="true"
@input="changePage"
>
</q-pagination>
</div>
</div>
<!-- 品牌漫画 -->
<div class="cartoonbgBox">
<div class="cartoonBox">
<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>
</div>
<div class="cartoonCon"></div>
</div>
<div class="pageBox2">
<q-pagination
v-model="currentPage_cartoon"
color="light-green-10"
:max="pageCount_cartoon"
:max-pages="6"
:boundary-numbers="true"
@input="changePage_cartoon"
v-if="cartoonList.length>0"
>
</q-pagination>
</div>
</div>
</div>
<!-- 品牌周刊 -->
<div class="weeklyBox">
<div>品牌周刊</div>
<q-btn color="red" icon="right" icon-right="send"/>
</div>
<Footer />
</div>
</template>
<script>
import Header from "../../components/header/header";
import Footer from "../../components/footer/footerType2";
import { getWebNewsTypeList, getNewsList } from "../../api/mediaCenterApi";
export default {
components: {
Header,
Footer,
},
data() {
return {
menuList: [
{},
{},
{},
{},
{
Name: "",
},
],
currentPage: 1,
pageCount: 0,
msg: {
pageIndex: 1,
pageSize: 5,
Title: "",
TypeId: "",
},
swiperData: [],
searchText: "",
selectText: "",
options: [],
newsList: [],
cartoonList:[],
currentPage_cartoon:1,
pageCount_cartoon:0,
};
},
watch: {
selectText(val) {
if (val == null) {
this.msg.TypeId = "";
} else {
this.msg.TypeId = val.Id;
}
this.getNewsList();
},
},
methods: {
// 搜索框
changeSearchText() {
this.getNewsList();
},
// 清空搜索框
clearSearch() {
this.msg.Title = "";
this.getNewsList();
},
//翻页
changePage(val) {
this.currentPage = val;
this.msg.pageIndex = val;
this.getNewsList();
},
//翻页-品牌漫画
changePage_cartoon(val) {
this.currentPage_cartoon = val;
// this.msg.pageIndex = val;
// this.getNewsList();
},
//获取新闻类型列表
async getWebNewsTypeList() {
let res = await getWebNewsTypeList();
this.options = res.Data;
},
//获取媒体列表
async getNewsList() {
let res = await getNewsList(this.msg);
this.newsList = res.Data.PageData;
this.pageCount = res.Data.PageCount;
},
},
mounted() {
this.menuList = JSON.parse(localStorage.getItem("menuList"));
this.getWebNewsTypeList();
this.getNewsList();
},
};
</script>
<style lang="scss" scoped>
.jiahe {
background-color: #f6f6f6;
}
.bannerBox {
width: 100%;
height: 16.666vw;
background-image: url("../../assets/images/mediaCenter/mediaCenterBanner.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.208vw auto;
.title {
font-size: 1.5625vw;
// font-family: Microsoft YaHei;
// font-weight: bold;
font-family: "pingfang-b" !important;
color: #111111;
text-align: center;
margin-bottom: 2.6vw;
}
.topNews {
height: 18.385vw;
display: flex;
justify-content: space-between;
.left {
width: 27.604vw;
height: 100%;
background-color: #000;
}
.right {
width: 32.5vw;
height: 100%;
.name {
font-size: 1.145vw;
// font-family: Microsoft YaHei;
// font-weight: bold;
font-family: "pingfang-b" !important;
color: #111111;
margin-top: 2.6vw;
margin-bottom: 2vw;
}
.desc {
font-size: 0.625vw;
// font-family: Microsoft YaHei;
// font-weight: 400;
color: #444444;
}
.time {
font-size: 0.729vw;
// font-family: Microsoft YaHei;
// font-weight: bold;
font-family: "pingfang-b" !important;
color: #444444;
margin-top: 1vw;
margin-bottom: 3.125vw;
}
.more {
width: 6.25vw;
height: 2.3vw;
background: #45766d;
display: flex;
justify-content: center;
align-items: center;
font-size: 0.833vw;
font-family: PingFang SC;
font-weight: 500;
color: #ffffff;
}
}
}
}
.inputBox {
display: flex;
justify-content: space-between;
margin-top: 3.125vw;
.inputBorder {
width: 30.486vw;
background-color: #e9e9e9;
border-radius: 4px;
}
}
.newsLsitBox {
.newsLsitItem {
height: 4.427vw;
display: flex;
align-items: center;
border-bottom: 1px solid #e6e6e6;
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;
}
}
}
.pageBox {
display: flex;
justify-content: center;
align-items: center;
margin-top: 30125vw;
}
.cartoonbgBox {
height: 39.0625vw;
background-image: url("../../assets/images/mediaCenter/cartoon_bg.png");
background-repeat: no-repeat;
.cartoonBox {
width: 62.5vw;
height: 100%;
margin: 0 auto;
.cartoonBox_title {
height: 9.062vw;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.562vw;
// font-family: Microsoft YaHei;
// font-weight: bold;
font-family: "pingfang-b" !important;
color: #111111;
}
.cartoonBox_con {
height: 21.458vw;
display: flex;
justify-content: space-between;
.listCon {
width: 27.083vw;
height: 100%;
.listConItem {
display: flex;
align-items: center;
font-family: "pingfang-b" !important;
.itemTime {
font-size: 0.729vw;
// font-family: Microsoft YaHei;
// font-weight: bold;
color: #666666;
}
.itemTitle {
font-size: 0.9375vw;
// font-family: Microsoft YaHei;
// font-weight: bold;
color: #666666;
margin-left: 1.041vw;
}
}
}
}
}
}
.pageBox2{
height: 8.541vw;
display: flex;
justify-content: center;
align-items: center;
}
.weeklyBox{
width: 62.5vw;
// height: ;
margin: 5.208vw auto;
}
</style>
\ No newline at end of file
src/pages/studyServe/studyServe.vue
View file @ 2ecaee0b
......@@ -6,25 +6,39 @@
<div class="studyProduct">
<div class="title">留学产品</div>
<div class="subTitle">副标题</div>
<div v-for="item in studyProductList" :key="item.id">
<div class="studyProductBox" v-if="item.type == 1">
<div v-for="(item, index) in studyProductList" :key="index">
<div class="studyProductBox" v-if="index % 2 == 0">
<div class="left">
<div class="name">{{ item.name }}</div>
<div class="name">{{ item.Name }}</div>
<div class="line"></div>
<div class="desc">{{ item.desc }}</div>
<div class="desc">{{ item.Remark }}</div>
</div>
<div class="right">
<img :src="item.url" alt="" />
<q-img :src="item.ImgCover" class="right" alt="">
<template v-slot:loading>
<div class="text-yellow">
<q-spinner-ios />
<div class="q-mt-md">Loading...</div>
</div>
</template>
</q-img>
</div>
</div>
<div class="studyProductBox" v-if="item.type == 2">
<div class="studyProductBox" v-if="index % 2 != 0">
<div class="right">
<img :src="item.url" alt="" />
<q-img :src="item.ImgCover" class="right" alt="">
<template v-slot:loading>
<div class="text-yellow">
<q-spinner-ios />
<div class="q-mt-md">Loading...</div>
</div>
</template>
</q-img>
</div>
<div class="left">
<div class="name">{{ item.name }}</div>
<div class="name">{{ item.Name }}</div>
<div class="line"></div>
<div class="desc">{{ item.desc }}</div>
<div class="desc">{{ item.Remark }}</div>
</div>
</div>
</div>
......@@ -39,6 +53,7 @@ import Banner from "../../components/bnaner/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";
export default {
components: {
Banner,
......@@ -56,25 +71,7 @@ export default {
},
],
swiperData: [],
studyProductList: [
{
// url:require(''),
id: 1,
url: "",
name: "学部直考",
desc:
"日本，作为中国一衣带水的邻邦，同时因为其一流的教育水平、与中国相近的文化风俗、保持完好的传统礼仪以及良好的社会治安，一直以来深受中国留学生的喜爱",
type: 1,
},
{
id: 2,
url: "",
name: "学部直通车",
desc:
"学生12年教育经历，日语到N2水平，经我校推荐，即能直通日本本科：日本，作为中国一衣带水的邻邦，同时因为其一流的教育水平、与中国相近的文化风俗、保持完好的传统礼仪以及良好的社会治安，一直以来深受中国留学生的喜爱。",
type: 2,
},
],
studyProductList: [],
};
},
methods: {
......@@ -83,10 +80,15 @@ export default {
let res = await getWebNavList(3);
this.swiperData = res.Data;
},
async getStudyAbroadList() {
let res = await getStudyAbroadList(1);
this.studyProductList = res.Data;
},
},
mounted() {
this.menuList = JSON.parse(localStorage.getItem("menuList"));
this.getWebNavList();
this.getStudyAbroadList();
},
};
</script>
......
src/pages/workServe/workServe.vue 0 → 100644
View file @ 2ecaee0b
<template>
<div class="jiahe">
<Header :menuList="menuList" :curMenu="menuList[3].Name" :type="2" />
<!-- <Banner :swiperList="swiperData" /> -->
<div class="bannerBox">
<div class="banner_title"><span class="jh">甲鹤</span>-就业服务</div>
</div>
<!-- 留学产品 -->
<div class="studyProduct">
<div class="title">就业服务</div>
<div class="subTitle">副标题</div>
<div v-for="(item, index) in workProductList" :key="index">
<div class="studyProductBox" v-if="index % 2 == 0">
<div class="left">
<div class="name">{{ item.Name }}</div>
<div class="line"></div>
<div class="desc">{{ item.Remark }}</div>
</div>
<div class="right">
<q-img :src="item.ImgCover" class="right" alt="">
<template v-slot:loading>
<div class="text-yellow">
<q-spinner-ios />
<div class="q-mt-md">Loading...</div>
</div>
</template>
</q-img>
</div>
</div>
<div class="studyProductBox" v-if="index % 2 != 0">
<div class="right">
<q-img :src="item.ImgCover" class="right" alt="">
<template v-slot:loading>
<div class="text-yellow">
<q-spinner-ios />
<div class="q-mt-md">Loading...</div>
</div>
</template>
</q-img>
</div>
<div class="left">
<div class="name">{{ item.Name }}</div>
<div class="line"></div>
<div class="desc">{{ item.Remark }}</div>
</div>
</div>
</div>
</div>
<!-- <TeacherTeam :viewNum="3" /> -->
<Footer />
</div>
</template>
<script>
import Header from "../../components/header/header";
import Banner from "../../components/bnaner/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";
export default {
components: {
Banner,
Header,
TeacherTeam,
Footer,
},
data() {
return {
menuList: [
{},
{},
{},
{
Name: "",
},
],
// swiperData: [],
workProductList: [],
};
},
methods: {
//获取网站导航列表
// async getWebNavList() {
// let res = await getWebNavList(3);
// this.swiperData = res.Data;
// },
async getStudyAbroadList() {
let res = await getStudyAbroadList(2);
this.workProductList = res.Data;
},
},
mounted() {
this.menuList = JSON.parse(localStorage.getItem("menuList"));
// this.getWebNavList();
this.getStudyAbroadList();
},
};
</script>
<style lang="scss" scoped>
.jiahe {
background-color: #f6f6f6;
}
.studyProduct {
width: 62.5vw;
margin: 0 auto;
.title {
font-size: 1.5625vw;
// font-family: Microsoft YaHei;
// font-weight: bold;
font-family: "pingfang-b" !important;
color: #111111;
line-height: 1.5625vw;
text-align: center;
margin-top: 5.208vw;
margin-bottom: 1.041vw;
}
.subTitle {
text-align: center;
font-size: 0.833vw;
font-family: Microsoft YaHei;
font-weight: 400;
color: #888888;
line-height: 1.5625vw;
margin-bottom: 2.833vw;
}
.studyProductBox {
display: flex;
justify-content: space-between;
height: 27.395vw;
margin-bottom: 5.208vw;
.left {
width: 18.125vw;
height: 100%;
.name {
font-size: 1.25vw;
font-family: "pingfang-b" !important;
color: #111111;
line-height: 1.5625vw;
}
.line {
width: 5.208vw;
height: 1px;
background-color: #45766d;
margin: 1.5625vw 0;
}
.desc {
width: 100%;
max-height: 20.104vw;
overflow-y: auto;
font-size: 0.625vw;
color: #111111;
line-height: 1.875vw;
}
}
.right {
width: 41.145vw;
height: 100%;
background-color: #333;
}
}
}
.bannerBox {
width: 100%;
height: 16.666vw;
background-image: url("../../assets/images/workServe/workServeBanner.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;
}
}
}
</style>
\ No newline at end of file
src/router/routes.js
View file @ 2ecaee0b
......@@ -10,6 +10,8 @@ const routes = [
{ path: '/eduProductList', component: () => import('src/pages/JapaneseTrain/eduProductList.vue') },
{ path: '/eduProductDetail', component: () => import('src/pages/JapaneseTrain/eduProductDetail.vue') },
{ path: '/studyServe', component: () => import('src/pages/studyServe/studyServe.vue') },
{ 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') },
]
},
......
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