{"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/detailsDialog.vue?vue&type=style&index=0&id=3534020e&lang=scss&scoped=true","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/simulatedUpload/components/detailsDialog.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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgo6OnYtZGVlcCAuZWwtZGlhbG9nX19ib2R5ewogIHBhZGRpbmc6IDIwcHggOTVweCAhaW1wb3J0YW50Owp9Ci5kaWFsb2ctZm9vdGVyeyAgICAKICAgIGRpdiB7ICAgICAgICAKICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgICAgICAgd2lkdGg6IDgwcHg7CiAgICAgICAgaGVpZ2h0OiA0MHB4OwogICAgICAgIGJvcmRlci1yYWRpdXM6IDJweDsKICAgICAgICBmb250LXNpemU6IDE0cHg7CiAgICAgICAgbGluZS1oZWlnaHQ6IDQwcHg7CiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgICB9CgogICAgICBkaXY6aG92ZXIgewogICAgICAgIGN1cnNvcjogcG9pbnRlcjsKICAgICAgfQogICAgICAuc2VhcmNoIHsKICAgICAgICBtYXJnaW46IDAgMTJweDsKICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjc2NkREOwogICAgICAgIGNvbG9yOiAjZmZmOwogICAgICB9CgogICAgICAuc2VhcmNoOmhvdmVyIHsKICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNEQ4NUY0OwogICAgICB9CiAgICAgIC5yZXNldCB7CiAgICAgICAgY29sb3I6ICMzMzMzMzQ7CiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgI0Q3RDdENzsKICAgICAgfQoKICAgICAgLnJlc2V0OmhvdmVyIHsKICAgICAgICBjb2xvcjogIzFGOUZGRjsKICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAjMUY5RkZGOwogICAgICB9Cn0KLy8g6YCJ5Lit5ZCOcmFkaW/mlofmnKznmoTpopzoibIKOjp2LWRlZXAgLmVsLXJhZGlvX19pbnB1dC5pcy1jaGVja2VkKy5lbC1yYWRpb19fbGFiZWwgewogICAgY29sb3I6ICMyNzY2REQKfQoKLyogcmFkaW/pgInkuK3lkI7lsI/lnIbngrnnmoTpopzoibIgKi8KOjp2LWRlZXAgLmVsLXJhZGlvX19pbnB1dC5pcy1jaGVja2VkIC5lbC1yYWRpb19faW5uZXIgewogICAgYmFja2dyb3VuZDogIzI3NjZERCAhaW1wb3J0YW50OwogICAgYm9yZGVyLWNvbG9yOiAjMjc2NkREICFpbXBvcnRhbnQ7Cn0KLmNoYW5nS2VyQnRuewogICAgbWFyZ2luOiAwcHggMTBweCAxNXB4IDA7CiAgICBjdXJzb3I6IHBvaW50ZXI7CiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgICBoZWlnaHQ6IDM5cHg7CiAgICBjb2xvcjogI2ZmZjsKICAgIGJvcmRlci1yYWRpdXM6IDJweDsKICAgIGJvcmRlcjogMXB4IHNvbGlkICNBQkM3RkQ7CiAgICBmb250LXdlaWdodDogNDAwOwogICAgZm9udC1zaXplOiAxNHB4OwogICAgYmFja2dyb3VuZC1jb2xvcjogIzIyNTBDODsKfQo="},{"version":3,"sources":["detailsDialog.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwPA;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":"detailsDialog.vue","sourceRoot":"src/views/simulatedUpload/components","sourcesContent":["<template>\n    <div class=\"detailsDialog\">\n        <el-dialog width=\"836px\" center v-if=\"detailsDialogData.dialogVisible\" :visible.sync=\"detailsDialogData.dialogVisible\" title=\"详情\">\n            <el-form label-width=\"120px\" ref=\"ruleForm\" :rules=\"rules\" :model=\"detailsDialogData.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                            disabled\n                            value-format=\"yyyy-MM-dd HH:mm:ss\" \n                            v-model=\"detailsDialogData.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=\"detailsDialogData.data.alarmType\" placeholder=\"请选择报警病害类型\" clearable disabled>\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 disabled v-model=\"detailsDialogData.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 disabled placeholder=\"请输入报警病害属性\" v-model=\"detailsDialogData.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 disabled placeholder=\"请输入报警线路编码\" v-model=\"detailsDialogData.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 disabled v-model=\"detailsDialogData.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 disabled placeholder=\"请输入报警里程位置\" v-model=\"detailsDialogData.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 disabled placeholder=\"请输入报警置信度\" v-model=\"detailsDialogData.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 disabled placeholder=\"请选择行别\" clearable v-model=\"detailsDialogData.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 disabled placeholder=\"请输入报警信息内容\" v-model=\"detailsDialogData.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 disabled placeholder=\"请输入唯一标识\" v-model=\"detailsDialogData.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 disabled placeholder=\"请输入推送车次\" v-model=\"detailsDialogData.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                                <i class=\"el-icon-upload\" />\n                                <div class=\"el-upload__text\">将文件拖到此处，或<em>点击上传</em></div>                                \n                            </el-upload> -->\n                            <div style=\"width: 300px;\" v-if=\"detailsDialogData.data.fileUrl\">\n                                <img :src=\"detailsDialogData.data.fileUrl\" style=\"width: 100%;height: 100%;\"/>\n                            </div>\n                            <div style=\"width:300px\" v-else></div>\n                        </el-form-item>\n                    </el-col>\n                </el-row>\n            </el-form>        \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        detailsDialogData:{\n            type: Object,\n            default: {} \n        }\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                files:[]\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    created() {\n        this.getMonitoreName();\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.addImitateData.alarmMile)\n            formData.append('alarmRailway', this.addImitateData.alarmRailway)\n            formData.append('lineDir', this.addImitateData.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.addImitateData.files[0] = res.data.url\n                }else{\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        addImitateDataBtn() {\n            this.$refs.ruleForm.validate(valid => {\n                if (valid) {\n                    this.$emit('addImitateData',this.addImitateData)\n                }\n            })\n        },\n        closeDialog() {\n            this.addImitateData = {\n                alarmTime:'',\n                alarmType:'',\n                alarmRailway:'',\n                alarmLevel:'',\n                alarmMile:'',\n                alarmConfidence:'',\n                lineDir:'',\n                content:'',\n                files:[]\n            }\n            this.addDialogData.dialogVisible = false            \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>"]}]}