3.12

src/control/vtkModel.js

@@ -322,7 +322,7 @@ function processSelections(selections) {
       vtkmodel.selectObj = nodeActor.node;
       prop.getProperty().setColor(GREEN);
       vtkmodel.lastActor = prop;
-      console.log(vtkmodel.selectObj );
+      // console.log(vtkmodel.selectObj );
     }
   });
   vtkmodel.pipeActors.forEach((pipeActor) => {
@@ -330,7 +330,7 @@ function processSelections(selections) {
       vtkmodel.selectObj = pipeActor.pipe;
       prop.getProperty().setColor(GREEN);
       vtkmodel.lastActor = prop;
-      console.log(vtkmodel.selectObj );
+      // console.log(vtkmodel.selectObj );
     }
   });
 

src/view/components/InfoDisaster.vue

@@ -292,7 +292,7 @@
           >
         </div>
         <div class="btn2" style="padding-left: 10px">
-          <el-button type="primary" @click="Dclick()">3D选点</el-button>
+          <el-button type="primary" @click="Dclick()">3D管道选择</el-button>
         </div>
       </div>
       <div class="input">
@@ -685,6 +685,7 @@ const accident3 = (key) => {
 // 3D弹屏
 const Dclick = () => {
   dialogtrue.value.dialoglog = true;
+  vtkmodel.selectPipes();
   console.log(dialogtrue.value.dialoglog);
 };
 //灾情源查询列表

src/view/components/InfoVtkmodel.vue

@@ -87,7 +87,7 @@ function lineShow() {
   });
   vtkmodel.modelInit(validNodes.value, pipes.value);
   // vtkmodel.selectNodes();
-  vtkmodel.selectPipes();
+  // vtkmodel.selectPipes();
 }
 </script>
 <style scoped>

src/view/components/SetNode.vue

@@ -1,307 +1,353 @@
 <template>
-    <div > 
-        <el-dialog width="300px"   v-model="dialoglog"   :modal="false" :close-on-click-modal="false"
-            draggable :fullscreen="false" :modal-append-to-body="false" modal-class="summary-dlg"  class="right log_class bgcolor tianjia asideg asidegbg leftbgimg">
-    <template #header="{titleId, titleClass }">
-            <div class="my-header ">
-                <el-image :src="icon" fit="contain" ></el-image>
-                <h4 :id="titleId" :class="titleClass"> {{texttitle }}</h4>
-            </div>
-            </template>
-            <div>内容</div>
-            <div class="dialog-footer footer_div l_btn">
-      <div class="footerbtn flex1"><div class="borderimg"><el-button @click="dialoglog = false">取消</el-button></div></div>
-      <div class="footerbtn flex1"><div class="borderimg"><el-button @click="dialoglog = false">
-     确定
-      </el-button></div></div>
-    </div>
-   </el-dialog>
-       </div>
-     </template>
-   <script setup>
-import { ref, onMounted, reactive, } from "vue";
-import {RouterView,RouterLink } from "vue-router"
+  <div>
+    <el-dialog
+      width="300px"
+      v-model="dialoglog"
+      :modal="false"
+      :close-on-click-modal="false"
+      draggable
+      :fullscreen="false"
+      :modal-append-to-body="false"
+      modal-class="summary-dlg"
+      class="right log_class bgcolor tianjia asideg asidegbg leftbgimg"
+    >
+      <template #header="{ titleId, titleClass }">
+        <div class="my-header">
+          <el-image :src="icon" fit="contain"></el-image>
+          <h4 :id="titleId" :class="titleClass">{{ texttitle }}</h4>
+        </div>
+      </template>
+      <div>{{ msg }}</div>
+      <div class="dialog-footer footer_div l_btn">
+        <div class="footerbtn flex1">
+          <div class="borderimg">
+            <el-button @click="dialoglog = false">取消</el-button>
+          </div>
+        </div>
+        <div class="footerbtn flex1">
+          <div class="borderimg">
+            <el-button @click="dialoglog = false"> 确定 </el-button>
+          </div>
+        </div>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script setup>
+import { ref, onMounted, onBeforeUnmount,reactive,onUnmounted } from "vue";
+import { RouterView, RouterLink } from "vue-router";
 import { request, uploadFile } from "@/utils/request";
-import { ElMessage, ElButton, ElDialog, ElSelect } from 'element-plus'
+import { ElMessage, ElButton, ElDialog, ElSelect } from "element-plus";
 import icon from "@/assets/img/icon.png";
-let dialoglog=ref(false);
-let texttitle=ref("3D选点");
-defineExpose({dialoglog});
-   </script>
-   <style  lang="scss" scoped>
-.vtk{
+import { vtkmodel } from "@/control/vtkModel.js";
+
+let dialoglog = ref(false);
+let texttitle = ref("管道信息");
+let msg = ref("内容");
+defineExpose({ dialoglog });
+let timing = ref(null);
+//管道节点选择对象
+let selectObj =  ref(null);
+
+onBeforeUnmount(() => {
+  clearInterval(timing.value);
+});
+onMounted(() => {
+    jgSelect();
+});
+onUnmounted(() => {
+    clearInterval(timing.value);
+})
+//选择结果定时器
+function jgSelect(){
+    timing.value = setInterval(() => {//定时器
+    selectObj.value=vtkmodel.selectObj;
+    msg.value=selectObj.value;
+  }, 200);
+}
+
+</script>
+<style lang="scss" scoped>
+.vtk {
   position: absolute;
   z-index: 150;
-  top:70px;
-
+  top: 70px;
 }
 .jc_padding .el-table tr {
-    height: 30px !important;
-    background: rgba(104, 173, 255, 0.3);
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    border-radius: 0px 0px 0px 0px;
-    border: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
+  height: 30px !important;
+  background: rgba(104, 173, 255, 0.3);
+  box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
+  border-radius: 0px 0px 0px 0px;
+  border: 1px solid;
+  border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1
+    1;
 }
 
 .flex_a {
-    flex: 1;
-    padding: 0 19px;
+  flex: 1;
+  padding: 0 19px;
 }
 
 .btns {
-    width: 72px;
-    height: 30px;
-    background-image: url(../../assets/img/Rectangle399.png);
-    background-repeat: no-repeat;
-    line-height: 30px;
-    overflow: hidden;
-    margin: 10px 0;
-
-    .spantext {
-        font-weight: bold;
-        font-size: 12px;
-        color: #FFFFFF;
-        text-align: left;
-        font-style: normal;
-        text-transform: none;
-    }
+  width: 72px;
+  height: 30px;
+  background-image: url(../../assets/img/Rectangle399.png);
+  background-repeat: no-repeat;
+  line-height: 30px;
+  overflow: hidden;
+  margin: 10px 0;
+
+  .spantext {
+    font-weight: bold;
+    font-size: 12px;
+    color: #ffffff;
+    text-align: left;
+    font-style: normal;
+    text-transform: none;
+  }
 }
 
 .header_z {
-    box-shadow: none !important;
-    padding: 10px 20px !important;
+  box-shadow: none !important;
+  padding: 10px 20px !important;
 }
 
 .header_l {
-    line-height: 10px;
+  line-height: 10px;
+  text-align: left;
+  padding: 0 20px;
+  border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1
+    1;
+  box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
+  border-radius: 0px 0px 0px 0px;
+
+  .el-image {
+    padding: 10px 10px 0 0;
+  }
+
+  h4 {
+    font-weight: bold;
+    font-size: 12px;
+    color: #68adff;
+    line-height: 14px;
     text-align: left;
-    padding: 0 20px;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    border-radius: 0px 0px 0px 0px;
-
-    .el-image {
-        padding: 10px 10px 0 0;
-    }
-
-    h4 {
-        font-weight: bold;
-        font-size: 12px;
-        color: #68ADFF;
-        line-height: 14px;
-        text-align: left;
-        font-style: normal;
-        text-transform: none;
-    }
-
+    font-style: normal;
+    text-transform: none;
+  }
 }
 
 .jc_padding {
-    padding: 18px 10px;
+  padding: 18px 10px;
 }
 
 .line {
-    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
-    box-sizing: border-box;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+  box-sizing: border-box;
 }
 
 .L_aside {
-    .iconimg {
-        width: 37px;
-        height: 36px;
-        margin: 0 7px 0 24px;
-    }
+  .iconimg {
+    width: 37px;
+    height: 36px;
+    margin: 0 7px 0 24px;
+  }
 }
 
 .ddd {
-    margin-top: 20px;
+  margin-top: 20px;
 
-    .ddd_div {
-        padding: 20px 0;
-        position: relative;
-    }
+  .ddd_div {
+    padding: 20px 0;
+    position: relative;
+  }
+
+  .class_btn {
+    position: absolute;
+    right: 0;
+    top: 21px;
+  }
+
+  .header_l {
+    line-height: 10px;
+    text-align: left;
+    padding: 0 20px;
+    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48))
+      1 1;
+    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
+    border-radius: 0px 0px 0px 0px;
 
-    .class_btn {
-        position: absolute;
-        right: 0;
-        top: 21px;
+    .el-image {
+      padding: 10px 10px 0 0;
     }
 
-    .header_l {
-        line-height: 10px;
-        text-align: left;
-        padding: 0 20px;
-        border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-        box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-        border-radius: 0px 0px 0px 0px;
-
-        .el-image {
-            padding: 10px 10px 0 0;
-        }
-
-        h4 {
-            font-weight: bold;
-            font-size: 12px;
-            color: #68ADFF;
-            line-height: 14px;
-            text-align: left;
-            font-style: normal;
-            text-transform: none;
-        }
+    h4 {
+      font-weight: bold;
+      font-size: 12px;
+      color: #68adff;
+      line-height: 14px;
+      text-align: left;
+      font-style: normal;
+      text-transform: none;
     }
+  }
 }
 
 .el-dialog__title {
-    display: inline-block;
+  display: inline-block;
 }
 
 .bgcolor {
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    border-radius: 0px 0px 0px 0px;
-    border: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
+  box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
+  border-radius: 0px 0px 0px 0px;
+  border: 1px solid;
+  border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1
+    1;
 }
 
 .log_class {
-    .my-header {
-        line-height: 10px;
-        height: 40px;
-        text-align: left;
-        padding: 0 20px;
-        border-bottom: 1px solid;
-        border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-        box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-        border-radius: 0px 0px 0px 0px;
-
-        .el-image {
-            padding: 10px 10px 0 0;
-        }
-
-        h4 {
-            font-weight: bold;
-            font-size: 12px;
-            color: #68ADFF;
-            line-height: 14px;
-            text-align: left;
-            font-style: normal;
-            text-transform: none;
-        }
-    }
+  .my-header {
+    line-height: 10px;
+    height: 40px;
+    text-align: left;
+    padding: 0 20px;
+    border-bottom: 1px solid;
+    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48))
+      1 1;
+    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
+    border-radius: 0px 0px 0px 0px;
 
-    .my_content {
-        width: 100%;
-        height: 90px;
-        box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-        border-radius: 0px 0px 0px 0px;
-        position: relative;
+    .el-image {
+      padding: 10px 10px 0 0;
+    }
 
-        .radio-group {
-            display: flex;
-            justify-content: center;
+    h4 {
+      font-weight: bold;
+      font-size: 12px;
+      color: #68adff;
+      line-height: 14px;
+      text-align: left;
+      font-style: normal;
+      text-transform: none;
+    }
+  }
 
-            .el-radio {
-                flex: 1;
-                justify-content: center;
-                font-weight: bold;
-                font-size: 12px;
-                color: #FFFFFF;
-                line-height: 14px;
+  .my_content {
+    width: 100%;
+    height: 90px;
+    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
+    border-radius: 0px 0px 0px 0px;
+    position: relative;
 
-            }
+    .radio-group {
+      display: flex;
+      justify-content: center;
 
-        }
+      .el-radio {
+        flex: 1;
+        justify-content: center;
+        font-weight: bold;
+        font-size: 12px;
+        color: #ffffff;
+        line-height: 14px;
+      }
     }
+  }
 
-    .el-dialog__footer {
-        position: absolute;
-        bottom: 17px;
-        display: flex;
+  .el-dialog__footer {
+    position: absolute;
+    bottom: 17px;
+    display: flex;
 
-        .footerbtn {
-            flex: 1;
-            text-align: center;
-        }
+    .footerbtn {
+      flex: 1;
+      text-align: center;
     }
+  }
 }
 
 .my_content1 {
-    .el-table .cell {
-        font-weight: 400;
-        font-size: 12px;
-        color: #FFFFFF !important;
-        line-height: 14px;
-        text-align: left;
-        font-style: normal;
-        text-transform: none;
-    }
-
+  .el-table .cell {
+    font-weight: 400;
+    font-size: 12px;
+    color: #ffffff !important;
+    line-height: 14px;
+    text-align: left;
+    font-style: normal;
+    text-transform: none;
+  }
 }
 
 .l_btn .borderimg {
-    width: 70px;
-    height: 30px;
-    font-size: 12px;
-    background: rgba(104, 173, 255, 0.3);
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    /* border: 1px solid rgba(31, 107, 255, 1); */
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-    font-weight: bold;
-    border-radius: 4px;
-    display: flex;
-    display: inline-block;
-    box-sizing: border-box;
+  width: 70px;
+  height: 30px;
+  font-size: 12px;
+  background: rgba(104, 173, 255, 0.3);
+  box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
+  /* border: 1px solid rgba(31, 107, 255, 1); */
+  border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1
+    1;
+  font-weight: bold;
+  border-radius: 4px;
+  display: flex;
+  display: inline-block;
+  box-sizing: border-box;
 }
 
 .borderimg {
-    width: 109px;
-    height: 30px;
-    background: rgba(104, 173, 255, 0.3);
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    /* border: 1px solid rgba(31, 107, 255, 1); */
-    -o-border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-    border-radius: 4px;
-    display: flex;
-    display: inline-block;
-    box-sizing: border-box
+  width: 109px;
+  height: 30px;
+  background: rgba(104, 173, 255, 0.3);
+  box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
+  /* border: 1px solid rgba(31, 107, 255, 1); */
+  -o-border-image: linear-gradient(
+      180deg,
+      rgba(31, 107, 255, 1),
+      rgba(31, 107, 255, 0.48)
+    )
+    1 1;
+  border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1
+    1;
+  border-radius: 4px;
+  display: flex;
+  display: inline-block;
+  box-sizing: border-box;
 }
 
 .el-table,
 .el-table thead th {
-    background-color: rgba(13, 22, 57, 0.96) !important;
+  background-color: rgba(13, 22, 57, 0.96) !important;
 }
 
 .L_aside {
-    height: calc(100vh - 70px);
-    position: absolute;
-    top: 70px;
-    overflow: hidden;
+  height: calc(100vh - 70px);
+  position: absolute;
+  top: 70px;
+  overflow: hidden;
 }
 
 .el-form-item__label {
-    color: #FFFFFF !important;
+  color: #ffffff !important;
 }
 
 .jiancedian {
-    width: 380px;
-    position: absolute;
-    right: 0;
-    top: 70px;
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    border-radius: 4px 4px 4px 4px;
-    border: 1px solid;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
+  width: 380px;
+  position: absolute;
+  right: 0;
+  top: 70px;
+  box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
+  border-radius: 4px 4px 4px 4px;
+  border: 1px solid;
+  border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1
+    1;
 }
-
-   </style>
-   <style>
- .log_class{
-    background-color: rgba(13, 22, 57, 0.96) !important;
-}  
-.right{
-    right: 0px;
-    position: absolute;
-    top: -7vh;
+</style>
+<style>
+.log_class {
+  background-color: rgba(13, 22, 57, 0.96) !important;
+}
+.right {
+  right: 0px;
+  position: absolute;
+  top: -7vh;
 }
-   </style>
+</style>