1 line
30 KiB
JSON
1 line
30 KiB
JSON
{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1674961941273},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1674961932750},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1674961940096},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1674961932750},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1674961940096}],"contextDependencies":[],"result":["\n<div class=\"analysis\">\n <div class=\"top\" style=\"margin-top:10px\">\n <div class=\"section\">\n <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\n <div class=\"warning\">\n <p class=\"board-title\">自动保存</p>\n <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\n </div>\n <el-form-item label=\"自动保存：\">\n <el-switch v-model=\"formInline.user\"></el-switch>\n </el-form-item>\n <el-form-item label=\"时间间隔：\">\n <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\n <el-option label=\"20s\" value=\"shanghai\"></el-option>\n <el-option label=\"30s\" value=\"beijing\"></el-option>\n </el-select>\n </el-form-item>\n </el-form>\n <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\n <div class=\"warning\" v-if=\"false\">\n <p class=\"board-title\">重置分析</p>\n <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\n </div>\n <!-- <el-form-item > -->\n <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\n <div class=\"warning\" style=\"margin-top:15px\" @click=\"handleContent('postion')\">\n <i :class=\"contentShow.postion==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\n <p class=\"board-title\">相机位置</p>\n <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i> 在 WGS84 坐标系中输入相机位置\n </div>\n <el-form-item label=\"相机位置：\" v-if=\"contentShow.postion\">\n <el-input v-model=\"sizeForm.longitude\" size=\"small\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\n <el-input v-model=\"sizeForm.latitude\" size=\"small\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\n </el-form-item>\n </el-form>\n <div style=\"margin-top: 15px\" v-if=\"contentShow.postion\">\n <el-button type=\"primary\" @click=\"handSaveitude()\" size=\"small\" style=\"width: 150px\">保存</el-button>\n </div>\n </div>\n </div>\n <div class=\"dataBoard\">\n <div class=\"section\">\n <div class=\"warning\" @click=\"handleContent('coordinate')\">\n <i :class=\"contentShow.coordinate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\n <p class=\"board-title\">坐标转换</p>\n <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\n </div>\n <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\" v-if=\"contentShow.coordinate\">\n <!-- <el-form-item label=\"坐标转换开关：\">\n <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\n </el-form-item> -->\n <el-form-item label=\"UTM区：\" class=\"otherThings\">\n <el-input-number v-model=\"coordinateForm.num\" controls-position=\"right\" :precision=\"0\" size=\"small\" :min=\"1\" :max=\"60\"></el-input-number>\n <div class=\"warning\" style=\"margin:0px\">\n <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n >地理参照允许测量物理速度和静态图像源的距离,值范围1-60。\n </div>\n </el-form-item>\n <el-form-item label=\"半球：\" >\n <el-select size=\"small\" v-model=\"coordinateForm.value\" placeholder=\"请选择\">\n <el-option\n v-for=\"(item) in options\"\n :key=\"item.value\"\n :label=\"item.label\"\n :value=\"item.value\">\n </el-option>\n </el-select>\n </el-form-item>\n <el-form-item label=\"坐标转换：\" >\n <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\n <el-radio label=\"WGS-84坐标系\"></el-radio>\n <el-radio label=\"其他\"></el-radio>\n </el-radio-group>\n </el-form-item>\n <div style=\"width: 100%; height: 702px; margin-bottom: 10px\" >\n <iframe\n ref=\"analysisWeb\"\n src=\"./analysisWeb/index.html\"\n frameborder=\"0\"\n style=\"width: 100%; height: 100%\"\n ></iframe>\n </div>\n <div class=\"warning\">\n <el-button\n size=\"mini\"\n type=\"primary\"\n style=\"color: #fffff\"\n @click=\"dialogVisible = true\"\n >新增点\n </el-button>\n <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n >请至少配置4个点，不满足4个点会没有数据。\n </div>\n <el-table border :data=\"coordinateTableData\" >\n <template slot=\"empty\">\n <el-empty :image-size=\"100\" description='暂无数据'></el-empty>\n </template>\n <el-table-column prop=\"pointName\" label=\"点名称\" align=\"center\">\n <template slot-scope=\"scope\">\n <el-input :disabled=\"scope.row.btnShow == '1'?true:false\" v-model=\"scope.row.pointName\" maxlength=\"30\" placeholder=\"请输入\" @blur=\"updateName($event)\"/>\n </template>\n </el-table-column>\n <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\n <template slot-scope=\"scope\">\n <el-input :disabled=\"scope.row.btnShow == '1'?true:false\" v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"请输入\" />\n </template>\n </el-table-column>\n <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\n <template slot-scope=\"scope\">\n <el-input :disabled=\"scope.row.btnShow == '1'?true:false\" v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"请输入\" />\n </template>\n </el-table-column>\n <el-table-column prop=\"oldName\" label=\"旧名字\" align=\"center\" v-if=\"laneform.laneClose == true\">\n <template slot-scope=\"scope\">\n <el-input v-model=\"scope.row.oldName\" maxlength=\"20\" placeholder=\"请输入\" />\n </template>\n </el-table-column>\n <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\n <template slot-scope=\"scope\">\n <el-button\n size=\"mini\"\n type=\"text\"\n style=\"color: #2090c1\"\n v-if=\"scope.row.btnShow == '1'?true:false\"\n @click=\"handleExit(scope.row,scope.$index)\"\n >编辑\n </el-button>\n <el-button\n size=\"mini\"\n type=\"text\"\n style=\"color: #2090c1\"\n v-else\n @click=\"handleconfirm(scope.row,scope.$index)\"\n >确认编辑\n </el-button>\n <el-button\n size=\"mini\"\n type=\"text\"\n style=\"color: #f56c6c\"\n @click=\"handleDeleteDian(scope.row)\"\n >删除\n </el-button>\n </template>\n </el-table-column>\n </el-table>\n <div style=\"margin-top: 15px\">\n <el-button\n type=\"primary\"\n :disabled=\"coordinateTableData.length<4\"\n @click=\"handlePos()\"\n size=\"small\"\n style=\"width: 150px\"\n >保存</el-button\n >\n </div>\n </el-form>\n </div>\n </div>\n <div class=\"dataBoard\" v-if=\"false\">\n <div class=\"section\">\n <div class=\"warning\">\n <p class=\"board-title\">车道识别配置</p>\n <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\n </div>\n <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\n <!-- <p>车道识别配置</p> -->\n <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\n <el-switch v-model=\"laneform.laneClose\"></el-switch>\n </el-form-item>\n <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\n <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\n </div>\n <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\n <el-switch v-model=\"laneform.areaDetector\"></el-switch>\n </el-form-item>\n <el-form-item\n label=\"自动识别各车道中心点坐标（断面检测器）：\"\n style=\"width: 300px\"\n v-if=\"laneform.laneClose == true\"\n >\n <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\n </el-form-item>\n <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\n >保存</el-button\n >\n </el-form>\n </div>\n </div>\n <div class=\"dataBoard\" v-if=\"false\">\n <div class=\"section\">\n <div class=\"warning\">\n <p class=\"board-title\">识别区域</p>\n <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\n </div>\n \n\n <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\n <!-- <p>车道识别配置</p> -->\n\n <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\n <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\n </el-form-item>\n <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\n <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\n </div>\n <el-button\n type=\"primary\"\n @click=\"handleagain()\"\n size=\"small\"\n style=\"width: 150px\"\n v-if=\"identificationAreaform.identificationAreaClose == true\"\n >保存</el-button\n >\n </el-form>\n </div>\n </div>\n <div class=\"dataBoard\" v-if=\"false\">\n <div class=\"section\">\n <div class=\"warning\">\n <p class=\"board-title\">轨迹平滑</p>\n <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\n </div>\n <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\n <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\n <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\n </el-form-item>\n <el-form-item\n label=\"预测滤波时间：\"\n style=\"width: 250px\"\n v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\n >\n <el-input-number\n v-model=\"trajectorySmoothingform.time\"\n @change=\"handleChange\"\n :min=\"2000\"\n :max=\"3000\"\n label=\"预测滤波时间\"\n ></el-input-number>\n </el-form-item>\n <el-button\n type=\"primary\"\n @click=\"handleagain()\"\n size=\"small\"\n style=\"width: 150px\"\n v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\n >保存</el-button\n >\n </el-form>\n </div>\n </div>\n <div class=\"dataBoard\">\n <div class=\"section\">\n <div class=\"warning\" @click=\"handleContent('plate')\">\n <i :class=\"contentShow.plate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\n <p class=\"board-title\">车牌识别</p>\n <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\n </div>\n <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\" v-if=\"contentShow.plate\">\n <el-form-item label=\"车牌识别开关：\">\n <el-switch v-model=\"licensePlateform.licensePlateClose\" active-value=\"1\" inactive-value=\"0\" @change=\"changeChepai($event)\"></el-switch>\n </el-form-item>\n <!-- <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\n <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"false\">\n <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\n </div>\n <!-- <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\n <el-table border :data=\"licensePlateTableData\" v-if=\"false\">\n <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\n <template slot-scope=\"scope\">\n <el-input\n v-if=\"scope.$index === 0\"\n v-model=\"scope.row.sectionPlate\"\n maxlength=\"30\"\n placeholder=\"Required\"\n />\n <span v-else v-text=\"scope.row.sectionPlate\"></span>\n </template>\n </el-table-column>\n <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\n <template slot-scope=\"scope\">\n <el-input\n v-if=\"scope.row.isEdit\"\n v-model=\"scope.row.setAssociation\"\n maxlength=\"20\"\n placeholder=\"Required\"\n />\n <span v-else v-text=\"scope.row.setAssociation\"></span>\n </template>\n </el-table-column>\n <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\n <template slot-scope=\"scope\">\n <el-input\n v-if=\"scope.row.isEdit\"\n v-model=\"scope.row.thresholdValue\"\n maxlength=\"20\"\n placeholder=\"Required\"\n />\n <span v-else v-text=\"scope.row.thresholdValue\"></span>\n </template>\n </el-table-column>\n <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\n <template slot-scope=\"scope\">\n <el-button\n v-if=\"scope.$index === 0\"\n size=\"mini\"\n type=\"text\"\n style=\"color: #2090c1\"\n @click=\"handleAdd(scope.row)\"\n >Add\n </el-button>\n <el-button\n v-if=\"scope.$index !== 0\"\n size=\"mini\"\n type=\"text\"\n style=\"color: #2090c1\"\n @click=\"handleUpdate(scope.row)\"\n >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\n </el-button>\n <el-button\n v-if=\"scope.$index !== 0\"\n size=\"mini\"\n type=\"text\"\n style=\"color: #f56c6c\"\n @click=\"handleDelete(scope.row)\"\n >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\n </el-button>\n </template>\n </el-table-column>\n </el-table>\n <div style=\"margin-top: 15px\" v-if=\"false\">\n <el-button\n type=\"primary\"\n @click=\"handleagain()\"\n size=\"small\"\n style=\"width: 150px\"\n v-if=\"licensePlateform.licensePlateClose == true\"\n >保存</el-button\n >\n </div>\n </el-form>\n </div>\n </div>\n <div class=\"dataBoard\">\n <div class=\"section\">\n <div class=\"warning\" @click=\"handleContent('parking')\">\n <i :class=\"contentShow.parking==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\n <p class=\"board-title\">停车状态</p>\n <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n >位移、速度，例如位移＜δ，速度＜v，则判断车辆停车\n </div>\n <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\" v-if=\"contentShow.parking\">\n <el-form-item label=\"位移：\" style=\"margin-right:10px\">\n <el-input-number\n v-model=\"stopStateform.displacement\"\n @change=\"handleChange\"\n :min=\"0\"\n :max=\"3000\"\n label=\"位移\"\n ></el-input-number>\n </el-form-item>\n <el-form-item label=\"速度：\" style=\"margin-right:10px\">\n <el-input-number\n v-model=\"stopStateform.speed\"\n @change=\"handleChange\"\n :min=\"0\"\n :max=\"3000\"\n label=\"速度\"\n ></el-input-number>\n </el-form-item>\n <el-form-item label=\"加速度：\" v-if=\"false\"> \n <el-input-number\n v-model=\"stopStateform.acceleration\"\n @change=\"handleChange\"\n :min=\"2000\"\n :max=\"3000\"\n label=\"加速度\"\n ></el-input-number>\n </el-form-item>\n </el-form>\n <div style=\"margin-top: 15px\" v-if=\"contentShow.parking\">\n <el-button type=\"primary\" @click=\"handleParking()\" size=\"small\" style=\"width: 150px\">保存</el-button>\n </div>\n </div>\n </div>\n <div class=\"dataBoard\" v-if=\"false\">\n <div class=\"section\">\n <div class=\"warning\">\n <p class=\"board-title\">通信设置</p>\n <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\n </div>\n <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\n <el-form-item label=\"更新频率：\">\n <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\n </el-form-item>\n \n <el-form-item label=\"类型：\" style=\"display:flex\">\n <el-radio-group v-model=\"communicationform.type\">\n <el-radio label=\"快速-用于高带宽连接\"></el-radio>\n <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\n <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\n <el-radio label=\"自定义\"></el-radio>\n </el-radio-group>\n </el-form-item>\n <el-form-item label=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\n <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\n </el-form-item>\n <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\n <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\n </el-form-item>\n <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\n <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\n </el-form-item>\n <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\n <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\n <el-option label=\"自动\" value=\"shanghai\"></el-option>\n <el-option label=\"区域二\" value=\"beijing\"></el-option>\n </el-select>\n </el-form-item>\n <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\n <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\n <el-option label=\"JPG\" value=\"shanghai\"></el-option>\n <el-option label=\"区域二\" value=\"beijing\"></el-option>\n </el-select>\n </el-form-item>\n <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\n <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\n </el-form-item>\n <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\n </el-form>\n </div>\n </div>\n <el-dialog\n title=\"新增点\"\n :visible.sync=\"dialogVisible\"\n width=\"30%\"\n >\n <el-form ref=\"addform\" :rules=\"formRules\" :model=\"addDianForm\" label-position=\"left\" label-width=\"85px\">\n <el-form-item label=\"点名称：\" prop=\"pointName\" style=\"margin-bottom:15px\">\n <el-col :span=\"16\">\n <el-input v-model=\"addDianForm.pointName\" placeholder=\"请输入点名称\" @blur=\"phoneChange($event)\"></el-input>\n </el-col>\n </el-form-item>\n <el-form-item label=\"经度：\" style=\"margin-bottom:15px\" prop=\"longitude\">\n <el-col :span=\"16\">\n <el-input v-model=\"addDianForm.longitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\" placeholder=\"请输入经度\"></el-input>\n </el-col>\n </el-form-item>\n <el-form-item label=\"纬度：\" prop=\"latitude\">\n <el-col :span=\"16\">\n <el-input v-model=\"addDianForm.latitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\" placeholder=\"请输入纬度\"></el-input>\n </el-col>\n </el-form-item>\n <el-form-item label=\"旧名称：\" prop=\"latitude\" v-if=\"laneform.laneClose == true\">\n <el-col :span=\"16\">\n <el-input v-model=\"addDianForm.oldName\"></el-input>\n </el-col>\n </el-form-item>\n </el-form>\n <span slot=\"footer\" class=\"dialog-footer\">\n <el-button @click=\"dialogVisible = false\">取 消</el-button>\n <el-button type=\"primary\" @click=\"handleDian('addform')\">确 定</el-button>\n </span>\n </el-dialog>\n</div>\n",null]} |