1 |
- {"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=script&lang=js&","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\\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\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",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAiBA;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","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>"]}]}
|