xfapp/pages/deviceManage/component/exportModal.vue

<template>
	
	<view class="cu-modal export-modal" :class="modalName=='DialogModal'?'show':''">
		<view class="cu-dialog">
			<view class="cu-bar bg-white justify-end">
				<view class="action" @tap="cCancel">
					<text class="cuIcon-close"></text>
				</view>
			</view>
			<view class="padding-sm bg-white">
				<image src="../../../static/ok.png" style="width:100rpx;height:100rpx"></image>
				<view style="margin:20rpx 0">已导出文件，是否打开？</view>
			</view>
			<view class="cu-bar operate bg-white" style="min-height: 100rpx;">
				<view class="action margin-0   " @tap="cSaveAsData">
					另存为</view>
				<view class="action margin-0  solid-left text-blue" @tap="cCancel">取消</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		 props: ['modalName'],
		data() {
			return {
				// modalName: null,
			}
		},
		methods: {
			cSaveAsData() {

					this.$emit('f-SaveAsData')
			 },
			 cCancel(){
				 alert(1)
				  this.$emit('f-HideModel');
				 
			 }
		}
	}
	
	
</script>

<style>
</style>