143 lines
2.9 KiB
Vue
143 lines
2.9 KiB
Vue
|
<template>
|
|||
|
|
<view class="whole">
|
|||
|
|
<view class="warning">提示：为保证顺利清关，请确保实名认证和付款人信息保持一致</view>
|
|||
|
|
<view class="item">
|
|||
|
|
<view class="row">
|
|||
|
|
<text>姓名</text>
|
|||
|
|
<input v-model="pageInfo.name" placeholder="请填写真实" class="input" />
|
|||
|
|
</view>
|
|||
|
|
<view class="row">
|
|||
|
|
<text>身份证</text>
|
|||
|
|
<input v-model="pageInfo.cert_id" placeholder="请填写您的身份证号码" class="input" />
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="btn" @click="toCommit()">保存</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import { ref, reactive, toRefs } from 'vue'
|
|||
|
|
import { get, post } from '@/api/request.js'
|
|||
|
|
import { showToast } from '@/components/common.js'
|
|||
|
|
export default {
|
|||
|
|
setup(props, context) {
|
|||
|
|
const data = reactive({
|
|||
|
|
pageInfo: {
|
|||
|
|
name: '',
|
|||
|
|
cert_id: ''
|
|||
|
|
},
|
|||
|
|
id: '',
|
|||
|
|
Color: uni.getStorageSync('theme_color')
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
function getListInfo() {
|
|||
|
|
get('/api/v1/identityCard').then((res) => {
|
|||
|
|
data.pageInfo = res.data[0] || {}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function toCommit(id) {
|
|||
|
|
if(!data.pageInfo.name || !data.pageInfo.cert_id) {
|
|||
|
|
showToast('请填写完整信息')
|
|||
|
|
return false
|
|||
|
|
}
|
|||
|
|
if(data.id) {
|
|||
|
|
post('/api/v1/identityCard/' + data.id, data.pageInfo, 'PUT').then((res) => {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '保存成功',
|
|||
|
|
icon: 'success',
|
|||
|
|
duration: 1000,
|
|||
|
|
mask: true,
|
|||
|
|
success() {
|
|||
|
|
setTimeout(() => {
|
|||
|
|
uni.navigateBack({ delta: 1 })
|
|||
|
|
}, 1000)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
} else {
|
|||
|
|
post('/api/v1/identityCard', data.pageInfo).then((res) => {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '保存成功',
|
|||
|
|
icon: 'success',
|
|||
|
|
duration: 1000,
|
|||
|
|
mask: true,
|
|||
|
|
success() {
|
|||
|
|
setTimeout(() => {
|
|||
|
|
uni.navigateBack({ delta: 1 })
|
|||
|
|
}, 1000)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return {
|
|||
|
|
...toRefs(data),
|
|||
|
|
getListInfo,
|
|||
|
|
toCommit
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onLoad(options) {
|
|||
|
|
this.id = options.id || ''
|
|||
|
|
this.getListInfo()
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
.whole{
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100vh;
|
|||
|
|
overflow: hidden;
|
|||
|
|
padding: 16rpx 26rpx;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
.warning{
|
|||
|
|
background: rgba(241,73,57,0.06);
|
|||
|
|
padding: 10rpx 20rpx;
|
|||
|
|
border-radius: 8rpx;
|
|||
|
|
color: v-bind('Color');
|
|||
|
|
font-size: 22rpx;
|
|||
|
|
margin-bottom: 20rpx;
|
|||
|
|
}
|
|||
|
|
.btn{
|
|||
|
|
position: fixed;
|
|||
|
|
bottom: 60rpx;
|
|||
|
|
width: 86%;
|
|||
|
|
height: 80rpx;
|
|||
|
|
background: v-bind('Color');
|
|||
|
|
border-radius: 80rpx;
|
|||
|
|
font-size: 30rpx;
|
|||
|
|
color: #fff;
|
|||
|
|
left: 7%;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.item{
|
|||
|
|
background: #fff;
|
|||
|
|
padding: 10rpx 30rpx;
|
|||
|
|
border-radius: 8rpx;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 100%;
|
|||
|
|
.row{
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
padding: 16rpx 0;
|
|||
|
|
text{
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #656565;
|
|||
|
|
font-weight: 600;
|
|||
|
|
}
|
|||
|
|
.input{
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #2C2C2C;
|
|||
|
|
text-align: right;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
</style>
|