|
|
@@ -1,5 +1,7 @@
|
|
|
<template>
|
|
|
<view>
|
|
|
+ <u-navbar placeholder title="我的证件" @leftClick="leftClick">
|
|
|
+ </u-navbar>
|
|
|
<view class="flex content1 flex-between">
|
|
|
<view @click='addclick' class="button">
|
|
|
<image src="../../static/imgs/mySet/add.png" mode="widthFix" class="btn-img"></image>
|
|
|
@@ -14,14 +16,14 @@
|
|
|
识别号码
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view v-if='addstatus' class="content2" style="background-color: #fff;">
|
|
|
+ <view v-if='addstatus' class="content2" >
|
|
|
<view class="flex flex-between">
|
|
|
- <u--input v-model="cardData.certificateName" placeholder="输入证件名称"></u--input>
|
|
|
+ <u--input border="bottom" v-model="cardData.certificateName" placeholder="输入证件名称"></u--input>
|
|
|
<view @click='add' class="submit">提交</view>
|
|
|
</view>
|
|
|
- <view>
|
|
|
+ <view class='add-image' >
|
|
|
<u-upload @afterRead="afterRead" :fileList="fileList1" @delete="deletePic" name="1" multiple
|
|
|
- :maxCount="1">
|
|
|
+ :maxCount="1" height='190' width='306'>
|
|
|
<view class="bgc">
|
|
|
<view class="circle">
|
|
|
<view class="add">
|
|
|
@@ -48,32 +50,34 @@
|
|
|
<u-icon v-if='item.bankNo' @click='clip(1,item)' name="file-text-fill" color="#2979ff"
|
|
|
size="28"></u-icon>
|
|
|
</view>
|
|
|
- <u--input v-else v-model="item.certificateName" placeholder="输入证件名称"></u--input>
|
|
|
+ <u--input @input='certificateNameInput($event,item)' border="bottom" v-else v-model="item.certificateName" placeholder="输入证件名称"></u--input>
|
|
|
<view class="flex" v-if="item.editstatus">
|
|
|
<view @click='qxEdit(item)' :class="!item.editstatus?'edit':'finished'" style="margin:0 20rpx;">取消</view>
|
|
|
- <view @click='edit(item)' :class="!item.editstatus?'edit':'finished'">完成</view>
|
|
|
+ <view @click="del(item)" :class="!item.editstatus?'edit':'finished'" style="margin:0 20rpx 0 0;">删除</view>
|
|
|
+ <view @click='edit(item)' :class="!item.status?'edit':'finished'">完成</view>
|
|
|
</view>
|
|
|
- <view @click='edit(item)' :class="!item.editstatus?'edit':'finished'" v-else>编辑</view>
|
|
|
+ <view @click='edit(item)' class="finished" v-else>编辑</view>
|
|
|
</view>
|
|
|
<view class="row2" v-if='!item.editstatus'>
|
|
|
<image :src="item.certificateImage" mode="aspectFill" class="img"></image>
|
|
|
<view class="right">
|
|
|
<u-checkbox-group v-model="item.checked" placement="column" @change="checkboxChange($event,index,item)">
|
|
|
- <u-checkbox :name='index+1' :customStyle="{marginBottom: '8px'}">
|
|
|
+ <u-checkbox iconColor='#4977FC' activeColor="#fff" :name='index+1' :customStyle="{marginBottom: '8px'}">
|
|
|
</u-checkbox>
|
|
|
</u-checkbox-group>
|
|
|
<!-- <image src="../../static/imgs/mySet/del1.png" mode="widthFix" @click="del(item)" style="width: 28rpx;"></image> -->
|
|
|
- <u-icon @click="del(item)" name="trash-fill" color="#fff" size="24"></u-icon>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <u-upload v-else @afterRead="afterRead" :fileList="fileList2" @delete="deletePic" name="2" multiple
|
|
|
- :maxCount="1">
|
|
|
- <view class="">
|
|
|
- 123
|
|
|
+ <view v-else style='padding-left:20rpx;' >
|
|
|
+ <u-upload @afterRead="afterRead" :fileList="fileList2" @delete="deletePic" name="2" multiple
|
|
|
+ :maxCount="1" height='190' width='306'>
|
|
|
+ <view class="">
|
|
|
+ 123
|
|
|
+ </view>
|
|
|
+ <!-- <image src="https://cdn.uviewui.com/uview/demo/upload/positive.png"
|
|
|
+ mode="widthFix" style="width: 250px;height: 150px;"></image> -->
|
|
|
+ </u-upload>
|
|
|
</view>
|
|
|
- <!-- <image src="https://cdn.uviewui.com/uview/demo/upload/positive.png"
|
|
|
- mode="widthFix" style="width: 250px;height: 150px;"></image> -->
|
|
|
- </u-upload>
|
|
|
</view>
|
|
|
</mescroll-body>
|
|
|
</view>
|
|
|
@@ -168,6 +172,15 @@
|
|
|
});
|
|
|
},
|
|
|
methods: {
|
|
|
+ certificateNameInput(e,item){
|
|
|
+ console.log(item)
|
|
|
+ if(item.certificateName1!=item.certificateName){
|
|
|
+ item.status=true
|
|
|
+ }else{
|
|
|
+ item.status=false
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
qxEdit(){
|
|
|
this.mescroll.resetUpScroll()
|
|
|
},
|
|
|
@@ -191,27 +204,30 @@
|
|
|
},
|
|
|
edit(item) {
|
|
|
if (item.editstatus) {
|
|
|
- this.$request.baseRequest('admin.unimall.certificateManagementInfo', 'update', {
|
|
|
- certificateManagementInfo: JSON.stringify(item)
|
|
|
- }, failres => {
|
|
|
- console.log('res+++++', failres.errmsg)
|
|
|
- this.$refs.uToast.show({
|
|
|
- type: 'error',
|
|
|
- message: failres.errmsg,
|
|
|
- })
|
|
|
- uni.hideLoading()
|
|
|
- }).then(res => {
|
|
|
- this.$refs.uToast.show({
|
|
|
- type: 'success',
|
|
|
- message: '编辑成功',
|
|
|
- })
|
|
|
- this.modalshow = false
|
|
|
- this.checkedList = []
|
|
|
- uni.hideLoading()
|
|
|
- this.mescroll.resetUpScroll()
|
|
|
- })
|
|
|
+ if(item.status){
|
|
|
+ this.$request.baseRequest('admin.unimall.certificateManagementInfo', 'update', {
|
|
|
+ certificateManagementInfo: JSON.stringify(item)
|
|
|
+ }, failres => {
|
|
|
+ console.log('res+++++', failres.errmsg)
|
|
|
+ this.$refs.uToast.show({
|
|
|
+ type: 'error',
|
|
|
+ message: failres.errmsg,
|
|
|
+ })
|
|
|
+ uni.hideLoading()
|
|
|
+ }).then(res => {
|
|
|
+ this.$refs.uToast.show({
|
|
|
+ type: 'success',
|
|
|
+ message: '编辑成功',
|
|
|
+ })
|
|
|
+ this.modalshow = false
|
|
|
+ this.checkedList = []
|
|
|
+ uni.hideLoading()
|
|
|
+ this.mescroll.resetUpScroll()
|
|
|
+ })
|
|
|
+ }
|
|
|
} else {
|
|
|
item.editstatus = true
|
|
|
+ item.certificateName1=item.certificateName
|
|
|
this.fileList2 = [{
|
|
|
url: item.certificateImage
|
|
|
}]
|
|
|
@@ -499,6 +515,7 @@
|
|
|
if (res.data.items.length > 0) {
|
|
|
for (var i = 0; i < res.data.items.length; i++) {
|
|
|
res.data.items[i].editstatus = false
|
|
|
+ res.data.items[i].status = false
|
|
|
if (res.data.items[i].personNo) res.data.items[i].personNo1 = '*' + (res.data.items[i]
|
|
|
.personNo.substring(res.data.items[i].personNo.length - 4))
|
|
|
if (res.data.items[i].bankNo) res.data.items[i].bankNo1 = '*' + (res.data.items[i]
|
|
|
@@ -649,6 +666,7 @@
|
|
|
border-radius: 20rpx;
|
|
|
padding: 24rpx;
|
|
|
width: calc(33% - 60rpx);
|
|
|
+ font-size:32rpx;
|
|
|
}
|
|
|
|
|
|
.btn-img {
|
|
|
@@ -661,13 +679,18 @@
|
|
|
.bgc{
|
|
|
background: #fff;
|
|
|
width: calc(100vw - 40rpx);
|
|
|
- height: 190rpx;
|
|
|
+ height: 380rpx;
|
|
|
.circle{
|
|
|
+ position:absolute;
|
|
|
+ top:50%;
|
|
|
+ left:50%;
|
|
|
+ transform: translateX(-50%) translateY(-100%);
|
|
|
width: 74px;
|
|
|
height: 74px;
|
|
|
border-radius: 50%;
|
|
|
background-color: #F7F7F7;
|
|
|
-
|
|
|
+ text-align: center;
|
|
|
+ line-height: 74px;
|
|
|
}
|
|
|
}
|
|
|
.submit{
|
|
|
@@ -694,7 +717,7 @@
|
|
|
.edit{
|
|
|
padding: 10rpx 14rpx;
|
|
|
text-align: center;
|
|
|
- background: #112253;
|
|
|
+ background: rgba(17, 34, 83, 0.1);
|
|
|
border-radius: 10rpx;
|
|
|
font-size: 28rpx;
|
|
|
font-weight: bold;
|
|
|
@@ -722,8 +745,7 @@
|
|
|
right: 0;
|
|
|
height: 100%;
|
|
|
right: 10px;
|
|
|
- background: #11225359;
|
|
|
- border-radius: 10px;
|
|
|
+
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
justify-content: space-between;
|
|
|
@@ -736,4 +758,9 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ .add-image{
|
|
|
+ background-color: #fff;
|
|
|
+ margin-top:10rpx;
|
|
|
+ border-radius:20rpx;
|
|
|
+ }
|
|
|
</style>
|
高敬炎
