@import './variables.scss'; @import './basicData.scss'; .page-box { ::v-deep .el-dialog { .form1, .form2 { display: flex; flex-direction: column; width: 100%; height: 100%; } .form1 .el-form { flex: 1; padding-left: 70px; padding-right: 70px; display: flex; flex-direction: column; overflow: hidden; .el-row { flex: 2; padding-left: 30px; padding-right: 30px; flex-wrap: wrap; overflow: hidden; overflow-y: auto; } .formTable-box { flex: 2; overflow: hidden; .el-form-item__content { width: 100%; height: 100%; display: flex; flex-direction: column; overflow: hidden; margin: 0 !important; } .heder { padding: 5px 0; text-align: end; span { color: rgb(64, 158, 255); cursor: pointer; &:hover { color: blue; } } } .el-table { flex: 1; // white-space: nowrap; // display: flex; .childTable { display: flex; justify-content: space-around; span { cursor: pointer; &:nth-child(1) { color: red; } &:nth-child(2) { color: green; } } } } } } } .form2 .el-form { flex: 1; padding-left: 100px; padding-right: 100px; display: flex; justify-content: flex-start; align-content: flex-start; flex-wrap: wrap; overflow: hidden; overflow-y: auto; } .screen-push { color: rgb(64, 158, 255); span { cursor: pointer; &:hover { color: blue; } } } .formButton { padding: 20px 20px 20px 0; } }