From 90e29321ec8dcd3520a6b8433b7291e5e4326c00 Mon Sep 17 00:00:00 2001 From: cpf <1105965053@qq.com> Date: Sat, 13 Nov 2021 17:23:12 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=9D=E5=AD=98=E8=8A=82=E7=82=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../left-domain/left-domain.component.html | 34 ++++++++- .../left-domain/left-domain.component.scss | 21 +++++ .../left-domain/left-domain.component.ts | 76 ++++++++++++++++++- 3 files changed, 126 insertions(+), 5 deletions(-) diff --git a/src/app/pages/left-domain/left-domain.component.html b/src/app/pages/left-domain/left-domain.component.html index 49118a3..3bd7838 100644 --- a/src/app/pages/left-domain/left-domain.component.html +++ b/src/app/pages/left-domain/left-domain.component.html @@ -99,7 +99,8 @@ @@ -116,6 +117,37 @@ + +
+ +
+
+ +
+ + 节点名称* + + + + + + 节点 + + + + + + + + 节点 + + + + + + +
+
diff --git a/src/app/pages/left-domain/left-domain.component.scss b/src/app/pages/left-domain/left-domain.component.scss index e476bc8..2c2b629 100644 --- a/src/app/pages/left-domain/left-domain.component.scss +++ b/src/app/pages/left-domain/left-domain.component.scss @@ -88,10 +88,31 @@ color: #23D9FF; padding-left: 20px; label{ float: right; .anticon{ margin-right: 15px; font-size: 18px; cursor: pointer; } } + span{ cursor: pointer; } } .disposalContent { color: #fff; .anticon{ color: #23D9FF; } } .disposalHeader { background: rgba(35, 153, 255, 0.41); border: 1px solid rgba(35, 217, 255, 0.4); } + .selectNode{ color: red; } //选中节点样式 +} +//弹窗 +.submitBottom{ + button { + cursor: pointer; + padding: 0; + width: 150px; + height: 30px; + line-height: 30px; + box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%); + background: #e2e8f0; + color: #000; + border: none; + outline: none; + } + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-evenly; /* 水平居中 */ } \ No newline at end of file diff --git a/src/app/pages/left-domain/left-domain.component.ts b/src/app/pages/left-domain/left-domain.component.ts index 89f580a..ff45bc5 100644 --- a/src/app/pages/left-domain/left-domain.component.ts +++ b/src/app/pages/left-domain/left-domain.component.ts @@ -43,9 +43,9 @@ export class LeftDomainComponent implements OnInit { //处理 设备data handleFacility() { if (this.beforeFence === 7) { //应急预案 + MarkWindow.instance? this.allMarkPlanData= MarkWindow.instance.allMarkPlanData : null EventManager.addListener(Event_GetAllMarkPlanData, (data: Event_GetAllMarkPlanData)=>{ this.allMarkPlanData = data.data - console.log(this.allMarkPlanData,777) }) return } @@ -153,7 +153,7 @@ export class LeftDomainComponent implements OnInit { allMarkPlanData: AllMarkPlanData; //处置预案节点数据 selectPlanId: number; selectNodeId: number; - addDisposalPop: boolean = false; //显示/隐藏 创建预案弹窗 + addDisposalPop: boolean = false; //显示/隐藏 创建预案 弹窗 addNodePop: number = null; //显示/隐藏 创建节点 父节点ID //创建预案/节点 @@ -179,7 +179,36 @@ export class LeftDomainComponent implements OnInit { } } - //保存预案/节点 + //选中 数据节点 + selectNode(item: MarkPlanData, e: MarkNodeData) { + if (this.selectPlanId != item.id || this.selectNodeId != e.id) { //选中 + if (!MarkWindow.instance.currentMarkNodeInfo) { //未选中节点 + this.selectPlanId = item.id + this.selectNodeId = e.id + MarkWindow.instance.selectMarkNode(item.id,e.id) + } else { //已选中节点 + let isTrue = confirm('切换节点后,没保存的信息将会丢失!') + if (isTrue) { + this.selectPlanId = item.id + this.selectNodeId = e.id + MarkWindow.instance.selectMarkNode(item.id,e.id) + } + } + } else if (this.selectPlanId === item.id && this.selectNodeId === e.id) { //取消选中 + let isTrue = confirm('切换节点后,没保存的信息将会丢失!') + if (isTrue) { + this.selectPlanId = null + this.selectNodeId = null + MarkWindow.instance.selectMarkNode(null,null) + } + } + } + + saveDisposalDialog: boolean = false; //整体保存预案 弹窗 + saveType: number = null; //新建保存/保存到已有 弹窗 + allNodeList: any[] = []; //所有根节点/节点 + + //保存-1 saveDisposal(markPlanId: number = null, nodeId: number = null) { if (!MarkWindow.instance.currentMarkNodeInfo) { //未选中节点 this.message.info('还没有进行标绘,无法保存'); @@ -197,7 +226,46 @@ export class LeftDomainComponent implements OnInit { } } - saveDisposalDialog: boolean = false; //整体保存预案 弹窗 + //保存-2 + saveNode(isNew: boolean) { + this.saveDisposalDialog = false + if (isNew) { //新建节点并保存 + this.saveType = 1 + this.allNodeList = MarkWindow.instance.allMarkPlanData.datas + } else { //保存到已有节点 + this.saveType = 2 + this.allNodeList = [] + MarkWindow.instance.allMarkPlanData.datas.forEach(item => { + item.nodes.forEach(element=>{ + let node = { + id: element.id, + parrentId: item.id, + name: element.name, + } + this.allNodeList.push(node) + }) + }); + } + } + + //保存-3 + saveDisposalNode(e) { + if (this.saveType === 1) { //新建节点并保存 + if (!e.name || !e.root) { + this.message.info('请完善表单') + return + } + MarkWindow.instance.createNewNodeAndSave(e.root.id,e.name) + this.saveType = null + } else { //保存到已有节点 + if (!e.node) { + this.message.info('请完善表单') + return + } + MarkWindow.instance.saveToOldNode(e.node.parrentId,e.node.id) + this.saveType = null + } + } //编辑信息 editInfo() {