|
|
@@ -4,26 +4,22 @@
|
|
|
<div class="panel-tit clear">
|
|
|
<p class="fl">推荐课程</p>
|
|
|
<ul class="fr tips-intro" style="color:royalblue" @mouseover="showTip=true" @mouseleave="showTip=false">
|
|
|
- <li class="fs15 tit">
|
|
|
- <i class="p-ico questiong-ico" style="margin-right: 0px;" /> 已将近退休年龄，是否还需要参加继续教育？
|
|
|
+ <li class="fs15 tit" style="margin-right: 20px;">
|
|
|
+ <i class="p-ico questiong-ico" style="margin-right: 0px;" /> 温馨提醒
|
|
|
</li>
|
|
|
</ul>
|
|
|
|
|
|
<div class="fr tip-card" v-show="showTip">
|
|
|
<div class="p20">
|
|
|
- <h3>一、建设从业人员：</h3>
|
|
|
- <h5 style="margin: 8px;">1、安管人员：</h5>
|
|
|
- <h5 style="margin-left: 16px;">①企业主要负责人（A证）：年龄18周岁以上。</h5>
|
|
|
- <h5 style="margin-left: 16px;">②项目负责人（B证）：年龄18周岁以上，65周岁以下。</h5>
|
|
|
- <h5 style="margin-left: 16px;">③“安管人员”C证，男性持证人员从60周岁逐步延长至63周岁（退休年龄从2025年1月1日起，每四个月延迟一个月）</h5>
|
|
|
- <h4 style="margin: 8px;">2、特种作业人员：男性持证人员从60周岁逐步延长至63周岁（退休年龄从2025年1月1日起，每四个月延迟一个月）；女性持证人员年龄上限55周岁。</h4>
|
|
|
- <h4 style="margin: 8px;">3、八大员：年龄20周岁以上，且男性不超过60周岁，女性不超过55周岁。</h4>
|
|
|
- <h4 style="margin: 8px;">4、C证： 年龄18周岁以上，男性从60周岁逐步延长至63周岁（退休年龄从2025年1月1日起，每四个月延迟一个月），女性60周岁以下；</h4>
|
|
|
- <h4 style="margin: 8px;">5、特种：年满18周岁以上，男性从60周岁逐步延长至63周岁（退休年龄从2025年1月1日起，每四个月延迟一个月），女性55周岁以下；</h4>
|
|
|
-
|
|
|
- <h2 style="margin:8px 0 16px 0px;">二、执业注册人员：</h2>
|
|
|
- <h4 style="margin: 8px;">1、注册建造师（一级、二级）、注册监理工程师：年龄65周岁以下；</h4>
|
|
|
- <h4 style="margin: 8px;">2、其他执业资格注册证件无年龄要求。</h4>
|
|
|
+ <h3>温馨提醒：</h3>
|
|
|
+ <h2 style="margin: 8px; 0 16px 0px;">一、福建省内可报</h2>
|
|
|
+ <h4 style="margin: 8px;">1.施工现场专业人员</h4>
|
|
|
+ <h4 style="margin: 8px;">2.20周岁以上，且男性小于60周岁，女性小于55周岁。</h4>
|
|
|
+
|
|
|
+ <h2 style="margin:8px 0 16px 0px;">二、宁德内可报：</h2>
|
|
|
+ <h4 style="margin: 8px;">1.安全生产管理人员</h4>
|
|
|
+ <h4 style="margin: 8px;">2.建筑施工特种作业人员</h4>
|
|
|
+ <h4 style="margin: 8px;">3.企业安全生产培训</h4>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -141,77 +137,37 @@
|
|
|
|
|
|
</div>
|
|
|
|
|
|
- <el-dialog title="申请开通课程" :visible.sync="buyCourseDialog" width="850px" top="20px" align="center">
|
|
|
- <el-form label-width="80px" label-position="right" :inline="true" :model="buyForm" status-icon :rules="rules"
|
|
|
+ <el-dialog title="申请开通课程" :visible.sync="buyCourseDialog" width="550px" top="100px" align="center">
|
|
|
+ <el-form label-width="100px" :inline="false" :model="buyForm" :rules="rules"
|
|
|
ref="elForm">
|
|
|
- <el-row align="left">
|
|
|
- <el-col :lg="12" class="pl20 pr20">
|
|
|
- <el-form-item lable="报考岗位" prop="courseName">
|
|
|
- <label slot="label">报考岗位</label>
|
|
|
- <el-input v-model="buyForm.courseName" type="text" placeholder="报考岗位" style="width: 260px;"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :lg="12" class="pl20 pr20">
|
|
|
- <el-form-item lable="证书编号" prop="rzCode">
|
|
|
- <label slot="label">证书编号</label>
|
|
|
- <el-input v-model="buyForm.rzCode" type="text" style="width: 260px;">
|
|
|
- <template #suffix>
|
|
|
- <el-button @click="openShowAllRzcodeDialog" type="text">修改</el-button>
|
|
|
- </template>
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <!-- <el-row>
|
|
|
- <span style="color: red;padding:10px"> 请认真核实报考岗位与证书编号，本课程不支持退款</span>
|
|
|
- </el-row> -->
|
|
|
-
|
|
|
- <el-col :lg="12" class="pl20 pr20">
|
|
|
- <el-form-item lable="邮箱地址" prop="email">
|
|
|
- <label slot="label">邮箱地址</label>
|
|
|
- <el-input v-model="buyForm.email" type="textarea" placeholder="邮箱地址" style="width: 260px;"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
-
|
|
|
- <el-col :span="12" class="pl20 pr20">
|
|
|
- <el-form-item lable="订单号" prop="payNo">
|
|
|
- <label slot="label">订单编号</label>
|
|
|
- <el-input v-model="buyForm.payNo" placeholder="输入订单编号后6位" style="width: 260px;" :minlength="6"
|
|
|
- :maxlength="6" show-word-limit></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="12" class="pl20 pr20">
|
|
|
- <el-form-item lable="工作单位" prop="company">
|
|
|
- <label slot="label">工作单位</label>
|
|
|
- <el-input v-model="buyForm.company" type="textarea" placeholder="工作单位" style="width: 260px;"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12" class="pl20 pr20">
|
|
|
- <el-form-item lable="备注信息" prop="marks">
|
|
|
- <label slot="label">备注信息</label>
|
|
|
- <el-input v-model="buyForm.marks" type="textarea" placeholder="姓名+工种名称，例：张三+土建施工员"
|
|
|
- style="width: 260px;"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row v-if="typeInfo.needPromise==1">
|
|
|
- <div style="width: 700px;margin: 0 auto;text-align: left;color: red;">
|
|
|
- 提示：继续教育承诺函企业名称应与个人报名系统企业名称一致，如已变更单位的，
|
|
|
- 请先在个人系统帐号设置进入额外信息栏进行修改工作单位与报名承诺函工作单位相符后方可上传承诺函确认
|
|
|
- </div>
|
|
|
- <img :src="buyForm.buyImg" :onerror="errorImg" style="width: 160px;text-align: center;">
|
|
|
- <do-upload @onFinish="(url)=>{buyForm.buyImg=url}" placeholder="上传承诺书" width="160px"> </do-upload>
|
|
|
- </el-row>
|
|
|
|
|
|
+ <el-form-item label="报考岗位" prop="courseName">
|
|
|
+ <el-input type="text" placeholder="报考岗位" v-model="buyForm.courseName+'-'+buyForm.nd"
|
|
|
+ style="width: 360px;" />
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="证书编号" prop="rzCode">
|
|
|
+ <el-input v-model="buyForm.rzCode" type="text" style="width: 360px;">
|
|
|
+ <template #suffix>
|
|
|
+ <el-button @click="openShowAllRzcodeDialog" type="text" style="margin-right: 10px;">修改</el-button>
|
|
|
+ </template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="支付类型" prop="payType">
|
|
|
+ <div style="text-align: left;margin-left: 20px;">
|
|
|
+ <el-button :type="buyForm.payType === 'wx' ? 'primary' : 'default'" style="margin-right: 30px;" @click="buyForm.payType='wx';onPayTypeChange()">微信</el-button>
|
|
|
+ <el-button :type="buyForm.payType === 'ali' ? 'primary' : 'default'" @click="buyForm.payType='ali';onPayTypeChange()">支付宝</el-button>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
|
|
|
<el-row>
|
|
|
<h2 class="tc"> 本课程费用: <strong style="color: red;"> {{buyForm.fee/100}} 元 </strong> </h2>
|
|
|
- <div style="width: 300px; margin: 0px auto;">
|
|
|
- <img src="/static/images/wxpay.jpg" width="300px" @click="showImg(buyForm.buyImg)">
|
|
|
+ <div style="width: 300px; margin: 0px auto;" v-if="buyForm.payType">
|
|
|
+ <img :src="wxPayUrl" width="300px" @click="showImg(wxPayUrl)">
|
|
|
+ </div>
|
|
|
+ <div style="width: 300px; margin: 0px auto;" v-else>
|
|
|
+ <img :src="aliPayUrl" width="300px" @click="showImg(aliPayUrl)">
|
|
|
</div>
|
|
|
</el-row>
|
|
|
|
|
|
@@ -221,47 +177,11 @@
|
|
|
<el-button @click="buyCourse" type="primary">确 定</el-button>
|
|
|
</el-form-item>
|
|
|
</el-row>
|
|
|
-
|
|
|
</el-form>
|
|
|
|
|
|
</el-dialog>
|
|
|
|
|
|
|
|
|
- <el-dialog :title="promiseType[promise.showType]" class="fc tc" :visible.sync="commitmentDialog">
|
|
|
- <div>
|
|
|
- <div>
|
|
|
- <div class="commitment-header"> {{promise.title}} </div>
|
|
|
- <div class="tl commitment">
|
|
|
- {{promise.content}}
|
|
|
- </div>
|
|
|
- <div class="commitment-footer">
|
|
|
- {{promise.footer}}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="tl commitment-content mt20" v-if="promise.showType==2">
|
|
|
- <el-radio-group v-model="isCommitment">
|
|
|
- <el-row class="mt10">
|
|
|
- <el-radio :label="true">本人作出上述承诺</el-radio>
|
|
|
- </el-row>
|
|
|
- <el-row class="mt10">
|
|
|
- <el-radio :label="false">本人不作出上述承诺</el-radio>
|
|
|
- </el-row>
|
|
|
- </el-radio-group>
|
|
|
- </div>
|
|
|
-
|
|
|
- <span slot="footer" class="dialog-footer" v-if="promise.showType==2">
|
|
|
- <el-button @click="commitmentDialog = false">取 消</el-button>
|
|
|
- <el-button type="primary" :disabled="isCommitment?false:true" @click="buyCourseDialog=true">确 定</el-button>
|
|
|
- </span>
|
|
|
-
|
|
|
- <div slot="footer" class="dialog-footer mt20" v-else>
|
|
|
- <el-button @click="commitmentDialog = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="buyCourseDialog=true">继续购买</el-button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-dialog>
|
|
|
-
|
|
|
<el-dialog append-to-body close-on-click-modal :visible.sync="showImgDialog" style="margin-top: 0px;"
|
|
|
:width="width">
|
|
|
<img :src="imgUrl" @load="onLoad" alt="" />
|
|
|
@@ -332,6 +252,7 @@
|
|
|
3: '委 托 书'
|
|
|
},
|
|
|
buyForm: {
|
|
|
+ payType:'wx',
|
|
|
marks: '',
|
|
|
rzCode: '',
|
|
|
payNo: '',
|
|
|
@@ -340,7 +261,9 @@
|
|
|
buyImg: '',
|
|
|
name: '',
|
|
|
courseName: '',
|
|
|
- list: []
|
|
|
+ list: [],
|
|
|
+ fee: 0,
|
|
|
+ course_id: ''
|
|
|
},
|
|
|
promise: {
|
|
|
status: 0,
|
|
|
@@ -351,6 +274,8 @@
|
|
|
},
|
|
|
imgUrl: '',
|
|
|
qrcodeUrl: "",
|
|
|
+ wxPayUrl:"",
|
|
|
+ aliPayUrl:"",
|
|
|
outTradeNo: "",
|
|
|
courseFee: 0,
|
|
|
title: '',
|
|
|
@@ -443,6 +368,11 @@
|
|
|
this.imgUrl = url;
|
|
|
this.showImgDialog = true;
|
|
|
},
|
|
|
+ onPayTypeChange() {
|
|
|
+ if (this.buyCourseDialog && this.buyForm.course_id) {
|
|
|
+ this.generatePayQrcode();
|
|
|
+ }
|
|
|
+ },
|
|
|
closeDialog() {
|
|
|
if (this.timer) window.clearInterval(this.timer);
|
|
|
},
|
|
|
@@ -477,6 +407,51 @@
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
+ initTimer() {
|
|
|
+ if (this.timer) window.clearInterval(this.timer);
|
|
|
+ this.tickCount = 0;
|
|
|
+ this.timer = window.setInterval(() => {
|
|
|
+ this.tickCount++;
|
|
|
+ this.tickTimer();
|
|
|
+ }, 2000);
|
|
|
+ },
|
|
|
+ tickTimer() {
|
|
|
+ if (this.tickCount > 150) {
|
|
|
+ if (this.timer) window.clearInterval(this.timer);
|
|
|
+ this.$message.warning("支付超时，请重新支付");
|
|
|
+ this.buyCourseDialog = false;
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ let outTradeNo = this.outTradeNo;
|
|
|
+ httpServer("weixin.isPayOk", { outTradeNo }).then((res) => {
|
|
|
+ if (res.code == 200 && !!res.data) {
|
|
|
+ if (this.timer) window.clearInterval(this.timer);
|
|
|
+ this.$message.success("支付成功");
|
|
|
+ this.buyCourseDialog = false;
|
|
|
+ this.getData();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ generatePayQrcode() {
|
|
|
+ let payType = this.buyForm.payType;
|
|
|
+ let apiName = payType === 'wx' ? "weixin.DoWxpay" : "weixin.DoaliPay";
|
|
|
+ let param = {
|
|
|
+ courseId: this.buyForm.course_id,
|
|
|
+ rzCode: this.buyForm.rzCode
|
|
|
+ };
|
|
|
+ httpServer(apiName, param).then((res) => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ let { outTradeNo, showUrl } = res.data;
|
|
|
+ this.outTradeNo = outTradeNo;
|
|
|
+ if (payType === 'wx') {
|
|
|
+ this.wxPayUrl = showUrl;
|
|
|
+ } else {
|
|
|
+ this.aliPayUrl = showUrl;
|
|
|
+ }
|
|
|
+ this.initTimer();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
getData() {
|
|
|
let param = {
|
|
|
size: 1000,
|
|
|
@@ -508,6 +483,7 @@
|
|
|
}
|
|
|
},
|
|
|
cancelBuyCourse() {
|
|
|
+ if (this.timer) window.clearInterval(this.timer);
|
|
|
this.$refs["elForm"].resetFields();
|
|
|
this.buyCourseDialog = false
|
|
|
this.commitmentDialog = false;
|
|
|
@@ -594,12 +570,10 @@
|
|
|
this.buyForm.company = this.userInfo.company;
|
|
|
this.buyForm.temp = item;
|
|
|
this.buyForm.courseName = item.name;
|
|
|
- this.matchPromise(item);
|
|
|
+ this.buyForm.course_id = item.course_id;
|
|
|
+ this.buyForm.fee = item.fee;
|
|
|
this.matchType(item.type)
|
|
|
- // this.testBuyOK(item)
|
|
|
- // return;
|
|
|
// 检查
|
|
|
- item.payErr = true;
|
|
|
httpServer("weixin.docheckpay", {
|
|
|
courseId: item.course_id
|
|
|
}).then((res) => {
|
|
|
@@ -608,16 +582,13 @@
|
|
|
this.isCompanyPay = 0;
|
|
|
this.isCommitment = ''
|
|
|
Object.assign(this.buyForm, res.data);
|
|
|
- if (this.promise.status == 1) {
|
|
|
- this.commitmentDialog = true;
|
|
|
- this.buyCourseDialog = false;
|
|
|
- } else {
|
|
|
- this.buyCourseDialog = true;
|
|
|
- this.commitmentDialog = false;
|
|
|
- }
|
|
|
+ this.buyCourseDialog = true;
|
|
|
+ this.commitmentDialog = false;
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.generatePayQrcode();
|
|
|
+ });
|
|
|
} else {
|
|
|
- console.log("payErr")
|
|
|
- item.payErr = true;
|
|
|
+ this.$message.error(res.msg || "无法购买该课程");
|
|
|
}
|
|
|
});
|
|
|
},
|
