element ui的双层el-dialog样式控制

关键代码如下：

	
		……
	
	
		

			
				{{deptBox.parentName}}
				
				
			
		
	

问题描述如下：
通过设置.dept.el-dialog样式修改对话框样式，但是第二层对话框样式未正常设置，与第一层不一致。

原因：
第二层dialog挂载到了body下，不在.dept样式控制下。
查询官方资料：
append-to-body，Dialog 自身是否插入至 body 元素上。嵌套的 Dialog 必须指定该属性并赋值为 true。

但是实验证明，若设置了append-to-body导致主题切换无法控制，不设置也没啥问题啊。
去掉append-to-body属性后，又出爱心如下问题：
明显的第二层没有高亮，需要点击鼠标才高亮。

修改代码，将两个el-dialog并列放置，不要嵌套其中即可。
最终代码如下：

	
		{{deptBox.parentName}}