| | |
| | | |
| | | } |
| | | |
| | | .area-details-box { |
| | | .el-dialog { |
| | | display: flex; |
| | | flex-direction: column; |
| | | width: 1000px; |
| | | height: 700px; |
| | | |
| | | .el-dialog__header { |
| | | height: 56px; |
| | | line-height: 56px; |
| | | } |
| | | |
| | | .el-dialog__body { |
| | | flex: 1; |
| | | display: flex; |
| | | flex-direction: column; |
| | | flex-wrap: wrap; |
| | | justify-self: flex-start; |
| | | align-content: flex-start; |
| | | |
| | | .item { |
| | | display: flex; |
| | | flex-direction: row; |
| | | width: calc(50% - 20px); |
| | | height: 36px; |
| | | line-height: 36px; |
| | | margin: 0 10px; |
| | | text-align: left; |
| | | |
| | | &>div:first-child { |
| | | width: 100px; |
| | | text-align: justify; |
| | | display: inline-block; |
| | | text-align-last: justify; |
| | | margin-right: 20px; |
| | | } |
| | | |
| | | &>div:nth-of-type(2) { |
| | | width: calc(100% - 120px); |
| | | } |
| | | } |
| | | |
| | | button:hover { |
| | | background-color: #409EFF; |
| | | } |
| | | } |
| | | |
| | | .el-card__body, |
| | | .el-main { |
| | | padding: 0; |
| | | width: 100%; |
| | | } |
| | | } |
| | | |
| | | .header { |
| | | display: flex; |
| | | margin-bottom: 10px; |
| | | padding-left: 10px; |
| | | |
| | | &>div { |
| | | display: flex; |
| | | height: 32px; |
| | | line-height: 32px; |
| | | margin-right: 10px; |
| | | |
| | | input { |
| | | width: 150px; |
| | | height: 32px; |
| | | font-size: 12px; |
| | | text-indent: 1em; |
| | | color: #ffffff; |
| | | background-color: rgba(24, 79, 202, 0.6); |
| | | border: 1px solid rgb(0, 92, 169); |
| | | border-radius: 5px; |
| | | } |
| | | |
| | | input:focus { |
| | | outline: none; |
| | | } |
| | | |
| | | input::-webkit-input-placeholder { |
| | | color: rgba(238, 238, 238, 0.7); |
| | | } |
| | | } |
| | | |
| | | &>div:first-child input { |
| | | width: 120px; |
| | | } |
| | | |
| | | .el-button--primary { |
| | | background-color: rgba(29, 92, 228, 0.6); |
| | | border: 1px solid rgba(29, 92, 228, 0.6); |
| | | } |
| | | |
| | | .el-button { |
| | | padding: 6px 10px; |
| | | } |
| | | |
| | | } |
| | | } |
| | | |
| | | .equiment-details-box { |
| | | .el-dialog { |
| | | display: flex; |
| | |
| | | } |
| | | } |
| | | |
| | | |
| | | .area-details-box, |
| | | .land-details-box { |
| | | .el-dialog { |
| | | display: flex; |
| | |
| | | |
| | | .el-pagination.is-background .el-pager li:not(.disabled).active { |
| | | color: #C0C4CC !important; |
| | | } |
| | | |
| | | .el-card__body, |
| | | .el-main { |
| | | padding: 0; |
| | | width: 100%; |
| | | } |
| | | |
| | | .header { |
| | |
| | | border: 1px solid rgba(29, 92, 228, 0.6); |
| | | } |
| | | |
| | | .el-button--primary:hover { |
| | | background: #66b1ff !important; |
| | | border-color: #66b1ff !important; |
| | | } |
| | | |
| | | .el-button { |
| | | padding: 6px 10px; |
| | | } |