@@ -1,24 +1,25 @@ | |||
<template> | |||
<u-form :model="form" ref="form1" label-width=140 v-if='state.isShow'> | |||
<!-- <u-form :model="form" ref="form1" label-width=140 v-if='state.isShow'> | |||
<u-form-item label="对公账户" > | |||
<u-input placeholder='请输入你的账户' type="text" v-model="state.form.name" /> | |||
<u-button type="success" size="mini" @click="search" >查询</u-button> | |||
</u-form-item> | |||
</u-form> | |||
<view v-else> | |||
</u-form> --> | |||
<view > | |||
<u-form :model="form" ref="form1" label-width=180 > | |||
<u-form-item label="用户名"> | |||
<u-input placeholder='用户名' type="text" v-model="state.form.name" /> | |||
<u-button type="success" size="mini" @click="search" >查询</u-button> | |||
<!-- <u-button type="success" size="mini" @click="search" >查询</u-button> --> | |||
</u-form-item> | |||
<u-form-item label="手机号" > | |||
<!-- <u-form-item label="手机号" > | |||
<u-input placeholder='手机号' type="number" v-model="state.form.tel" disabled/> | |||
</u-form-item> | |||
<u-form-item label="验证码"> | |||
<u-input v-model="state.form.code" placeholder='请输入短信验证码'/> | |||
<u-button type="success" size="mini" @click="getCode" v-if="waitTime==1">获取验证码</u-button> | |||
<text class="btn" v-else>{{waitTime}}后重试</text> | |||
</u-form-item> | |||
</u-form-item> --> | |||
<u-form-item label="新密码" > | |||
<u-input placeholder='请输入' v-model="state.form.password" type='password'/> | |||
</u-form-item> | |||
@@ -33,6 +34,7 @@ | |||
<script setup lang="ts"> | |||
import { reactive,ref } from "vue"; | |||
import { navTo } from "@/utils/utils"; | |||
import {changePass} from "@/utils/network/api.js"; | |||
let waitTime = ref(0); | |||
const state = reactive({ | |||
form:{ | |||
@@ -96,7 +98,36 @@ | |||
}, 1000) | |||
} | |||
const goLogin=()=>{ | |||
navTo(`/subpackage/after-sale/account-recharge/login`); | |||
if(!state.form.name){ | |||
msg("请输入用户名!"); | |||
return; | |||
} | |||
if(!state.form.password){ | |||
msg("请输入密码!"); | |||
return; | |||
} | |||
if(!state.form.againPassword){ | |||
msg("请确认密码!"); | |||
return; | |||
} | |||
let options = { | |||
type: 2, //type: 2,JSON格式提交数据(默认表单形式提交) | |||
data: { | |||
accountId: state.form.name, | |||
oldPwd: '', | |||
newPwd: state.form.password | |||
}, //请求参数 | |||
method: "POST", //提交方式(默认POST) | |||
showLoading: true, //是否显示加载中(默认显示) | |||
}; | |||
//调用方式 | |||
request(changePass, options).then((res) => { | |||
navTo(`/subpackage/after-sale/account-recharge/login`); | |||
}) | |||
.catch((err) => { | |||
console.log(err); | |||
}); | |||
} | |||
</script> | |||
@@ -5,12 +5,12 @@ | |||
</view> | |||
<view class="item"> | |||
<text>密码:</text> | |||
<input style='width:412rpx;' class="uni-input" focus placeholder="大小写,数字,位数必须大于7位" v-model='state.password' type='password'/> | |||
<input style='width:412rpx;' class="uni-input" focus placeholder="请输入密码" v-model='state.password' type='password'/> | |||
</view> | |||
<button @click='login()'>登录</button> | |||
<view class='go'> | |||
<text @click='goAccount()'>去开户</text> | |||
<text @click='forgetPassword()'>忘记密码</text> | |||
<!-- <text @click='forgetPassword()'>忘记密码</text> --> | |||
</view> | |||
</template> | |||
@@ -27,35 +27,35 @@ | |||
onLoad((option : any) => { | |||
}); | |||
const login=()=>{ | |||
// if(!state.name){ | |||
// msg("请输入用户名!"); | |||
// return; | |||
// } | |||
// if(!state.password){ | |||
// msg("请输入密码!"); | |||
// return; | |||
// } | |||
// let options = { | |||
// type: 2, //type: 2,JSON格式提交数据(默认表单形式提交) | |||
// data: { | |||
// accountId: state.name, | |||
// passWord: state.password | |||
// }, //请求参数 | |||
// method: "POST", //提交方式(默认POST) | |||
// showLoading: true, //是否显示加载中(默认显示) | |||
// }; | |||
if(!state.name){ | |||
msg("请输入用户名!"); | |||
return; | |||
} | |||
if(!state.password){ | |||
msg("请输入密码!"); | |||
return; | |||
} | |||
let options = { | |||
type: 2, //type: 2,JSON格式提交数据(默认表单形式提交) | |||
data: { | |||
accountId: state.name, | |||
passWord: state.password | |||
}, //请求参数 | |||
method: "POST", //提交方式(默认POST) | |||
showLoading: true, //是否显示加载中(默认显示) | |||
}; | |||
// //调用方式 | |||
// request(accountLogin, options).then((res) => { | |||
// let data = stringToJson(res.bizContent) | |||
// console.log(data, "#################"); | |||
// navTo(`/subpackage/after-sale/account-recharge/index`); | |||
// }) | |||
// .catch((err) => { | |||
// console.log(err); | |||
// }); | |||
//调用方式 | |||
request(accountLogin, options).then((res) => { | |||
let data = stringToJson(res.bizContent) | |||
console.log(data, "#################"); | |||
navTo(`/subpackage/after-sale/account-recharge/index?name=state.name`); | |||
}) | |||
.catch((err) => { | |||
console.log(err); | |||
}); | |||
// navTo(`/subpackage/after-sale/account-recharge/index?name=state.name`); | |||
navTo(`/subpackage/after-sale/account-recharge/index?name=scyl12345`); | |||
// navTo(`/subpackage/after-sale/account-recharge/index?name=scyl12345`); | |||
} | |||
const goAccount=()=>{ | |||
navTo(`/subpackage/after-sale/account-recharge/go-account`); |
@@ -33,14 +33,17 @@ | |||
<view class='up_img_wrap message'> | |||
<u-form :model="form" ref="form1" label-width=210 border-bottom=false> | |||
<u-form-item label="对公用户登录名 " border-bottom=true > | |||
<u-input placeholder='请输入6-12位字母加数字组成的账号' type="text" v-model="state.form.name"/> | |||
<u-input placeholder='请输入7-16位字母加数字组成的账号' type="text" v-model="state.form.name"/> | |||
</u-form-item> | |||
<u-form-item label="对公用户密码" > | |||
<u-input placeholder='请输入对公用户密码' type="text" v-model="state.form.password"/> | |||
</u-form-item> | |||
<u-form-item label="公司证件类型 "> | |||
<u-input v-model="state.form.type" type="select" :select-open="state.showType" @click="state.showType = true" placeholder='请选择'/> | |||
<u-form-item label="支付密码" > | |||
<u-input placeholder='请输入支付密码' type="text" v-model="state.form.consumePassword"/> | |||
</u-form-item> | |||
<!-- <u-form-item label="公司证件类型 "> | |||
<u-input v-model="state.form.type" type="select" :select-open="state.showType" @click="state.showType = true" placeholder='请选择'/> | |||
</u-form-item> --> | |||
<u-form-item label="公司证件编码 " > | |||
<u-input placeholder='请输入公司证件编码' type="text" v-model="state.form.code"/> | |||
</u-form-item> | |||
@@ -53,6 +56,12 @@ | |||
<u-form-item label="经办人手机号" > | |||
<u-input placeholder='请输入经办人手机号' type="text" v-model="state.form.handlerPhone"/> | |||
</u-form-item> | |||
<u-form-item label="银行卡号" > | |||
<u-input placeholder='请输入银行卡号' type="text" v-model="state.form.bankCardId"/> | |||
</u-form-item> | |||
<u-form-item label="开户行" > | |||
<u-input placeholder='请输入开户行' type="text" v-model="state.form.bankAddress"/> | |||
</u-form-item> | |||
</u-form> | |||
<!-- <view class='pay_msg'>付款银行账户信息</view> | |||
<view class='company' @click='goBankCard()'> | |||
@@ -77,7 +86,7 @@ | |||
<script setup lang="ts"> | |||
import {reactive} from "vue"; | |||
import {etcOcrCard,envs,ocrAllQuery,fileUpload} from "@/utils/network/api.js"; | |||
import {etcOcrCard,envs,ocrAllQuery,fileUpload,openRecharge} from "@/utils/network/api.js"; | |||
import {pathToBase64} from "@/utils/image-tools/index.js"; | |||
import { navTo } from "@/utils/utils"; | |||
import {request} from "@/utils/network/request.js"; | |||
@@ -92,16 +101,17 @@ | |||
url4:'', // | |||
name:'',//对公用户登录名 | |||
password:'',//对公用户登录密码 | |||
type:'',//公司证件类型 | |||
consumePassword:'', //支付密码 | |||
// type:'',//公司证件类型 | |||
code:'', //公司证件编码 | |||
companyName:'', | |||
handlerName:'', | |||
handlerPhone:'', | |||
bankAddress:"贵阳银行", //开户行 | |||
bankCardId:"1111", //充值银行卡号 | |||
bankAddress:"", //开户行 | |||
bankCardId:"", //充值银行卡号 | |||
}, | |||
showType:false, //公司证件类型下拉 | |||
typeList:['营业执照','统一社会信用代码证','组织结构代码证'], | |||
// typeList:['营业执照','统一社会信用代码证','组织结构代码证'], | |||
}) | |||
const cardDbImageOcr = (val : any) => { | |||
var imageType = val; | |||
@@ -144,9 +154,9 @@ | |||
}); | |||
}; | |||
// 选择公司证件类型的回调 | |||
const regionConfirmType=(e : any)=>{ | |||
state.form.type=state.typeList[e] | |||
} | |||
// const regionConfirmType=(e : any)=>{ | |||
// state.form.type=state.typeList[e] | |||
// } | |||
//替换图片地址 | |||
const strReplace = (str : string) => { | |||
return str.replace('192.168.101.145:9000', envs[process.env.NODE_ENV].baseUrl) | |||
@@ -155,8 +165,8 @@ | |||
navTo(`/subpackage/personal-center/setting/bank-card/bank-card`); | |||
} | |||
const open=()=>{ | |||
for(var i in state.from){ | |||
if(!state.from[i]){ | |||
for(var i in state.form){ | |||
if(!state.form[i]){ | |||
msg('请把信息填写完整!') | |||
return; | |||
} | |||
@@ -164,26 +174,30 @@ | |||
const options = { | |||
type: 2, | |||
data: { | |||
'accountId':state.from.code, //账户编号 | |||
'corporateIdNum':state.from.type, //公司营业执照统一社会信用代码 | |||
'corporateName':state.from.name, //对公名称 | |||
'password':state.from.password, //密码 | |||
'photoUrl':state.from.url1, //营业执照图片路径 | |||
'authBookUrl':state.from.url2, //授权书图片路径 | |||
'agentName':state.from.handlerName, //经办人姓名 | |||
'agentTel':state.from.handlerPhone, //经办人手机号 | |||
'idCardImageUrl':state.from.url3, //经办人身份证正面 | |||
'idCardImageUrl':state.from.url4, //经办人身份证反面 | |||
'bankAddress':"贵阳银行", //开户行 | |||
'bankCardId':"1111", //充值银行卡号 | |||
'accountId':state.form.name, //账户编号 | |||
'corporateIdNum':state.form.code, //公司营业执照统一社会信用代码 | |||
'corporateName':state.form.companyName, //对公名称 | |||
'photoUrl':state.form.url1, //营业执照图片路径 | |||
'authBookUrl':state.form.url2, //授权书图片路径 | |||
'agentName':state.form.handlerName, //经办人姓名 | |||
'agentTel':state.form.handlerPhone, //经办人手机号 | |||
'idCardImageUrl':state.form.url3, //经办人身份证正面 | |||
'idCardBackImageUrl':state.form.url4, //经办人身份证反面 | |||
'bankAddress':state.form.bankAddress, //开户行 | |||
'bankCardId':state.form.bankCardId, //充值银行卡号 | |||
'password':state.form.password, //密码 | |||
'consumePassword':state.form.consumePassword,//支付密码 | |||
}, | |||
method: "POST", | |||
showLoading: true, | |||
}; | |||
request(sendCode, options) | |||
request(openRecharge, options) | |||
.then((res) => { | |||
let data = stringToJson(res.bizContent) | |||
console.log("开户成功",data) | |||
console.log("开户成功",data.status) | |||
if(data.status==1){ | |||
navTo(`/subpackage/after-sale/account-recharge/login`) | |||
} | |||
}) | |||
.catch((err) => { | |||
console.log(err); | |||
@@ -244,6 +258,9 @@ | |||
state.form.url1 = data.data.url; | |||
}); | |||
}; | |||
const shiqu=()=>{ | |||
console.log("state.form.handlerPhone",state.form.handlerPhone) | |||
} | |||
</script> | |||
<style scoped> |
@@ -210,8 +210,10 @@ export const getUserMsg="c4a499a2a63042b9a2d4e88fc77d3fc0" //通过opneId查询 | |||
// 单位账户充值 | |||
export const accountLogin="308679d555fa47da84876a8aeaee40a4" //单位账户登录 | |||
export const openRecharge="3d68404d529d4b30963c6d3638003e6f " //单位账户开户 | |||
export const addBankCard="578a8372a8c0414aa917c84ac8c802b9" //对公账户银行账户添加接口 | |||
export const queryBankCard="769790d75f3648a8925312c7e1496860" //对公账户银行账户查询接口 | |||
export const delBankCard="0a05e54acebe46d29e2fbcaf1db95c75" //对公账户银行账户移除接口 | |||
export const transactionRecord="d713b25213c64633b2c048fb1cfab7c6" //对公账户交易记录查询服务 | |||
export const queryRecharge="bd8d3b44734c4d05b9c586815d0b98d8" //对公账户充值服务 | |||
export const changePass="2ba78074e3004453a26dba1d41ae7568" //对公账户改密服务 |