230=>260px

src/containers/center/market/index.vue

@@ -119,32 +119,25 @@
 
     </div>
 
-    <el-dialog class="fc tc" :visible.sync="loginDialog" :close-on-click-modal="false" width="500px" @close="loginDialog=false">
-      <div class="login-dialog m-login">
-        <un-login @login="login"></un-login>
-      </div>
-    </el-dialog>
-
-
     <el-dialog title="申请开通课程"  :visible.sync="buyCourseDialog"
-    width="800px" top="20px" align="center">
+    width="850px" 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>
 
           <el-col :lg="12" class="pl20 pr20">
             <el-form-item lable="证书编号" prop="rzCode">
               <label slot="label">证书编号</label>
-              <el-select v-model="buyForm.rzCode" style="width: 220px;">
-                <el-option v-for="item in buyForm.list" :label="item.certificateNum+'|'+item.startTime+'|'+item.certificateStatus" :value="item.certificateNum" key="id" />
-              </el-select>
-              <!-- <el-input  type="text" placeholder="证书编号" style="width: 220px;"></el-input> -->
+              <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>
 
@@ -155,7 +148,7 @@
           <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>
 
@@ -163,7 +156,7 @@
           <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: 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>
@@ -171,13 +164,13 @@
            <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: 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-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>
@@ -210,7 +203,6 @@
     </el-dialog>
 
 
-
     <el-dialog title="承诺书" class="fc tc" :visible.sync="commitmentDialog">
 
         <div>
@@ -267,6 +259,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="1024">
+      <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>
 
@@ -279,7 +286,6 @@
   import {
     MessageBox
   } from "element-ui";
-  import unLogin from "../../login/components/unLogin.vue";
   import {
     parseTime
   } from "@/utils";
@@ -312,6 +318,7 @@
         buyCourseDialog: false,
         showExample: false,
         showImgDialog: false,
+        showAllRzcodeDialog: false,
         buyForm: {
           marks: '',
           rzCode: '',
@@ -332,8 +339,6 @@
         timer: null,
         tickCount: 0,
         listLoading: false,
-        loginDialog: false,
-        isLoginOk: false,
         media: {},
         commitmentDialog: false,
         exampleImg: exampleImg,
@@ -385,7 +390,6 @@
       ...mapGetters("user", ["typeList", "userInfo"])
     },
     components: {
-      unLogin,
       DoUpload
     },
     filters: {
@@ -472,6 +476,14 @@
         this.$refs["elForm"].resetFields();
         this.buyCourseDialog=false
       },
+      openShowAllRzcodeDialog(){
+        console.log("openShowAllRzcodeDialog")
+        this.showAllRzcodeDialog = true;
+      },
+      selectRzcode( row ){
+        this.buyForm.rzCode = row.certificateNum;
+        this.showAllRzcodeDialog = false;
+      },
       buyCourse() {
         this.$refs["elForm"].validate((valid) => {
           if (!valid) return;
@@ -550,27 +562,6 @@
       handleCurrentChange(page) {
         this.page = page;
         this.getData()
-      },
-      login(param) {
-        httpServer("Auth.LoginStudy", param).then(res => {
-          if (res.code == 200) {
-            let {
-              nickname,
-              token,
-              uid
-            } = res.data;
-            localStorage.nickname = nickname;
-            localStorage.token = token;
-            localStorage.uid = uid
-            this.user = {
-              nickname,
-              token,
-              uid
-            };
-            this.loginOk = true
-            this.loginDialog = false
-          }
-        })
       }
     },
   };