修改 添加名片 切换图标闪白，置顶分类没刷新列表，导航文字颜色、查看分享证件界面样式

xiaochengxu/pages.json

@@ -115,7 +115,7 @@
 		}, {
 			"path": "pages/mySet/cardType",
 			"style": {
-				"navigationBarTitleText": "",
+				"navigationBarTitleText": "名片分类",
 				"enablePullDownRefresh": false
 			}
 

xiaochengxu/pages/cardHolder/cardHolder.vue

@@ -373,9 +373,6 @@
 					},
 					auto: false,
 					noMoreSize: 1,
-					empty: {
-						tip: '暂无相关数据'
-					},
 					textNoMore:'没有更多了~',
 					textColor:'#bbb'
 				},

xiaochengxu/pages/mySet/cardType.vue

@@ -151,6 +151,7 @@
 						title: '置顶成功！',
 						duration: 2000
 					})
+					this.getList()
 				})
 			},
 

xiaochengxu/pages/mySet/lookCard.vue

@@ -2,28 +2,39 @@
 	<view>
 		<view v-for='(item,index) in cardList' class="">
 			<view style='margin:10px;' class='flex justify-space-between'>
-				<view>{{item.certificateName}}</view>
 				<view class="flex">
-					<view v-if='item.personNo'>({{item.personNo1}})</view>
+					<view style="margin-right: 20rpx;">
+						{{item.certificateName}}
+					</view>
+					<view class="">
+						<view v-if='item.personNo'>{{item.personNo1}}</view>
+						<view v-if='item.bankNo'>{{item.bankNo1}}</view>
+					</view>
+				</view>
+				<view class="flex">
+
 					<view style='margin:0 10rpx;' class='finished' v-if='item.personNo' @click='clip(0,item)'>
 						复制号码
 					</view>
-					<text v-if='item.bankNo'>({{item.bankNo1}})</text>
-					<view class='finished' v-if='item.bankNo' @click='clip(1,item)' >
+
+					<view class='finished' v-if='item.bankNo' @click='clip(1,item)'>
 						复制号码
 					</view>
-					<view :class='countdownTime==0?"finished":"unfinished"' @click='imageOCR(item,index)'>{{text}}</view>
+					<view :class='countdownTime==0?"finished":"unfinished"' @click='imageOCR(item,index)' style="margin-left: 20rpx;">{{text}}
+					</view>
 				</view>
-				
-				
+
+
 			</view>
 			<view style='text-align:center;' class="">
-				<image @click="click(item)" style='width:96%;height:190px;border-radius:20rpx;'  :src="item.certificateImage" mode="aspectFill"></image>
+				<image @click="click(item)" style='width:96%;height:190px;border-radius:20rpx;'
+					:src="item.certificateImage" mode="aspectFill"></image>
 			</view>
-			
+
 		</view>
 		<u-toast ref="uToast"></u-toast>
-		<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>
 	</view>
 </template>
 
@@ -31,30 +42,30 @@
 	export default {
 		data() {
 			return {
-				cardList:[],
-				show:false,
-				countdownTime:0,
-				currectData:{},
-				index:0,
+				cardList: [],
+				show: false,
+				countdownTime: 0,
+				currectData: {},
+				index: 0,
 				columns: [
 					['识别身份证号', '识别银行卡号']
 				],
-				text:'识别号码'
+				text: '识别号码'
 			}
 		},
 		onLoad(options) {
 			console.log(11111)
-			this.cardList=JSON.parse(options.dataList);
-			console.log(this.cardList,11111111)
+			this.cardList = JSON.parse(options.dataList);
+			console.log(this.cardList, 11111111)
 		},
 		methods: {
-			click(item){
+			click(item) {
 				console.log(111111111)
 				uni.previewImage({
-						current: 0,     // 当前显示图片的索引值
-						urls: [item],    // 需要预览的图片列表，photoList要求必须是数组
-						loop:true,          // 是否可循环预览
-					})
+					current: 0, // 当前显示图片的索引值
+					urls: [item], // 需要预览的图片列表，photoList要求必须是数组
+					loop: true, // 是否可循环预览
+				})
 			},
 			clip(status, item) {
 				uni.setClipboardData({
@@ -67,77 +78,82 @@
 					}
 				})
 			},
-			imageOCR(item,index){
-				this.currectData=item
-				this.index=index
-				this.show=true
+			imageOCR(item, index) {
+				this.currectData = item
+				this.index = index
+				this.show = true
 			},
 			getCountdownTime() {
 				this.countdownTime = 60
 				let timer = setInterval(() => {
 					this.countdownTime--;
-					this.text='识别号码（'+this.countdownTime+'s）'
+					this.text = '识别号码（' + this.countdownTime + 's）'
 					if (this.countdownTime < 1) {
 						clearInterval(timer)
 						this.countdownTime = 0
-						this.text='识别号码'
-						
+						this.text = '识别号码'
+
 					}
 				}, 1000)
 			},
-			pickerConfirm(e){
-				
-				this.show=false
-				
-				if(this.countdownTime==0){
+			pickerConfirm(e) {
+
+				this.show = false
+
+				if (this.countdownTime == 0) {
 					this.getCountdownTime()
 					uni.showLoading({
-							title: '数据加载中',
-							mask:true
-						})
-					var type='',type1=''
-					if(e.value[0]=='识别身份证号'){
-						type='admin.unimall.certificateManagementInfo'
-						type1='personShibie'
-					}else if(e.value[0]=='识别银行卡号'){
-						type='admin.unimall.certificateManagementInfo'
-						type1='bankShibie'
+						title: '数据加载中',
+						mask: true
+					})
+					var type = '',
+						type1 = ''
+					if (e.value[0] == '识别身份证号') {
+						type = 'admin.unimall.certificateManagementInfo'
+						type1 = 'personShibie'
+					} else if (e.value[0] == '识别银行卡号') {
+						type = 'admin.unimall.certificateManagementInfo'
+						type1 = 'bankShibie'
 					}
-					this.$request.baseRequest(type, type1,{certificateImage:this.currectData.certificateImage}, failres => {
+					this.$request.baseRequest(type, type1, {
+						certificateImage: this.currectData.certificateImage
+					}, failres => {
 						console.log('res+++++', failres.errmsg)
 						uni.hideLoading()
 						uni.showToast({
-						  icon:"none",
-						  title: failres.errmsg,
-						  duration: 3000
+							icon: "none",
+							title: failres.errmsg,
+							duration: 3000
 						});
 					}).then(res => {
 						uni.hideLoading()
 						uni.showToast({
-						  icon:"success",
-						  title: '识别成功！',
-						  duration: 2000
+							icon: "success",
+							title: '识别成功！',
+							duration: 2000
 						});
-						if(e.value[0]=='识别身份证号'){
-							this.cardList[this.index].personNo=res.data.recPersonNo
-							this.cardList[this.index].personNo1 = '*' + (this.cardList[this.index].personNo.substring(this.cardList[this.index].personNo.length - 4))
-							
-						}else if(e.value[0]=='识别银行卡号'){
-							this.cardList[this.index].bankNo=res.data.bankNo
-							this.cardList[this.index].bankNo1 = '*' + (this.cardList[this.index].bankNo.substring(this.cardList[this.index].bankNo.length - 4))
+						if (e.value[0] == '识别身份证号') {
+							this.cardList[this.index].personNo = res.data.recPersonNo
+							this.cardList[this.index].personNo1 = '*' + (this.cardList[this.index].personNo
+								.substring(this.cardList[this.index].personNo.length - 4))
+
+						} else if (e.value[0] == '识别银行卡号') {
+							this.cardList[this.index].bankNo = res.data.bankNo
+							this.cardList[this.index].bankNo1 = '*' + (this.cardList[this.index].bankNo.substring(
+								this.cardList[this.index].bankNo.length - 4))
 						}
-						this.credentialsShow=true
-					})		
+						this.credentialsShow = true
+					})
 				}
 				console.log(e)
-				
+
 			},
 		}
 	}
 </script>
 
 <style lang="scss" scoped>
-	.finished{
+	.finished {
 		padding: 10rpx 14rpx;
 		text-align: center;
 		background: #112253;
@@ -146,7 +162,8 @@
 		font-weight: bold;
 		color: #FFFFFF;
 	}
-	.unfinished{
+
+	.unfinished {
 		padding: 10rpx 14rpx;
 		text-align: center;
 		background: rgba(17, 34, 83, 0.3);
@@ -155,4 +172,4 @@
 		font-weight: bold;
 		color: #FFFFFF;
 	}
-</style>
+</style>

xiaochengxu/pages/mySet/myCard.vue

@@ -1,6 +1,7 @@
 <template>
 	<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>
 		<view class="flex content1 flex-between">
 			<view @click='addclick' class="button">
@@ -17,12 +18,12 @@
 				识别号码
 			</view>
 		</view>
-		<view v-if='addstatus' class="content2" >
+		<view v-if='addstatus' class="content2">
 			<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>
-			<view class='add-image' >
+			<view class='add-image'>
 				<u-upload @afterRead="afterRead" :fileList="fileList1" @delete="deletePic" name="1" multiple
 					:maxCount="1" height='190' width='360'>
 					<view class="bgc">
@@ -33,12 +34,12 @@
 							</view>
 						</view> -->
 					</view>
-					</u-upload>
+				</u-upload>
 			</view>
 		</view>
 		<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 class="flex flex-between row">
 						<view v-if='!item.editstatus' class="left flex">
@@ -46,47 +47,55 @@
 								{{item.certificateName}}
 							</view>
 							<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>
-						<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 @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>
 						<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 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">
-							<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-group>
 							<!-- <image src="../../static/imgs/mySet/del1.png" mode="widthFix" @click="del(item)" style="width: 28rpx;"></image> -->
 						</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="">
 								123
 							</view> -->
 							<!-- <image src="https://cdn.uviewui.com/uview/demo/upload/positive.png" 
 								mode="widthFix" style="width: 250px;height: 150px;"></image> -->
-							</u-upload>
-						</view>
+						</u-upload>
+					</view>
 				</view>
 			</mescroll-body>
 		</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'
 			:round="10" mode="bottom">
 			<view>
@@ -94,13 +103,13 @@
 					<view class="block" @click="toUrl()">
 						<button class="moment">
 							<view class="iconfont icon-pengyouquan"></view>
-							<view>分享朋友圈</view>
+							<view style="font-size: 26rpx;">分享朋友圈</view>
 						</button>
 					</view>
 					<view class="block">
 						<button class="shareBtn" type="default" data-name="shareBtn" open-type="share">
 							<view class="iconfont icon-weixin"></view>
-							<view>分享微信好友</view>
+							<view style="font-size: 26rpx;">分享微信好友</view>
 						</button>
 					</view>
 				</view>
@@ -121,7 +130,8 @@
 		<u-modal :show="modalstatusshow" confirmText='继续返回' cancelText='取消' @confirm='confirm' @cancel='cancel'
 			showCancelButton='true' title="提示" content='有证件处于编辑状态未提交。'></u-modal>
 		<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>
 	</view>
 </template>
@@ -137,6 +147,18 @@
 		},
 		data() {
 			return {
+				downOption: {
+					textColor: '#bbb'
+				},
+				upOption: {
+					page: {
+						size: 10 // 每页数据的数量,默认10
+					},
+					auto: false,
+					noMoreSize: 1,
+					textNoMore: '没有更多了~',
+					textColor: '#bbb'
+				},
 				show: false,
 				modalshow: false,
 				modalstatusshow: false,
@@ -144,7 +166,7 @@
 				columns: [
 					['识别身份证号', '识别银行卡号']
 				],
-				showShare:false,
+				showShare: false,
 				userInfo: {},
 				cardData: {},
 				cardList: [],
@@ -158,11 +180,11 @@
 				shibie: '',
 				shibieList: [],
 				canReset: false,
-				shareimg:''
+				shareimg: ''
 			};
 		},
 		onLoad() {
-			
+
 			// this.getList()
 		},
 		onShow() {
@@ -175,8 +197,8 @@
 			});
 			this.cutShareImg()
 		},
-		onShareAppMessage(res) {	
-			
+		onShareAppMessage(res) {
+
 			let that = this;
 			//生成名片图片
 			let imageUrl = this.poster
@@ -184,7 +206,7 @@
 			if (res.from === 'button') {
 				return {
 					title: '证件分享',
-					path: '/pages/mySet/lookCard?dataList='+uni.getStorageSync('checkedList'),
+					path: '/pages/mySet/lookCard?dataList=' + uni.getStorageSync('checkedList'),
 					imageUrl: this.shareimg,
 				};
 			}
@@ -197,52 +219,52 @@
 			}
 		},
 		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() {
 				this.popupshow = false
 			},
-			certificateNameInput(e,item){
+			certificateNameInput(e, 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()
 			},
 			clip(status, item) {
@@ -258,32 +280,32 @@
 			},
 			edit(item) {
 				if (item.editstatus) {
-					if(item.status){
+					if (item.status) {
 						this.$request.baseRequest('admin.unimall.certificateManagementInfo', 'update', {
 							certificateManagementInfo: JSON.stringify(item)
 						}, failres => {
 							console.log('res+++++', failres.errmsg)
 							uni.hideLoading()
 							uni.showToast({
-							  icon:"none",
-							  title: failres.errmsg,
-							  duration: 3000
+								icon: "none",
+								title: failres.errmsg,
+								duration: 3000
 							});
 						}).then(res => {
 							uni.hideLoading()
 							uni.showToast({
-							  icon:"success",
-							  title: '编辑成功！',
-							  duration: 2000
+								icon: "success",
+								title: '编辑成功！',
+								duration: 2000
 							});
 							this.modalshow = false
 							this.checkedList = []
 							this.mescroll.resetUpScroll()
-						})	
+						})
 					}
 				} else {
 					item.editstatus = true
-					item.certificateName1=item.certificateName
+					item.certificateName1 = item.certificateName
 					this.fileList2 = [{
 						url: item.certificateImage
 					}]
@@ -296,18 +318,18 @@
 				}, failres => {
 					console.log('res+++++', failres.errmsg)
 					uni.showToast({
-					  icon:"none",
-					  title: failres.errmsg,
-					  duration: 3000
+						icon: "none",
+						title: failres.errmsg,
+						duration: 3000
 					});
 					uni.hideLoading()
 				}).then(res => {
-					
+
 					uni.hideLoading()
 					uni.showToast({
-					  icon:"success",
-					  title: '删除成功！',
-					  duration: 2000
+						icon: "success",
+						title: '删除成功！',
+						duration: 2000
 					});
 					this.modalshow = false
 					this.checkedList = []
@@ -338,17 +360,17 @@
 					console.log('res+++++', failres.errmsg)
 					uni.hideLoading()
 					uni.showToast({
-					  icon:"none",
-					  title: failres.errmsg,
-					  duration: 3000
+						icon: "none",
+						title: failres.errmsg,
+						duration: 3000
 					});
 				}).then(res => {
 					console.log(res.data)
 					uni.hideLoading()
 					uni.showToast({
-					  icon:"success",
-					  title: '识别成功！',
-					  duration: 2000
+						icon: "success",
+						title: '识别成功！',
+						duration: 2000
 					});
 					this.credentials = res.data
 					this.credentialsShow = true
@@ -375,21 +397,21 @@
 			share() {
 				if (this.checkedList.length == 0) {
 					uni.showToast({
-					  icon:"none",
-					  title: '请勾选想要分享的证件！！',
-					  duration: 2000
+						icon: "none",
+						title: '请勾选想要分享的证件！！',
+						duration: 2000
 					});
 					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])
 					}
 				}
-				console.log(arr,111)
+				console.log(arr, 111)
 				uni.setStorageSync('checkedList', JSON.stringify(arr));
 				this.popupshow = true
 			},
@@ -397,25 +419,27 @@
 				console.log(this.cardList, this.checkedList)
 				if (this.checkedList.length == 0) {
 					uni.showToast({
-					  icon:"none",
-					  title: '请勾选想要识别的证件！',
-					  duration: 2000
+						icon: "none",
+						title: '请勾选想要识别的证件！',
+						duration: 2000
 					});
 					return
 				}
 				if (this.checkedList.length > 1) {
 					uni.showToast({
-					  icon:"none",
-					  title: '一次只能勾选一张证件',
-					  duration: 3000
+						icon: "none",
+						title: '一次只能勾选一张证件',
+						duration: 3000
 					});
 					return
 				}
 				this.show = true
 			},
-			credentialscancel(){
+			credentialscancel() {
 				this.credentialsShow = false
-				this.pickerConfirm({value:[this.shibie]})
+				this.pickerConfirm({
+					value: [this.shibie]
+				})
 			},
 			credentialsConfirm() {
 				var type = '',
@@ -438,17 +462,17 @@
 				}, failres => {
 					console.log('res+++++', failres.errmsg)
 					uni.showToast({
-					  icon:"none",
-					  title: failres.errmsg,
-					  duration: 3000
+						icon: "none",
+						title: failres.errmsg,
+						duration: 3000
 					});
 					uni.hideLoading()
 				}).then(res => {
 					uni.hideLoading()
 					uni.showToast({
-					  icon:"success",
-					  title: '编辑成功！',
-					  duration: 2000
+						icon: "success",
+						title: '编辑成功！',
+						duration: 2000
 					});
 					this.credentialsShow = false
 					this.checkedList = []
@@ -479,9 +503,9 @@
 			add() {
 				if (!this.cardData.certificateImage) {
 					uni.showToast({
-					  icon:"none",
-					  title: "请上传证件照片",
-					  duration: 2000
+						icon: "none",
+						title: "请上传证件照片",
+						duration: 2000
 					});
 					return
 				}
@@ -494,17 +518,17 @@
 					console.log('res+++++', failres.errmsg)
 					uni.hideLoading()
 					uni.showToast({
-					  icon:"none",
-					  title: failres.errmsg,
-					  duration: 3000
+						icon: "none",
+						title: failres.errmsg,
+						duration: 3000
 					});
 				}).then(res => {
 					// if (res.errno == 200) {
 					uni.hideLoading()
 					uni.showToast({
-					  icon:"success",
-					  title: '提交成功！',
-					  duration: 2000
+						icon: "success",
+						title: '提交成功！',
+						duration: 2000
 					});
 					this.fileList1 = []
 					this.addstatus = false
@@ -546,7 +570,7 @@
 						url: result
 					}))
 					fileListLen++
-					this.checkedList=[]
+					this.checkedList = []
 				}
 				console.log(this[`fileList${event.name}`])
 			},
@@ -586,9 +610,9 @@
 					console.log('res+++++', failres.errmsg)
 					uni.hideLoading()
 					uni.showToast({
-					  icon:"none",
-					  title: failres.errmsg,
-					  duration: 3000
+						icon: "none",
+						title: failres.errmsg,
+						duration: 3000
 					});
 					this.mescroll.endBySize(curPageLen, totalPage)
 				}).then(res => {
@@ -600,9 +624,9 @@
 						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]
+							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]
+							if (res.data.items[i].bankNo) res.data.items[i].bankNo1 = '****' + (res.data.items[i]
 								.bankNo.substring(res.data.items[i].bankNo.length - 4))
 						}
 					}
@@ -624,7 +648,7 @@
 	}
 </script>
 
-<style lang="scss" scoped> 
+<style lang="scss" scoped>
 	button::after {
 		border: initial;
 	}
@@ -735,7 +759,7 @@
 	}
 
 	.content1 {
-		
+
 		background-color: #112253;
 		padding: 20rpx;
 		box-sizing: border-box;
@@ -748,10 +772,10 @@
 			background: #fff;
 			color: #333333;
 			border-radius: 20rpx;
-			padding:0 24rpx;
-			height: 70rpx;
+			padding: 0 24rpx;
+			height: 88rpx;
 			width: calc(33% - 60rpx);
-			font-size:32rpx;
+			font-size: 32rpx;
 		}
 
 		.btn-img {
@@ -760,24 +784,28 @@
 			height: auto;
 		}
 	}
-	.content2{
-		padding:20rpx ;
-		.bgc{
+
+	.content2 {
+		padding: 20rpx;
+
+		.bgc {
 			background: #fff;
 			width: calc(100vw - 40rpx);
 			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;
 			}
 		}
-		.submit{
-			padding: 10rpx 14rpx;
+
+		.submit {
+			padding: 8rpx 20rpx;
 			text-align: center;
 			background: #112253;
 			border-radius: 10rpx;
@@ -787,17 +815,20 @@
 			margin-left: 20rpx;
 		}
 	}
-	.content3{
-		.row{
+
+	.content3 {
+		.row {
 			padding: 20rpx;
 			box-sizing: border-box;
-			.name-text{
+
+			.name-text {
 				font-size: 32rpx;
 				font-weight: bold;
 				color: #1A1A1A;
 			}
 		}
-		.edit{
+
+		.edit {
 			padding: 10rpx 14rpx;
 			text-align: center;
 			background: rgba(17, 34, 83, 0.1);
@@ -806,7 +837,8 @@
 			font-weight: bold;
 			color: #FFFFFF;
 		}
-		.finished{
+
+		.finished {
 			padding: 10rpx 14rpx;
 			text-align: center;
 			background: #112253;
@@ -815,69 +847,79 @@
 			font-weight: bold;
 			color: #FFFFFF;
 		}
-		.row2{
+
+		.row2 {
 			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;
-		margin-top:10rpx;
-		border-radius:20rpx;
+		margin-top: 20rpx;
+		border-radius: 20rpx;
 	}
+
 	.share-content {
 		display: flex;
 		padding: 20rpx;
 		justify-content: center;
 		font-size: 24rpx;
-	
+
 		button {
 			background: transparent;
 			line-height: 1.5;
 		}
-	
+
 		button:after {
 			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 {
-			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>

xiaochengxu/pages/mySet/newCard.vue

@@ -20,20 +20,20 @@
 						{{cardInfo.companyName}}
 					</view>
 					<view class="row3 flex">
-						<u--image :showLoading="true"
+						<u--image
 							:src="'/static/imgs/card/address'+colorList[colorSelectIndex].index+'.png'" width="13px"
 							height="16px"></u--image>
 						<view class='icon-text'>
 							{{ cardInfo.province?cardInfo.province:'-' }}{{ cardInfo.city }}{{ cardInfo.area }}</view>
 					</view>
 					<view class="row4 flex">
-						<u--image :showLoading="true"
+						<u--image
 							:src="'/static/imgs/card/phone'+colorList[colorSelectIndex].index+'.png'" width="12px"
 							height="13px"></u--image>
 						<view class='icon-text'>{{ cardInfo.phone?cardInfo.phone:'-' }}</view>
 					</view>
 					<view class="row4 flex">
-						<u--image :showLoading="true"
+						<u--image
 							:src="'/static/imgs/card/remark'+colorList[colorSelectIndex].index+'.png'" width="10px"
 							height="12px"></u--image>
 						<view class='icon-text'>{{cardInfo.remark?cardInfo.remark:'-'}}</view>
@@ -50,20 +50,20 @@
 						{{cardInfo.companyName}}
 					</view>
 					<view class="row3 flex">
-						<u--image :showLoading="true"
+						<u--image
 							:src="'/static/imgs/card/address'+colorList[colorSelectIndex].index+'.png'" width="13px"
 							height="16px"></u--image>
 						<view class='icon-text'>
 							{{ cardInfo.province?cardInfo.province:'-' }}{{ cardInfo.city }}{{ cardInfo.area }}</view>
 					</view>
 					<view class="row4 flex">
-						<u--image :showLoading="true"
+						<u--image
 							:src="'/static/imgs/card/phone'+colorList[colorSelectIndex].index+'.png'" width="12px"
 							height="13px"></u--image>
 						<view class='icon-text'>{{ cardInfo.phone?cardInfo.phone:'-' }}</view>
 					</view>
 					<view class="row4 flex">
-						<u--image :showLoading="true"
+						<u--image
 							:src="'/static/imgs/card/remark'+colorList[colorSelectIndex].index+'.png'" width="10px"
 							height="12px"></u--image>
 						<view class='icon-text'>{{cardInfo.remark?cardInfo.remark:'-'}}</view>
@@ -95,7 +95,7 @@
 					</view>
 					<view class="right">
 						<view class="row1 flex">
-							<u--image :showLoading="true"
+							<u--image
 								:src="'/static/imgs/card/address'+colorList[colorSelectIndex].index+'.png'" width="13px"
 								height="16px"></u--image>
 							<view class='icon-text'>
@@ -103,13 +103,13 @@
 							</view>
 						</view>
 						<view class="row2 flex">
-							<u--image :showLoading="true"
+							<u--image
 								:src="'/static/imgs/card/phone'+colorList[colorSelectIndex].index+'.png'" width="12px"
 								height="13px"></u--image>
 							<view class='icon-text'>{{ cardInfo.phone?cardInfo.phone:'-' }}</view>
 						</view>
 						<view class="row4 flex">
-							<u--image :showLoading="true"
+							<u--image
 								:src="'/static/imgs/card/remark'+colorList[colorSelectIndex].index+'.png'" width="10px"
 								height="12px"></u--image>
 							<view class='icon-text'>{{cardInfo.remark?cardInfo.remark:'-'}}</view>
@@ -137,7 +137,7 @@
 					</view>
 					<view class="right">
 						<view class="row1 flex">
-							<u--image :showLoading="true"
+							<u--image
 								:src="'/static/imgs/card/address'+colorList[colorSelectIndex].index+'.png'" width="13px"
 								height="16px"></u--image>
 							<view class='icon-text'>
@@ -145,13 +145,13 @@
 							</view>
 						</view>
 						<view class="row2 flex">
-							<u--image :showLoading="true"
+							<u--image
 								:src="'/static/imgs/card/phone'+colorList[colorSelectIndex].index+'.png'" width="12px"
 								height="13px"></u--image>
 							<view class='icon-text'>{{ cardInfo.phone?cardInfo.phone:'-' }}</view>
 						</view>
 						<view class="row4 flex">
-							<u--image :showLoading="true"
+							<u--image
 								:src="'/static/imgs/card/remark'+colorList[colorSelectIndex].index+'.png'" width="10px"
 								height="12px"></u--image>
 							<view class='icon-text'>{{cardInfo.remark?cardInfo.remark:'-'}}</view>
@@ -282,7 +282,7 @@
 	var that;
 	import uploadImage from '@/components/ossutil/uploadFile.js';
 	export default {
-		onLoad(options) {debugger
+		onLoad(options) {
 			that = this
 			this.userInfo = uni.getStorageSync("userInfo")
 			this.cardInfo.commonId = this.userInfo.id