{"remainingRequest":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/babel-loader/lib/index.js!/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/system/monitor/components/addRoleDialog.vue?vue&type=script&lang=js","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/system/monitor/components/addRoleDialog.vue","mtime":1708395041891},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/babel.config.js","mtime":1708395041663},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/cache-loader/dist/cjs.js","mtime":1708395146433},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/babel-loader/lib/index.js","mtime":1708395147257},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/cache-loader/dist/cjs.js","mtime":1708395146433},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js","mtime":1708395147382}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCB7IHRvR2VuZXJhdGVLZXkgfSBmcm9tICdAL2FwaS9tb25pdG9yJzsKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICdhZGRSb2xlRGlhbG9nJywKICBwcm9wczogewogICAgYWRkUm9sZURhdGE6IHsKICAgICAgdHlwZTogT2JqZWN0LAogICAgICBkZWZhdWx0OiB7fQogICAgfQogIH0sCiAgY3JlYXRlZDogZnVuY3Rpb24gY3JlYXRlZCgpIHt9LAogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBjaGVja0FsbDogZmFsc2UsCiAgICAgIGRlZmF1bHRFeHBhbmRlZDogW10sCiAgICAgIGFkZFJvbGVGb3JtOiB7CiAgICAgICAgbW9uaXRvclN5c3RlbU5hbWU6ICcnLAogICAgICAgIC8v55uR5rWL57O757uf5ZCN56ewCiAgICAgICAgY2xpZW50SWQ6ICIiLAogICAgICAgIC8v55uR5rWL57O757uf57yW56CBCiAgICAgICAgY2xpZW50U2VjcmV0OiAnJywKICAgICAgICAvL+ato+W8j+eOr+Wig+WvhumSpQogICAgICAgIHRlc3RTZWNyZXQ6ICcnLAogICAgICAgIC8v5rWL6K+V546v5aKD5a+G6ZKlCiAgICAgICAgYWxhcm1HZW5lcmF0ZTogJycsCiAgICAgICAgLy/miqXorabkv6Hmga/nlJ/miJDmnLrliLYKICAgICAgICBzeXN0ZW1JbnRyb2R1Y2U6ICcnLAogICAgICAgIC8v57O757uf566A5LuLCiAgICAgICAgYWxhcm1Db250ZW50OiAnJyAvL+aKpeitpuS/oeaBr+WGheWuuQogICAgICB9LAoKICAgICAgcnVsZXM6IHsKICAgICAgICBtb25pdG9yU3lzdGVtTmFtZTogW3sKICAgICAgICAgIHJlcXVpcmVkOiB0cnVlLAogICAgICAgICAgbWVzc2FnZTogJ+ivt+i+k+WFpeebkea1i+ezu+e7n+WQjeensCcsCiAgICAgICAgICB0cmlnZ2VyOiAnYmx1cicKICAgICAgICB9XSwKICAgICAgICBjbGllbnRTZWNyZXQ6IFt7CiAgICAgICAgICByZXF1aXJlZDogdHJ1ZSwKICAgICAgICAgIG1lc3NhZ2U6ICfor7fovpPlhaXmraPlvI/njq/looPlr4bpkqUnLAogICAgICAgICAgdHJpZ2dlcjogJ2JsdXInCiAgICAgICAgfV0sCiAgICAgICAgdGVzdFNlY3JldDogW3sKICAgICAgICAgIHJlcXVpcmVkOiB0cnVlLAogICAgICAgICAgbWVzc2FnZTogJ+ivt+i+k+WFpea1i+ivleeOr+Wig+WvhumSpScsCiAgICAgICAgICB0cmlnZ2VyOiAnYmx1cicKICAgICAgICB9XSwKICAgICAgICBjbGllbnRJZDogW3sKICAgICAgICAgIHJlcXVpcmVkOiB0cnVlLAogICAgICAgICAgbWVzc2FnZTogJ+ivt+i+k+WFpeebkea1i+ezu+e7n+e8lueggScsCiAgICAgICAgICB0cmlnZ2VyOiAnYmx1cicKICAgICAgICB9XQogICAgICB9CiAgICB9OwogIH0sCiAgbWV0aG9kczogewogICAgZ2VuZXJhdGVLZXlGb3JtYWw6IGZ1bmN0aW9uIGdlbmVyYXRlS2V5Rm9ybWFsKCkgewogICAgICB2YXIgX3RoaXMgPSB0aGlzOwogICAgICB0b0dlbmVyYXRlS2V5KCkudGhlbihmdW5jdGlvbiAocmVzKSB7CiAgICAgICAgX3RoaXMuYWRkUm9sZUZvcm0uY2xpZW50U2VjcmV0ID0gcmVzLmRhdGE7CiAgICAgIH0pOwogICAgfSwKICAgIGdlbmVyYXRlS2V5VGVzdDogZnVuY3Rpb24gZ2VuZXJhdGVLZXlUZXN0KCkgewogICAgICB2YXIgX3RoaXMyID0gdGhpczsKICAgICAgdG9HZW5lcmF0ZUtleSgpLnRoZW4oZnVuY3Rpb24gKHJlcykgewogICAgICAgIF90aGlzMi5hZGRSb2xlRm9ybS50ZXN0U2VjcmV0ID0gcmVzLmRhdGE7CiAgICAgIH0pOwogICAgfSwKICAgIGFkZFJvbGU6IGZ1bmN0aW9uIGFkZFJvbGUoKSB7CiAgICAgIHZhciBfdGhpczMgPSB0aGlzOwogICAgICB0aGlzLiRyZWZzLnJ1bGVGb3JtLnZhbGlkYXRlKGZ1bmN0aW9uICh2YWxpZCkgewogICAgICAgIGlmICh2YWxpZCkgewogICAgICAgICAgX3RoaXMzLiRlbWl0KCJhZGRSb2xlQnRuMSIsIF90aGlzMy5hZGRSb2xlRm9ybSk7CiAgICAgICAgfQogICAgICB9KTsKICAgIH0sCiAgICBjYW5jZWw6IGZ1bmN0aW9uIGNhbmNlbCgpIHsKICAgICAgdGhpcy5hZGRSb2xlRGF0YS5kaWFsb2dWaXNpYmxlID0gZmFsc2U7CiAgICAgIHRoaXMuYWRkUm9sZUZvcm0gPSB7CiAgICAgICAgbW9uaXRvclN5c3RlbU5hbWU6ICcnLAogICAgICAgIC8v55uR5rWL57O757uf5ZCN56ewCiAgICAgICAgY2xpZW50SWQ6ICIiLAogICAgICAgIC8v55uR5rWL57O757uf57yW56CBCiAgICAgICAgY2xpZW50U2VjcmV0OiAnJywKICAgICAgICAvL+ato+W8j+eOr+Wig+WvhumSpQogICAgICAgIHRlc3RTZWNyZXQ6ICcnLAogICAgICAgIC8v5rWL6K+V546v5aKD5a+G6ZKlCiAgICAgICAgYWxhcm1HZW5lcmF0ZTogJycsCiAgICAgICAgLy/miqXorabkv6Hmga/nlJ/miJDmnLrliLYKICAgICAgICBzeXN0ZW1JbnRyb2R1Y2U6ICcnLAogICAgICAgIC8v57O757uf566A5LuLCiAgICAgICAgYWxhcm1Db250ZW50OiAnJyAvL+aKpeitpuS/oeaBr+WGheWuuQogICAgICB9OwogICAgfSwKICAgIGNsb3NlRGlhbG9nOiBmdW5jdGlvbiBjbG9zZURpYWxvZygpIHsKICAgICAgdGhpcy5hZGRSb2xlRGF0YS5kaWFsb2dWaXNpYmxlID0gZmFsc2U7CiAgICAgIHRoaXMuYWRkUm9sZUZvcm0gPSB7CiAgICAgICAgbW9uaXRvclN5c3RlbU5hbWU6ICcnLAogICAgICAgIC8v55uR5rWL57O757uf5ZCN56ewCiAgICAgICAgY2xpZW50SWQ6ICIiLAogICAgICAgIC8v55uR5rWL57O757uf57yW56CBCiAgICAgICAgY2xpZW50U2VjcmV0OiAnJywKICAgICAgICAvL+ato+W8j+eOr+Wig+WvhumSpQogICAgICAgIHRlc3RTZWNyZXQ6ICcnLAogICAgICAgIC8v5rWL6K+V546v5aKD5a+G6ZKlCiAgICAgICAgYWxhcm1HZW5lcmF0ZTogJycsCiAgICAgICAgLy/miqXorabkv6Hmga/nlJ/miJDmnLrliLYKICAgICAgICBzeXN0ZW1JbnRyb2R1Y2U6ICcnLAogICAgICAgIC8v57O757uf566A5LuLCiAgICAgICAgYWxhcm1Db250ZW50OiAnJyAvL+aKpeitpuS/oeaBr+WGheWuuQogICAgICB9OwogICAgfQogIH0KfTs="},{"version":3,"names":["toGenerateKey","name","props","addRoleData","type","Object","default","created","data","checkAll","defaultExpanded","addRoleForm","monitorSystemName","clientId","clientSecret","testSecret","alarmGenerate","systemIntroduce","alarmContent","rules","required","message","trigger","methods","generateKeyFormal","_this","then","res","generateKeyTest","_this2","addRole","_this3","$refs","ruleForm","validate","valid","$emit","cancel","dialogVisible","closeDialog"],"sources":["src/views/system/monitor/components/addRoleDialog.vue"],"sourcesContent":["<template>\n    <div class=\"addRoleDialog\">\n        <el-dialog width=\"836px\" center @close=\"closeDialog()\" v-if=\"addRoleData.dialogVisible\" title=\"新增监测系统信息\"\n            :visible.sync=\"addRoleData.dialogVisible\">\n            <el-form label-width=\"100px\" ref=\"ruleForm\" :rules=\"rules\" :model=\"addRoleForm\" label-position=\"top\">\n                <el-row :gutter=\"24\">\n                    <el-col :span=\"12\">\n                        <el-form-item label=\"监测系统名称：\" prop=\"monitorSystemName\">\n                            <el-input placeholder=\"请输入监测系统名称\" v-model=\"addRoleForm.monitorSystemName\"></el-input>\n                        </el-form-item>\n                    </el-col>\n                    <el-col :span=\"12\">\n                        <el-form-item label=\"监测系统编码：\" prop=\"clientId\">\n                            <el-input placeholder=\"请输入监测系统编码\" v-model=\"addRoleForm.clientId\"></el-input>\n                        </el-form-item>\n                    </el-col>\n                </el-row>\n                <el-row :gutter=\"24\">\n                    <el-col :span=\"12\">\n                        <el-form-item label=\"正式环境密钥：\" prop=\"clientSecret\">\n                            <div class=\"\" style=\"display:flex\">\n                                <el-button class=\"changKerBtn\" @click=\"generateKeyFormal\">点击生成密钥</el-button>\n                            <el-input placeholder=\"请输入正式环境密钥\" v-model=\"addRoleForm.clientSecret\" type=\"text\" disabled/>\n                            </div>\n                        </el-form-item>\n                    </el-col>\n                    <el-col :span=\"12\">\n                        <el-form-item label=\"测试环境密钥：\" prop=\"testSecret\">\n                            <div class=\"\" style=\"display:flex\">\n                                <el-button class=\"changKerBtn\" @click=\"generateKeyTest\">点击生成密钥</el-button>\n                                <el-input placeholder=\"请输入测试环境密钥\" v-model=\"addRoleForm.testSecret\" type=\"text\" disabled/>\n                            </div>\n                        </el-form-item>\n                    </el-col>\n                </el-row>\n                <el-row :gutter=\"24\">\n                    <el-col :span=\"12\">\n                        <el-form-item label=\"报警信息生成机制：\" prop=\"alarmGenerate\">\n                            <el-input placeholder=\"请输入报警信息生成机制\" v-model=\"addRoleForm.alarmGenerate\" type=\"textarea\"/>\n                        </el-form-item>\n                    </el-col>\n                    <el-col :span=\"12\">\n                        <el-form-item label=\"报警解除机制：\" prop=\"alarmRelease\">\n                            <el-input placeholder=\"请输入报警解除机制\" v-model=\"addRoleForm.alarmRelease\" type=\"textarea\"/>\n                        </el-form-item>\n                    </el-col>\n                </el-row>\n                <el-row :gutter=\"24\">\n                    <el-col :span=\"12\">\n                        <el-form-item label=\"系统简介：\" prop=\"systemIntroduce\">\n                            <el-input placeholder=\"请输入系统简介\" v-model=\"addRoleForm.systemIntroduce\" type=\"textarea\"/>\n                        </el-form-item>\n                    </el-col>\n                    <el-col :span=\"12\">\n                        <el-form-item label=\"报警信息内容：\" prop=\"alarmContent\">\n                            <el-input placeholder=\"请输入报警信息内容\" v-model=\"addRoleForm.alarmContent\" type=\"textarea\"/>\n                        </el-form-item>\n                    </el-col>\n                </el-row>\n                <el-row :gutter=\"24\">\n                    <el-col :span=\"24\">\n                        <el-form-item label=\"备注：\" prop=\"remark\">\n                            <el-input placeholder=\"请输入备注\" v-model=\"addRoleForm.remark\" type=\"textarea\"/>\n                        </el-form-item>\n                    </el-col>\n                </el-row>\n                <el-row :gutter=\"24\">\n                    <el-col :span=\"24\">\n                        <el-form-item label=\"报警对应的处理措施：\" prop=\"treateMeasure\">\n                            <el-input placeholder=\"请输入报警对应的处理措施\" v-model=\"addRoleForm.treateMeasure\" type=\"textarea\"/>\n                        </el-form-item>\n                    </el-col>\n                </el-row>\n                <div>\n                </div>\n            </el-form>\n            <span slot=\"footer\" class=\"dialog-footer\">\n                <!-- <el-button @click=\"cancel()\">取 消</el-button>\n                        <el-button type=\"primary\" @click=\"addRole()\">保 存</el-button> -->\n                <div class=\"search\" @click=\"addRole()\">保 存</div>\n                <div class=\"reset\" @click=\"cancel()\">取 消</div>\n            </span>\n        </el-dialog>\n    </div>\n</template>\n<script>\nimport { toGenerateKey } from '@/api/monitor'\nexport default {\n    name: 'addRoleDialog',\n    props: {\n        addRoleData: {\n            type: Object,\n            default: {}\n        }\n    },\n    created() {\n    },\n    data() {\n        return {\n            checkAll: false,\n            defaultExpanded: [],\n            addRoleForm: {\n                monitorSystemName: '',//监测系统名称\n                clientId: \"\",//监测系统编码\n                clientSecret: '',//正式环境密钥\n                testSecret: '',//测试环境密钥\n                alarmGenerate: '',//报警信息生成机制\n                systemIntroduce: '',//系统简介\n                alarmContent: '',//报警信息内容\n            },\n            rules: {\n                monitorSystemName: [{ required: true, message: '请输入监测系统名称', trigger: 'blur' }],\n                clientSecret: [{ required: true, message: '请输入正式环境密钥', trigger: 'blur' }],\n                testSecret: [{ required: true, message: '请输入测试环境密钥', trigger: 'blur' }],\n                clientId: [{ required: true, message: '请输入监测系统编码', trigger: 'blur' }],\n            }\n        }\n    },\n    methods: {\n        generateKeyFormal(){\n            toGenerateKey().then(res=>{\n                this.addRoleForm.clientSecret=res.data\n            })\n        },\n        generateKeyTest(){\n            toGenerateKey().then(res=>{\n                this.addRoleForm.testSecret=res.data\n            })\n        },\n        addRole() {\n            this.$refs.ruleForm.validate(valid => {\n                if (valid) {\n                        this.$emit(\"addRoleBtn1\", this.addRoleForm)\n                }\n            })\n        },\n        cancel() {\n            this.addRoleData.dialogVisible = false\n            this.addRoleForm = {\n                monitorSystemName: '',//监测系统名称\n                clientId: \"\",//监测系统编码\n                clientSecret: '',//正式环境密钥\n                testSecret: '',//测试环境密钥\n                alarmGenerate: '',//报警信息生成机制\n                systemIntroduce: '',//系统简介\n                alarmContent: '',//报警信息内容\n            }\n        },\n        closeDialog() {\n            this.addRoleData.dialogVisible = false\n            this.addRoleForm = {\n                monitorSystemName: '',//监测系统名称\n                clientId: \"\",//监测系统编码\n                clientSecret: '',//正式环境密钥\n                testSecret: '',//测试环境密钥\n                alarmGenerate: '',//报警信息生成机制\n                systemIntroduce: '',//系统简介\n                alarmContent: '',//报警信息内容\n            }\n        }\n\n    }\n}\n</script>\n<style lang=\"scss\" scoped>\n::v-deep .el-dialog__body{\n  padding: 20px 95px !important;\n}\n.dialog-footer{    \n    div {        \n        display: inline-block;\n        width: 80px;\n        height: 40px;\n        border-radius: 2px;\n        font-size: 14px;\n        line-height: 40px;\n        text-align: center;\n      }\n\n      div:hover {\n        cursor: pointer;\n      }\n      .search {\n        margin: 0 12px;\n        background-color: #2766DD;\n        color: #fff;\n      }\n\n      .search:hover {\n        background-color: #4D85F4;\n      }\n      .reset {\n        color: #333334;\n        border: 1px solid #D7D7D7;\n      }\n\n      .reset:hover {\n        color: #1F9FFF;\n        border: 1px solid #1F9FFF;\n      }\n}\n// 选中后radio文本的颜色\n::v-deep .el-radio__input.is-checked+.el-radio__label {\n    color: #2766DD\n}\n\n/* radio选中后小圆点的颜色 */\n::v-deep .el-radio__input.is-checked .el-radio__inner {\n    background: #2766DD !important;\n    border-color: #2766DD !important;\n}\n.changKerBtn{\n    margin: 0px 10px 15px 0;\n    cursor: pointer;\n    text-align: center;\n    height: 39px;\n    color: #fff;\n    border-radius: 2px;\n    border: 1px solid #ABC7FD;\n    font-weight: 400;\n    font-size: 14px;\n    background-color: #2250C8;\n}\n</style>"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsFA,SAAAA,aAAA;AACA;EACAC,IAAA;EACAC,KAAA;IACAC,WAAA;MACAC,IAAA,EAAAC,MAAA;MACAC,OAAA;IACA;EACA;EACAC,OAAA,WAAAA,QAAA,GACA;EACAC,IAAA,WAAAA,KAAA;IACA;MACAC,QAAA;MACAC,eAAA;MACAC,WAAA;QACAC,iBAAA;QAAA;QACAC,QAAA;QAAA;QACAC,YAAA;QAAA;QACAC,UAAA;QAAA;QACAC,aAAA;QAAA;QACAC,eAAA;QAAA;QACAC,YAAA;MACA;;MACAC,KAAA;QACAP,iBAAA;UAAAQ,QAAA;UAAAC,OAAA;UAAAC,OAAA;QAAA;QACAR,YAAA;UAAAM,QAAA;UAAAC,OAAA;UAAAC,OAAA;QAAA;QACAP,UAAA;UAAAK,QAAA;UAAAC,OAAA;UAAAC,OAAA;QAAA;QACAT,QAAA;UAAAO,QAAA;UAAAC,OAAA;UAAAC,OAAA;QAAA;MACA;IACA;EACA;EACAC,OAAA;IACAC,iBAAA,WAAAA,kBAAA;MAAA,IAAAC,KAAA;MACAzB,aAAA,GAAA0B,IAAA,WAAAC,GAAA;QACAF,KAAA,CAAAd,WAAA,CAAAG,YAAA,GAAAa,GAAA,CAAAnB,IAAA;MACA;IACA;IACAoB,eAAA,WAAAA,gBAAA;MAAA,IAAAC,MAAA;MACA7B,aAAA,GAAA0B,IAAA,WAAAC,GAAA;QACAE,MAAA,CAAAlB,WAAA,CAAAI,UAAA,GAAAY,GAAA,CAAAnB,IAAA;MACA;IACA;IACAsB,OAAA,WAAAA,QAAA;MAAA,IAAAC,MAAA;MACA,KAAAC,KAAA,CAAAC,QAAA,CAAAC,QAAA,WAAAC,KAAA;QACA,IAAAA,KAAA;UACAJ,MAAA,CAAAK,KAAA,gBAAAL,MAAA,CAAApB,WAAA;QACA;MACA;IACA;IACA0B,MAAA,WAAAA,OAAA;MACA,KAAAlC,WAAA,CAAAmC,aAAA;MACA,KAAA3B,WAAA;QACAC,iBAAA;QAAA;QACAC,QAAA;QAAA;QACAC,YAAA;QAAA;QACAC,UAAA;QAAA;QACAC,aAAA;QAAA;QACAC,eAAA;QAAA;QACAC,YAAA;MACA;IACA;IACAqB,WAAA,WAAAA,YAAA;MACA,KAAApC,WAAA,CAAAmC,aAAA;MACA,KAAA3B,WAAA;QACAC,iBAAA;QAAA;QACAC,QAAA;QAAA;QACAC,YAAA;QAAA;QACAC,UAAA;QAAA;QACAC,aAAA;QAAA;QACAC,eAAA;QAAA;QACAC,YAAA;MACA;IACA;EAEA;AACA"}]}