qiubinghui
/
zhywpt-sp
Seguir 1
Destacar 0
Fork 0
Código Incidencias 0 Peticiones pull 0 Lanzamientos 0 Wiki Actividad
Explorar el Código

对公账户页面布局完成

yxb
DESKTOP-2IO5MST\huting hace 2 años
padre
fbcdb152cf
commit
3ed9796bfd
Se han modificado 9 ficheros con 786 adiciones y 30 borrados
Dividir vista Mostrar estadísticas de diff
  1. 37
    1
      pages.json
  2. 7
    2
      pages/service/service.vue
  3. 129
    0
      subpackage/after-sale/account-recharge/forget-password.vue
  4. 180
    0
      subpackage/after-sale/account-recharge/go-account.vue
  5. 87
    0
      subpackage/after-sale/account-recharge/index.vue
  6. 97
    0
      subpackage/after-sale/account-recharge/login.vue
  7. 203
    0
      subpackage/after-sale/account-recharge/open-account.vue
  8. 43
    27
      subpackage/personal-center/setting/bank-card/bank-card.vue
  9. 3
    0
      utils/network/api.js

+ 37
- 1
pages.json Ver fichero

@@ -67,7 +67,43 @@
"subPackages": [
{
"root": "subpackage/after-sale", //售后相关
"pages": [{
"pages": [
{
"path": "account-recharge/open-account",
"style": {
"navigationBarTitleText": "开户",
"enablePullDownRefresh": false
}
},
{
"path": "account-recharge/index",
"style": {
"navigationBarTitleText": "ETC卡",
"enablePullDownRefresh": false
}
},
{
"path": "account-recharge/login",
"style": {
"navigationBarTitleText": "登录",
"enablePullDownRefresh": false
}
},
{
"path": "account-recharge/go-account",
"style": {
"navigationBarTitleText": "开户",
"enablePullDownRefresh": false
}
},
{
"path": "account-recharge/forget-password",
"style": {
"navigationBarTitleText": "忘记密码",
"enablePullDownRefresh": false
}
},
{
"path": "arrears/arrears",
"style": {
"navigationBarTitleText": "欠费补缴",

+ 7
- 2
pages/service/service.vue Ver fichero

@@ -18,11 +18,16 @@
<block v-if="menu.list.length >0">
<view v-for="(item,index) in menu.list[tableSelectIndex].children" :key='index' class="item-box" @click="toNext(item.link)">
<view class="item bg-blue" :style="{ '--background': bgBlue }">
<!-- <image :src="`${$imgUrl}${item.iconPath}`" /> -->
<image :src="`${item.iconPath}`" />
<image :src="`${$imgUrl}${item.iconPath}`" />
<!-- <image :src="`${item.iconPath}`" /> -->
</view>
<view class="text">{{item.name}}</view>
</view>
<!-- <view class="item-box" @click="toNext(`/subpackage/after-sale/account-recharge/login`)">
<view class="item bg-blue" :style="{ '--background': bgBlue }">
</view>
<view class="text">单位账户充值</view>
</view> -->
</block>
</view>
</view>

+ 129
- 0
subpackage/after-sale/account-recharge/forget-password.vue Ver fichero

@@ -0,0 +1,129 @@
<template>
<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 :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-form-item>
<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==0">获取验证码</u-button>
<text class="btn" v-else>{{waitTime}}后重试</text>
</u-form-item>
<u-form-item label="新密码" >
<u-input placeholder='请输入' v-model="state.form.password" />
</u-form-item>
<u-form-item label="确认密码" >
<u-input placeholder='请输入' v-model="state.form.againPassword" />
</u-form-item>
</u-form>
<button @click='goLogin()'>确定</button>
</view>
</template>

<script setup lang="ts">
import { reactive,ref } from "vue";
import { navTo } from "@/utils/utils";
let waitTime = ref(0);
const state = reactive({
form:{
name: '张三',
tel:'',
code:'',
password:'',
againPassword:'',
},
isShow:true,
});
const search=()=>{
console.log("查询")
state.isShow=false;
}
const getCode = () => {
console.log(123);
if (state.form.tel) {
sendCodeApi()
codeInterval()
} else {
uni.showToast({
title: '请输入手机号',
icon: 'none'
});
}
}
// 发送验证码
const sendCodeApi = (type) => {
//参数说明
let options = {
type: 2, //type: 2,JSON格式提交数据(默认表单形式提交)
data: {
mobile: state.form.tel
}, //请求参数
method: "POST", //提交方式(默认POST)
showLoading: true, //是否显示加载中(默认显示)
};
//调用方式
request(sendCode, options)
.then((res) => {
let data = stringToJson(res.bizContent)
console.log(data, "#################");
if (data.info == "成功.") {
console.log('######################CCCCCCCCCCCCCCCCC');
}
})
.catch((err) => {
console.log(err);
});
}
//倒计时函数
const codeInterval = () => {
waitTime.value = 60
let timer = setInterval(() => {
if (waitTime.value == 1) {
clearInterval(timer)
}
waitTime.value -= 1
}, 1000)
}
const goLogin=()=>{
navTo(`/subpackage/after-sale/account-recharge/login`);
}
</script>

<style scoped>
::v-deep .u-form-item--right__content__slot{
display:flex !important;
}
::v-deep .u-form-item__body{
padding: 0 40rpx;
font-size: 32rpx;
}
::v-deep .u-input__input{
font-size: 32rpx !important;
}
::v-deep .u-size-mini{
font-size: 28rpx !important;
padding: 12px 32rpx !important;
white-space: nowrap;
}
button{
width: 75%;
background-color: rgb(25,190,107);
color: white;
border-color: 1rpx solid rgb(75,164,89);
height: 90rpx;
line-height: 90rpx;
margin-top:60rpx;
font-size:38rpx;
}
</style>

+ 180
- 0
subpackage/after-sale/account-recharge/go-account.vue Ver fichero

@@ -0,0 +1,180 @@
<template>
<view class='content'>
<view class='content_all'>
<view class="change" @click='change()'>切换</view>
<view v-if="state.inputCarNumber">
<view class="car-input">
<view class="title">车牌号</view>
<car-number-input @numberInputResult="carNumber"></car-number-input>
</view>
<u-form :model="form" ref="form1" label-width=180>
<u-form-item label="车牌颜色"><u-input v-model="state.form.carColor" type="select" :select-open="state.showColor" @click="state.showColor = true" placeholder='车牌颜色'/></u-form-item>
</u-form>
</view>
<u-form :model="form" ref="form1" label-width=180 v-else>
<u-form-item label="请选择车辆"><u-input v-model="state.form.choiceCarVal" type="select" :select-open="state.show" @click="state.show = true" placeholder='请选择车辆'/></u-form-item>
<u-form-item label="车牌颜色"><u-input v-model="state.form.carColor" disabled placeholder='车牌颜色'/></u-form-item>
</u-form>
<u-form :model="form" ref="form1" label-width=180>
<u-form-item label="手机号" class="phoneBox" v-if='state.showPhone'>
<u-input placeholder='手机号' type="number" v-model="state.form.tel" />
<u-button type="success" size="mini" @click="getCode" v-if="waitTime==0">获取验证码</u-button>
<text class="btn" v-else>{{waitTime}}后重试</text>
</u-form-item>
<u-form-item v-if='state.showPhone' label="验证码"><u-input v-model="state.form.code" placeholder='请输入短信验证码'/></u-form-item>
</u-form>
</view>
<u-picker mode="selector" :range="state.array" v-model="state.show" @confirm="regionConfirm"></u-picker>
<u-picker mode="selector" :range="state.colorList" v-model="state.showColor" @confirm="regionConfirmColor"></u-picker>
<button type="success" class='search' @click='goOpen'>开户</button>
</view>
</template>

<script setup lang="ts">
import { reactive,ref } from "vue";
import {request} from "@/utils/network/request.js";
import {sendCode} from "@/utils/network/api.js";
import carNumberInput from "@/components/car-number-input/car-number-input.vue";
import { navTo } from "@/utils/utils";
const state = reactive({
index: 0,
array: ['贵ZJSZ21 蓝色', '贵ZJSZ21 红色', '贵ZJSZ21 绿色', '贵ZJSZ21 白色'],
colorList:['蓝色','白色'],
form:{
choiceCarVal:'',
carColor:'',
tel:'',
code:''
},
show:false,
vehiclePlate:'', //车牌号
showPhone:false, //是否展示车牌号
inputCarNumber:false, //是否需要输入车牌号
showColor:false, //选择车牌颜色
});
let waitTime = ref(0);
const getCode = () => {
console.log(123);
if (state.form.tel) {
sendCodeApi()
codeInterval()
} else {
uni.showToast({
title: '请输入手机号',
icon: 'none'
});
}
}
// 发送验证码
const sendCodeApi = (type) => {
//参数说明
let options = {
type: 2, //type: 2,JSON格式提交数据(默认表单形式提交)
data: {
mobile: state.form.tel
}, //请求参数
method: "POST", //提交方式(默认POST)
showLoading: true, //是否显示加载中(默认显示)
};
//调用方式
request(sendCode, options)
.then((res) => {
let data = stringToJson(res.bizContent)
console.log(data, "#################");
if (data.info == "成功.") {
console.log('######################CCCCCCCCCCCCCCCCC');
}
})
.catch((err) => {
console.log(err);
});
}
//倒计时函数
const codeInterval = () => {
waitTime.value = 60
let timer = setInterval(() => {
if (waitTime.value == 1) {
clearInterval(timer)
}
waitTime.value -= 1
}, 1000)
}
const bindPickerChange=(e)=>{
state.index = e.detail.value
}
// 选择车牌回调
const regionConfirm = (e : any) => {
console.log("e",e)
state.form.choiceCarVal = state.array[e];
state.showPhone=true;
};
// 选择颜色的回调
const regionConfirmColor=(e : any)=>{
state.form.carColor=state.colorList[e]
}
const change=()=>{
console.log("11")
state.inputCarNumber=!state.inputCarNumber
state.form.choiceCarVal='';
state.form.carColor='';
}
const carNumber = (val: any) => {
state.vehiclePlate = val;
};
// 去开户页面
const goOpen=()=>{
navTo(`/subpackage/after-sale/account-recharge/open-account`);
}
</script>

<style scoped>
.content{
background-color:rgb(246,246,246);
height:100vh;
}
.content_all{
background-color:white;
}
.change{
text-align: right;
padding-right: 20rpx;
font-size: 32rpx;
}
.item{
display:flex;
border-bottom:2rpx solid rgb(239,239,239);
padding: 18rpx 36rpx;
font-size:32rpx;
align-items: center;
}
/deep/.u-form{
padding:0 40rpx !important;
}
.btn {
flex: 1;
background: rgb(75,217,97);
font-size: 30rpx;
color: white;
z-index: 999;
text-align: center;
}
::v-deep .u-form-item--right__content__slot{
display: flex;
justify-content: space-between;
}
.title{
margin-top: -32rpx;
font-size: 32rpx;
margin-bottom: 40rpx;
margin-left:30rpx;
}
.search{
background-color: rgb(25,190,107);
color: white;
height: 100rpx;
line-height: 100rpx;
font-size: 40rpx;
margin-top: 70rpx;
}
</style>

+ 87
- 0
subpackage/after-sale/account-recharge/index.vue Ver fichero

@@ -0,0 +1,87 @@
<template>
<view class='content'>
<view class="money_wrap">
<view>账户余额</view>
<view>￥0</view>
</view>
<view class='item_wrap'>
<view class='item'>
<view class='left_content'>
<image src="http://222.85.144.89:19002/default-bucket/image/index/item-1.png" mode=""></image>
<view>去圈层</view>
</view>
<u-icon name="arrow-right" color='#ccc'></u-icon>
</view>
<view class='item'>
<view class='left_content'>
<image src="http://222.85.144.89:19002/default-bucket/image/index/item-1.png" mode=""></image>
<view>消费明细</view>
</view>
<u-icon name="arrow-right" color='#ccc'></u-icon>
</view>
<view class='item'>
<view class='left_content'>
<image src="http://222.85.144.89:19002/default-bucket/image/index/item-1.png" mode=""></image>
<view>充值明细</view>
</view>
<u-icon name="arrow-right" color='#ccc'></u-icon>
</view>
</view>
<view class='item item_wrap' @click='navTo(`/subpackage/after-sale/account-recharge/login`)'>
<view class='left_content'>
<image src="http://222.85.144.89:19002/default-bucket/image/index/item-1.png" mode=""></image>
<view>退出</view>
</view>
</view>
</view>
</template>

<script setup lang='ts'>
import { navTo } from "@/utils/utils";
</script>

<style scoped>
.content{
background-color:rgb(239,239,239);
width:100%;
height:100vh;
overflow: hidden;
}
.money_wrap{
background-color:white;
padding: 8rpx 0 16rpx 0;
}
.money_wrap>view:first-child{
text-align: center;
font-size: 30rpx;
/* margin-top: 10rpx; */
}
.money_wrap>view:last-child{
text-align: center;
font-size: 44rpx;
margin-top: 14rpx;
color:red;
}
.item_wrap{
margin-top: 26rpx;
}
.item{
background-color:white;
border-bottom:1rpx solid rgb(239,239,239);
display:flex;
font-size: 30rpx;
padding:34rpx 30rpx;
align-items: center;
justify-content: space-between;
}
.item image{
width:60rpx;
height:60rpx;
margin-right:30rpx;
}
.left_content{
display:flex;
align-items: center;
}
</style>

+ 97
- 0
subpackage/after-sale/account-recharge/login.vue Ver fichero

@@ -0,0 +1,97 @@
<template>
<view class="item">
<text>对公用户：</text>
<input class="uni-input" focus placeholder="请输入用户名" v-model='state.name'/>
</view>
<view class="item">
<text>密码：</text>
<input class="uni-input" focus placeholder="请输入密码" v-model='state.password'/>
</view>
<button @click='login()'>登录</button>
<view class='go'>
<text @click='goAccount()'>去开户</text>
<text @click='forgetPassword()'>忘记密码</text>
</view>
</template>

<script setup lang='ts'>
import { navTo,msg} from "@/utils/utils";
import {request} from "@/utils/network/request.js";
import {accountLogin} from "@/utils/network/api.js";
import {onLoad} from "@dcloudio/uni-app";
import {reactive} from "vue";
const state = reactive({
name:'',
password:''
})
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, //是否显示加载中(默认显示)
};
//调用方式
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);
});
}
const goAccount=()=>{
navTo(`/subpackage/after-sale/account-recharge/go-account`);
}
const forgetPassword=()=>{
navTo(`/subpackage/after-sale/account-recharge/forget-password`);
}
</script>

<style scoped>
.item{
display:flex;
border-bottom:2rpx solid rgb(239,239,239);
padding: 18rpx 36rpx;
font-size:32rpx;
align-items: center;
}
.item>text{
width:23%;
}
button{
width: 75%;
background-color: rgb(25,190,107);
color: white;
border-color: 1rpx solid rgb(75,164,89);
height: 90rpx;
line-height: 90rpx;
margin-top:60rpx;
font-size:38rpx;
}
.go{
display:flex;
color:rgb(33,155,63);
justify-content: space-around;
font-size: 32rpx;
margin-top: 90rpx;
}
.go>text{
text-decoration: underline;
}
</style>

+ 203
- 0
subpackage/after-sale/account-recharge/open-account.vue Ver fichero

@@ -0,0 +1,203 @@
<template>
<view class='content'>
<view class='up_img_wrap'>
<view class='title'>请上传图片</view>
<view class='tips'>注意事项：1.请上传有效图片；2.图片大小不超过2M</view>
<view class='item_wrap'>
<view class='item' @click="cardDbImageOcr('1')">
<image v-if="!state.isBusinessLicense" class="icon" :src="`${$imgUrl}applyCard/renxiang.png`">
</image>
<image v-else class="icon" :src="strReplace(state.form.businessLicenseUrl)"></image>
<view>公司营业执照</view>
</view>
<view class='item' @click="cardDbImageOcr('2')">
<image v-if="!state.isBusinessLicense" class="icon" :src="`${$imgUrl}applyCard/renxiang.png`">
</image>
<image v-else class="icon" :src="strReplace(state.form.businessLicenseUrl)"></image>
<view>单位授权书</view>
</view>
<view class='item' @click="cardDbImageOcr('3')">
<image v-if="!state.isBusinessLicense" class="icon" :src="`${$imgUrl}applyCard/renxiang.png`">
</image>
<image v-else class="icon" :src="strReplace(state.form.businessLicenseUrl)"></image>
<view>被委托人身份证正页照</view>
</view>
<view class='item' @click="cardDbImageOcr('4')">
<image v-if="!state.isBusinessLicense" class="icon" :src="`${$imgUrl}applyCard/renxiang.png`">
</image>
<image v-else class="icon" :src="strReplace(state.form.businessLicenseUrl)"></image>
<view>被委托人身份证副页</view>
</view>
</view>
</view>
<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-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>
<u-form-item label="公司名称" >
<u-input placeholder='请输入公司名称' type="text" v-model="state.form.companyName"/>
</u-form-item>
<u-form-item label="经办人姓名" >
<u-input placeholder='请输入经办人姓名' type="text" v-model="state.form.handlerName"/>
</u-form-item>
<u-form-item label="经办人手机号" >
<u-input placeholder='请输入经办人手机号' type="text" v-model="state.form.handlerPhone"/>
</u-form-item>
</u-form>
<view class='pay_msg'>付款银行账户信息</view>
<view class='company' @click='goBankCard()'>
<view>
<view><text>123456</text><text>贵阳银行股份有限公司</text></view>
<view class='phone'>123****5678</view>
</view>
<u-icon name="arrow-right" color='#ccc' size='40'></u-icon>
</view>
</view>
<view class='attention'>
<view>注意事项:</view>
<view>1.开户成功后，请先设置密码，否则不能进行圈存操作</view>
<view>2.付款账户:贵单位打款银行卡</view>
<view>3.开户申请审核结果将于两个工作日发送短信告知</view>
<view>4.只支持黔通卡充值</view>
</view>
<u-button class='open' type="success">开户</u-button>
</view>
<u-picker mode="selector" :range="state.typeList" v-model="state.showType" @confirm="regionConfirmType"></u-picker>
</template>

<script setup lang="ts">
import {reactive} from "vue";
import {etcOcrCard} from "@/utils/network/api.js";
import {pathToBase64} from "@/utils/image-tools/index.js";
import { navTo } from "@/utils/utils";
const state = reactive({
isBusinessLicense:false, //是否上传公司营业执照
form:{
businessLicenseUrl:'', //公司营业执照
name:'',//对公用户登录名
type:'',//公司证件类型
code:'', //公司证件编码
companyName:'',
handlerName:'',
handlerPhone:'',
},
showType:false, //公司证件类型下拉
typeList:['营业执照','统一社会信用代码证','组织结构代码证'],
})
const cardDbImageOcr = (val : any) => {
var imageType = val;
uni.chooseImage({
count: 1, //只能选取一张照片
sizeType: ["original", "compressed"], //可以指定是原图还是压缩图，默认二者都有
sourceType: ["camera", "album"], //从相册选择
success: function (res) {
pathToBase64(res.tempFilePaths[0])
.then((path) => {
var data = {
source: "1",
agencyId: "52010106004",
imageType: imageType,
fileName: res.tempFilePaths[0],
imageBase64: path,
};
const options = {
type: 2,
data: data,
method: "POST",
showLoading: true,
};
request(etcOcrCard, options).then((res) => {
const data = stringToJson(res.bizContent);
// if (val === "1") {
// state.form.agentName = data.name;
// state.form.agentGender = data.gender;
// state.form.agentIdNum = data.idno;
// state.form.agentPosImgUrl = data.imageUrl;
// state.form.agentAddress = data.address;
// } else {
// state.form.agentIdVld = data.enddate;
// state.form.agentNegImgUrl = data.imageUrl;
// }
});
})
.catch((error) => { });
},
});
};
// 选择公司证件类型的回调
const regionConfirmType=(e : any)=>{
state.form.type=state.typeList[e]
}
const goBankCard=()=>{
navTo(`/subpackage/personal-center/setting/bank-card/bank-card`);
}
</script>

<style scoped>
.content{
background-color:rgb(246,246,246);
font-size:30rpx;
padding-bottom: 30rpx;
}
.up_img_wrap{
background-color:white;
padding:0 20rpx;
}
.title{
margin:0 0 20rpx 0;
}
.tips{
color:red;
font-size:30rpx;
}
.item_wrap{
display: flex;
flex-shrink: 1;
flex-wrap: wrap;
justify-content: space-between;
padding:10rpx 0 20rpx 0;
}
.item{
width:45%;
height:250rpx;
margin-top:20rpx;
}
.item image{
width:100%;
height:80%;
}
.item view{
text-aline:center;
text-align: center;
}
.message{
margin-top:30rpx;
}
.pay_msg{
border-bottom: 2px dotted rgb(75,217,97);
padding:30rpx 0;
}
.company{
padding: 20rpx 50rpx 20rpx 6rpx;
display:flex;
align-items: center;
justify-content: space-between;
}
.phone{
margin-top:20rpx;
}
.attention{
background-color:rgb(246,246,246);
color:red;
font-size:30rpx;
padding:30rpx 20rpx 20rpx 20rpx;
}
</style>

+ 43
- 27
subpackage/personal-center/setting/bank-card/bank-card.vue Ver fichero

@@ -1,50 +1,57 @@
<template>
<view class="container">
<view class="container" @click="navTo('/subpackage/personal-center/setting/bank-card/bank-card-add')">
<view class="">
<image class="bg" style="width:100%;height: 260rpx;" :src="`${$imgUrl}bank-bg.png`">
</image>
<view class="value">
6216 **** **** 8721
</view>
<image class="bg" style="width:100%;height: 260rpx;" :src="`${$imgUrl}bank-bg.png`"></image>
<view class="content">
<view class="flex">
<image style="width:68rpx;height:68rpx;" :src="`${$imgUrl}gongshang.png`">
</image>
<view style="margin-left: 15rpx;" class="">
<view class="bank">
工商银行
</view>
<view class="card">
储蓄卡
</view>
<view class="bank">工商银行</view>
<view class="card">储蓄卡</view>
</view>
</view>
<view class="button">
解除绑定
<view class="button" @click.stop='delCard()'>解除绑定</view>
</view>
<view class="value">6216 **** **** 8721</view>
<view class='default'>默认</view>
</view>
</view>
<view class="container" @click="navTo('/subpackage/personal-center/setting/bank-card/bank-card-add')">
<view class="">
<image class="bg" style="width:100%;height: 260rpx;" :src="`${$imgUrl}bank-bg.png`"></image>
<view class="content">
<view class="flex">
<image style="width:68rpx;height:68rpx;" :src="`${$imgUrl}gongshang.png`">
</image>
<view style="margin-left: 15rpx;" class="">
<view class="bank">工商银行</view>
<view class="card">储蓄卡</view>
</view>
</view>
<view class="button" @click.stop='delCard()'>解除绑定</view>
</view>
<view class="value">6216 **** **** 8721</view>
<view class='default'>默认</view>
</view>
<view style='margin-top: 40rpx;' @click="navTo('/subpackage/personal-center/setting/bank-card/bank-card-add')">
</view>
<view style='margin-top: 40rpx;' @click="navTo('/subpackage/personal-center/setting/bank-card/bank-card-add')">
<submit-button title="+ 添加银行卡">
</submit-button>
</view>
</view>

</template>

<script lang="ts" setup>
import {
navTo
} from '@/utils/utils';
import {navTo} from '@/utils/utils';
const delCard=()=>{
console.log("删除")
}
</script>

<style lang="scss">
<style lang="scss" scoped>
.container {
padding: 30rpx;

.bg {}

padding: 30rpx 30rpx 0 30rpx;
position:relative;
.flex {
display: flex;
align-items: center;
@@ -62,7 +69,16 @@
text-align: center;
line-height: 36rpx;
}

.default{
position: absolute;
top: 235rpx;
left: 60rpx;
font-size: 29rpx;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
line-height: 36rpx;
}
.content {
padding: 30rpx;
position: absolute;

+ 3
- 0
utils/network/api.js Ver fichero

@@ -208,3 +208,6 @@ export const judageQuanProduct="fe71273c1a394eaa999825afe7daa59b" //判断是
export const getGlobalParam="d0579171c82443cb9b243c113309119a" //全局配置
export const getUserMsg="c4a499a2a63042b9a2d4e88fc77d3fc0" //通过opneId查询用户信息
export const getCarMsg="1030" //车辆管理信息查询
// 单位账户充值
export const accountLogin="308679d555fa47da84876a8aeaee40a4" //单位账户登录

Escribir Vista previa
Cargando…
Cancelar
Guardar