|
@@ -1,6 +1,7 @@
|
|
<template>
|
|
<template>
|
|
<view>
|
|
<view>
|
|
- <u-navbar placeholder title="我的证件" @leftClick="leftClick" bgColor="#112253" titleStyle ="color:#fff" leftIconColor="#fff">
|
|
|
|
|
|
+ <u-navbar placeholder title="我的证件" @leftClick="leftClick" bgColor="#112253" titleStyle="color:#fff"
|
|
|
|
+ leftIconColor="#fff">
|
|
</u-navbar>
|
|
</u-navbar>
|
|
<view class="flex content1 flex-between">
|
|
<view class="flex content1 flex-between">
|
|
<view @click='addclick' class="button">
|
|
<view @click='addclick' class="button">
|
|
@@ -17,12 +18,12 @@
|
|
识别号码
|
|
识别号码
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view v-if='addstatus' class="content2" >
|
|
|
|
|
|
+ <view v-if='addstatus' class="content2">
|
|
<view class="flex flex-between">
|
|
<view class="flex flex-between">
|
|
- <u--input border="bottom" v-model="cardData.certificateName" placeholder="输入证件名称"></u--input>
|
|
|
|
|
|
+ <u--input border="bottom" v-model="cardData.certificateName" placeholder="输入证件名称" focus></u--input>
|
|
<view @click='add' class="submit">提交</view>
|
|
<view @click='add' class="submit">提交</view>
|
|
</view>
|
|
</view>
|
|
- <view class='add-image' >
|
|
|
|
|
|
+ <view class='add-image'>
|
|
<u-upload @afterRead="afterRead" :fileList="fileList1" @delete="deletePic" name="1" multiple
|
|
<u-upload @afterRead="afterRead" :fileList="fileList1" @delete="deletePic" name="1" multiple
|
|
:maxCount="1" height='190' width='360'>
|
|
:maxCount="1" height='190' width='360'>
|
|
<view class="bgc">
|
|
<view class="bgc">
|
|
@@ -33,12 +34,12 @@
|
|
</view>
|
|
</view>
|
|
</view> -->
|
|
</view> -->
|
|
</view>
|
|
</view>
|
|
- </u-upload>
|
|
|
|
|
|
+ </u-upload>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="content3" style="background-color: #F7F7F7;">
|
|
<view class="content3" style="background-color: #F7F7F7;">
|
|
- <mescroll-body v-if='!addstatus&&cardList.length==0||cardList.length>0' ref="mescrollRef" @init="mescrollInit"
|
|
|
|
- @up="upCallback" @down="downCallback">
|
|
|
|
|
|
+ <mescroll-body v-if='!addstatus&&cardList.length==0||cardList.length>0' ref="mescrollRef"
|
|
|
|
+ @init="mescrollInit" @up="upCallback" @down="downCallback" :up="upOption" :down="downOption">
|
|
<view v-for='(item,index) in cardList' class="">
|
|
<view v-for='(item,index) in cardList' class="">
|
|
<view class="flex flex-between row">
|
|
<view class="flex flex-between row">
|
|
<view v-if='!item.editstatus' class="left flex">
|
|
<view v-if='!item.editstatus' class="left flex">
|
|
@@ -46,47 +47,55 @@
|
|
{{item.certificateName}}
|
|
{{item.certificateName}}
|
|
</view>
|
|
</view>
|
|
<text v-if='item.personNo'>({{item.personNo1}})</text>
|
|
<text v-if='item.personNo'>({{item.personNo1}})</text>
|
|
- <u-icon v-if='item.personNo' @click='clip(0,item)' name="file-text-fill" color="#2979ff"
|
|
|
|
- size="28"></u-icon>
|
|
|
|
- <text v-if='item.bankNo'>({{item.bankNo1}})</text>
|
|
|
|
- <u-icon v-if='item.bankNo' @click='clip(1,item)' name="file-text-fill" color="#2979ff"
|
|
|
|
- size="28"></u-icon>
|
|
|
|
|
|
+ <image src="../../static/imgs/mySet/copy.png" mode="widthFix" style="width: 28rpx;" v-if='item.personNo' @click='clip(0,item)'></image>
|
|
|
|
+ <!-- <u-icon v-if='item.personNo' @click='clip(0,item)' name="file-text-fill" color="#2979ff"
|
|
|
|
+ size="28"></u-icon> -->
|
|
|
|
+ <text v-if='item.bankNo' style="margin:0 20rpx ;">{{item.bankNo1}}</text>
|
|
|
|
+ <image src="../../static/imgs/mySet/copy.png" mode="widthFix" style="width: 28rpx;" v-if='item.bankNo' @click='clip(1,item)'></image>
|
|
|
|
+ <!-- <u-icon v-if='item.bankNo' @click='clip(1,item)' name="file-text-fill" color="#2979ff"
|
|
|
|
+ size="28"></u-icon> -->
|
|
</view>
|
|
</view>
|
|
- <u--input @input='certificateNameInput($event,item)' border="bottom" 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 class="flex" v-if="item.editstatus">
|
|
- <view @click='qxEdit(item)' :class="!item.editstatus?'edit':'finished'" style="margin:0 20rpx;">取消</view>
|
|
|
|
|
|
+ <view @click='qxEdit(item)' :class="!item.editstatus?'edit':'finished'"
|
|
|
|
+ style="margin:0 20rpx;">取消</view>
|
|
<view @click='edit(item)' :class="!item.status?'edit':'finished'">完成</view>
|
|
<view @click='edit(item)' :class="!item.status?'edit':'finished'">完成</view>
|
|
</view>
|
|
</view>
|
|
<view class="flex" v-if="!item.editstatus">
|
|
<view class="flex" v-if="!item.editstatus">
|
|
- <view @click="del(item)" :class="!item.editstatus?'edit':'finished'" style="margin:0 20rpx 0 0;">删除</view>
|
|
|
|
- <view @click='edit(item)' class="finished" >编辑</view>
|
|
|
|
|
|
+ <view @click="del(item)" :class="!item.editstatus?'edit':'finished'"
|
|
|
|
+ style="margin:0 20rpx 0 0;">删除</view>
|
|
|
|
+ <view @click='edit(item)' class="finished">编辑</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="row2" v-if='!item.editstatus'>
|
|
<view class="row2" v-if='!item.editstatus'>
|
|
- <image @click='previewImage(item.certificateImage)' :src="item.certificateImage" mode="aspectFill" class="img"></image>
|
|
|
|
|
|
+ <image @click='previewImage(item.certificateImage)' :src="item.certificateImage" class="img" mode="aspectFill" style="width: 95%;"></image>
|
|
<view class="right">
|
|
<view class="right">
|
|
- <u-checkbox-group v-model="item.checked" placement="column" @change="checkboxChange($event,index,item)">
|
|
|
|
- <u-checkbox iconColor='#4977FC' activeColor="#fff" :name='index+1' :customStyle="{marginBottom: '8px'}">
|
|
|
|
|
|
+ <u-checkbox-group v-model="item.checked" placement="column"
|
|
|
|
+ @change="checkboxChange($event,index,item)">
|
|
|
|
+ <u-checkbox iconColor='#4977FC' activeColor="#fff" :name='index+1'
|
|
|
|
+ :customStyle="{marginBottom: '8px'}">
|
|
</u-checkbox>
|
|
</u-checkbox>
|
|
</u-checkbox-group>
|
|
</u-checkbox-group>
|
|
<!-- <image src="../../static/imgs/mySet/del1.png" mode="widthFix" @click="del(item)" style="width: 28rpx;"></image> -->
|
|
<!-- <image src="../../static/imgs/mySet/del1.png" mode="widthFix" @click="del(item)" style="width: 28rpx;"></image> -->
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view v-else style='padding-left:20rpx;' >
|
|
|
|
- <u-upload @afterRead="afterRead" :fileList="fileList2" @delete="deletePic" name="2" multiple
|
|
|
|
- :maxCount="1" height='190' width='340'>
|
|
|
|
|
|
+ <view v-else style='padding-left:20rpx;'>
|
|
|
|
+ <u-upload @afterRead="afterRead" :fileList="fileList2" @delete="deletePic" name="2" multiple
|
|
|
|
+ :maxCount="1" height='190' width='340'>
|
|
<!-- <view class="">
|
|
<!-- <view class="">
|
|
123
|
|
123
|
|
</view> -->
|
|
</view> -->
|
|
<!-- <image src="https://cdn.uviewui.com/uview/demo/upload/positive.png"
|
|
<!-- <image src="https://cdn.uviewui.com/uview/demo/upload/positive.png"
|
|
mode="widthFix" style="width: 250px;height: 150px;"></image> -->
|
|
mode="widthFix" style="width: 250px;height: 150px;"></image> -->
|
|
- </u-upload>
|
|
|
|
- </view>
|
|
|
|
|
|
+ </u-upload>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
</mescroll-body>
|
|
</mescroll-body>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
- <u-picker :immediateChange ="true" @cancel='show=false' @confirm='pickerConfirm' title='识别类型' :show="show" :columns="columns"></u-picker>
|
|
|
|
|
|
+
|
|
|
|
+ <u-picker :immediateChange="true" @cancel='show=false' @confirm='pickerConfirm' title='识别类型' :show="show"
|
|
|
|
+ :columns="columns"></u-picker>
|
|
<u-popup :show="popupshow" :closeOnClickOverlay='true' :overlayOpacity='0.4' @close='handleHiddenShare'
|
|
<u-popup :show="popupshow" :closeOnClickOverlay='true' :overlayOpacity='0.4' @close='handleHiddenShare'
|
|
:round="10" mode="bottom">
|
|
:round="10" mode="bottom">
|
|
<view>
|
|
<view>
|
|
@@ -94,13 +103,13 @@
|
|
<view class="block" @click="toUrl()">
|
|
<view class="block" @click="toUrl()">
|
|
<button class="moment">
|
|
<button class="moment">
|
|
<view class="iconfont icon-pengyouquan"></view>
|
|
<view class="iconfont icon-pengyouquan"></view>
|
|
- <view>分享朋友圈</view>
|
|
|
|
|
|
+ <view style="font-size: 26rpx;">分享朋友圈</view>
|
|
</button>
|
|
</button>
|
|
</view>
|
|
</view>
|
|
<view class="block">
|
|
<view class="block">
|
|
<button class="shareBtn" type="default" data-name="shareBtn" open-type="share">
|
|
<button class="shareBtn" type="default" data-name="shareBtn" open-type="share">
|
|
<view class="iconfont icon-weixin"></view>
|
|
<view class="iconfont icon-weixin"></view>
|
|
- <view>分享微信好友</view>
|
|
|
|
|
|
+ <view style="font-size: 26rpx;">分享微信好友</view>
|
|
</button>
|
|
</button>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -121,7 +130,8 @@
|
|
<u-modal :show="modalstatusshow" confirmText='继续返回' cancelText='取消' @confirm='confirm' @cancel='cancel'
|
|
<u-modal :show="modalstatusshow" confirmText='继续返回' cancelText='取消' @confirm='confirm' @cancel='cancel'
|
|
showCancelButton='true' title="提示" content='有证件处于编辑状态未提交。'></u-modal>
|
|
showCancelButton='true' title="提示" content='有证件处于编辑状态未提交。'></u-modal>
|
|
<u-toast ref="uToast"></u-toast>
|
|
<u-toast ref="uToast"></u-toast>
|
|
- <canvas style="position: absolute; top: -1000px; left: -1000px; width: 600px; height: 400px; background: #000;" canvas-id="canvas"></canvas>
|
|
|
|
|
|
+ <canvas style="position: absolute; top: -1000px; left: -1000px; width: 600px; height: 400px; background: #000;"
|
|
|
|
+ canvas-id="canvas"></canvas>
|
|
<point-share @close='showShare=false' :show='showShare'></point-share>
|
|
<point-share @close='showShare=false' :show='showShare'></point-share>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
@@ -137,6 +147,18 @@
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
|
|
+ downOption: {
|
|
|
|
+ textColor: '#bbb'
|
|
|
|
+ },
|
|
|
|
+ upOption: {
|
|
|
|
+ page: {
|
|
|
|
+ size: 10 // 每页数据的数量,默认10
|
|
|
|
+ },
|
|
|
|
+ auto: false,
|
|
|
|
+ noMoreSize: 1,
|
|
|
|
+ textNoMore: '没有更多了~',
|
|
|
|
+ textColor: '#bbb'
|
|
|
|
+ },
|
|
show: false,
|
|
show: false,
|
|
modalshow: false,
|
|
modalshow: false,
|
|
modalstatusshow: false,
|
|
modalstatusshow: false,
|
|
@@ -144,7 +166,7 @@
|
|
columns: [
|
|
columns: [
|
|
['识别身份证号', '识别银行卡号']
|
|
['识别身份证号', '识别银行卡号']
|
|
],
|
|
],
|
|
- showShare:false,
|
|
|
|
|
|
+ showShare: false,
|
|
userInfo: {},
|
|
userInfo: {},
|
|
cardData: {},
|
|
cardData: {},
|
|
cardList: [],
|
|
cardList: [],
|
|
@@ -158,11 +180,11 @@
|
|
shibie: '',
|
|
shibie: '',
|
|
shibieList: [],
|
|
shibieList: [],
|
|
canReset: false,
|
|
canReset: false,
|
|
- shareimg:''
|
|
|
|
|
|
+ shareimg: ''
|
|
};
|
|
};
|
|
},
|
|
},
|
|
onLoad() {
|
|
onLoad() {
|
|
-
|
|
|
|
|
|
+
|
|
// this.getList()
|
|
// this.getList()
|
|
},
|
|
},
|
|
onShow() {
|
|
onShow() {
|
|
@@ -175,8 +197,8 @@
|
|
});
|
|
});
|
|
this.cutShareImg()
|
|
this.cutShareImg()
|
|
},
|
|
},
|
|
- onShareAppMessage(res) {
|
|
|
|
-
|
|
|
|
|
|
+ onShareAppMessage(res) {
|
|
|
|
+
|
|
let that = this;
|
|
let that = this;
|
|
//生成名片图片
|
|
//生成名片图片
|
|
let imageUrl = this.poster
|
|
let imageUrl = this.poster
|
|
@@ -184,7 +206,7 @@
|
|
if (res.from === 'button') {
|
|
if (res.from === 'button') {
|
|
return {
|
|
return {
|
|
title: '证件分享',
|
|
title: '证件分享',
|
|
- path: '/pages/mySet/lookCard?dataList='+uni.getStorageSync('checkedList'),
|
|
|
|
|
|
+ path: '/pages/mySet/lookCard?dataList=' + uni.getStorageSync('checkedList'),
|
|
imageUrl: this.shareimg,
|
|
imageUrl: this.shareimg,
|
|
};
|
|
};
|
|
}
|
|
}
|
|
@@ -197,52 +219,52 @@
|
|
}
|
|
}
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
- previewImage(src){
|
|
|
|
- console.log(src)
|
|
|
|
- //预览图片
|
|
|
|
- uni.previewImage({
|
|
|
|
- urls: [src], // 需要预览的图片链接列表,可以写你图片链接的数组或者跟我一样,就写一个单独的链接
|
|
|
|
- current: src // 为当前显示图片的链接/索引值,不填或填写的值无效则为 urls 的第一张
|
|
|
|
- });
|
|
|
|
|
|
+ previewImage(src) {
|
|
|
|
+ console.log(src)
|
|
|
|
+ //预览图片
|
|
|
|
+ uni.previewImage({
|
|
|
|
+ urls: [src], // 需要预览的图片链接列表,可以写你图片链接的数组或者跟我一样,就写一个单独的链接
|
|
|
|
+ current: src // 为当前显示图片的链接/索引值,不填或填写的值无效则为 urls 的第一张
|
|
|
|
+ });
|
|
},
|
|
},
|
|
- toUrl(){
|
|
|
|
- this.popupshow=false
|
|
|
|
- this.showShare=true
|
|
|
|
|
|
+ toUrl() {
|
|
|
|
+ this.popupshow = false
|
|
|
|
+ this.showShare = true
|
|
|
|
+ },
|
|
|
|
+ cutShareImg() {
|
|
|
|
+ let that = this;
|
|
|
|
+ uni.getImageInfo({
|
|
|
|
+ src: 'https://taohaoliang.oss-cn-beijing.aliyuncs.com/pcfiles/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20230506110702.png', // 这里填写网络图片路径
|
|
|
|
+ success: (res) => {
|
|
|
|
+ let ctx = uni.createCanvasContext('canvas');
|
|
|
|
+ ctx.drawImage(res.path, 0, 0, 480, 300)
|
|
|
|
+ ctx.draw(false, () => {
|
|
|
|
+ uni.canvasToTempFilePath({
|
|
|
|
+ canvasId: 'canvas',
|
|
|
|
+ fileType: 'png',
|
|
|
|
+ success: (res) => {
|
|
|
|
+ //设置分享图片路径
|
|
|
|
+ that.shareimg = res.tempFilePath
|
|
|
|
+ console.log(that.shareimg)
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ });
|
|
},
|
|
},
|
|
- cutShareImg (){
|
|
|
|
- let that=this;
|
|
|
|
- uni.getImageInfo({
|
|
|
|
- src: 'https://taohaoliang.oss-cn-beijing.aliyuncs.com/pcfiles/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20230506110702.png', // 这里填写网络图片路径
|
|
|
|
- success: (res) => {
|
|
|
|
- let ctx = uni.createCanvasContext('canvas');
|
|
|
|
- ctx.drawImage(res.path, 0, 0, 480, 300)
|
|
|
|
- ctx.draw(false, () => {
|
|
|
|
- uni.canvasToTempFilePath({
|
|
|
|
- canvasId: 'canvas',
|
|
|
|
- fileType: 'png',
|
|
|
|
- success: (res) => {
|
|
|
|
- //设置分享图片路径
|
|
|
|
- that.shareimg=res.tempFilePath
|
|
|
|
- console.log(that.shareimg)
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- })
|
|
|
|
- }
|
|
|
|
- });
|
|
|
|
- },
|
|
|
|
handleHiddenShare() {
|
|
handleHiddenShare() {
|
|
this.popupshow = false
|
|
this.popupshow = false
|
|
},
|
|
},
|
|
- certificateNameInput(e,item){
|
|
|
|
|
|
+ certificateNameInput(e, item) {
|
|
console.log(item)
|
|
console.log(item)
|
|
- if(item.certificateName1!=item.certificateName){
|
|
|
|
- item.status=true
|
|
|
|
- }else{
|
|
|
|
- item.status=false
|
|
|
|
|
|
+ if (item.certificateName1 != item.certificateName) {
|
|
|
|
+ item.status = true
|
|
|
|
+ } else {
|
|
|
|
+ item.status = false
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
},
|
|
},
|
|
- qxEdit(){
|
|
|
|
|
|
+ qxEdit() {
|
|
this.mescroll.resetUpScroll()
|
|
this.mescroll.resetUpScroll()
|
|
},
|
|
},
|
|
clip(status, item) {
|
|
clip(status, item) {
|
|
@@ -258,32 +280,32 @@
|
|
},
|
|
},
|
|
edit(item) {
|
|
edit(item) {
|
|
if (item.editstatus) {
|
|
if (item.editstatus) {
|
|
- if(item.status){
|
|
|
|
|
|
+ if (item.status) {
|
|
this.$request.baseRequest('admin.unimall.certificateManagementInfo', 'update', {
|
|
this.$request.baseRequest('admin.unimall.certificateManagementInfo', 'update', {
|
|
certificateManagementInfo: JSON.stringify(item)
|
|
certificateManagementInfo: JSON.stringify(item)
|
|
}, failres => {
|
|
}, failres => {
|
|
console.log('res+++++', failres.errmsg)
|
|
console.log('res+++++', failres.errmsg)
|
|
uni.hideLoading()
|
|
uni.hideLoading()
|
|
uni.showToast({
|
|
uni.showToast({
|
|
- icon:"none",
|
|
|
|
- title: failres.errmsg,
|
|
|
|
- duration: 3000
|
|
|
|
|
|
+ icon: "none",
|
|
|
|
+ title: failres.errmsg,
|
|
|
|
+ duration: 3000
|
|
});
|
|
});
|
|
}).then(res => {
|
|
}).then(res => {
|
|
uni.hideLoading()
|
|
uni.hideLoading()
|
|
uni.showToast({
|
|
uni.showToast({
|
|
- icon:"success",
|
|
|
|
- title: '编辑成功!',
|
|
|
|
- duration: 2000
|
|
|
|
|
|
+ icon: "success",
|
|
|
|
+ title: '编辑成功!',
|
|
|
|
+ duration: 2000
|
|
});
|
|
});
|
|
this.modalshow = false
|
|
this.modalshow = false
|
|
this.checkedList = []
|
|
this.checkedList = []
|
|
this.mescroll.resetUpScroll()
|
|
this.mescroll.resetUpScroll()
|
|
- })
|
|
|
|
|
|
+ })
|
|
}
|
|
}
|
|
} else {
|
|
} else {
|
|
item.editstatus = true
|
|
item.editstatus = true
|
|
- item.certificateName1=item.certificateName
|
|
|
|
|
|
+ item.certificateName1 = item.certificateName
|
|
this.fileList2 = [{
|
|
this.fileList2 = [{
|
|
url: item.certificateImage
|
|
url: item.certificateImage
|
|
}]
|
|
}]
|
|
@@ -296,18 +318,18 @@
|
|
}, failres => {
|
|
}, failres => {
|
|
console.log('res+++++', failres.errmsg)
|
|
console.log('res+++++', failres.errmsg)
|
|
uni.showToast({
|
|
uni.showToast({
|
|
- icon:"none",
|
|
|
|
- title: failres.errmsg,
|
|
|
|
- duration: 3000
|
|
|
|
|
|
+ icon: "none",
|
|
|
|
+ title: failres.errmsg,
|
|
|
|
+ duration: 3000
|
|
});
|
|
});
|
|
uni.hideLoading()
|
|
uni.hideLoading()
|
|
}).then(res => {
|
|
}).then(res => {
|
|
-
|
|
|
|
|
|
+
|
|
uni.hideLoading()
|
|
uni.hideLoading()
|
|
uni.showToast({
|
|
uni.showToast({
|
|
- icon:"success",
|
|
|
|
- title: '删除成功!',
|
|
|
|
- duration: 2000
|
|
|
|
|
|
+ icon: "success",
|
|
|
|
+ title: '删除成功!',
|
|
|
|
+ duration: 2000
|
|
});
|
|
});
|
|
this.modalshow = false
|
|
this.modalshow = false
|
|
this.checkedList = []
|
|
this.checkedList = []
|
|
@@ -338,17 +360,17 @@
|
|
console.log('res+++++', failres.errmsg)
|
|
console.log('res+++++', failres.errmsg)
|
|
uni.hideLoading()
|
|
uni.hideLoading()
|
|
uni.showToast({
|
|
uni.showToast({
|
|
- icon:"none",
|
|
|
|
- title: failres.errmsg,
|
|
|
|
- duration: 3000
|
|
|
|
|
|
+ icon: "none",
|
|
|
|
+ title: failres.errmsg,
|
|
|
|
+ duration: 3000
|
|
});
|
|
});
|
|
}).then(res => {
|
|
}).then(res => {
|
|
console.log(res.data)
|
|
console.log(res.data)
|
|
uni.hideLoading()
|
|
uni.hideLoading()
|
|
uni.showToast({
|
|
uni.showToast({
|
|
- icon:"success",
|
|
|
|
- title: '识别成功!',
|
|
|
|
- duration: 2000
|
|
|
|
|
|
+ icon: "success",
|
|
|
|
+ title: '识别成功!',
|
|
|
|
+ duration: 2000
|
|
});
|
|
});
|
|
this.credentials = res.data
|
|
this.credentials = res.data
|
|
this.credentialsShow = true
|
|
this.credentialsShow = true
|
|
@@ -375,21 +397,21 @@
|
|
share() {
|
|
share() {
|
|
if (this.checkedList.length == 0) {
|
|
if (this.checkedList.length == 0) {
|
|
uni.showToast({
|
|
uni.showToast({
|
|
- icon:"none",
|
|
|
|
- title: '请勾选想要分享的证件!!',
|
|
|
|
- duration: 2000
|
|
|
|
|
|
+ icon: "none",
|
|
|
|
+ title: '请勾选想要分享的证件!!',
|
|
|
|
+ duration: 2000
|
|
});
|
|
});
|
|
return
|
|
return
|
|
}
|
|
}
|
|
- var arr=[]
|
|
|
|
- for(var i=0;i<this.cardList.length;i++){
|
|
|
|
- if(this.checkedList.findIndex((item) => {
|
|
|
|
- return item == i
|
|
|
|
- })!=-1){
|
|
|
|
|
|
+ var arr = []
|
|
|
|
+ for (var i = 0; i < this.cardList.length; i++) {
|
|
|
|
+ if (this.checkedList.findIndex((item) => {
|
|
|
|
+ return item == i
|
|
|
|
+ }) != -1) {
|
|
arr.push(this.cardList[i])
|
|
arr.push(this.cardList[i])
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- console.log(arr,111)
|
|
|
|
|
|
+ console.log(arr, 111)
|
|
uni.setStorageSync('checkedList', JSON.stringify(arr));
|
|
uni.setStorageSync('checkedList', JSON.stringify(arr));
|
|
this.popupshow = true
|
|
this.popupshow = true
|
|
},
|
|
},
|
|
@@ -397,25 +419,27 @@
|
|
console.log(this.cardList, this.checkedList)
|
|
console.log(this.cardList, this.checkedList)
|
|
if (this.checkedList.length == 0) {
|
|
if (this.checkedList.length == 0) {
|
|
uni.showToast({
|
|
uni.showToast({
|
|
- icon:"none",
|
|
|
|
- title: '请勾选想要识别的证件!',
|
|
|
|
- duration: 2000
|
|
|
|
|
|
+ icon: "none",
|
|
|
|
+ title: '请勾选想要识别的证件!',
|
|
|
|
+ duration: 2000
|
|
});
|
|
});
|
|
return
|
|
return
|
|
}
|
|
}
|
|
if (this.checkedList.length > 1) {
|
|
if (this.checkedList.length > 1) {
|
|
uni.showToast({
|
|
uni.showToast({
|
|
- icon:"none",
|
|
|
|
- title: '一次只能勾选一张证件',
|
|
|
|
- duration: 3000
|
|
|
|
|
|
+ icon: "none",
|
|
|
|
+ title: '一次只能勾选一张证件',
|
|
|
|
+ duration: 3000
|
|
});
|
|
});
|
|
return
|
|
return
|
|
}
|
|
}
|
|
this.show = true
|
|
this.show = true
|
|
},
|
|
},
|
|
- credentialscancel(){
|
|
|
|
|
|
+ credentialscancel() {
|
|
this.credentialsShow = false
|
|
this.credentialsShow = false
|
|
- this.pickerConfirm({value:[this.shibie]})
|
|
|
|
|
|
+ this.pickerConfirm({
|
|
|
|
+ value: [this.shibie]
|
|
|
|
+ })
|
|
},
|
|
},
|
|
credentialsConfirm() {
|
|
credentialsConfirm() {
|
|
var type = '',
|
|
var type = '',
|
|
@@ -438,17 +462,17 @@
|
|
}, failres => {
|
|
}, failres => {
|
|
console.log('res+++++', failres.errmsg)
|
|
console.log('res+++++', failres.errmsg)
|
|
uni.showToast({
|
|
uni.showToast({
|
|
- icon:"none",
|
|
|
|
- title: failres.errmsg,
|
|
|
|
- duration: 3000
|
|
|
|
|
|
+ icon: "none",
|
|
|
|
+ title: failres.errmsg,
|
|
|
|
+ duration: 3000
|
|
});
|
|
});
|
|
uni.hideLoading()
|
|
uni.hideLoading()
|
|
}).then(res => {
|
|
}).then(res => {
|
|
uni.hideLoading()
|
|
uni.hideLoading()
|
|
uni.showToast({
|
|
uni.showToast({
|
|
- icon:"success",
|
|
|
|
- title: '编辑成功!',
|
|
|
|
- duration: 2000
|
|
|
|
|
|
+ icon: "success",
|
|
|
|
+ title: '编辑成功!',
|
|
|
|
+ duration: 2000
|
|
});
|
|
});
|
|
this.credentialsShow = false
|
|
this.credentialsShow = false
|
|
this.checkedList = []
|
|
this.checkedList = []
|
|
@@ -479,9 +503,9 @@
|
|
add() {
|
|
add() {
|
|
if (!this.cardData.certificateImage) {
|
|
if (!this.cardData.certificateImage) {
|
|
uni.showToast({
|
|
uni.showToast({
|
|
- icon:"none",
|
|
|
|
- title: "请上传证件照片",
|
|
|
|
- duration: 2000
|
|
|
|
|
|
+ icon: "none",
|
|
|
|
+ title: "请上传证件照片",
|
|
|
|
+ duration: 2000
|
|
});
|
|
});
|
|
return
|
|
return
|
|
}
|
|
}
|
|
@@ -494,17 +518,17 @@
|
|
console.log('res+++++', failres.errmsg)
|
|
console.log('res+++++', failres.errmsg)
|
|
uni.hideLoading()
|
|
uni.hideLoading()
|
|
uni.showToast({
|
|
uni.showToast({
|
|
- icon:"none",
|
|
|
|
- title: failres.errmsg,
|
|
|
|
- duration: 3000
|
|
|
|
|
|
+ icon: "none",
|
|
|
|
+ title: failres.errmsg,
|
|
|
|
+ duration: 3000
|
|
});
|
|
});
|
|
}).then(res => {
|
|
}).then(res => {
|
|
// if (res.errno == 200) {
|
|
// if (res.errno == 200) {
|
|
uni.hideLoading()
|
|
uni.hideLoading()
|
|
uni.showToast({
|
|
uni.showToast({
|
|
- icon:"success",
|
|
|
|
- title: '提交成功!',
|
|
|
|
- duration: 2000
|
|
|
|
|
|
+ icon: "success",
|
|
|
|
+ title: '提交成功!',
|
|
|
|
+ duration: 2000
|
|
});
|
|
});
|
|
this.fileList1 = []
|
|
this.fileList1 = []
|
|
this.addstatus = false
|
|
this.addstatus = false
|
|
@@ -546,7 +570,7 @@
|
|
url: result
|
|
url: result
|
|
}))
|
|
}))
|
|
fileListLen++
|
|
fileListLen++
|
|
- this.checkedList=[]
|
|
|
|
|
|
+ this.checkedList = []
|
|
}
|
|
}
|
|
console.log(this[`fileList${event.name}`])
|
|
console.log(this[`fileList${event.name}`])
|
|
},
|
|
},
|
|
@@ -586,9 +610,9 @@
|
|
console.log('res+++++', failres.errmsg)
|
|
console.log('res+++++', failres.errmsg)
|
|
uni.hideLoading()
|
|
uni.hideLoading()
|
|
uni.showToast({
|
|
uni.showToast({
|
|
- icon:"none",
|
|
|
|
- title: failres.errmsg,
|
|
|
|
- duration: 3000
|
|
|
|
|
|
+ icon: "none",
|
|
|
|
+ title: failres.errmsg,
|
|
|
|
+ duration: 3000
|
|
});
|
|
});
|
|
this.mescroll.endBySize(curPageLen, totalPage)
|
|
this.mescroll.endBySize(curPageLen, totalPage)
|
|
}).then(res => {
|
|
}).then(res => {
|
|
@@ -600,9 +624,9 @@
|
|
for (var i = 0; i < res.data.items.length; i++) {
|
|
for (var i = 0; i < res.data.items.length; i++) {
|
|
res.data.items[i].editstatus = false
|
|
res.data.items[i].editstatus = false
|
|
res.data.items[i].status = false
|
|
res.data.items[i].status = false
|
|
- if (res.data.items[i].personNo) res.data.items[i].personNo1 = '*' + (res.data.items[i]
|
|
|
|
|
|
+ if (res.data.items[i].personNo) res.data.items[i].personNo1 = '****' + (res.data.items[i]
|
|
.personNo.substring(res.data.items[i].personNo.length - 4))
|
|
.personNo.substring(res.data.items[i].personNo.length - 4))
|
|
- if (res.data.items[i].bankNo) res.data.items[i].bankNo1 = '*' + (res.data.items[i]
|
|
|
|
|
|
+ if (res.data.items[i].bankNo) res.data.items[i].bankNo1 = '****' + (res.data.items[i]
|
|
.bankNo.substring(res.data.items[i].bankNo.length - 4))
|
|
.bankNo.substring(res.data.items[i].bankNo.length - 4))
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -624,7 +648,7 @@
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
|
|
|
|
-<style lang="scss" scoped>
|
|
|
|
|
|
+<style lang="scss" scoped>
|
|
button::after {
|
|
button::after {
|
|
border: initial;
|
|
border: initial;
|
|
}
|
|
}
|
|
@@ -735,7 +759,7 @@
|
|
}
|
|
}
|
|
|
|
|
|
.content1 {
|
|
.content1 {
|
|
-
|
|
|
|
|
|
+
|
|
background-color: #112253;
|
|
background-color: #112253;
|
|
padding: 20rpx;
|
|
padding: 20rpx;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
@@ -748,10 +772,10 @@
|
|
background: #fff;
|
|
background: #fff;
|
|
color: #333333;
|
|
color: #333333;
|
|
border-radius: 20rpx;
|
|
border-radius: 20rpx;
|
|
- padding:0 24rpx;
|
|
|
|
- height: 70rpx;
|
|
|
|
|
|
+ padding: 0 24rpx;
|
|
|
|
+ height: 88rpx;
|
|
width: calc(33% - 60rpx);
|
|
width: calc(33% - 60rpx);
|
|
- font-size:32rpx;
|
|
|
|
|
|
+ font-size: 32rpx;
|
|
}
|
|
}
|
|
|
|
|
|
.btn-img {
|
|
.btn-img {
|
|
@@ -760,24 +784,28 @@
|
|
height: auto;
|
|
height: auto;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- .content2{
|
|
|
|
- padding:20rpx ;
|
|
|
|
- .bgc{
|
|
|
|
|
|
+
|
|
|
|
+ .content2 {
|
|
|
|
+ padding: 20rpx;
|
|
|
|
+
|
|
|
|
+ .bgc {
|
|
background: #fff;
|
|
background: #fff;
|
|
width: calc(100vw - 40rpx);
|
|
width: calc(100vw - 40rpx);
|
|
height: 380rpx;
|
|
height: 380rpx;
|
|
- position:relative;
|
|
|
|
-
|
|
|
|
- .circle{
|
|
|
|
- position:absolute;
|
|
|
|
- top:50%;
|
|
|
|
- left:50%;
|
|
|
|
- transform: translateX(-50%) translateY(-50%);
|
|
|
|
|
|
+ position: relative;
|
|
|
|
+ border-radius: 30rpx;
|
|
|
|
+
|
|
|
|
+ .circle {
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 50%;
|
|
|
|
+ left: 50%;
|
|
|
|
+ transform: translateX(-50%) translateY(-50%);
|
|
text-align: center;
|
|
text-align: center;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- .submit{
|
|
|
|
- padding: 10rpx 14rpx;
|
|
|
|
|
|
+
|
|
|
|
+ .submit {
|
|
|
|
+ padding: 8rpx 20rpx;
|
|
text-align: center;
|
|
text-align: center;
|
|
background: #112253;
|
|
background: #112253;
|
|
border-radius: 10rpx;
|
|
border-radius: 10rpx;
|
|
@@ -787,17 +815,20 @@
|
|
margin-left: 20rpx;
|
|
margin-left: 20rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- .content3{
|
|
|
|
- .row{
|
|
|
|
|
|
+
|
|
|
|
+ .content3 {
|
|
|
|
+ .row {
|
|
padding: 20rpx;
|
|
padding: 20rpx;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
- .name-text{
|
|
|
|
|
|
+
|
|
|
|
+ .name-text {
|
|
font-size: 32rpx;
|
|
font-size: 32rpx;
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
color: #1A1A1A;
|
|
color: #1A1A1A;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- .edit{
|
|
|
|
|
|
+
|
|
|
|
+ .edit {
|
|
padding: 10rpx 14rpx;
|
|
padding: 10rpx 14rpx;
|
|
text-align: center;
|
|
text-align: center;
|
|
background: rgba(17, 34, 83, 0.1);
|
|
background: rgba(17, 34, 83, 0.1);
|
|
@@ -806,7 +837,8 @@
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
color: #FFFFFF;
|
|
color: #FFFFFF;
|
|
}
|
|
}
|
|
- .finished{
|
|
|
|
|
|
+
|
|
|
|
+ .finished {
|
|
padding: 10rpx 14rpx;
|
|
padding: 10rpx 14rpx;
|
|
text-align: center;
|
|
text-align: center;
|
|
background: #112253;
|
|
background: #112253;
|
|
@@ -815,69 +847,79 @@
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
color: #FFFFFF;
|
|
color: #FFFFFF;
|
|
}
|
|
}
|
|
- .row2{
|
|
|
|
|
|
+
|
|
|
|
+ .row2 {
|
|
display: flex;
|
|
display: flex;
|
|
- justify-content: center;
|
|
|
|
- position: relative;
|
|
|
|
- .img{
|
|
|
|
- border-radius: 20rpx;
|
|
|
|
- height: 380rpx;
|
|
|
|
- }
|
|
|
|
- .right{
|
|
|
|
- position: absolute;
|
|
|
|
- right: 0;
|
|
|
|
- height: 100%;
|
|
|
|
- right: 10px;
|
|
|
|
-
|
|
|
|
- display: flex;
|
|
|
|
- flex-direction: column;
|
|
|
|
- justify-content: space-between;
|
|
|
|
- align-items: center;
|
|
|
|
- padding: 10px 5px;
|
|
|
|
- box-sizing: border-box;
|
|
|
|
- }
|
|
|
|
- /deep/.u-checkbox__icon-wrap{
|
|
|
|
- margin-right: 0!important;
|
|
|
|
- }
|
|
|
|
|
|
+ justify-content: center;
|
|
|
|
+ position: relative;
|
|
|
|
+
|
|
|
|
+ .img {
|
|
|
|
+ border-radius: 20rpx;
|
|
|
|
+ height: 380rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .right {
|
|
|
|
+ position: absolute;
|
|
|
|
+ right: 0;
|
|
|
|
+ height: 100%;
|
|
|
|
+ right: 10px;
|
|
|
|
+
|
|
|
|
+ display: flex;
|
|
|
|
+ flex-direction: column;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ align-items: center;
|
|
|
|
+ padding: 10px 5px;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ /deep/.u-checkbox__icon-wrap {
|
|
|
|
+ margin-right: 0 !important;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- .add-image{
|
|
|
|
|
|
+
|
|
|
|
+ .add-image {
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
- margin-top:10rpx;
|
|
|
|
- border-radius:20rpx;
|
|
|
|
|
|
+ margin-top: 20rpx;
|
|
|
|
+ border-radius: 20rpx;
|
|
}
|
|
}
|
|
|
|
+
|
|
.share-content {
|
|
.share-content {
|
|
display: flex;
|
|
display: flex;
|
|
padding: 20rpx;
|
|
padding: 20rpx;
|
|
justify-content: center;
|
|
justify-content: center;
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|
|
-
|
|
|
|
|
|
+
|
|
button {
|
|
button {
|
|
background: transparent;
|
|
background: transparent;
|
|
line-height: 1.5;
|
|
line-height: 1.5;
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
button:after {
|
|
button:after {
|
|
border: none;
|
|
border: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- .icon-pengyouquan,.icon-weixin{
|
|
|
|
- font-size:50px;
|
|
|
|
- color:#33CC00;
|
|
|
|
|
|
+
|
|
|
|
+ .icon-pengyouquan,
|
|
|
|
+ .icon-weixin {
|
|
|
|
+ font-size: 50px;
|
|
|
|
+ color: #33CC00;
|
|
}
|
|
}
|
|
- /deep/.u-upload
|
|
|
|
- {
|
|
|
|
-
|
|
|
|
|
|
+
|
|
|
|
+ /deep/.u-upload {
|
|
|
|
+
|
|
.u-upload__deletable {
|
|
.u-upload__deletable {
|
|
- height:40rpx;
|
|
|
|
- width:40rpx;
|
|
|
|
- line-height:40rpx;
|
|
|
|
|
|
+ height: 40rpx;
|
|
|
|
+ width: 40rpx;
|
|
|
|
+ line-height: 40rpx;
|
|
}
|
|
}
|
|
- .u-upload__deletable__icon{
|
|
|
|
- top:8rpx;
|
|
|
|
|
|
+
|
|
|
|
+ .u-upload__deletable__icon {
|
|
|
|
+ top: 8rpx;
|
|
}
|
|
}
|
|
- .uicon-close{
|
|
|
|
- font-size:20px !important;
|
|
|
|
|
|
+
|
|
|
|
+ .uicon-close {
|
|
|
|
+ font-size: 20px !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|