路由

src/projects/business/router/guest.js

@@ -31,7 +31,7 @@ const routesGuest = [
 							title: '邀请访客',
 						}
 					},
-					//邀请访客
+					//邀请函详情
 					{
 						path: 'info',
 						name: 'GuestFromInfo',
@@ -42,6 +42,17 @@ const routesGuest = [
 							title: '访客详情',
 						}
 					},
+					//邀请函详情
+					{
+						path: 'infoPartner',
+						name: 'GuestFromInfoPartner',
+						component: () => import('../views/Guest/From/InfoPartner.vue'),
+						meta: {
+							requireAuth: false,
+							role: [],
+							title: '访客详情',
+						}
+					},
 					//邀请访客勾选下发设备
 					{
 						path: 'device',

src/projects/business/views/Guest/From/InfoPartner.vue

@@ -0,0 +1,134 @@
+<template>
+<div>
+	<common @asynCallBack="asynCallBack"></common>
+	<top-header :pageTitle="pageTitle"  ></top-header>
+		<div class="mui-content">			
+			<div class="mui-content-padded vongi-editme">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label>受邀人<span class="colorfe616c">*</span></label>
+						<input type="text" class="mui-input-clear" placeholder="请输入姓名">
+					</div>
+					<div class="mui-input-row">
+						<label>手机号码<span class="colorfe616c">*</span></label>
+						<input type="text" class="mui-input-clear" placeholder="请输入手机号码">
+					</div>
+					<div class="mui-input-row">
+						<label>受邀单位<span class="colorfe616c">*</span></label>
+						<input type="text" class="mui-input-clear" placeholder="请输入单位名称">
+					</div>
+					<div class="mui-input-row">
+						<label>访问事由<span class="colorfe616c">*</span></label>
+						<input type="text" class="mui-input-clear" placeholder="请填写您的来访事由">
+					</div>
+				</form>
+			</div>
+			<div class="mui-content-padded vongi-editme">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label>生效时间<span class="colorfe616c">*</span></label>					
+						<button id='showUserPicker' class="mui-btn mui-btn-block mui-navigate-right" type='button' style="width:65%">
+							2020-09-20 14:30:00
+						</button>						
+					</div>
+					<div class="mui-input-row">
+						<label>过期时间<span class="colorfe616c">*</span></label>					
+						<button id='showUserPicker' class="mui-btn mui-btn-block mui-navigate-right" type='button' style="width:65%">
+							2020-09-20 14:30:00
+						</button>						
+					</div>
+					<div class="mui-input-row">
+						<label style="width:50%">需要上传登记照</label>					
+						<div id="autoLogin" class="mui-switch mui-active">
+							<div class="mui-switch-handle"></div>
+						</div>						
+					</div>
+					<div class="mui-input-row">
+						<label style="width:40%">照片下发设备<span class="colorfe616c">*</span></label>					
+						<button id='showUserPicker' class="mui-btn mui-btn-block mui-navigate-right" type='button' style="width:60%">
+							共3台
+						</button>						
+					</div>
+				</form>
+			</div>
+		</div>
+		<div class="fyy-footer">
+			<div class="bindfyy-btn"><button type="submit" class="mui-btn mui-btn-primary ">发送短信邀请函</button></div>
+		</div>
+
+	<loading :visible="isLoading"></loading>
+
+</div>
+</template>
+
+
+<script>
+	import * as API_From from '@/apis/Guest/from'
+	import Common from '$project/components/Common.vue'
+	import Loading from '$project/components/Loading.vue'
+	import TopHeader from '$project/components/TopHeader.vue'
+	import {
+		mapGetters,
+		mapMutations
+	} from 'vuex'
+	import {
+		currentTimeStamp,
+		parseUnixTime
+	} from '$project/utils'
+	export default {
+		name: 'GuestFromDeviceInfo',
+		components: {
+			Common,
+			Loading,
+			TopHeader
+		},
+		data() {
+			return {
+				pageTitle: '访客详情',
+				id: '',
+				detail: {
+				},
+				isLoading: false,
+			}
+		},
+		created() {
+			this.id = this.$route.query.id;
+		},
+		methods:  {
+			//获取详情
+			getDetail() {
+				this.isLoading = true;
+
+				API_From.getDetail(this.id ).then(response => {
+					this.isLoading = false;
+
+					this.detail = response;
+				}).catch(error => {
+					this.isLoading = false;
+					mui.toast(error);
+				})
+			},asynCallBack(){},
+		},
+		mounted() {
+			this.getDetail();
+
+		},
+
+
+		destroyed() {
+
+		},
+		computed: {
+			...mapGetters({
+				openId: 'wx_openid',
+				token: 'token',
+				person_data: 'person_data',
+				person_popedom: 'person_popedom',
+			})
+		}
+	}
+</script>
+
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style>
+</style>