<!doctype html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<title>版本对比</title>
|
|
<script type="text/javascript">
|
let me;
|
|
var pageVue = null;
|
function loadJsCss(callback) {
|
var jscss_urls = []
|
window.top.initJsCss(document, jscss_urls, callback);
|
};
|
var initlized = false;
|
let id = 1000;
|
|
function initVue() {
|
new ListVue({
|
el: "#vbody",
|
data: {
|
dataname: "",
|
title: "版本对比",
|
compare_page: "./hierarchyByVER_list.html?status=locked",
|
versionList: ["202208003", "202208004"],
|
value: "202208003",
|
currentVersion: "2022-4-4",
|
popupParames: {},
|
pageHeight: 0,
|
},
|
created() {
|
me = this
|
|
this.popupParames = clone(Root.popupParames);
|
console.log(this.popupParames)
|
this.pageHeight = this.popupParames.height.replace("px", "") * 1 - 90
|
},
|
mounted() {
|
this.initData();
|
this.$nextTick(() => {
|
hideLoading();
|
this.$refs.compare_page_iframe.contentWindow.postMessage({status: "locked"}, window.top.config.url_page);
|
});
|
},
|
|
methods:{
|
initData() {
|
//this.$refs.compare_page_iframe.contentWindow.postMessage({status: "locked"}, window.top.config.url_page);
|
//this.$refs.compare_page_iframe2.contentWindow.postMessage({status: "locked"}, window.top.config.url_page);
|
},
|
|
onServerInitData(data) {},
|
|
versionChange(obj) {
|
this.$refs.compare_page_iframe2.contentWindow.postMessage({status: "locked", versionNo: obj}, window.top.config.url_page);
|
}
|
}
|
});
|
};
|
|
loadJsCss(function () {
|
initVue();
|
});
|
</script>
|
</head>
|
|
<body style="overflow: hidden;">
|
<div v-cloak id="vbody">
|
<div id="page_root">
|
<div class="total-container">
|
<div class="el-dialog__header">
|
<div class="dialog-title">
|
<i class="iconfont icon-customermanagement"></i>
|
<span> {{title}} </span>
|
</div>
|
</div>
|
<div class="left-container" style="height: 560px; width: 45%; margin: .5em 2em; display: inline-block">
|
<div style="height: 32px; line-height: 32px; float: left; margin-bottom: .5em;">
|
<span>版本号：{{popupParames.data.versionno}}</span>
|
</div>
|
<iframe ref="compare_page_iframe" style="height: 100%; width: 100%;" frameborder="0" :src="compare_page + '&height=' + pageHeight"></iframe>
|
</div>
|
|
<div style="height: 560px; width: 45%; margin: .5em 2em; display: inline-block">
|
<div style="height: 32px; line-height: 32px; float: left; margin-bottom: .5em;">
|
<span>版本号：</span>
|
<el-select v-model="value" placeholder="请选择" @change="versionChange">
|
<el-option
|
v-for="version in versionList"
|
:key="version"
|
:label="version"
|
:value="version"
|
>
|
</el-option>
|
</el-select>
|
</div>
|
<iframe ref="compare_page_iframe2" style="height: 100%; width: 100%;" frameborder="0" :src="compare_page + '&height=' + pageHeight"></iframe>
|
</div>
|
</div>
|
</div>
|
|
<div id="page_loading" style="position: absolute; top:0px; width: 100vw; height: 50vh;">
|
<div class="spinner">
|
<div class="cube1"></div>
|
<div class="cube2"></div>
|
</div>
|
</div>
|
</div>
|
|
<style>
|
[v-cloak] {
|
display: none !important;
|
}
|
</style>
|
</body>
|
</html>
|
