|
|
@@ -26,7 +26,7 @@
|
|
|
@row-click="handleDelete($event)"
|
|
|
:header-cell-style="{ 'background': 'rgba(13, 22, 57, 0) ' }">
|
|
|
<el-table-column prop="name" label="路径名称" />
|
|
|
- <el-table-column label="操作" >
|
|
|
+ <el-table-column label="操作" width="70px">
|
|
|
<template #default="scope">
|
|
|
<el-button
|
|
|
size="small"
|
|
|
@@ -44,7 +44,7 @@
|
|
|
<div class="borderimg"><el-button @click="addsg();">添加</el-button></div>
|
|
|
</div>
|
|
|
<div class="footerbtn flex1">
|
|
|
- <div class="borderimg"><el-button @click="shanchu()">
|
|
|
+ <div class="borderimg"><el-button @click="shanchu('1')">
|
|
|
删除
|
|
|
</el-button></div>
|
|
|
</div>
|
|
|
@@ -53,20 +53,69 @@
|
|
|
修改
|
|
|
</el-button></div>
|
|
|
</div>
|
|
|
- <div class="footerbtn flex1">
|
|
|
- <div class="borderimg"><el-button @click="sendialogVisible = false;currentrow=false;">
|
|
|
- 确认
|
|
|
- </el-button></div>
|
|
|
- </div>
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <!-- 路劲预设节点 -->
|
|
|
+ <div
|
|
|
+ class="xian tablefocus"
|
|
|
+ style="margin-top: 20px"
|
|
|
+ v-show="pathshownode"
|
|
|
+ >
|
|
|
+ <div class="header_l header_z headerimg">
|
|
|
+ <el-image :src="icon" fit="contain"></el-image>
|
|
|
+ <h4 class="tianjia">预设路径节点</h4>
|
|
|
+ <div class="closeimg" @click="pathshownode = false">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <el-table
|
|
|
+ :data="childtableData"
|
|
|
+ style="width: 100%"
|
|
|
+ :max-height="tableHeight"
|
|
|
+ :row-class-name="tableRowClassName"
|
|
|
+ :header-cell-style="{ background: 'rgba(13, 22, 57, 0.96) ' }"
|
|
|
+ @row-click="handleDelete3($event)"
|
|
|
+ :highlight-current-row="currentrow1"
|
|
|
+ >
|
|
|
+ <el-table-column prop="ncode" label="节点编号" />
|
|
|
+ <el-table-column prop="nname" label="节点名称" />
|
|
|
+
|
|
|
+ <el-table-column prop="seq" label="排序" />
|
|
|
+ </el-table>
|
|
|
+ <div class="dialog-footer footer_div l_btn">
|
|
|
+ <div class="footerbtn flex1">
|
|
|
+ <div class="borderimg"><el-button @click="cadd(); addVisiblenode=true">添加</el-button></div>
|
|
|
+ </div>
|
|
|
+ <div class="footerbtn flex1">
|
|
|
+ <div class="borderimg"><el-button @click="childamend()">
|
|
|
+ 修改
|
|
|
+ </el-button></div>
|
|
|
+ </div>
|
|
|
+ <div class="footerbtn flex1">
|
|
|
+ <div class="borderimg"><el-button @click="shanchu('2')">
|
|
|
+ 删除
|
|
|
+ </el-button></div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="footerbtn flex1">
|
|
|
+ <div class="borderimg"><el-button @click="pathshownode==false">
|
|
|
+ 确定
|
|
|
+ </el-button></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</el-collapse-item>
|
|
|
</el-collapse>
|
|
|
<!-- 添加 -->
|
|
|
- <el-dialog v-model="addVisible" width="400" class="dialog_class bgcolor tianjia foter_l tianjia">
|
|
|
+ <el-dialog
|
|
|
+ :append-to-body="true"
|
|
|
+ align-center
|
|
|
+ :z-index='1000'
|
|
|
+ v-model="addVisible" width="400" class="dialog_class bgcolor tianjia foter_l tianjia">
|
|
|
|
|
|
<template #header="{ titleId, titleClass }">
|
|
|
<div class="my-header ">
|
|
|
@@ -82,15 +131,6 @@
|
|
|
<el-form-item label="名称" :label-width="formLabelWidth6">
|
|
|
<el-input v-model="wuliobj.name" maxlength="18" class="w-50 m-2" placeholder="请输入" />
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="密度" :label-width="formLabelWidth6">
|
|
|
- <el-input v-model="wuliobj.density" maxlength="15" oninput ="value=value.replace(/[^0-9.]/g,'')" class="w-50 m-2" placeholder="请输入" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="扩散系数" :label-width="formLabelWidth6">
|
|
|
- <el-input v-model="wuliobj.diffcoe" maxlength="15" oninput ="value=value.replace(/[^0-9.]/g,'')" class="w-50 m-2" placeholder="请输入" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="比热" :label-width="formLabelWidth6">
|
|
|
- <el-input v-model="wuliobj.speheat" maxlength="15" oninput ="value=value.replace(/[^0-9.]/g,'')" class="w-50 m-2" placeholder="请输入" />
|
|
|
- </el-form-item>
|
|
|
</el-form>
|
|
|
<div class="dialog-footer footer_div l_btn">
|
|
|
<div class="footerbtn flex1">
|
|
|
@@ -103,7 +143,60 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
-
|
|
|
+ <!-- 添加节点 -->
|
|
|
+ <el-dialog :append-to-body="true"
|
|
|
+ align-left
|
|
|
+ :modal="false"
|
|
|
+ :lock-scroll="false"
|
|
|
+ :close-on-click-modal="false"
|
|
|
+ modal-class="summary-dlg"
|
|
|
+ draggable
|
|
|
+ :fullscreen="false"
|
|
|
+ :modal-append-to-body="false"
|
|
|
+ :z-index='1000' v-model="addVisiblenode" width="400" class="dialog_class bgcolor tianjia foter_l tianjia">
|
|
|
+ <template #header="{ titleId, titleClass }">
|
|
|
+ <div class="my-header ">
|
|
|
+ <el-image :src="icon" fit="contain"></el-image>
|
|
|
+ <h4 :id="titleId" :class="titleClass">{{ caddname }}</h4>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <div class="demo-input-suffix firsttitle magintop">
|
|
|
+ <el-form-item label="巷道名称" :label-width="formLabelWidth6">
|
|
|
+ <el-input
|
|
|
+ v-model="selectstr"
|
|
|
+ disabled
|
|
|
+ class="w-50 m-2"
|
|
|
+ placeholder="巷道名称"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <div class="btn2">
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ @click="
|
|
|
+ nodeclick();
|
|
|
+ "
|
|
|
+ >选择节点</el-button
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ <div class="btn2" style="padding-left: 10px">
|
|
|
+ <el-button type="primary" @click="Dclick()">3D节点选择</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <el-form-item label="排序" :label-width="formLabelWidth6">
|
|
|
+ <el-input v-model="seq" maxlength="18" class="w-50 m-2" placeholder="请输入" />
|
|
|
+ </el-form-item>
|
|
|
+ <div class="dialog-footer footer_div l_btn">
|
|
|
+ <div class="footerbtn flex1">
|
|
|
+ <div class="borderimg"><el-button @click="addVisiblenode = false">取消</el-button></div>
|
|
|
+ </div>
|
|
|
+ <div class="footerbtn flex1">
|
|
|
+ <div class="borderimg"><el-button @click="addnode(); addVisiblenode = false">
|
|
|
+ 确定
|
|
|
+ </el-button></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
<!-- 删除 -->
|
|
|
<el-dialog v-model="dialogsgdelect" width="400" class="dialog_class bgcolor tianjia">
|
|
|
|
|
|
@@ -127,10 +220,12 @@
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
- <!-- 选择管道 -->
|
|
|
+ <!--点击查看 -->
|
|
|
</el-aside>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <NodeSelect ref="NodeSelectref" @queding="queding"></NodeSelect>
|
|
|
+ <selfdialogs ref="dialogtrue" @Dtext="Dtext"></selfdialogs>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
@@ -138,29 +233,46 @@
|
|
|
import { request, uploadFile } from "@/utils/request";
|
|
|
import { ElMessage, ElButton, ElDialog, ElSelect } from 'element-plus'
|
|
|
import icon from "@/assets/img/icon.png";
|
|
|
+ import selfdialogs from "./SetNode.vue";
|
|
|
+ import NodeSelect from "./NodeLine.vue";
|
|
|
+ import { vtkmodel } from "@/control/vtkModel.js";;
|
|
|
import { timestampToTime } from '@/js/lindex.js'
|
|
|
+ let addVisiblenode=ref(false);
|
|
|
let pipeline = ref();
|
|
|
+ let dialogtrue = ref();
|
|
|
+ let selectstr=ref('');
|
|
|
+ let caddname=ref('');
|
|
|
+ let seq=ref();
|
|
|
+ let NodeSelectref=ref();
|
|
|
let sendialogVisible = ref(false);
|
|
|
let currentrow=ref(true);
|
|
|
+ let currentrow1=ref(false);
|
|
|
+
|
|
|
let addVisible = ref(false);
|
|
|
let dialogsgdelect = ref(false)
|
|
|
+ let pathshownode=ref(false)
|
|
|
+ let nid=ref();
|
|
|
+ let childnodeobj=ref();
|
|
|
let classradio1 = ref('Fire');
|
|
|
const formLabelWidth6 = ref(100);
|
|
|
let add = ref("")
|
|
|
+ let delt=ref();
|
|
|
const resultactiveName = ref("first");
|
|
|
let coolactiveName1 = ref(["1", "2"]);
|
|
|
let tableHeight = ref(145);
|
|
|
let tableData = ref([]);
|
|
|
let tableobj = ref({});
|
|
|
+ let wnid=ref();
|
|
|
let zqname = ref();
|
|
|
let wuliobj = ref({
|
|
|
- coid:'',
|
|
|
+ wid:'',
|
|
|
code: '',
|
|
|
name:'',
|
|
|
density: "",
|
|
|
diffcoe: '',
|
|
|
speheat: '',
|
|
|
})
|
|
|
+ let childtableData=ref([]);
|
|
|
let source = ref({
|
|
|
selectstr: '',
|
|
|
site: ''
|
|
|
@@ -173,37 +285,91 @@
|
|
|
return 'oddRow';
|
|
|
|
|
|
}
|
|
|
+
|
|
|
// 选中一行
|
|
|
const handleDelete = (val) => {
|
|
|
currentrow.value=true;
|
|
|
tableobj.value = val;
|
|
|
- console.log(tableobj.value)
|
|
|
}
|
|
|
// 删除
|
|
|
- const shanchu = () => {
|
|
|
- if (JSON.stringify(tableobj.value) == '{}') {
|
|
|
+ const shanchu = (val) => {
|
|
|
+ delt.value=val;
|
|
|
+ if(val=='1'){
|
|
|
+ if ( currentrow.value==false) {
|
|
|
ElMessage.error("你还没有选中修改的项目")
|
|
|
} else {
|
|
|
- dialogsgdelect.value = true
|
|
|
+ dialogsgdelect.value = true;
|
|
|
zqname.value = tableobj.value.name;
|
|
|
}
|
|
|
+ }else{
|
|
|
+ if ( currentrow1.value==false) {
|
|
|
+ ElMessage.error("你还没有选中修改的项目")
|
|
|
+ } else {
|
|
|
+ dialogsgdelect.value = true;
|
|
|
+ zqname.value = childnodeobj.value.nname;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
}
|
|
|
- const handledetection=()=>{
|
|
|
+ const fundeledata=()=>{
|
|
|
+ if(delt.value=='1'){
|
|
|
+ faterdelete();
|
|
|
+ }else{
|
|
|
+ childdelete();
|
|
|
+ }
|
|
|
|
|
|
}
|
|
|
- const fundeledata = () => {
|
|
|
+// 父的删除
|
|
|
+const faterdelete=()=>{
|
|
|
+ const params = {
|
|
|
+ transCode: 'D10032',
|
|
|
+ wid: wuliobj.value.wid,
|
|
|
+ }
|
|
|
+ request(params)
|
|
|
+ .then((res) => {
|
|
|
+ pathshownode.value=false;
|
|
|
+ getsensor();
|
|
|
+
|
|
|
+
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ ElMessage.error(err.returnMsg)
|
|
|
+ })
|
|
|
+ }
|
|
|
+ // 子节点的删除
|
|
|
+ const childdelete=()=>{
|
|
|
+ const params = {
|
|
|
+ transCode: 'D10035',
|
|
|
+ wnid: childnodeobj.value.wnid,
|
|
|
+ }
|
|
|
+ request(params)
|
|
|
+ .then((res) => {
|
|
|
+ childdata();
|
|
|
+
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ ElMessage.error(err.returnMsg)
|
|
|
+ })
|
|
|
+ }
|
|
|
+ const handledetection=(index, row)=>{
|
|
|
+ wuliobj.value=row;
|
|
|
+console.log(wuliobj.value.wid)
|
|
|
+ pathshownode.value=true;
|
|
|
+ childdata();
|
|
|
+ }
|
|
|
+ const childdata = () => {
|
|
|
|
|
|
- console.log(zqname.value);
|
|
|
const params = {
|
|
|
- transCode: 'D10015',
|
|
|
- coid: tableobj.value.coid
|
|
|
+ transCode: 'D10033',
|
|
|
+ wid: wuliobj.value.wid
|
|
|
}
|
|
|
request(params)
|
|
|
.then((res) => {
|
|
|
- getsensor();
|
|
|
+ childtableData.value=res.rows;
|
|
|
+
|
|
|
})
|
|
|
.catch((err) => {
|
|
|
- ElMessage.error(err.returnMsg)
|
|
|
+
|
|
|
})
|
|
|
}
|
|
|
onMounted(() => {
|
|
|
@@ -213,7 +379,7 @@
|
|
|
const getsensor = () => {
|
|
|
|
|
|
const params = {
|
|
|
- transCode: 'D10013',
|
|
|
+ transCode: 'D10030',
|
|
|
}
|
|
|
request(params)
|
|
|
.then((res) => {
|
|
|
@@ -228,51 +394,127 @@
|
|
|
add.value = "添加";
|
|
|
currentrow.value=false;
|
|
|
addVisible.value = true;
|
|
|
- wuliobj.value.coid = '';
|
|
|
+ wuliobj.value.wid = '';
|
|
|
wuliobj.value.code = '';
|
|
|
wuliobj.value.name = '';
|
|
|
- wuliobj.value.density = '';
|
|
|
- wuliobj.value.diffcoe = '';
|
|
|
- wuliobj.value.speheat = '';
|
|
|
|
|
|
|
|
|
}
|
|
|
// 添加修改的接口
|
|
|
const addEied = () => {
|
|
|
const params = {
|
|
|
- transCode: 'D10014',
|
|
|
- coid: wuliobj.value.coid,
|
|
|
+ transCode: 'D10031',
|
|
|
+ wid: wuliobj.value.wid,
|
|
|
code: wuliobj.value.code,
|
|
|
- name: wuliobj.value.name ,
|
|
|
- density: wuliobj.value.density,
|
|
|
- diffcoe:wuliobj.value.diffcoe,
|
|
|
- speheat:wuliobj.value.speheat,
|
|
|
+ name: wuliobj.value.name,
|
|
|
}
|
|
|
request(params)
|
|
|
.then((res) => {
|
|
|
tableData.value = res.rows;
|
|
|
+ currentrow.value=false;
|
|
|
getsensor();
|
|
|
})
|
|
|
.catch((err) => {
|
|
|
ElMessage.error(err.returnMsg)
|
|
|
})
|
|
|
}
|
|
|
+
|
|
|
//修改
|
|
|
const amend = () => {
|
|
|
add.value = "修改";
|
|
|
- if (JSON.stringify(tableobj.value) == '{}') {
|
|
|
+ if (currentrow==false) {
|
|
|
ElMessage.error("你还没有选中修改的项目")
|
|
|
} else {
|
|
|
addVisible.value = true;
|
|
|
- wuliobj.value.coid = tableobj.value.coid;
|
|
|
+ wuliobj.value.wid= tableobj.value.wid;
|
|
|
wuliobj.value.code =tableobj.value.code;
|
|
|
wuliobj.value.name = tableobj.value.name;
|
|
|
- wuliobj.value.density = tableobj.value.density;
|
|
|
- wuliobj.value.diffcoe =tableobj.value.diffcoe;
|
|
|
- wuliobj.value.speheat =tableobj.value.speheat;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
+ const changeModel = () => {
|
|
|
+ vtkmodel.clearJgAddMode();
|
|
|
+ vtkmodel.renderWindow.render();
|
|
|
+};
|
|
|
+ // 3D弹屏
|
|
|
+const Dclick = () => {
|
|
|
+ dialogtrue.value.dialoglog = true;
|
|
|
+ vtkmodel.clearJgAddMode() ;
|
|
|
+ vtkmodel.selectNodes();
|
|
|
+ dialogtrue.value.jgSelect();
|
|
|
+};
|
|
|
+// 节点选择
|
|
|
+const nodeclick = () => {
|
|
|
+// defineExpose({ dialogVisiblenode, pipelinedata,searchtaggd });
|
|
|
+ NodeSelectref.value.dialogVisiblenode=true;
|
|
|
+ NodeSelectref.value.pipelinedata();
|
|
|
+}
|
|
|
+const Dtext=(val)=>{
|
|
|
+ nid.value = val.id;
|
|
|
+ selectstr.value= val.name;
|
|
|
+
|
|
|
+}
|
|
|
+//
|
|
|
+const queding=(val)=>{
|
|
|
+ // selectstr.value = NodeSelectref.value.
|
|
|
+ console.log(val)
|
|
|
+ console.log(223333)
|
|
|
+ selectstr.value =val.name;
|
|
|
+ nid.value=val.id;
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+const cadd=()=>{
|
|
|
+ caddname.value='添加'
|
|
|
+ nid.value=null;
|
|
|
+ selectstr.value=null;
|
|
|
+ wnid.value='';
|
|
|
+
|
|
|
+}
|
|
|
+// 添加路径节点
|
|
|
+const addnode=(val)=>{
|
|
|
+ const params = {
|
|
|
+ transCode: 'D10034',
|
|
|
+ wid: wuliobj.value.wid,
|
|
|
+ wnid: wnid.value,
|
|
|
+ nid: nid.value,
|
|
|
+ seq:seq.value
|
|
|
+ }
|
|
|
+ console.log(params);
|
|
|
+ request(params)
|
|
|
+ .then((res) => {
|
|
|
+ childdata();
|
|
|
+ currentrow1.value=false;
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ ElMessage.error(err.returnMsg)
|
|
|
+ })
|
|
|
+}
|
|
|
+// 修改
|
|
|
+
|
|
|
+const childamend=()=>{
|
|
|
+ if( currentrow1.value==false){
|
|
|
+ ElMessage.error("你还没有选中修改的项目")
|
|
|
+ }else{
|
|
|
+ addVisiblenode.value=true;
|
|
|
+ selectstr.value=childnodeobj.value.nname;
|
|
|
+ nid.value= childnodeobj.value.nid;
|
|
|
+ wnid.value=childnodeobj.value.wnid;
|
|
|
+ wuliobj.value.wid=childnodeobj.value.wid;
|
|
|
+ seq.value= childnodeobj.value.seq;
|
|
|
+ }
|
|
|
+}
|
|
|
+const handleDelete3=(val)=>{
|
|
|
+ childnodeobj.value=val;
|
|
|
+ console.log(childnodeobj.value);
|
|
|
+
|
|
|
+ currentrow1.value=true;
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
defineExpose({ sendialogVisible, });
|
|
|
- </script>
|
|
|
+ </script>
|
|
|
+ <style scoped>
|
|
|
+ .el-overlay-dialog,.summary-dlg,.el-dialog__wrapper {
|
|
|
+ pointer-events: none
|
|
|
+}
|
|
|
+ </style>
|
