1 line
34 KiB
JSON
1 line
34 KiB
JSON
{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1672388657986},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n data() {\r\n return {\r\n sizeForm: {\r\n name: '',\r\n region: '',\r\n date1: '',\r\n date2: '',\r\n delivery: false,\r\n type: [],\r\n resource: '',\r\n desc: ''\r\n },\r\n formInline: {\r\n user: '',\r\n region: ''\r\n },\r\n //最上部表单\r\n topForm:{\r\n\r\n },\r\n //坐标转换\r\n coordinateForm:{\r\n coordinateClose:false,\r\n model:'Georeferencing',\r\n coordinateTransformation:'84坐标系', \r\n },\r\n //车道识别配置\r\n laneform: {\r\n\r\n },\r\n //识别区域\r\n identificationAreaform: {\r\n\r\n },\r\n //轨迹平滑\r\n trajectorySmoothingform: {\r\n\r\n },\r\n // 车牌识别\r\n licensePlateform: {\r\n\r\n },\r\n //停车状态\r\n stopStateform: {\r\n\r\n },\r\n //通信设置\r\n communicationform: {\r\n\r\n },\r\n form: {\r\n name: '',\r\n region: '',\r\n date1: '',\r\n date2: '',\r\n delivery: false,\r\n type: [],\r\n resource: '',\r\n desc: ''\r\n },\r\n tableData: [\r\n {\r\n name:'11',\r\n inPort:'111',\r\n inIp:'01'\r\n },{\r\n name:'22',\r\n inPort:'222',\r\n inIp:'02'\r\n },{\r\n name:'33',\r\n inPort:'333',\r\n inIp:'03'\r\n },\r\n ],\r\n \t\tinternalIpList: [],\r\n fileList: []\r\n };\r\n },\r\n methods: {\r\n handleagain() {\r\n this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n confirmButtonText: '确定',\r\n cancelButtonText: '取消',\r\n type: 'warning'\r\n })\r\n .then(() => {\r\n // this.$message({\r\n // type: 'success',\r\n // message: '删除成功!'\r\n // });\r\n })\r\n .catch(() => {\r\n this.$message({\r\n type: 'info',\r\n message: '已取消'\r\n });\r\n });\r\n },\r\n handleReset() {\r\n this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n confirmButtonText: '确定',\r\n cancelButtonText: '取消',\r\n type: 'warning'\r\n })\r\n .then(() => {\r\n // this.$message({\r\n // type: 'success',\r\n // message: '删除成功!'\r\n // });\r\n })\r\n .catch(() => {\r\n this.$message({\r\n type: 'info',\r\n message: '已取消重置'\r\n });\r\n });\r\n },\r\n handleRemove(file, fileList) {\r\n console.log(file, fileList);\r\n },\r\n handlePreview(file) {\r\n console.log(file);\r\n },\r\n handleExceed(files, fileList) {\r\n this.$message.warning(\r\n `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n );\r\n },\r\n beforeRemove(file, fileList) {\r\n return this.$confirm(`确定移除 ${file.name}？`);\r\n },\r\n // 获取列表\r\n\t\tgetReverseShellList() {\r\n\t // getShellList().then(res => {\r\n\t // if (res.code === 200) {\r\n\t // if (res.data && res.data.length > 0) {\r\n\t // \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n\t // res.data.forEach(item => {\r\n\t // item['isEdit'] = false\r\n\t // })\r\n\t // }\r\n\t // this.tableData = res.data\r\n\t // 在表格列表前插入一行，用来新增数据\r\n\t this.tableData.unshift({\r\n\t name: '',\r\n\t inIp: '',\r\n\t inPort: null,\r\n\t outPort: null,\r\n\t enabled: null,\r\n\t isEdit: true\r\n\t })\r\n\t // }\r\n\t // })\r\n\t },\r\n\t // 新增按钮\r\n\t handleAdd(row) {\r\n\t for (let key in row) {\r\n\t \t// 判断一行字段是否输入完整\r\n\t if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n\t this.msgError('Please complete the information')\r\n\t return\r\n\t }\r\n\t }\r\n\t const params = {\r\n\t name: row.name,\r\n\t inIp: row.inIp,\r\n\t // inPort: parseInt(row.inPort),\r\n\t // outPort: parseInt(row.outPort),\r\n\t // enabled: row.enabled\r\n\t }\r\n this.getReverseShellList()\r\n\t // addShell(params).then(res => {\r\n\t // if (res.code === 200) {\r\n\t // this.msgSuccess('Add reverse shell successfully')\r\n\t // row.isEdit = false\r\n\t // this.getReverseShellList()\r\n\t // }\r\n\t // })\r\n\t },\r\n\t // 编辑或者Apply按钮\r\n\t handleUpdate(row) {\r\n\t // 点击Apply时\r\n\t if (row.isEdit) {\r\n\t for (let key in row) {\r\n\t if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n\t this.msgError('Please complete the information')\r\n\t return\r\n\t }\r\n\t }\r\n\t const params = {\r\n\t name: row.name,\r\n\t inIp: row.inIp,\r\n\t inPort: parseInt(row.inPort),\r\n\t outPort: parseInt(row.outPort),\r\n\t enabled: row.enabled\r\n\t }\r\n\t // updateShell(params).then(res => {\r\n\t // if (res.code === 200) {\r\n\t // this.msgSuccess('Update reverse shell successfully')\r\n\t // this.getReverseShellList()\r\n\t // }\r\n\t // })\r\n\t } else {\r\n\t \t// 点击编辑时\r\n\t row.isEdit = true\r\n\t }\r\n\t },\r\n\t // 删除或取消按钮\r\n\t handleDelete(row) {\r\n\t // 点击取消时\r\n\t if (row.isEdit) {\r\n\t this.getReverseShellList()\r\n\t } else {\r\n\t \t// 点击删除时\r\n\t this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n\t confirmButtonText: 'Sure',\r\n\t cancelButtonText: 'Cancel',\r\n\t type: 'warning'\r\n\t }).then(() => {\r\n\t // deleteShell(row.name).then(res => {\r\n\t // if (res.code === 200) {\r\n\t // this.msgSuccess('Delete reverse shell successfully')\r\n\t // this.getReverseShellList()\r\n\t // }\r\n\t // })\r\n\t }).catch(() => {\r\n\t })\r\n\t }\r\n\t },\r\n\r\n }\r\n};\r\n",{"version":3,"sources":["analysisConfiguration.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0TA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA","file":"analysisConfiguration.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n <div >\r\n <div >\r\n <div class=\"top\">\r\n <div class=\"section\"> \r\n <el-form :inline=\"true\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"140px\">\r\n <div class=\"warning\">\r\n <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\r\n </div>\r\n <el-form-item label=\"自动保存：\" >\r\n <el-switch v-model=\"formInline.user\"></el-switch>\r\n </el-form-item>\r\n <el-form-item label=\"时间间隔：\">\r\n <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\r\n <el-option label=\"20s\" value=\"shanghai\"></el-option>\r\n <el-option label=\"30s\" value=\"beijing\"></el-option>\r\n </el-select>\r\n </el-form-item>\r\n</el-form>\r\n <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">\r\n <div class=\"warning\">\r\n <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>重置分析将删除所有累计的轨迹数据\r\n </div>\r\n <!-- <el-form-item > -->\r\n <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">重置</el-button>\r\n <div class=\"warning\">\r\n <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>在 WGS84 坐标系中输入相机位置\r\n </div>\r\n <el-form-item label=\"相机位置：\">\r\n <el-input v-model=\"sizeForm.name\" style=\"width:150px\" placeholder=\"经度\"></el-input>\r\n <el-input v-model=\"sizeForm.name\" style=\"width:150px;margin-left:20px\" placeholder=\"纬度\"></el-input>\r\n </el-form-item>\r\n </el-form>\r\n </div>\r\n </div> \r\n \r\n <div class=\"dataBoard\">\r\n <div class=\"section\">\r\n <p class=\"board-title\"></p>\r\n <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"140px\">\r\n <el-form-item label=\"自动保存：\">\r\n <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\r\n </el-form-item>\r\n <el-form-item label=\"模型：\" >\r\n <el-radio-group v-model=\"coordinateForm.model\">\r\n <el-radio label=\"Georeferencing\"></el-radio>\r\n <el-radio label=\"其他\"></el-radio>\r\n </el-radio-group>\r\n </el-form-item>\r\n <el-form-item label=\"坐标转换：\">\r\n <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\r\n <el-radio label=\"84坐标系\"></el-radio>\r\n <el-radio label=\"其他\"></el-radio>\r\n </el-radio-group>\r\n </el-form-item>\r\n <div style=\"width:100%;height:300px\">\r\n <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: calc(100% - 50px)\"></iframe>\r\n </div>\r\n <el-table border :data=\"tableData\">\r\n <el-table-column prop=\"name\" label=\"Name\" align=\"center\">\r\n <template slot-scope=\"scope\">\r\n <el-input\r\n v-if=\"scope.$index === 0\"\r\n v-model=\"scope.row.name\"\r\n maxlength=\"30\"\r\n placeholder=\"Required\"\r\n />\r\n <span v-else v-text=\"scope.row.name\"></span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column prop=\"inPort\" label=\"Internal Port\" align=\"center\">\r\n <template slot-scope=\"scope\">\r\n <el-input\r\n v-if=\"scope.row.isEdit\"\r\n v-model=\"scope.row.inPort\"\r\n maxlength=\"20\"\r\n placeholder=\"Required\"\r\n />\r\n <span v-else v-text=\"scope.row.inPort\"></span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"Operation\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n <template slot-scope=\"scope\">\r\n <el-button\r\n v-if=\"scope.$index === 0\"\r\n size=\"mini\"\r\n type=\"text\"\r\n style=\"color: #2090c1\"\r\n @click=\"handleAdd(scope.row)\"\r\n >Add\r\n </el-button>\r\n <el-button\r\n v-if=\"scope.$index !== 0\"\r\n size=\"mini\"\r\n type=\"text\"\r\n style=\"color: #2090c1\"\r\n @click=\"handleUpdate(scope.row)\"\r\n >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n </el-button>\r\n <el-button\r\n v-if=\"scope.$index !== 0\"\r\n size=\"mini\"\r\n type=\"text\"\r\n style=\"color: #F56C6C\"\r\n @click=\"handleDelete(scope.row)\"\r\n >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n </el-button>\r\n </template>\r\n </el-table-column>\r\n</el-table>\r\n<el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">保存</el-button>\r\n</el-form>\r\n </div>\r\n \r\n </div>\r\n <div class=\"dataBoard\">\r\n <div class=\"section\">\r\n <p class=\"board-title\">车道识别配置</p>\r\n <div class=\"warning\">\r\n <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>在视频/动图上设置进口出口道\r\n </div>\r\n <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"350px\"> \r\n <!-- <p>车道识别配置</p> -->\r\n \r\n <div style=\"width:100%;height:300px\">\r\n <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: calc(100% - 50px)\"></iframe>\r\n </div>\r\n <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width:300px\">\r\n <el-switch v-model=\"sizeForm.user\"></el-switch>\r\n </el-form-item>\r\n <el-form-item label=\"自动识别各车道中心点坐标（断面检测器）：\" style=\"width:300px\">\r\n <el-switch v-model=\"sizeForm.user\"></el-switch>\r\n </el-form-item>\r\n <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">保存</el-button>\r\n \r\n \r\n </el-form>\r\n </div>\r\n \r\n </div> \r\n <div class=\"dataBoard\">\r\n <div class=\"section\">\r\n <p class=\"board-title\">识别区域</p>\r\n <div class=\"warning\">\r\n <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\r\n </div>\r\n <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\"> \r\n <!-- <p>车道识别配置</p> -->\r\n \r\n <el-form-item label=\"识别区域开关\" style=\"width:250px\">\r\n <el-switch v-model=\"sizeForm.user\"></el-switch>\r\n </el-form-item>\r\n <div style=\"width:100%;height:300px\">\r\n <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: calc(100% - 50px)\"></iframe>\r\n </div>\r\n <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">保存</el-button>\r\n \r\n </el-form>\r\n </div>\r\n \r\n </div> \r\n <div class=\"dataBoard\">\r\n <div class=\"section\">\r\n <p class=\"board-title\">轨迹平滑</p>\r\n <div class=\"warning\">\r\n <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\r\n </div>\r\n <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\"> \r\n <el-form-item label=\"预测滤波时间\" style=\"width:250px\">\r\n <el-input-number v-model=\"sizeForm.user\" @change=\"handleChange\" :min=\"2000\" :max=\"3000\" label=\"预测滤波时间\"></el-input-number>\r\n </el-form-item>\r\n \r\n </el-form>\r\n </div>\r\n \r\n </div> \r\n <div class=\"dataBoard\">\r\n <div class=\"section\">\r\n <p class=\"board-title\">车牌识别</p>\r\n <div class=\"warning\">\r\n <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\r\n </div>\r\n <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\"> \r\n \r\n <div style=\"width:100%;height:300px\">\r\n <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: calc(100% - 50px)\"></iframe>\r\n </div>\r\n <el-table border :data=\"tableData\">\r\n <el-table-column prop=\"name\" label=\"Name\" align=\"center\">\r\n <template slot-scope=\"scope\">\r\n <el-input\r\n v-if=\"scope.$index === 0\"\r\n v-model=\"scope.row.name\"\r\n maxlength=\"30\"\r\n placeholder=\"Required\"\r\n />\r\n <span v-else v-text=\"scope.row.name\"></span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column prop=\"inPort\" label=\"Internal Port\" align=\"center\">\r\n <template slot-scope=\"scope\">\r\n <el-input\r\n v-if=\"scope.row.isEdit\"\r\n v-model=\"scope.row.inPort\"\r\n maxlength=\"20\"\r\n placeholder=\"Required\"\r\n />\r\n <span v-else v-text=\"scope.row.inPort\"></span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"Operation\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n <template slot-scope=\"scope\">\r\n <el-button\r\n v-if=\"scope.$index === 0\"\r\n size=\"mini\"\r\n type=\"text\"\r\n style=\"color: #2090c1\"\r\n @click=\"handleAdd(scope.row)\"\r\n >Add\r\n </el-button>\r\n <el-button\r\n v-if=\"scope.$index !== 0\"\r\n size=\"mini\"\r\n type=\"text\"\r\n style=\"color: #2090c1\"\r\n @click=\"handleUpdate(scope.row)\"\r\n >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n </el-button>\r\n <el-button\r\n v-if=\"scope.$index !== 0\"\r\n size=\"mini\"\r\n type=\"text\"\r\n style=\"color: #F56C6C\"\r\n @click=\"handleDelete(scope.row)\"\r\n >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n </el-button>\r\n </template>\r\n </el-table-column>\r\n</el-table>\r\n<el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">保存</el-button>\r\n \r\n </el-form>\r\n </div>\r\n \r\n </div> \r\n <div class=\"dataBoard\">\r\n <div class=\"section\">\r\n <p class=\"board-title\">停车状态</p>\r\n <div class=\"warning\">\r\n <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>更新频率：更新频率可以根据链路带宽进行设置。\r\n </div>\r\n <el-form :inline=\"true\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"140px\">\r\n <el-form-item label=\"位移：\" >\r\n <el-input-number v-model=\"formInline.user\" @change=\"handleChange\" :min=\"2000\" :max=\"3000\" label=\"位移\"></el-input-number>\r\n </el-form-item>\r\n <el-form-item label=\"速度：\" >\r\n <el-input-number v-model=\"formInline.user\" @change=\"handleChange\" :min=\"2000\" :max=\"3000\" label=\"速度\"></el-input-number>\r\n</el-form-item>\r\n <el-form-item label=\"加速度：\">\r\n <el-input-number v-model=\"formInline.user\" @change=\"handleChange\" :min=\"2000\" :max=\"3000\" label=\"加速度\"></el-input-number>\r\n </el-form-item>\r\n \r\n</el-form>\r\n<el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">保存</el-button>\r\n </div>\r\n \r\n </div> \r\n <div class=\"dataBoard\">\r\n <div class=\"section\">\r\n <p class=\"board-title\">通信设置</p>\r\n <el-form :model=\"formInline\" class=\"demo-form-inline\" label-width=\"200px\">\r\n <el-form-item label=\"类型：\" style=\"margin-bottom: 20px;\">\r\n <el-radio-group v-model=\"formInline.user\" >\r\n <el-radio label=\"快速-用于高带宽连接\"></el-radio>\r\n <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\r\n <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\r\n <el-radio label=\"自定义\"></el-radio>\r\n </el-radio-group>\r\n </el-form-item>\r\n <el-form-item label=\"请求轻型有效载荷：\">\r\n <el-input v-model=\"formInline.name\" style=\"width:200px;margin-bottom: 20px;\"></el-input>ms\r\n </el-form-item>\r\n <el-form-item label=\"请求重型有效载荷：\">\r\n <el-input v-model=\"formInline.name\" style=\"width:200px;margin-bottom: 20px;\"></el-input>ms\r\n </el-form-item>\r\n <el-form-item label=\"FPS分配器：\">\r\n <el-input v-model=\"formInline.name\" style=\"width:200px;margin-bottom: 20px;\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"框架决议：\">\r\n <el-select v-model=\"formInline.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px;\">\r\n <el-option label=\"自动\" value=\"shanghai\"></el-option>\r\n <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n </el-select>\r\n </el-form-item>\r\n <el-form-item label=\"压缩格式：\">\r\n <el-select v-model=\"formInline.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px;\">\r\n <el-option label=\"JPG\" value=\"shanghai\"></el-option>\r\n <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n </el-select>\r\n </el-form-item>\r\n <el-form-item label=\"压缩率：\">\r\n <el-input v-model=\"formInline.name\" style=\"width:200px\"></el-input>\r\n </el-form-item>\r\n <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">保存</el-button>\r\n</el-form>\r\n </div>\r\n \r\n </div> \r\n\r\n </div>\r\n </div>\r\n</template>\r\n \r\n <script>\r\nexport default {\r\n data() {\r\n return {\r\n sizeForm: {\r\n name: '',\r\n region: '',\r\n date1: '',\r\n date2: '',\r\n delivery: false,\r\n type: [],\r\n resource: '',\r\n desc: ''\r\n },\r\n formInline: {\r\n user: '',\r\n region: ''\r\n },\r\n //最上部表单\r\n topForm:{\r\n\r\n },\r\n //坐标转换\r\n coordinateForm:{\r\n coordinateClose:false,\r\n model:'Georeferencing',\r\n coordinateTransformation:'84坐标系', \r\n },\r\n //车道识别配置\r\n laneform: {\r\n\r\n },\r\n //识别区域\r\n identificationAreaform: {\r\n\r\n },\r\n //轨迹平滑\r\n trajectorySmoothingform: {\r\n\r\n },\r\n // 车牌识别\r\n licensePlateform: {\r\n\r\n },\r\n //停车状态\r\n stopStateform: {\r\n\r\n },\r\n //通信设置\r\n communicationform: {\r\n\r\n },\r\n form: {\r\n name: '',\r\n region: '',\r\n date1: '',\r\n date2: '',\r\n delivery: false,\r\n type: [],\r\n resource: '',\r\n desc: ''\r\n },\r\n tableData: [\r\n {\r\n name:'11',\r\n inPort:'111',\r\n inIp:'01'\r\n },{\r\n name:'22',\r\n inPort:'222',\r\n inIp:'02'\r\n },{\r\n name:'33',\r\n inPort:'333',\r\n inIp:'03'\r\n },\r\n ],\r\n \t\tinternalIpList: [],\r\n fileList: []\r\n };\r\n },\r\n methods: {\r\n handleagain() {\r\n this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n confirmButtonText: '确定',\r\n cancelButtonText: '取消',\r\n type: 'warning'\r\n })\r\n .then(() => {\r\n // this.$message({\r\n // type: 'success',\r\n // message: '删除成功!'\r\n // });\r\n })\r\n .catch(() => {\r\n this.$message({\r\n type: 'info',\r\n message: '已取消'\r\n });\r\n });\r\n },\r\n handleReset() {\r\n this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n confirmButtonText: '确定',\r\n cancelButtonText: '取消',\r\n type: 'warning'\r\n })\r\n .then(() => {\r\n // this.$message({\r\n // type: 'success',\r\n // message: '删除成功!'\r\n // });\r\n })\r\n .catch(() => {\r\n this.$message({\r\n type: 'info',\r\n message: '已取消重置'\r\n });\r\n });\r\n },\r\n handleRemove(file, fileList) {\r\n console.log(file, fileList);\r\n },\r\n handlePreview(file) {\r\n console.log(file);\r\n },\r\n handleExceed(files, fileList) {\r\n this.$message.warning(\r\n `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n );\r\n },\r\n beforeRemove(file, fileList) {\r\n return this.$confirm(`确定移除 ${file.name}？`);\r\n },\r\n // 获取列表\r\n\t\tgetReverseShellList() {\r\n\t // getShellList().then(res => {\r\n\t // if (res.code === 200) {\r\n\t // if (res.data && res.data.length > 0) {\r\n\t // \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n\t // res.data.forEach(item => {\r\n\t // item['isEdit'] = false\r\n\t // })\r\n\t // }\r\n\t // this.tableData = res.data\r\n\t // 在表格列表前插入一行，用来新增数据\r\n\t this.tableData.unshift({\r\n\t name: '',\r\n\t inIp: '',\r\n\t inPort: null,\r\n\t outPort: null,\r\n\t enabled: null,\r\n\t isEdit: true\r\n\t })\r\n\t // }\r\n\t // })\r\n\t },\r\n\t // 新增按钮\r\n\t handleAdd(row) {\r\n\t for (let key in row) {\r\n\t \t// 判断一行字段是否输入完整\r\n\t if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n\t this.msgError('Please complete the information')\r\n\t return\r\n\t }\r\n\t }\r\n\t const params = {\r\n\t name: row.name,\r\n\t inIp: row.inIp,\r\n\t // inPort: parseInt(row.inPort),\r\n\t // outPort: parseInt(row.outPort),\r\n\t // enabled: row.enabled\r\n\t }\r\n this.getReverseShellList()\r\n\t // addShell(params).then(res => {\r\n\t // if (res.code === 200) {\r\n\t // this.msgSuccess('Add reverse shell successfully')\r\n\t // row.isEdit = false\r\n\t // this.getReverseShellList()\r\n\t // }\r\n\t // })\r\n\t },\r\n\t // 编辑或者Apply按钮\r\n\t handleUpdate(row) {\r\n\t // 点击Apply时\r\n\t if (row.isEdit) {\r\n\t for (let key in row) {\r\n\t if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n\t this.msgError('Please complete the information')\r\n\t return\r\n\t }\r\n\t }\r\n\t const params = {\r\n\t name: row.name,\r\n\t inIp: row.inIp,\r\n\t inPort: parseInt(row.inPort),\r\n\t outPort: parseInt(row.outPort),\r\n\t enabled: row.enabled\r\n\t }\r\n\t // updateShell(params).then(res => {\r\n\t // if (res.code === 200) {\r\n\t // this.msgSuccess('Update reverse shell successfully')\r\n\t // this.getReverseShellList()\r\n\t // }\r\n\t // })\r\n\t } else {\r\n\t \t// 点击编辑时\r\n\t row.isEdit = true\r\n\t }\r\n\t },\r\n\t // 删除或取消按钮\r\n\t handleDelete(row) {\r\n\t // 点击取消时\r\n\t if (row.isEdit) {\r\n\t this.getReverseShellList()\r\n\t } else {\r\n\t \t// 点击删除时\r\n\t this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n\t confirmButtonText: 'Sure',\r\n\t cancelButtonText: 'Cancel',\r\n\t type: 'warning'\r\n\t }).then(() => {\r\n\t // deleteShell(row.name).then(res => {\r\n\t // if (res.code === 200) {\r\n\t // this.msgSuccess('Delete reverse shell successfully')\r\n\t // this.getReverseShellList()\r\n\t // }\r\n\t // })\r\n\t }).catch(() => {\r\n\t })\r\n\t }\r\n\t },\r\n\r\n }\r\n};\r\n</script>\r\n \r\n<style lang=\"scss\" scoped>\r\n// /deep/ .el-form-item__content {\r\n// display: flex;\r\n// flex-flow: row nowrap;\r\n// align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n// text-align: left;\r\n// font-size: 16px;\r\n// }\r\n.dataBoard {\r\n display: flex;\r\n justify-content: space-between;\r\n}\r\n.top .section {\r\n// width: 80%;\r\n// border: 1px solid gray;\r\n box-sizing: border-box;\r\n padding: 15px;\r\n margin-bottom: 1%;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n width: 80%;\r\n border: 1px solid gray;\r\n box-sizing: border-box;\r\n padding: 15px;\r\n margin-bottom: 3%;\r\n}\r\n\r\n.dataBoard .board-title {\r\n font-size: 17px;\r\n font-weight: bolder;\r\n position: relative;\r\n margin-bottom: 30px;\r\n}\r\n.container {\r\n width: 100%;\r\n height: 100%;\r\n p {\r\n width: 95%;\r\n font-size: 25px;\r\n text-align: left;\r\n border-bottom: 1px solid black;\r\n margin-bottom: 20px;\r\n }\r\n}\r\n</style>\r\n "]}]} |