yiliangyiyun-app/pages/attestation/index.vue

<template>
	<view class="center">
		<view class="homePage">
			<image src="../../static/img/authentication/bg@2x.png" class="background"></image>
			<view class="title">
				粮商身份
			</view>
			<view class="arrows1" @click="liangShang">
				<text style="margin-right: 30px;">新增身份</text>
				<image src="../../static/img/authentication/jiantou@3x.png" class="arrow"></image>
			</view>
			<image src="../../static/img/authentication/liangshang@3x.png" class="portrait1"></image>
		</view>

		<view class="homePage1">
			<image src="../../static/img/authentication/bg@2x.png" class="background"></image>
			<view class="title">
				司机身份
			</view>
			<view class="arrows1" @click="siJi">
				<text style="margin-right: 30px;">新增身份</text>
				<image src="../../static/img/authentication/jiantou@3x.png" class="arrow"></image>
			</view>
			<image src="../../static/img/authentication/siji@3x.png" class="portrait1"></image>
		</view>
		
		<!-- <view class="homePage2">
			<image src="../../static/img/authentication/bg@2x.png" class="background"></image>
			<view class="title">
				粮农身份
			</view>
			<view class="arrows1"  @click="identityChange">
				<view style="margin-right: 30px;">{{changes}}</view>
			</view>
			<image src="../../static/img/authentication/farmer@2x.png" class="portrait1"></image>
		</view> -->
	</view>
</template>

<script>
	import {
		mapState
	} from 'vuex';
	export default {
		name: "buy",
		data() {
			return {
				PageCur: "buy",
				buyInfo: [],
				pages: 1, //页数
				limit: 10, //每次取条目数
				loadStatus: 'loading', //加载样式：more-加载前样式，loading-加载中样式，nomore-没有数据样式
				isLoadMore: false, //是否加载中
				showTran: true,
				scrollTop: 0,
				TabCur: 0,
				current: 1,
				changes:"确认",
				identityAuthenticationInfo: {
					pageSize: 10,
					currentPage: 1,
					commonId: "",
				},
				businessman: [],
				drivers: [],
				deletes: {
					id: "",
				},
				id:"",
			};
		},
		computed: {
			...mapState(['hasLogin', 'userInfo'])
		},
		onLoad() {
			this.getList()
		},
		
		methods: {
			identityChange(){
				if(this.changes == '确认'){
					this.identityAuthenticationInfo.commonId = this.userInfo.id
					this.identityAuthenticationInfo.customerTypeFlag = 3
					this.identityAuthenticationInfo.customerType = "粮农"
					this.identityAuthenticationInfo.customerPhone = this.userInfo.phone
					uni.showModal({
						content: '确认后您将获得粮农身份，是否确认该身份？',
						showCancel: true,
						confirmText: '确定',
						success: (e) => {
							this.$api.doRequest('post', '/identityAuthenticationInfo/api/addIdentityAuthenticationInfo', this.identityAuthenticationInfo,
									'application/json;charset=UTF-8').then(res => {
									// this.procurementPlanInfos = res.data.data.records
									console.log("成功！")
									if (res.data.message == "Success") {
										this.$api.msg('确认成功！')
										this.changes = "取消"
										this.getList()
										return
									}
								})
								.catch(res => {
									uni.showToast({
										title: res.message,
										icon: 'none',
										duration: 2000
									})
								});
						},
						fail: () => {},
						complete: () => {}
					})
				}else if(this.changes == "取消"){
					this.identityAuthenticationInfo.commonId = this.userInfo.id
					this.identityAuthenticationInfo.customerTypeFlag = 3
					this.identityAuthenticationInfo.customerType = "粮农"
					this.identityAuthenticationInfo.id = this.id
					this.identityAuthenticationInfo.customerPhone = this.userInfo.phone
					uni.showModal({
						content: '确定取消粮农身份？',
						showCancel: true,
						confirmText: '确定',
						success: (e) => {
							this.$api.doRequest('post', '/identityAuthenticationInfo/api/deleteIdentityAuthenticationInfo', this.identityAuthenticationInfo,
									'application/json;charset=UTF-8').then(res => {
										console.log(res.data.message,"判断")
										console.log(res)
									if (res.data.message == "Success") {
										this.$api.msg('取消成功！')
										this.changes = "确认"
										this.getList()
										return
									}
								})
								.catch(res => {
									uni.showToast({
										title: res.errmsg,
										icon: 'none',
										duration: 2000
									})
								});
						},
						fail: () => {},
						complete: () => {}
					})
					}
				},	
				
			liangShang(){
				console.log(1111)
				uni.navigateTo({
					url: `/pages/attestation/indexTwo`
				})
			},
			siJi(){
				console.log(2222)
				uni.navigateTo({
					url: `/pages/attestation/indexThree`
				})
			},
			driverIdentityEdit(items) {
				uni.navigateTo({
					url: `/pageD/identity/driverIdentityEdit?id=${items.id}`
				})
			},
			// companyEdit(item) {
			// 	uni.navigateTo({
			// 		url: `/pageD/identity/companyIdentityEdit?id=${item.id}`
			// 	})
			// },
			deleteLS(item) {
				uni.showModal({
					// title: '登录提示',
					content: '身份信息删除后不可恢复，是否确定删除？',
					showCancel: true,
					confirmText: '确定',
					success: (e) => {
						this.$api.doRequest('post',
								'/identityAuthenticationInfo/api/deleteIdentityAuthenticationInfo', {
									id: item.id
								}, 'application/json;charset=UTF-8').then(res => {
								this.procurementPlanInfos = res.data.data.records
								if (res.errmsg == "Success") {
									this.$api.msg('删除成功！')
									this.getList()
									return
								}

							})
							.catch(res => {
								uni.showToast({
									title: res.errmsg,
									icon: 'none',
									duration: 2000
								})
							});
					},
					fail: () => {},
					complete: () => {}
				})
			},
			deleteSJ(item) {
				console.log(item.driverName)
				this.deletes = {}
				this.deletes.id = item.id
				uni.showModal({
					// title: '登录提示',
					content: '身份信息删除后不可恢复，是否确定删除？',
					showCancel: true,
					confirmText: '确定',
					success: (e) => {
						this.$api.doRequest('get', '/driverViewInfo/api/deleteDriver', this.deletes,
								'application/json;charset=UTF-8').then(res => {
								this.procurementPlanInfos = res.data.data.records
								if (res.errmsg == "Success") {
									this.$api.msg('删除成功！')
									this.getList()
									return
								}

							})
							.catch(res => {
								uni.showToast({
									title: res.errmsg,
									icon: 'none',
									duration: 2000
								})
							});
					},
					fail: () => {},
					complete: () => {}
				})
			},
			getList() {
				// this.identityAuthenticationInfo.commonId = this.userInfo.id
				// this.$api.doRequest('get', '/identityAuthenticationInfo/selectIdentityAuthenticationInfo', {
				// 		pageSize: 10,
				// 		currentPage: 1,
				// 		commonId: this.userInfo.id
				// 	}, 'application/json;charset=UTF-8').then(res => {
				// 		console.log("成功连接")
				// 		this.businessman = res.data.data.records
				// 	})
				// 	.catch(res => {
				// 		uni.showToast({
				// 			title: res.errmsg,
				// 			icon: 'none',
				// 			duration: 2000
				// 		})
				// 	});

				// this.$api.doRequest('get', '/driverViewInfo/selectDriverInfoPage', {
				// 		pageSize: 10,
				// 		currentPage: 1,
				// 		commonId: this.userInfo.id,
				// 		flag: 0
				// 	}, 'application/json;charset=UTF-8').then(res => {
				// 		console.log("成功连接")
				// 		this.drivers = res.data.data.records
				// 		console.log(this.drivers, "skalkdkk")
				// 	})
				// 	.catch(res => {
				// 		uni.showToast({
				// 			title: res.errmsg,
				// 			icon: 'none',
				// 			duration: 2000
				// 		})
				// 	});
				this.$api.doRequest('get', '/identityAuthenticationInfo/selectCount', {
					customerTypeFlag:3,customerType:"粮农"
					}, 'application/json;charset=UTF-8').then(res => {
						if(res.data.data){
							if(res.data.data.id == "" || res.data.data.id == null){
								this.changes = "确认"
							}else if(res.data.data.id != "" || res.data.data.id == null){
								this.changes = "取消"
							}	
							this.id = res.data.data.id
						}
						
					})
					.catch(res => {
						uni.showToast({
							title: res.message,
							icon: 'none',
							duration: 2000
						})
					});
			},
			adddriver(index) {
				if (index == 1) {
					uni.navigateTo({
						url: `/pageD/identity/companyIdentity`
					})
				} else {
					uni.navigateTo({
						url: `/pageD/identity/driverIdentity`
					})
				}
			},
			navToDetailPage(index, item) {
				if (index == 1) {
					uni.navigateTo({
						url: `/pageD/identity/companyIdentityLook?id=${item.id}`
					})
				} else {
					uni.navigateTo({
						url: `/pageD/identity/driverIdentityLook?id=${item.id}`
					})
				}

			}
		}
	}
</script>

<style>
	.center {
		padding: 10px 20px;
	}

	.title {
		font-size: 22px;
		font-weight: 900;
		/* margin-top: 30px; */
		top: 50px;
		left: 24px;
		position: relative;

	}

	.company {
		font-size: 16px;
		margin-top: 10px;
	}

	.infos {
		/* margin: 10px 20px; */
		width: 100%;
		display: inline-table;
	}

	.info {
		line-height: 20px;
	}

	.but {
		right: 3px;
		float: right;
	}

	.homePage {
		width: 100%;
		height: 350rpx;
		margin-top: 20rpx;

	}

	.arrows {
		font-size: 14px;
		font-weight: 600;
		float: right;
		margin-top: 130px;
	}

	.arrow {
		width: 16px;
		height: 16px;
		float: right;
		right: 20px;
	}

	.portrait {
		width: 75px;
		height: 75px;
		float: right;
		right: -70px;
	}

	.homePage1 {
		width: 100%;
		height: 350rpx;
		margin-top: 50rpx;
	}
	.homePage2 {
		width: 100%;
		height: 350rpx;
		margin-top: 50rpx;
	}

	.background {
		width: 90%;
		height: 200px;
		margin: 0 auto;
		position: absolute;
	}

	.arrows1 {
		position: absolute;
		right: 30px;
		margin-top: 120px;
	}

	.portrait1 {
		width: 75px;
		height: 75px;
		margin-right: 20px;
		float: right;

	}
</style>