|
|
@@ -64,7 +64,7 @@
|
|
|
<div class="products-services-content">
|
|
|
<h5>考试系统</h5>
|
|
|
<p>麦塔考试平台满足不同行业考试考核需求：教育机构出题判卷、课后练习布置；企事业单位企业文化、业务水平提升</p>
|
|
|
- <a class="client-default-Btn">了解详情</a>
|
|
|
+ <div class="products-btn-box"><a class="client-default-Btn" href="https://cdnks.mtavip.com/a/register?flug=1" target="_blank">免费试用</a><span @click="goExamPage">了解详情<i></i></span></div>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li>
|
|
|
@@ -72,7 +72,7 @@
|
|
|
<div class="products-services-content">
|
|
|
<h5>培训系统</h5>
|
|
|
<p>麦塔培训平台满足企业全流程培训场景，支持移动web端、PC端、APP端答题和学习，多种学习模式保障学习效果，结果及时反馈</p>
|
|
|
- <a class="client-default-Btn">了解详情</a>
|
|
|
+ <div class="products-btn-box"><a class="client-default-Btn" href="https://cdnks.mtavip.com/a/register?flug=2" target="_blank">免费试用</a><span @click="goPeixunPage">了解详情<i></i></span></div>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li>
|
|
|
@@ -80,7 +80,7 @@
|
|
|
<div class="products-services-content">
|
|
|
<h5>课件制作</h5>
|
|
|
<p>麦塔能够快速搭建企业单位、教育机构学习资源库，满足学习平台需求，针对目标对象的学习习惯和学习方式个性化开发课程</p>
|
|
|
- <a class="client-default-Btn">了解详情</a>
|
|
|
+ <div class="products-btn-box"><div class="client-default-Btn" @click="applyFun">申请方案</div><span @click="goKechengPage">了解详情<i></i></span></div>
|
|
|
</div>
|
|
|
</li>
|
|
|
</ul>
|
|
|
@@ -94,12 +94,9 @@
|
|
|
<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>
|
|
|
- <el-collapse-transition v-for="(item,index) in kaoshiDivArray" :key="index">
|
|
|
- <div v-show="kaoshiClicked===index" class="demand-content-box">
|
|
|
+ <div v-show="kaoshiClicked===index" class="demand-content-box" v-for="(item,index) in kaoshiDivArray" :key="index">
|
|
|
<div class="content-top-box">
|
|
|
<h5>行业详情</h5>
|
|
|
<p>{{item.demandText}}</p>
|
|
|
@@ -107,119 +104,14 @@
|
|
|
</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 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>
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane label="培训系统" name="second">培训系统</el-tab-pane>
|
|
|
</el-tabs>
|
|
|
- <!--<ul class="industry-box">
|
|
|
- <li>
|
|
|
- <img :src="demandImg1" alt="政府机构" />
|
|
|
- <div>
|
|
|
- <h5>政府机构</h5>
|
|
|
- <p>提高行政服务人员的综合素质和能力的提升，党建知识的考核等</p>
|
|
|
- <a @click="goThirdParty(0)">了解更多</a>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <img :src="demandImg2" alt="医药卫生" />
|
|
|
- <div>
|
|
|
- <h5>医药卫生</h5>
|
|
|
- <p>
|
|
|
- 应对种类繁多的专业医疗资格考试，“三基、三严”考试，辅助人才队伍建设
|
|
|
- </p>
|
|
|
- <a @click="goThirdParty(1)">了解更多</a>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <img :src="demandImg3" alt="能源化工" />
|
|
|
- <div>
|
|
|
- <h5>能源化工</h5>
|
|
|
- <p>提高安全生产培训效率，分析不足、排查隐患</p>
|
|
|
- <a @click="goThirdParty(2)">了解更多</a>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <img :src="demandImg4" alt="信息产业" />
|
|
|
- <div>
|
|
|
- <h5>信息产业</h5>
|
|
|
- <p>创新学习方式，打造在线学习品牌，提高全员移动学习的积极性</p>
|
|
|
- <a @click="goThirdParty(3)">了解更多</a>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <img :src="demandImg5" alt="交通运输" />
|
|
|
- <div>
|
|
|
- <h5>交通运输</h5>
|
|
|
- <p>推动技能领域交流互鉴，进一步培养和选拔高技能人才</p>
|
|
|
- <a @click="goThirdParty(4)">了解更多</a>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <img :src="demandImg6" alt="机械机电" />
|
|
|
- <div>
|
|
|
- <h5>机械机电</h5>
|
|
|
- <p>帮助用户创建优质工程，打造一流企业的管理方针</p>
|
|
|
- <a @click="goThirdParty(5)">了解更多</a>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <img :src="demandImg7" alt="教育培训" />
|
|
|
- <div>
|
|
|
- <h5>教育培训</h5>
|
|
|
- <p>
|
|
|
- 不受时间、地点等因素限制，学员与教师相隔万里也可以开展教学活动
|
|
|
- </p>
|
|
|
- <a @click="goThirdParty(6)">了解更多</a>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <img :src="demandImg8" alt="食品餐饮" />
|
|
|
- <div>
|
|
|
- <h5>食品餐饮</h5>
|
|
|
- <p>定期培训考核，严格把控服务质量、食品安全标准</p>
|
|
|
- <a @click="goThirdParty(7)">了解更多</a>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <img :src="demandImg9" alt="金融保险" />
|
|
|
- <div>
|
|
|
- <h5>金融保险</h5>
|
|
|
- <p>
|
|
|
- 针对员工岗位性质、能力素质和业务需求，精心设计考试内容，选备了相应的题库，分岗位进行集中测试。
|
|
|
- </p>
|
|
|
- <a @click="goThirdParty(8)">了解更多</a>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <img :src="demandImg10" alt="汽车制造" />
|
|
|
- <div>
|
|
|
- <h5>汽车制造</h5>
|
|
|
- <p>一线门店轻量化练习，边看边练，提高工作效率、增加企业利润</p>
|
|
|
- <a @click="goThirdParty(9)">了解更多</a>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <img :src="demandImg11" alt="新闻出版" />
|
|
|
- <div>
|
|
|
- <h5>新闻出版</h5>
|
|
|
- <p>推进编辑出版专业水平提高，出版专业技术人员职业资格考试等</p>
|
|
|
- <a @click="goThirdParty(10)">了解更多</a>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <img :src="demandImg12" alt="更多" />
|
|
|
- <div>
|
|
|
- <h5>更多</h5>
|
|
|
- <p>更多行业学习需求</p>
|
|
|
- <a @click="goThirdParty(11)">了解更多</a>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- </ul>-->
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
@@ -227,7 +119,7 @@
|
|
|
<div class="client-industry-information">
|
|
|
<h4 class="client-title">新闻资讯</h4>
|
|
|
<div class="information-carousel-box">
|
|
|
- <el-carousel :interval="4000" arrow="always">
|
|
|
+ <el-carousel :interval="3000" arrow="always">
|
|
|
<el-carousel-item v-for="(item, index) in topCarousels" :key="index">
|
|
|
<div
|
|
|
class="industry-img-box"
|
|
|
@@ -273,13 +165,8 @@
|
|
|
<div class="client-container">
|
|
|
<h4 class="client-title">我们始终专注教育系统研发更懂用户需求</h4>
|
|
|
<div class="cert-img-box">
|
|
|
- <span><img :src="certImg1" alt="栋科考试管理系统" /></span>
|
|
|
- <span><img :src="certImg2" alt="栋科精品课程管理系统" /></span>
|
|
|
<span><img :src="certImg3" alt="栋科课程管理系统" /></span>
|
|
|
<span><img :src="certImg4" alt="栋科用户管理系统" /></span>
|
|
|
- </div>
|
|
|
- <div class="cert-img-box">
|
|
|
- <span><img :src="certImg5" alt="栋科网校运营系统" /></span>
|
|
|
<span><img :src="certImg6" alt="麦塔考试系统" /></span>
|
|
|
<span><img :src="certImg7" alt="麦塔培训系统" /></span>
|
|
|
<span><img :src="certImg8" alt="知识产权管理体系认证证书" /></span>
|
|
|
@@ -316,6 +203,32 @@
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
+
|
|
|
+
|
|
|
+ <el-dialog
|
|
|
+ :close-on-click-modal="false"
|
|
|
+ :visible.sync="telDl"
|
|
|
+ @close="delDlClose"
|
|
|
+ class="application-scheme-dialog"
|
|
|
+ center>
|
|
|
+ <i></i>
|
|
|
+ <p>免费获得课程开发解决方案</p>
|
|
|
+ <el-form :model="telChangeDate" status-icon :rules="telRules" ref="ruleTelForm" class="application-scheme-form">
|
|
|
+ <el-form-item prop="tel">
|
|
|
+ <el-input v-model="telChangeDate.tel" placeholder="请输入手机号" class="dialog-input-tel"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <div id="your-dom-id" class="nc-container"></div>
|
|
|
+ <el-form-item prop="verification">
|
|
|
+ <div class="verification">
|
|
|
+ <el-input v-model="telChangeDate.verification" placeholder="请输入验证码" class="dialog-input-code"></el-input>
|
|
|
+ <el-button @click="checkVerification" :disabled="btnTextDisabled" class="dialog-code-btn">{{btnText}}</el-button>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div class="application-scheme-btn" @click="dialogSave">申请方案</div>
|
|
|
+ <span>免费热线：400-052-2130</span><a>在线客服</a>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -375,11 +288,8 @@
|
|
|
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`),
|
|
|
@@ -389,8 +299,8 @@
|
|
|
kaoshiLiArray: ['政府机构', '能源化工', '信息产业', '金融保险', '交通运输', '汽车制造'],
|
|
|
kaoshiDivArray: [
|
|
|
{
|
|
|
- demandText: '现如今，互联网教育正以迅雷不及掩耳之势搅动市场，“智能学习”成了一个新的市场。教培行业存在的教师教学水平参差不齐，教学质量难以提升等问题，现在都可以通过选择一套合理化的方案来得到解决，麦塔不仅是考试出题软',
|
|
|
- demandHref: 'www.baidu.com',
|
|
|
+ demandText: '为了适应市场经济的发展，越来越多的企业开始意识到人才选拔、培养的重要性，无论是国企还是私企，每年都要举行年度考核、党建考核等各种不同形式的考试。而传统考试方式，从出题、组卷、印刷，到安排场地、试卷分发、监考，再到收卷、阅卷，程序繁杂，需要投入大量的时间、人力和物力，并且周期长、工作量大，成本较高，不能完全适应现代企业管理模式。',
|
|
|
+ demandHref: '#',
|
|
|
demandLinkBox: [
|
|
|
{
|
|
|
img: require(`~/static/images/client/index/index-demand-icon1-1.svg`),
|
|
|
@@ -407,29 +317,312 @@
|
|
|
],
|
|
|
},
|
|
|
{
|
|
|
- demandText: '23',
|
|
|
- demandHref: 'www.baidu.com',
|
|
|
+ demandText: '今天，信息化在社会的各行各业迅速发展，在石油、石化和煤炭等大型国有企业中要以信息化带动工业化、自动化，应用信息技术改造提升能源企业，加快企业信息化进程，提高信息技术应用水平。没有一个完整的学习体系，不能统一排考检测员工安全电力方面的信息掌握程度，无法分析员工的不足之处。',
|
|
|
+ demandHref: '#',
|
|
|
demandLinkBox: [
|
|
|
{
|
|
|
- img: '222',
|
|
|
- demandName: '2222',
|
|
|
+ img: require(`~/static/images/client/index/index-demand-icon1-1.svg`),
|
|
|
+ demandName: '国家能源',
|
|
|
},
|
|
|
{
|
|
|
- img: '222',
|
|
|
- demandName: '222',
|
|
|
+ img: require(`~/static/images/client/index/index-demand-icon1-2.svg`),
|
|
|
+ demandName: '营口消防',
|
|
|
},
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ demandText: '今天，信息化在社会的各行各业迅速发展，在石油、石化和煤炭等大型国有企业中要以信息化带动工业化、自动化，应用信息技术改造提升能源企业，加快企业信息化进程，提高信息技术应用水平。没有一个完整的学习体系，不能统一排考检测员工安全电力方面的信息掌握程度，无法分析员工的不足之处。',
|
|
|
+ demandHref: '#',
|
|
|
+ demandLinkBox: [
|
|
|
{
|
|
|
- img: '222',
|
|
|
- demandName: '222',
|
|
|
+ img: require(`~/static/images/client/index/index-demand-icon1-1.svg`),
|
|
|
+ demandName: '国家能源',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ img: require(`~/static/images/client/index/index-demand-icon1-2.svg`),
|
|
|
+ demandName: '营口消防',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ demandText: '今天，信息化在社会的各行各业迅速发展，在石油、石化和煤炭等大型国有企业中要以信息化带动工业化、自动化，应用信息技术改造提升能源企业，加快企业信息化进程，提高信息技术应用水平。没有一个完整的学习体系，不能统一排考检测员工安全电力方面的信息掌握程度，无法分析员工的不足之处。',
|
|
|
+ demandHref: '#',
|
|
|
+ demandLinkBox: [
|
|
|
+ {
|
|
|
+ img: require(`~/static/images/client/index/index-demand-icon1-1.svg`),
|
|
|
+ demandName: '国家能源',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ img: require(`~/static/images/client/index/index-demand-icon1-2.svg`),
|
|
|
+ demandName: '营口消防',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ demandText: '今天，信息化在社会的各行各业迅速发展，在石油、石化和煤炭等大型国有企业中要以信息化带动工业化、自动化，应用信息技术改造提升能源企业，加快企业信息化进程，提高信息技术应用水平。没有一个完整的学习体系，不能统一排考检测员工安全电力方面的信息掌握程度，无法分析员工的不足之处。',
|
|
|
+ demandHref: '#',
|
|
|
+ demandLinkBox: [
|
|
|
+ {
|
|
|
+ img: require(`~/static/images/client/index/index-demand-icon1-1.svg`),
|
|
|
+ demandName: '国家能源',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ img: require(`~/static/images/client/index/index-demand-icon1-2.svg`),
|
|
|
+ demandName: '营口消防',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ demandText: '今天，信息化在社会的各行各业迅速发展，在石油、石化和煤炭等大型国有企业中要以信息化带动工业化、自动化，应用信息技术改造提升能源企业，加快企业信息化进程，提高信息技术应用水平。没有一个完整的学习体系，不能统一排考检测员工安全电力方面的信息掌握程度，无法分析员工的不足之处。',
|
|
|
+ demandHref: '#',
|
|
|
+ demandLinkBox: [
|
|
|
+ {
|
|
|
+ img: require(`~/static/images/client/index/index-demand-icon1-1.svg`),
|
|
|
+ demandName: '国家能源',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ img: require(`~/static/images/client/index/index-demand-icon1-2.svg`),
|
|
|
+ demandName: '营口消防',
|
|
|
},
|
|
|
],
|
|
|
},
|
|
|
],
|
|
|
+
|
|
|
+
|
|
|
+ btnTextDisabled: false,
|
|
|
+ telDl: false,
|
|
|
+ btnText: '获取验证码',
|
|
|
+ countdown: 60, // 60秒倒计时
|
|
|
+ sliderData: {},
|
|
|
+ appKey: 'FFFF0N00000000007EC0',
|
|
|
+ telChangeDate: {},
|
|
|
+ telRules: {
|
|
|
+ tel: [
|
|
|
+ { trigger: 'blur', required: true, message: '请输入手机号' },
|
|
|
+ ],
|
|
|
+ verification: [
|
|
|
+ { trigger: 'blur', required: true, message: '请输入验证码' },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
};
|
|
|
+
|
|
|
+
|
|
|
},
|
|
|
methods: {
|
|
|
- checkInfo() {
|
|
|
- this.$router.push({ name: 'introduction' });
|
|
|
+
|
|
|
+
|
|
|
+ applyFun() {
|
|
|
+ this.telDl = true;
|
|
|
+ this.sliderFun();
|
|
|
+ },
|
|
|
+
|
|
|
+ dialogSave(){
|
|
|
+ this.$refs.ruleTelForm.validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ // 请求后台
|
|
|
+ const options = {
|
|
|
+ phone: this.telChangeDate.tel,
|
|
|
+ code: this.telChangeDate.verification,
|
|
|
+ };
|
|
|
+
|
|
|
+ this.$axios.$post('/develop/add',options).then(res=>{
|
|
|
+ if (res.code === 0 && res.data) {
|
|
|
+ this.telDl = false;
|
|
|
+ this.$message.success('申请成功');
|
|
|
+ } else {
|
|
|
+ this.$message.error('申请失败');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+ delDlClose(){
|
|
|
+ this.telDl =false
|
|
|
+ this.$refs.ruleTelForm.resetFields();
|
|
|
+ __nc.reset();
|
|
|
+
|
|
|
+
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 串联加载指定的脚本
|
|
|
+ * 串联加载[异步]逐个加载，每个加载完成后加载下一个
|
|
|
+ * 全部加载完成后执行回调
|
|
|
+ * @param array|string 指定的脚本们
|
|
|
+ * @param function 成功后回调的函数
|
|
|
+ * @return array 所有生成的脚本元素对象数组
|
|
|
+ * 异步加载js后运行回调函数callback / scripts 为数组或字符串
|
|
|
+ */
|
|
|
+ seriesLoadScripts(scripts, callback) {
|
|
|
+ if (typeof (scripts) != 'object') {
|
|
|
+ var scripts = [scripts];
|
|
|
+ }
|
|
|
+ var HEAD = document.getElementsByTagName('head').item(0) || document.documentElement;
|
|
|
+ var s = new Array(), last = scripts.length - 1, recursiveLoad = function (i) { //递归
|
|
|
+ s[i] = document.createElement('script');
|
|
|
+ s[i].setAttribute('type', 'text/javascript');
|
|
|
+ s[i].onload = s[i].onreadystatechange = function () { //Attach handlers for all browsers
|
|
|
+ if (!/*@cc_on!@*/0 || this.readyState == 'loaded' || this.readyState == 'complete') {
|
|
|
+ this.onload = this.onreadystatechange = null;
|
|
|
+ this.parentNode.removeChild(this);
|
|
|
+ if (i != last) {
|
|
|
+ recursiveLoad(i + 1);
|
|
|
+ } else if (typeof (callback) == 'function') {
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ };
|
|
|
+ s[i].setAttribute('src', scripts[i]);
|
|
|
+ HEAD.appendChild(s[i]);
|
|
|
+ };
|
|
|
+ recursiveLoad(0);
|
|
|
+ },
|
|
|
+ // 滑块
|
|
|
+ sliderFun() {
|
|
|
+ const nc_token = [this.appKey, (new Date()).getTime(), Math.random()].join(':');
|
|
|
+ console.log(nc_token);
|
|
|
+ const NC_Opt = {
|
|
|
+ //声明滑动验证需要渲染的目标元素ID。
|
|
|
+ renderTo: '#your-dom-id',
|
|
|
+ //应用类型标识。它和使用场景标识（scene字段）一起决定了滑动验证的业务场景与后端对应使用的策略模型。您可以在人机验证控制台的配置管理页签找到对应的appkey字段值，请务必正确填写。
|
|
|
+ appkey: this.appKey,
|
|
|
+ //使用场景标识。它和应用类型标识（appkey字段）一起决定了滑动验证的业务场景与后端对应使用的策略模型。您可以在人机验证控制台的配置管理页签找到对应的scene值，请务必正确填写。
|
|
|
+ scene: 'nc_message',
|
|
|
+ //滑动验证码的主键，请勿将该字段定义为固定值。确保每个用户每次打开页面时，其token值都是不同的。系统默认的格式为：”您的appkey”+”时间戳”+”随机数”。
|
|
|
+ token: nc_token,
|
|
|
+ //滑动条的宽度。
|
|
|
+ customWidth: 300,
|
|
|
+ //业务键字段，可为空。为便于线上问题的排查，建议您按照线上问题定位文档中推荐的方法配置该字段值。
|
|
|
+ trans: { 'key1': 'code0' },
|
|
|
+ //通过Dom的ID属性自动填写trans业务键，可为空。建议您按照线上问题定位文档中推荐的方法配置该字段值。
|
|
|
+ elementID: ['usernameID'],
|
|
|
+ //是否自定义配置底层采集组件。如无特殊场景，请使用默认值（0），即不自定义配置底层采集组件。
|
|
|
+ is_Opt: 0,
|
|
|
+ //语言。PC端Web页面场景默认支持18国语言，详细配置方法请参见自定义文案与多语言文档。
|
|
|
+ language: 'cn',
|
|
|
+ //是否启用。一般情况，保持默认值（true）即可。
|
|
|
+ isEnabled: true,
|
|
|
+ //内部网络请求的超时时间。一般情况建议保持默认值（3000ms）。
|
|
|
+ timeout: 3000,
|
|
|
+ //允许服务器超时重复次数，默认5次。超过重复次数后将触发报错。
|
|
|
+ times: 5,
|
|
|
+ //用于自定义滑动验证各项请求的接口地址。一般情况，请勿配置该参数。
|
|
|
+ apimap: {
|
|
|
+ // 'analyze': '//a.com/nocaptcha/analyze.jsonp',
|
|
|
+ // 'get_captcha': '//b.com/get_captcha/ver3',
|
|
|
+ // 'get_captcha': '//pin3.aliyun.com/get_captcha/ver3'
|
|
|
+ // 'get_img': '//c.com/get_img',
|
|
|
+ // 'checkcode': '//d.com/captcha/checkcode.jsonp',
|
|
|
+ // 'umid_Url': '//e.com/security/umscript/3.2.1/um.js',
|
|
|
+ // 'uab_Url': '//aeu.alicdn.com/js/uac/909.js',
|
|
|
+ // 'umid_serUrl': 'https://g.com/service/um.json'
|
|
|
+ },
|
|
|
+ //前端滑动验证通过时会触发该回调参数。您可以在该回调参数中将请求标识（token）、会话ID（sessionid）、签名串（sig）字段记录下来，随业务请求一同发送至您的服务端调用验签。
|
|
|
+ callback: (data) => {
|
|
|
+ this.sliderData = Object.assign({}, data, {
|
|
|
+ appkey: NC_Opt.appkey,
|
|
|
+ scene: NC_Opt.scene,
|
|
|
+ });
|
|
|
+ console.log( this.sliderData);
|
|
|
+ },
|
|
|
+ };
|
|
|
+ let date11 = () => {
|
|
|
+
|
|
|
+ let _date = new Date();
|
|
|
+ let year = _date.getFullYear().toString();
|
|
|
+ let month = _date.getMonth().toString();
|
|
|
+ let day = _date.getDate().toString();
|
|
|
+ let a = _date.getHours().toString();
|
|
|
+ let b = _date.getMinutes().toString();
|
|
|
+ let c = _date.getSeconds().toString();
|
|
|
+
|
|
|
+ return year + month + day + a + b + c;
|
|
|
+ };
|
|
|
+ let c = date11();
|
|
|
+ const scripts = [
|
|
|
+ `https://g.alicdn.com/sd/ncpc/nc.js?t=${c}`,
|
|
|
+ ];
|
|
|
+ this.seriesLoadScripts(scripts, function () {
|
|
|
+ var nc = new noCaptcha(NC_Opt);
|
|
|
+ nc.upLang('cn', {
|
|
|
+ _startTEXT: '请按住滑块，拖动到最右边',
|
|
|
+ _yesTEXT: '验证通过',
|
|
|
+ _error300: '哎呀，出错了，点击<a href="javascript:__nc.reset()">刷新</a>再来一次',
|
|
|
+ _errorNetwork: '网络不给力，请<a href="javascript:__nc.reset()">点击刷新</a>',
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ },
|
|
|
+
|
|
|
+ // 倒计时60秒
|
|
|
+ setTime() {
|
|
|
+ if (this.countdown === 0) {
|
|
|
+ this.btnTextDisabled = false;
|
|
|
+ this.btnText = '免费获取验证码';
|
|
|
+ this.countdown = 60;
|
|
|
+ } else {
|
|
|
+ this.btnTextDisabled = true;
|
|
|
+ this.btnText = '重新发送(' + this.countdown + 's)';
|
|
|
+ this.countdown--;
|
|
|
+ setTimeout(() => {
|
|
|
+ this.setTime();
|
|
|
+ }, 1000);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 验证码
|
|
|
+ checkVerification() {
|
|
|
+ if (this.sliderData.appkey === undefined) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.$axios.$post(`/develop/exists`,{ phone: this.telChangeDate.tel}).then(res=>{
|
|
|
+
|
|
|
+ if (res.code === 0 && res.data) {
|
|
|
+
|
|
|
+ let req = {
|
|
|
+ 'appkey': this.sliderData.appkey,
|
|
|
+ 'phone': this.telChangeDate.tel,
|
|
|
+ 'scene': this.sliderData.scene,
|
|
|
+ 'sessionid': this.sliderData.csessionid,
|
|
|
+ 'sig': this.sliderData.sig,
|
|
|
+ 'token': this.sliderData.token,
|
|
|
+ 'type': 0,
|
|
|
+ }
|
|
|
+ this.$axios.$post('/sendCode',req).then(res=>{
|
|
|
+ if (res.code === 0 && res.data) {
|
|
|
+ this.setTime();
|
|
|
+ }
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ debugger;
|
|
|
+ this.$message.error('手机号已存在');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ goExamPage(){
|
|
|
+ this.$router.push({ name: 'examsystem' });
|
|
|
+ },
|
|
|
+ goPeixunPage(){
|
|
|
+ this.$router.push({ name: 'trainsystem' });
|
|
|
+ },
|
|
|
+ goKechengPage(){
|
|
|
+ this.$router.push({ name: 'courseware' });
|
|
|
+ },
|
|
|
+ checkInfo(data) {
|
|
|
+ const opt = {
|
|
|
+ id: data.iiId,
|
|
|
+ };
|
|
|
+ this.$router.push({ name: 'news-id', params: opt });
|
|
|
},
|
|
|
tabSwitch(data, index) {
|
|
|
this.kaoshiClicked = index;
|
15724580513
