场景名可自行输入

src/App.vue

@@ -1,5 +1,11 @@
 <template>
-  <el-button @click="getWholeData" type="primary">重新获取全部数据点</el-button>
+  <el-form label-position="left">
+    <el-form-item label="场景名或完整url">
+      <el-input v-model="sceneNameOrUrl"></el-input>
+    </el-form-item>
+    <el-button @click="getWholeData" type="primary">重新获取全部数据点</el-button>
+  </el-form>
+
   <el-form label-position="top">
     <el-form-item label="路径1数据(必填)(在全部节点中的index，以英文逗号分隔)(蓝色圆圈表示)">
       <el-input v-model="formData.path1"></el-input>
@@ -48,6 +54,7 @@ export default {
   name: 'App',
   data() {
     return {
+      sceneNameOrUrl: 't-8KbK1JjubE',
       infoText: '',
       loadingHandler: null,
       formData: {
@@ -73,6 +80,10 @@ export default {
       return temp
     },
     getWholeData() {
+      if (!this.sceneNameOrUrl.trim()) {
+        window.alert('场景名或完整url必填！')
+        return
+      }
       this.loadingHandler = ElLoading.service({
         lock: true,
         text: 'Loading',
@@ -85,7 +96,7 @@ export default {
       d3.select('svg').selectAll('text').remove()
 
       const that = this
-      getWholeData().then((res) => {
+      getWholeData(this.sceneNameOrUrl).then((res) => {
         rawWholeData = res
         // 原始字符串数组处理成二维数组
         let wholeInputPointArray = rawWholeData.map((eachString, index) => {

src/api.js

@@ -1,11 +1,13 @@
 import axios from "axios"
 import mockData from "../input-data/data3.js";
-export function getWholeData() {
+export function getWholeData(sceneNameOrUrl) {
   // return Promise.resolve(mockData.data)
-  
+  let url = sceneNameOrUrl.startsWith('http') ?
+    sceneNameOrUrl :
+    `http://192.168.0.11:8080/laser/route/${sceneNameOrUrl}/getRouteInfo`
+
   return axios
-    .get('http://192.168.0.11:8080/laser/route/t-8KbK1JjubE/getRouteInfo')
-    // .get('https://uat-laser.4dkankan.com/laser/route/t-8KbK1JjubE/getRouteInfo')
+    .get(url)
     .then((res) => {
       if (Array.isArray(res.data.data) && res.data.data.length > 0) {
         return res.data.data