From 82c260e42024b06b41008d64a0efc75667c2fee8 Mon Sep 17 00:00:00 2001
From: hofee <lexhofee@gmail.com>
Date: Tue, 1 Oct 2024 15:08:59 +0800
Subject: [PATCH] config ajax, and debug new_added_pts

---
 src/components/Main.vue                               |  2 +-
 .../content/SeqInferenceResultVisualize.vue           |  2 ++
 src/components/content/SeqVisualize.vue               |  5 ++++-
 src/components/content/cards/RecProcessCard.vue       |  6 +++---
 src/components/content/cards/RecProcessCard_IRV.vue   |  7 +++----
 src/components/content/cards/SelectSeqCard.vue        | 11 ++++++-----
 src/utils/ajax.js                                     | 11 ++++++-----
 7 files changed, 25 insertions(+), 19 deletions(-)

diff --git a/src/components/Main.vue b/src/components/Main.vue
index 89c1be5..cc2cf90 100644
--- a/src/components/Main.vue
+++ b/src/components/Main.vue
@@ -124,7 +124,7 @@ export default {
             
             sub_navi_name: ["Sequence Visualization", "Inference Result Visualization", "Inference Result Analysis","Online Inference"],
             curr_navi_idx: 0,
-            curr_sub_navi_idx: 2,
+            curr_sub_navi_idx: 0,
             components: [SequenceVisualize, SeqInferenceResultVisualize, InferenceResultAnalysis, OnlineInference],
         };
     },
diff --git a/src/components/content/SeqInferenceResultVisualize.vue b/src/components/content/SeqInferenceResultVisualize.vue
index 030fe43..679deef 100644
--- a/src/components/content/SeqInferenceResultVisualize.vue
+++ b/src/components/content/SeqInferenceResultVisualize.vue
@@ -4,8 +4,10 @@
             <h1>Inference Result Visualization</h1>
         </div>
         <Divider />
+
         <Row>
             <Col span="8">
+                
                 <Affix :offset-top="30">
                     <UploadInferenceCard
                         @update-seq="updateSeqData"
diff --git a/src/components/content/SeqVisualize.vue b/src/components/content/SeqVisualize.vue
index ded9fe4..e652c24 100644
--- a/src/components/content/SeqVisualize.vue
+++ b/src/components/content/SeqVisualize.vue
@@ -6,7 +6,10 @@
         <Divider />
         <Row>
             <Col span="8">
-                <Affix :offset-top="30">
+                <Alert type="warning" show-icon>
+                    Current Visualization Website is in Demo Version
+                  </Alert>
+                <Affix :offset-top="10">
                     <SelectSeqCard
                         @update-seq="updateSeqData"
                         @set-loading="setLoading"
diff --git a/src/components/content/cards/RecProcessCard.vue b/src/components/content/cards/RecProcessCard.vue
index 5f5e343..9919942 100644
--- a/src/components/content/cards/RecProcessCard.vue
+++ b/src/components/content/cards/RecProcessCard.vue
@@ -96,9 +96,6 @@ export default {
 
         model_pts: null,
 
-        combined_point_cloud: [],
-        new_point_cloud: [],
-
         best_seq: null,
 
         curr_frame_info: {
@@ -188,6 +185,9 @@ export default {
         if (this.newPointCloudMesh) {
             this.pts_scene.remove(this.newPointCloudMesh);
         }
+        if (this.newAddedPtsMesh) {
+            this.pts_scene.remove(this.newAddedPtsMesh);
+        }
         this.combinedPointCloudMesh = this.createPointCloud(this.curr_frame_info["combined_point_cloud"], 0x0000ff);
         this.newPointCloudMesh = this.createPointCloud(this.curr_frame_info["new_point_cloud"], 0xff0000);
         this.newAddedPtsMesh = this.createPointCloud(this.curr_frame_info["new_added_pts"], 0x00ff00);
diff --git a/src/components/content/cards/RecProcessCard_IRV.vue b/src/components/content/cards/RecProcessCard_IRV.vue
index 66e08d1..156d4fd 100644
--- a/src/components/content/cards/RecProcessCard_IRV.vue
+++ b/src/components/content/cards/RecProcessCard_IRV.vue
@@ -62,10 +62,6 @@ export default {
 
         model_pts: null,
 
-        combined_point_cloud: [],
-        new_point_cloud: [],
-        new_added_pts: [],
-
         best_seq: null,
         hasImg: false,
 
@@ -154,6 +150,9 @@ export default {
         if (this.newPointCloudMesh) {
             this.pts_scene.remove(this.newPointCloudMesh);
         }
+        if (this.newAddedPtsMesh) {
+            this.pts_scene.remove(this.newAddedPtsMesh);
+        }
         this.combinedPointCloudMesh = this.createPointCloud(this.curr_frame_info["combined_point_cloud"], 0x0000ff);
         this.newPointCloudMesh = this.createPointCloud(this.curr_frame_info["new_point_cloud"], 0xff0000);
         this.newAddedPtsMesh = this.createPointCloud(this.curr_frame_info["new_added_pts"], 0x00ff00);
diff --git a/src/components/content/cards/SelectSeqCard.vue b/src/components/content/cards/SelectSeqCard.vue
index 9232975..a0741ff 100644
--- a/src/components/content/cards/SelectSeqCard.vue
+++ b/src/components/content/cards/SelectSeqCard.vue
@@ -4,10 +4,10 @@
       <Icon type="md-settings" size="20" style="color: #464c5b;" />
       Select Sequence
     </p>
-    <Alert type="warning" show-icon>
-      Current Visualization Website is in Demo Version
-      <span slot="desc">The dataset directory is restricted to the sample dataset.</span>
-    </Alert>
+    <Button shape="circle" type="success" slot="extra" style="" :disabled="!localLabelName || localDisableBtn" @click="handleLoadSeq" :loading="localDisableBtn">
+      <Icon type="md-play" size="14" />
+      Load Sequence
+    </Button>
     
     <Row style="margin-bottom: 10px; margin-left: 10px; margin-right: 10px;">
       <Col span="10">
@@ -95,7 +95,7 @@
     
     <Divider />
     <Row type="flex" justify="center">
-      <Button type="success" style="width:60%" :disabled="!localSceneName || localDisableBtn" @click="handleLoadSeq" :loading="localDisableBtn">
+      <Button type="success" style="width:60%" :disabled="!localLabelName || localDisableBtn" @click="handleLoadSeq" :loading="localDisableBtn">
         Load Sequence
       </Button>
     </Row>
@@ -152,6 +152,7 @@ export default {
                   this.localTotalMaxCoverageRate = data.total_max_coverage_rate;
                   this.localTotalMinCoverageRate = data.total_min_coverage_rate;
                   this.localTotalMeanCoverageRate = data.total_mean_coverage_rate;
+                  this.localLabelName = null;
               } else {
                   this.$Message.error("error");
               }
diff --git a/src/utils/ajax.js b/src/utils/ajax.js
index 114ea44..92441d0 100644
--- a/src/utils/ajax.js
+++ b/src/utils/ajax.js
@@ -3,8 +3,9 @@ import qs from 'qs';
 import axios from 'axios'
 import { Message } from 'view-design'
 
-// var baseURL = "http://localhost:13333/"
-
+var devURL = "http://localhost:13333/"
+var proURL = ""
+var baseURL = process.env.NODE_ENV === 'development' ? devURL : proURL;
 export default {
     post(url, params) {
         axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';//配置请求头
@@ -13,7 +14,7 @@ export default {
                 return qs.stringify(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) {
@@ -37,7 +38,7 @@ export default {
                 return JSON.stringify(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) {
@@ -64,7 +65,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) {