.vat-model-analysis { height: 100%; padding: 0 5px 5px; .func-elem { cursor: pointer; &:hover { background-color: #f2f2f2; } } > div[class*='-container'] { border-radius: 5px; border: 1px solid #e4e4e4; } .left-container { width: 250px; margin-right: 5px; [ui-tree] { > .angular-ui-tree-nodes { padding: 5px; .angular-ui-tree-nodes { padding-left: 20px; } } li { position: relative; margin: 0; padding: 10px 0 0 0; /* ����:�߶�С1����,���������߲������ص�,ʹ������ʱ�ص�Ч��������� */ &:before { content: ""; position: absolute; top: -11px; left: -17px; width: 1px; height: calc(~"100% - 1px"); border-left: 1px dotted gray; z-index: -1; } /* ���� */ &:after { content: ""; position: absolute; top: 19px; left: -16px; width: 16px; height: 1px; border-bottom: 1px dotted gray; } > ol > li:last-child > ol:not(.ng-hide):before { content: ""; position: absolute; top: -11px; left: -17px; width: 1px; height: calc(~"100% - 1px"); background-color: white; } .angular-ui-tree-handle { margin-bottom: 0; } } /* ��һ����ڵ㲻��Ҫ���� */ > ol > li { &:before, &:after { display: none; } } } .tree-node { &.tree-item-select { background-color: #f16100 !important; } } .angular-ui-tree-empty { min-height: 0; border: none; } } .right-container { width: calc(~"100% - 250px"); .menu { padding: 5px 10px; min-height: 54px; max-height: 54px; strong { font-size: 1.15em; margin: 0 30px 0 5px; } .model-type { margin-right: 30px; span { background-color: #f2f2f2; cursor: pointer; padding: 5px 10px; } .active { background-color: #e0301e; } } .filter { margin: 10px 0; } .operation-wrapper { margin: 0; > * { cursor: pointer; margin-left: 20px; outline: none; } } } } } .vat-model-analysis-dirty-data-process-bar { .modal-content { margin-top: 50%; } } .rangePicker.show { z-index: 1999; }