{"remainingRequest":"/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/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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCB7IHRvR2VuZXJhdGVLZXkgfSBmcm9tICdAL2FwaS9tb25pdG9yJwpleHBvcnQgZGVmYXVsdCB7CiAgICBuYW1lOiAnYWRkUm9sZURpYWxvZycsCiAgICBwcm9wczogewogICAgICAgIGFkZFJvbGVEYXRhOiB7CiAgICAgICAgICAgIHR5cGU6IE9iamVjdCwKICAgICAgICAgICAgZGVmYXVsdDoge30KICAgICAgICB9CiAgICB9LAogICAgY3JlYXRlZCgpIHsKICAgIH0sCiAgICBkYXRhKCkgewogICAgICAgIHJldHVybiB7CiAgICAgICAgICAgIGNoZWNrQWxsOiBmYWxzZSwKICAgICAgICAgICAgZGVmYXVsdEV4cGFuZGVkOiBbXSwKICAgICAgICAgICAgYWRkUm9sZUZvcm06IHsKICAgICAgICAgICAgICAgIG1vbml0b3JTeXN0ZW1OYW1lOiAnJywvL+ebkea1i+ezu+e7n+WQjeensAogICAgICAgICAgICAgICAgY2xpZW50SWQ6ICIiLC8v55uR5rWL57O757uf57yW56CBCiAgICAgICAgICAgICAgICBjbGllbnRTZWNyZXQ6ICcnLC8v5q2j5byP546v5aKD5a+G6ZKlCiAgICAgICAgICAgICAgICB0ZXN0U2VjcmV0OiAnJywvL+a1i+ivleeOr+Wig+WvhumSpQogICAgICAgICAgICAgICAgYWxhcm1HZW5lcmF0ZTogJycsLy/miqXorabkv6Hmga/nlJ/miJDmnLrliLYKICAgICAgICAgICAgICAgIHN5c3RlbUludHJvZHVjZTogJycsLy/ns7vnu5/nroDku4sKICAgICAgICAgICAgICAgIGFsYXJtQ29udGVudDogJycsLy/miqXorabkv6Hmga/lhoXlrrkKICAgICAgICAgICAgfSwKICAgICAgICAgICAgcnVsZXM6IHsKICAgICAgICAgICAgICAgIG1vbml0b3JTeXN0ZW1OYW1lOiBbeyByZXF1aXJlZDogdHJ1ZSwgbWVzc2FnZTogJ+ivt+i+k+WFpeebkea1i+ezu+e7n+WQjeensCcsIHRyaWdnZXI6ICdibHVyJyB9XSwKICAgICAgICAgICAgICAgIGNsaWVudFNlY3JldDogW3sgcmVxdWlyZWQ6IHRydWUsIG1lc3NhZ2U6ICfor7fovpPlhaXmraPlvI/njq/looPlr4bpkqUnLCB0cmlnZ2VyOiAnYmx1cicgfV0sCiAgICAgICAgICAgICAgICB0ZXN0U2VjcmV0OiBbeyByZXF1aXJlZDogdHJ1ZSwgbWVzc2FnZTogJ+ivt+i+k+WFpea1i+ivleeOr+Wig+WvhumSpScsIHRyaWdnZXI6ICdibHVyJyB9XSwKICAgICAgICAgICAgICAgIGNsaWVudElkOiBbeyByZXF1aXJlZDogdHJ1ZSwgbWVzc2FnZTogJ+ivt+i+k+WFpeebkea1i+ezu+e7n+e8lueggScsIHRyaWdnZXI6ICdibHVyJyB9XSwKICAgICAgICAgICAgfQogICAgICAgIH0KICAgIH0sCiAgICBtZXRob2RzOiB7CiAgICAgICAgZ2VuZXJhdGVLZXlGb3JtYWwoKXsKICAgICAgICAgICAgdG9HZW5lcmF0ZUtleSgpLnRoZW4ocmVzPT57CiAgICAgICAgICAgICAgICB0aGlzLmFkZFJvbGVGb3JtLmNsaWVudFNlY3JldD1yZXMuZGF0YQogICAgICAgICAgICB9KQogICAgICAgIH0sCiAgICAgICAgZ2VuZXJhdGVLZXlUZXN0KCl7CiAgICAgICAgICAgIHRvR2VuZXJhdGVLZXkoKS50aGVuKHJlcz0+ewogICAgICAgICAgICAgICAgdGhpcy5hZGRSb2xlRm9ybS50ZXN0U2VjcmV0PXJlcy5kYXRhCiAgICAgICAgICAgIH0pCiAgICAgICAgfSwKICAgICAgICBhZGRSb2xlKCkgewogICAgICAgICAgICB0aGlzLiRyZWZzLnJ1bGVGb3JtLnZhbGlkYXRlKHZhbGlkID0+IHsKICAgICAgICAgICAgICAgIGlmICh2YWxpZCkgewogICAgICAgICAgICAgICAgICAgICAgICB0aGlzLiRlbWl0KCJhZGRSb2xlQnRuMSIsIHRoaXMuYWRkUm9sZUZvcm0pCiAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgIH0pCiAgICAgICAgfSwKICAgICAgICBjYW5jZWwoKSB7CiAgICAgICAgICAgIHRoaXMuYWRkUm9sZURhdGEuZGlhbG9nVmlzaWJsZSA9IGZhbHNlCiAgICAgICAgICAgIHRoaXMuYWRkUm9sZUZvcm0gPSB7CiAgICAgICAgICAgICAgICBtb25pdG9yU3lzdGVtTmFtZTogJycsLy/nm5HmtYvns7vnu5/lkI3np7AKICAgICAgICAgICAgICAgIGNsaWVudElkOiAiIiwvL+ebkea1i+ezu+e7n+e8lueggQogICAgICAgICAgICAgICAgY2xpZW50U2VjcmV0OiAnJywvL+ato+W8j+eOr+Wig+WvhumSpQogICAgICAgICAgICAgICAgdGVzdFNlY3JldDogJycsLy/mtYvor5Xnjq/looPlr4bpkqUKICAgICAgICAgICAgICAgIGFsYXJtR2VuZXJhdGU6ICcnLC8v5oql6K2m5L+h5oGv55Sf5oiQ5py65Yi2CiAgICAgICAgICAgICAgICBzeXN0ZW1JbnRyb2R1Y2U6ICcnLC8v57O757uf566A5LuLCiAgICAgICAgICAgICAgICBhbGFybUNvbnRlbnQ6ICcnLC8v5oql6K2m5L+h5oGv5YaF5a65CiAgICAgICAgICAgIH0KICAgICAgICB9LAogICAgICAgIGNsb3NlRGlhbG9nKCkgewogICAgICAgICAgICB0aGlzLmFkZFJvbGVEYXRhLmRpYWxvZ1Zpc2libGUgPSBmYWxzZQogICAgICAgICAgICB0aGlzLmFkZFJvbGVGb3JtID0gewogICAgICAgICAgICAgICAgbW9uaXRvclN5c3RlbU5hbWU6ICcnLC8v55uR5rWL57O757uf5ZCN56ewCiAgICAgICAgICAgICAgICBjbGllbnRJZDogIiIsLy/nm5HmtYvns7vnu5/nvJbnoIEKICAgICAgICAgICAgICAgIGNsaWVudFNlY3JldDogJycsLy/mraPlvI/njq/looPlr4bpkqUKICAgICAgICAgICAgICAgIHRlc3RTZWNyZXQ6ICcnLC8v5rWL6K+V546v5aKD5a+G6ZKlCiAgICAgICAgICAgICAgICBhbGFybUdlbmVyYXRlOiAnJywvL+aKpeitpuS/oeaBr+eUn+aIkOacuuWItgogICAgICAgICAgICAgICAgc3lzdGVtSW50cm9kdWNlOiAnJywvL+ezu+e7n+eugOS7iwogICAgICAgICAgICAgICAgYWxhcm1Db250ZW50OiAnJywvL+aKpeitpuS/oeaBr+WGheWuuQogICAgICAgICAgICB9CiAgICAgICAgfQoKICAgIH0KfQo="},{"version":3,"sources":["addRoleDialog.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsFA;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;;AAEA;AACA","file":"addRoleDialog.vue","sourceRoot":"src/views/system/monitor/components","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>"]}]}