<!doctype html>
<html>
<head>
<meta charset="utf-8"><meta http-equiv="Expires" content="0"><meta http-equiv="Pragma" content="no-cache"><meta http-equiv="Cache-control" content="no-cache"><meta http-equiv="Cache" content="no-cache">
<title>附件预览</title>
<script src="../../../../js/vue/vue.js"></script>
<script src="../../../../js/vue/element-ui/lib/index.js"></script>
<!-- <script src="="../../"></script> -->
<script src="../../../../js/vue/page.js?v=20220615"></script>
<script src="../../../../js/myelement.js?v=20220615"></script>
<link href="../../../../js/vue/element-ui/lib/theme-chalk/index.css" rel="stylesheet">
<link href="../../../../css/myelement.css?v=20220425" rel="stylesheet">
<link href="../../../../css/iconfont.css" rel="stylesheet">
<link href="../../../../css/page.css?v=20220425" rel="stylesheet">
<link href="//at.alicdn.com/t/font_2374495_mkoo966o0uo.css" rel="stylesheet">
</head>
<body>
<div id="vbody">
<div id="page_root">
<div ref="popup_body" style="padding-right: 20px;">
<div class="el-dialog__header">
<div class="dialog-title">
<i class="iconfont icon-customermanagement"></i>
<span> 预览 </span>
</div>
</div>
<div class="el-dialog__body" style="width: 630px; height: 430px; padding: 20px 0px; margin:0 auto">
<el-image v-for="picimg in fileObjList"
style="width: 600px; height: 400px; margin-left: 10px;"
:src="picimg"
fit="contain">
</el-image>
</div>
<div class="el-dialog__footer">
<el-button type="default" @click="closeDialog">å– æ¶ˆ</el-button>
</div>
</div>
</div>
<div id="page_loading" style="position: absolute; top:0px; width: 100vw; height: 100vh;">
<div class="spinner">
<div class="cube1"></div>
<div class="cube2"></div>
</div>
</div>
</div>
<script type="text/javascript">
new Vue({
el: "#vbody",
data: {
upload:false,
fileObjList: [],
popupParames: {},
formData: {},
},
created() {
this.popupParames = clone(Root.popupParames);
},
mounted() {
if (this.popupParames.disabledone) {
}
if (this.popupParames.data) {
this.fileObjList = clone(this.popupParames.data);
}
this.$nextTick(() => { // 以æœåŠ¡çš„æ–¹å¼è°ƒç”¨çš„ Loading 需è¦å¼‚æ¥å…³é—
document.getElementById('page_root').style.display = "block";
document.getElementById('page_loading').style.display = "none";
//é‡æ–°è®¾ç½®å¼¹çª—宽高
this.$nextTick(function(){
let w_ = this.$refs.popup_body.offsetWidth + "px";
let h_ = this.$refs.popup_body.offsetHeight + "px";
Root.setPopupWH(w_, h_);
})
});
},
methods:{
closeDialog() {
Root.hidePopup();
},
}
});
</script>
</body>
</html>