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) => {
								if (e.confirm) {
									this.$api.doRequest('post', '/identityAuthenticationInfo/api/addIdentityAuthenticationInfo', this.identityAuthenticationInfo,
											'application/json;charset=UTF-8').then(res => {
											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) => {
							if (e.confirm) {
								this.$api.doRequest('post', '/identityAuthenticationInfo/api/deleteIdentityAuthenticationInfo', this.identityAuthenticationInfo,
										'application/json;charset=UTF-8').then(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(){
				uni.navigateTo({
					url: `/pages/attestation/indexTwo`
				})
			},
			siJi(){
				uni.navigateTo({
					url: `/pages/attestation/indexThree`
				})
			},
			driverIdentityEdit(items) {
				uni.navigateTo({
					url: `/pageD/identity/driverIdentityEdit?id=${items.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) {
				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.$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>