Skip to content

M
mcep-h5
提交 e827c5ba 编写于 作者: donghuawangliang0612's avatar donghuawangliang0612
浏览文件
操作

Merge branch 'master' of http://zyys.donghuajinyun.com/gitlib/jiangzaicheng/mcep-h5

上级 d54d0ac5 8c7a0f26
隐藏空白字符变更
内嵌 并排
正在显示 包含 907 行增加 和 177 行删除
.env.dev
浏览文件 @ e827c5ba
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
.env.local.bak
浏览文件 @ e827c5ba
...@@ -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
.env.prod
浏览文件 @ e827c5ba
...@@ -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
src/components/common/CardPottom.vue
浏览文件 @ e827c5ba
...@@ -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">
......
src/constants/api/login/login-mgt.api.ts
浏览文件 @ e827c5ba
...@@ -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",
......
src/constants/api/login/regist-mgt.api.ts
浏览文件 @ e827c5ba
...@@ -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",
......
src/router/workbench.routing.ts
浏览文件 @ e827c5ba
...@@ -18,6 +18,31 @@ const workbenchRoutes = [ ...@@ -18,6 +18,31 @@ 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: `/businessProgress`,
name: 'businessProgress',
component: () => import(/* webpackChunkName: "customer-mgt" */ "@/views/workbench/businessProgress.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',
......
src/views/DepositInterestTrial/DepositInterestTrial.vue
浏览文件 @ e827c5ba
...@@ -17,37 +17,120 @@ ...@@ -17,37 +17,120 @@
</div> </div>
</div> </div>
<div class="card" v-if="flag" :model="test"> <div class="card" v-if="flag" :model="test">
<div class="d-flex" style="margin-top: 6%;margin-left: 5%">储蓄方式
<!-- <div class="d-flex" style="margin-top: 6%;margin-left: 5%">储蓄方式
<a-select v-model:value="test.saveType" :options="saveTypes" placeholder="请选择" style="width: 50%;margin-top: -2%;margin-left: auto"> <a-select v-model:value="test.saveType" :options="saveTypes" placeholder="请选择" style="width: 50%;margin-top: -2%;margin-left: auto">
</a-select> </a-select>
</div> </div> -->
<div class="d-flex" style="margin-top: 6%;margin-left: 5%">定期类型
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-field is-link readonly :value="this.typeValue" label="储蓄方式" input-align="right" placeholder="请选择储蓄方式" @click="showTypes = true" />
<van-popup v-model="showTypes" round position="bottom">
<van-picker
show-toolbar
:columns="saveTypes"
@cancel="showTypes = false"
@confirm="onConfirmTypes"
/>
</van-popup>
</van-col>
</van-row>
<!-- <div class="d-flex" style="margin-top: 6%;margin-left: 5%">定期类型
<a-select v-model:value="test.timeType" :options="timeTypes" placeholder="请选择" style="width: 50%;margin-top: -2%;margin-left: auto"> <a-select v-model:value="test.timeType" :options="timeTypes" placeholder="请选择" style="width: 50%;margin-top: -2%;margin-left: auto">
</a-select> </a-select>
</div> </div> -->
<div class="d-flex" style="margin-top: 6%;margin-left: 5%">期限
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-field is-link readonly :value="timeTypeValue" label="定期类型" input-align="right" placeholder="请选择定期类型" @click="showTimeTypes = true"/>
<van-popup v-model="showTimeTypes" round position="bottom">
<van-picker
show-toolbar
:columns="timeTypes"
@cancel="showTimeTypes = false"
@confirm="onConfirmTimeTypes"
/>
</van-popup>
</van-col>
</van-row>
<!-- <div class="d-flex" style="margin-top: 6%;margin-left: 5%">期限
<a-select v-model:value="test.time" :options="times" placeholder="请选择" style="width: 50%;margin-top: -2%;margin-left: auto"> <a-select v-model:value="test.time" :options="times" placeholder="请选择" style="width: 50%;margin-top: -2%;margin-left: auto">
</a-select> </a-select>
</div> </div> -->
<div class="d-flex" style="margin-top: 6%;margin-left: 5%">年利率(%)<van-field v-model="test.yearRate" placeholder="请输入" style="width: 50%;margin-top: -4%;margin-left: auto"></van-field></div>
<div class="d-flex" style="margin-top: 6%;margin-left: 5%;margin-bottom: 6%">存入金额(元)<van-field v-model="test.depositAmt" placeholder="请输入" style="width: 50%;margin-top: -4%;margin-left: auto"></van-field></div>
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-field is-link readonly :value="timeValue" label="期限" input-align="right" placeholder="请选择期限" @click="showTimes = true"/>
<van-popup v-model="showTimes" round position="bottom">
<van-picker
show-toolbar
:columns="times"
@cancel="showTimes = false"
@confirm="onConfirmTimes"
/>
</van-popup>
</van-col>
</van-row>
<div class="d-flex" style="margin-top: 6%;margin-left: 5%">年利率(%)<van-field v-model="test.yearRate" placeholder="请输入" style="width: 50%;margin-top: -4%;margin-left: auto" input-align="right"></van-field></div>
<div class="d-flex" style="margin-top: 6%;margin-left: 5%;margin-bottom: 6%">存入金额(元)<van-field v-model="test.depositAmt" placeholder="请输入" style="width: 50%;margin-top: -4%;margin-left: auto" input-align="right"></van-field></div>
</div> </div>
<!-- <div v-if="flag" style="margin-top: 160px; text-align: right; margin-right: 10px; font-size: 12px; color: #3672F1" @click="toDepositRate">--> <!-- <div v-if="flag" style="margin-top: 160px; text-align: right; margin-right: 10px; font-size: 12px; color: #3672F1" @click="toDepositRate">-->
<!-- 查看基准存款利率--> <!-- 查看基准存款利率-->
<!-- </div>--> <!-- </div>-->
<div class="card" v-if="!flag" :model="test2"> <div class="card" v-if="!flag" :model="test2">
<div class="d-flex" style="margin-top: 6%;margin-left: 5%">贷款金额(元)<van-field v-model="test2.loanAmt" placeholder="请输入贷款金额" style="width: 50%;margin-top: -4%;margin-left: auto;"></van-field></div> <div class="d-flex" style="margin-top: 6%;margin-left: 5%">贷款金额(元)<van-field v-model="test2.loanAmt" placeholder="请输入贷款金额" style="width: 50%;margin-top: -4%;margin-left: auto;" input-align="right"></van-field></div>
<div class="d-flex" style="margin-top: 6%;margin-left: 5%">贷款期限(月)<van-field v-model="test2.loanTime" placeholder="请输入贷款期限" style="width: 50%;margin-top: -4%;margin-left: auto"></van-field></div> <div class="d-flex" style="margin-top: 6%;margin-left: 5%">贷款期限(月)<van-field v-model="test2.loanTime" placeholder="请输入贷款期限" style="width: 50%;margin-top: -4%;margin-left: auto" input-align="right"></van-field></div>
<!-- <div class="d-flex" style="margin-top: 6%;margin-left: 5%">计划月还款(元)<van-field v-model="test2.planMonthRepay" placeholder="请输入计划月还款" style="width: 50%;margin-top: -4%;margin-left: auto"></van-field></div>--> <!-- <div class="d-flex" style="margin-top: 6%;margin-left: 5%">计划月还款(元)<van-field v-model="test2.planMonthRepay" placeholder="请输入计划月还款" style="width: 50%;margin-top: -4%;margin-left: auto"></van-field></div>-->
<div class="d-flex" style="margin-top: 6%;margin-left: 5%">贷款利率(%)<van-field v-model="test2.loanRate" placeholder="请输入贷款利率" style="width: 50%;margin-top: -4%;margin-left: auto;"></van-field></div> <div class="d-flex" style="margin-top: 6%;margin-left: 5%">贷款利率(%)<van-field v-model="test2.loanRate" placeholder="请输入贷款利率" style="width: 50%;margin-top: -4%;margin-left: auto;" input-align="right"></van-field></div>
<!-- <div class="d-flex" style="margin-top: 6%;margin-left: 5%">贷款种类--> <!-- <div class="d-flex" style="margin-top: 6%;margin-left: 5%">贷款种类-->
<!-- <a-select v-model:value="test2.loanType" :options="loanTypes" placeholder="请选择贷款种类" style="width: 50%;margin-top: -2%;margin-left: auto">--> <!-- <a-select v-model:value="test2.loanType" :options="loanTypes" placeholder="请选择贷款种类" style="width: 50%;margin-top: -2%;margin-left: auto">-->
<!-- </a-select>--> <!-- </a-select>-->
<!-- </div>--> <!-- </div>-->
<div class="d-flex" style="margin-top: 6%;margin-left: 5%;margin-bottom: 6%">还款方式 <!-- <div class="d-flex" style="margin-top: 6%;margin-left: 5%;margin-bottom: 6%">还款方式
<a-select v-model:value="test2.repayType" :options="choices" placeholder="请选择还款方式" style="width: 60%;margin-top: -2%;margin-left: auto"> <a-select v-model:value="test2.repayType" :options="choices" placeholder="请选择还款方式" style="width: 60%;margin-top: -2%;margin-left: auto">
</a-select> </a-select>
</div> </div> -->
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-field style="color: red;" is-link readonly :value="choiceValue" label="还款方式" input-align="right" placeholder="请选择还款方式" @click="showChoices = true"/>
<van-popup v-model="showChoices" round position="bottom">
<van-picker
show-toolbar
:columns="choices"
@cancel="showChoices = false"
@confirm="onConfirmChoices"
/>
</van-popup>
</van-col>
</van-row>
</div> </div>
<div v-if="flag"> <div v-if="flag">
<van-button style="width: 90%;margin-left: 5%;background-color: #1890ff;position: absolute;margin-top: 86%;height: 6%;border-radius: 5px;" type="primary" @click="countA">计算</van-button> <van-button style="width: 90%;margin-left: 5%;background-color: #1890ff;position: absolute;margin-top: 86%;height: 6%;border-radius: 5px;" type="primary" @click="countA">计算</van-button>
...@@ -77,61 +160,117 @@ export default class DepositInterestTrial extends Vue{ ...@@ -77,61 +160,117 @@ export default class DepositInterestTrial extends Vue{
label : "无抵押", label : "无抵押",
} }
]; ];
saveTypes: any[] = [ typeValue:any= "";
{ showTypes:any=false;
value : "定期", // saveTypes: any[] = [
label : "定期", // {
},{ // value : "定期",
value : "非定期", // label : "定期",
label : "非定期", // },{
} // value : "非定期",
// label : "非定期",
// }
// ];
saveTypes: any[] = [
"定期","非定期",
]; ];
choices: any[] = [
{ onConfirmTypes(typeValue: string) {
value : "利随本清", this.typeValue = typeValue;
label : "利随本清", this.showTypes = false;
},{ }
value : "等额本金", // choices: any[] = [
label : "等额本金", // {
},{ // value : "利随本清",
value : "等额本息", // label : "利随本清",
label : "等额本息", // },{
}, // value : "等额本金",
{ // label : "等额本金",
value : "按季结息(到期一次性还本)", // },{
label : "按季结息(到期一次性还本)", // value : "等额本息",
},{ // label : "等额本息",
value : "按月结息(到期一次性还本)", // },
label : "按月结息(到期一次性还本)", // {
},{ // value : "按季结息(到期一次性还本)",
value : "按年结息(到期一次性还本)", // label : "按季结息(到期一次性还本)",
label : "按年结息(到期一次性还本)", // },{
} // value : "按月结息(到期一次性还本)",
// label : "按月结息(到期一次性还本)",
// },{
// value : "按年结息(到期一次性还本)",
// label : "按年结息(到期一次性还本)",
// }
// ];
choiceValue:any= "";
showChoices:any=false;
choices: any[] = [
"利随本清",
"等额本金",
"等额本息",
"按季结息(到期一次性还本)",
"按月结息(到期一次性还本)",
"按年结息(到期一次性还本)",
]; ];
timeTypes: any[] = [
{ onConfirmChoices(choiceValue: string) {
value : "定存整取", this.choiceValue = choiceValue;
label : "定存整取", this.showChoices = false;
},{ }
value : "零存整取", // timeTypes: any[] = [
label : "零存整取", // {
},{ // value : "定存整取",
value : "整存整取", // label : "定存整取",
label : "整存整取", // },{
} // value : "零存整取",
// label : "零存整取",
// },{
// value : "整存整取",
// label : "整存整取",
// }
// ];
timeTypeValue:any= "";
showTimeTypes:any=false;
timeTypes: any[] = [
"定存整取",
"定存整取",
"零存整取",
"零存整取",
"整存整取",
"整存整取",
]; ];
times: any[] = [ onConfirmTimeTypes(timeTypeValue: string) {
{ this.timeTypeValue = timeTypeValue;
value : "1", this.showTimeTypes = false;
label : "一年", }
},{
value : "2",
label : "两年", timeValue:any= "";
},{ showTimes:any=false;
value : "3", // times: any[] = [
label : "三年", // {
} // value : "1",
// label : "一年",
// },{
// value : "2",
// label : "两年",
// },{
// value : "3",
// label : "三年",
// }
// ];
times: any[] = [
"一年",
"两年",
"三年",
]; ];
onConfirmTimes(timeValue: string) {
this.timeValue = timeValue;
this.showTimes = false;
}
test2: any = { test2: any = {
loanAmt: "", loanAmt: "",
loanTime: "", loanTime: "",
...@@ -234,7 +373,18 @@ export default class DepositInterestTrial extends Vue{ ...@@ -234,7 +373,18 @@ export default class DepositInterestTrial extends Vue{
margin-left: 5%; margin-left: 5%;
margin-top: -30%; margin-top: -30%;
} }
.layoutName {
font-family: "Arial Normal", "Arial";
font-weight: 400;
font-style: normal;
font-size: 13px;
color: rgba(0, 0, 0, 0.65);
}
::v-deep .ant-select-selection { ::v-deep .ant-select-selection {
border: none; border: none;
} }
::v-deep .van-field__label {
color:#000000A6;
}
</style> </style>
src/views/authentication/LoginByID.vue
浏览文件 @ e827c5ba
...@@ -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({
......
src/views/authentication/LoginView.vue
浏览文件 @ e827c5ba
...@@ -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,17 +57,18 @@ ...@@ -56,17 +57,18 @@
<!-- <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">
<van-field v-model="sms" center clearable placeholder="请输入短信验证码"> <van-field v-model="sms" center clearable placeholder="请输入短信验证码">
</van-field> </van-field>
</van-col> </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-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({
......
src/views/login/ForgetPassView.vue
浏览文件 @ e827c5ba
...@@ -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() {
//请求图形验证码 //请求图形验证码
......
src/views/login/Register.vue
浏览文件 @ e827c5ba
...@@ -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-9]\d{9}$/.test(s) // 返回true或false
} }
//身份证号 //身份证号
verifyid() { verifyid() {
......
src/views/main/Main.vue
浏览文件 @ e827c5ba
...@@ -68,7 +68,10 @@ ...@@ -68,7 +68,10 @@
<van-icon name="location-o" /> <van-icon name="location-o" />
</template> </template>
</van-cell> </van-cell>
<van-popup
</van-row>
<van-popup
v-model="showAddress" v-model="showAddress"
position="bottom" position="bottom"
:style="{ height: '50%' }" :style="{ height: '50%' }"
...@@ -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>
......
src/views/main/MainView.vue
浏览文件 @ e827c5ba
...@@ -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 >
......
src/views/recognition/Intention.vue
浏览文件 @ e827c5ba
...@@ -21,21 +21,21 @@ ...@@ -21,21 +21,21 @@
<van-row type="flex" class="layoutName"> <van-row type="flex" class="layoutName">
<van-col span="24"> <van-col span="24">
<van-cell-group> <van-cell-group>
<van-field label="身份证号" :value="idcard" input-align="right" /> <van-field label="身份证号" v-model="idcard" input-align="right" />
</van-cell-group> </van-cell-group>
</van-col> </van-col>
</van-row> </van-row>
<van-row type="flex" class="layoutName"> <van-row type="flex" class="layoutName">
<van-col span="24"> <van-col span="24">
<van-cell-group> <van-cell-group>
<van-field label="姓名" :value="name" input-align="right" /> <van-field label="姓名" v-model="name" input-align="right" />
</van-cell-group> </van-cell-group>
</van-col> </van-col>
</van-row> </van-row>
<van-row type="flex" class="layoutName"> <van-row type="flex" class="layoutName">
<van-col span="24"> <van-col span="24">
<van-cell-group> <van-cell-group>
<van-field label="电话" :value="phone" input-align="right" /> <van-field label="电话" v-model="phone" input-align="right" />
</van-cell-group> </van-cell-group>
</van-col> </van-col>
</van-row> </van-row>
...@@ -47,52 +47,94 @@ ...@@ -47,52 +47,94 @@
<van-row type="flex" class="layoutName"> <van-row type="flex" class="layoutName">
<van-col span="24"> <van-col span="24">
<van-cell-group> <van-cell-group>
<van-field label="贷款品种" :value="varieties" input-align="right" /> <van-field label="贷款品种" v-model="varieties" input-align="right" />
</van-cell-group> </van-cell-group>
</van-col> </van-col>
</van-row> </van-row>
<van-row type="flex" class="layoutName"> <van-row type="flex" class="layoutName">
<van-col span="24"> <van-col span="24">
<van-cell-group> <van-cell-group>
<van-field label="借款金额" :value="amount" input-align="right" /> <van-field label="借款金额" v-model="amount" input-align="right" />
</van-cell-group> </van-cell-group>
</van-col> </van-col>
</van-row> </van-row>
<van-row type="flex" class="layoutName"> <!-- <van-row type="flex" class="layoutName">
<van-col span="24"> <van-col span="24">
<van-cell-group> <van-cell-group>
<van-field label="借款期限" :value="borrow" input-align="right" /> <van-field label="借款期限" :value="borrow" input-align="right" />
</van-cell-group> </van-cell-group>
</van-col> </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>
<van-row type="flex" class="layoutName"> <van-row type="flex" class="layoutName">
<van-col span="24"> <van-col span="24">
<van-cell-group> <van-field :value="outcsinfo.place" is-link readonly label="意向地区" input-align="right" placeholder="请选择所在地区" @click="onAddress" />
<van-field label="借款用途" :value="purposes" input-align="right" /> <van-popup
</van-cell-group> v-model="showAddress"
position="bottom"
>
<van-area
title="请选择地区"
@confirm="changeAddress"
:area-list="areaList"
columns-num="3"
/>
</van-popup>
</van-col> </van-col>
</van-row> </van-row>
<van-row type="flex" class="layoutName">
<van-divider :style="{ margin: 0 }"></van-divider>
<van-row type="flex" class="layoutName">
<van-col span="24"> <van-col span="24">
<van-field v-model="fieldValue" is-link readonly label="地区" placeholder="请选择所在地区" @click="show = true" /> <van-field is-link readonly :value="orgValue" label="意向机构" input-align="right" placeholder="请选择意向机构" @click="showOrg = true" />
<van-popup v-model="show" round position="bottom"> <van-popup v-model="showOrg" round position="bottom">
<van-cascader v-model="cascaderValue" title="请选择所在地区" :options="options" @close="show = false" <van-picker
@finish="onFinish()" /> show-toolbar
:columns="orgList"
@cancel="showOrg = false"
@confirm="onConfirmOrg"
/>
</van-popup> </van-popup>
</van-col> </van-col>
</van-row> </van-row>
<van-divider :style="{ margin: 0 }"></van-divider>
<van-row type="flex" class="layoutName"> <van-row type="flex" class="layoutName">
<van-col span="24"> <van-col span="24">
<van-cell-group> <van-field is-link readonly :value="mangerValue" label="意向客户经理" input-align="right" placeholder="请选择意向客户经理" @click="showManager = true" />
<van-field label="客户经理" :value="customer" input-align="right" /> <van-popup v-model="showManager" round position="bottom">
</van-cell-group> <van-picker
show-toolbar
:columns="mangerList"
@cancel="showManager = false"
@confirm="onConfirmManager"
/>
</van-popup>
</van-col> </van-col>
</van-row> </van-row>
<van-divider :style="{ margin: 0 }"></van-divider>
<van-row type="flex" class="layoutName"> <van-row type="flex" class="layoutName">
<van-col span="24"> <van-col span="24">
<van-cell-group> <van-cell-group>
<van-field label="客户经理电话" :value="phoneCard" input-align="right" /> <van-field readonly label="客户经理电话" :value="phoneCard" input-align="right" />
</van-cell-group> </van-cell-group>
</van-col> </van-col>
</van-row> </van-row>
...@@ -115,66 +157,118 @@ ...@@ -115,66 +157,118 @@
<script lang="ts"> <script lang="ts">
import { Component, Vue, Prop, Watch, Emit } from "vue-property-decorator"; 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({ @Component({
name: "Intention" name: "Intention",
}) })
export default class Intention extends Vue { 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 show = false;
fieldValue = '' fieldValue = "";
cascaderValue = '' cascaderValue = "";
// 选项列表，children 代表子选项，支持多级嵌套
options = [ showOrg = false;
{ orgValue = "";
text: '浙江省',
value: '330000', showManager = false;
children: [{ text: '杭州市', value: '330100' }], mangerValue = "";
}, mangerList = ["吕晨涛", "龙易轩","范丽","雷娟","郝芳"];
{ //机构列表
text: '江苏省', orgList = ["哈尔滨道里区支行", "哈尔滨松北区支行"];
value: '320000',
children: [{ text: '南京市', value: '320100' }], areaList = area;
}, outcsinfo = {
] place: "请选择地区", //出行地点
onFinish() { };
this.show = false; showAddress = false;
// this.fieldValue = selectedOptions.map((option) => option.text).join('/');
//借款用途
loanValue =''
showLoan = false
loanList = ["消费", "经营"];
onAddress() {
this.showAddress = true;
} }
recognition(){ // 点击地址选择框的确认
this.$router.push({ changeAddress(event: any) {
name:"LinSuccess" // 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> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.layout { .layout {
...@@ -186,14 +280,14 @@ export default class Intention extends Vue { ...@@ -186,14 +280,14 @@ export default class Intention extends Vue {
} }
.CoolName { .CoolName {
font-family: 'Arial Negreta', 'Arial Normal', 'Arial'; font-family: "Arial Negreta", "Arial Normal", "Arial";
font-weight: 700; font-weight: 700;
font-style: normal; font-style: normal;
font-size: 16px; font-size: 16px;
} }
.layoutName { .layoutName {
font-family: 'Arial Normal', 'Arial'; font-family: "Arial Normal", "Arial";
font-weight: 400; font-weight: 400;
font-style: normal; font-style: normal;
font-size: 13px; font-size: 13px;
......
src/views/workbench/AccommodMain.vue
浏览文件 @ e827c5ba
...@@ -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:
--> -->
......
src/views/workbench/PersonLod.vue
浏览文件 @ e827c5ba
...@@ -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">
......
src/views/workbench/businessProgress.vue 0 → 100644
浏览文件 @ e827c5ba
<!--
* @ Author: zhaowei
* @ Create Time: 2022-09-3 10:20:17
* @ Modified by: zhaowei
* @ Modified time: 2022-09-03 11:39:54
* @ Description:
-->
<template>
<div class="body">
<div class="rarle">
<tatle-bar :tatle="tatleName"></tatle-bar>
</div>
<van-steps class="step" direction="vertical" :active="active" style="padding-top:5%;" >
<van-step v-for="(item,index) in bussList" :key = "index" style="padding-bottom:20%;" >
<van-row >
<van-col span="5"> <span>{{item.name}}</span></van-col>
<van-col span="8"> <span>{{item.jobs}}</span></van-col>
<van-col span="11"> <span>{{item.time}}</span></van-col>
</van-row>
<van-row >
<van-col span="5"> <span>{{item.falg}}</span></van-col>
</van-row>
</van-step>
</van-steps>
</div>
</template>
<script lang="ts">
import { Component, Vue, Prop, Watch, Emit } from "vue-property-decorator";
import { Step, Steps } from 'vant';
Vue.use(Step);
Vue.use(Steps);
/*
* title
*/
@Component({
name: "businessProgress"
})
export default class businessProgress extends Vue {
tatleName = "业务进度"
bussList:any =[
{
name :"赵飞",
jobs : "客户经理",
time : "2021/02/20 11:14:12",
falg:"同意"
},
{
name :"李星琳",
jobs : "支行审批岗",
time : "2021/02/20 11:14:12",
falg:"同意"
},
{
name :"孙先辉",
jobs : "支行行长",
time : "2021/02/20 11:14:12",
falg:"同意"
},
{
name :"童菲可",
jobs : "某某审批岗",
time : "2021/02/20 11:14:12",
falg:""
},
{
name :"孙晴",
jobs : "某某审批岗",
time : "2021/02/20 11:14:12",
falg:""
},
{
name :"赵可欣",
jobs : "某某最终审批岗",
time : "2021/02/20 11:14:12",
falg:""
},
]
active = 3
}
</script>
<style scoped lang="scss">
.body {
height: 100%;
width: 100%;
background-color: rgba(241, 241, 241, 1);
}
.step{
height: 100%;
width: 100%;
background-color: rgba(241, 241, 241, 1);
}
</style>
src/views/workbench/modifyInfo.vue 0 → 100644
浏览文件 @ e827c5ba
<!--
* @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
浏览文件 @ e827c5ba
<!--
* @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 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或