<template> | <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-form-item label="对公账户" > | ||||
<u-input placeholder='请输入你的账户' type="text" v-model="state.form.name" /> | <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> | ||||
</u-form> | |||||
<view v-else> | |||||
</u-form> --> | |||||
<view > | |||||
<u-form :model="form" ref="form1" label-width=180 > | <u-form :model="form" ref="form1" label-width=180 > | ||||
<u-form-item label="用户名"> | <u-form-item label="用户名"> | ||||
<u-input placeholder='用户名' type="text" v-model="state.form.name" /> | <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> | ||||
<u-form-item label="手机号" > | |||||
<!-- <u-form-item label="手机号" > | |||||
<u-input placeholder='手机号' type="number" v-model="state.form.tel" disabled/> | <u-input placeholder='手机号' type="number" v-model="state.form.tel" disabled/> | ||||
</u-form-item> | </u-form-item> | ||||
<u-form-item label="验证码"> | <u-form-item label="验证码"> | ||||
<u-input v-model="state.form.code" placeholder='请输入短信验证码'/> | <u-input v-model="state.form.code" placeholder='请输入短信验证码'/> | ||||
<u-button type="success" size="mini" @click="getCode" v-if="waitTime==1">获取验证码</u-button> | <u-button type="success" size="mini" @click="getCode" v-if="waitTime==1">获取验证码</u-button> | ||||
<text class="btn" v-else>{{waitTime}}后重试</text> | <text class="btn" v-else>{{waitTime}}后重试</text> | ||||
</u-form-item> | |||||
</u-form-item> --> | |||||
<u-form-item label="新密码" > | <u-form-item label="新密码" > | ||||
<u-input placeholder='请输入' v-model="state.form.password" type='password'/> | <u-input placeholder='请输入' v-model="state.form.password" type='password'/> | ||||
</u-form-item> | </u-form-item> | ||||
<script setup lang="ts"> | <script setup lang="ts"> | ||||
import { reactive,ref } from "vue"; | import { reactive,ref } from "vue"; | ||||
import { navTo } from "@/utils/utils"; | import { navTo } from "@/utils/utils"; | ||||
import {changePass} from "@/utils/network/api.js"; | |||||
let waitTime = ref(0); | let waitTime = ref(0); | ||||
const state = reactive({ | const state = reactive({ | ||||
form:{ | form:{ | ||||
}, 1000) | }, 1000) | ||||
} | } | ||||
const goLogin=()=>{ | 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> | </script> | ||||
</view> | </view> | ||||
<view class="item"> | <view class="item"> | ||||
<text>密码:</text> | <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> | </view> | ||||
<button @click='login()'>登录</button> | <button @click='login()'>登录</button> | ||||
<view class='go'> | <view class='go'> | ||||
<text @click='goAccount()'>去开户</text> | <text @click='goAccount()'>去开户</text> | ||||
<text @click='forgetPassword()'>忘记密码</text> | |||||
<!-- <text @click='forgetPassword()'>忘记密码</text> --> | |||||
</view> | </view> | ||||
</template> | </template> | ||||
onLoad((option : any) => { | onLoad((option : any) => { | ||||
}); | }); | ||||
const login=()=>{ | 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=state.name`); | ||||
navTo(`/subpackage/after-sale/account-recharge/index?name=scyl12345`); | |||||
// navTo(`/subpackage/after-sale/account-recharge/index?name=scyl12345`); | |||||
} | } | ||||
const goAccount=()=>{ | const goAccount=()=>{ | ||||
navTo(`/subpackage/after-sale/account-recharge/go-account`); | navTo(`/subpackage/after-sale/account-recharge/go-account`); |
<view class='up_img_wrap message'> | <view class='up_img_wrap message'> | ||||
<u-form :model="form" ref="form1" label-width=210 border-bottom=false> | <u-form :model="form" ref="form1" label-width=210 border-bottom=false> | ||||
<u-form-item label="对公用户登录名 " border-bottom=true > | <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> | ||||
<u-form-item label="对公用户密码" > | <u-form-item label="对公用户密码" > | ||||
<u-input placeholder='请输入对公用户密码' type="text" v-model="state.form.password"/> | <u-input placeholder='请输入对公用户密码' type="text" v-model="state.form.password"/> | ||||
</u-form-item> | </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> | ||||
<!-- <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-form-item label="公司证件编码 " > | ||||
<u-input placeholder='请输入公司证件编码' type="text" v-model="state.form.code"/> | <u-input placeholder='请输入公司证件编码' type="text" v-model="state.form.code"/> | ||||
</u-form-item> | </u-form-item> | ||||
<u-form-item label="经办人手机号" > | <u-form-item label="经办人手机号" > | ||||
<u-input placeholder='请输入经办人手机号' type="text" v-model="state.form.handlerPhone"/> | <u-input placeholder='请输入经办人手机号' type="text" v-model="state.form.handlerPhone"/> | ||||
</u-form-item> | </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> | </u-form> | ||||
<!-- <view class='pay_msg'>付款银行账户信息</view> | <!-- <view class='pay_msg'>付款银行账户信息</view> | ||||
<view class='company' @click='goBankCard()'> | <view class='company' @click='goBankCard()'> | ||||
<script setup lang="ts"> | <script setup lang="ts"> | ||||
import {reactive} from "vue"; | 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 {pathToBase64} from "@/utils/image-tools/index.js"; | ||||
import { navTo } from "@/utils/utils"; | import { navTo } from "@/utils/utils"; | ||||
import {request} from "@/utils/network/request.js"; | import {request} from "@/utils/network/request.js"; | ||||
url4:'', // | url4:'', // | ||||
name:'',//对公用户登录名 | name:'',//对公用户登录名 | ||||
password:'',//对公用户登录密码 | password:'',//对公用户登录密码 | ||||
type:'',//公司证件类型 | |||||
consumePassword:'', //支付密码 | |||||
// type:'',//公司证件类型 | |||||
code:'', //公司证件编码 | code:'', //公司证件编码 | ||||
companyName:'', | companyName:'', | ||||
handlerName:'', | handlerName:'', | ||||
handlerPhone:'', | handlerPhone:'', | ||||
bankAddress:"贵阳银行", //开户行 | |||||
bankCardId:"1111", //充值银行卡号 | |||||
bankAddress:"", //开户行 | |||||
bankCardId:"", //充值银行卡号 | |||||
}, | }, | ||||
showType:false, //公司证件类型下拉 | showType:false, //公司证件类型下拉 | ||||
typeList:['营业执照','统一社会信用代码证','组织结构代码证'], | |||||
// typeList:['营业执照','统一社会信用代码证','组织结构代码证'], | |||||
}) | }) | ||||
const cardDbImageOcr = (val : any) => { | const cardDbImageOcr = (val : any) => { | ||||
var imageType = val; | var imageType = val; | ||||
}); | }); | ||||
}; | }; | ||||
// 选择公司证件类型的回调 | // 选择公司证件类型的回调 | ||||
const regionConfirmType=(e : any)=>{ | |||||
state.form.type=state.typeList[e] | |||||
} | |||||
// const regionConfirmType=(e : any)=>{ | |||||
// state.form.type=state.typeList[e] | |||||
// } | |||||
//替换图片地址 | //替换图片地址 | ||||
const strReplace = (str : string) => { | const strReplace = (str : string) => { | ||||
return str.replace('192.168.101.145:9000', envs[process.env.NODE_ENV].baseUrl) | return str.replace('192.168.101.145:9000', envs[process.env.NODE_ENV].baseUrl) | ||||
navTo(`/subpackage/personal-center/setting/bank-card/bank-card`); | navTo(`/subpackage/personal-center/setting/bank-card/bank-card`); | ||||
} | } | ||||
const open=()=>{ | const open=()=>{ | ||||
for(var i in state.from){ | |||||
if(!state.from[i]){ | |||||
for(var i in state.form){ | |||||
if(!state.form[i]){ | |||||
msg('请把信息填写完整!') | msg('请把信息填写完整!') | ||||
return; | return; | ||||
} | } | ||||
const options = { | const options = { | ||||
type: 2, | type: 2, | ||||
data: { | 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", | method: "POST", | ||||
showLoading: true, | showLoading: true, | ||||
}; | }; | ||||
request(sendCode, options) | |||||
request(openRecharge, options) | |||||
.then((res) => { | .then((res) => { | ||||
let data = stringToJson(res.bizContent) | 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) => { | .catch((err) => { | ||||
console.log(err); | console.log(err); | ||||
state.form.url1 = data.data.url; | state.form.url1 = data.data.url; | ||||
}); | }); | ||||
}; | }; | ||||
const shiqu=()=>{ | |||||
console.log("state.form.handlerPhone",state.form.handlerPhone) | |||||
} | |||||
</script> | </script> | ||||
<style scoped> | <style scoped> |
// 单位账户充值 | // 单位账户充值 | ||||
export const accountLogin="308679d555fa47da84876a8aeaee40a4" //单位账户登录 | export const accountLogin="308679d555fa47da84876a8aeaee40a4" //单位账户登录 | ||||
export const openRecharge="3d68404d529d4b30963c6d3638003e6f " //单位账户开户 | |||||
export const addBankCard="578a8372a8c0414aa917c84ac8c802b9" //对公账户银行账户添加接口 | export const addBankCard="578a8372a8c0414aa917c84ac8c802b9" //对公账户银行账户添加接口 | ||||
export const queryBankCard="769790d75f3648a8925312c7e1496860" //对公账户银行账户查询接口 | export const queryBankCard="769790d75f3648a8925312c7e1496860" //对公账户银行账户查询接口 | ||||
export const delBankCard="0a05e54acebe46d29e2fbcaf1db95c75" //对公账户银行账户移除接口 | export const delBankCard="0a05e54acebe46d29e2fbcaf1db95c75" //对公账户银行账户移除接口 | ||||
export const transactionRecord="d713b25213c64633b2c048fb1cfab7c6" //对公账户交易记录查询服务 | export const transactionRecord="d713b25213c64633b2c048fb1cfab7c6" //对公账户交易记录查询服务 | ||||
export const queryRecharge="bd8d3b44734c4d05b9c586815d0b98d8" //对公账户充值服务 | export const queryRecharge="bd8d3b44734c4d05b9c586815d0b98d8" //对公账户充值服务 | ||||
export const changePass="2ba78074e3004453a26dba1d41ae7568" //对公账户改密服务 |