| | |
| | | <!-- </div>--> |
| | | <!-- <a-divider style="margin-top: 10px" />--> |
| | | <!-- </div>--> |
| | | </div> |
| | | <!-- </div> --> |
| | | </div> |
| | | <a-modal title=" " v-model:visible="visible" :footer="false" fullscreen> |
| | | <!-- <docx v-if="documenttype=='docx'" previewSrc="http://192.168.20.116:1080/v1/document/get/405c3efa4d8c11ef97560242ac120006"></docx>--> |
| | |
| | | flex-direction: column; |
| | | align-items: center; |
| | | justify-content: space-evenly; |
| | | background: #ffffff; |
| | | background: var(--color-neutral-3); |
| | | width: 200px; |
| | | .lf-container-top { |
| | | display: flex; |
| | |
| | | box-sizing: border-box; |
| | | width: 90%; |
| | | //height: 56rem; |
| | | border: 1px solid #eeeeee; |
| | | border: 1px solid var(--color-neutral-3); |
| | | //padding: 10px; |
| | | margin-bottom: 10px; |
| | | //.tabs{ |
| | |
| | | box-sizing: border-box; |
| | | margin: 10px 10px; |
| | | padding: 0 10px; |
| | | color: rgba(0, 0, 0, 0.88); |
| | | //color: var(--color-text-1); |
| | | font-size: 14px; |
| | | height: 40px; |
| | | line-height: 40px; |
| | |
| | | } |
| | | .tab:hover { |
| | | border: 1px solid #ffffff; |
| | | color: #000000; |
| | | background: #e8e8ea; |
| | | box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), |
| | | 0 3px 6px 0 rgba(0, 0, 0, 0.12), |
| | |
| | | .tab.active { |
| | | border: 1px solid #e8e8ea; |
| | | background: #e8e8ea; |
| | | color: #000000; |
| | | cursor: pointer; |
| | | box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), |
| | | 0 3px 6px 0 rgba(0, 0, 0, 0.12), |
| | | 0 5px 12px 4px rgba(0, 0, 0, 0.09); |
| | | } |
| | | } |
| | | } |
| | |
| | | left: 0; |
| | | width: 100%; |
| | | height: 100%; |
| | | background: #ffffff; |
| | | //background: #ffffff; |
| | | .details-header { |
| | | display: flex; |
| | | justify-content: space-between; |