学习

src/containers/apply/index.css

@@ -37,8 +37,8 @@
   text-align: center;
   /* margin: 30px auto; */
   color: white;
-  padding-top: 30px;
-  padding-bottom: 30px;
+  padding-top: 20px;
+  padding-bottom: 20px;
   display: block;
   font-weight: bold;
 }

src/containers/apply/index.vue

@@ -40,7 +40,7 @@
 
 
       <el-dialog title="修改企业信息" center :visible.sync="updateCompanyDialog" width="500px">
-        	<el-form :model="info" :rules="rules2" label-width="120px" ref="elForm2" >
+        	<el-form :model="info" :rules="rules2" label-width="120px" ref="updateCompanyDialog" >
         		<el-form-item label="信用统一代码" prop="companyNo" >
         			<el-input v-model="info.companyNo" type="text" style="width: 250px;" />
         		</el-form-item>
@@ -56,35 +56,57 @@
         </el-dialog>
       </div>
 
-      <el-dialog title="添加用户" center :visible.sync="addUserDialog" width="500px">
-      	<el-form :model="form" :rules="rules" label-width="120px" ref="elForm" >
-      		<el-form-item label="证书编号" prop="rzCode" >
-      			<el-input v-model="form.rzCode" type="text" style="width: 250px;" />
-      		</el-form-item>
+      <el-dialog title="选择证书" center :visible.sync="selectRzCodeDialog" width="80%">
+        	<el-table v-loading="listLoading" :data="recodeList" border fit highlight-current-row>
+        	    <el-table-column label="证书编号" align="center" prop="certificateNum" />
+              <el-table-column label="岗位类型" align="center" prop="certificateType" />
+              <el-table-column label="岗位名称" align="center" prop="positionName" />
+        	    <el-table-column label="发证机关" align="center" prop="certificateOrgan" />
+        	    <el-table-column label="证书状态" align="center" prop="certificateStatus" />
+        	    <el-table-column label="有效期" fixed="right" align="center" >
+        	        <template slot-scope="{row}">
+                    <span>{{row.startTime}}-{{row.endTime}}</span>
+        	        </template>
+        	      </el-table-column>
+        	    <el-table-column label="操作" fixed="right" align="center">
+        	        <template slot-scope="{row}">
+        	          <el-button @click="selectRzCode( row )" type="text" size="small">选择</el-button>
+        	        </template>
+        	      </el-table-column>
+        	    </el-table>
+        	</el-table>
+      </el-dialog>
+
+
+      <el-dialog title="添加用户" center :visible.sync="addUserDialog" width="520px" :close-on-click-modal="false">
+      	<el-form :model="form" :rules="rules" label-width="120px" ref="addUserDialog" >
           <el-form-item label="用户名字" prop="nickname">
-      			<el-input v-model="form.nickname" type="text" style="width: 250px;" />
+      			<el-input v-model="form.nickname" type="text" style="width: 300px;" name="nickname" autocomplete="on" />
       		</el-form-item>
       		<el-form-item label="身份证号" prop="cardId" >
-      			<el-input v-model="form.cardId" type="text" style="width: 250px;" />
+      			<el-input v-model="form.cardId" type="text" style="width: 300px;" name="cardId" autocomplete="on"/>
       		</el-form-item>
+          <el-form-item label="证书编号" prop="rzCode" >
+          	<el-input v-model="form.rzCode" type="text" style="width: 230px;" />
+            <el-button style="width: 70px;" type="primary" @click="reloadRzCode" :disabled="form.cardId.length!=18 || !form.nickname" >查询</el-button>
+          </el-form-item>
           <el-form-item label="最高学历" prop="education" >
-            <el-select  v-model="form.education" style="width: 250px;" >
+            <el-select  v-model="form.education" style="width: 300px;" >
             	<el-option v-for="item in educationList" :value="item" :label="item" :key="item"/>
             </el-select>
           </el-form-item>
       		<el-form-item label="手机号码" prop="phone" >
-      			<el-input v-model="form.phone" type="text" style="width: 250px;" />
+      			<el-input v-model="form.phone" type="text" style="width: 300px;" name="phone"  autocomplete="on" />
       		</el-form-item>
       		<el-form-item label="选择岗位" prop="courseId">
-      			<el-select  v-model="form.courseId" style="width: 250px;" >
+      			<el-select  v-model="form.courseId" style="width: 300px;" >
               <el-option  :value="0" label="选择课程" />
       				<el-option v-for="item in courseList" :value="item.courseId" :label="item.courseName+'|'+item.nd" :key="item.id"/>
       			</el-select>
       		</el-form-item>
-
       	</el-form>
         <div class="dialog-footer" slot="footer">
-        	<el-button @click="addUserDialog = false">取 消</el-button>
+        	<el-button @click="closeDialog('addUserDialog')">取 消</el-button>
         	<el-button @click="doAddUser()" type="primary">确 定</el-button>
         </div>
       </el-dialog>
@@ -125,6 +147,8 @@
         size: 10,
         list: [],
         courseList: [],
+        selectRzCodeDialog: false,
+        recodeList:[],
         form: Object.assign({}, defaultForm),
         rules: {
           nickname: [{required: true, message: "请输入名字", trigger: "blur", min: 2 }],
@@ -168,12 +192,32 @@
           this.courseList = res.data.courseList||[]
         })
       },
+      reloadRzCode(){
+        let {nickname,cardId} = this.form;
+        if( !nickname || cardId.length <15 || cardId.length> 18){
+          this.$message({message:'请输入大陆身份证（15-18位）'})
+          return
+        }
+        httpServer("User.ReLoadRzCode", {nickname,cardId}).then( res=>{
+          if( res.code != 200) return;
+          this.recodeList = res.data;
+          this.selectRzCodeDialog = true;
+        })
+      },
+      closeDialog(dialog){
+        this.$refs[dialog].reseFields();
+        this[dialog] = false;
+      },
+      selectRzCode(row){
+        this.form.rzCode = row.certificateNum||''
+        this.selectRzCodeDialog = false;
+      },
       editCompany(){
           this.updateCompanyDialog = true
       },
       doAddUser(){
         let cardId = this.form.cardId;
-        this.$refs["elForm"].validate((valid) => {
+        this.$refs["addUserDialog"].validate((valid) => {
           if (!valid) return;
           let param = Object.assign({}, this.form, this.param);
           httpServer("User.AddOpenCourseInfo", param).then( res=>{
@@ -185,13 +229,13 @@
         })
       },
       doEditCompany(){
-        this.$refs["elForm2"].validate((valid) => {
+        this.$refs["updateCompanyDialog"].validate((valid) => {
           if (!valid) return;
           let param = Object.assign({}, this.info, this.param);
           httpServer("User.UpdateOpenCourseTask", param).then( res=>{
             if (res.code != 200) return;
             this.updateCompanyDialog = false;
-            this.$message.successMsg("更新成功", 3)
+            this.$message.successMsg("更新成功", 2)
           })
         })
       },
@@ -199,7 +243,7 @@
         let param = Object.assign({}, {id:row.id}, this.param);
         httpServer("User.DelOpenCourseInfo", param).then( res=>{
           if (res.code != 200) return;
-          this.$message.successMsg("删除完成", 3)
+          this.$message.successMsg("删除完成", 2)
           cb&&cb();
           this.gotoDetail();
         })