{"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/addDialog.vue?vue&type=style&index=0&id=033b8e18&lang=scss&scoped=true","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/simulatedUpload/components/addDialog.vue","mtime":1708395041888},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCjo6di1kZWVwIC5lbC1kaWFsb2dfX2JvZHkgewogICAgcGFkZGluZzogMjBweCA5NXB4ICFpbXBvcnRhbnQ7Cn0KLmRpYWxvZy1mb290ZXIgewogICAgZGl2IHsKICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgICAgICAgd2lkdGg6IDgwcHg7CiAgICAgICAgaGVpZ2h0OiA0MHB4OwogICAgICAgIGJvcmRlci1yYWRpdXM6IDJweDsKICAgICAgICBmb250LXNpemU6IDE0cHg7CiAgICAgICAgbGluZS1oZWlnaHQ6IDQwcHg7CiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgfQoKICAgIGRpdjpob3ZlciB7CiAgICAgICAgY3Vyc29yOiBwb2ludGVyOwogICAgfQogICAgLnNlYXJjaCB7CiAgICAgICAgbWFyZ2luOiAwIDEycHg7CiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzI3NjZkZDsKICAgICAgICBjb2xvcjogI2ZmZjsKICAgIH0KCiAgICAuc2VhcmNoOmhvdmVyIHsKICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNGQ4NWY0OwogICAgfQogICAgLnJlc2V0IHsKICAgICAgICBjb2xvcjogIzMzMzMzNDsKICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAjZDdkN2Q3OwogICAgfQoKICAgIC5yZXNldDpob3ZlciB7CiAgICAgICAgY29sb3I6ICMxZjlmZmY7CiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgIzFmOWZmZjsKICAgIH0KfQovLyDpgInkuK3lkI5yYWRpb+aWh+acrOeahOminOiJsgo6OnYtZGVlcCAuZWwtcmFkaW9fX2lucHV0LmlzLWNoZWNrZWQgKyAuZWwtcmFkaW9fX2xhYmVsIHsKICAgIGNvbG9yOiAjMjc2NmRkOwp9CgovKiByYWRpb+mAieS4reWQjuWwj+WchueCueeahOminOiJsiAqLwo6OnYtZGVlcCAuZWwtcmFkaW9fX2lucHV0LmlzLWNoZWNrZWQgLmVsLXJhZGlvX19pbm5lciB7CiAgICBiYWNrZ3JvdW5kOiAjMjc2NmRkICFpbXBvcnRhbnQ7CiAgICBib3JkZXItY29sb3I6ICMyNzY2ZGQgIWltcG9ydGFudDsKfQouY2hhbmdLZXJCdG4gewogICAgbWFyZ2luOiAwcHggMTBweCAxNXB4IDA7CiAgICBjdXJzb3I6IHBvaW50ZXI7CiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgICBoZWlnaHQ6IDM5cHg7CiAgICBjb2xvcjogI2ZmZjsKICAgIGJvcmRlci1yYWRpdXM6IDJweDsKICAgIGJvcmRlcjogMXB4IHNvbGlkICNhYmM3ZmQ7CiAgICBmb250LXdlaWdodDogNDAwOwogICAgZm9udC1zaXplOiAxNHB4OwogICAgYmFja2dyb3VuZC1jb2xvcjogIzIyNTBjODsKfQo="},{"version":3,"sources":["addDialog.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+ZA;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":"addDialog.vue","sourceRoot":"src/views/simulatedUpload/components","sourcesContent":["<template>\n    <div class=\"addDialog\">\n        <el-dialog\n            width=\"836px\"\n            center\n            v-if=\"addDialogData.dialogVisible\"\n            :visible.sync=\"addDialogData.dialogVisible\"\n            title=\"新增\"\n        >\n            <el-form\n                label-width=\"120px\"\n                ref=\"ruleForm\"\n                :rules=\"rules\"\n                :model=\"addImitateData\"\n                label-position=\"top\"\n            >\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=\"addImitateData.alarmTime\"\n                                type=\"datetime\"\n                                placeholder=\"选择日期时间\"\n                            >\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\n                                v-model=\"addImitateData.alarmType\"\n                                placeholder=\"请选择报警病害类型\"\n                                clearable\n                            >\n                                <el-option label=\"泥石流\" value=\"1\"></el-option>\n                                <el-option\n                                    label=\"异物侵限\"\n                                    value=\"2\"\n                                ></el-option>\n                                <el-option\n                                    label=\"断轨监测\"\n                                    value=\"3\"\n                                ></el-option>\n                            </el-select>\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=\"source\">\n                            <el-select\n                                v-model=\"addImitateData.source\"\n                                placeholder=\"请选择报警来源\"\n                                clearable\n                            >\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\n                                placeholder=\"请输入报警病害属性\"\n                                v-model=\"addImitateData.alarmAttr\"\n                            ></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\n                                placeholder=\"请输入报警线路编码\"\n                                v-model=\"addImitateData.alarmRailway\"\n                            ></el-input>\n                        </el-form-item>\n                    </el-col>\n                    <el-col :span=\"12\">\n                        <el-form-item label=\"报警级别:\" prop=\"alarmLevel\">\n                            <el-select\n                                v-model=\"addImitateData.alarmLevel\"\n                                placeholder=\"请选择报警级别\"\n                                clearable\n                            >\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\n                                placeholder=\"请输入报警里程位置\"\n                                v-model=\"addImitateData.alarmMile\"\n                            ></el-input>\n                        </el-form-item>\n                    </el-col>\n                    <el-col :span=\"12\">\n                        <el-form-item\n                            label=\"报警置信度:\"\n                            prop=\"alarmConfidence\"\n                        >\n                            <el-input\n                                placeholder=\"请输入报警置信度\"\n                                v-model=\"addImitateData.alarmConfidence\"\n                            ></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\n                                placeholder=\"请选择行别\"\n                                clearable\n                                v-model=\"addImitateData.lineDir\"\n                            >\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\n                                placeholder=\"请输入报警信息内容\"\n                                v-model=\"addImitateData.content\"\n                                type=\"textarea\"\n                                :rows=\"2\"\n                            ></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\n                                placeholder=\"请输入唯一标识\"\n                                v-model=\"addImitateData.alarmId\"\n                            ></el-input>\n                        </el-form-item>\n                    </el-col>\n                    <el-col :span=\"12\">\n                        <el-form-item label=\"推送车次:\" prop=\"trainNum\">\n                            <el-input\n                                placeholder=\"请输入推送车次\"\n                                v-model=\"addImitateData.trainNum\"\n                            ></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\n                                ref=\"uploadFile\"\n                                class=\"upload-demo\"\n                                drag\n                                action=\"#\"\n                                :http-request=\"uploadHttpRequest\"\n                                :auto-upload=\"false\"\n                                :file-list=\"fileList\"\n                                :on-change=\"uploadFileList\"\n                            >\n                                <i class=\"el-icon-upload\" />\n                                <div class=\"el-upload__text\">\n                                    将文件拖到此处，或<em>点击上传</em>\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=\"addImitateDataBtn()\">保 存</div>\n                <div class=\"reset\" @click=\"closeDialog()\">取 消</div>\n            </span>\n        </el-dialog>\n    </div>\n</template>\n<script>\nimport axios from \"axios\";\n\nimport { importPng } from \"@/api/analogData\";\nimport { monitorNameList } from \"@/api/monitor\";\nexport default {\n    name: \"addDialog\",\n    props: {\n        addDialogData: {\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                source: \"\",\n                trainNum: \"\",\n            },\n            monitorNameData: [],\n            fileList: [],\n            rules: {\n                alarmTime: [\n                    {\n                        required: true,\n                        message: \"请选择报警时间\",\n                        trigger: \"change\",\n                    },\n                ],\n                alarmType: [\n                    {\n                        required: true,\n                        message: \"请选择报警病害类型\",\n                        trigger: \"change\",\n                    },\n                ],\n                alarmRailway: [\n                    {\n                        required: true,\n                        message: \"请输入报警线路编码\",\n                        trigger: \"blur\",\n                    },\n                ],\n                alarmLevel: [\n                    {\n                        required: true,\n                        message: \"请选择报警级别\",\n                        trigger: \"change\",\n                    },\n                ],\n                alarmMile: [\n                    {\n                        required: true,\n                        message: \"请输入报警里程位置\",\n                        trigger: \"blur\",\n                    },\n                ],\n                alarmConfidence: [\n                    {\n                        required: true,\n                        message: \"请输入报警置信度\",\n                        trigger: \"blur\",\n                    },\n                ],\n                lineDir: [\n                    {\n                        required: true,\n                        message: \"请选择行别\",\n                        trigger: \"change\",\n                    },\n                ],\n                content: [\n                    {\n                        required: true,\n                        message: \"请输入报警信息内容\",\n                        trigger: \"blur\",\n                    },\n                ],\n                alarmId: [\n                    {\n                        required: true,\n                        message: \"请输入唯一标识\",\n                        trigger: \"blur\",\n                    },\n                ],\n                alarmAttr: [\n                    {\n                        required: true,\n                        message: \"请输入报警病害属性\",\n                        trigger: \"blur\",\n                    },\n                ],\n                source: [\n                    {\n                        required: true,\n                        message: \"请选择报警来源\",\n                        trigger: \"change\",\n                    },\n                ],\n                trainNum: [\n                    {\n                        required: true,\n                        message: \"请输入推送车次\",\n                        trigger: \"blur\",\n                    },\n                ],\n            },\n        };\n    },\n    methods: {\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                axios\n                    .post(`http://10.48.36.43:18810/api/putFile`, formData)\n                    .then((res) => {\n                        if (res.data.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.fileUrl = res.data.data.url;\n                        } else {\n                            this.fileList = [];\n                            this.$message({\n                                type: \"error\",\n                                message: res.data,\n                            });\n                        }\n                    });\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.fileUrl = res.data.url\n                //     }else{\n                //         this.fileList = []\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(\n                    (item) => item.uid === uid\n                );\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        getMonitoreName() {\n            let params = {};\n            monitorNameList(params).then((response) => {\n                this.monitorNameData = response.data;\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>"]}]}