property/user_ui/health/components/popup/popup.vue

<template>
	<view>
		<!-- 弹窗 -->
		<view class="bgbox" @click="getClose" v-if="type"></view>
		<!-- 健康码 -->
		<view v-if="type=='code'" class="codebox">
			<view class="tit mb18">健康码</view>
			<image :src="hicoa" class="code"></image>
			<view class="codebtns flexcc">
				<image :src="downimg"></image>
				保存健康码至手机
			</view>
			<image :src="closeimg" class="closeimg" @click="getClose"></image>
		</view>
	</view>
</template>

<script>
	import config from '@/config'
	const baseUrl = config.baseUrl
	import { getToken } from '@/utils/auth'
	import {uploadmore} from '@/utils/common.js'
	export default{
		components:{},
		props:{
			type: {
				type: String,
				default () {
					return ''
				}
			},
			finshtype:{
				type: [String,Number],
				default () {
					return ''
				}
			}
		},
		data(){
			return{
				baseUrl:config.baseUrl,
				closeimg:require("@/static/images/close.png"),
				downimg:require("@/health/static/health/down.png"),
				hicoa:require("@/health/static/health/hicoa.png"),
			}
		},
		mounted() {
			this.baseUrl=baseUrl
		},
		watch:{
			type(val){
				// this.filelist=[];
				// this.shtext='';
				// this.isty='2';
				// this.phofile=[];
			}
		},
		methods:{
			bindDateChange(){
				var val=e.detail.value;
			},
			getClose(){
				this.$emit('getClose')
			},
			getSure(){
				this.$emit('getSure')
			},
			getChose(val){
				this.peoval=val
			},
			getPreviewImage(arr,idx){
				var newArr=[];
				arr.forEach(ite=>{
					var ds=this.baseUrl+ite
					newArr.push(ds)
				})
				uni.previewImage({
					urls: newArr,
					current:idx,
					success: function(data) {
						
					},
					fail: function(err) {
						
					}
				});
			},	
		}
	}
</script>

<style lang="scss" scoped>	
// 指派
.codebox{width: 470rpx;height: 620rpx;background: #FFFFFF;border-radius: 20rpx;padding: 30rpx 36rpx 44rpx;position: fixed;left:140rpx;top: 40%;transform: translateY(-235rpx);z-index: 10;box-sizing: border-box;
	.tit{font-weight: bold;font-size: 30rpx;color: #272727;text-align: center;}
	.code{width: 334rpx;height:334rpx;margin: 0 auto 56rpx;}
	.codebtns{height: 78rpx;background: #318E6B;border-radius: 20rpx;font-weight: 500;
font-size: 26rpx;
color: #FFFFFF;
		image{width: 22rpx;height: 22rpx;margin-right: 14rpx;}
	}
}
.closeimg{width: 32rpx;height: 32rpx;position: absolute;bottom: -72rpx;left: 50%;margin-left: -16rpx;}
</style>