diff --git a/src/components/content/SeqInferenceResultVisualize.vue b/src/components/content/SeqInferenceResultVisualize.vue index 5bc8d24..a073d63 100644 --- a/src/components/content/SeqInferenceResultVisualize.vue +++ b/src/components/content/SeqInferenceResultVisualize.vue @@ -88,7 +88,7 @@ export default { "mtl_path": seqData.mtl_path, } this.seq_frame_data = seqData.seq_frame_data; - this.model_pts = seqData.model_pts; + //this.model_pts = seqData.model_pts; }, diff --git a/src/components/content/cards/RecProcessCard_IRV.vue b/src/components/content/cards/RecProcessCard_IRV.vue index c379e0d..790a4b3 100644 --- a/src/components/content/cards/RecProcessCard_IRV.vue +++ b/src/components/content/cards/RecProcessCard_IRV.vue @@ -96,6 +96,7 @@ export default { new_point_cloud: [], best_seq: null, + hasImg: false, curr_frame_info: { "step": 0, @@ -112,8 +113,8 @@ export default { watch: { seqFrameData(val) { if (val.length > 0) { - this.rpCurrDepth = val[0].data.depth; - this.rpCurrMask = val[0].data.mask; + // this.rpCurrDepth = val[0].data.depth; + // this.rpCurrMask = val[0].data.mask; this.curr_step = 0; this.curr_frame_info["step"] = 0; this.curr_frame_info["frame_id"] = val[0]["frame_id"]; @@ -131,8 +132,8 @@ export default { }, curr_step (val) { - this.rpCurrDepth = this.seqFrameData[val]["data"]["depth"]; - this.rpCurrMask = this.seqFrameData[val]["data"]["mask"]; + // this.rpCurrDepth = this.seqFrameData[val]["data"]["depth"]; + // this.rpCurrMask = this.seqFrameData[val]["data"]["mask"]; this.curr_frame_info["step"] = val; this.curr_frame_info["frame_id"] = this.seqFrameData[val]["frame_id"]; this.curr_frame_info["coverage_rate"] = this.seqFrameData[val]["data"]["coverage_rate"]; diff --git a/src/components/content/cards/UploadInferenceCard.vue b/src/components/content/cards/UploadInferenceCard.vue index 70abe3d..c370260 100644 --- a/src/components/content/cards/UploadInferenceCard.vue +++ b/src/components/content/cards/UploadInferenceCard.vue @@ -23,7 +23,7 @@

Select Inference Result:

- @@ -53,24 +53,38 @@

- sequence length: {{ localSeqLen }} + pred sequence length: {{ localSeqLen }} +

+

+ gt sequence length: {{ localBestSeqLen }}

max coverage rate: {{ localMaxCoverageRate }}%

+

- best sequence length: {{ localBestSeqLen }} + pred max coverage rate: {{ localPredMaxCoverageRate + }}%

-

- best sequence: +

+ duplicated frame num: {{ duplicatedFrame.length }} +

+

+ duplicated frame num: {{ duplicatedFrame.length }} +

+

+ error frame num: {{ errorFrame.length }} +

+

+ error frame num: {{ errorFrame.length }}

- +

[{{ index }}]

-

frame id: {{ item['frame'] }}

-

coverage rate: {{ item['coverage_rate'] }}%

+

frame id: {{ item['frame_id'] }}

+

coverage rate: {{ (item["data"]['coverage_rate']*100).toFixed(2) }}%

@@ -78,12 +92,6 @@ - - - @@ -97,66 +105,26 @@ export default { localSceneName: null, localSeqLen: 0, localMaxCoverageRate: 0, - localBestSeqLen: 0, - localBestSeq: null, localDisableBtn: false, + localPredMaxCoverageRate: 0, + localBestSeqLen: 0, sceneNameList: null, loading: false, - seqFrameData: [] + seqFrameData: [], + duplicatedFrame: [], + errorFrame: [], }; }, watch: { }, mounted() { - this.getSceneList(); }, methods: { - getSceneList() { - const params = { dataset_name: this.localDatasetName }; - this.$ajax.postjson('/get_scene_list', params) - .then((data) => { - if (data.success == true) { - this.sceneNameList = data.scene_list; - } else { - this.$Message.error("error"); - } - }); - }, - handleSceneChange(val) { - this.localSceneName = val; - const params = { dataset_name: this.localDatasetName, scene_name: val }; - this.$ajax.postjson('/get_scene_info', params) - .then((data) => { - if (data.success == true) { - this.localSeqLen = data.sequence_length; - this.localMaxCoverageRate = data.max_coverage_rate; - this.localBestSeqLen = data.best_sequence_length; - this.localBestSeq = data.best_sequence; - } else { - this.$Message.error("error"); - } - }); - }, - handleLoadSeq() { - const params = { dataset_name: this.localDatasetName, scene_name: this.localSceneName, sequence: this.localBestSeq }; - this.localDisableBtn = true; - this.$emit('set-loading', true); - this.$ajax.postjson('/get_frame_data', params) - .then((data) => { - if (data.success == true) { - this.seqFrameData = data.seq_frame_data; - } else { - this.$Message.error("error"); - } - this.localDisableBtn = false; - this.$emit('update-seq', data); - this.$emit('set-loading', false); - }); - }, beforeUploadInferenceResultFile(file) { this.loading = true; + this.$emit('set-loading', true); const isPkl = file.name.endsWith('.pkl'); if (!isPkl) { this.$Notice.warning({ @@ -171,11 +139,21 @@ export default { this.$ajax.postfile('/analysis_inference_result', formData) .then((data) => { if (data.success == true) { - + this.localMaxCoverageRate = data.max_coverage_rate; + this.seqFrameData = data.seq_frame_data; + this.localSceneName = data.scene_name; + this.localSeqLen = this.seqFrameData.length; + this.duplicatedFrame = data.retry_duplication_pose; + this.errorFrame = data.retry_no_pts_pose; + this.localPredMaxCoverageRate = data.pred_max_coverage_rate; + this.localBestSeqLen = data.best_seq_len; this.$Notice.success({ title: 'Successfully parsed the file', - desc: 'inference results are found in the uploaded file.' + desc: this.seqFrameData.length + ' inference results are found in the uploaded file.(scene: '+ this.scene_name + ')' }); + this.$emit('update-seq', data); + this.$emit('set-loading', false); + this.loading = false; } else { console.log(data.success, data.message) diff --git a/src/components/content/cards/ViewDistributionCard_IRV.vue b/src/components/content/cards/ViewDistributionCard_IRV.vue index b705599..c3f9b8c 100644 --- a/src/components/content/cards/ViewDistributionCard_IRV.vue +++ b/src/components/content/cards/ViewDistributionCard_IRV.vue @@ -78,6 +78,7 @@ export default { vdCurrMask: null, chosen_frame_id: null, selected_idx: 0, + hasImg: false, scene: null, camera: null, @@ -99,8 +100,8 @@ export default { watch: { seqFrameData(val) { if (val.length > 0) { - this.vdCurrDepth = val[0].data.depth; - this.vdCurrMask = val[0].data.mask; + // this.vdCurrDepth = val[0].data.depth; + // this.vdCurrMask = val[0].data.mask; for (let i = 0; i < this.frustums.length; i++) { this.scene.remove(this.frustums[i]); } diff --git a/src/components/content/old/RecResultCard.vue b/src/components/content/old/RecResultCard.vue index bb29ca4..69e36e9 100644 --- a/src/components/content/old/RecResultCard.vue +++ b/src/components/content/old/RecResultCard.vue @@ -51,7 +51,6 @@ import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls'; export default { props: { seqFrameData: Array, - hasImg: Boolean, }, data() { return { diff --git a/src/utils/ajax.js b/src/utils/ajax.js index c7e1556..5b0cb56 100644 --- a/src/utils/ajax.js +++ b/src/utils/ajax.js @@ -64,7 +64,7 @@ export default { return data; } ]; - var res = axios.post(`${url}`, params).then((res) => { + var res = axios.post(`${baseURL}${url}`, params).then((res) => { console.log("res:", res) if (res.status == 200) { if (res.data.exception != undefined && res.data.exception) {