{"remainingRequest":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/simulatedUpload/components/editDialog.vue?vue&type=style&index=0&id=4bd6e5b3&lang=scss&scoped=true","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/simulatedUpload/components/editDialog.vue","mtime":1708395041889},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/css-loader/dist/cjs.js","mtime":1708395146948},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":1708395147772},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/postcss-loader/src/index.js","mtime":1708395147225},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/sass-loader/dist/cjs.js","mtime":1708395146389},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCjo6di1kZWVwIC5lbC1kaWFsb2dfX2JvZHl7CiAgcGFkZGluZzogMjBweCA5NXB4ICFpbXBvcnRhbnQ7Cn0KLmRpYWxvZy1mb290ZXJ7ICAgIAogICAgZGl2IHsgICAgICAgIAogICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICAgICAgICB3aWR0aDogODBweDsKICAgICAgICBoZWlnaHQ6IDQwcHg7CiAgICAgICAgYm9yZGVyLXJhZGl1czogMnB4OwogICAgICAgIGZvbnQtc2l6ZTogMTRweDsKICAgICAgICBsaW5lLWhlaWdodDogNDBweDsKICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgICAgIH0KCiAgICAgIGRpdjpob3ZlciB7CiAgICAgICAgY3Vyc29yOiBwb2ludGVyOwogICAgICB9CiAgICAgIC5zZWFyY2ggewogICAgICAgIG1hcmdpbjogMCAxMnB4OwogICAgICAgIGJhY2tncm91bmQtY29sb3I6ICMyNzY2REQ7CiAgICAgICAgY29sb3I6ICNmZmY7CiAgICAgIH0KCiAgICAgIC5zZWFyY2g6aG92ZXIgewogICAgICAgIGJhY2tncm91bmQtY29sb3I6ICM0RDg1RjQ7CiAgICAgIH0KICAgICAgLnJlc2V0IHsKICAgICAgICBjb2xvcjogIzMzMzMzNDsKICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAjRDdEN0Q3OwogICAgICB9CgogICAgICAucmVzZXQ6aG92ZXIgewogICAgICAgIGNvbG9yOiAjMUY5RkZGOwogICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICMxRjlGRkY7CiAgICAgIH0KfQovLyDpgInkuK3lkI5yYWRpb+aWh+acrOeahOminOiJsgo6OnYtZGVlcCAuZWwtcmFkaW9fX2lucHV0LmlzLWNoZWNrZWQrLmVsLXJhZGlvX19sYWJlbCB7CiAgICBjb2xvcjogIzI3NjZERAp9CgovKiByYWRpb+mAieS4reWQjuWwj+WchueCueeahOminOiJsiAqLwo6OnYtZGVlcCAuZWwtcmFkaW9fX2lucHV0LmlzLWNoZWNrZWQgLmVsLXJhZGlvX19pbm5lciB7CiAgICBiYWNrZ3JvdW5kOiAjMjc2NkREICFpbXBvcnRhbnQ7CiAgICBib3JkZXItY29sb3I6ICMyNzY2REQgIWltcG9ydGFudDsKfQouY2hhbmdLZXJCdG57CiAgICBtYXJnaW46IDBweCAxMHB4IDE1cHggMDsKICAgIGN1cnNvcjogcG9pbnRlcjsKICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgIGhlaWdodDogMzlweDsKICAgIGNvbG9yOiAjZmZmOwogICAgYm9yZGVyLXJhZGl1czogMnB4OwogICAgYm9yZGVyOiAxcHggc29saWQgI0FCQzdGRDsKICAgIGZvbnQtd2VpZ2h0OiA0MDA7CiAgICBmb250LXNpemU6IDE0cHg7CiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjI1MEM4Owp9Cg=="},{"version":3,"sources":["editDialog.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"editDialog.vue","sourceRoot":"src/views/simulatedUpload/components","sourcesContent":["<template>\n    <div class=\"editDialog\">\n        <el-dialog width=\"836px\" center v-if=\"editDialogData.dialogVisible\" :visible.sync=\"editDialogData.dialogVisible\" title=\"修改\">\n            <el-form label-width=\"120px\" ref=\"ruleForm\" :rules=\"rules\" :model=\"editDialogData.data\" label-position=\"top\">\n                <el-row :gutter=\"24\">\n                    <el-col :span=\"12\">\n                        <el-form-item label=\"报警时间:\" prop=\"alarmTime\">\n                            <el-date-picker                             \n                            value-format=\"yyyy-MM-dd HH:mm:ss\" \n                            v-model=\"editDialogData.data.alarmTime\"                      \n                                type=\"datetime\"\n                                placeholder=\"选择日期时间\">\n                            </el-date-picker>\n                        </el-form-item>\n                    </el-col>\n                    <el-col :span=\"12\">\n                        <el-form-item label=\"报警类型:\" prop=\"alarmType\">\n                            <el-select v-model=\"editDialogData.data.alarmType\" placeholder=\"请选择报警病害类型\" clearable>\n                                <el-option label=\"泥石流\" value=\"1\"></el-option>\n                                <el-option label=\"异物侵限\" value=\"2\"></el-option>\n                                <el-option label=\"断轨监测\" value=\"3\"></el-option>\n                            </el-select>\n                        </el-form-item>\n                    </el-col>\n                </el-row>\n\n\n                <el-row :gutter=\"24\">\n                    <el-col :span=\"12\">\n                        <el-form-item label=\"报警来源:\" prop=\"source\">\n                            <el-select v-model=\"editDialogData.data.source\" placeholder=\"请选择报警来源\" clearable>\n                                <el-option\n                                    v-for=\"item in monitorNameData\"\n                                    :key=\"item.monitorSystemName\"\n                                    :label=\"item.monitorSystemName\"\n                                    :value=\"item.clientId\"\n                                />\n                            </el-select>\n                        </el-form-item>\n                    </el-col>\n                    <el-col :span=\"12\">\n                        <el-form-item label=\"报警属性:\" prop=\"alarmAttr\">\n                            <el-input placeholder=\"请输入报警病害属性\" v-model=\"editDialogData.data.alarmAttr\"></el-input>\n                        </el-form-item>\n                    </el-col>\n                </el-row>\n\n                <el-row :gutter=\"24\">\n                    <el-col :span=\"12\">\n                        <el-form-item label=\"报警线路编码:\" prop=\"alarmRailway\">\n                            <el-input placeholder=\"请输入报警线路编码\" v-model=\"editDialogData.data.alarmRailway\"></el-input>\n                        </el-form-item>\n                    </el-col>\n                    <el-col :span=\"12\">\n                        <el-form-item label=\"报警级别:\" prop=\"alarmLevel\">\n                            <el-select v-model=\"editDialogData.data.alarmLevel\" placeholder=\"请选择报警级别\" clearable>\n                                <el-option label=\"一级\" value=\"1\"></el-option>\n                                <el-option label=\"二级\" value=\"2\"></el-option>\n                                <el-option label=\"三级\" value=\"3\"></el-option>\n                            </el-select>\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=\"alarmMile\">\n                            <el-input placeholder=\"请输入报警里程位置\" v-model=\"editDialogData.data.alarmMile\"></el-input>\n                        </el-form-item>\n                    </el-col>\n                    <el-col :span=\"12\">\n                        <el-form-item label=\"报警置信度:\" prop=\"alarmConfidence\">\n                            <el-input placeholder=\"请输入报警置信度\" v-model=\"editDialogData.data.alarmConfidence\"></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=\"lineDir\">\n                            <el-select placeholder=\"请选择行别\" clearable v-model=\"editDialogData.data.lineDir\">\n                               <el-option label=\"上行\" value=\"1\"></el-option> \n                               <el-option label=\"下行\" value=\"2\"></el-option> \n                            </el-select>\n                        </el-form-item>\n                    </el-col>\n                    <el-col :span=\"12\">\n                        <el-form-item label=\"报警信息内容:\" prop=\"content\">\n                            <el-input placeholder=\"请输入报警信息内容\" v-model=\"editDialogData.data.content\" type=\"textarea\" :rows=\"2\"></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=\"alarmId\">\n                            <el-input placeholder=\"请输入唯一标识\" v-model=\"editDialogData.data.alarmId\"></el-input>\n                        </el-form-item>\n                    </el-col>\n                    <el-col :span=\"12\">\n                        <el-form-item label=\"推送车次:\" prop=\"trainNum\">\n                            <el-input placeholder=\"请输入推送车次\" v-model=\"editDialogData.data.trainNum\"></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=\"附件上传:\">\n                            <el-upload ref=\"uploadFile\" class=\"upload-demo\" drag action=\"#\"\n                                :http-request=\"uploadHttpRequest\" :auto-upload=\"false\" :file-list=\"fileList\" :on-change=\"uploadFileList\">\n                                <div style=\"width: 100%;height: 100%;\" v-if=\"editDialogData.data.fileUrl\">\n                                    <img :src=\"editDialogData.data.fileUrl\" style=\"width: 100%;height: 100%;\"/>\n                                </div>\n                                <div v-else>\n                                    <i class=\"el-icon-upload\" />\n                                <div class=\"el-upload__text\">将文件拖到此处，或<em>点击上传</em></div>\n                                </div>                                                                \n                            </el-upload>\n                        </el-form-item>\n                    </el-col>\n                </el-row>\n            </el-form>\n            <span slot=\"footer\" class=\"dialog-footer\">\n                <div class=\"search\" @click='editImitateDataBtn()'>保 存</div>\n                <div class=\"reset\" @click=\"closeDialog()\">取 消</div>\n            </span>         \n        </el-dialog>\n    </div>\n</template>\n<script>\nimport { importPng } from '@/api/analogData'\nimport { monitorNameList } from \"@/api/monitor\";\nexport default {\n    name:'addDialog',\n    props:{\n        editDialogData:{\n            type: Object,\n            default: {} \n        }\n    },\n    created() {\n        this.getMonitoreName();\n    },\n    data() {\n        return {\n            addImitateData:{\n                alarmTime:'',\n                alarmType:'',\n                alarmRailway:'',\n                alarmLevel:'',\n                alarmMile:'',\n                alarmId:'',\n                alarmAttr:'',\n                alarmConfidence:'',\n                lineDir:'',\n                content:'',\n                fileUrl:''\n            },\n            monitorNameData: [],\n            fileList: [],\n            rules:{\n              alarmTime:[{required: true, message: '请选择报警时间', trigger: 'change' }] ,\n              alarmType:[{required: true, message: '请选择报警病害类型', trigger: 'change' }] ,\n              alarmRailway :[{required: true, message: '请输入报警线路编码', trigger: 'blur' }] ,\n              alarmLevel:[{required: true, message: '请选择报警级别', trigger: 'change' }] ,\n              alarmMile:[{required: true, message: '请输入报警里程位置', trigger: 'blur' }] ,\n              alarmConfidence:[{required: true, message: '请输入报警置信度', trigger: 'blur' }] ,\n              lineDir:[{required: true, message: '请选择行别', trigger: 'change' }] ,\n              content:[{required: true, message: '请输入报警信息内容', trigger: 'blur' }] ,\n              alarmId:[{required: true, message: '请输入唯一标识', trigger: 'blur' }] ,\n              alarmAttr:[{required: true, message: '请输入报警病害属性', trigger: 'blur' }] ,\n              source:[{required: true, message: '请选择报警来源', trigger: 'change' }],\n              trainNum:[{required: true, message: '请输入推送车次', trigger: 'blur' }]\n            }\n        }\n    },\n    methods:{\n        getMonitoreName() {\n            let params = {};\n            monitorNameList(params).then((response) => {\n                        this.monitorNameData = response.data;\n                    });\n            },\n        uploadFileList(file) {\n            if (file.status === 'ready') {\n                this.fileList.push(file)\n                if (this.fileList.length > 1) {\n                this.fileList.splice(0, 1)\n                }\n            }            \n            let formData = new FormData();\n            formData.append('stream', this.fileList[0].raw)\n            formData.append('size', '1')\n            formData.append('contentType', 'contentType')\n            formData.append('alarmMile', this.editDialogData.data.alarmMile)\n            formData.append('alarmRailway', this.editDialogData.data.alarmRailway)\n            formData.append('lineDir', this.editDialogData.data.lineDir)\n            let configHeaders = {\n                headers: { \"Content-Type\": \"multipart/form-data\" }\n            };\n            let isHttpRequest = this.fileList[0].raw.name.split('.')                    \n            if (isHttpRequest[isHttpRequest.length - 1] == 'png') {\n            importPng(formData).then(res => {\n            if (res.message == \"成功\") {\n                    this.$message({\n                        type: 'success',\n                        message: '导入成功!'\n                    });\n                    // let uid = this.fileList[0].raw.uid\n                    // let idx = this.$refs.uploadFile.uploadFiles.findIndex(item => item.uid === uid)\n                    // this.$refs.uploadFile.uploadFiles.splice(idx, 1)                                        \n                    this.editDialogData.data.fileUrl = res.data.url\n                }else{\n                    this.fileList = []\n                    // this.editDialogData.data.fileUrl = ''\n                    this.$message({\n                        type: 'error',\n                        message: res.data\n                    });\n                }\n                })\n                } else {\n                    this.$message({\n                    type: 'error',\n                    message: '上传的文件只能是png格式!'\n                    });\n                    let uid = this.fileList[0].raw.uid\n                    let idx = this.$refs.uploadFile.uploadFiles.findIndex(item => item.uid === uid)\n                    this.$refs.uploadFile.uploadFiles.splice(idx, 1)\n                }\n        },\n        editImitateDataBtn() {\n            this.$refs.ruleForm.validate(valid => {\n                if (valid) {\n                    this.$emit('editImitateData',this.editDialogData.data)\n                }\n            })\n        },\n        closeDialog() {            \n            this.editDialogData.dialogVisible = false            \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>"]}]}