|
@@ -0,0 +1,86 @@
|
|
|
+<div id="BidrenewalDialog" v-if="showNewuserDialog">
|
|
|
+ <iframe :src="url" marginwidth="0" marginheight="0" frameborder="0" allowtransparency="allowtransparency"
|
|
|
+ class="iframe" style="display: none" onload="this.style.display='block'"></iframe>
|
|
|
+</div>
|
|
|
+<script src=//cdn-common.jianyu360.com/cdn/lib/vue/2.7.14/vue.min.js></script>
|
|
|
+<script>
|
|
|
+ var Bidrenewal_Dialog = new Vue({
|
|
|
+ el: "#BidrenewalDialog",
|
|
|
+ delimiters: ["@@", "@@"],
|
|
|
+ // template: temp,
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ url: location.origin + '/swordfish/page_big_pc/BidrenewalDialog?iframe=BidrenewalDialog',
|
|
|
+ // url: 'http://localhost:8081/swordfish/page_big_pc/BidrenewalDialog?iframe=BidrenewalDialog',
|
|
|
+ showNewuserDialog: false,
|
|
|
+ _scrollTop:''
|
|
|
+ };
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ },
|
|
|
+ created: function () {
|
|
|
+ this.init()
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ },
|
|
|
+ beforeDestroy: function () {
|
|
|
+
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ sendId (val) {
|
|
|
+ window.$BidrenewalDialog.id = val
|
|
|
+ },
|
|
|
+ init () {
|
|
|
+ const this_ = this;
|
|
|
+ window.$BidrenewalDialog = {};
|
|
|
+ window.$BidrenewalDialog.open = function () {
|
|
|
+ this_.showNewuserDialog = true
|
|
|
+ this_.afterOpen()
|
|
|
+ }
|
|
|
+ window.$BidrenewalDialog.close = function () {
|
|
|
+ this_.beforeClose()
|
|
|
+ document.getElementsByClassName('iframe')[0].style.display = 'none'
|
|
|
+ this_.showNewuserDialog = false
|
|
|
+ }
|
|
|
+ },
|
|
|
+ afterOpen () {
|
|
|
+ this._scrollTop = document.scrollingElement.scrollTop
|
|
|
+ document.body.style.position = 'fixed'
|
|
|
+ document.body.style.width = '100%'
|
|
|
+ document.body.style.top = -this._scrollTop + 'px'
|
|
|
+ },
|
|
|
+
|
|
|
+ // popup 关闭时调用
|
|
|
+ beforeClose () {
|
|
|
+ document.body.style.position = ''
|
|
|
+ document.body.style.top = ''
|
|
|
+ // 使 scrollTop 恢复原状
|
|
|
+ document.scrollingElement.scrollTop = this._scrollTop
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+</script>
|
|
|
+<style>
|
|
|
+ #BidrenewalDialog {
|
|
|
+ position: fixed;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ bottom: 0;
|
|
|
+ z-index: 999;
|
|
|
+ background-color: transparent;
|
|
|
+ }
|
|
|
+
|
|
|
+ #BidrenewalDialog .iframe {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background-color: transparent;
|
|
|
+ }
|
|
|
+
|
|
|
+ #BidrenewalDialog .iframe body {
|
|
|
+ background-color: transparent !important;
|
|
|
+
|
|
|
+ }
|
|
|
+</style>
|