|
|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<div class="l_Dialog">
|
|
|
- <el-dialog v-model="dialogVisible" width="470" align-center :modal="false" :close-on-click-modal="false"
|
|
|
+ <el-dialog v-model="dialogVisible" width="480" align-center :modal="false" :close-on-click-modal="false"
|
|
|
draggable :fullscreen="false" :modal-append-to-body="false" modal-class="summary-dlg"
|
|
|
class="dialog_class bgcolor zhucentent ">
|
|
|
<template #header="{ titleId, titleClass }">
|
|
|
@@ -11,34 +11,39 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<div class="classtab">
|
|
|
- <el-tabs v-model="resultactiveName" type="card" class="demo-tabs" @tab-click="handleClick">
|
|
|
+ <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">
|
|
|
|
|
|
<div class="font12 my_content1">
|
|
|
- <div class="xian btncolor tablefocus bmar">
|
|
|
+ <div class=" btncolor tablefocus bmar">
|
|
|
|
|
|
- <el-table :data="ftableData" style="width:468px" :max-height="tableHeight"
|
|
|
- :highlight-current-row="true" :row-class-name="tableRowClassName"
|
|
|
+ <el-table :data="tableData2" style="width:480px" :max-height="tableHeight"
|
|
|
+ :highlight-current-row="currentrow" :row-class-name="tableRowClassName"
|
|
|
@row-click="handleDelete($event)"
|
|
|
:header-cell-style="{ 'background': 'rgba(13, 22, 57, 0.9) ' }">
|
|
|
- <el-table-column prop="nid" label="节点编号" />
|
|
|
- <el-table-column prop="type" label="X" />
|
|
|
- <el-table-column prop="nid" label="Y" />
|
|
|
- <el-table-column prop="type" label="Z" />
|
|
|
+ <el-table-column type="index" label="节点编号" width="80px" />
|
|
|
+ <el-table-column prop="name" label="节点名称" />
|
|
|
+ <el-table-column prop="x" label="X" />
|
|
|
+ <el-table-column prop="y" label="Y" />
|
|
|
+ <el-table-column prop="z" label="Z" />
|
|
|
</el-table>
|
|
|
+ <div class="demo-pagination-block pagination" style="margin-top: 20px;">
|
|
|
+ <el-pagination v-model:current-page="currentPage4"
|
|
|
+ v-model:page-size="pageSize4" small background
|
|
|
+ layout="prev, total,pager, next, jumpe," :total="parseInt(total)"
|
|
|
+ class="mt-4" @current-change="handleCurrentChange" />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="dialog-footer footer_div l_btn">
|
|
|
<div class="footerbtn flex1">
|
|
|
- <div class="borderimg"><el-button @click="addsg('1');">添加</el-button></div>
|
|
|
+ <div class="borderimg"><el-button @click="addsg();">添加</el-button></div>
|
|
|
</div>
|
|
|
- <!-- <div class="footerbtn flex1"><div class="borderimg"><el-button @click="addsg('2')">
|
|
|
- 修改
|
|
|
- </el-button></div></div> -->
|
|
|
<div class="footerbtn flex1">
|
|
|
- <div class="borderimg"><el-button @click="dialog.dialogsgdelect = true">
|
|
|
+ <div class="borderimg"><el-button
|
|
|
+ @click="nodedelete()">
|
|
|
删除
|
|
|
</el-button></div>
|
|
|
</div>
|
|
|
@@ -53,24 +58,218 @@
|
|
|
</el-button></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- <div class="asdis_btn padingcla">
|
|
|
- <div class="flex_a">
|
|
|
- <div class="btns" @click="bounadd();dialog.dialogVisible = true;">
|
|
|
- <span class="spantext">添加</span></div>
|
|
|
- </div>
|
|
|
- <div class="flex_a">
|
|
|
- <div class="btns" @click="xiugai();" ><span class="spantext">修改</span></div>
|
|
|
- </div>
|
|
|
- <div class="flex_a">
|
|
|
- <div class="btns" @click="sdialog.dialogsgdelect=true"><span class="spantext">删除</span></div>
|
|
|
- </div>
|
|
|
- </div> -->
|
|
|
|
|
|
</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">
|
|
|
+ <div class="jc_content tablecolor jc_content">
|
|
|
+
|
|
|
+ <div class="font12 my_content1">
|
|
|
+ <div class="btncolor tablefocus bmar">
|
|
|
+ <el-table :row-class-name="tableRowClassName" :max-height="tableHeight"
|
|
|
+ ref="multipleTableRef" :highlight-current-row="currentrow" @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="结束节点" />
|
|
|
+ <el-table-column property="id" label="编号" width="70" />
|
|
|
+ <el-table-column property="name" label="名称" width="70" />
|
|
|
+ <el-table-column property="sectionType" label="截面类型" width="120" />
|
|
|
+ <el-table-column property="roughCoe" label="粗糙系数" />
|
|
|
+ <el-table-column property="sectionPara1" label="截面参数1" width="90" />
|
|
|
+ <el-table-column property="sectionPara2" label="截面参数2" width="90" />
|
|
|
+ <el-table-column property="sectionPara3" label="截面参数3" width="90" />
|
|
|
+ <el-table-column property="sectionPara4" label="截面参数4" width="90" />
|
|
|
+ <el-table-column property="sectionPara5" label="截面参数5" width="90" />
|
|
|
+
|
|
|
+ </el-table>
|
|
|
+ <div class="demo-pagination-block pagination" style="margin-top: 20px;">
|
|
|
+ <el-pagination v-model:current-page="gd.currentPage4"
|
|
|
+ v-model:page-size="gd.pageSize4" small background
|
|
|
+ layout="prev, total,pager, next, jumpe," :total="parseInt(gd.total)"
|
|
|
+ class="mt-4" @current-change="handleCurrentChange2" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="dialog-footer footer_div l_btn">
|
|
|
+ <div class="footerbtn flex1">
|
|
|
+ <div class="borderimg"><el-button @click="guandaoadd();">添加</el-button></div>
|
|
|
+ </div>
|
|
|
+ <div class="footerbtn flex1">
|
|
|
+ <div class="borderimg"><el-button
|
|
|
+ @click="nodedelete2();">
|
|
|
+ 删除
|
|
|
+ </el-button></div>
|
|
|
+ </div>
|
|
|
+ <div class="footerbtn flex1">
|
|
|
+ <div class="borderimg"><el-button @click="accident2()">
|
|
|
+ 修改
|
|
|
+ </el-button></div>
|
|
|
+ </div>
|
|
|
+ <div class="footerbtn flex1">
|
|
|
+ <div class="borderimg"><el-button @click="dialogVisible = false">
|
|
|
+ 确认
|
|
|
+ </el-button></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </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>
|
|
|
+
|
|
|
+ <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>
|
|
|
+ <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>
|
|
|
+ </el-form>
|
|
|
+ </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">
|
|
|
|
|
|
@@ -82,6 +281,7 @@
|
|
|
</div>
|
|
|
|
|
|
</el-dialog>
|
|
|
+ <Node-Select ref="nodeselect" @queding="queding"/>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -90,11 +290,58 @@ import { computed, ref, onMounted, reactive, toRef } from "vue";
|
|
|
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 { timestampToTime } from '@/js/lindex.js';
|
|
|
+ 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)
|
|
|
const resultactiveName = ref("first");
|
|
|
let tableHeight = ref(570);
|
|
|
+let total = ref(1);
|
|
|
+let searchtag = ref("");
|
|
|
+const currentPage4 = ref(1);
|
|
|
+const pageSize4 = ref(5)
|
|
|
+let currentrow = ref(false);
|
|
|
+let sdialog = ref({
|
|
|
+ adddialog: false,
|
|
|
+ dialogsgdelect: false,
|
|
|
+ gdadddialog:false,
|
|
|
+ guddialogsgdelect:false,
|
|
|
+})
|
|
|
+let sideid=ref("");
|
|
|
+let tableData3 = ref();
|
|
|
+let zqname = ref("");
|
|
|
+let zhtext = ref("添加");
|
|
|
+let nodedata = ref({});
|
|
|
+let gddata = ref({});
|
|
|
+let nodeobj = ref({
|
|
|
+ name: "",
|
|
|
+ x: "",
|
|
|
+ y: "",
|
|
|
+ z: "",
|
|
|
+
|
|
|
+})
|
|
|
+let guandaoobj = ref({
|
|
|
+ pid: '',
|
|
|
+ name: '',
|
|
|
+ snId: 0,
|
|
|
+ enId: 0,
|
|
|
+ roughCoe: '',
|
|
|
+ sectionType: '',
|
|
|
+ sectionPara1: '',
|
|
|
+ sectionPara2: '',
|
|
|
+ sectionPara3: '',
|
|
|
+ sectionPara4: '',
|
|
|
+ sectionPara5: '',
|
|
|
+})
|
|
|
+let gd = ref({
|
|
|
+ total: 1,
|
|
|
+ currentPage4: 1,
|
|
|
+ pageSize4: 5,
|
|
|
+})
|
|
|
const tableRowClassName = ({ row, rowIndex }) => {
|
|
|
if (rowIndex % 2 != 0) {
|
|
|
return 'evenRow';
|
|
|
@@ -102,6 +349,267 @@ const tableRowClassName = ({ row, rowIndex }) => {
|
|
|
return 'oddRow';
|
|
|
|
|
|
}
|
|
|
+onMounted(() => {
|
|
|
+ pipelinedata()
|
|
|
+})
|
|
|
+// tab选项事件
|
|
|
+const handleClick = (Tab, val) => {
|
|
|
+ console.log(Tab.props.name);
|
|
|
+ switch (Tab.props.name) {
|
|
|
+ case 'first':
|
|
|
+ pipelinedata()
|
|
|
+ break;
|
|
|
+ case "second":
|
|
|
+ guandaodata();
|
|
|
+ break;
|
|
|
+ case 'third':
|
|
|
+ break;
|
|
|
+ case 'thirds':
|
|
|
+ break;
|
|
|
+ }
|
|
|
+}
|
|
|
+// 节点分页查询
|
|
|
+const handleCurrentChange = (val) => {
|
|
|
+ pipelinedata();
|
|
|
+}
|
|
|
+// 管道分页查询
|
|
|
+const handleCurrentChange2 = (val) => {
|
|
|
+ guandaodata();
|
|
|
+}
|
|
|
+//节点数据查询
|
|
|
+const pipelinedata = () => {
|
|
|
+ const params = {
|
|
|
+ transCode: 'D00000',
|
|
|
+ count: pageSize4.value,
|
|
|
+ page: currentPage4.value,
|
|
|
+ searchtag: searchtag.value,
|
|
|
+ }
|
|
|
+ request(params)
|
|
|
+ .then((res) => {
|
|
|
+ tableData2.value = res.rows;
|
|
|
+ total.value = res.total;
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ ElMessage.error(err.returnMsg)
|
|
|
+ })
|
|
|
+}
|
|
|
+//节点的添加
|
|
|
+const addsg = () => {
|
|
|
+ zhtext.value = '添加';
|
|
|
+ sdialog.value.adddialog = true;
|
|
|
+ nodeobj.value.name = "";
|
|
|
+ nodeobj.value.x = "";
|
|
|
+ nodeobj.value.y = "";
|
|
|
+ nodeobj.value.z = "";
|
|
|
+ nodeobj.value.nid = '';
|
|
|
+
|
|
|
+}
|
|
|
+//节点添加api
|
|
|
+const nodeconfirm = () => {
|
|
|
+ const params = {
|
|
|
+ transCode: 'D10000',
|
|
|
+ nid: nodeobj.value.nid,
|
|
|
+ name: nodeobj.value.name,
|
|
|
+ x: nodeobj.value.x,
|
|
|
+ y: nodeobj.value.y,
|
|
|
+ z: nodeobj.value.z,
|
|
|
+ desc: "",
|
|
|
+ ntype: "mid",
|
|
|
+ }
|
|
|
+ request(params)
|
|
|
+ .then((res) => {
|
|
|
+ pipelinedata();
|
|
|
+ ElMessage({
|
|
|
+ message: res.returnMsg,
|
|
|
+ type: 'success',
|
|
|
+ })
|
|
|
+
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ ElMessage.error(err.returnMsg)
|
|
|
+ })
|
|
|
+}
|
|
|
+//选中node节点的一行
|
|
|
+const handleDelete = (val) => {
|
|
|
+ currentrow.value = true;
|
|
|
+ nodedata.value = val;
|
|
|
+
|
|
|
+}
|
|
|
+const handleDelete2 = (val) => {
|
|
|
+ currentrow.value = true;
|
|
|
+ gddata.value = val;
|
|
|
+
|
|
|
+}
|
|
|
+//node删除
|
|
|
+const nodedelete = () => {
|
|
|
+ console.log(nodedata.value);
|
|
|
+ if (JSON.stringify(nodedata.value) == '{}') {
|
|
|
+ ElMessage.error("你还没有选中修改的项目")
|
|
|
+ } else {
|
|
|
+ sdialog.value.dialogsgdelect=true;
|
|
|
+ zqname.value = nodedata.value.name;
|
|
|
+ }
|
|
|
+}
|
|
|
+const nodedeleteapi = () => {
|
|
|
+ const params = {
|
|
|
+ transCode: 'D10001',
|
|
|
+ nid: nodedata.value.id,
|
|
|
+ }
|
|
|
+ request(params)
|
|
|
+ .then((res) => {
|
|
|
+ pipelinedata();
|
|
|
+ ElMessage({
|
|
|
+ message: res.returnMsg,
|
|
|
+ type: 'success',
|
|
|
+ })
|
|
|
+
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ ElMessage.error(err.returnMsg)
|
|
|
+ })
|
|
|
+}
|
|
|
+//节点修改
|
|
|
+const accident = () => {
|
|
|
+ if (JSON.stringify(nodedata.value) == '{}') {
|
|
|
+ ElMessage.error("你还没有选中修改的项目")
|
|
|
+ } else {
|
|
|
+ zhtext.value = '修改';
|
|
|
+ sdialog.value.adddialog = true;
|
|
|
+ nodeobj.value.name = nodedata.value.name;
|
|
|
+ nodeobj.value.x = nodedata.value.x;
|
|
|
+ nodeobj.value.y = nodedata.value.y;
|
|
|
+ nodeobj.value.z = nodedata.value.z;
|
|
|
+ nodeobj.value.nid = nodedata.value.id;
|
|
|
+ }
|
|
|
+}
|
|
|
+//巷道查询
|
|
|
+const guandaodata = () => {
|
|
|
+ const params = {
|
|
|
+ transCode: 'D00001',
|
|
|
+ count: gd.value.pageSize4,
|
|
|
+ page: gd.value.currentPage4,
|
|
|
+ searchtag: '',
|
|
|
+ }
|
|
|
+ request(params)
|
|
|
+ .then((res) => {
|
|
|
+ tableData3.value = res.rows;
|
|
|
+ gd.value.total = res.total;
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ ElMessage.error(err.returnMsg)
|
|
|
+ })
|
|
|
+}
|
|
|
+// 节点选中开始结束
|
|
|
+const nodeclick=(val)=>{
|
|
|
+ nodeselect.value.dialogVisiblenode=true;
|
|
|
+ nodeselect.value.pipelinedata("");
|
|
|
+ sideid.value=val;
|
|
|
+
|
|
|
+}
|
|
|
+//节点确定的方法
|
|
|
+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;
|
|
|
+ guandaoobj.value.pid='';
|
|
|
+ guandaoobj.value.name= '';
|
|
|
+ guandaoobj.value.snId= 0;
|
|
|
+ guandaoobj.value.enId= 0;
|
|
|
+ guandaoobj.value.roughCoe= '';
|
|
|
+ guandaoobj.value.sectionType= '';
|
|
|
+ guandaoobj.value.sectionPara1='';
|
|
|
+ guandaoobj.value.sectionPara2='';
|
|
|
+ guandaoobj.value.sectionPara3='';
|
|
|
+ guandaoobj.value.sectionPara4='';
|
|
|
+ guandaoobj.value.sectionPara5='';
|
|
|
+}
|
|
|
+// 管道增加修改的接口
|
|
|
+const guandaoapi=()=>{
|
|
|
+ const params = {
|
|
|
+ transCode: 'D10002',
|
|
|
+ pid: guandaoobj.value.pid,
|
|
|
+ name:guandaoobj.value.name,
|
|
|
+ snId: guandaoobj.value.snId,
|
|
|
+ enId: guandaoobj.value.enId,
|
|
|
+ roughCoe: guandaoobj.value.roughCoe,
|
|
|
+ sectionType: guandaoobj.value.sectionType,
|
|
|
+ sectionPara1:guandaoobj.value.sectionPara1,
|
|
|
+ sectionPara2: guandaoobj.value.sectionPara2,
|
|
|
+ sectionPara3: guandaoobj.value.sectionPara3,
|
|
|
+ sectionPara4: guandaoobj.value.sectionPara4,
|
|
|
+ sectionPara5: guandaoobj.value.sectionPara5,
|
|
|
+
|
|
|
+ }
|
|
|
+ request(params)
|
|
|
+ .then((res) => {
|
|
|
+ ElMessage({
|
|
|
+ message: res.returnMsg,
|
|
|
+ type: 'success',
|
|
|
+ })
|
|
|
+ guandaodata();
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ ElMessage.error(err.returnMsg)
|
|
|
+ })
|
|
|
+}
|
|
|
+// 管道删除
|
|
|
+//node删除
|
|
|
+const nodedelete2 = () => {
|
|
|
+ console.log(gddata.value);
|
|
|
+ if (JSON.stringify(gddata.value) == '{}') {
|
|
|
+ ElMessage.error("你还没有选中修改的项目")
|
|
|
+ } else {
|
|
|
+ sdialog.value.guddialogsgdelect=true;
|
|
|
+ zqname.value = gddata.value.name;
|
|
|
+ }
|
|
|
+}
|
|
|
+const gddelete = () => {
|
|
|
+ const params = {
|
|
|
+ transCode: 'D10003',
|
|
|
+ pid: gddata.value.id,
|
|
|
+ }
|
|
|
+ request(params)
|
|
|
+ .then((res) => {
|
|
|
+ guandaodata();
|
|
|
+ ElMessage({
|
|
|
+ message: res.returnMsg,
|
|
|
+ type: 'success',
|
|
|
+ })
|
|
|
+
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ ElMessage.error(err.returnMsg)
|
|
|
+ })
|
|
|
+}
|
|
|
+// 管道修改
|
|
|
+const accident2 = () => {
|
|
|
+ if (JSON.stringify(gddata.value) == '{}') {
|
|
|
+ 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;;
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
defineExpose({ dialogVisible, });
|
|
|
</script>
|
|
|
|
|
|
@@ -277,7 +785,7 @@ defineExpose({ dialogVisible, });
|
|
|
}
|
|
|
|
|
|
.l_btn .borderimg {
|
|
|
- width: 109px;
|
|
|
+ width: 70px;
|
|
|
height: 30px;
|
|
|
background: rgba(104, 173, 255, 0.3);
|
|
|
box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
|
|
|
@@ -428,7 +936,6 @@ defineExpose({ dialogVisible, });
|
|
|
|
|
|
.dialog_class {
|
|
|
background-color: rgba(13, 22, 57, 0.9) !important;
|
|
|
- width: 482px;
|
|
|
|
|
|
}
|
|
|
|
|
|
@@ -556,7 +1063,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(104, 173, 255, 0) !important;
|
|
|
+ background-color: rgba(255, 255, 25, 0)!important;
|
|
|
}
|
|
|
|
|
|
.el-button:focus,
|
|
|
@@ -784,16 +1291,31 @@ border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255,
|
|
|
}
|
|
|
|
|
|
.classtab .el-tabs--card>.el-tabs__header .el-tabs__item {
|
|
|
- border-top: 1px solid;
|
|
|
+ position: relative;
|
|
|
+ /* border-top: 1px solid;
|
|
|
border-left: 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);
|
|
|
- border-radius: 0px 0px 0px 0px;
|
|
|
-}
|
|
|
|
|
|
+
|
|
|
+ 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__item {
|
|
|
- width: 117px;
|
|
|
+ /* width:120px; */
|
|
|
height: 48px;
|
|
|
padding: 0 10px !important;
|
|
|
font-weight: bold;
|
|
|
@@ -834,7 +1356,9 @@ 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{
|
|
|
+ border: none !important;
|
|
|
+}
|
|
|
.classtab .el-tabs__content {
|
|
|
border: 1px solid;
|
|
|
color: rgba(255, 15, 15, 1) !important;
|
|
|
@@ -856,12 +1380,12 @@ ol {
|
|
|
}
|
|
|
|
|
|
/* 新的css */
|
|
|
-.classtab {
|
|
|
+/* .classtab {
|
|
|
display: flex;
|
|
|
-}
|
|
|
+} */
|
|
|
|
|
|
.classtab .el-tabs__item {
|
|
|
- flex: 1
|
|
|
+ /* flex: 1 */
|
|
|
}
|
|
|
|
|
|
.xinxi_header {
|
|
|
@@ -869,7 +1393,7 @@ ol {
|
|
|
}
|
|
|
|
|
|
.classtab .el-tabs__nav {
|
|
|
- width: 468px;
|
|
|
+ /* width: 480px; */
|
|
|
}
|
|
|
|
|
|
.zhucentent .el-table__header tr {
|
|
|
@@ -905,23 +1429,35 @@ ol {
|
|
|
.el-dialog {
|
|
|
pointer-events: auto;
|
|
|
}
|
|
|
-.leftbgimg1 .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;
|
|
|
+
|
|
|
+.leftbgimg1 .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;
|
|
|
|
|
|
|
|
|
}
|
|
|
-.guand_1{
|
|
|
+
|
|
|
+.guand_1 {
|
|
|
display: flex;
|
|
|
}
|
|
|
-.guand_1 .asdis_btn{
|
|
|
+
|
|
|
+.guand_1 .asdis_btn {
|
|
|
margin-top: -9px;
|
|
|
}
|
|
|
-.magintop .el-form-item{
|
|
|
+
|
|
|
+.magintop .el-form-item {
|
|
|
margin-right: 20px;
|
|
|
}
|
|
|
+
|
|
|
+.pagination {
|
|
|
+ padding: 0 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.el-pagination__total {
|
|
|
+ color: #fff !important;
|
|
|
+}
|
|
|
</style>
|
