|
|
@@ -94,21 +94,22 @@
|
|
|
<el-tabs v-model="activeName" type="card" class="demand-box-tab">
|
|
|
<el-tab-pane label="考试系统" name="first">
|
|
|
<ul class="demand-tab-list demand-kaoshi-list">
|
|
|
- <li :class="{'active':kaoshiClicked===index}" @click="tabSwitch(item,index)" v-for="(item,index) in kaoshiLiArray"><i></i><p>{{item}}</p></li>
|
|
|
+ <li :class="{'active':kaoshiClicked===index}" @click="tabSwitch(item,index)"
|
|
|
+ v-for="(item,index) in kaoshiLiArray"><i></i>
|
|
|
+ <p>{{item}}</p></li>
|
|
|
</ul>
|
|
|
- {{divClicked}}----{{kaoshiClicked}}
|
|
|
- <el-collapse-transition>
|
|
|
- <div v-if="divClicked===index" v-for="(item,index) in kaoshiDivArray " :key="index" class="demand-content-box">
|
|
|
- {{divClicked===index}}-{{index}}
|
|
|
+ <el-collapse-transition v-for="(item,index) in kaoshiDivArray" :key="index">
|
|
|
+ <div v-show="kaoshiClicked===index" class="demand-content-box">
|
|
|
<div class="content-top-box">
|
|
|
-
|
|
|
<h5>行业详情</h5>
|
|
|
<p>{{item.demandText}}</p>
|
|
|
<a :href="item.demandHref" class="fn-clear"><span>了解详情</span></a>
|
|
|
</div>
|
|
|
<div>
|
|
|
<h5>客户案例</h5>
|
|
|
- <div v-for="item2 in item.demandLinkBox" class="demand-icon-box"><a><img :src="item2.img" alt="客户案例"><span>{{item2.demandName}}</span></a></div>
|
|
|
+ <div v-for="item2 in item.demandLinkBox" class="demand-icon-box"><a><img :src="item2.img"
|
|
|
+ alt="客户案例"><span>{{item2.demandName}}</span></a>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-collapse-transition>
|
|
|
@@ -345,92 +346,92 @@
|
|
|
return {
|
|
|
topCarousels: res1.data.data,
|
|
|
|
|
|
- }
|
|
|
+ };
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- topCarousels2: [],
|
|
|
+ topCarousels2: [],
|
|
|
// 需求img
|
|
|
- bannerTelImg: require(`~/static/images/client/index/index-banner-screen.png`),
|
|
|
+ bannerTelImg: require(`~/static/images/client/index/index-banner-screen.png`),
|
|
|
// 客户logo
|
|
|
- customerImg1: require(`~/static/images/client/index/index-customer-img1.png`),
|
|
|
- customerImg2: require(`~/static/images/client/index/index-customer-img2.png`),
|
|
|
- customerImg3: require(`~/static/images/client/index/index-customer-img3.png`),
|
|
|
- customerImg4: require(`~/static/images/client/index/index-customer-img4.png`),
|
|
|
- customerImg5: require(`~/static/images/client/index/index-customer-img5.png`),
|
|
|
- customerImg6: require(`~/static/images/client/index/index-customer-img6.png`),
|
|
|
- customerImg7: require(`~/static/images/client/index/index-customer-img7.png`),
|
|
|
- customerImg8: require(`~/static/images/client/index/index-customer-img8.png`),
|
|
|
- customerImg9: require(`~/static/images/client/index/index-customer-img9.png`),
|
|
|
- customerImg10: require(`~/static/images/client/index/index-customer-img10.png`),
|
|
|
- customerImg11: require(`~/static/images/client/index/index-customer-img11.png`),
|
|
|
- customerImg12: require(`~/static/images/client/index/index-customer-img12.png`),
|
|
|
- customerImg13: require(`~/static/images/client/index/index-customer-img13.png`),
|
|
|
- customerImg14: require(`~/static/images/client/index/index-customer-img14.png`),
|
|
|
- customerImg15: require(`~/static/images/client/index/index-customer-img15.png`),
|
|
|
- customerImg16: require(`~/static/images/client/index/index-customer-img16.png`),
|
|
|
- customerImg17: require(`~/static/images/client/index/index-customer-img17.png`),
|
|
|
- customerImg18: require(`~/static/images/client/index/index-customer-img18.png`),
|
|
|
- customerImg19: require(`~/static/images/client/index/index-customer-img19.png`),
|
|
|
- customerImg20: require(`~/static/images/client/index/index-customer-img20.png`),
|
|
|
+ customerImg1: require(`~/static/images/client/index/index-customer-img1.png`),
|
|
|
+ customerImg2: require(`~/static/images/client/index/index-customer-img2.png`),
|
|
|
+ customerImg3: require(`~/static/images/client/index/index-customer-img3.png`),
|
|
|
+ customerImg4: require(`~/static/images/client/index/index-customer-img4.png`),
|
|
|
+ customerImg5: require(`~/static/images/client/index/index-customer-img5.png`),
|
|
|
+ customerImg6: require(`~/static/images/client/index/index-customer-img6.png`),
|
|
|
+ customerImg7: require(`~/static/images/client/index/index-customer-img7.png`),
|
|
|
+ customerImg8: require(`~/static/images/client/index/index-customer-img8.png`),
|
|
|
+ customerImg9: require(`~/static/images/client/index/index-customer-img9.png`),
|
|
|
+ customerImg10: require(`~/static/images/client/index/index-customer-img10.png`),
|
|
|
+ customerImg11: require(`~/static/images/client/index/index-customer-img11.png`),
|
|
|
+ customerImg12: require(`~/static/images/client/index/index-customer-img12.png`),
|
|
|
+ customerImg13: require(`~/static/images/client/index/index-customer-img13.png`),
|
|
|
+ customerImg14: require(`~/static/images/client/index/index-customer-img14.png`),
|
|
|
+ customerImg15: require(`~/static/images/client/index/index-customer-img15.png`),
|
|
|
+ customerImg16: require(`~/static/images/client/index/index-customer-img16.png`),
|
|
|
+ customerImg17: require(`~/static/images/client/index/index-customer-img17.png`),
|
|
|
+ customerImg18: require(`~/static/images/client/index/index-customer-img18.png`),
|
|
|
+ customerImg19: require(`~/static/images/client/index/index-customer-img19.png`),
|
|
|
+ customerImg20: require(`~/static/images/client/index/index-customer-img20.png`),
|
|
|
// 证书图片
|
|
|
- certImg1: require(`~/static/images/client/index/index-cert-img1.jpg`),
|
|
|
- certImg2: require(`~/static/images/client/index/index-cert-img2.jpg`),
|
|
|
- certImg3: require(`~/static/images/client/index/index-cert-img3.jpg`),
|
|
|
- certImg4: require(`~/static/images/client/index/index-cert-img4.jpg`),
|
|
|
- certImg5: require(`~/static/images/client/index/index-cert-img5.jpg`),
|
|
|
- certImg6: require(`~/static/images/client/index/index-cert-img6.jpg`),
|
|
|
- certImg7: require(`~/static/images/client/index/index-cert-img7.jpg`),
|
|
|
- certImg8: require(`~/static/images/client/index/index-cert-img8.jpg`),
|
|
|
- activeIndex: '首页',
|
|
|
- activeName: 'first',// tab页签
|
|
|
- kaoshiClicked:0,
|
|
|
- kaoshiLiArray:['政府机构','能源化工','信息产业','金融保险','交通运输','汽车制造'],
|
|
|
- kaoshiDivArray:[
|
|
|
+ certImg1: require(`~/static/images/client/index/index-cert-img1.jpg`),
|
|
|
+ certImg2: require(`~/static/images/client/index/index-cert-img2.jpg`),
|
|
|
+ certImg3: require(`~/static/images/client/index/index-cert-img3.jpg`),
|
|
|
+ certImg4: require(`~/static/images/client/index/index-cert-img4.jpg`),
|
|
|
+ certImg5: require(`~/static/images/client/index/index-cert-img5.jpg`),
|
|
|
+ certImg6: require(`~/static/images/client/index/index-cert-img6.jpg`),
|
|
|
+ certImg7: require(`~/static/images/client/index/index-cert-img7.jpg`),
|
|
|
+ certImg8: require(`~/static/images/client/index/index-cert-img8.jpg`),
|
|
|
+ activeIndex: '首页',
|
|
|
+ activeName: 'first',// tab页签
|
|
|
+ kaoshiClicked: 0,
|
|
|
+ kaoshiLiArray: ['政府机构', '能源化工', '信息产业', '金融保险', '交通运输', '汽车制造'],
|
|
|
+ kaoshiDivArray: [
|
|
|
{
|
|
|
- demandText:'现如今，互联网教育正以迅雷不及掩耳之势搅动市场，“智能学习”成了一个新的市场。教培行业存在的教师教学水平参差不齐，教学质量难以提升等问题，现在都可以通过选择一套合理化的方案来得到解决，麦塔不仅是考试出题软',
|
|
|
- demandHref:'www.baidu.com',
|
|
|
- demandLinkBox:[
|
|
|
+ demandText: '现如今，互联网教育正以迅雷不及掩耳之势搅动市场，“智能学习”成了一个新的市场。教培行业存在的教师教学水平参差不齐，教学质量难以提升等问题，现在都可以通过选择一套合理化的方案来得到解决，麦塔不仅是考试出题软',
|
|
|
+ demandHref: 'www.baidu.com',
|
|
|
+ demandLinkBox: [
|
|
|
{
|
|
|
- img:require(`~/static/images/client/index/index-demand-icon1-1.svg`),
|
|
|
- demandName:'国家能源'
|
|
|
+ img: require(`~/static/images/client/index/index-demand-icon1-1.svg`),
|
|
|
+ demandName: '国家能源',
|
|
|
},
|
|
|
{
|
|
|
- img:require(`~/static/images/client/index/index-demand-icon1-2.svg`),
|
|
|
- demandName:'营口消防'
|
|
|
+ img: require(`~/static/images/client/index/index-demand-icon1-2.svg`),
|
|
|
+ demandName: '营口消防',
|
|
|
},
|
|
|
{
|
|
|
- img:require(`~/static/images/client/index/index-demand-icon1-2.svg`),
|
|
|
- demandName:'同煤社保'
|
|
|
+ img: require(`~/static/images/client/index/index-demand-icon1-2.svg`),
|
|
|
+ demandName: '同煤社保',
|
|
|
},
|
|
|
],
|
|
|
},
|
|
|
{
|
|
|
- demandText:'23',
|
|
|
- demandHref:'www.baidu.com',
|
|
|
- demandLinkBox:[
|
|
|
+ demandText: '23',
|
|
|
+ demandHref: 'www.baidu.com',
|
|
|
+ demandLinkBox: [
|
|
|
{
|
|
|
- img:'222',
|
|
|
- demandName:'2222'
|
|
|
+ img: '222',
|
|
|
+ demandName: '2222',
|
|
|
},
|
|
|
{
|
|
|
- img:'222',
|
|
|
- demandName:'222'
|
|
|
+ img: '222',
|
|
|
+ demandName: '222',
|
|
|
},
|
|
|
{
|
|
|
- img:'222',
|
|
|
- demandName:'222'
|
|
|
+ img: '222',
|
|
|
+ demandName: '222',
|
|
|
},
|
|
|
],
|
|
|
},
|
|
|
],
|
|
|
- }
|
|
|
+ };
|
|
|
},
|
|
|
- methods: {
|
|
|
+ methods: {
|
|
|
checkInfo() {
|
|
|
- this.$router.push({ name: 'introduction' })
|
|
|
+ this.$router.push({ name: 'introduction' });
|
|
|
},
|
|
|
- tabSwitch(data,index){
|
|
|
+ tabSwitch(data, index) {
|
|
|
this.kaoshiClicked = index;
|
|
|
|
|
|
// this.newsClassifyId = data.newsClassifyId
|
|
|
@@ -438,12 +439,7 @@
|
|
|
|
|
|
},
|
|
|
},
|
|
|
- computed: {
|
|
|
- divClicked(){
|
|
|
- return this.kaoshiClicked;
|
|
|
- },
|
|
|
- },
|
|
|
- }
|
|
|
+ };
|
|
|
</script>
|
|
|
|
|
|
<style></style>
|
15724580513