3.12 0.3

src/view/InfoDialoges.vue

@@ -645,6 +645,11 @@ const inititimeDefaultal = () => {
 
 // 初始数据
 const initial = () => {
+  
+    addinitial();
+
+}
+const addinitial=()=>{
     if (classradio.value == "Fire") {
       //   options.value.coid = ["CO2"];
        // selectchange(val);
@@ -667,10 +672,7 @@ const initial = () => {
         tuiyanobj3.value.acctime = inititimeDefaultal();
         tuiyanobj.value = tuiyanobj3.value;
     }
-
-
 }
-
 function zdtimechange() {
 
 
@@ -838,10 +840,11 @@ onBeforeUnmount(() => {
 });
 
 onMounted(() => {
+
    // dialogVisible.value=true;
 });
 
-defineExpose({ monitor, accident2, leftcoll, classradio, aid, dialogVisible });
+defineExpose({ monitor, accident2, leftcoll, classradio, aid, dialogVisible ,addinitial});
 </script>
 
 <style lang="scss" scoped>

src/view/appmian.vue

@@ -150,6 +150,7 @@ const handleSelect = (key) => {
             lliudialog.value.accident2(key);
             tanimation.value.monitor = false;
             activeIndex.value='3'
+            lliudialog.value.addinitial();
             break;
         case '4':
             boundary.value.accident4(key);

src/view/components/InfoBoundary.vue

@@ -444,11 +444,11 @@ const bounadd = () => {
     bid.value = '';
     bformInline.value.nname = '';
     bformInline.value.type = 'Pressure',
-        bformInline.value.flow = '';
-    bformInline.value.pressure = '';
-    bformInline.value.temperature = '';
-    bformInline.value.polcon1 = '';
-    bformInline.value.polcon2 = '';
+        bformInline.value.flow = '0';
+    bformInline.value.pressure = '100000';
+    bformInline.value.temperature = '25';
+    bformInline.value.polcon1 = '0';
+    bformInline.value.polcon2 = '0';
     buntext.value = '添加';
     if (props.classradio == "Fire") {
         bformInline.value.type = 'Pressure'

src/view/components/InfoDisaster.vue

@@ -192,6 +192,8 @@
           </el-form-item>
           <div class="btn2">
           <el-button type="primary"  @click="fireclick();sdialog.dialogVisiblenode=true">选择管道</el-button></div>
+          <div class="btn2" style="padding-left: 10px;">
+          <el-button type="primary" @click="Dclick()" >3D选点</el-button></div>
           </div>
           <div class="input">
           <el-form-item label="位置" :label-width="formLabelWidth5">
@@ -362,15 +364,17 @@
           </div>
       </el-dialog>
     </div>
+    <selfdialogs ref="dialogtrue"></selfdialogs>
   </template>
       <script setup>
       import { computed,ref,onMounted,reactive, toRef } from "vue";
       import { request, uploadFile } from "@/utils/request";
       import icon from "@/assets/img/icon.png";
       import closeimg from "@/assets/img/colse.png";
-      import { ElMessage,ElButton, ElDialog,ElSelect } from 'element-plus'
+      import { ElMessage,ElButton, ElDialog,ElSelect, DROPDOWN_COLLECTION_INJECTION_KEY } from 'element-plus'
       import { Calendar, Search } from '@element-plus/icons-vue'
-  import { c } from "@kitware/vtk.js/macros2";
+      import { c } from "@kitware/vtk.js/macros2";
+      import selfdialogs from "./SetNode.vue"
       const props= defineProps({
           classradio: {
           type: String,
@@ -384,6 +388,7 @@
 let zaihai=ref({
   addEied:'',
 })
+let dialogtrue=ref();
 let zhtext=ref("");
    const sdialog=ref({
       adddialog:false,
@@ -457,6 +462,11 @@ let tableobj=ref({});
       sour.value.collfire=false;
     }
   }
+  // 3D弹屏
+  const Dclick=()=>{
+    dialogtrue.value.dialoglog=true;
+    console.log( dialogtrue.value.dialoglog);
+  }
   //灾情源查询列表
   const handledisaster=(aidval)=>{
       aid.value=aidval;

src/view/components/MenuMine.vue

@@ -11,7 +11,8 @@
                 </div>
             </template>
             <div class="classtab">
-                <el-tabs v-model="resultactiveName" type="card" class="demo-tabs" @tab-click="handleClick" :stretch="true">
+                <el-tabs v-model="resultactiveName" type="card" class="demo-tabs" @tab-click="handleClick"
+                    :stretch="true">
                     <el-tab-pane label="节点信息" name="first">
                         <div class="asides_content">
                             <div class="jc_content tablecolor jc_content">
@@ -42,8 +43,7 @@
                                         <div class="borderimg"><el-button @click="addsg();">添加</el-button></div>
                                     </div>
                                     <div class="footerbtn flex1">
-                                        <div class="borderimg"><el-button
-                                                @click="nodedelete()">
+                                        <div class="borderimg"><el-button @click="nodedelete()">
                                                 删除
                                             </el-button></div>
                                     </div>
@@ -53,7 +53,8 @@
                                             </el-button></div>
                                     </div>
                                     <div class="footerbtn flex1">
-                                        <div class="borderimg"><el-button @click="dialogVisible = false;currentrow= false;">
+                                        <div class="borderimg"><el-button
+                                                @click="dialogVisible = false; currentrow = false;">
                                                 确认
                                             </el-button></div>
                                     </div>
@@ -61,69 +62,6 @@
 
                             </div>
                         </div>
-                        <!-- 添加 -->
-                        <el-dialog v-model="sdialog.adddialog" width="400" class="dialog_class bgcolor tianjia">
-
-                            <template #header="{ titleId, titleClass }">
-                                <div class="my-header ">
-                                    <el-image :src="icon" fit="contain"></el-image>
-                                    <h4 :id="titleId" :class="titleClass">{{ zhtext }}</h4>
-                                </div>
-                            </template>
-                            <div>
-
-                                <el-form>
-                                    <el-form-item label="名称" :label-width="formLabelWidth6">
-                                        <el-input v-model="nodeobj.name" class="w-50 m-2" placeholder="请输入" />
-                                    </el-form-item>
-                                    <el-form-item label="X" :label-width="formLabelWidth6">
-                                        <el-input v-model="nodeobj.x" class="w-50 m-2" placeholder="请输入" />
-                                    </el-form-item>
-                                    <el-form-item label="Y" :label-width="formLabelWidth6">
-                                        <el-input v-model="nodeobj.y" class="w-50 m-2" placeholder="请输入" />
-                                    </el-form-item>
-                                    <el-form-item label="Z" :label-width="formLabelWidth6">
-                                        <el-input v-model="nodeobj.z" class="w-50 m-2" placeholder="请输入" />
-                                    </el-form-item>
-
-                                </el-form>
-                            </div>
-                            <div class="dialog-footer footer_div l_btn">
-                                <div class="footerbtn flex1">
-                                    <div class="borderimg"><el-button @click="sdialog.adddialog = false">取消</el-button>
-                                    </div>
-                                </div>
-                                <div class="footerbtn flex1">
-                                    <div class="borderimg"><el-button @click="nodeconfirm(); sdialog.adddialog = false">
-                                            确定
-                                        </el-button></div>
-                                </div>
-                            </div>
-                        </el-dialog>
-                        <!-- 删除 -->
-                        <el-dialog v-model="sdialog.dialogsgdelect" width="400" class="dialog_class bgcolor tianjia">
-
-                            <template #header="{ titleId, titleClass }">
-                                <div class="my-header ">
-                                    <el-image :src="icon" fit="contain"></el-image>
-                                    <h4 :id="titleId" :class="titleClass">删除框</h4>
-
-                                </div>
-                            </template>
-                            <h4 class="delecttitle"> 是否确认删除 <span class="spanclad">{{ zqname }}</span></h4>
-                            <div class="dialog-footer footer_div l_btn">
-                                <div class="footerbtn flex1">
-                                    <div class="borderimg"><el-button
-                                            @click="sdialog.dialogsgdelect = false">取消</el-button></div>
-                                </div>
-                                <div class="footerbtn flex1">
-                                    <div class="borderimg"><el-button
-                                            @click="nodedeleteapi(); sdialog.dialogsgdelect = false">
-                                            确定
-                                        </el-button></div>
-                                </div>
-                            </div>
-                        </el-dialog>
                     </el-tab-pane>
                     <el-tab-pane label="巷道信息" name="second">
                         <div class="asides_content">
@@ -132,8 +70,8 @@
                                 <div class="font12 my_content1">
                                     <div class="btncolor tablefocus bmar">
                                         <el-table :row-class-name="tableRowClassName" :max-height="tableHeight"
-                                            ref="multipleTableRef"   :highlight-current-row="currentrow1"    @row-click="handleDelete2($event)" :data="tableData3" style="width: 100%"
-                                    
+                                            ref="multipleTableRef" :highlight-current-row="currentrow1"
+                                            @row-click="handleDelete2($event)" :data="tableData3" style="width: 100%"
                                             :header-cell-style="{ 'background': 'rgba(13, 22, 57, 0.96) ' }">
                                             <el-table-column property="snId" label="开始节点" />
                                             <el-table-column property="enId" label="结束节点" />
@@ -161,8 +99,7 @@
                                         <div class="borderimg"><el-button @click="guandaoadd();">添加</el-button></div>
                                     </div>
                                     <div class="footerbtn flex1">
-                                        <div class="borderimg"><el-button
-                                                @click="nodedelete2();">
+                                        <div class="borderimg"><el-button @click="nodedelete2();">
                                                 删除
                                             </el-button></div>
                                     </div>
@@ -172,7 +109,8 @@
                                             </el-button></div>
                                     </div>
                                     <div class="footerbtn flex1">
-                                        <div class="borderimg"><el-button @click="dialogVisible = false;currentrow1= false">
+                                        <div class="borderimg"><el-button
+                                                @click="dialogVisible = false; currentrow1 = false">
                                                 确认
                                             </el-button></div>
                                     </div>
@@ -180,104 +118,7 @@
 
                             </div>
                         </div>
-                        <!-- 添加 -->
-                        <el-dialog v-model="sdialog.gdadddialog" width="400" class="dialog_class bgcolor tianjia">
-
-                            <template #header="{ titleId, titleClass }">
-                                <div class="my-header ">
-                                    <el-image :src="icon" fit="contain"></el-image>
-                                    <h4 :id="titleId" :class="titleClass">{{ zhtext }}</h4>
-                                </div>
-                            </template>
-                            <div>
-                                    <el-form-item label="名称" :label-width="formLabelWidth7">
-                                        <el-input v-model="guandaoobj.name" class="w-50 m-2" placeholder="请输入" />
-                                    </el-form-item>
-                                    <div class="demo-input-suffix firsttitle magintop guand_1">
-                                        <el-form-item label="开始节点" :label-width="formLabelWidth7">
-                                            <el-input v-model="guandaoobj.snId" class="w-50 m-2" placeholder="巷道名称" />
-                                        </el-form-item>
-                                        <div class="btn2">
-                                            <el-button type="primary" @click="nodeclick('start');">选择开始节点</el-button>
-                                        </div>
-                                    </div>
-                                    <div class="demo-input-suffix firsttitle magintop guand_1">
-                                        <el-form-item label="结束节点" :label-width="formLabelWidth7">
-                                            <el-input v-model="guandaoobj.enId" class="w-50 m-2" placeholder="巷道名称" />
-                                        </el-form-item>
-                                        <div class="btn2">
-                                            <el-button type="primary" @click="nodeclick('end');">选择结束节点</el-button>
-                                        </div>
-                                    </div>
-                                    <el-form-item label="粗糙系数" :label-width="formLabelWidth7">
-                                        <el-input v-model="guandaoobj.roughCoe" class="w-50 m-2" placeholder="请输入" />
-                                    </el-form-item>
-                                 <!-- <el-form-item label="截面类型" :label-width="formLabelWidth7">
-                                       <el-input v-model="guandaoobj.sectionType" class="w-50 m-2" placeholder="请输入" /> 
-                                    </el-form-item>  -->
-                                    <div class="demo-input-suffix firsttitle magintop guand_1">
-                                        <el-form-item label="截面类型" :label-width="formLabelWidth7">
-                                        <el-select v-model="guandaoobj.sectionType" placeholder="请选择">
-                                            <el-option v-for="item in options" :key="item.id" :label="item.label"
-                                                :value="item.value"></el-option>
-                                        </el-select>
-                                        <div class="btn2">
-                                                <span> 圆</span>
-                                        </div>
-                                    </el-form-item>
-                                </div>
-                                    <el-form-item label="截面参数1" :label-width="formLabelWidth7">
-                                        <el-input v-model="guandaoobj.sectionPara1" class="w-50 m-2" placeholder="请输入" />
-                                    </el-form-item>
-                                    <el-form-item label="截面参数2" :label-width="formLabelWidth7">
-                                        <el-input v-model="guandaoobj.sectionPara2" class="w-50 m-2" placeholder="请输入" />
-                                    </el-form-item>
-                                    <el-form-item label="截面参数3" :label-width="formLabelWidth7">
-                                        <el-input v-model="guandaoobj.sectionPara3" class="w-50 m-2" placeholder="请输入" />
-                                    </el-form-item>
-                                    <el-form-item label="截面参数4" :label-width="formLabelWidth7">
-                                        <el-input v-model="guandaoobj.sectionPara4" class="w-50 m-2" placeholder="请输入" />
-                                    </el-form-item>
-                                    <el-form-item label="截面参数5" :label-width="formLabelWidth7">
-                                        <el-input v-model="guandaoobj.sectionPara5" class="w-50 m-2" placeholder="请输入" />
-                                    </el-form-item>
-                            </div>
-                            <div class="dialog-footer footer_div l_btn">
-                                <div class="footerbtn flex1">
-                                    <div class="borderimg"><el-button @click="sdialog.gdadddialog = false">取消</el-button>
-                                    </div>
-                                </div>
-                                <div class="footerbtn flex1">
-                                    <div class="borderimg"><el-button @click="guandaoapi(); sdialog.gdadddialog = false">
-                                            确定
-                                        </el-button></div>
-                                </div>
-                            </div>
-                        </el-dialog>
-                        <!-- 删除 -->
-                        <el-dialog v-model="sdialog.guddialogsgdelect" width="400" class="dialog_class bgcolor tianjia">
-
-                            <template #header="{ titleId, titleClass }">
-                                <div class="my-header ">
-                                    <el-image :src="icon" fit="contain"></el-image>
-                                    <h4 :id="titleId" :class="titleClass">删除框</h4>
 
-                                </div>
-                            </template>
-                            <h4 class="delecttitle"> 是否确认删除 <span class="spanclad">{{ zqname }}</span></h4>
-                            <div class="dialog-footer footer_div l_btn">
-                                <div class="footerbtn flex1">
-                                    <div class="borderimg"><el-button
-                                            @click="sdialog.guddialogsgdelect = false">取消</el-button></div>
-                                </div>
-                                <div class="footerbtn flex1">
-                                    <div class="borderimg"><el-button
-                                            @click="gddelete(); sdialog.guddialogsgdelect = false">
-                                            确定
-                                        </el-button></div>
-                                </div>
-                            </div>
-                        </el-dialog>
                     </el-tab-pane>
                     <el-tab-pane label="设备信息" name="third">
 
@@ -287,9 +128,162 @@
                     </el-tab-pane>
                 </el-tabs>
             </div>
+        </el-dialog>
+        <!-- 添加 -->
+        <el-dialog v-model="sdialog.adddialog" width="400" class="dialog_class bgcolor tianjia">
+
+            <template #header="{ titleId, titleClass }">
+                <div class="my-header ">
+                    <el-image :src="icon" fit="contain"></el-image>
+                    <h4 :id="titleId" :class="titleClass">{{ zhtext }}</h4>
+                </div>
+            </template>
+            <div>
+
+                <el-form>
+                    <el-form-item label="名称" :label-width="formLabelWidth6">
+                        <el-input v-model="nodeobj.name" class="w-50 m-2" placeholder="请输入" />
+                    </el-form-item>
+                    <el-form-item label="X" :label-width="formLabelWidth6">
+                        <el-input v-model="nodeobj.x" class="w-50 m-2" placeholder="请输入" />
+                    </el-form-item>
+                    <el-form-item label="Y" :label-width="formLabelWidth6">
+                        <el-input v-model="nodeobj.y" class="w-50 m-2" placeholder="请输入" />
+                    </el-form-item>
+                    <el-form-item label="Z" :label-width="formLabelWidth6">
+                        <el-input v-model="nodeobj.z" class="w-50 m-2" placeholder="请输入" />
+                    </el-form-item>
+
+                </el-form>
+            </div>
+            <div class="dialog-footer footer_div l_btn">
+                <div class="footerbtn flex1">
+                    <div class="borderimg"><el-button @click="sdialog.adddialog = false">取消</el-button>
+                    </div>
+                </div>
+                <div class="footerbtn flex1">
+                    <div class="borderimg"><el-button @click="nodeconfirm(); sdialog.adddialog = false">
+                            确定
+                        </el-button></div>
+                </div>
+            </div>
+        </el-dialog>
+        <!-- 删除 -->
+        <el-dialog v-model="sdialog.dialogsgdelect" width="400" class="dialog_class bgcolor tianjia">
+
+            <template #header="{ titleId, titleClass }">
+                <div class="my-header ">
+                    <el-image :src="icon" fit="contain"></el-image>
+                    <h4 :id="titleId" :class="titleClass">删除框</h4>
+
+                </div>
+            </template>
+            <h4 class="delecttitle"> 是否确认删除 <span class="spanclad">{{ zqname }}</span></h4>
+            <div class="dialog-footer footer_div l_btn">
+                <div class="footerbtn flex1">
+                    <div class="borderimg"><el-button @click="sdialog.dialogsgdelect = false">取消</el-button></div>
+                </div>
+                <div class="footerbtn flex1">
+                    <div class="borderimg"><el-button @click="nodedeleteapi(); sdialog.dialogsgdelect = false">
+                            确定
+                        </el-button></div>
+                </div>
+            </div>
+        </el-dialog>
+        <!-- 添加 -->
+        <el-dialog v-model="sdialog.gdadddialog" width="400" class="dialog_class bgcolor tianjia">
+
+            <template #header="{ titleId, titleClass }">
+                <div class="my-header ">
+                    <el-image :src="icon" fit="contain"></el-image>
+                    <h4 :id="titleId" :class="titleClass">{{ zhtext }}</h4>
+                </div>
+            </template>
+            <div>
+                <el-form-item label="名称" :label-width="formLabelWidth7">
+                    <el-input v-model="guandaoobj.name" class="w-50 m-2" placeholder="请输入" />
+                </el-form-item>
+                <div class="demo-input-suffix firsttitle magintop guand_1">
+                    <el-form-item label="开始节点" :label-width="formLabelWidth7">
+                        <el-input v-model="guandaoobj.snId" class="w-50 m-2" placeholder="巷道名称" />
+                    </el-form-item>
+                    <div class="btn2">
+                        <el-button type="primary" @click="nodeclick('start');">选择开始节点</el-button>
+                    </div>
+                </div>
+                <div class="demo-input-suffix firsttitle magintop guand_1">
+                    <el-form-item label="结束节点" :label-width="formLabelWidth7">
+                        <el-input v-model="guandaoobj.enId" class="w-50 m-2" placeholder="巷道名称" />
+                    </el-form-item>
+                    <div class="btn2">
+                        <el-button type="primary" @click="nodeclick('end');">选择结束节点</el-button>
+                    </div>
+                </div>
+                <el-form-item label="粗糙系数" :label-width="formLabelWidth7">
+                    <el-input v-model="guandaoobj.roughCoe" class="w-50 m-2" placeholder="请输入" />
+                </el-form-item>
+                <div class="demo-input-suffix firsttitle magintop guand_1">
+                    <el-form-item label="截面类型" :label-width="formLabelWidth7">
+                        <el-select v-model="guandaoobj.sectionType" placeholder="请选择">
+                            <el-option v-for="item in options" :key="item.id" :label="item.label"
+                                :value="item.value"></el-option>
+                        </el-select>
+                        <div class="btn2">
+                            <span> 圆</span>
+                        </div>
+                    </el-form-item>
+                </div>
+                <el-form-item label="截面参数1" :label-width="formLabelWidth7">
+                    <el-input v-model="guandaoobj.sectionPara1" class="w-50 m-2" placeholder="请输入" />
+                </el-form-item>
+                <el-form-item label="截面参数2" :label-width="formLabelWidth7">
+                    <el-input v-model="guandaoobj.sectionPara2" class="w-50 m-2" placeholder="请输入" />
+                </el-form-item>
+                <el-form-item label="截面参数3" :label-width="formLabelWidth7">
+                    <el-input v-model="guandaoobj.sectionPara3" class="w-50 m-2" placeholder="请输入" />
+                </el-form-item>
+                <el-form-item label="截面参数4" :label-width="formLabelWidth7">
+                    <el-input v-model="guandaoobj.sectionPara4" class="w-50 m-2" placeholder="请输入" />
+                </el-form-item>
+                <el-form-item label="截面参数5" :label-width="formLabelWidth7">
+                    <el-input v-model="guandaoobj.sectionPara5" class="w-50 m-2" placeholder="请输入" />
+                </el-form-item>
+            </div>
+            <div class="dialog-footer footer_div l_btn">
+                <div class="footerbtn flex1">
+                    <div class="borderimg"><el-button @click="sdialog.gdadddialog = false">取消</el-button>
+                    </div>
+                </div>
+                <div class="footerbtn flex1">
+                    <div class="borderimg"><el-button @click="guandaoapi(); sdialog.gdadddialog = false">
+                            确定
+                        </el-button></div>
+                </div>
+            </div>
+        </el-dialog>
+        <!-- 删除 -->
+        <el-dialog v-model="sdialog.guddialogsgdelect" width="400" class="dialog_class bgcolor tianjia">
+
+            <template #header="{ titleId, titleClass }">
+                <div class="my-header ">
+                    <el-image :src="icon" fit="contain"></el-image>
+                    <h4 :id="titleId" :class="titleClass">删除框</h4>
 
+                </div>
+            </template>
+            <h4 class="delecttitle"> 是否确认删除 <span class="spanclad">{{ zqname }}</span></h4>
+            <div class="dialog-footer footer_div l_btn">
+                <div class="footerbtn flex1">
+                    <div class="borderimg"><el-button @click="sdialog.guddialogsgdelect = false">取消</el-button></div>
+                </div>
+                <div class="footerbtn flex1">
+                    <div class="borderimg"><el-button @click="gddelete(); sdialog.guddialogsgdelect = false">
+                            确定
+                        </el-button></div>
+                </div>
+            </div>
         </el-dialog>
-        <Node-Select ref="nodeselect" @queding="queding"/>
+        <Node-Select ref="nodeselect" @queding="queding" />
     </div>
 </template>
 
@@ -299,22 +293,22 @@ import { request, uploadFile } from "@/utils/request";
 import { ElMessage, ElButton, ElDialog, ElSelect } from 'element-plus'
 import icon from "@/assets/img/icon.png";
 import { timestampToTime } from '@/js/lindex.js';
- import NodeSelect from "./NodeLine.vue";
-let nodeselect=ref();
+import NodeSelect from "./NodeLine.vue";
+let nodeselect = ref();
 let dialogVisible = ref(false);
 let tableData2 = ref([]);
 let classradio1 = ref('Fire');
 let formLabelWidth6 = ref(70);
-let formLabelWidth7=ref(100)
+let formLabelWidth7 = ref(100)
 const resultactiveName = ref("first");
 let tableHeight = ref(570);
 let total = ref(1);
 let searchtag = ref("");
-let options=ref([{
-    label:'circle',value:"circle"
+let options = ref([{
+    label: 'circle', value: "circle"
 },
 {
-    label:'square',value:"square"
+    label: 'square', value: "square"
 },
 ])
 const currentPage4 = ref(1);
@@ -324,10 +318,10 @@ let currentrow1 = ref(false);
 let sdialog = ref({
     adddialog: false,
     dialogsgdelect: false,
-    gdadddialog:false,
-    guddialogsgdelect:false,
+    gdadddialog: false,
+    guddialogsgdelect: false,
 })
-let sideid=ref("");
+let sideid = ref("");
 let tableData3 = ref();
 let zqname = ref("");
 let zhtext = ref("添加");
@@ -462,7 +456,7 @@ const nodedelete = () => {
     if (JSON.stringify(nodedata.value) == '{}') {
         ElMessage.error("你还没有选中修改的项目")
     } else {
-        sdialog.value.dialogsgdelect=true;
+        sdialog.value.dialogsgdelect = true;
         zqname.value = nodedata.value.name;
     }
 }
@@ -516,53 +510,53 @@ const guandaodata = () => {
         })
 }
 // 节点选中开始结束
-const nodeclick=(val)=>{
-    nodeselect.value.dialogVisiblenode=true;
+const nodeclick = (val) => {
+    nodeselect.value.dialogVisiblenode = true;
     nodeselect.value.pipelinedata("");
-    sideid.value=val;
+    sideid.value = val;
 
 }
 //节点确定的方法
-const queding=(row)=>{
-    if( sideid.value=='start'){
-        guandaoobj.value.snId=row.id;
-    }else{
-        guandaoobj.value.enId=row.id;
+const queding = (row) => {
+    if (sideid.value == 'start') {
+        guandaoobj.value.snId = row.id;
+    } else {
+        guandaoobj.value.enId = row.id;
     }
 
 }
 // 管道的add
-const guandaoadd=()=>{
-    sdialog.value.gdadddialog=true;
-     currentrow1.value = false;
-        guandaoobj.value.pid='';
-        guandaoobj.value.name= '';
-        guandaoobj.value.snId= 0;
-        guandaoobj.value.enId= 0;
-        guandaoobj.value.roughCoe= '';
-        guandaoobj.value.sectionType= 'circle';
-        guandaoobj.value.sectionPara1='';
-        guandaoobj.value.sectionPara2='';
-        guandaoobj.value.sectionPara3='';
-        guandaoobj.value.sectionPara4='';
-        guandaoobj.value.sectionPara5='';
+const guandaoadd = () => {
+    sdialog.value.gdadddialog = true;
+    currentrow1.value = false;
+    guandaoobj.value.pid = '';
+    guandaoobj.value.name = '';
+    guandaoobj.value.snId = 0;
+    guandaoobj.value.enId = 0;
+    guandaoobj.value.roughCoe = '';
+    guandaoobj.value.sectionType = 'circle';
+    guandaoobj.value.sectionPara1 = '';
+    guandaoobj.value.sectionPara2 = '';
+    guandaoobj.value.sectionPara3 = '';
+    guandaoobj.value.sectionPara4 = '';
+    guandaoobj.value.sectionPara5 = '';
 }
 // 管道增加修改的接口
-const guandaoapi=()=>{
+const guandaoapi = () => {
     const params = {
         transCode: 'D10002',
         pid: guandaoobj.value.pid,
-        name:guandaoobj.value.name,
+        name: guandaoobj.value.name,
         snId: guandaoobj.value.snId,
         enId: guandaoobj.value.enId,
         roughCoe: guandaoobj.value.roughCoe,
         sectionType: guandaoobj.value.sectionType,
-        sectionPara1:guandaoobj.value.sectionPara1,
+        sectionPara1: guandaoobj.value.sectionPara1,
         sectionPara2: guandaoobj.value.sectionPara2,
         sectionPara3: guandaoobj.value.sectionPara3,
         sectionPara4: guandaoobj.value.sectionPara4,
         sectionPara5: guandaoobj.value.sectionPara5,
-      
+
     }
     request(params)
         .then((res) => {
@@ -583,7 +577,7 @@ const nodedelete2 = () => {
     if (JSON.stringify(gddata.value) == '{}') {
         ElMessage.error("你还没有选中修改的项目")
     } else {
-        sdialog.value.guddialogsgdelect=true;
+        sdialog.value.guddialogsgdelect = true;
         zqname.value = gddata.value.name;
     }
 }
@@ -611,18 +605,18 @@ const accident2 = () => {
         ElMessage.error("你还没有选中修改的项目")
     } else {
         zhtext.value = '修改';
-        sdialog.value.gdadddialog=true;
-        guandaoobj.value.pid=gddata.value.id;
-        guandaoobj.value.name=gddata.value.name;
-        guandaoobj.value.snId= gddata.value.snId;
-        guandaoobj.value.enId= gddata.value.enId;
-        guandaoobj.value.roughCoe=gddata.value.roughCoe;
-        guandaoobj.value.sectionType= gddata.value.sectionType;
-        guandaoobj.value.sectionPara1=gddata.value.sectionPara1;
-        guandaoobj.value.sectionPara2=gddata.value.sectionPara2;
-        guandaoobj.value.sectionPara3=gddata.value.sectionPara3;
-        guandaoobj.value.sectionPara4=gddata.value.sectionPara4;
-        guandaoobj.value.sectionPara5=gddata.value.sectionPara5;;
+        sdialog.value.gdadddialog = true;
+        guandaoobj.value.pid = gddata.value.id;
+        guandaoobj.value.name = gddata.value.name;
+        guandaoobj.value.snId = gddata.value.snId;
+        guandaoobj.value.enId = gddata.value.enId;
+        guandaoobj.value.roughCoe = gddata.value.roughCoe;
+        guandaoobj.value.sectionType = gddata.value.sectionType;
+        guandaoobj.value.sectionPara1 = gddata.value.sectionPara1;
+        guandaoobj.value.sectionPara2 = gddata.value.sectionPara2;
+        guandaoobj.value.sectionPara3 = gddata.value.sectionPara3;
+        guandaoobj.value.sectionPara4 = gddata.value.sectionPara4;
+        guandaoobj.value.sectionPara5 = gddata.value.sectionPara5;;
     }
 
 }
@@ -1080,7 +1074,7 @@ border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255,
 }
 
 .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
-    background-color: rgba(255, 255, 25, 0)!important;
+    background-color: rgba(255, 255, 25, 0) !important;
 }
 
 .el-button:focus,
@@ -1316,21 +1310,23 @@ border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255,
  
     border-radius: 0px 0px 0px 0px; */
 }
-.classtab .el-tabs--card>.el-tabs__header .el-tabs__item::after{
-         content: " ";
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 200%;
-        height: 200%;
-        border-right: 1px solid;
-        border-top: 1px solid;
-        border-bottom: 1px solid;
-        border-image: linear-gradient(180deg, rgb(31, 107, 255), rgba(31, 107, 255, 0.48)) 1 1;
-        box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-        transform-origin: 0 0;
-        transform: scale(0.5);
+
+.classtab .el-tabs--card>.el-tabs__header .el-tabs__item::after {
+    content: " ";
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 200%;
+    height: 200%;
+    border-right: 1px solid;
+    border-top: 1px solid;
+    border-bottom: 1px solid;
+    border-image: linear-gradient(180deg, rgb(31, 107, 255), rgba(31, 107, 255, 0.48)) 1 1;
+    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
+    transform-origin: 0 0;
+    transform: scale(0.5);
 }
+
 .classtab .el-tabs__item {
     /* width:120px; */
     height: 48px;
@@ -1373,9 +1369,11 @@ border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255,
     border-top-left-radius: 10px !important;
     border-top-right-radius: 10px !important;
 }
-.classtab .el-tabs--card>.el-tabs__header .el-tabs__item{
+
+.classtab .el-tabs--card>.el-tabs__header .el-tabs__item {
     border: none !important;
 }
+
 .classtab .el-tabs__content {
     border: 1px solid;
     color: rgba(255, 15, 15, 1) !important;

src/view/components/SetNode.vue

@@ -0,0 +1,307 @@
+<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"
+import { request, uploadFile } from "@/utils/request";
+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{
+  position: absolute;
+  z-index: 150;
+  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;
+}
+
+.flex_a {
+    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;
+    }
+}
+
+.header_z {
+    box-shadow: none !important;
+    padding: 10px 20px !important;
+}
+
+.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;
+    }
+
+}
+
+.jc_padding {
+    padding: 18px 10px;
+}
+
+.line {
+    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
+    box-sizing: border-box;
+}
+
+.L_aside {
+    .iconimg {
+        width: 37px;
+        height: 36px;
+        margin: 0 7px 0 24px;
+    }
+}
+
+.ddd {
+    margin-top: 20px;
+
+    .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;
+
+        .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;
+        }
+    }
+}
+
+.el-dialog__title {
+    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;
+}
+
+.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_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;
+
+        .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;
+    }
+
+}
+
+.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;
+}
+
+.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
+}
+
+.el-table,
+.el-table thead th {
+    background-color: rgba(13, 22, 57, 0.96) !important;
+}
+
+.L_aside {
+    height: calc(100vh - 70px);
+    position: absolute;
+    top: 70px;
+    overflow: hidden;
+}
+
+.el-form-item__label {
+    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;
+}
+
+   </style>
+   <style>
+ .log_class{
+    background-color: rgba(13, 22, 57, 0.96) !important;
+}  
+.right{
+    right: 0px;
+    position: absolute;
+    top: -7vh;
+}
+   </style>