|
|
@@ -12,7 +12,7 @@
|
|
|
<meta name="ColumnKeywords" content="政务体验员" />
|
|
|
<meta name="ColumnType" content="政务体验员" />
|
|
|
<title>政务体验员-重庆市南岸区人民政府网</title>
|
|
|
- <link rel="stylesheet" href="css/conmon.css">
|
|
|
+ <link rel="stylesheet" href="https://www.cqna.gov.cn/syygapi/naxsb/css/conmon.css">
|
|
|
<!-- 引入 Vue -->
|
|
|
<script src="https://www.cqna.gov.cn/syygapi/naxsb/js/vue.min.js"></script>
|
|
|
<!-- 引入样式 -->
|
|
|
@@ -290,43 +290,6 @@
|
|
|
<p class="topButton" style="width: 586px;margin: auto;"
|
|
|
@click="window.open('https://www.cqna.gov.cn/igixmj/gkzxdc/202310/tSurvey_97e335b28ad6d47c018b47619b680004.html')">
|
|
|
立即报名</p>
|
|
|
- <el-dialog title="政务服务体验员报名表" :visible.sync="dialogVisible" width="40vw" @close="handleClose"
|
|
|
- :close-on-click-modal="false">
|
|
|
- <el-form ref="form" :model="form" :rules="rules" label-width="100px">
|
|
|
- <el-form-item label="姓名" prop="experienceName">
|
|
|
- <el-input v-model="form.experienceName" placeholder="请输入姓名"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="年龄" prop="experienceAge">
|
|
|
- <el-input v-model.number="form.experienceAge"
|
|
|
- @input="form.experienceAge = form.experienceAge.replace(/[^d]/g,'')"
|
|
|
- placeholder="请输入年龄">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="单位" prop="workunit">
|
|
|
- <el-input v-model="form.workunit" placeholder="请输入单位"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="职务" prop="duty">
|
|
|
- <el-input v-model="form.duty" placeholder="请输入职务"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="手机号" prop="experiencePhone">
|
|
|
- <el-input v-model="form.experiencePhone" placeholder="请输入手机号" maxlength="11" show-word-limit
|
|
|
- @blur="validatePhone"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="拟办理业务">
|
|
|
- <el-input type="textarea" v-model="form.business" placeholder="请输入拟办理业务"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="验证码" prop="imgCode">
|
|
|
- <div style="display: flex;">
|
|
|
- <el-input v-model="form.imgCode" placeholder="请输入验证码"></el-input>
|
|
|
- <el-image :src="imageCode" @click="getVerifyCode"></el-image>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item class="subButton">
|
|
|
- <el-button type="primary" @click="submitForm('form')">提交</el-button>
|
|
|
- <el-button @click="dialogVisible = false">取消</el-button>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- </el-dialog>
|
|
|
<div class="titleList">
|
|
|
<div class="list" :class="{ active: currActive == 1 }" style="margin-left: 81px;"
|
|
|
@click="currActive=1">
|
|
|
@@ -491,7 +454,6 @@
|
|
|
</body>
|
|
|
<script>
|
|
|
$(function () {
|
|
|
-
|
|
|
$(".header").load('top/top_style.html');
|
|
|
$(".footer").load('footer/footer.html');
|
|
|
});
|
|
|
@@ -502,39 +464,8 @@
|
|
|
el: '#qqhg',
|
|
|
data: function () {
|
|
|
return {
|
|
|
- dialogVisible: false,
|
|
|
currActive: 1,
|
|
|
reqPtah: '',
|
|
|
- form: {
|
|
|
- experienceName: '',
|
|
|
- experienceAge: '',
|
|
|
- workunit: '',
|
|
|
- duty: '',
|
|
|
- experiencePhone: '',
|
|
|
- business: '',
|
|
|
- imgCode: ''
|
|
|
- },
|
|
|
- imageCode: "",
|
|
|
- rules: {
|
|
|
- experienceName: [
|
|
|
- { required: true, message: '请输入姓名', trigger: 'blur' }
|
|
|
- ],
|
|
|
- experienceAge: [
|
|
|
- { required: true, message: '请输入年龄', trigger: 'blur' }
|
|
|
- ],
|
|
|
- workunit: [
|
|
|
- { required: true, message: '请输入单位', trigger: 'blur' }
|
|
|
- ],
|
|
|
- duty: [
|
|
|
- { required: true, message: '请输入职务', trigger: 'blur' }
|
|
|
- ],
|
|
|
- experiencePhone: [
|
|
|
- { required: true, message: '请输入手机号', trigger: 'blur' }
|
|
|
- ],
|
|
|
- imgCode: [
|
|
|
- { required: true, message: '请输入验证码', trigger: 'blur' }
|
|
|
- ]
|
|
|
- },
|
|
|
imgList: [{
|
|
|
name: '5月活动',
|
|
|
url: 'https://www.cqna.gov.cn/zwxx_254/bmjz/202404/t20240415_13129572.html',
|
|
|
@@ -559,87 +490,11 @@
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
- handleClose() {
|
|
|
- this.dialogVisible = false;
|
|
|
- this.$refs.form.resetFields();
|
|
|
- },
|
|
|
goDteail(url) {
|
|
|
window.open(url)
|
|
|
},
|
|
|
- validatePhone() {
|
|
|
-
|
|
|
- const reg = /^1[3-9]\d{9}$/;
|
|
|
- if (!reg.test(this.form.experiencePhone)) {
|
|
|
- this.$message.error('请输入有效的手机号');
|
|
|
- return false;
|
|
|
- } else {
|
|
|
- return true
|
|
|
- }
|
|
|
- },
|
|
|
- submitForm(formName) {
|
|
|
- this.form.imgKey = sessionStorage.getItem("registerImageCodeKey");
|
|
|
- this.$refs[formName].validate((valid) => {
|
|
|
- if (valid) {
|
|
|
- if (!this.validatePhone()) {
|
|
|
- return
|
|
|
- }
|
|
|
- const formData = this.form;
|
|
|
- $.ajax({
|
|
|
- url: conpath + '/experienceApply',
|
|
|
- type: 'post',
|
|
|
- contentType: 'application/json; charset=utf-8',
|
|
|
- data: JSON.stringify(formData),
|
|
|
- dataType: 'json',
|
|
|
- success: function (data) {
|
|
|
- if (data.result === 'ok') {
|
|
|
- this.$message.success('报名成功！');
|
|
|
- this.dialogVisible = false;
|
|
|
- } else {
|
|
|
- this.getVerifyCode();
|
|
|
- this.$message.error(data.success || '报名失败！');
|
|
|
- }
|
|
|
- }.bind(this),
|
|
|
- error: function (data) {
|
|
|
- console.log("错误信息:", data);
|
|
|
- }
|
|
|
- });
|
|
|
- } else {
|
|
|
- return false;
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- createUuid() {
|
|
|
- var s = [];
|
|
|
- var hexDigits = "0123456789abcdefghi";
|
|
|
- for (var i = 0; i < 36; i++) {
|
|
|
- s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
|
|
|
- }
|
|
|
- s[14] = "4";
|
|
|
- s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1);
|
|
|
- s[8] = s[13] = s[18] = s[23] = "-";
|
|
|
-
|
|
|
- var uuid = s.join("");
|
|
|
- return uuid;
|
|
|
- },
|
|
|
- getVerifyCode() {
|
|
|
- let that = this
|
|
|
- let imageCodeKey = sessionStorage.getItem("registerImageCodeKey");
|
|
|
- if (!imageCodeKey || imageCodeKey === '') {
|
|
|
- imageCodeKey = this.createUuid();
|
|
|
- sessionStorage.setItem("registerImageCodeKey", imageCodeKey);
|
|
|
- }
|
|
|
- $.ajax({
|
|
|
- url: conpath + '/reserveOvertime/code/' + imageCodeKey,
|
|
|
- type: 'post',
|
|
|
- dataType: 'json',
|
|
|
- success: function (data) {
|
|
|
- that.imageCode = "data:image/jpeg;base64," + data.success;
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
},
|
|
|
mounted() {
|
|
|
- this.getVerifyCode();
|
|
|
}
|
|
|
})
|
|
|
</script>
|
tml
