| 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\\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"]}]}
|
