'normal'

src/containers/center/market/index.vue

@@ -66,31 +66,13 @@
     </el-dialog>
 
 
-    <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>
-          <p><span class="buyForm-title">开户银行：</span>中国工商银行股份有限公司三明下洋支行　 </p>
-          <p><span class="buyForm-title">开户账号：</span> 1404400629000070587　 </p>
-        </div>
-
-        <div align="left" style="color: red; margin-top: 10px;">
-          <p style="font-size: 16px;">备注：</p>
-          <p style="margin-left: 20px;">1、仅支持个人缴费，批量缴费需联系三明市城市建设项目服务中心</p>
-          <p style="margin-left: 30px;">（三明市建设人才服务中心窗口，联系电话：0598-5157296） </p>
-          <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>
-
+    <el-dialog title="申请开通课程"  :visible.sync="buyCourseDialog" :append-to-body="true" width="750px" align="center">
+      <el-form label-width="80px" label-position="right" :inline="true" :model="buyForm" status-icon :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="报考岗位"></el-input>
+              <el-input v-model="buyForm.courseName" type="text" placeholder="报考岗位" style="width: 220px;"></el-input>
             </el-form-item>
 
           </el-col>
@@ -98,36 +80,47 @@
           <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" placeholder="证书编号"></el-input>
+              <el-input v-model="buyForm.rzCode" type="text" placeholder="证书编号" style="width: 220px;"></el-input>
             </el-form-item>
           </el-col>
 
           <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="邮箱地址"></el-input>
+              <el-input v-model="buyForm.email" type="textarea" placeholder="邮箱地址" style="width: 220px;"></el-input>
             </el-form-item>
           </el-col>
 
 
           <el-col :span="12" class="pl20 pr20">
-            <el-form-item lable="备注信息">
+            <el-form-item lable="订单号" prop="payNo">
+              <label slot="label">订单号</label>
+              <el-input v-model="buyForm.payNo" placeholder="输入订单编号后6位" style="width: 220px;" :minlength="6" :maxlength="6" show-word-limit ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+         <el-row>
+          <el-col :span="24" class="pl20 pr20">
+            <el-form-item lable="备注信息" prop="marks">
               <label slot="label">备注信息</label>
-              <el-input v-model="buyForm.marks" type="textarea" placeholder="备注信息"></el-input>
+              <el-input v-model="buyForm.marks" type="textarea" placeholder="姓名+工种名称，例：张三+土建施工员" style="width: 573px;"></el-input>
             </el-form-item>
           </el-col>
 
+        </el-row>
+        <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>
         </el-row>
 
-        <el-form-item prop="buyImg">
-          <img :src="buyForm.buyImg" :onerror="errorImg" class="setting-img" width="500px" @click="showImg(buyForm.buyImg)">
-          <do-upload @onFinish="uploadBuyImg" :mins="50" :maxs="2000" placeholder="上传支付凭证"> </do-upload>
-        </el-form-item>
-
-        <el-form-item class="tc">
-          <el-button @click="buyCourseDialog=false">取 消</el-button>
-          <el-button @click="buyCourse" type="primary">确 定</el-button>
-        </el-form-item>
+         <el-row class="tc fc">
+          <el-form-item >
+            <el-button @click="buyCourseDialog=false">取 消</el-button>
+            <el-button @click="buyCourse" type="primary">确 定</el-button>
+          </el-form-item>
+        </el-row>
 
       </el-form>
 
@@ -135,20 +128,8 @@
 
 
 
-    <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="stage==2">
+    <el-dialog title="承诺书" class="fc tc" :visible.sync="commitmentDialog">
+        <div >
           <div v-if="type=='继续教育'">
             <div class="commitment-header"> 致：三明市城市建设项目服务中心 </div>
             <div class="tl commitment">
@@ -198,7 +179,7 @@
 
           <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>
+            <el-button type="primary" :disabled="isCommitment?false:true" @click="buyCourseDialog=true">确 定</el-button>
           </span>
         </div>
 
@@ -250,6 +231,7 @@
         buyForm: {
           marks: '',
           rzCode: '',
+          payNo:'',
           courseName: ''
         },
         imgUrl: '',
@@ -270,6 +252,18 @@
             required: true,
             message: '请输入证书编号'
           }],
+          payNo:[
+            {
+              required: true,
+              message: '请输入订单编号后六位'
+            }
+          ],
+          marks:[
+            {
+              required: true,
+              message: '请输入备注信息'
+            }
+          ],
           email: [{
               required: true,
               message: '请输入有效邮箱'
@@ -288,10 +282,6 @@
           courseName: [{
             required: true,
             message: '请输入报考岗位'
-          }],
-          buyImg: [{
-            required: true,
-            message: '请上传凭证'
           }]
         },
         errorImg: 'this.src="' + require('../../../assets/images/no-data_hash5abcd2ef62.png') + '"'
@@ -327,18 +317,6 @@
       if (this.timer) window.clearInterval(this.timer);
     },
     methods: {
-      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;
@@ -374,7 +352,7 @@
           if (!valid) return;
           let {
             marks,
-            buyImg,
+            payNo,
             course_id,
             courseName,
             rzCode,
@@ -387,7 +365,7 @@
           }
           let param = {
             marks,
-            buyImg,
+            payNo,
             courseId: course_id,
             courseName,
             rzCode,
@@ -416,6 +394,11 @@
         let item = this.list[index];
         this.buyForm = Object.assign({}, item)
         this.buyForm.temp = item;
+        // this.stage = 2;
+        // this.isCompanyPay = 1;
+        // this.isCommitment=''
+        // this.commitmentDialog = true;
+
         httpServer("weixin.docheckpay", {
           courseId: item.course_id
         }).then((res) => {