|
@@ -1,134 +1,8 @@
|
|
|
<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>
|
|
|
+</style>
|