www

src/containers/center/market/trainIndex.vue

@@ -131,13 +131,13 @@
 
 
     <el-dialog title="申请开通课程"  :visible.sync="buyCourseDialog"
-    width="800px" top="20px" align="center">
+    width="900px" top="20px" 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="报考岗位" style="width: 220px;"></el-input>
+              <el-input v-model="buyForm.courseName" type="text" placeholder="报考岗位" style="width: 260px;"></el-input>
             </el-form-item>
 
           </el-col>
@@ -145,7 +145,11 @@
           <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="证书编号" style="width: 220px;"></el-input>
+              <el-input v-model="buyForm.rzCode" type="text" placeholder="证书编号" style="width: 260px;">
+                <template #suffix>
+                  <el-button @click="openShowAllRzcodeDialog" type="text">修改</el-button>
+                </template>
+              </el-input>
             </el-form-item>
           </el-col>
 
@@ -156,29 +160,29 @@
           <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: 220px;"></el-input>
+              <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-col :lg="12" class="pl20 pr20">
             <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-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-col :lg="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: 220px;"></el-input>
+               <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-col :lg="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: 220px;"></el-input>
+              <el-input v-model="buyForm.marks" type="textarea" placeholder="姓名+工种名称，例：张三+土建施工员" style="width: 260px;"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -194,10 +198,10 @@
 
         <el-row>
           <h2 class="tc"> 本课程费用: <strong style="color: red;"> {{buyForm.fee/100}} 元 </strong> </h2>
-          <el-col :span="12" class="p20">
+          <el-col :lg="12" class="p20">
             <img src="/static/images/wxpay.jpg"   width="300px" >
           </el-col>
-          <el-col :span="12" class="p20">
+          <el-col :lg="12" class="p20">
             <img src="/static/images/payNo.jpg"   width="300px" >
           </el-col>
         </el-row>
@@ -253,6 +257,21 @@
     <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>
+
+    <el-dialog append-to-body close-on-click-modal :visible.sync="showAllRzcodeDialog" width="1024px">
+      <el-table v-if="buyForm.list.length>0" :data="buyForm.list" border>
+        <el-table-column label="证书编号" prop="certificateNum" align="center" />
+        <el-table-column label="岗位名称" prop="positionName" align="center" />
+        <el-table-column label="证书状态" prop="certificateStatus" align="center" />
+        <el-table-column label="发证机关" prop="certificateOrgan" align="center" />
+        <el-table-column label="发证时间" prop="startTime" align="center" />
+        <el-table-column label="选择" prop="reviewTime" align="center">
+          <template slot-scope="{row}">
+            <el-button @click="selectRzcode(row)" type="primary">选择</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-dialog>
   </div>
 </template>
 
@@ -298,6 +317,7 @@
         allList:[],
         typeInfo:{},
         isCommitment: "",
+        showAllRzcodeDialog: false,
         buyCourseDialog: false,
         showExample: false,
         showImgDialog: false,
@@ -309,7 +329,8 @@
           company:'',
           buyImg:'',
           name:'',
-          courseName: ''
+          courseName: '',
+          list:[]
         },
         promise,
         imgUrl: '',
@@ -411,6 +432,13 @@
         this.imgUrl = url;
         this.showImgDialog = true;
       },
+      openShowAllRzcodeDialog() {
+        this.showAllRzcodeDialog = true;
+      },
+      selectRzcode(row) {
+        this.buyForm.rzCode = row.certificateNum;
+        this.showAllRzcodeDialog = false;
+      },
       closeDialog() {
         if (this.timer) window.clearInterval(this.timer);
       },