修改
Showing
8 changed files
with
374 additions
and
78 deletions
| 1 | module.exports = { | 1 | module.exports = { |
| 2 | logout : "/pingan_hklife_webapi/user/logout", | 2 | load: "/pingan_hklife_webapi/user/load", |
| 3 | logout: "/pingan_hklife_webapi/user/logout", | ||
| 3 | // 是否显示图形验证码接口 | 4 | // 是否显示图形验证码接口 |
| 4 | stdIsShowImageVcode : "/pingan_hklife_webapi/auth/stdIsShowImageVcode", | 5 | stdIsShowImageVcode: "/pingan_hklife_webapi/auth/stdIsShowImageVcode", |
| 5 | // 刷新图形验证码接口 | 6 | // 刷新图形验证码接口 |
| 6 | stdRefreshVcode : "/pingan_hklife_webapi/auth/stdRefreshVcode", | 7 | stdRefreshVcode: "/pingan_hklife_webapi/auth/stdRefreshVcode", |
| 7 | // OTP发送接口 | 8 | // OTP发送接口 |
| 8 | stdSendOTP : "/pingan_hklife_webapi/auth/stdSendOTP", | 9 | stdSendOTP: "/pingan_hklife_webapi/auth/stdSendOTP", |
| 9 | // OTP验证与验重接口 | 10 | // OTP验证与验重接口 |
| 10 | stdValidateOTPandRepeat : "/pingan_hklife_webapi/auth/stdValidateOTPandRepeat", | 11 | stdValidateOTPandRepeat: "/pingan_hklife_webapi/auth/stdValidateOTPandRepeat", |
| 11 | // 注册手机号验重接口 | 12 | // 注册手机号验重接口 |
| 12 | gsRegCheck : "/pingan_hklife_webapi/auth/gsRegCheck", | 13 | gsRegCheck: "/pingan_hklife_webapi/auth/gsRegCheck", |
| 13 | // 账户整合登录接口 | 14 | // 账户整合登录接口 |
| 14 | gsLogin : "/pingan_hklife_webapi/auth/gsLogin", | 15 | gsLogin: "/pingan_hklife_webapi/auth/gsLogin", |
| 15 | // 注册接口 | 16 | // 注册接口 |
| 16 | stdRegister : "/pingan_hklife_webapi/auth/stdRegister", | 17 | stdRegister: "/pingan_hklife_webapi/auth/stdRegister", |
| 17 | // 修改密码 | 18 | // 修改密码 |
| 18 | changePassword : "/pingan_hklife_webapi/password/change", | 19 | changePassword: "/pingan_hklife_webapi/user/password/change", |
| 19 | // 短信验证码登录 | 20 | // 短信验证码登录 |
| 20 | otpLogin : "/pingan_hklife_webapi/user/otpLogin", | 21 | otpLogin: "/pingan_hklife_webapi/user/otpLogin", |
| 21 | // 短信验证码登录 | 22 | // 短信验证码登录 |
| 22 | otpRegisterAndLogin : "/pingan_hklife_webapi/user/otpRegisterAndLogin", | 23 | otpRegisterAndLogin: "/pingan_hklife_webapi/user/otpRegisterAndLogin", |
| 23 | // 找回密码:定位用户信息 | 24 | // 找回密码:定位用户信息 |
| 24 | locateUserInfo : "/pingan_hklife_webapi/reset/locateUserInfo", | 25 | locateUserInfo: "/pingan_hklife_webapi/reset/locateUserInfo", |
| 25 | // 找回密码:发送验证码 | 26 | // 找回密码:发送验证码 |
| 26 | sendOtp : "/pingan_hklife_webapi/reset/sendOtp", | 27 | sendOtp: "/pingan_hklife_webapi/reset/sendOtp", |
| 27 | // 找回密码:校验验证码 | 28 | // 找回密码:校验验证码 |
| 28 | checkOtp : "/pingan_hklife_webapi/reset/checkOtp", | 29 | checkOtp: "/pingan_hklife_webapi/reset/checkOtp", |
| 29 | // 找回密码:重置密码 | 30 | // 找回密码:重置密码 |
| 30 | resetPwd : "/pingan_hklife_webapi/reset/resetPwd", | 31 | resetPwd: "/pingan_hklife_webapi/reset/resetPwd", |
| 32 | // 找回密码:重置密码 | ||
| 33 | updateInformation: "/pingan_hklife_webapi/user/updateInformation", | ||
| 31 | } | 34 | } |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -135,17 +135,17 @@ module.exports = { | ... | @@ -135,17 +135,17 @@ module.exports = { |
| 135 | verifyCode: "驗證碼", | 135 | verifyCode: "驗證碼", |
| 136 | verifyCodePlaceholder: "驗證碼", | 136 | verifyCodePlaceholder: "驗證碼", |
| 137 | verifyCodeGet: "獲取驗證碼", | 137 | verifyCodeGet: "獲取驗證碼", |
| 138 | tips : { | 138 | tips: { |
| 139 | e1 : "请输入账号信息", | 139 | e1: "请输入账号信息", |
| 140 | e2 : "请输入密码", | 140 | e2: "请输入密码", |
| 141 | e3 : "请输入图像验证码", | 141 | e3: "请输入图像验证码", |
| 142 | e4 : "请同意《平安一账通会员服务协议》", | 142 | e4: "请同意《平安一账通会员服务协议》", |
| 143 | e5 : "账号/密码不正确", | 143 | e5: "账号/密码不正确", |
| 144 | oe0 : "请输入正确的手机号", | 144 | oe0: "请输入正确的手机号", |
| 145 | oe1 : "请先获取短信验证码", | 145 | oe1: "请先获取短信验证码", |
| 146 | oe2 : "请输入图片验证码", | 146 | oe2: "请输入图片验证码", |
| 147 | oe3 : "请输入短信验证码", | 147 | oe3: "请输入短信验证码", |
| 148 | oe4 : "短信验证码不正确", | 148 | oe4: "短信验证码不正确", |
| 149 | } | 149 | } |
| 150 | }, | 150 | }, |
| 151 | session: { | 151 | session: { |
| ... | @@ -251,6 +251,45 @@ module.exports = { | ... | @@ -251,6 +251,45 @@ module.exports = { |
| 251 | t5Placeholder: "", | 251 | t5Placeholder: "", |
| 252 | submit: "確認", | 252 | submit: "確認", |
| 253 | cancel: "跳過", | 253 | cancel: "跳過", |
| 254 | candidates: { | ||
| 255 | sex: [{ | ||
| 256 | name: "男", | ||
| 257 | value: "M" | ||
| 258 | }, { | ||
| 259 | name: "女", | ||
| 260 | value: "F" | ||
| 261 | }], | ||
| 262 | idType: [{ | ||
| 263 | name: "身份證", | ||
| 264 | value: "1" | ||
| 265 | }, { | ||
| 266 | name: "護照", | ||
| 267 | value: "2" | ||
| 268 | }, { | ||
| 269 | name: "軍官證或士兵證", | ||
| 270 | value: "3" | ||
| 271 | }, { | ||
| 272 | name: "港澳通行證/回鄉證或台胞證", | ||
| 273 | value: "6" | ||
| 274 | }, { | ||
| 275 | name: "外國人永久居留身份證", | ||
| 276 | value: "0" | ||
| 277 | }, { | ||
| 278 | name: "港澳台居民居住證", | ||
| 279 | value: "V" | ||
| 280 | }, { | ||
| 281 | name: "台灣居民居住證", | ||
| 282 | value: "W" | ||
| 283 | }] | ||
| 284 | }, | ||
| 285 | errorTips: { | ||
| 286 | e1: "請填寫姓名信息", | ||
| 287 | e2: "請選擇性別", | ||
| 288 | e3: "請選擇生日", | ||
| 289 | e4: "請選擇證件類型", | ||
| 290 | e5: "請填寫證件號碼", | ||
| 291 | e6: "您填寫的證件號碼有誤", | ||
| 292 | } | ||
| 254 | }, | 293 | }, |
| 255 | index: { | 294 | index: { |
| 256 | news: "新聞資訊", | 295 | news: "新聞資訊", | ... | ... |
| ... | @@ -249,6 +249,45 @@ module.exports = { | ... | @@ -249,6 +249,45 @@ module.exports = { |
| 249 | t5Placeholder: "", | 249 | t5Placeholder: "", |
| 250 | submit: "確認", | 250 | submit: "確認", |
| 251 | cancel: "跳過", | 251 | cancel: "跳過", |
| 252 | candidates: { | ||
| 253 | sex: [{ | ||
| 254 | name: "男", | ||
| 255 | value: "M" | ||
| 256 | }, { | ||
| 257 | name: "女", | ||
| 258 | value: "F" | ||
| 259 | }], | ||
| 260 | idType: [{ | ||
| 261 | name: "身份證", | ||
| 262 | value: "1" | ||
| 263 | }, { | ||
| 264 | name: "護照", | ||
| 265 | value: "2" | ||
| 266 | }, { | ||
| 267 | name: "軍官證或士兵證", | ||
| 268 | value: "3" | ||
| 269 | }, { | ||
| 270 | name: "港澳通行證/回鄉證或台胞證", | ||
| 271 | value: "6" | ||
| 272 | }, { | ||
| 273 | name: "外國人永久居留身份證", | ||
| 274 | value: "0" | ||
| 275 | }, { | ||
| 276 | name: "港澳台居民居住證", | ||
| 277 | value: "V" | ||
| 278 | }, { | ||
| 279 | name: "台灣居民居住證", | ||
| 280 | value: "W" | ||
| 281 | }] | ||
| 282 | }, | ||
| 283 | errorTips: { | ||
| 284 | e1: "請填寫姓名信息", | ||
| 285 | e2: "請選擇性別", | ||
| 286 | e3: "請選擇生日", | ||
| 287 | e4: "請選擇證件類型", | ||
| 288 | e5: "請填寫證件號碼", | ||
| 289 | e6: "您填寫的證件號碼有誤", | ||
| 290 | } | ||
| 252 | }, | 291 | }, |
| 253 | index: { | 292 | index: { |
| 254 | news: "新聞資訊", | 293 | news: "新聞資訊", | ... | ... |
| ... | @@ -135,17 +135,17 @@ module.exports = { | ... | @@ -135,17 +135,17 @@ module.exports = { |
| 135 | verifyCode: "验证码", | 135 | verifyCode: "验证码", |
| 136 | verifyCodePlaceholder: "验证码", | 136 | verifyCodePlaceholder: "验证码", |
| 137 | verifyCodeGet: "获取验证码", | 137 | verifyCodeGet: "获取验证码", |
| 138 | tips : { | 138 | tips: { |
| 139 | e1 : "请输入账号信息", | 139 | e1: "请输入账号信息", |
| 140 | e2 : "请输入密码", | 140 | e2: "请输入密码", |
| 141 | e3 : "请输入图像验证码", | 141 | e3: "请输入图像验证码", |
| 142 | e4 : "请同意《平安一账通会员服务协议》", | 142 | e4: "请同意《平安一账通会员服务协议》", |
| 143 | e5 : "账号或密码不正确", | 143 | e5: "账号或密码不正确", |
| 144 | oe0 : "请输入正确的手机号", | 144 | oe0: "请输入正确的手机号", |
| 145 | oe1 : "请先获取短信验证码", | 145 | oe1: "请先获取短信验证码", |
| 146 | oe2 : "请输入图片验证码", | 146 | oe2: "请输入图片验证码", |
| 147 | oe3 : "请输入短信验证码", | 147 | oe3: "请输入短信验证码", |
| 148 | oe4 : "短信验证码不正确", | 148 | oe4: "短信验证码不正确", |
| 149 | } | 149 | } |
| 150 | }, | 150 | }, |
| 151 | session: { | 151 | session: { |
| ... | @@ -197,12 +197,12 @@ module.exports = { | ... | @@ -197,12 +197,12 @@ module.exports = { |
| 197 | error2: "密码中必须包含数字、字符以及特殊号码", | 197 | error2: "密码中必须包含数字、字符以及特殊号码", |
| 198 | error3: "两次密码不一致,请确认后重新输入", | 198 | error3: "两次密码不一致,请确认后重新输入", |
| 199 | error4: "密码修改失败,请稍后再试,或拨打客服电话95511解决", | 199 | error4: "密码修改失败,请稍后再试,或拨打客服电话95511解决", |
| 200 | error5 : "旧密码不正确,请重新输入", | 200 | error5: "旧密码不正确,请重新输入", |
| 201 | success: "密码修改成功" | 201 | success: "密码修改成功" |
| 202 | }, | 202 | }, |
| 203 | passwordReset: { | 203 | passwordReset: { |
| 204 | oldPwd : "旧密码", | 204 | oldPwd: "旧密码", |
| 205 | oldPwdPlaceholde : "请输入旧密码", | 205 | oldPwdPlaceholde: "请输入旧密码", |
| 206 | cidExpire: "长时间未操作,为了您的账户安全,请重新开始", | 206 | cidExpire: "长时间未操作,为了您的账户安全,请重新开始", |
| 207 | type1: { | 207 | type1: { |
| 208 | title: "密码找回", | 208 | title: "密码找回", |
| ... | @@ -249,6 +249,45 @@ module.exports = { | ... | @@ -249,6 +249,45 @@ module.exports = { |
| 249 | t5Placeholder: "", | 249 | t5Placeholder: "", |
| 250 | submit: "确认", | 250 | submit: "确认", |
| 251 | cancel: "跳过", | 251 | cancel: "跳过", |
| 252 | candidates: { | ||
| 253 | sex: [{ | ||
| 254 | name: "男", | ||
| 255 | value: "M" | ||
| 256 | }, { | ||
| 257 | name: "女", | ||
| 258 | value: "F" | ||
| 259 | }], | ||
| 260 | idType: [{ | ||
| 261 | name: "身份证", | ||
| 262 | value: "1" | ||
| 263 | }, { | ||
| 264 | name: "护照", | ||
| 265 | value: "2" | ||
| 266 | }, { | ||
| 267 | name: "军官证或士兵证", | ||
| 268 | value: "3" | ||
| 269 | }, { | ||
| 270 | name: "港澳通行证/回乡证或台胞证", | ||
| 271 | value: "6" | ||
| 272 | }, { | ||
| 273 | name: "外国人永久居留身份证", | ||
| 274 | value: "0" | ||
| 275 | }, { | ||
| 276 | name: "港澳居民居住证", | ||
| 277 | value: "V" | ||
| 278 | }, { | ||
| 279 | name: "台湾居民居住证", | ||
| 280 | value: "W" | ||
| 281 | }] | ||
| 282 | }, | ||
| 283 | errorTips: { | ||
| 284 | e1: "请填写姓名信息", | ||
| 285 | e2: "请选择性别", | ||
| 286 | e3: "请选择生日", | ||
| 287 | e4: "请选择证件类型", | ||
| 288 | e5: "请填写证件号码", | ||
| 289 | e6: "您填写的证件号码有误", | ||
| 290 | } | ||
| 252 | }, | 291 | }, |
| 253 | index: { | 292 | index: { |
| 254 | news: "新闻资讯", | 293 | news: "新闻资讯", | ... | ... |
| ... | @@ -4,6 +4,8 @@ import { | ... | @@ -4,6 +4,8 @@ import { |
| 4 | httpPost | 4 | httpPost |
| 5 | } from '@/api/fetch-api.js' | 5 | } from '@/api/fetch-api.js' |
| 6 | 6 | ||
| 7 | import modalComp from '@/components/modal-comp/modal-comp.vue'; | ||
| 8 | |||
| 7 | export default { | 9 | export default { |
| 8 | data() { | 10 | data() { |
| 9 | return { | 11 | return { |
| ... | @@ -17,20 +19,197 @@ export default { | ... | @@ -17,20 +19,197 @@ export default { |
| 17 | password: "", | 19 | password: "", |
| 18 | passwordRepeat: "" | 20 | passwordRepeat: "" |
| 19 | }, | 21 | }, |
| 22 | birthDate: "", | ||
| 23 | information: { | ||
| 24 | cnName: "joe", | ||
| 25 | sex: "M", | ||
| 26 | birthDate: "1990-01-01", | ||
| 27 | idNo: "111111111234567890", | ||
| 28 | idType: "1" | ||
| 29 | }, | ||
| 30 | errorTips: { | ||
| 31 | e1: "", | ||
| 32 | e2: "", | ||
| 33 | e3: "", | ||
| 34 | e4: "", | ||
| 35 | e5: "", | ||
| 36 | }, | ||
| 37 | modalVisiable: false, | ||
| 38 | targetPath: "", | ||
| 39 | modalIcon: "succ", | ||
| 40 | modalContent: "" | ||
| 20 | } | 41 | } |
| 21 | }, | 42 | }, |
| 22 | components: {}, | 43 | components: { |
| 44 | modalComp | ||
| 45 | }, | ||
| 23 | computed: { | 46 | computed: { |
| 24 | locale() { | 47 | locale() { |
| 25 | return this.$i18n.locale || 'tc'; | 48 | return this.$i18n.locale || 'tc'; |
| 26 | }, | 49 | }, |
| 27 | i18n() { | 50 | i18n() { |
| 28 | return this.$i18n.messages && this.$i18n.locale ? this.$i18n.messages[this.$i18n.locale] : {}; | 51 | return this.$i18n.messages && this.$i18n.locale ? this.$i18n.messages[this.$i18n.locale] : {}; |
| 52 | }, | ||
| 53 | sexCandidates() { | ||
| 54 | let i18n = this.$i18n.messages[this.$i18n.locale]; | ||
| 55 | return i18n.infomationImprove.candidates.sex; | ||
| 56 | }, | ||
| 57 | idTypeCandidates() { | ||
| 58 | let i18n = this.$i18n.messages[this.$i18n.locale]; | ||
| 59 | return i18n.infomationImprove.candidates.idType; | ||
| 29 | } | 60 | } |
| 30 | }, | 61 | }, |
| 31 | methods: { | 62 | methods: { |
| 32 | initData() {} | 63 | initData() { |
| 64 | }, | ||
| 65 | onUpdateHandler() { | ||
| 66 | let b1 = this.checkCnName(); | ||
| 67 | let b2 = this.checkIdNo(); | ||
| 68 | let b3 = this.checkBirthday(); | ||
| 69 | let b4 = this.checkSex(); | ||
| 70 | let b5 = this.checkIdType(); | ||
| 71 | let b = b1 & b2 & b3 & b4 & b5; | ||
| 72 | |||
| 73 | if (b) { | ||
| 74 | // console.log(this.birthDate); | ||
| 75 | // let y = this.birthDate.getFullYear(); | ||
| 76 | // let m = this.birthDate.getMonth() + 1; | ||
| 77 | // let d = this.birthDate.getDate(); | ||
| 78 | // let day = y + "-" + (m < 10 ? "0" + m : m) + "-" + (d < 10 ? "0" + d : d); | ||
| 79 | this.information.birthDate = this.birthDate; | ||
| 80 | this.loadIdentify().then(() => { | ||
| 81 | httpPost({ | ||
| 82 | url: api.updateInformation, | ||
| 83 | data: this.information, | ||
| 84 | sid: true | ||
| 85 | }).then(response => { | ||
| 86 | console.log(response); | ||
| 87 | }); | ||
| 88 | }); | ||
| 89 | } | ||
| 90 | }, | ||
| 91 | loadIdentify() { | ||
| 92 | return new Promise((resolve, reject) => { | ||
| 93 | httpPost({ | ||
| 94 | url: api.load, | ||
| 95 | data: { | ||
| 96 | clientNo: "501381573194155227" | ||
| 97 | } | ||
| 98 | }).then(response => { | ||
| 99 | console.log(response); | ||
| 100 | this.$store.commit("SET_USER_INFO", response.data); | ||
| 101 | resolve(); | ||
| 102 | }) | ||
| 103 | }); | ||
| 104 | }, | ||
| 105 | checkCnName() { | ||
| 106 | if (!this.information.cnName) { | ||
| 107 | let message = this.i18n.infomationImprove.errorTips.e1; | ||
| 108 | this.errorTips.e1 = message; | ||
| 109 | return false; | ||
| 110 | } | ||
| 111 | return true; | ||
| 112 | }, | ||
| 113 | checkSex() { | ||
| 114 | if (!this.information.sex) { | ||
| 115 | let message = this.i18n.infomationImprove.errorTips.e2; | ||
| 116 | this.errorTips.e2 = message; | ||
| 117 | return false; | ||
| 118 | } | ||
| 119 | return true; | ||
| 120 | }, | ||
| 121 | checkBirthday() { | ||
| 122 | if (!this.birthDate) { | ||
| 123 | let message = this.i18n.infomationImprove.errorTips.e3; | ||
| 124 | this.errorTips.e3 = message; | ||
| 125 | return false; | ||
| 126 | } | ||
| 127 | return true; | ||
| 128 | }, | ||
| 129 | checkIdType() { | ||
| 130 | if (!this.information.idType) { | ||
| 131 | let message = this.i18n.infomationImprove.errorTips.e4; | ||
| 132 | this.errorTips.e4 = message; | ||
| 133 | return false; | ||
| 134 | } | ||
| 135 | return true; | ||
| 136 | }, | ||
| 137 | checkIdNo() { | ||
| 138 | let message = this.i18n.infomationImprove.errorTips.e5; | ||
| 139 | if (!this.information.idNo) { | ||
| 140 | this.errorTips.e5 = message; | ||
| 141 | return false; | ||
| 142 | } | ||
| 143 | if (!this.information.idType) { | ||
| 144 | return true; | ||
| 145 | } | ||
| 146 | message = this.i18n.infomationImprove.errorTips.e6; | ||
| 147 | let idNo = this.information.idNo + ""; | ||
| 148 | console.log(idNo); | ||
| 149 | console.log(idNo.length); | ||
| 150 | switch (this.information.idType) { | ||
| 151 | case "0": // 外國人永久居留身份證 | ||
| 152 | if (/[a-z][A-Z]{3}[0-9]{12}/.test(idNo)) { | ||
| 153 | message = ""; | ||
| 154 | } | ||
| 155 | message = ""; | ||
| 156 | break; | ||
| 157 | case "1": // 身份證 | ||
| 158 | message = idNo.length == 18 ? "" : message; | ||
| 159 | break; | ||
| 160 | case "2": // 護照 | ||
| 161 | message = idNo.length > 3 && idNo.length < 50 ? "" : message; | ||
| 162 | break; | ||
| 163 | case "3": // 軍官證或士兵證 | ||
| 164 | message = idNo.length > 6 && idNo.length < 50 ? "" : message; | ||
| 165 | break; | ||
| 166 | case "6": // 港澳通行證/回鄉證或台胞證 | ||
| 167 | message = idNo.length > 5 && idNo.length < 50 ? "" : message; | ||
| 168 | break; | ||
| 169 | case "V": // 港澳台居民居住證 | ||
| 170 | if ((/8[1|2]0000\\d{11}/.text(idNo) && (/\\d{15}/.test(idNo) || /\\d{17}/.test(idNo)))) { | ||
| 171 | message = ""; | ||
| 172 | } | ||
| 173 | break; | ||
| 174 | case "W": //台灣居民居住證 | ||
| 175 | if ((/830000\\d{11}/.text(idNo) && (/\\d{15}/.test(idNo) || /\\d{17}/.test(idNo)))) { | ||
| 176 | message = ""; | ||
| 177 | } | ||
| 178 | break; | ||
| 179 | default: | ||
| 180 | message = ""; | ||
| 181 | break; | ||
| 182 | } | ||
| 183 | return true; | ||
| 184 | }, | ||
| 185 | modalCallback() { | ||
| 186 | this.modalVisiable = false; | ||
| 187 | if (this.targetPath) { | ||
| 188 | this.$router.push({ | ||
| 189 | "path": this.targetPath | ||
| 190 | }); | ||
| 191 | } | ||
| 192 | } | ||
| 193 | }, | ||
| 194 | mounted() { | ||
| 195 | this.initData(); | ||
| 196 | }, | ||
| 197 | watch: { | ||
| 198 | 'information.cnName': function () { | ||
| 199 | this.errorTips.e1 = ""; | ||
| 200 | }, | ||
| 201 | 'information.sex': function () { | ||
| 202 | this.errorTips.e2 = ""; | ||
| 203 | }, | ||
| 204 | 'birthDate': function () { | ||
| 205 | this.errorTips.e3 = ""; | ||
| 206 | }, | ||
| 207 | 'information.idNo': function () { | ||
| 208 | this.errorTips.e4 = ""; | ||
| 209 | }, | ||
| 210 | 'information.idType': function () { | ||
| 211 | this.errorTips.e5 = ""; | ||
| 212 | } | ||
| 33 | }, | 213 | }, |
| 34 | mounted() {}, | 214 | created() { } |
| 35 | created() {} | ||
| 36 | } | 215 | } | ... | ... |
| ... | @@ -100,7 +100,8 @@ | ... | @@ -100,7 +100,8 @@ |
| 100 | 100 | ||
| 101 | &-btn-wrap { | 101 | &-btn-wrap { |
| 102 | display: flex; | 102 | display: flex; |
| 103 | justify-content: space-between; | 103 | // justify-content: space-between; |
| 104 | justify-content: center; | ||
| 104 | margin-top: 2rem; | 105 | margin-top: 2rem; |
| 105 | } | 106 | } |
| 106 | 107 | ... | ... |
| 1 | |||
| 1 | 2 | ||
| 2 | <template> | 3 | <template> |
| 3 | <div class="content"> | 4 | <div class="content"> |
| 5 | <modal-comp :visible="modalVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="modalCallback" :overlay="modalCallback"></modal-comp> | ||
| 4 | <div class="ebg"> | 6 | <div class="ebg"> |
| 5 | <img src="@/assets/images/common/login-bg.png"> | 7 | <img src="@/assets/images/common/login-bg.png"> |
| 6 | </div> | 8 | </div> |
| ... | @@ -16,10 +18,10 @@ | ... | @@ -16,10 +18,10 @@ |
| 16 | <img src="@/assets/images/improve-infomation/icon-improve-infomation-user.png"> {{$t('infomationImprove.t1')}} | 18 | <img src="@/assets/images/improve-infomation/icon-improve-infomation-user.png"> {{$t('infomationImprove.t1')}} |
| 17 | </div> | 19 | </div> |
| 18 | <div class="ipt-wrap"> | 20 | <div class="ipt-wrap"> |
| 19 | <input class="ipt" type="password" v-model="values.password"> | 21 | <input class="ipt" :class="{err : errorTips.e1.length > 0}" type="text" v-model="information.cnName"> |
| 20 | </div> | 22 | </div> |
| 21 | <div class="validator"> | 23 | <div class="validator" v-if="errorTips.e1.length > 0 "> |
| 22 | <img src="@/assets/images/common/icon-notice.png" alt=""> 验证提示 | 24 | <img src="@/assets/images/common/icon-notice.png" alt=""> {{errorTips.e1}} |
| 23 | </div> | 25 | </div> |
| 24 | </div> | 26 | </div> |
| 25 | 27 | ||
| ... | @@ -29,17 +31,14 @@ | ... | @@ -29,17 +31,14 @@ |
| 29 | </div> | 31 | </div> |
| 30 | <div class="ipt-wrap"> | 32 | <div class="ipt-wrap"> |
| 31 | <div class="down-arrow"></div> | 33 | <div class="down-arrow"></div> |
| 32 | <select class="ipt"> | 34 | <select class="ipt" :class="{err : errorTips.e2.length > 0}" v-model="information.sex"> |
| 33 | <template v-if="locale =='zh'"> | 35 | <template v-if="sexCandidates"> |
| 34 | <option>身份证</option> | 36 | <option v-for="(item,index) in sexCandidates" :key="index" :value="item.value">{{item.name}}</option> |
| 35 | </template> | ||
| 36 | <template v-else> | ||
| 37 | <option>身份證</option> | ||
| 38 | </template> | 37 | </template> |
| 39 | </select> | 38 | </select> |
| 40 | </div> | 39 | </div> |
| 41 | <div class="validator"> | 40 | <div class="validator" v-if="errorTips.e2.length > 0 "> |
| 42 | <img src="@/assets/images/common/icon-notice.png" alt=""> 验证提示 | 41 | <img src="@/assets/images/common/icon-notice.png" alt=""> {{errorTips.e2}} |
| 43 | </div> | 42 | </div> |
| 44 | </div> | 43 | </div> |
| 45 | 44 | ||
| ... | @@ -48,10 +47,10 @@ | ... | @@ -48,10 +47,10 @@ |
| 48 | <img src="@/assets/images/improve-infomation/icon-improve-infomation-date.png"> {{$t('infomationImprove.t3')}} | 47 | <img src="@/assets/images/improve-infomation/icon-improve-infomation-date.png"> {{$t('infomationImprove.t3')}} |
| 49 | </div> | 48 | </div> |
| 50 | <div class="ipt-wrap"> | 49 | <div class="ipt-wrap"> |
| 51 | <input class="ipt" type="password" v-model="values.password"> | 50 | <input class="ipt" type="date" :class="{err : errorTips.e3.length > 0}" v-model="birthDate"> |
| 52 | </div> | 51 | </div> |
| 53 | <div class="validator"> | 52 | <div class="validator" v-if="errorTips.e3.length > 0 "> |
| 54 | <img src="@/assets/images/common/icon-notice.png" alt=""> 验证提示 | 53 | <img src="@/assets/images/common/icon-notice.png" alt=""> {{errorTips.e3}} |
| 55 | </div> | 54 | </div> |
| 56 | </div> | 55 | </div> |
| 57 | 56 | ||
| ... | @@ -61,17 +60,14 @@ | ... | @@ -61,17 +60,14 @@ |
| 61 | </div> | 60 | </div> |
| 62 | <div class="ipt-wrap"> | 61 | <div class="ipt-wrap"> |
| 63 | <div class="down-arrow"></div> | 62 | <div class="down-arrow"></div> |
| 64 | <select class="ipt"> | 63 | <select class="ipt" :class="{err : errorTips.e4.length > 0}" v-model="information.idType"> |
| 65 | <template v-if="locale =='zh'"> | 64 | <template v-if="idTypeCandidates"> |
| 66 | <option>身份证</option> | 65 | <option v-for="(item,index) in idTypeCandidates" :key="index" :value="item.value">{{item.name}}</option> |
| 67 | </template> | ||
| 68 | <template v-else> | ||
| 69 | <option>身份證</option> | ||
| 70 | </template> | 66 | </template> |
| 71 | </select> | 67 | </select> |
| 72 | </div> | 68 | </div> |
| 73 | <div class="validator"> | 69 | <div class="validator" v-if="errorTips.e4.length > 0 "> |
| 74 | <img src="@/assets/images/common/icon-notice.png" alt=""> 验证提示 | 70 | <img src="@/assets/images/common/icon-notice.png" alt=""> {{errorTips.e4}} |
| 75 | </div> | 71 | </div> |
| 76 | </div> | 72 | </div> |
| 77 | 73 | ||
| ... | @@ -80,17 +76,17 @@ | ... | @@ -80,17 +76,17 @@ |
| 80 | <img src="@/assets/images/improve-infomation/icon-improve-infomation-card.png"> {{$t('infomationImprove.t5')}} | 76 | <img src="@/assets/images/improve-infomation/icon-improve-infomation-card.png"> {{$t('infomationImprove.t5')}} |
| 81 | </div> | 77 | </div> |
| 82 | <div class="ipt-wrap"> | 78 | <div class="ipt-wrap"> |
| 83 | <input class="ipt" type="password" v-model="values.password"> | 79 | <input class="ipt" type="text" :class="{err : errorTips.e5.length > 0}" v-model="information.idNo"> |
| 84 | </div> | 80 | </div> |
| 85 | <div class="validator"> | 81 | <div class="validator" v-if="errorTips.e5.length > 0 "> |
| 86 | <img src="@/assets/images/common/icon-notice.png" alt=""> 验证提示 | 82 | <img src="@/assets/images/common/icon-notice.png" alt=""> {{errorTips.e5}} |
| 87 | </div> | 83 | </div> |
| 88 | </div> | 84 | </div> |
| 89 | 85 | ||
| 90 | </div> | 86 | </div> |
| 87 | |||
| 91 | <div class="login-btn-wrap"> | 88 | <div class="login-btn-wrap"> |
| 92 | <div @click="onRegisterHandler()" class="login-submit pointer">{{$t('infomationImprove.submit')}}</div> | 89 | <div @click="onUpdateHandler()" class="login-submit pointer">{{$t('infomationImprove.submit')}}</div> |
| 93 | <div @click="onRegisterHandler()" class="login-submit pointer">{{$t('infomationImprove.cancel')}}</div> | ||
| 94 | </div> | 90 | </div> |
| 95 | </div> | 91 | </div> |
| 96 | 92 | ... | ... |
| ... | @@ -18,14 +18,14 @@ | ... | @@ -18,14 +18,14 @@ |
| 18 | <div class="pure-u-1 form-item"> | 18 | <div class="pure-u-1 form-item"> |
| 19 | <div class="ipt-wrap"> | 19 | <div class="ipt-wrap"> |
| 20 | <img class="down-arrow" src="@/assets/images/reservation/re-down-arrow.png" alt=""> | 20 | <img class="down-arrow" src="@/assets/images/reservation/re-down-arrow.png" alt=""> |
| 21 | <select class="ipt" v-model="mobileNoType"> | 21 | <select class="ipt" v-model="mobileNoType" > |
| 22 | <option v-for="(item,index) in mobileOptions" :key="index" :value="item.type">{{item.name}}</option> | 22 | <option v-for="(item,index) in mobileOptions" :key="index" :value="item.type">{{item.name}}</option> |
| 23 | </select> | 23 | </select> |
| 24 | </div> | 24 | </div> |
| 25 | </div> | 25 | </div> |
| 26 | <div class="pure-u-1 form-item"> | 26 | <div class="pure-u-1 form-item"> |
| 27 | <div class="ipt-wrap"> | 27 | <div class="ipt-wrap"> |
| 28 | <div class="ipt ipt2"> | 28 | <div class="ipt ipt2" :class="{err : errorTips.p1.length > 0}" > |
| 29 | <div class="region-tel">{{mobileTip.areaCode}}</div> | 29 | <div class="region-tel">{{mobileTip.areaCode}}</div> |
| 30 | <input :placeholder="mobileTip.placeHolder" class="ipt-tel" type="text" v-model="registerForm.mobileNo"> | 30 | <input :placeholder="mobileTip.placeHolder" class="ipt-tel" type="text" v-model="registerForm.mobileNo"> |
| 31 | </div> | 31 | </div> |
| ... | @@ -37,7 +37,7 @@ | ... | @@ -37,7 +37,7 @@ |
| 37 | 37 | ||
| 38 | <div class="pure-u-1 form-item" v-if="registerCheck.showImageCode"> | 38 | <div class="pure-u-1 form-item" v-if="registerCheck.showImageCode"> |
| 39 | <div class="ipt-wrap"> | 39 | <div class="ipt-wrap"> |
| 40 | <input :placeholder="$t('login.verifyPlaceholder')" class="ipt ipt-verify" type="text" v-model="registerForm.imageValue"> | 40 | <input :placeholder="$t('login.verifyPlaceholder')" class="ipt ipt-verify" :class="{err : errorTips.p3.length > 0}" type="text" v-model="registerForm.imageValue"> |
| 41 | <div class="ipt verify-btn pointer vcode" @click="handlerRefreshImageVcode"> | 41 | <div class="ipt verify-btn pointer vcode" @click="handlerRefreshImageVcode"> |
| 42 | <img :src="values.imageBase64"> | 42 | <img :src="values.imageBase64"> |
| 43 | </div> | 43 | </div> |
| ... | @@ -48,7 +48,7 @@ | ... | @@ -48,7 +48,7 @@ |
| 48 | </div> | 48 | </div> |
| 49 | <div class="pure-u-1 form-item"> | 49 | <div class="pure-u-1 form-item"> |
| 50 | <div class="ipt-wrap"> | 50 | <div class="ipt-wrap"> |
| 51 | <div class="ipt ipt2"> | 51 | <div class="ipt ipt2" :class="{err : errorTips.p2.length > 0}" > |
| 52 | <input :placeholder="$t('register.verifyCodePlaceholder')" class="ipt-code" type="text" v-model="registerForm.opt"> | 52 | <input :placeholder="$t('register.verifyCodePlaceholder')" class="ipt-code" type="text" v-model="registerForm.opt"> |
| 53 | <div v-if="times.remain == 0" class="veri-btn pointer" @click="handlerStdSendOTP">{{$t('register.verifyCodeGet')}}</div> | 53 | <div v-if="times.remain == 0" class="veri-btn pointer" @click="handlerStdSendOTP">{{$t('register.verifyCodeGet')}}</div> |
| 54 | <div v-else class="veri-btn-default">{{times.tip}}</div> | 54 | <div v-else class="veri-btn-default">{{times.tip}}</div> |
| ... | @@ -76,7 +76,7 @@ | ... | @@ -76,7 +76,7 @@ |
| 76 | <img src="@/assets/images/register/icon-register-lock.png"> {{$t('register.newPassword')}} | 76 | <img src="@/assets/images/register/icon-register-lock.png"> {{$t('register.newPassword')}} |
| 77 | </div> | 77 | </div> |
| 78 | <div class="ipt-wrap"> | 78 | <div class="ipt-wrap"> |
| 79 | <input :placeholder="$t('register.newPasswordPlaceholder')" class="ipt" type="password" v-model="values.password"> | 79 | <input :placeholder="$t('register.newPasswordPlaceholder')" class="ipt" :class="{err : errorTips.p4.length > 0}" type="password" v-model="values.password"> |
| 80 | </div> | 80 | </div> |
| 81 | <div class="validator" v-if="errorTips.p4.length > 0 "> | 81 | <div class="validator" v-if="errorTips.p4.length > 0 "> |
| 82 | <img src="@/assets/images/common/icon-notice.png" alt="">{{errorTips.p4}} | 82 | <img src="@/assets/images/common/icon-notice.png" alt="">{{errorTips.p4}} |
| ... | @@ -87,7 +87,7 @@ | ... | @@ -87,7 +87,7 @@ |
| 87 | <img src="@/assets/images/register/icon-register-lock.png"> {{$t('register.newPasswordSure')}} | 87 | <img src="@/assets/images/register/icon-register-lock.png"> {{$t('register.newPasswordSure')}} |
| 88 | </div> | 88 | </div> |
| 89 | <div class="ipt-wrap"> | 89 | <div class="ipt-wrap"> |
| 90 | <input :placeholder="$t('register.newPasswordSurePlaceholder')" class="ipt" type="password" v-model="values.passwordRepeat"> | 90 | <input :placeholder="$t('register.newPasswordSurePlaceholder')" class="ipt" :class="{err : errorTips.p5.length > 0}" type="password" v-model="values.passwordRepeat"> |
| 91 | </div> | 91 | </div> |
| 92 | <div class="validator" v-if="errorTips.p5.length > 0 "> | 92 | <div class="validator" v-if="errorTips.p5.length > 0 "> |
| 93 | <img src="@/assets/images/common/icon-notice.png" alt="">{{errorTips.p5}} | 93 | <img src="@/assets/images/common/icon-notice.png" alt="">{{errorTips.p5}} | ... | ... |
-
Please register or sign in to post a comment