| 1 |
- {"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>"]}]}
|
