派生自 wuyushui/SewerAndRainNetwork

chenzeping
2021-04-16 78691c94a8bcb735ea8af4cc89c9380bece92794
src/components/layer/src/layer.vue
@@ -1,7 +1,8 @@
<template>
  <div class="public-bounced map-background" v-drag>
  <div class="public-bounced map-background" v-drag :style="style">
    <div class="public-bounced-title panel-title" ref="publicBounced">
      <span>{{title}}</span>
      <i class="el-icon-circle-close" @click="max"></i>
      <i class="el-icon-circle-close" @click="close"></i>
    </div>
    <div class="public-bounced-content" :id="id">
@@ -18,6 +19,7 @@
      cls: {
        'vl-notify-iframe': true
      },
      style: {},
      id: 'vlip' + new Date().getTime()
    }
  },
@@ -30,13 +32,6 @@
    }
  },
  computed: {
    contentStyle () {
      return {
        height: 'calc(100% - 50px)', // parseInt(this.options.area[1]) - 50 + "px",
        minHeight: '20px',
        overflow: 'auto'
      }
    }
  },
  async mounted () {
    helper.hiddenScrollBar(this.options)
@@ -58,6 +53,25 @@
      })
      instance.vm = instance.$mount()
      document.getElementById(this.id).appendChild(instance.vm.$el)
    },
    max () {
      // 最大化窗口
      let height = document.documentElement.clientHeight
      if (height % 2 === 1) {
        height += 1
      }
      this.style = {
        overflow: 'hidden',
        left: '50%',
        width: '100%',
        height: height + 'px',
        minHeight: '42px'
      }
      this.maxMiniState = 2
    },
    maxmini () { // 还原
      document.getElementById(this.options.id).removeAttribute('style')
      this.maxMiniState = 0
    }
  }
}