系统图保存

adm_comp/src/lib/DiagramEditor.ts

@@ -402,17 +402,7 @@ class EditUtil {
 			});	
 		}
 	}
-	
-	clearParent(con:Container){
-		con.parent = null;
-		con.children.forEach(item => {
-			item.parent = null;
-			
-			if(item.compType == 'container') 
-				this.clearParent(<Container>item);
-		});
-	}
-	
+		
 	locationOnDiagram(con:Comp): Point {
 		const p:Point = new Point(0, 0);
 		var c = con;

adm_comp/src/lib/DiagramModel.ts

@@ -39,6 +39,20 @@ export class Template {
 		return mps;
 	}
 	
+	static clearParent(template: Template){
+		Template.clearConParent(template.frame);
+	}
+	
+	private static clearConParent(con:Container){
+		con.parent = null;
+		con.children.forEach(item => {
+			item.parent = null;
+			
+			if(item.compType == 'container') 
+				Template.clearConParent(<Container>item);
+		});
+	}
+	
 }
 
 export class Comp {

adm_comp/src/views/Diagram.vue

@@ -49,6 +49,11 @@
 					<el-button size="mini" @click="() => changeConState()" :disabled="state == -1">{{conButtonText}}</el-button>
 				</el-button-group>
 				
+				&nbsp;
+				<el-button-group>
+					<el-button size="mini" @click="() => save()" :disabled="state == -1">保存</el-button>
+				</el-button-group>
+				
 				<!--选中信息-->
 				<div class="info">
 					<span>{{selectionInfo}}</span>
@@ -121,6 +126,7 @@
 		Watch
 	} from "vue-property-decorator";
 	import {DiagramEditor} from '@/lib/DiagramEditor';
+	import {Template} from '@/lib/DiagramModel';
 
 	@Component({})
 	export default class DiagramTemplate extends Vue {
@@ -389,6 +395,12 @@
 			this.conButtonText = this.editor.showContainer ? '隐藏容器' : '显示容器';
 		} 
 
+		save(){
+			Template.clearParent(this.currentDiagram.template);
+			const params:any = {diagram: this.currentDiagram};
+			this.callAction("saveDiagram", params)
+		}
+
 		//切换编辑状态
 		changeState(state) {
 			this.state = state;