10.8 0.2

.env.production

@@ -1,5 +1,5 @@
 # 正式环境
 NODE_ENV=production
 VITE_NAME = '生产环境'
-VITE_BASE_URL = '/disaster'
+VITE_BASE_URL = '/airopt'
 VITE_WEBSOCKET_URL='ws://www.adicn.com/diswebsocket?projectId='

src/views/home.vue

@@ -45,7 +45,7 @@
                         :class="{ activeOrange: active == 'Role11' + index }"
                         @click="clickgeometry($event, index, 'Role11' + index, item.titlie)">
                         <el-image :src="getImgPath(item.url)" fit="cover" />
-                        <el-color-picker v-model="color1" />
+                        <el-color-picker v-model="color1" @change="colorpicker()" />
                         <span>{{ item.titlie }}</span>
                       </div>
                     </div>
@@ -796,7 +796,7 @@
             <!-- 放图形 -->
             <div class="main_container">
               <div class="main_model">
-                <vuefindex ref="vuefval" :optimizer="dialog.optimizer" @optimizerfalse="optimizerfalse()" :color1="color1"></vuefindex>
+                <vuefindex ref="vuefval" :optimizer="dialog.optimizer" @optimizerfalse="optimizerfalse()" ></vuefindex>
                 <div  class="maxh221">
              
                 <!-- 右侧边栏开始 -->
@@ -1047,7 +1047,7 @@
   const listli = ['设计变量', '约束条件', '优化目标'];
   const activeIndex = ref(0);
   const activeIndex2 = ref(0);
-  const color1 = ref('#409EFF')
+  const color1 = ref('')
   const datatree = ref([
     {
       id:1,
@@ -1526,10 +1526,15 @@ let options3=ref([
         dialog.value.guanli  = true;
         break;
         case "选择连线颜色":
-        vuefval.value.changeAllEdgesColor();
+    
       default: 
     }
    }
+   //选择颜色改变线的颜色
+   const colorpicker = (e) => {
+    vuefval.value.changeAllEdgesColor(color1.value);
+  
+}
   const deviceSelectChange = () => {
   
   }

src/views/vuetree/index.vue

@@ -77,9 +77,9 @@ const props = defineProps({
   optimizer: {
     type: Boolean,
   },
-  color1: {
-    type: String,
-  },
+  // color1: {
+  //   type: String,
+  // },
 })
 let newobj=ref({
   name:'',
@@ -91,6 +91,7 @@ let vueflowimg=ref('');
 const shopShow = ref(false);
 let noid = ref([]);
 let Edgeid = ref();
+let seledge=ref();
 let node = ref();
 let contextMenu = ref({
   position: { x: 0, y: 0 },
@@ -117,6 +118,7 @@ function onNodeClick(e) {
 // 监听线
 function onEdgeClick(e) {
   Edgeid.value = e.edge.id;
+  seledge.value= e.edge;
 }
 function logEvent(name, event) {
   console.log(2222)
@@ -275,22 +277,9 @@ const getroter=()=>{
  }
 }
 //改变线的颜色
-const changeAllEdgesColor=()=>{
-let  id = Edgeid.value;
-// console.log(id);
-// edges.value = edges.value.filter((edge) => edge.id !== id)
-//  //edges.value=edges.value.find((edge) => edge.id !== id)
-// console.log(edges.value);
-// console.log(props.color1);
-//   // const edge = vueFlowRef.value.find(el => el.id === id);
-//       // if (edge && edge.data) {
-//         if(edges.value){
-//           console.log(111111);
-//           edges.value.style = { stroke: props.color1 };
-
-//         }
-      //  edges.value.style.stroke = props.color1;
-    // }
+const changeAllEdgesColor=(color1)=>{
+  //console.log(props.color1);
+  seledge.value.style = { stroke: color1};
 }
 defineExpose({changeAllEdgesColor});
 </script>