Skip to content

M
mcep-h5
提交 7c4017a5 编写于 作者: “grape”'s avatar “grape”
浏览文件
操作

9/2

上级 b223b97e
显示空白字符变更
内嵌 并排
正在显示 包含 565 行增加 和 113 行删除
.env.dev
浏览文件 @ 7c4017a5
VUE_APP_BASE_API = http://10.0.2.248:9165/online-financial-service/api/v1/cust-info/permit_endpoint
// 编译环境
NODE_ENV=production
PRODUCTION_TIP=false
......@@ -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
// 启动网关 (on | off)
VUE_APP_ENABLE_GATEWAY = off
.env.local.bak
浏览文件 @ 7c4017a5
......@@ -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_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
// 启动网关 (on | 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
.env.prod
浏览文件 @ 7c4017a5
......@@ -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
// 启动网关 (on | 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
src/components/common/CardPottom.vue
浏览文件 @ 7c4017a5
......@@ -12,10 +12,16 @@
<div class="roolsolt">
<div >
<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 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-row>
<!-- <van-row type="flex" class="title">
......@@ -30,8 +36,8 @@
<van-col span="12" style="text-align: left; color: #999999; font-size: 12px">合同未使用金额(元)</van-col>
</van-row>
<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" style="font-weight: 700; text-align: left">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" v-text="this.unUseFinal" style="font-weight: 700; text-align: left"></van-col>
</van-row>
<!-- <van-row type="flex" justify="center" class="integrall">
<van-col span="8">我的积分</van-col>
......@@ -49,9 +55,29 @@ import { Component, Vue, Prop, Watch, Emit } from "vue-property-decorator";
*/
@Component({
name: "CardPottom"
})
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>
<style scoped lang="scss">
......
src/constants/api/login/login-mgt.api.ts
浏览文件 @ 7c4017a5
......@@ -10,6 +10,7 @@ import { MethodType } from "@/constants/enum/general/method-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 = process.env.VUE_APP_BASE_API;
console.log(prefix+"=================");
const loginApi = {
updatePicCode: {
url: prefix + "/getVerifyCode",
......
src/constants/api/login/regist-mgt.api.ts
浏览文件 @ 7c4017a5
......@@ -9,7 +9,8 @@
import { MethodType } from "@/constants/enum/general/method-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 = {
registSystem: {
url: prefix + "/register",
......
src/router/workbench.routing.ts
浏览文件 @ 7c4017a5
......@@ -18,6 +18,22 @@ const workbenchRoutes = [
props: propsConvert,
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`,
name: 'AccommodMain',
......
src/views/authentication/LoginByID.vue
浏览文件 @ 7c4017a5
......@@ -194,9 +194,9 @@ export default class LoginView extends Vue {
// }
// });
}
created() {
this._updatePicCode()
}
// created() {
// this._updatePicCode()
// }
//忘记密码
forgetspass() {
this.$router.push({
......
src/views/authentication/LoginView.vue
浏览文件 @ 7c4017a5
......@@ -22,7 +22,7 @@
<van-form>
<div class="logindiv">
<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: '请输入正确的手机号码' }]" -->
......@@ -30,6 +30,7 @@
<van-divider :style="{ margin: 0 }"></van-divider>
<!-- <div class="logindiv"> -->
<span class="sopan">密码</span>
<van-field v-model="password" :type="passwordType" center clearable placeholder="请填写密码">
<template slot="right-icon">
......@@ -56,7 +57,7 @@
<!-- <template >
<img :src="imageSrc" style="max-width: 100px; max-height: 200px;" />
</template> -->
<div v-show = "showCode" class="authCode">
<span class="sopan">短信验证码</span>
<van-row class="">
<van-col span="16">
......@@ -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-row>
<van-divider :style="{ margin: 0 }"></van-divider>
</div>
<div style="margin: 16px;">
<van-button square block type="info" native-type="submit" @click="loginSystem()">登录</van-button>
......@@ -115,12 +117,29 @@ export default class LoginView extends Vue {
sms: string = "";//短信验证
timer: any = "";//定时器
time: number = 60;//计数
imageVerifyKey: string = ""//验证码Key
passwordType = "password"
imageVerifyKey: string = "";//验证码Key
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() {
this.passwordType = this.passwordType === 'password' ? 'text' : 'password'
}
//身份证号登录
loginbyid() {
this.$router.push({
......@@ -129,9 +148,9 @@ export default class LoginView extends Vue {
}
//手机号
// verifyPhone() {
// return /^1\d{10}$/.test(this.phone) // 返回true或false
// }
verifyPhone(s:string) {
return /^1[3-9]\d{9}$/.test(s) // 返回true或false
}
//获取图形验证码
_updatePicCode() {
//请求图形验证码
......@@ -188,6 +207,8 @@ export default class LoginView extends Vue {
}
apiService.general(loginApi.loginSystem, undefined, param, undefined).then((response: RestfulResponse) => {
console.log(response);
//发送请求就保存账号
localStorage.setItem('loginNo', this.loginNo);
if (response.code == Code.SUCCESS.code) {
this.$router.push({
name: `Mianview`,
......@@ -195,15 +216,17 @@ export default class LoginView extends Vue {
data: response.data
}
})
//登录成功后保存账号
localStorage.setItem('loginNo', this.loginNo);
} else {
this._updatePicCode();
// this._updatePicCode();
Toast(response.msg + "");
}
});
}
created() {
this._updatePicCode()
}
// created() {
// this._updatePicCode()
// }
//忘记密码
forgetspass() {
this.$router.push({
......
src/views/login/ForgetPassView.vue
浏览文件 @ 7c4017a5
......@@ -28,7 +28,7 @@
class="font-size-12-dhc"
style="font-weight: 400; font-family: 'Arial Normal', 'Arial';
}"
>请使用注册手机号或身份证号进行密码重置</span
>请使用注册手机号码进行密码重置</span
></van-col
>
</van-row>
......@@ -36,9 +36,10 @@
<div class="logindiv">
<span class="sopan">账号</span>
<van-field
v-model="loginNo"
:border="true"
placeholder="请输入手机号或身份证号"
placeholder="请输入手机号码"
/>
</div>
......@@ -87,8 +88,9 @@
<!-- <van-divider /> -->
</div>
<van-divider :style="{ margin: 0 }"></van-divider>
<span class="sopan">短信验证码</span>
<div>
<span class="sopan">短信验证码</span>
<van-row>
<van-col span="16">
<van-field
......@@ -140,6 +142,20 @@ export default class ForgetPassView extends Vue {
timer: any = ""; //定时器
time: number = 60; //计数
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() {
//请求图形验证码
......
src/views/login/Register.vue
浏览文件 @ 7c4017a5
......@@ -23,7 +23,7 @@
<van-form>
<div class="logindiv">
<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>
<!-- error-message="请输入手机号码或身份证号码" -->
......@@ -41,7 +41,7 @@
</div> -->
<div class="logindiv"><span class="sopan">短信验证码</span>
<div class="logindiv" v-show = "showCode" ><span class="sopan">短信验证码</span>
<van-row>
<van-col span="16">
<van-field v-model="sms" center clearable placeholder="请输入短信验证码">
......@@ -125,14 +125,23 @@ export default class ForgetPassView extends Vue {
radio: string = "0"
checked: boolean = false;
passwordType = "password"
showCode = false;
//方法
noChange(s:string){
if(this.verifyPhone(s)){
this.showCode=true;
}else{
this.showCode=false;
}
}
switchPasswordType() {
this.passwordType = this.passwordType === 'password' ? 'text' : 'password'
}
//手机号
verifyPhone() {
return /^1\d{10}$/.test(this.phone) // 返回true或false
verifyPhone(s:string) {
return /[1][3,4,5,7,8][0-9]{9}/.test(s) // 返回true或false
}
//身份证号
verifyid() {
......
src/views/main/Main.vue
浏览文件 @ 7c4017a5
......@@ -68,6 +68,9 @@
<van-icon name="location-o" />
</template>
</van-cell>
</van-row>
<van-popup
v-model="showAddress"
position="bottom"
......@@ -81,8 +84,6 @@
/>
</van-popup>
</van-row>
<!-- <van-area title="选择区域" :area-list="areaList" /> -->
</div>
<div>
......
src/views/main/MainView.vue
浏览文件 @ 7c4017a5
......@@ -7,7 +7,7 @@
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<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>
<MyPage v-if="!showFlag"></MyPage>
<div >
......
src/views/recognition/Intention.vue
浏览文件 @ 7c4017a5
......@@ -21,21 +21,21 @@
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="身份证号" :value="idcard" input-align="right" />
<van-field label="身份证号" v-model="idcard" input-align="right" />
</van-cell-group>
</van-col>
</van-row>
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="姓名" :value="name" input-align="right" />
<van-field label="姓名" v-model="name" input-align="right" />
</van-cell-group>
</van-col>
</van-row>
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="电话" :value="phone" input-align="right" />
<van-field label="电话" v-model="phone" input-align="right" />
</van-cell-group>
</van-col>
</van-row>
......@@ -47,52 +47,94 @@
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="贷款品种" :value="varieties" input-align="right" />
<van-field label="贷款品种" v-model="varieties" input-align="right" />
</van-cell-group>
</van-col>
</van-row>
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="借款金额" :value="amount" input-align="right" />
<van-field label="借款金额" v-model="amount" input-align="right" />
</van-cell-group>
</van-col>
</van-row>
<van-row type="flex" class="layoutName">
<!-- <van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="借款期限" :value="borrow" input-align="right" />
</van-cell-group>
</van-col>
</van-row> -->
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-field is-link readonly :value="loanValue" label="借款用途" input-align="right" placeholder="请选择借款用途" @click="showLoan = true" />
<van-popup v-model="showLoan" round position="bottom">
<van-picker
show-toolbar
:columns="loanList"
@cancel="showLoan = false"
@confirm="onConfirmLoan"
/>
</van-popup>
</van-col>
</van-row>
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="借款用途" :value="purposes" input-align="right" />
</van-cell-group>
<van-field :value="outcsinfo.place" is-link readonly label="意向地区" input-align="right" placeholder="请选择所在地区" @click="onAddress" />
<van-popup
v-model="showAddress"
position="bottom"
>
<van-area
title="请选择地区"
@confirm="changeAddress"
:area-list="areaList"
columns-num="3"
/>
</van-popup>
</van-col>
</van-row>
<van-divider :style="{ margin: 0 }"></van-divider>
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-field v-model="fieldValue" is-link readonly label="地区" placeholder="请选择所在地区" @click="show = true" />
<van-popup v-model="show" round position="bottom">
<van-cascader v-model="cascaderValue" title="请选择所在地区" :options="options" @close="show = false"
@finish="onFinish()" />
<van-field is-link readonly :value="orgValue" label="意向机构" input-align="right" placeholder="请选择意向机构" @click="showOrg = true" />
<van-popup v-model="showOrg" round position="bottom">
<van-picker
show-toolbar
:columns="orgList"
@cancel="showOrg = false"
@confirm="onConfirmOrg"
/>
</van-popup>
</van-col>
</van-row>
<van-divider :style="{ margin: 0 }"></van-divider>
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="客户经理" :value="customer" input-align="right" />
</van-cell-group>
<van-field is-link readonly :value="mangerValue" label="意向客户经理" input-align="right" placeholder="请选择意向客户经理" @click="showManager = true" />
<van-popup v-model="showManager" round position="bottom">
<van-picker
show-toolbar
:columns="mangerList"
@cancel="showManager = false"
@confirm="onConfirmManager"
/>
</van-popup>
</van-col>
</van-row>
<van-divider :style="{ margin: 0 }"></van-divider>
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="客户经理电话" :value="phoneCard" input-align="right" />
<van-field readonly label="客户经理电话" :value="phoneCard" input-align="right" />
</van-cell-group>
</van-col>
</van-row>
......@@ -115,66 +157,118 @@
<script lang="ts">
import { Component, Vue, Prop, Watch, Emit } from "vue-property-decorator";
/*
* title
*/
* title
*/
import { Picker } from "vant";
import { area } from "../../model/domain/areaData";
import { Area } from "vant";
Vue.use(Picker);
@Component({
name: "Intention"
name: "Intention",
})
export default class Intention extends Vue {
tatleName = "产品意向申请"
tatleName = "产品意向申请";
//身份证
idcard = "23232111978211"
idcard = "23232111978211";
//姓名
name = "刘明明"
name = "刘明明";
//电话
phone = "15665025053"
phone = "15665025053";
//贷款详情
varieties = "一般经营性贷款"
varieties = "一般经营性贷款";
//借款金融
amount = "500万"
amount = "";
//借款期限
borrow = "24月"
// borrow = "24月"
//借款用途
purposes = "经营"
purposes = "经营";
//业务办理地区
area = "黑龙江省-哈尔滨市-松北区"
// area = "黑龙江省-哈尔滨市-松北区"
//意向机构
intentions = "哈尔滨农信社松北区枝江大道分社"
intentions = "哈尔滨农信社松北区枝江大道分社";
//客户经理
customer = "赵恒请"
customer = "赵恒请";
//客户经理电话
phoneCard = "15673989898"
phoneCard = "15673989898";
//地区
show = false
fieldValue = ''
cascaderValue = ''
// 选项列表，children 代表子选项，支持多级嵌套
options = [
{
text: '浙江省',
value: '330000',
children: [{ text: '杭州市', value: '330100' }],
},
{
text: '江苏省',
value: '320000',
children: [{ text: '南京市', value: '320100' }],
},
]
onFinish() {
this.show = false;
// this.fieldValue = selectedOptions.map((option) => option.text).join('/');
show = false;
fieldValue = "";
cascaderValue = "";
showOrg = false;
orgValue = "";
showManager = false;
mangerValue = "";
mangerList = ["吕晨涛", "龙易轩","范丽","雷娟","郝芳"];
//机构列表
orgList = ["哈尔滨道里区支行", "哈尔滨松北区支行"];
areaList = area;
outcsinfo = {
place: "请选择地区", //出行地点
};
showAddress = false;
//借款用途
loanValue =''
showLoan = false
loanList = ["消费", "经营"];
onAddress() {
this.showAddress = true;
}
recognition(){
this.$router.push({
name:"LinSuccess"
})
// 点击地址选择框的确认
changeAddress(event: any) {
// console.log(event,'返回格式数组')
this.showAddress = false;
let st = "";
event.forEach((item: any) => {
st = st + item.name;
});
this.outcsinfo.place = st;
}
}
onConfirmLoan(loanValue: string) {
this.loanValue = loanValue;
this.showLoan = false;
}
onConfirmOrg(orgValue: string) {
this.orgValue = orgValue;
this.showOrg = false;
}
onConfirmManager(mangerValue: string) {
this.mangerValue = mangerValue;
this.showManager = false;
}
// 选项列表，children 代表子选项，支持多级嵌套
// options = [
// {
// text: '浙江省',
// value: '330000',
// children: [{ text: '杭州市', value: '330100' }],
// },
// {
// text: '江苏省',
// value: '320000',
// children: [{ text: '南京市', value: '320100' }],
// },
// ]
// onFinish() {
// this.show = false;
// this.fieldValue = selectedOptions.map((option) => option.text).join('/');
// }
recognition() {
this.$router.push({
name: "LinSuccess",
});
}
}
</script>
<style scoped lang="scss">
.layout {
......@@ -186,14 +280,14 @@ export default class Intention extends Vue {
}
.CoolName {
font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
font-family: "Arial Negreta", "Arial Normal", "Arial";
font-weight: 700;
font-style: normal;
font-size: 16px;
}
.layoutName {
font-family: 'Arial Normal', 'Arial';
font-family: "Arial Normal", "Arial";
font-weight: 400;
font-style: normal;
font-size: 13px;
......
src/views/workbench/AccommodMain.vue
浏览文件 @ 7c4017a5
......@@ -2,7 +2,7 @@
* @ Author: zhaowei
* @ Create Time: 2022-08-11 11:02:17
* @ Modified by: zhaowei
* @ Modified time: 2022-08-11 16:04:39
* @ Modified time: 2022-09-02 10:01:41
* @ Description:
-->
......
src/views/workbench/PersonLod.vue
浏览文件 @ 7c4017a5
......@@ -22,26 +22,26 @@
</van-row>
<van-row type="flex">
<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-row>
<van-row type="flex">
<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-row>
<van-row type="flex">
<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-row>
<van-row type="flex">
<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-row>
<van-row type="flex">
<!-- <van-row type="flex">
<van-col span="24">
<van-field v-model="password" label="原密码" :border="true" placeholder="请输入原密码" />
</van-col>
......@@ -50,9 +50,17 @@
<van-col span="24">
<van-field v-model="newPassword" label="新密码" :border="true" placeholder="请输入新密码" />
</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;">
<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>
</template>
......@@ -67,12 +75,27 @@ import { Component, Vue, Prop, Watch, Emit } from "vue-property-decorator";
})
export default class PersonLod extends Vue {
tatleName="个人信息"//个人信息
name: string = ""//姓名
IdCard: string = ""//身份证号
phone: string = ""//手机号
liveAdress: string = ""//居住地址
name: string = "任佳昊"//姓名
IdCard: string = "420101200405063701"//身份证号
phone: string = "15537986003"//手机号
liveAdress: string = "云南省昆明市盘龙区鼓楼街道"//居住地址
password : String =""//原始密码
newPassword : String =""//原始密码
modifyInfo(){
this.$router.push({
name: "modifyInfo"
//参数
})
}
modifyPassword(){
this.$router.push({
name: "modifyPassword"
//参数
})
}
}
</script>
<style scoped lang="scss">
......
src/views/workbench/modifyInfo.vue 0 → 100644
浏览文件 @ 7c4017a5
<!--
* @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>
src/views/workbench/modifyPassword.vue 0 → 100644
浏览文件 @ 7c4017a5
<!--
* @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 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或