|
@@ -5,18 +5,55 @@
|
|
|
<van-swipe-item v-for="(item, index) in BannerList1" :key="index"
|
|
|
><div class="swipe_box">
|
|
|
<img
|
|
|
- :src="$methods.splitImgHost(item.ImageUrl)"
|
|
|
+ :src="$methods.splitImgHost(item.imageUrl)"
|
|
|
alt=""
|
|
|
- @click="jumpUrl(item.JumpUrl)"
|
|
|
+ @click="jumpUrl(item.jumpUrl)"
|
|
|
/>
|
|
|
<p class="title">
|
|
|
- <span class="tit">{{ item.Title }}</span
|
|
|
- ><span class="time">{{ $methods.onlyFormaHao(item.CreateTime, false) }}</span>
|
|
|
+ <span class="tit">{{ item.title }}</span
|
|
|
+ ><span class="time">{{ $methods.onlyForma(item.createTime, false) }}</span>
|
|
|
</p>
|
|
|
</div></van-swipe-item
|
|
|
>
|
|
|
</van-swipe>
|
|
|
- <tab />
|
|
|
+ <van-swipe class="my-swipe2" indicator-color="white" :autoplay="10000">
|
|
|
+ <van-swipe-item v-for="(item, index) in smallBoxSwipe" :key="index"
|
|
|
+ ><div class="swipe_boxs">
|
|
|
+ <div class="grid_style">
|
|
|
+ <div
|
|
|
+ class="li"
|
|
|
+ v-for="(item2, index2) in item.childList"
|
|
|
+ :key="index2"
|
|
|
+ @click="jumpUrl(item2.jumpUrl)"
|
|
|
+ >
|
|
|
+ <img :src="item2.remark" alt="" />
|
|
|
+ <span class="title">{{ item2.aliasName+item2.educationName }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div
|
|
|
+ ></van-swipe-item>
|
|
|
+ </van-swipe>
|
|
|
+ <div style="background:#fff;padding-bottom:55px;">
|
|
|
+ <div class="course2">
|
|
|
+ <div class="text_title2">
|
|
|
+ <div class="mline"></div><span class="mname">热门课程</span>
|
|
|
+ <div class="mline"></div>
|
|
|
+ </div>
|
|
|
+ <div class="note_b">
|
|
|
+ <template>
|
|
|
+ <a class="notelist" v-for="(item, index) in hotList" :key="index" @click="jumpUrl(item.jumpUrl)">
|
|
|
+ <img class="classimg" :src="$methods.splitImgHost(item.overUrl)">
|
|
|
+ <div class="classmoney">
|
|
|
+ ¥{{item.standPrice}}
|
|
|
+ </div>
|
|
|
+ <div class="classname">{{item.goodsName}}</div>
|
|
|
+ </a>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- <tab /> -->
|
|
|
<div class="li_box" v-if="false">
|
|
|
<h4>最新消息</h4>
|
|
|
<van-empty description="暂无最新消息" v-if="tableData.length == 0" />
|
|
@@ -27,10 +64,10 @@
|
|
|
:key="index"
|
|
|
@click="jumpInfo(item)"
|
|
|
>
|
|
|
- <h5 class="title">{{ item.Title }}</h5>
|
|
|
+ <h5 class="title">{{ item.title }}</h5>
|
|
|
<div class="footer">
|
|
|
<span class="time">
|
|
|
- {{ $methods.onlyFormaHao(item.CreateTime, false) }}</span
|
|
|
+ {{ $methods.onlyFormaHao(item.createTime, false) }}</span
|
|
|
>
|
|
|
<span class="jump">查看详情</span>
|
|
|
</div>
|
|
@@ -41,9 +78,9 @@
|
|
|
<van-swipe-item v-for="(item, index) in BannerList2" :key="index"
|
|
|
><div class="swipe_boxs">
|
|
|
<img
|
|
|
- :src="$methods.splitImgHost(item.ImageUrl)"
|
|
|
+ :src="$methods.splitImgHost(item.imageUrl)"
|
|
|
alt=""
|
|
|
- @click="jumpUrl(item.JumpUrl)"
|
|
|
+ @click="jumpUrl(item.jumpUrl)"
|
|
|
/></div
|
|
|
></van-swipe-item>
|
|
|
</van-swipe>
|
|
@@ -65,33 +102,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="li_box" v-if="false">
|
|
|
- <h4>会员天地</h4>
|
|
|
- <van-empty description="暂无数据" v-if="list4.length == 0" />
|
|
|
- <div class="vip_style" v-else>
|
|
|
- <div class="li" v-for="(item, index) in list4" :key="index">
|
|
|
- <img
|
|
|
- :src="$methods.splitImgHost(item.NewsImg)"
|
|
|
- @click="jumpInfo(item)"
|
|
|
- />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="li_box" v-if="false">
|
|
|
- <h4>优秀案例</h4>
|
|
|
- <van-empty description="暂无数据" v-if="list5.length == 0" />
|
|
|
- <div class="newMsg" v-else>
|
|
|
- <div
|
|
|
- class="yxal_li"
|
|
|
- v-for="(item, index) in list5"
|
|
|
- :key="index"
|
|
|
- @click="jumpInfo(item)"
|
|
|
- >
|
|
|
- <img :src="$methods.splitImgHost(item.NewsImg)" alt="" />
|
|
|
- <p>{{ item.Title }}</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+
|
|
|
<div class="li_box" v-if="false">
|
|
|
<h4>友情链接</h4>
|
|
|
<p
|
|
@@ -100,7 +111,7 @@
|
|
|
:key="index"
|
|
|
@click="jumpWL(item)"
|
|
|
>
|
|
|
- {{ item.Title }}
|
|
|
+ {{ item.title }}
|
|
|
</p>
|
|
|
</div>
|
|
|
<membership :dialogVisible.sync="dialogVisibleMembership" />
|
|
@@ -108,18 +119,20 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import { mapGetters } from "vuex";
|
|
|
import membership from "@/components/membership/index.vue";
|
|
|
-import tab from "./tab.vue";
|
|
|
+// import tab from "./tab.vue";
|
|
|
+// import tab from "./tab.vue";
|
|
|
export default {
|
|
|
name: "home",
|
|
|
- components: { tab, membership },
|
|
|
+ components: { membership },
|
|
|
data() {
|
|
|
return {
|
|
|
dialogVisibleMembership: false,
|
|
|
smallBoxList: [
|
|
|
{
|
|
|
img: require("@/assets/images/icon_入会申请@2x.png"),
|
|
|
- label: "入会申请",
|
|
|
+ label: "入会申请大撒大撒的撒大",
|
|
|
},
|
|
|
{
|
|
|
img: require("@/assets/images/icon_专家智库@2x.png"),
|
|
@@ -141,7 +154,17 @@ export default {
|
|
|
img: require("@/assets/images/icon_行业统计@2x.png"),
|
|
|
label: "行业统计",
|
|
|
},
|
|
|
+ {
|
|
|
+ img: require("@/assets/images/icon_hytd@2x.png"),
|
|
|
+ label: "信用管理",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ img: require("@/assets/images/icon_zjzk@2x.png"),
|
|
|
+ label: "行业统计",
|
|
|
+ },
|
|
|
],
|
|
|
+ smallBoxListShow:[],
|
|
|
+ smallBoxSwipe:[],
|
|
|
//--------------------------------
|
|
|
total4: 0,
|
|
|
total5: 0,
|
|
@@ -159,8 +182,10 @@ export default {
|
|
|
BannerList1: [], //Banner1列表
|
|
|
BannerList2: [], //Banner2列表
|
|
|
tableData: [], //最新3条文章
|
|
|
+hotList:[]
|
|
|
};
|
|
|
},
|
|
|
+ computed: { ...mapGetters(["EduBusinessL2"]) },
|
|
|
created() {
|
|
|
this.getInit();
|
|
|
},
|
|
@@ -168,8 +193,29 @@ export default {
|
|
|
getInit() {
|
|
|
// this.getNewPositionList(); // 首页通告等
|
|
|
this.getBannerList(); // 获取首页广告轮播Banner列表
|
|
|
+ this.getEduList();
|
|
|
+ this.gethotList();
|
|
|
// this.getWebFriendlinks(); // 获取友情链接列表
|
|
|
// this.newList(); //获取最新3条文章
|
|
|
+ },
|
|
|
+ getEduList() {
|
|
|
+ this.$api.XfWebApiGetEduBusness2().then((res) => {
|
|
|
+ var index=-1;
|
|
|
+ for(var i=0;i<res.data.length;i++){
|
|
|
+ res.data[i].remark=this.smallBoxList[i%8].img;
|
|
|
+ if(i%8==0){
|
|
|
+ index++;
|
|
|
+ this.smallBoxSwipe.push({id:index,childList:[]});
|
|
|
+ }
|
|
|
+ this.smallBoxSwipe[index].childList.push(res.data[i]);
|
|
|
+ }
|
|
|
+ // this.EduBusinessL2 = res.data || [];
|
|
|
+ });
|
|
|
+ },
|
|
|
+ gethotList() {
|
|
|
+ this.$api.XfWebApiGetHotCourseListAll().then((res) => {
|
|
|
+ this.hotList = res.data || [];
|
|
|
+ });
|
|
|
},
|
|
|
// 首页通告等
|
|
|
getNewPositionList() {
|
|
@@ -211,14 +257,14 @@ export default {
|
|
|
// 获取首页广告轮播Banner列表
|
|
|
getBannerList() {
|
|
|
//type:1首页2新闻3飘窗广告
|
|
|
- this.$api.XfWebApiGetBannerList({ type: 2 }).then((res) => {
|
|
|
- this.BannerList1 = res.Data || [];
|
|
|
+ this.$api.XfWebApiGetBannerList({ type: 1 }).then((res) => {
|
|
|
+ this.BannerList1 = res.data || [];
|
|
|
});
|
|
|
},
|
|
|
// 获取友情链接列表
|
|
|
getWebFriendlinks() {
|
|
|
this.$api.XfWebApiGetWebFriendlinks().then((res) => {
|
|
|
- this.lists = res.Data;
|
|
|
+ this.lists = res.data;
|
|
|
});
|
|
|
},
|
|
|
//友情链接跳转
|
|
@@ -231,18 +277,18 @@ export default {
|
|
|
this.$router.push({
|
|
|
path: "info",
|
|
|
query: {
|
|
|
- MenuId: e.MenuId,
|
|
|
- NewsId: e.NewsId,
|
|
|
+ MenuId: e.menuId,
|
|
|
+ articleId: e.articleId,
|
|
|
},
|
|
|
});
|
|
|
},
|
|
|
jumpPage(e) {
|
|
|
this.$api
|
|
|
- .XfWebApiGetMenuModel({ menuid: 0, label: e.label })
|
|
|
+ .XfWebApiGetMenuModel({ menuId: 0, label: e.label })
|
|
|
.then((res) => {
|
|
|
if (res.Data) {
|
|
|
this.$router.push({
|
|
|
- path: `menuList?ParentId=${res.Data.ParentId}&MenuId=${res.Data.MenuId}`,
|
|
|
+ path: `menuList?parentId=${res.data.parentId}&menuId=${res.data.menuId}`,
|
|
|
});
|
|
|
return;
|
|
|
} else {
|
|
@@ -265,7 +311,7 @@ export default {
|
|
|
.swipe_box {
|
|
|
position: relative;
|
|
|
width: 100%;
|
|
|
- height: 380px;
|
|
|
+ height: 350px;
|
|
|
& > img {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
@@ -275,8 +321,8 @@ export default {
|
|
|
bottom: 0px;
|
|
|
left: 0px;
|
|
|
right: 0px;
|
|
|
- height: 80px;
|
|
|
- line-height: 80px;
|
|
|
+ height: 60px;
|
|
|
+ line-height: 60px;
|
|
|
font-size: 28px;
|
|
|
padding: 0px 20px;
|
|
|
color: #fff;
|
|
@@ -397,7 +443,7 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
.grid_style {
|
|
|
- padding: 0px 48px;
|
|
|
+ // padding: 0px 48px;
|
|
|
display: flex;
|
|
|
flex-wrap: wrap;
|
|
|
& > .li {
|
|
@@ -405,20 +451,24 @@ export default {
|
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
- height: 230px;
|
|
|
- width: 30%;
|
|
|
- background-color: #f5f6f8;
|
|
|
+ // height: 230px;
|
|
|
+ width: 25%;
|
|
|
+ // background-color: #f5f6f8;
|
|
|
border-radius: 16px;
|
|
|
- margin-right: 3.3%;
|
|
|
- margin-bottom: 3.3%;
|
|
|
+ padding-right: 3px;
|
|
|
+ padding-bottom: 3px;
|
|
|
+ padding-left: 3px;
|
|
|
& > img {
|
|
|
width: 88px;
|
|
|
height: 88px;
|
|
|
- margin-bottom: 20px;
|
|
|
}
|
|
|
& > .title {
|
|
|
- font-size: 32px;
|
|
|
+ font-size: 24px;
|
|
|
color: #222;
|
|
|
+ width: 120px;
|
|
|
+overflow: hidden;
|
|
|
+text-overflow: ellipsis;
|
|
|
+white-space: nowrap;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -441,4 +491,103 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+.my-swipe2 {
|
|
|
+ border-radius: 16px;
|
|
|
+ overflow: hidden;
|
|
|
+margin-top:15px ;
|
|
|
+ .swipe_boxs {
|
|
|
+ width: 100%;
|
|
|
+ height: 250px;
|
|
|
+ & > img {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .course2 {
|
|
|
+ display: block;
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ background: #fff;
|
|
|
+ /*border-top: 1px #eae6e6 solid;*/
|
|
|
+ margin-top:30px ;
|
|
|
+ }
|
|
|
+
|
|
|
+ .text_title2 {
|
|
|
+ padding: 15px 15% 20px 15%;
|
|
|
+ height: 10px;
|
|
|
+ display: flex;
|
|
|
+ width: 100%;
|
|
|
+ font-size: 25px;
|
|
|
+ font-weight: 600;
|
|
|
+ }
|
|
|
+
|
|
|
+ .mname {
|
|
|
+ width: 33.3%;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .mline {
|
|
|
+ width: 33.3%;
|
|
|
+ height: 1px;
|
|
|
+ margin: 10px;
|
|
|
+ padding: 0 2px 0 2px;
|
|
|
+ overflow: hidden;
|
|
|
+ background: #e5e5e5;
|
|
|
+ display: inline-flex;
|
|
|
+ }
|
|
|
+
|
|
|
+ .text_title {
|
|
|
+ background: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .note_b {
|
|
|
+ background-color: #f8f8f8;
|
|
|
+ margin: 0 7px 15px 7px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .notelist {
|
|
|
+ background-color: #fff;
|
|
|
+ width: 50%;
|
|
|
+ padding: 2% 2% 0 2%;
|
|
|
+ float: left;
|
|
|
+ color: #232326;
|
|
|
+ }
|
|
|
+
|
|
|
+ .classimg {
|
|
|
+ height: 180px;
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .classname {
|
|
|
+ font-size: 22px;
|
|
|
+ padding: 0 2px 0 2px;
|
|
|
+ height: 83px;
|
|
|
+ word-break: break-all; /*允许在单词内换行*/
|
|
|
+ text-align: left;
|
|
|
+ text-overflow: -o-ellipsis-lastline; /*css3中webkit内核提供的一个方法类似ellipsis*/
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ display: -webkit-box; /*自适应盒子*/
|
|
|
+ -webkit-line-clamp: 2; /*此处为两行*/
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ }
|
|
|
+
|
|
|
+ .classmoney {
|
|
|
+ font-size: 24px;
|
|
|
+ padding: 0px 0 0px 5px;
|
|
|
+ color: #AB1C1D;
|
|
|
+ font-weight: bold;
|
|
|
+ width: 50%;
|
|
|
+ /*float: left;*/
|
|
|
+ }
|
|
|
+
|
|
|
+ .classbuy {
|
|
|
+ float: right;
|
|
|
+ border: 1px red solid;
|
|
|
+ color: red;
|
|
|
+ padding: 0 10px 0px 5px;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
</style>
|