{"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\\XKModal.vue?vue&type=style&index=0&lang=scss&","dependencies":[{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\src\\components\\common\\XKModal.vue","mtime":1663828782923},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"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\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\n\n\n\r\n.xk-modal {\r\n    overflow: hidden;\r\n    .el-dialog {\r\n        .el-dialog__header {\r\n            height: 54px;\r\n            border-radius: 6px 6px 0 0;\r\n            border-bottom: 1px solid #eaedf3;\r\n            padding: 0 25px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            font-size: 16px;            \r\n            background: #F7FBFF;\r\n        }\r\n        .el-dialog__body {\r\n            padding: 20px;\r\n            overflow: auto;\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: 1px solid #eaedf3;\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: 54px;\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: 8px;\r\n        width: auto;\r\n        max-height: 80%;\r\n        min-height: 210px;\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            height: calc(100% - 110px);\r\n        }\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: 50px;\r\n    background:rgba(13, 21, 41, 0.3);\r\n   \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",{"version":3,"sources":["XKModal.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoGA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"XKModal.vue","sourceRoot":"src/components/common","sourcesContent":["/*\r\n * @Author: wf \r\n * @Date: 2021-09-Tu 05:49:30 \r\n * @Last Modified by:   wf \r\n * @Last Modified time: 2021-09-Tu 05:49:30 \r\n */\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=\"xk-modal\"\r\n        :width=\"modal.width\"\r\n        :fullscreen=\"modal.fullscreen\"\r\n        :custom-class=\"modal.customClass || 'xk-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=\"xkModal\"\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            <span class=\"title\">{{ modal.title }}</span>\r\n            <span v-if=\"modal.title && !modal.notip\">\r\n                (\r\n                <span class=\"color-danger\">*为必填项</span>)\r\n            </span>\r\n        </div>\r\n        <component\r\n            :id=\"modal.id\"\r\n            :is=\"modal.component\"\r\n            :params=\"modal.props\"\r\n            :ref=\"modal.id\"\r\n            @close=\"$store.dispatch('closeModal')\"\r\n        ></component>\r\n        <span slot=\"footer\" class=\"dialog-footer\" v-if=\"!modal.fullscreen||showFooter\">\r\n            <el-button @click=\"close()\" v-if=\"!modal.showCancelButton\">{{ modal.cancelButtonText || '取消' }}</el-button>\r\n            <el-button type=\"primary\" v-if=\"!modal.showConfirmButton\" @click=\"submit(modal.id)\">{{ modal.confirmButtonText || '确认' }}</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: 'xk-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    },\r\n    computed: {\r\n        modal() {\r\n            const obj = this.$store.getters['getModalParams'];\r\n            if (obj && obj.height) {\r\n                this.$nextTick(() => {\r\n                    if (this.$refs.xkModal && this.$refs.xkModal.$el && this.$refs.xkModal.$el.childNodes) {\r\n                        this.$refs.xkModal.$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    methods: {\r\n        close() {\r\n            this.$store.dispatch('closeModal');\r\n           \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};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.xk-modal {\r\n    overflow: hidden;\r\n    .el-dialog {\r\n        .el-dialog__header {\r\n            height: 54px;\r\n            border-radius: 6px 6px 0 0;\r\n            border-bottom: 1px solid #eaedf3;\r\n            padding: 0 25px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            font-size: 16px;            \r\n            background: #F7FBFF;\r\n        }\r\n        .el-dialog__body {\r\n            padding: 20px;\r\n            overflow: auto;\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: 1px solid #eaedf3;\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: 54px;\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: 8px;\r\n        width: auto;\r\n        max-height: 80%;\r\n        min-height: 210px;\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            height: calc(100% - 110px);\r\n        }\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: 50px;\r\n    background:rgba(13, 21, 41, 0.3);\r\n   \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>"]}]}