{"remainingRequest":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\src\\views\\modules\\equipmentManage\\electric-add-or-update.vue?vue&type=style&index=0&id=96687e96&scoped=true&lang=scss&","dependencies":[{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\src\\views\\modules\\equipmentManage\\electric-add-or-update.vue","mtime":1614735254000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\sass-loader\\lib\\loader.js","mtime":1533139052000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/deep/ .el-input__inner[disabled] {\n\ttext-align: center;\n}\n",{"version":3,"sources":["electric-add-or-update.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6SA;AACA;AACA","file":"electric-add-or-update.vue","sourceRoot":"src/views/modules/equipmentManage","sourcesContent":["<template>\n\t<el-dialog :visible.sync=\"visible\" :title=\"!dataForm.id ? $t('add') : $t('update')\" :close-on-click-modal=\"false\"\n\t :close-on-press-escape=\"false\">\n\t\t<el-form :model=\"dataForm\" :rules=\"dataRule\" ref=\"dataForm\" @keyup.enter.native=\"dataFormSubmitHandle()\" label-width=\"120px\">\n\t\t\t<el-form-item prop=\"tfId\" label=\"id\" style=\"display: none;\">\n\t\t\t\t<el-input v-model=\"dataForm.tfId\" placeholder=\"请输入\" clearable></el-input>\n\t\t\t</el-form-item>\n\t\t\t<el-form-item prop=\"tfDevicename\" label=\"设备名称\">\n\t\t\t\t<el-input v-model=\"dataForm.tfDevicename\" placeholder=\"请输入\" clearable></el-input>\n\t\t\t</el-form-item>\n\t\t\t<el-form-item prop=\"tfDevicesn\" label=\"设备序列号\">\n\t\t\t\t<el-input v-model=\"dataForm.tfDevicesn\" placeholder=\"请输入\" clearable></el-input>\n\t\t\t</el-form-item>\n\t\t\t<el-form-item prop=\"tfIpgateway\" label=\"IP地址\">\n\t\t\t\t<el-input v-model=\"dataForm.tfIpgateway\" placeholder=\"请输入\" clearable></el-input>\n\t\t\t</el-form-item>\n\t\t\t<el-form-item prop=\"tfSetupaddr\" label=\"安装位置\">\n\t\t\t\t<el-cascader v-model=\"dataForm.tfSetupaddr\" :props=\"{ value: 'df_floorid', label: 'df_floorname'}\" clearable\n\t\t\t\t placeholder=\"请选择\" :options=\"tfSetupaddrList\" @change=\"handleRoomChange\" style=\"width: 100%;\"></el-cascader>\n\t\t\t</el-form-item>\n\t\t\t<el-form-item prop=\"tfExpirydate\" label=\"有效期\">\n\t\t\t\t<el-date-picker v-model=\"dataForm.tfExpirydate\" type=\"date\" value-format=\"yyyy-MM-dd\" placeholder=\"请选择\" style=\"width: 100%\"></el-date-picker>\n\t\t\t</el-form-item>\n\t\t\t<el-form-item prop=\"scTransformerroomDTOList\" label=\"检测端编号\">\n\t\t\t\t<el-row v-for=\"(item,index) in dataForm.scTransformerroomDTOList\" :key=\"index\">\n\t\t\t\t\t<el-col :span=\"2\">\n\t\t\t\t\t\t<el-input v-model=\"item.tfrPortaddr\" :disabled=\"true\">\n\t\t\t\t\t\t</el-input>\n\t\t\t\t\t</el-col>\n\t\t\t\t\t<el-col :span=\"22\">\n\t\t\t\t\t\t<el-select v-model=\"item.drId\" placeholder=\"请选择\" clearable style=\"width: 100%;\" @change=\"selectHandle($event,item)\">\n\t\t\t\t\t\t\t<el-option v-for=\"item in roomList\" :key=\"item.drId\" :label=\"item.drNum\" :value=\"item.drId\">\n\t\t\t\t\t\t\t</el-option>\n\t\t\t\t\t\t</el-select>\n\t\t\t\t\t</el-col>\n\t\t\t\t</el-row>\n\t\t\t</el-form-item>\n\t\t\t<el-form-item label=\"备注\" prop=\"remark\">\n\t\t\t\t<el-input type=\"textarea\" v-model=\"dataForm.remark\" clearable></el-input>\n\t\t\t</el-form-item>\n\t\t</el-form>\n\t\t<template slot=\"footer\">\n\t\t\t<el-button @click=\"visible = false\">{{ $t('cancel') }}</el-button>\n\t\t\t<el-button type=\"primary\" @click=\"dataFormSubmitHandle()\" v-loading=\"loading\">{{ $t('confirm') }}</el-button>\n\t\t</template>\n\t</el-dialog>\n</template>\n\n<script>\n\timport throttle from 'lodash/throttle'\n\timport {\n\t\tvalidateIP,\n\t} from '@/utils/validate.js'\n\timport {\n\t\ttreeDataTranslate\n\t} from '@/utils'\n\texport default {\n\t\tname: \"electric-add-or-update\",\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tvisible: false,\n\t\t\t\tloading: false,\n\t\t\t\ttfSetupaddrList: [], // 楼栋、楼层级联\n\t\t\t\tdataForm: {\n\t\t\t\t\t\"id\": \"\",\n\t\t\t\t\ttfId: \"\",\n\t\t\t\t\ttfDevicename: \"\",\n\t\t\t\t\t\"tfDevicesn\": \"\",\n\t\t\t\t\t\"tfIpgateway\": \"\",\n\t\t\t\t\ttfSetupaddr: [],\n\t\t\t\t\t\"tfExpirydate\": \"\",\n\t\t\t\t\tscTransformerroomDTOList: [{\n\t\t\t\t\t\t\ttfrPortaddr: 1,\n\t\t\t\t\t\t\tdrId: \"\",\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttfrPortaddr: 2,\n\t\t\t\t\t\t\tdrId: \"\",\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttfrPortaddr: 3,\n\t\t\t\t\t\t\tdrId: \"\",\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttfrPortaddr: 4,\n\t\t\t\t\t\t\tdrId: \"\",\n\t\t\t\t\t\t},\n\t\t\t\t\t],\n\t\t\t\t\tremark: \"\",\n\t\t\t\t},\n\t\t\t\troomList: [], // 房间号列表\n\t\t\t}\n\t\t},\n\t\tcomputed: {\n\t\t\tdataRule() {\n\t\t\t\tvar validateRoom = (rule, value, callback) => {\n\t\t\t\t\tlet status = value.some(item => {\n\t\t\t\t\t\treturn item.drId !== \"\"\n\t\t\t\t\t})\n\t\t\t\t\tif (status) {\n\t\t\t\t\t\tcallback();\n\t\t\t\t\t} else {\n\t\t\t\t\t\tcallback(new Error(this.$t('validate.required')));\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn {\n\t\t\t\t\ttfDevicename: [{\n\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\tmessage: this.$t('validate.required'),\n\t\t\t\t\t\ttrigger: 'blur'\n\t\t\t\t\t}],\n\t\t\t\t\ttfDevicesn: [{\n\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\tmessage: this.$t('validate.required'),\n\t\t\t\t\t\ttrigger: 'blur'\n\t\t\t\t\t}],\n\t\t\t\t\ttfIpgateway: [{\n\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\tvalidator: validateIP,\n\t\t\t\t\t\ttrigger: 'blur'\n\t\t\t\t\t}],\n\t\t\t\t\ttfSetupaddr: [{\n\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\tmessage: this.$t('validate.required'),\n\t\t\t\t\t\ttrigger: 'change'\n\t\t\t\t\t}],\n\t\t\t\t\ttfExpirydate: [{\n\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\tmessage: this.$t('validate.required'),\n\t\t\t\t\t\ttrigger: 'change'\n\t\t\t\t\t}],\n\t\t\t\t\tscTransformerroomDTOList: [{\n\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\tvalidator: validateRoom,\n\t\t\t\t\t\ttrigger: 'change'\n\t\t\t\t\t}],\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tmethods: {\n\t\t\tinit() {\n\t\t\t\tthis.visible = true\n\t\t\t\tthis.roomList = []\n\t\t\t\tthis.$nextTick(() => {\n\t\t\t\t\tthis.$refs['dataForm'].resetFields()\n\t\t\t\t\tPromise.all([this.getTfSetupaddrList()]).then(() => {\n\t\t\t\t\t\tif (this.dataForm.id) {\n\t\t\t\t\t\t\tthis.getInfo()\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t})\n\t\t\t},\n\t\t\t// 获取楼栋和楼层的cascader\n\t\t\tgetTfSetupaddrList() {\n\t\t\t\t// -1是获取所有楼栋\n\t\t\t\tthis.$http.get(`/system/scdormitoryfloor/tree/-1`).then(({\n\t\t\t\t\tdata: res\n\t\t\t\t}) => {\n\t\t\t\t\tif (res.code !== 0) {\n\t\t\t\t\t\treturn this.$message.error(res.msg)\n\t\t\t\t\t}\n\t\t\t\t\tthis.tfSetupaddrList = treeDataTranslate(res.data, 'df_floorid', 'df_parentid')\n\t\t\t\t}).catch(() => {})\n\t\t\t},\n\t\t\t// 根据楼层id获取房间列表\n\t\t\thandleRoomChange(e) {\n\t\t\t\tthis.dataForm.scTransformerroomDTOList = [{\n\t\t\t\t\t\ttfrPortaddr: 1,\n\t\t\t\t\t\tdrId: \"\",\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttfrPortaddr: 2,\n\t\t\t\t\t\tdrId: \"\",\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttfrPortaddr: 3,\n\t\t\t\t\t\tdrId: \"\",\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttfrPortaddr: 4,\n\t\t\t\t\t\tdrId: \"\",\n\t\t\t\t\t},\n\t\t\t\t]\n\t\t\t\tthis.roomList = []\n\t\t\t\tif (e.length === 0) {\n\t\t\t\t\treturn\n\t\t\t\t} else if (e.length === 1) {\n\t\t\t\t\tthis.$message.info(\"请选择楼层\")\n\t\t\t\t} else {\n\t\t\t\t\tlet floorId = e[e.length - 1]\n\t\t\t\t\tthis.$http.get(`/system/scdormitoryfloor/getByFloorId/${floorId}`).then(({\n\t\t\t\t\t\tdata: res\n\t\t\t\t\t}) => {\n\t\t\t\t\t\tif (res.code !== 0) {\n\t\t\t\t\t\t\treturn this.$message.error(res.msg)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tthis.roomList = res.data\n\t\t\t\t\t}).catch(() => {})\n\t\t\t\t}\n\t\t\t},\n\t\t\t// 房间号和暴漏的接口关联\n\t\t\tselectHandle(e, obj) {\n\t\t\t\tthis.dataForm.scTransformerroomDTOList.forEach(item => {\n\t\t\t\t\tif (obj.tfrPortaddr !== item.tfrPortaddr && e === item.drId) {\n\t\t\t\t\t\titem.drId = \"\"\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\t// if (e.drId === \"\") {\n\t\t\t\t// \tthis.dataForm.scTransformerroomDTOList[e.tfrPortaddr - 1].drId = \"\"\n\t\t\t\t// } else {\n\t\t\t\t// \tlet i = 0\n\t\t\t\t// \tthis.dataForm.scTransformerroomDTOList.forEach(item => {\n\t\t\t\t// \t\tif (item.drId === e.drId) {\n\t\t\t\t// \t\t\ti++\n\t\t\t\t// \t\t\tif (i > 1) {\n\t\t\t\t// \t\t\t\tthis.dataForm.scTransformerroomDTOList[e.tfrPortaddr - 1].drId = \"\"\n\t\t\t\t// \t\t\t\treturn this.$message.info(\"此房间号已被使用\")\n\t\t\t\t// \t\t\t}\n\t\t\t\t// \t\t}\n\t\t\t\t// \t})\n\t\t\t\t// }\n\t\t\t},\n\n\t\t\t// 获取信息\n\t\t\tgetInfo() {\n\t\t\t\tthis.$http.get(`/system/sctransformerdc/${this.dataForm.id}`).then(({\n\t\t\t\t\tdata: res\n\t\t\t\t}) => {\n\t\t\t\t\tif (res.code !== 0) {\n\t\t\t\t\t\treturn this.$message.error(res.msg)\n\t\t\t\t\t}\n\t\t\t\t\tthis.handleRoomChange(res.data.tfSetupaddr)\n\t\t\t\t\tlet ports=res.data.scTransformerroomDTOList.map(item=>{ return item.tfrPortaddr});\n\t\t\t\t\tlet list=[\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttfrPortaddr: 1,\n\t\t\t\t\t\t\tdrId: \"\",\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttfrPortaddr: 2,\n\t\t\t\t\t\t\tdrId: \"\",\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttfrPortaddr: 3,\n\t\t\t\t\t\t\tdrId: \"\",\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttfrPortaddr: 4,\n\t\t\t\t\t\t\tdrId: \"\",\n\t\t\t\t\t\t},\n\t\t\t\t\t];\n\t\t\t\t\tlist.forEach((item,index)=>{\n\t\t\t\t\t\tlet order=ports.indexOf(item.tfrPortaddr);\n\t\t\t\t\t\tif(order>=0){\n\t\t\t\t\t\t\tlist[index]=res.data.scTransformerroomDTOList[order]\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n                    console.log(\"getInfo -> list\", list)\n\t\t\t\t\t\n\t\t\t\t\tthis.dataForm = { ...this.dataForm,\n\t\t\t\t\t\t...res.data,\n\t\t\t\t\t\tscTransformerroomDTOList:list\n\t\t\t\t\t}\n\t\t\t\t}).catch(() => {})\n\t\t\t},\n\t\t\t// 表单提交\n\t\t\tdataFormSubmitHandle: throttle(function() {\n\t\t\t\tthis.$refs['dataForm'].validate((valid) => {\n\t\t\t\t\tif (!valid) {\n\t\t\t\t\t\treturn false\n\t\t\t\t\t}\n\t\t\t\t\tthis.loading = true\n\t\t\t\t\tthis.$http[!this.dataForm.id ? 'post' : 'put'](!this.dataForm.id ? '/system/sctransformerdc' :\n\t\t\t\t\t\t'/system/sctransformerdc', this.dataForm).then(({\n\t\t\t\t\t\tdata: res\n\t\t\t\t\t}) => {\n\t\t\t\t\t\tif (res.code !== 0) {\n\t\t\t\t\t\t\treturn this.$message.error(res.msg)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tthis.$message({\n\t\t\t\t\t\t\tmessage: this.$t('prompt.success'),\n\t\t\t\t\t\t\ttype: 'success',\n\t\t\t\t\t\t\tduration: 500,\n\t\t\t\t\t\t\tonClose: () => {\n\t\t\t\t\t\t\t\tthis.visible = false\n\t\t\t\t\t\t\t\tthis.$emit('refreshDataList')\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}).catch(() => {}).finally(() => {\n\t\t\t\t\t\tthis.loading = false\n\t\t\t\t\t})\n\t\t\t\t})\n\t\t\t}, 1000, {\n\t\t\t\t'leading': true,\n\t\t\t\t'trailing': false\n\t\t\t})\n\t\t}\n\t}\n</script>\n\n<style scoped lang=\"scss\">\n\t/deep/ .el-input__inner[disabled] {\n\t\ttext-align: center;\n\t}\n</style>\n"]}]}