vue-insagent-app/pages/tools/addStaff/authenticationdetails.vue

<template>
	<view>

		<!-- 公共组件-每个页面必须引入 -->
		<public-module></public-module>
		<service-widget @btnClick="btn_click"></service-widget>
		<view>
			<view class="data">
				<view class="header">
					<image
						:src="status==1?'../../../static/image/addStaff/bq1.png':'../../../static/image/addStaff/bq2.png' "
						mode="widthFix"></image>
				</view>
				<view class="Paging dis f-c ">
					<view class="pag-data dis  a-c">
						<image src="../../../static/image/addStaff/user.png" mode=""></image>
						<text class="font-weight" style="">个人信息</text>
					</view>
					<view class="pag-data dis  a-c">
						<text>机构名称：</text>
						<text>{{userData.organization}}</text>
					</view>
					<view class="pag-data dis  a-c">
						<text>部门编码：</text>
						<text>{{userData.deptId}}</text>
					</view>
					<view class="pag-data dis  a-c">
						<text>部门名称：</text>
						<text>{{userData.deptName}}</text>
					</view>
					<view class="pag-data dis  a-c">
						<text>工号：</text>
						<text>{{userData.userId}}</text>
					</view>
					<view class="pag-data dis  a-c">
						<text>姓名：</text>
						<text>{{userData.name}}</text>
					</view>

					<view class="pag-data dis  a-c">
						<text>角色：</text>
						<text>{{userData.roleName}}</text>
					</view>
					<view class="pag-data dis  a-c">
						<text>来源：</text>
						<text>{{userData.source}}</text>
					</view>
					<view class="pag-data dis  a-c">
						<text>联系电话：</text>
						<text>{{userData.phone}}</text>
						<image src="../../../static/image/addStaff/phone.png" mode="" @click="callPhone(userData.phone)"
							style="margin-left: auto;">
						</image>
					</view>
					<view class="pag-data dis  a-c" v-if="userData.passDesc">
						<text>通过描述：</text>
						<text>{{userData.passDesc}}</text>
					</view>
				</view>
			</view>
		</view>
		<auth-Modal :authShow="authShow" @btnClick="authShow=false" @maskClick="authShow=false"></auth-Modal>

	</view>
</template>
<script>
	import authModal from '@/components/modules/user/authModal.vue'; //实名认证弹窗
	import {
		mapState
	} from "vuex"
	export default {
		components: {
			authModal,
		},
		data() {
			return {
				authShow: false,
				headerStyle: {
					backgroundColor: '',
					backgroundImage: '',
					backgroundSize: '',
					backgroundPosition: '',
					boxShadow: ''
					// 其他样式属性...
				},
				shape: 'square',
				clearabled: true,
				showAction: false,
				inputAlign: 'left',
				pageRequest: { //查询的默认条件
					companyId: "",
					orderNo: "",
					frameNo: "",
					insuredName: "",
					licenseNo: "",
					orderStatus: "",
					userId: "",
					deptId: "",
					endDate: "",
					startDate: "",
					pageNum: 1,
					pageSize: 20,
				},
				userData: {},
				status: "",
			}
		},
		async onLoad(params) {
			if (params.id) {
				this.status = params.status;
				let res = await this.$http.get(`/app/customer/${params.id}`);
				if (res.code == '200') {
					this.userData = res.data;
				}
			}
		},
		computed: {
			...mapState(['userInfo', 'sources']),
		},
		methods: {
			btn_click() {
				uni.navigateTo({
					url: '/pages/chat/chat'
				})
			},
			details() {
				this.navigate({
					url: '/pages/tools/addStaff/authenticationdetails'
				}, "navigateTo", true);
			},
			callPhone(tel) {
				uni.makePhoneCall({
					phoneNumber: tel,
					success: () => {
						console.log("成功拨打电话")
					}
				})
			},
			//页面返回按钮
			back() {
				uni.navigateBack({
					delta: 1, // 返回的页面数，如果是1表示返回上一页
					success: function() {}
				});
			},
			change(index) {
				this.current = index;
			},
			change1(index) {
				this.current1 = index;
			},
			getStaffList(staffType) {
				// 0未认证 1已认证 2全部
				this.navigate({
					url: '/pages/tool-staff-list/tool-staff-list?staffType=' + staffType
				}, "navigateTo", true);
			},
			//回车搜索事件
			search(val) {
				this.getOrdersList();
			},
			//搜索按钮事件
			custom(val) {
				this.getOrdersList();
			},
		}
	}
</script>

<style lang="scss" scoped>
	page {
		background-color: #F8FAFE;
		padding: 16px;
	}

	.search {

		image {
			width: 22px;
			height: 22px;
			margin-left: 20px;
		}
	}

	.data {
		position: relative;

		.header {
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
	}

	.Paging {
		position: absolute;
		width: 100%;
		height: auto;
		background: #FFFFFF;
		border-radius: 6px;
		padding: 8px 10px;
		margin-top: 37px;
		border-bottom: 1px solid #E7EFFF;

		.pag-data {
			border-bottom: 1px solid #f2f2f2;
			padding: 6px 0;

			image {
				width: 20px;
				height: 20px;
				margin-right: 6px;
			}

			>text:first-child {
				color: #232832;
				width: 80px;
				font-size: 14px;
			}

			>text:last-child {
				color: #666;
				width: 70%;
				font-size: 14px;
			}
		}

		.pag-data:last-child {
			border: none;
		}
	}
</style>