| | |
| | | <div> |
| | | <div v-if="detailsPopup" class="divForms-dom" id="divFormsDomBox"> |
| | | <div style="width: 100%; height: 100%; transform: translate(0, 50%);"> |
| | | <div class="divForms divForms-theme"> |
| | | <div class="divForms divForms-theme" :class="{ 'scale-dom': scaleDomFlag }"> |
| | | <div class="divForms-wrap"> |
| | | <div class="area"> |
| | | <div class="arrow-lt"></div> |
| | |
| | | data () { |
| | | return { |
| | | currentBtn: '接警信息', |
| | | CJdata: {} |
| | | CJdata: {}, |
| | | scaleDomFlag: false |
| | | } |
| | | }, |
| | | |
| | | inject: ["getWidth"], |
| | | |
| | | computed: { |
| | | ...mapGetters([ |
| | | 'detailsPopup', |
| | | 'dataPopup' |
| | | ]) |
| | | }, |
| | | |
| | | mounted () { |
| | | |
| | | if (this.getWidth() > 7000) { |
| | | this.scaleDomFlag = true |
| | | } else { |
| | | this.scaleDomFlag = false |
| | | } |
| | | |
| | | }, |
| | | |
| | | methods: { |
| | | closePopup () { |
| | | this.currentBtn = '接警信息' |
| | |
| | | position: fixed; |
| | | left: 0; |
| | | z-index: 1 !important; |
| | | |
| | | .scale-dom { |
| | | transform: scale(3); |
| | | transform-origin: left; |
| | | } |
| | | } |
| | | |
| | | .divForms .arrow { |