{"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\\msgBox\\index.vue?vue&type=style&index=0&id=1b30029d&lang=scss&scoped=true&","dependencies":[{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\src\\components\\msgBox\\index.vue","mtime":1663828782927},{"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\r\n@import '@assets/css/public-style.scss';\r\n\r\n// 弹出框\r\n.alert {\r\n    background-color: rgba(0, 0, 0, 0.6);\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: 1999;\r\n    color: #3e3e3e;\r\n}\r\n.message-box {\r\n    width: 400px;\r\n    background: rgba(255, 255, 255, 1);\r\n    border-radius: 6px;\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    padding: 20px 20px 20px 34px;\r\n    font-size: 16px;\r\n    animation: alertdown 0.2s forwards;\r\n    .row-1 {\r\n        color: #424656;\r\n        margin-bottom: 10px;\r\n        padding-left: 24px;\r\n        font-size: 14px;\r\n        display: flex;\r\n        align-items: center;\r\n        word-break: break-all;\r\n        position: relative;\r\n        .dmp-icon-btn {\r\n            color: #ff7171;\r\n            font-size: 14px;\r\n            width: 14px;\r\n            height: 14px;\r\n            background-size: 14px;\r\n            margin-right: 10px;\r\n            position: absolute;\r\n            left: 0;\r\n            top: 17px;\r\n        }\r\n        .dmp-icon-btn.icon-error {\r\n            background-image: url(\"~@/assets/img/icon_error.png\");\r\n        }\r\n        .dmp-icon-btn.icon-warning {\r\n            background-image: url(\"~@/assets/img/icon-warning.png\");\r\n        }\r\n        .dmp-icon-btn.icon-success {\r\n            // background-image: url(\"~@/assets/static/imgs/icon-success.png\");\r\n        }\r\n        .title {\r\n            width: 273px;\r\n            line-height: 18px;\r\n            margin-top: 15px;\r\n        }\r\n        .close {\r\n            position: absolute;\r\n            top: 0;\r\n            right: 0;\r\n            display: inline-block;\r\n            height: 10px;\r\n            width: 10px;\r\n            cursor: pointer;\r\n            background: url(\"~@/assets/img/icon-close-off.png\") no-repeat center;\r\n            background-size: 10px 10px;\r\n            &:hover {\r\n                background-image: url(\"~@/assets/img/icon-close-on.png\");\r\n            }\r\n        }\r\n    }\r\n    .row-2 {\r\n        margin-left: 25px;\r\n        font-size: 12px;\r\n        color: #ff7171;\r\n        margin-bottom: 30px;\r\n        word-break: break-all;\r\n        width: 273px;\r\n        &.warning {\r\n            color: #f7b500;\r\n        }\r\n        &.success {\r\n            color: #424656;\r\n        }\r\n    }\r\n    .row-3 {\r\n        display: flex;\r\n        justify-content: flex-end;\r\n        .el-button {\r\n            font-size: 12px !important;\r\n            height: 32px;\r\n            min-width: 60px;\r\n            margin-left: 15px;\r\n        }\r\n    }\r\n    &.up {\r\n        animation: alertup 0.2s forwards;\r\n    }\r\n}\r\n",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA;;AAEA;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;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":"index.vue","sourceRoot":"src/components/msgBox","sourcesContent":["<template>\r\n    <div class=\"alert\" v-if=\"showMsg\" style=\"z-index: 9999\">\r\n        <div class=\"message-box\" :class=\"{ up: close }\" :style=\"{ width: config.width }\">\r\n            <div class=\"row-1\">\r\n                <i :class=\"`dmp-icon-btn icon-${type}`\"></i>\r\n                <span class=\"title\">{{ msg }}</span>\r\n                <i class=\"close\" @click=\"cancel\" v-if=\"config.showClose\"></i>\r\n            </div>\r\n            <div :class=\"`row-2 ${type}`\">{{ tipMsg }}</div>\r\n            <div class=\"row-3\">\r\n                <el-button @click=\"cancel\" v-if=\"config.showCancelButton\">取消</el-button>\r\n                <el-button type=\"primary\" @click=\"confirm\">{{ config.confirmButtonText }}</el-button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script >\r\nexport default {\r\n    props: ['params'],\r\n    data() {\r\n        return {\r\n            showMsg: true,\r\n            close: false,\r\n            config: {},\r\n            type: 'error',\r\n            msg: '',\r\n            tipMsg: ''\r\n        };\r\n    },\r\n    methods: {\r\n        cancel() {\r\n            this.close = true;\r\n            setTimeout(() => {\r\n                this.showMsg = false;\r\n            }, 300);\r\n            this.config.reject();\r\n        },\r\n        confirm() {\r\n            this.close = true;\r\n            setTimeout(() => {\r\n                this.showMsg = false;\r\n            }, 300);\r\n\r\n            this.config.resolve();\r\n        }\r\n    }\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n@import '@assets/css/public-style.scss';\r\n\r\n// 弹出框\r\n.alert {\r\n    background-color: rgba(0, 0, 0, 0.6);\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: 1999;\r\n    color: #3e3e3e;\r\n}\r\n.message-box {\r\n    width: 400px;\r\n    background: rgba(255, 255, 255, 1);\r\n    border-radius: 6px;\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    padding: 20px 20px 20px 34px;\r\n    font-size: 16px;\r\n    animation: alertdown 0.2s forwards;\r\n    .row-1 {\r\n        color: #424656;\r\n        margin-bottom: 10px;\r\n        padding-left: 24px;\r\n        font-size: 14px;\r\n        display: flex;\r\n        align-items: center;\r\n        word-break: break-all;\r\n        position: relative;\r\n        .dmp-icon-btn {\r\n            color: #ff7171;\r\n            font-size: 14px;\r\n            width: 14px;\r\n            height: 14px;\r\n            background-size: 14px;\r\n            margin-right: 10px;\r\n            position: absolute;\r\n            left: 0;\r\n            top: 17px;\r\n        }\r\n        .dmp-icon-btn.icon-error {\r\n            background-image: url(\"~@/assets/img/icon_error.png\");\r\n        }\r\n        .dmp-icon-btn.icon-warning {\r\n            background-image: url(\"~@/assets/img/icon-warning.png\");\r\n        }\r\n        .dmp-icon-btn.icon-success {\r\n            // background-image: url(\"~@/assets/static/imgs/icon-success.png\");\r\n        }\r\n        .title {\r\n            width: 273px;\r\n            line-height: 18px;\r\n            margin-top: 15px;\r\n        }\r\n        .close {\r\n            position: absolute;\r\n            top: 0;\r\n            right: 0;\r\n            display: inline-block;\r\n            height: 10px;\r\n            width: 10px;\r\n            cursor: pointer;\r\n            background: url(\"~@/assets/img/icon-close-off.png\") no-repeat center;\r\n            background-size: 10px 10px;\r\n            &:hover {\r\n                background-image: url(\"~@/assets/img/icon-close-on.png\");\r\n            }\r\n        }\r\n    }\r\n    .row-2 {\r\n        margin-left: 25px;\r\n        font-size: 12px;\r\n        color: #ff7171;\r\n        margin-bottom: 30px;\r\n        word-break: break-all;\r\n        width: 273px;\r\n        &.warning {\r\n            color: #f7b500;\r\n        }\r\n        &.success {\r\n            color: #424656;\r\n        }\r\n    }\r\n    .row-3 {\r\n        display: flex;\r\n        justify-content: flex-end;\r\n        .el-button {\r\n            font-size: 12px !important;\r\n            height: 32px;\r\n            min-width: 60px;\r\n            margin-left: 15px;\r\n        }\r\n    }\r\n    &.up {\r\n        animation: alertup 0.2s forwards;\r\n    }\r\n}\r\n</style>"]}]}