提交 7c4017a5 编写于 作者: “grape”'s avatar “grape”

9/2

上级 b223b97e
VUE_APP_BASE_API = http://10.0.2.248:9165/online-financial-service/api/v1/cust-info/permit_endpoint
// 编译环境 // 编译环境
NODE_ENV=production NODE_ENV=production
PRODUCTION_TIP=false PRODUCTION_TIP=false
...@@ -20,3 +21,5 @@ VUE_APP_MS_APPLICATION_API = http://15.1.48.21:9140/ms-application ...@@ -20,3 +21,5 @@ VUE_APP_MS_APPLICATION_API = http://15.1.48.21:9140/ms-application
VUE_APP_QL_FORM_API = http://152.136.68.93:9018/ms-qing-long/api/v1/des-cache-info/permit_endpoint/query-cacheversion-by-appid-cachetype VUE_APP_QL_FORM_API = http://152.136.68.93:9018/ms-qing-long/api/v1/des-cache-info/permit_endpoint/query-cacheversion-by-appid-cachetype
// 启动网关 (on | off) // 启动网关 (on | off)
VUE_APP_ENABLE_GATEWAY = off VUE_APP_ENABLE_GATEWAY = off
...@@ -14,7 +14,9 @@ VUE_APP_MS_GATEWAY_API = http://82.157.46.222:9140/ms-gateway ...@@ -14,7 +14,9 @@ VUE_APP_MS_GATEWAY_API = http://82.157.46.222:9140/ms-gateway
// 业务服务 // 业务服务
VUE_APP_MS_AUTH_API = http://82.157.46.222:9125/ms-auth VUE_APP_MS_AUTH_API = http://82.157.46.222:9125/ms-auth
VUE_APP_MS_SYSTEM_API = http://localhost:9130/ms-system VUE_APP_MS_SYSTEM_API = http://localhost:9130/ms-system
// 第三方服务 // 第三方服务
VUE_APP_QL_FORM_API = http://152.136.68.93:9018/ms-qing-long/api/v1/des-cache-info/permit_endpoint/query-cacheversion-by-appid-cachetype VUE_APP_QL_FORM_API = http://152.136.68.93:9018/ms-qing-long/api/v1/des-cache-info/permit_endpoint/query-cacheversion-by-appid-cachetype
// 启动网关 (on | off) // 启动网关 (on | off)
VUE_APP_ENABLE_GATEWAY = off VUE_APP_ENABLE_GATEWAY = off
VUE_APP_BASE_API = http://10.0.2.248:9165/online-financial-service/api/v1/cust-info/permit_endpoint
...@@ -17,3 +17,4 @@ VUE_APP_MS_SYSTEM_API = http://82.157.46.222:9130/ms-system ...@@ -17,3 +17,4 @@ VUE_APP_MS_SYSTEM_API = http://82.157.46.222:9130/ms-system
VUE_APP_MS_APPLICATION_API = http://82.157.46.222:9130/ms-application VUE_APP_MS_APPLICATION_API = http://82.157.46.222:9130/ms-application
// 启动网关 (on | off) // 启动网关 (on | off)
VUE_APP_ENABLE_GATEWAY = off VUE_APP_ENABLE_GATEWAY = off
VUE_APP_BASE_API = http://10.0.2.248:9165/online-financial-service/api/v1/cust-info/permit_endpoint
...@@ -12,10 +12,16 @@ ...@@ -12,10 +12,16 @@
<div class="roolsolt"> <div class="roolsolt">
<div > <div >
<van-row type="flex" class="title"> <van-row type="flex" class="title">
<van-col span="24" style="text-align: left">合同累计金额(元)</van-col> <van-col span="24" style="text-align: left">合同累计金额(元)
<span class="solts" @click="switchEye">
<van-icon name="eye" v-if="this.eye" />
<van-icon name="closed-eye" v-else />
</span>
</van-col>
</van-row> </van-row>
<van-row type="flex" class="mumMoney"> <van-row type="flex" class="mumMoney">
<van-col span="24" class="money">100,000,00</van-col> <van-col span="24" v-text="this.totalFinal" v- class="money"></van-col>
<!-- <van-col span="9" class="moneytitle">壹佰元整</van-col>--> <!-- <van-col span="9" class="moneytitle">壹佰元整</van-col>-->
</van-row> </van-row>
<!-- <van-row type="flex" class="title"> <!-- <van-row type="flex" class="title">
...@@ -30,8 +36,8 @@ ...@@ -30,8 +36,8 @@
<van-col span="12" style="text-align: left; color: #999999; font-size: 12px">合同未使用金额(元)</van-col> <van-col span="12" style="text-align: left; color: #999999; font-size: 12px">合同未使用金额(元)</van-col>
</van-row> </van-row>
<van-row type="flex" justify="center" class="integral"> <van-row type="flex" justify="center" class="integral">
<van-col span="12" style="font-weight: 700; text-align: left; padding-left: 20px">1000000.00</van-col> <van-col span="12" v-text="this.useFinal" style="font-weight: 700; text-align: left; padding-left: 20px"></van-col>
<van-col span="12" style="font-weight: 700; text-align: left">1000000.00</van-col> <van-col span="12" v-text="this.unUseFinal" style="font-weight: 700; text-align: left"></van-col>
</van-row> </van-row>
<!-- <van-row type="flex" justify="center" class="integrall"> <!-- <van-row type="flex" justify="center" class="integrall">
<van-col span="8">我的积分</van-col> <van-col span="8">我的积分</van-col>
...@@ -49,9 +55,29 @@ import { Component, Vue, Prop, Watch, Emit } from "vue-property-decorator"; ...@@ -49,9 +55,29 @@ import { Component, Vue, Prop, Watch, Emit } from "vue-property-decorator";
*/ */
@Component({ @Component({
name: "CardPottom" name: "CardPottom"
}) })
export default class CardPottom extends Vue { export default class CardPottom extends Vue {
pass="*****"
totalAmount ="30000.00"
useAmount ="20000.00"
unUseAmount = "10000.00"
totalFinal = this.pass
useFinal = this.pass
unUseFinal = this.pass
eye = true
switchEye() {
this.totalFinal = this.eye ? this.totalAmount : this.pass
this.useFinal = this.eye ? this. useAmount: this.pass
this.unUseFinal = this.eye ? this.unUseAmount : this.pass
this.eye = !this.eye
}
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
......
...@@ -10,6 +10,7 @@ import { MethodType } from "@/constants/enum/general/method-type.enum"; ...@@ -10,6 +10,7 @@ import { MethodType } from "@/constants/enum/general/method-type.enum";
import { HeaderType } from "@/constants/enum/general/header-type.enum"; import { HeaderType } from "@/constants/enum/general/header-type.enum";
const prefix = "http://10.0.2.248:9165/online-financial-service/api/v1/cust-info/permit_endpoint" const prefix = "http://10.0.2.248:9165/online-financial-service/api/v1/cust-info/permit_endpoint"
// const prefix = process.env.VUE_APP_BASE_API; // const prefix = process.env.VUE_APP_BASE_API;
console.log(prefix+"=================");
const loginApi = { const loginApi = {
updatePicCode: { updatePicCode: {
url: prefix + "/getVerifyCode", url: prefix + "/getVerifyCode",
......
...@@ -9,7 +9,8 @@ ...@@ -9,7 +9,8 @@
import { MethodType } from "@/constants/enum/general/method-type.enum"; import { MethodType } from "@/constants/enum/general/method-type.enum";
import { HeaderType } from "@/constants/enum/general/header-type.enum"; import { HeaderType } from "@/constants/enum/general/header-type.enum";
const prefix = "http://10.2.3.118:9165/online-financial-service/api/v1/cust-info/permit_endpoint" // const prefix = "http://10.2.3.118:9165/online-financial-service/api/v1/cust-info/permit_endpoint"
const prefix = "http://10.0.2.248:9165/online-financial-service/api/v1/cust-info/permit_endpoint"
const registApi = { const registApi = {
registSystem: { registSystem: {
url: prefix + "/register", url: prefix + "/register",
......
...@@ -18,6 +18,22 @@ const workbenchRoutes = [ ...@@ -18,6 +18,22 @@ const workbenchRoutes = [
props: propsConvert, props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "主页" }, meta: { keepAlive: false, requiresAuth: true, name: "主页" },
}, },
{
path: `/modifyInfo`,
name: 'modifyInfo',
component: () => import(/* webpackChunkName: "customer-mgt" */ "@/views/workbench/modifyInfo.vue"),
props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "修改信息" },
},
{
path: `/modifyPassword`,
name: 'modifyPassword',
component: () => import(/* webpackChunkName: "customer-mgt" */ "@/views/workbench/modifyPassword.vue"),
props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "修改密码" },
},
{ {
path: `/AccommodMain`, path: `/AccommodMain`,
name: 'AccommodMain', name: 'AccommodMain',
......
...@@ -194,9 +194,9 @@ export default class LoginView extends Vue { ...@@ -194,9 +194,9 @@ export default class LoginView extends Vue {
// } // }
// }); // });
} }
created() { // created() {
this._updatePicCode() // this._updatePicCode()
} // }
//忘记密码 //忘记密码
forgetspass() { forgetspass() {
this.$router.push({ this.$router.push({
......
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
<van-form> <van-form>
<div class="logindiv"> <div class="logindiv">
<span class="sopan">账号</span> <span class="sopan">账号</span>
<van-field v-model="loginNo" :border="true" placeholder="请输入手机号或身份证号" <van-field @input="noChange" v-model="loginNo" :border="true" placeholder="请输入手机号或身份证号"
/> />
<!-- :rules="[{ validator: verifyPhone, message: '请输入正确的手机号码' }]" --> <!-- :rules="[{ validator: verifyPhone, message: '请输入正确的手机号码' }]" -->
...@@ -30,6 +30,7 @@ ...@@ -30,6 +30,7 @@
<van-divider :style="{ margin: 0 }"></van-divider> <van-divider :style="{ margin: 0 }"></van-divider>
<!-- <div class="logindiv"> --> <!-- <div class="logindiv"> -->
<span class="sopan">密码</span> <span class="sopan">密码</span>
<van-field v-model="password" :type="passwordType" center clearable placeholder="请填写密码"> <van-field v-model="password" :type="passwordType" center clearable placeholder="请填写密码">
<template slot="right-icon"> <template slot="right-icon">
...@@ -56,7 +57,7 @@ ...@@ -56,7 +57,7 @@
<!-- <template > <!-- <template >
<img :src="imageSrc" style="max-width: 100px; max-height: 200px;" /> <img :src="imageSrc" style="max-width: 100px; max-height: 200px;" />
</template> --> </template> -->
<div v-show = "showCode" class="authCode">
<span class="sopan">短信验证码</span> <span class="sopan">短信验证码</span>
<van-row class=""> <van-row class="">
<van-col span="16"> <van-col span="16">
...@@ -67,6 +68,7 @@ ...@@ -67,6 +68,7 @@
<van-col span="8"><a style=" color:#3672F1; display:inline-block;font-size:12px;line-height:44px; margin-left: 25%;" @click="getPhonePost()">{{ getCmstotal }}</a></van-col> <van-col span="8"><a style=" color:#3672F1; display:inline-block;font-size:12px;line-height:44px; margin-left: 25%;" @click="getPhonePost()">{{ getCmstotal }}</a></van-col>
</van-row> </van-row>
<van-divider :style="{ margin: 0 }"></van-divider> <van-divider :style="{ margin: 0 }"></van-divider>
</div>
<div style="margin: 16px;"> <div style="margin: 16px;">
<van-button square block type="info" native-type="submit" @click="loginSystem()">登录</van-button> <van-button square block type="info" native-type="submit" @click="loginSystem()">登录</van-button>
...@@ -115,12 +117,29 @@ export default class LoginView extends Vue { ...@@ -115,12 +117,29 @@ export default class LoginView extends Vue {
sms: string = "";//短信验证 sms: string = "";//短信验证
timer: any = "";//定时器 timer: any = "";//定时器
time: number = 60;//计数 time: number = 60;//计数
imageVerifyKey: string = ""//验证码Key imageVerifyKey: string = "";//验证码Key
passwordType = "password" passwordType = "password";
showCode = false;
//方法 //方法
created(){
if(localStorage.getItem("loginNo")!=null)
this.loginNo = String(localStorage.getItem("loginNo"));
}
noChange(s:string){
if(this.verifyPhone(s)){
this.showCode=true;
}else{
this.showCode=false;
}
//测试 只要内容发生改变就保存
// localStorage.setItem('loginNo', this.loginNo);
}
switchPasswordType() { switchPasswordType() {
this.passwordType = this.passwordType === 'password' ? 'text' : 'password' this.passwordType = this.passwordType === 'password' ? 'text' : 'password'
} }
//身份证号登录 //身份证号登录
loginbyid() { loginbyid() {
this.$router.push({ this.$router.push({
...@@ -129,9 +148,9 @@ export default class LoginView extends Vue { ...@@ -129,9 +148,9 @@ export default class LoginView extends Vue {
} }
//手机号 //手机号
// verifyPhone() { verifyPhone(s:string) {
// return /^1\d{10}$/.test(this.phone) // 返回true或false return /^1[3-9]\d{9}$/.test(s) // 返回true或false
// } }
//获取图形验证码 //获取图形验证码
_updatePicCode() { _updatePicCode() {
//请求图形验证码 //请求图形验证码
...@@ -188,6 +207,8 @@ export default class LoginView extends Vue { ...@@ -188,6 +207,8 @@ export default class LoginView extends Vue {
} }
apiService.general(loginApi.loginSystem, undefined, param, undefined).then((response: RestfulResponse) => { apiService.general(loginApi.loginSystem, undefined, param, undefined).then((response: RestfulResponse) => {
console.log(response); console.log(response);
//发送请求就保存账号
localStorage.setItem('loginNo', this.loginNo);
if (response.code == Code.SUCCESS.code) { if (response.code == Code.SUCCESS.code) {
this.$router.push({ this.$router.push({
name: `Mianview`, name: `Mianview`,
...@@ -195,15 +216,17 @@ export default class LoginView extends Vue { ...@@ -195,15 +216,17 @@ export default class LoginView extends Vue {
data: response.data data: response.data
} }
}) })
//登录成功后保存账号
localStorage.setItem('loginNo', this.loginNo);
} else { } else {
this._updatePicCode(); // this._updatePicCode();
Toast(response.msg + ""); Toast(response.msg + "");
} }
}); });
} }
created() { // created() {
this._updatePicCode() // this._updatePicCode()
} // }
//忘记密码 //忘记密码
forgetspass() { forgetspass() {
this.$router.push({ this.$router.push({
......
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
class="font-size-12-dhc" class="font-size-12-dhc"
style="font-weight: 400; font-family: 'Arial Normal', 'Arial'; style="font-weight: 400; font-family: 'Arial Normal', 'Arial';
}" }"
>请使用注册手机号或身份证号进行密码重置</span >请使用注册手机号进行密码重置</span
></van-col ></van-col
> >
</van-row> </van-row>
...@@ -36,9 +36,10 @@ ...@@ -36,9 +36,10 @@
<div class="logindiv"> <div class="logindiv">
<span class="sopan">账号</span> <span class="sopan">账号</span>
<van-field <van-field
v-model="loginNo" v-model="loginNo"
:border="true" :border="true"
placeholder="请输入手机号或身份证号" placeholder="请输入手机号"
/> />
</div> </div>
...@@ -87,8 +88,9 @@ ...@@ -87,8 +88,9 @@
<!-- <van-divider /> --> <!-- <van-divider /> -->
</div> </div>
<van-divider :style="{ margin: 0 }"></van-divider> <van-divider :style="{ margin: 0 }"></van-divider>
<span class="sopan">短信验证码</span>
<div> <div>
<span class="sopan">短信验证码</span>
<van-row> <van-row>
<van-col span="16"> <van-col span="16">
<van-field <van-field
...@@ -140,6 +142,20 @@ export default class ForgetPassView extends Vue { ...@@ -140,6 +142,20 @@ export default class ForgetPassView extends Vue {
timer: any = ""; //定时器 timer: any = ""; //定时器
time: number = 60; //计数 time: number = 60; //计数
radio: string = "0"; radio: string = "0";
// showCode =false;
// noChange(s:string){
// if(this.verifyPhone(s)){
// this.showCode=true;
// }else{
// this.showCode=false;
// }
// }
//手机号
verifyPhone(s:string) {
return /[1][3,4,5,7,8][0-9]{9}/.test(s) // 返回true或false
}
//获取图形验证码 //获取图形验证码
_updatePicCode() { _updatePicCode() {
//请求图形验证码 //请求图形验证码
......
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
<van-form> <van-form>
<div class="logindiv"> <div class="logindiv">
<span class="sopan">账号</span> <span class="sopan">账号</span>
<van-field v-model="phone" :border="true" placeholder="请输入手机号码/身份证号码" <van-field @input="noChange" v-model="phone" :border="true" placeholder="请输入手机号码/身份证号码"
/> />
<van-divider :style="{ margin: 0 }"></van-divider> <van-divider :style="{ margin: 0 }"></van-divider>
<!-- error-message="请输入手机号码或身份证号码" --> <!-- error-message="请输入手机号码或身份证号码" -->
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
</div> --> </div> -->
<div class="logindiv"><span class="sopan">短信验证码</span> <div class="logindiv" v-show = "showCode" ><span class="sopan">短信验证码</span>
<van-row> <van-row>
<van-col span="16"> <van-col span="16">
<van-field v-model="sms" center clearable placeholder="请输入短信验证码"> <van-field v-model="sms" center clearable placeholder="请输入短信验证码">
...@@ -125,14 +125,23 @@ export default class ForgetPassView extends Vue { ...@@ -125,14 +125,23 @@ export default class ForgetPassView extends Vue {
radio: string = "0" radio: string = "0"
checked: boolean = false; checked: boolean = false;
passwordType = "password" passwordType = "password"
showCode = false;
//方法 //方法
noChange(s:string){
if(this.verifyPhone(s)){
this.showCode=true;
}else{
this.showCode=false;
}
}
switchPasswordType() { switchPasswordType() {
this.passwordType = this.passwordType === 'password' ? 'text' : 'password' this.passwordType = this.passwordType === 'password' ? 'text' : 'password'
} }
//手机号 //手机号
verifyPhone() { verifyPhone(s:string) {
return /^1\d{10}$/.test(this.phone) // 返回true或false return /[1][3,4,5,7,8][0-9]{9}/.test(s) // 返回true或false
} }
//身份证号 //身份证号
verifyid() { verifyid() {
......
...@@ -68,6 +68,9 @@ ...@@ -68,6 +68,9 @@
<van-icon name="location-o" /> <van-icon name="location-o" />
</template> </template>
</van-cell> </van-cell>
</van-row>
<van-popup <van-popup
v-model="showAddress" v-model="showAddress"
position="bottom" position="bottom"
...@@ -81,8 +84,6 @@ ...@@ -81,8 +84,6 @@
/> />
</van-popup> </van-popup>
</van-row>
<!-- <van-area title="选择区域" :area-list="areaList" /> --> <!-- <van-area title="选择区域" :area-list="areaList" /> -->
</div> </div>
<div> <div>
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
--> -->
<template> <template>
<div class="d-page d-flex flex-column" style=" background-color: #ebedf0"> <div class="d-page d-flex flex-column" style=" background-color: #ebedf0 ">
<Main v-if="showFlag"></Main> <Main v-if="showFlag"></Main>
<MyPage v-if="!showFlag"></MyPage> <MyPage v-if="!showFlag"></MyPage>
<div > <div >
......
此差异已折叠。
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @ Author: zhaowei * @ Author: zhaowei
* @ Create Time: 2022-08-11 11:02:17 * @ Create Time: 2022-08-11 11:02:17
* @ Modified by: zhaowei * @ Modified by: zhaowei
* @ Modified time: 2022-08-11 16:04:39 * @ Modified time: 2022-09-02 10:01:41
* @ Description: * @ Description:
--> -->
......
...@@ -22,26 +22,26 @@ ...@@ -22,26 +22,26 @@
</van-row> </van-row>
<van-row type="flex"> <van-row type="flex">
<van-col span="24"> <van-col span="24">
<van-field v-model="name" label="姓名" :border="true" placeholder="请输入姓名" /> <van-field v-model="name" readonly label="姓名" :border="true" placeholder="请输入姓名" />
</van-col> </van-col>
</van-row> </van-row>
<van-row type="flex"> <van-row type="flex">
<van-col span="24"> <van-col span="24">
<van-field v-model="IdCard" label="身份证号" :border="true" placeholder="请输入身份证号" /> <van-field v-model="IdCard" readonly label="身份证号" :border="true" placeholder="请输入身份证号" />
</van-col> </van-col>
</van-row> </van-row>
<van-row type="flex"> <van-row type="flex">
<van-col span="24"> <van-col span="24">
<van-field v-model="phone" label="电话" :border="true" placeholder="请输入电话" /> <van-field v-model="phone" readonly label="电话" :border="true" placeholder="请输入电话" />
</van-col> </van-col>
</van-row> </van-row>
<van-row type="flex"> <van-row type="flex">
<van-col span="24"> <van-col span="24">
<van-field v-model="liveAdress" label="居住地址" :border="true" placeholder="请输入居住地址" /> <van-field v-model="liveAdress" readonly label="居住地址" :border="true" placeholder="请输入居住地址" />
</van-col> </van-col>
</van-row> </van-row>
<van-row type="flex"> <!-- <van-row type="flex">
<van-col span="24"> <van-col span="24">
<van-field v-model="password" label="原密码" :border="true" placeholder="请输入原密码" /> <van-field v-model="password" label="原密码" :border="true" placeholder="请输入原密码" />
</van-col> </van-col>
...@@ -50,9 +50,17 @@ ...@@ -50,9 +50,17 @@
<van-col span="24"> <van-col span="24">
<van-field v-model="newPassword" label="新密码" :border="true" placeholder="请输入新密码" /> <van-field v-model="newPassword" label="新密码" :border="true" placeholder="请输入新密码" />
</van-col> </van-col>
</van-row> </van-row> -->
<div style="margin: 16px;">
<van-button @click="modifyInfo" round block type="info" native-type="button">修改信息</van-button>
</div>
<div style="margin: 16px;"> <div style="margin: 16px;">
<van-button square block type="info" native-type="submit">修改</van-button>
<van-button @click="modifyPassword" hairline round plain block type="info" native-type="button">修改密码</van-button>
</div> </div>
</div> </div>
</template> </template>
...@@ -67,12 +75,27 @@ import { Component, Vue, Prop, Watch, Emit } from "vue-property-decorator"; ...@@ -67,12 +75,27 @@ import { Component, Vue, Prop, Watch, Emit } from "vue-property-decorator";
}) })
export default class PersonLod extends Vue { export default class PersonLod extends Vue {
tatleName="个人信息"//个人信息 tatleName="个人信息"//个人信息
name: string = ""//姓名 name: string = "任佳昊"//姓名
IdCard: string = ""//身份证号 IdCard: string = "420101200405063701"//身份证号
phone: string = ""//手机号 phone: string = "15537986003"//手机号
liveAdress: string = ""//居住地址 liveAdress: string = "云南省昆明市盘龙区鼓楼街道"//居住地址
password : String =""//原始密码 password : String =""//原始密码
newPassword : String =""//原始密码 newPassword : String =""//原始密码
modifyInfo(){
this.$router.push({
name: "modifyInfo"
//参数
})
}
modifyPassword(){
this.$router.push({
name: "modifyPassword"
//参数
})
}
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
......
<!--
* @Author: jiangzaicheng jiangzaicheng_jzc@163.com
* @Date: 2022-07-07 16:13:13
* @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
* @LastEditTime: 2022-07-22 16:58:52
* @FilePath: \mcep-h5\src\components\common\Bottom.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
<div>
<div class="rarle">
<tatle-bar :tatle="tatleName"></tatle-bar>
</div>
<van-row type="flex" class="iconImg">
<van-col span="24">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-touxiang"></use>
</svg>
</van-col>
</van-row>
<van-row type="flex">
<van-col span="24">
<van-field v-model="name" label="姓名" :border="true" placeholder="请输入姓名" />
</van-col>
</van-row>
<van-row type="flex">
<van-col span="24">
<van-field v-model="IdCard" label="身份证号" :border="true" placeholder="请输入身份证号" />
</van-col>
</van-row>
<van-row type="flex">
<van-col span="24">
<van-field v-model="phone" label="电话" :border="true" placeholder="请输入电话" />
</van-col>
</van-row>
<van-row type="flex">
<van-col span="24">
<van-field v-model="liveAdress" label="居住地址" :border="true" placeholder="请输入居住地址" />
</van-col>
</van-row>
<!-- <van-row type="flex">
<van-col span="24">
<van-field v-model="password" label="原密码" :border="true" placeholder="请输入原密码" />
</van-col>
</van-row>
<van-row type="flex">
<van-col span="24">
<van-field v-model="newPassword" label="新密码" :border="true" placeholder="请输入新密码" />
</van-col>
</van-row> -->
<div style="margin: 16px;">
<van-button @click="modifyInfo" round block type="info" native-type="button">保存</van-button>
</div>
</div>
</template>
<script lang="ts">
import { Component, Vue, Prop, Watch, Emit } from "vue-property-decorator";
/*
* title
*/
@Component({
name: "modifyInfo"
})
export default class PersonLod extends Vue {
tatleName="修改信息"//个人信息
name: string = ""//姓名
IdCard: string = ""//身份证号
phone: string = ""//手机号
liveAdress: string = ""//居住地址
password : String =""//原始密码
newPassword : String =""//原始密码
modifyInfo(){
this.$router.push({
name: "PersonLod"
//参数
})
}
}
</script>
<style scoped lang="scss">
.iconImg{
text-align: center;
margin-top: 2%;
margin-bottom: 2%;
}
.icon {
width: 80px;
height: 80px;
}
</style>
<!--
* @Author: jiangzaicheng jiangzaicheng_jzc@163.com
* @Date: 2022-07-07 16:13:13
* @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
* @LastEditTime: 2022-07-22 16:58:52
* @FilePath: \mcep-h5\src\components\common\Bottom.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
<div>
<div class="rarle">
<tatle-bar :tatle="tatleName"></tatle-bar>
</div>
<van-row type="flex" class="iconImg">
<van-col span="24">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-touxiang"></use>
</svg>
</van-col>
</van-row>
<van-row type="flex">
<van-col span="24">
<van-field v-model="name" label="姓名" :border="true" placeholder="请输入姓名" />
</van-col>
</van-row>
<van-row type="flex">
<van-col span="24">
<van-field v-model="IdCard" label="身份证号" :border="true" placeholder="请输入身份证号" />
</van-col>
</van-row>
<van-row type="flex">
<van-col span="24">
<van-field v-model="phone" label="电话" :border="true" placeholder="请输入电话" />
</van-col>
</van-row>
<van-row type="flex">
<van-col span="24">
<van-field v-model="liveAdress" label="居住地址" :border="true" placeholder="请输入居住地址" />
</van-col>
</van-row>
<van-divider :style="{ margin: 0 ,border: 10}"></van-divider>
<van-row type="flex">
<van-col span="24">
<van-field :type="passwordType" v-model="password" label="原密码" :border="true" placeholder="请输入原密码" >
<template slot="right-icon">
<span class="solts" @click="switchPasswordType">
<van-icon name="eye" v-if="passwordType === 'password'" />
<van-icon name="closed-eye" v-else />
</span>
</template>
</van-field>
</van-col>
</van-row>
<van-row type="flex">
<van-col span="24">
<van-field v-model="newPassword" :type="passwordType" label="新密码" :border="true" placeholder="请输入新密码">
<template slot="right-icon">
<span class="solts" @click="switchPasswordType">
<van-icon name="eye" v-if="passwordType === 'password'" />
<van-icon name="closed-eye" v-else />
</span>
</template>
</van-field>
</van-col>
</van-row>
<van-row type="flex">
<van-col span="24">
<van-field v-model="rePassword" :type="passwordType" label="确认新密码" :border="true" placeholder="请再次输入新密码">
<template slot="right-icon">
<span class="solts" @click="switchPasswordType">
<van-icon name="eye" v-if="passwordType === 'password'" />
<van-icon name="closed-eye" v-else />
</span>
</template>
</van-field>
</van-col>
</van-row>
<div style="margin: 16px;">
<van-button @click="modifyInfo" round block type="info" native-type="button">保存</van-button>
</div>
</div>
</template>
<script lang="ts">
import { Component, Vue, Prop, Watch, Emit } from "vue-property-decorator";
/*
* title
*/
@Component({
name: "modifyPassword"
})
export default class PersonLod extends Vue {
tatleName="修改密码"//个人信息
name: string = ""//姓名
IdCard: string = ""//身份证号
phone: string = ""//手机号
liveAdress: string = ""//居住地址
password : String =""//原始密码
newPassword : String =""//原始密码
passwordType :string= "password";
switchPasswordType() {
this.passwordType = this.passwordType === 'password' ? 'text' : 'password'
}
modifyInfo(){
this.$router.push({
name: "PersonLod"
//参数
})
}
}
</script>
<style scoped lang="scss">
.iconImg{
text-align: center;
margin-top: 2%;
margin-bottom: 2%;
}
.icon {
width: 80px;
height: 80px;
}
</style>
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册