| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100 |
- .page-panel {
- width: 100%;
- height: 100%;
- background-color: #eff0f5 !important;
- box-sizing: border-box;
- padding: 10px;
- .head-title {
- font-size: 16px;
- color: #333333;
- line-height: 18px;
- padding: 10px 0;
- font-weight: 500;
- &::before {
- content: '';
- display: inline-block;
- width: 3px;
- height: 16px;
- background: #2a77f7;
- vertical-align: bottom;
- margin-right: 5px;
- }
- &.line {
- border-bottom: 1px solid #eaeaea;
- }
- }
- .left-panel {
- float: left;
- width: 40%;
- height: 100%;
- background-color: #fff;
- border-top-left-radius: 5px;
- border-bottom-left-radius: 5px;
- box-sizing: border-box;
- padding: 20px 20px;
- overflow-y: auto;
- position: relative;
- overflow: hidden;
- }
- .right-panel {
- float: left;
- width: 60%;
- height: 100%;
- background-color: #fff;
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- box-sizing: border-box;
- padding: 10px 20px;
- padding-left: 10px;
- overflow-y: auto;
- .top-box {
- .el-form {
- >>>.el-form-item {
- // margin-bottom: 0 !important;
- }
- }
- padding: 15px 0;
- border-bottom: 1px solid #e5e5e5;
- }
- .el-table {
- >>>.el-table__cell {
- padding: 5px 0 !important;
- }
- &::before {
- height: 0 !important;
- }
- }
- .middle-box {
- clear: both;
- width: 100%;
- // height: 260px;
- padding-top: 10px;
- }
- // .bottom-box {
- // // height: calc(100% - 529px);
- // }
- .row-btn {
- position: absolute;
- left: 15px;
- top: 5px;
- font-size: 18px;
- padding: 0;
- }
- }
- }
- .chart-box{
- width: 100%;
- height: 300px;
- }
|