yiliangyiyun-app/pages/attestation/index.vue

<template>
	<view class="center">
		<!-- <view class="homePage">
			<view class="title">
				粮商身份
			</view>
			<view class="arrows">
				<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="portrait"></image>
		</view> -->
		<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>
			<view class="title">粮商身份</view>
			<view class='cu-tag radius line-pink' @click="adddriver(1)">新增</view>
			<view v-for="(item , index) in businessman" :Key="index">


				<view class="company">{{item.compName}}</view>
				<view class="guess-item">
					<view class="infos" @click="navToDetailPage(1,item)">

						<view class="info">{{item.customerName}}
							<view class='cu-tag radius line-pink but'>{{item.authenticationStatus}}</view>
						</view>
						<view class="info">{{item.customerPhone}}</view>
					</view>
					<label>
						<checkbox :value="1" /><text>设置默认</text>
					</label>
					<view class='cu-tag radius line-pink ' @click="deleteLS(item)">删除</view>
					<view class='cu-tag radius line-pink ' @click="companyEdit(item)">修改</view>
					<view class='cu-tag radius line-pink but'>更换手机号</view>

				</view>
				<hr>
			</view>
		</view> -->

		<!-- <view class="margin-top">
			<view class="title">司机身份</view>
			<view class='cu-tag radius line-pink' @click="adddriver(2)">新增</view>
			<view v-for="(items , index) in drivers" :Key="index">


				<view class="guess-item" @click="navToDetailPage(2,items)">
					<view class="infos">
						<view class="info">{{items.driverName}}
							<view class='cu-tag radius line-pink but'>{{items.authenticationStatus}}</view>
						</view>
						<view class="info">{{items.driverPhone}}</view>
					</view>
				</view>
				<view class='cu-tag radius line-pink ' @click="deleteSJ(items)">删除</view>
				<view class='cu-tag radius line-pink ' @click="driverIdentityEdit(items)">修改</view>
				<view class='cu-tag radius line-pink but'>更换手机号</view>
				<hr>
			</view>
		</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,
				identityAuthenticationInfo: {
					pageSize: 10,
					currentPage: 1,
					commonId: "",
				},
				businessman: [],
				drivers: [],
				deletes: {
					id: "",
				},
			};
		},
		computed: {
			...mapState(['hasLogin', 'userInfo'])
		},
		onLoad() {
			this.getList()
		},
		
		methods: {
			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}`
				})
			},
			// 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
						})
					});
			},
			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: 101%;
		height: 200px;

		margin: 20px auto;

	}

	.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: 101%;
	}

	.background {
		width: 100%;
		height: 200px;
		position: fixed;
	}

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

	.portrait1 {
		width: 75px;
		height: 75px;
		float: right;

	}
</style>