|
@@ -2,6 +2,7 @@
|
|
|
<div>
|
|
|
<header class="mui-bar mui-bar-nav" v-if="step=='1'" >
|
|
|
<h1 class="mui-title">访问邀请函</h1>
|
|
|
+ <a v-if="toList" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" @click="back"></a>
|
|
|
</header>
|
|
|
<share-server ref="shareServer" :id="1" ></share-server>
|
|
|
|
|
@@ -213,7 +214,16 @@
|
|
|
@cropperFinish="cropperFinish" @cropperCancel="cropperCancel"></cropper>
|
|
|
<loading :visible="isLoading"></loading>
|
|
|
<input type="file" ref="myFile" style="display: none" class="mui-btn mui-btn-block mui-navigate-right" accept="image/*" @change="uploadPicture($event)"/>
|
|
|
+ <loading :visible="isLoading"></loading>
|
|
|
|
|
|
+ <div>
|
|
|
+ <div :class="visible?'mui-loading z-loading2':'mui-loading'">
|
|
|
+ <div v-show="visible" style=" text-align:center;">
|
|
|
+ <img src="~$project/assets/img/guide_point.png" style="width: 100%;" />
|
|
|
+ <button type="submit" class="mui-btn mui-btn-blue" @click="back()">返回列表</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
</div>
|
|
|
</template>
|
|
@@ -250,6 +260,7 @@
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ toList:null,
|
|
|
pageTitle: '访问邀请函',
|
|
|
id: '',
|
|
|
step:'1',
|
|
@@ -267,6 +278,7 @@
|
|
|
photo:''
|
|
|
},
|
|
|
isLoading: false,
|
|
|
+ visible: false,
|
|
|
qrCodeImg: '',
|
|
|
//隐藏裁剪图片
|
|
|
cropperCancel() {
|
|
@@ -295,9 +307,23 @@
|
|
|
},
|
|
|
created() {
|
|
|
this.id = this.$route.query.id;
|
|
|
+
|
|
|
+ //直接访问本页面 ,直接添加 ,通过list 进来, 需要有返回, 有分享提示
|
|
|
+ this.toList = this.$route.query.share;
|
|
|
+ //
|
|
|
+ if(this.toList){
|
|
|
+ this.visible=true;
|
|
|
+ }
|
|
|
this.subForm.id=this.id;
|
|
|
},
|
|
|
methods: {
|
|
|
+ back(){
|
|
|
+ this.$router.push({
|
|
|
+ name: 'GuestFromList',
|
|
|
+ query: {
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
valert(){
|
|
|
mui.alert("该照片仅用于访客在访问期间,快速识别人脸进入时使用,访问结束后自动清除数据。",' ',['知道了'])
|
|
|
},
|
|
@@ -466,5 +492,20 @@
|
|
|
<style scoped src="$project/assets/css/xpwyfyy.css"></style>
|
|
|
<style src="$project/assets/css/iconfont.css"></style>
|
|
|
|
|
|
-<style>
|
|
|
+<style scoped>
|
|
|
+ .z-loading2 {
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background: rgba(16, 14, 14, 0.9);
|
|
|
+ z-index: 999;
|
|
|
+ }
|
|
|
+
|
|
|
+ .z-loading2 div {
|
|
|
+ top: 0%;
|
|
|
+ position: absolute;
|
|
|
+ left: 0%
|
|
|
+ }
|
|
|
</style>
|