{"remainingRequest":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\style-vw-loader\\index.js??ref--0-2!C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\src\\components\\common\\alertModal.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\src\\components\\common\\alertModal.vue","mtime":1663828782924},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\style-vw-loader\\index.js","mtime":1540864632000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nconst preventBrowserBack = () => {\r\n    history.pushState(null, null, document.URL);\r\n};\r\n/* \r\n  使用vuex this.$store.dispatch(\"openModal\", {})打开弹窗,具体参数去store查看\r\n*/\r\nexport default {\r\n    name: 'alert-modal',\r\n    props: {\r\n        params: {\r\n            type: Object,\r\n            default() {\r\n                return {};\r\n            }\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            // modal:{}\r\n        };\r\n    },\r\n    computed: {\r\n        modal() {\r\n            // const xx = this.$store.getters['getPopups'];\r\n            let obj = this.params;\r\n            if (obj && obj.height) {\r\n                this.$nextTick(() => {\r\n                    if (this.$refs.alertModal && this.$refs.alertModal.$el && this.$refs.alertModal.$el.childNodes) {\r\n                        this.$refs.alertModal.$el.childNodes[0].style.height = obj.height;\r\n                    }\r\n                });\r\n            }\r\n            if (obj.show) {\r\n                history.pushState(null, null, document.URL);\r\n                window.addEventListener('popstate', preventBrowserBack, false);\r\n            } else {\r\n                window.removeEventListener('popstate', preventBrowserBack);\r\n            }\r\n            return obj;\r\n        }\r\n    },\r\n    watch: {},\r\n    methods: {\r\n        close() {\r\n            if (this.$route.fullPath == '/assetManagement/shopManagement/index?showDialog=true') {\r\n                this.$router.replace('/workbench/index');\r\n            }\r\n            this.$store.dispatch('delPopup', this.modal.id);\r\n        },\r\n        // 弹窗重置，执行弹出组件的reset方法\r\n        alertReset(id) {\r\n            const component = this.$refs[id];\r\n            component.reset && component.reset();\r\n        },\r\n        submit(id) {\r\n            const component = this.$refs[id];\r\n            component.submit && component.submit();\r\n        }\r\n    },\r\n    created() {\r\n        // debugger\r\n        // this.modal=this.params;\r\n    }\r\n};\r\n",{"version":3,"sources":["alertModal.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"alertModal.vue","sourceRoot":"src/components/common","sourcesContent":["<!--\r\n * @Author: wf\r\n * @Date: 2021-08-12 16:12:17\r\n * @LastEditors: wfmodal.customClass\r\n * @LastEditTime: 2021-08-13 09:15:25\r\n * @Description: element-ui Dialog弹窗封装\r\n-->\r\n<template>\r\n    <!-- <transition name=\"el-zoom-in-center\"> -->\r\n    <el-dialog\r\n        v-if=\"modal.show\"\r\n        :visible.sync=\"modal.show\"\r\n        class=\"alert-modal\"\r\n        :width=\"modal.width\"\r\n        :fullscreen=\"modal.fullscreen\"\r\n        :custom-class=\"modal.customClass || 'alert-el-modal'\"\r\n        :class=\"{ 'is-modal': !modal.fullscreen, newpop: modal.class }\"\r\n        :append-to-body=\"true\"\r\n        :lock-scroll=\"true\"\r\n        @closed=\"close\"\r\n        ref=\"alertModal\"\r\n        top=\"0\"\r\n        :close-on-click-modal=\"false\"\r\n        :close-on-press-escape=\"false\"\r\n    >\r\n        <div slot=\"title\">\r\n            <div class=\"title_row\">\r\n                <strong class=\"title\">{{ modal.title }}</strong>\r\n                {{ modal.star }}\r\n                <span v-if=\"modal.hideStar\"></span>\r\n                <span v-else-if=\"modal.title && !modal.notip\"> (<span class=\"color-danger\">*为必填项</span>) </span>\r\n            </div>\r\n        </div>\r\n        <div class=\"content\">\r\n            <component :id=\"modal.id\" :is=\"modal.component\" :params=\"modal.props\" :ref=\"modal.id\" @close=\"close\"></component>\r\n        </div>\r\n        <!-- </div> -->\r\n        <span slot=\"footer\" class=\"dialog-footer\" v-if=\"!modal.fullscreen || modal.showFooter\">\r\n            <el-button @click=\"alertReset(modal.id)\" class=\"reset\" v-if=\"modal.showResetButton\">重置</el-button>\r\n            <el-button @click=\"close\" class=\"reset\" v-if=\"!modal.showCancelButton\">{{ modal.cancelButtonText || '取消' }}</el-button>\r\n            <el-button type=\"primary\" v-if=\"!modal.showConfirmButton\" @click=\"submit(modal.id)\">{{\r\n                modal.confirmButtonText || '保存'\r\n            }}</el-button>\r\n        </span>\r\n    </el-dialog>\r\n    <!-- </transition> -->\r\n</template>\r\n\r\n<script>\r\nconst preventBrowserBack = () => {\r\n    history.pushState(null, null, document.URL);\r\n};\r\n/* \r\n  使用vuex this.$store.dispatch(\"openModal\", {})打开弹窗,具体参数去store查看\r\n*/\r\nexport default {\r\n    name: 'alert-modal',\r\n    props: {\r\n        params: {\r\n            type: Object,\r\n            default() {\r\n                return {};\r\n            }\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            // modal:{}\r\n        };\r\n    },\r\n    computed: {\r\n        modal() {\r\n            // const xx = this.$store.getters['getPopups'];\r\n            let obj = this.params;\r\n            if (obj && obj.height) {\r\n                this.$nextTick(() => {\r\n                    if (this.$refs.alertModal && this.$refs.alertModal.$el && this.$refs.alertModal.$el.childNodes) {\r\n                        this.$refs.alertModal.$el.childNodes[0].style.height = obj.height;\r\n                    }\r\n                });\r\n            }\r\n            if (obj.show) {\r\n                history.pushState(null, null, document.URL);\r\n                window.addEventListener('popstate', preventBrowserBack, false);\r\n            } else {\r\n                window.removeEventListener('popstate', preventBrowserBack);\r\n            }\r\n            return obj;\r\n        }\r\n    },\r\n    watch: {},\r\n    methods: {\r\n        close() {\r\n            if (this.$route.fullPath == '/assetManagement/shopManagement/index?showDialog=true') {\r\n                this.$router.replace('/workbench/index');\r\n            }\r\n            this.$store.dispatch('delPopup', this.modal.id);\r\n        },\r\n        // 弹窗重置，执行弹出组件的reset方法\r\n        alertReset(id) {\r\n            const component = this.$refs[id];\r\n            component.reset && component.reset();\r\n        },\r\n        submit(id) {\r\n            const component = this.$refs[id];\r\n            component.submit && component.submit();\r\n        }\r\n    },\r\n    created() {\r\n        // debugger\r\n        // this.modal=this.params;\r\n    }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import '@assets/css/public-style.scss';\r\n.alert-modal {\r\n    overflow: hidden;\r\n    /deep/.el-dialog {\r\n        color: #424656;\r\n        .el-dialog__header {\r\n            height: rem(50);\r\n            border-radius: 6px 6px 0 0;\r\n            background: rgba(248, 252, 255, 1);\r\n            padding: 0 rem(25);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            font-size: rem(14);\r\n        }\r\n        .el-dialog__body {\r\n            padding: rem(20) rem(25);\r\n            overflow: auto;\r\n            .content {\r\n                height: 100%;\r\n            }\r\n            // margin-bottom: 20px;\r\n            .el-form {\r\n                .el-select,\r\n                .el-cascader {\r\n                    width: 100%;\r\n                }\r\n            }\r\n            &::-webkit-scrollbar {\r\n                display: none;\r\n            }\r\n        }\r\n        .el-dialog__footer {\r\n            border-top: none;\r\n            position: relative;\r\n            bottom: rem(10);\r\n            margin-top: rem(10);\r\n            padding: rem(10) rem(20) rem(20);\r\n            .dialog-footer .reset {\r\n                border: 1px solid #0eaeff;\r\n                color: #0eaeff;\r\n            }\r\n            .el-button--primary {\r\n                background-color: #0eaeff;\r\n                // border-color: #0eaeff;\r\n            }\r\n        }\r\n        &.is-fullscreen {\r\n            height: 100% !important;\r\n            border-radius: 0;\r\n            .el-dialog__body {\r\n                position: absolute;\r\n                left: 0;\r\n                bottom: 0;\r\n                top: rem(54);\r\n                right: 0;\r\n                display: flex;\r\n                justify-content: center;\r\n            }\r\n        }\r\n    }\r\n}\r\n.is-modal {\r\n    .el-dialog {\r\n        border-radius: rem(8);\r\n        width: auto;\r\n        max-height: 80%;\r\n        min-height: rem(210);\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        background: #fff;\r\n        .el-dialog__body {\r\n            /deep/ .content {\r\n                height: 100% !important;\r\n            }\r\n        }\r\n    }\r\n    //     .el-dialog__body::-webkit-scrollbar {\r\n    // \tdisplay: none;\r\n    // }\r\n}\r\n\r\n.newpop .el-dialog {\r\n    background: transparent;\r\n}\r\n.newpop .el-dialog .el-dialog__header {\r\n    height: rem(50);\r\n    background: rgba(13, 21, 41, 0.3);\r\n}\r\n.newpop .el-dialog .el-dialog__body {\r\n    height: 100%;\r\n    padding: 0;\r\n}\r\n.newpop .el-dialog .el-dialog__footer {\r\n    display: none;\r\n}\r\n.newpop .title {\r\n    color: #fff;\r\n}\r\n.color-danger {\r\n    color: red;\r\n}\r\n</style>\r\n"]}]}