|
|
@@ -90,6 +90,22 @@
|
|
|
.el-carousel__item:nth-child(2n+1) {
|
|
|
background-color: #d3dce6;
|
|
|
}
|
|
|
+
|
|
|
+ .el-dialog__body {
|
|
|
+ height: 60vh;
|
|
|
+ overflow: scroll;
|
|
|
+ /* 你想要的高度 */
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-dialog__body::-webkit-scrollbar {
|
|
|
+ width: 0px;
|
|
|
+ height: 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-image {
|
|
|
+ min-width: 90px;
|
|
|
+ margin-left: 10px;
|
|
|
+ }
|
|
|
</style>
|
|
|
</head>
|
|
|
|
|
|
@@ -109,7 +125,8 @@
|
|
|
</div>
|
|
|
<div class="topButton" style="background-image: url(images/button-ljbm.png);width: 586px;"
|
|
|
@click="dialogVisible = true">立即报名</div>
|
|
|
- <el-dialog title="政务服务体验员报名表" :visible.sync="dialogVisible" width="50%" @close="handleClose">
|
|
|
+ <el-dialog title="政务服务体验员报名表" :visible.sync="dialogVisible" width="50%" @close="handleClose"
|
|
|
+ :close-on-click-modal="false">
|
|
|
<!-- 表单内容 -->
|
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
|
|
|
<el-form-item label="姓名" prop="experienceName">
|
|
|
@@ -132,8 +149,10 @@
|
|
|
<el-input type="textarea" v-model="form.business"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="验证码" prop="imgCode">
|
|
|
- <el-input v-model="form.imgCode" ></el-input>
|
|
|
- <el-image :src="imageCode" ></el-image>
|
|
|
+ <div style="display: flex;">
|
|
|
+ <el-input v-model="form.imgCode"></el-input>
|
|
|
+ <el-image :src="imageCode"></el-image>
|
|
|
+ </div>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
<el-button type="primary" @click="submitForm('form')">提交</el-button>
|
|
|
@@ -165,10 +184,10 @@
|
|
|
duty: '',
|
|
|
experiencePhone: '',
|
|
|
business: '',
|
|
|
- imgCode:''
|
|
|
+ imgCode: ''
|
|
|
},
|
|
|
/*图形验证码*/
|
|
|
- imageCode:"",
|
|
|
+ imageCode: "",
|
|
|
rules: {
|
|
|
experienceName: [
|
|
|
{ required: true, message: '请输入姓名', trigger: 'blur' }
|
|
|
@@ -224,7 +243,7 @@
|
|
|
}
|
|
|
}.bind(this), // 确保 `this` 指向 Vue 实例
|
|
|
error: function (data) {
|
|
|
- console.log("错误信息:",data);
|
|
|
+ console.log("错误信息:", data);
|
|
|
}
|
|
|
});
|
|
|
} else {
|
|
|
@@ -233,7 +252,7 @@
|
|
|
});
|
|
|
},
|
|
|
/*创建uuid传给后端作redis的key值*/
|
|
|
- createUuid(){
|
|
|
+ createUuid() {
|
|
|
var s = [];
|
|
|
var hexDigits = "0123456789abcdefghi";
|
|
|
for (var i = 0; i < 36; i++) {
|
|
|
@@ -246,19 +265,19 @@
|
|
|
var uuid = s.join("");
|
|
|
return uuid;
|
|
|
},
|
|
|
- getVerifyCode(){
|
|
|
+ getVerifyCode() {
|
|
|
let that = this
|
|
|
let imageCodeKey = sessionStorage.getItem("registerImageCodeKey");
|
|
|
- if(!imageCodeKey || imageCodeKey === ''){
|
|
|
+ if (!imageCodeKey || imageCodeKey === '') {
|
|
|
imageCodeKey = this.createUuid();
|
|
|
- sessionStorage.setItem("registerImageCodeKey",imageCodeKey);
|
|
|
+ sessionStorage.setItem("registerImageCodeKey", imageCodeKey);
|
|
|
}
|
|
|
$.ajax({
|
|
|
- url: 'http://localhost:8082/reserveOvertime/code/'+imageCodeKey,
|
|
|
+ url: 'http://localhost:8082/reserveOvertime/code/' + imageCodeKey,
|
|
|
type: 'post',
|
|
|
dataType: 'json',
|
|
|
success: function (data) {
|
|
|
- that.imageCode="data:image/jpeg;base64,"+data.success;
|
|
|
+ that.imageCode = "data:image/jpeg;base64," + data.success;
|
|
|
}
|
|
|
})
|
|
|
}
|
xyg