y595705120 3 年 前
コミット
cf33866644
2 ファイル変更148 行追加89 行削除
  1. 3 2
      config/index.js
  2. 145 87
      src/containers/center/market/index.vue

+ 3 - 2
config/index.js

@@ -2,8 +2,9 @@
 // Template version: 1.3.1
 // see http://vuejs-templates.github.io/webpack for documentation.
 //
-// const TARGET = "http://study.ndjsxh.cn:8889/"
-const TARGET = "http://localhost:8000/"
+// const TARGET = "http://study.ndjsxh.cn:8888/"
+// const TARGET = "http://localhost:8000/"
+const TARGET = "http://sm.hqedust.com:8889/"
 const path = require('path')
 
 module.exports = {

+ 145 - 87
src/containers/center/market/index.vue

@@ -66,7 +66,7 @@
     </el-dialog>
 
 
-    <el-dialog title="申请开通课程" class="fc tc" :visible.sync="buyCourseDialog" :append-to-body="true"  >
+    <el-dialog title="申请开通课程" class="fc tc" :visible.sync="buyCourseDialog" :append-to-body="true">
       <el-form label-width="80" label-position="left" :inline="false" :model="buyForm" status-icon :rules="rules" ref="elForm">
         <div align="left" style="font-size: 16px;">
           <p><span class="buyForm-title">单位名称:</span> 三明市城市建设项目服务中心  </p>
@@ -81,9 +81,9 @@
           <p style="margin-left: 20px;">2、缴费时请备注:姓名+工种名称,例:张三+土建施工员</p>
           <p style="margin-left: 20px;">3、缴费成功后请上传缴费截图审核。</p>
         </div>
-        <div align="left" >
-          <el-button type="text" > 本课程费用: <strong style="color: red;"> {{buyForm.fee/100}} 元 </strong>  </el-button>
-          <el-button type="text"  @click="showImg(exampleImg)"> 查看案例 </el-button>
+        <div align="left">
+          <el-button type="text"> 本课程费用: <strong style="color: red;"> {{buyForm.fee/100}} 元 </strong> </el-button>
+          <el-button type="text" @click="showImg(exampleImg)"> 查看案例 </el-button>
         </div>
 
         <el-row align="left">
@@ -96,14 +96,14 @@
           </el-col>
 
           <el-col :lg="12" class="pl20 pr20">
-            <el-form-item lable="证书编号" prop="rzCode" >
+            <el-form-item lable="证书编号" prop="rzCode">
               <label slot="label">证书编号</label>
               <el-input v-model="buyForm.rzCode" type="text" placeholder="证书编号"></el-input>
             </el-form-item>
           </el-col>
 
           <el-col :lg="12" class="pl20 pr20">
-            <el-form-item lable="邮箱地址" prop="email" >
+            <el-form-item lable="邮箱地址" prop="email">
               <label slot="label">邮箱地址</label>
               <el-input v-model="buyForm.email" type="textarea" placeholder="邮箱地址"></el-input>
             </el-form-item>
@@ -111,7 +111,7 @@
 
 
           <el-col :span="12" class="pl20 pr20">
-            <el-form-item lable="备注信息" >
+            <el-form-item lable="备注信息">
               <label slot="label">备注信息</label>
               <el-input v-model="buyForm.marks" type="textarea" placeholder="备注信息"></el-input>
             </el-form-item>
@@ -135,12 +135,23 @@
 
 
 
-    <el-dialog title="承诺书"  class="fc tc" :visible.sync="commitmentDialog">
+    <el-dialog :title="stage==2?'承诺书':'转账账户'" class="fc tc" :visible.sync="commitmentDialog">
 
+        <template v-if="stage==1">
+          <div class="dialog-body " style="font-size: 30px;">
+            <el-radio :label="1"  v-model="isCompanyPay">个人账户缴费</el-radio>
+            <el-radio :label="2" v-model="isCompanyPay">企业账户缴费</el-radio>
+          </div>
+
+          <div slot="footer" class="dialog-footer tc">
+            <el-button type="primary" @click="confirmCompanyPay">确 定</el-button>
+          </div>
+        </template>
 
-        <div v-if="type=='继续教育'">
+        <div v-if="stage==2">
+          <div v-if="type=='继续教育'">
             <div class="commitment-header"> 致:三明市城市建设项目服务中心 </div>
-            <div class="tl commitment" >
+            <div class="tl commitment">
               根据福建省住房和城乡建设厅《关于做好施工现场专业人员换发电子培训合格证相关工作的通知》(
               闽建人函〔2021〕6号)的文件精神,施工现场专业人员符合换证条件的按要求参加不少于32学时的继续教育。
               按照明建人才〔2021〕8号关于施工现场专业人员岗位证书继续教育的通知,
@@ -149,67 +160,69 @@
             <div class="commitment-footer">
               特此诺书!
             </div>
-        </div>
+          </div>
 
 
-        <div v-else-if="type=='建筑施工企业特种作业人员'">
-          <div class="tl commitment" >
+          <div v-else-if="type=='建筑施工企业特种作业人员'">
+            <div class="tl commitment">
               根据住建部《建筑施工特种作业人员管理规定》(建质﹝2008﹞75号),
               特种作业人员应当参加年度安全教育培训或继续教育,
               每年不得少于24学时。本人自愿选择参加三明市城市建设项目服务中心组织的特种操作人员继续教育,
               对报名相关条件、提交的材料及收费情况均已知晓!且所提交的材料真实有效,
               如有存在虚假,所导致的一切后果本人自愿承担。
-          </div>
+            </div>
 
-        </div>
+          </div>
 
-        <div v-else>
-          <div class="tl commitment" >
-            按照《福建省住房和城乡建设厅办公室关于住房城乡建设行业从业人员职业教育培训工作有关事项的通知》
-            (闽建办人〔2020〕3号)的要求,安管人员证书在证书有效期内参加县级以上住房和城乡建设主管部门组织的安全生产教育培训时间满24学时。
-            本人自愿选择参加三明市城市建设项目服务中心组织的安管人员(三类人员)继续教育,对报名相关条件、
-            提交的材料及收费情况均已知晓!且所提交的材料真实有效,如有存在虚假,所导致的一切后果本人自愿承担。
+          <div v-else>
+            <div class="tl commitment">
+              按照《福建省住房和城乡建设厅办公室关于住房城乡建设行业从业人员职业教育培训工作有关事项的通知》
+              (闽建办人〔2020〕3号)的要求,安管人员证书在证书有效期内参加县级以上住房和城乡建设主管部门组织的安全生产教育培训时间满24学时。
+              本人自愿选择参加三明市城市建设项目服务中心组织的安管人员(三类人员)继续教育,对报名相关条件、
+              提交的材料及收费情况均已知晓!且所提交的材料真实有效,如有存在虚假,所导致的一切后果本人自愿承担。
 
+            </div>
           </div>
-        </div>
 
 
-        <div class="tl commitment-content mt20">
-          <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>
+          <div class="tl commitment-content mt20">
+            <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">
-          <el-button @click="commitmentDialog = false">取 消</el-button>
-          <el-button type="primary" :disabled="isCommitment?false:true" @click="confirmCommitment">确 定</el-button>
-        </span>
+          <span slot="footer" class="dialog-footer">
+            <el-button @click="commitmentDialog = false">取 消</el-button>
+            <el-button type="primary" :disabled="isCommitment?false:true" @click="stage=1">确 定</el-button>
+          </span>
+        </div>
 
-      </el-dialog>
+    </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="" />
+    <el-dialog append-to-body close-on-click-modal :visible.sync="showImgDialog" style="margin-top: 0px;" :width="width">
+      <img :src="imgUrl" @load="onLoad" alt="" />
     </el-dialog>
   </div>
 </template>
 
 <script>
-  import { httpServer } from "@/components/httpServer/httpServer.js";
-  import {MessageBox } from "element-ui";
+  import {
+    httpServer
+  } from "@/components/httpServer/httpServer.js";
+  import {
+    MessageBox
+  } from "element-ui";
   import unLogin from "../../login/components/unLogin.vue";
-  import {parseTime } from "@/utils";
+  import {
+    parseTime
+  } from "@/utils";
   import DoUpload from '@/components/upload/index.vue'
-  import exampleImg from   '@/assets/template.png'
+  import exampleImg from '@/assets/template.png'
 
 
   import {
@@ -224,6 +237,8 @@
         page: 1,
         size: 8,
         total: 0,
+        stage: 0,
+        isCompanyPay: 0,
         width: "",
         type: this.$route.query.type || '',
         list: [],
@@ -232,8 +247,12 @@
         buyCourseDialog: false,
         showExample: false,
         showImgDialog: false,
-        buyForm:{marks:'', rzCode:'', courseName:''},
-        imgUrl:'',
+        buyForm: {
+          marks: '',
+          rzCode: '',
+          courseName: ''
+        },
+        imgUrl: '',
         qrcodeUrl: "",
         outTradeNo: "",
         courseFee: 0,
@@ -246,21 +265,34 @@
         media: {},
         commitmentDialog: false,
         exampleImg: exampleImg,
-        rules:{
-          rzCode: [{required:true, message:'请输入证书编号'}],
-          email: [
-            {required:true, message:'请输入有效邮箱'},
-            { type: 'string',message: '邮箱格式不正确',  trigger: 'blur',
-              transform (value) {
-                 if (!/^\w+((-\w+)|(\.\w+))*@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/.test(value)) {
-                   return true
-                 }else{
-                 }
-               }
-             }
-           ],
-          courseName:[{required:true, message:'请输入报考岗位'}],
-          buyImg:[{required:true, message:'请上传凭证'}]
+        rules: {
+          rzCode: [{
+            required: true,
+            message: '请输入证书编号'
+          }],
+          email: [{
+              required: true,
+              message: '请输入有效邮箱'
+            },
+            {
+              type: 'string',
+              message: '邮箱格式不正确',
+              trigger: 'blur',
+              transform(value) {
+                if (!/^\w+((-\w+)|(\.\w+))*@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/.test(value)) {
+                  return true
+                } else {}
+              }
+            }
+          ],
+          courseName: [{
+            required: true,
+            message: '请输入报考岗位'
+          }],
+          buyImg: [{
+            required: true,
+            message: '请上传凭证'
+          }]
         },
         errorImg: 'this.src="' + require('../../../assets/images/no-data_hash5abcd2ef62.png') + '"'
       };
@@ -281,7 +313,7 @@
       type(val) {
         this.getData()
       },
-      isCommitment(val){
+      isCommitment(val) {
         console.log(val)
       }
     },
@@ -295,8 +327,20 @@
       if (this.timer) window.clearInterval(this.timer);
     },
     methods: {
-      showImg( url ){
-        if( !url) return;
+      confirmCompanyPay() {
+        let isCompanyPay = this.isCompanyPay;
+        if (!isCompanyPay) {
+          this.$message.errorMsg("请选择转账类型", 3)
+        } else if (isCompanyPay == 2) {
+          this.$message.errorMsg("暂不支持对公转账", 3)
+        } else {
+          this.stage = 2
+          this.commitmentDialog = false
+          this.buyCourseDialog = true;
+        }
+      },
+      showImg(url) {
+        if (!url) return;
         this.imgUrl = url;
         this.showImgDialog = true;
       },
@@ -307,12 +351,12 @@
         const img = e.target;
         let width = 0;
         if (img.fileSize > 0 || (img.width > 1 && img.height > 1)) {
-            width = img.width + 40;
+          width = img.width + 40;
         }
         this.width = width + "px";
       },
       getData() {
-        if( !this.type) return;
+        if (!this.type) return;
         let param = {
           size: this.size,
           type: this.type,
@@ -325,15 +369,30 @@
           }
         });
       },
-      buyCourse(){
+      buyCourse() {
         this.$refs["elForm"].validate((valid) => {
           if (!valid) return;
-          let {marks, buyImg, course_id, courseName, rzCode, name, email} = this.buyForm;
-          if( courseName != name ){
-             this.$message.errorMsg("报考岗位有误", 1)
+          let {
+            marks,
+            buyImg,
+            course_id,
+            courseName,
+            rzCode,
+            name,
+            email
+          } = this.buyForm;
+          if (courseName != name) {
+            this.$message.errorMsg("报考岗位有误", 1)
             return;
           }
-          let param = {marks, buyImg, courseId:course_id, courseName, rzCode,email }
+          let param = {
+            marks,
+            buyImg,
+            courseId: course_id,
+            courseName,
+            rzCode,
+            email
+          }
           httpServer("course.buyCourse", param).then((res) => {
             if (res.code == 200) {
               this.$message.successMsg("申请购买成功", 1);
@@ -347,24 +406,23 @@
           });
         })
       },
-      confirmCommitment(){
-        this.commitmentDialog = false;
-        this.buyCourseDialog = true;
-      },
       gotoDetail(courseId) {
         this.$router.push(`/main/course/${courseId}`);
       },
-      uploadBuyImg( url ){
+      uploadBuyImg(url) {
         this.buyForm.buyImg = url;
       },
       goPay(index) {
         let item = this.list[index];
         this.buyForm = Object.assign({}, item)
-        this.buyForm.temp= item;
+        this.buyForm.temp = item;
         httpServer("weixin.docheckpay", {
           courseId: item.course_id
         }).then((res) => {
           if (res.code == 200) {
+            this.stage = 2;
+            this.isCompanyPay = 0;
+            this.isCommitment=''
             this.commitmentDialog = true;
           }
         });
@@ -411,26 +469,26 @@
     text-align: center;
   }
 
-.commitment-header{
+  .commitment-header {
     font-size: 16px;
     text-align: left;
   }
 
-  .commitment{
-    text-indent:30px;
+  .commitment {
+    text-indent: 30px;
     margin-top: 20px;
     font-size: 16px;
     line-height: 200%;
   }
 
-  .commitment-footer{
+  .commitment-footer {
     margin-top: 30px;
     text-indent: 50px;
     font-size: 16px;
     text-align: left;
   }
-  .commitment-content{
+
+  .commitment-content {
     font-size: 16px;
   }
-
 </style>