| | |
| | | @delete="handleDeleteSuccess" |
| | | :show-selection="true" |
| | | :border="true" |
| | | :maxHeight="440" |
| | | :maxHeight="480" |
| | | /> |
| | | </div> |
| | | <pagination |
| | |
| | | </script> |
| | | |
| | | <style scoped> |
| | | .app-container { |
| | | padding: 20px; |
| | | background-color: #f5f7fa; |
| | | box-sizing: border-box; |
| | | min-height: calc(100vh - 84px); |
| | | } |
| | | .search-form { |
| | | background: #fff; |
| | | padding: 20px 20px 0 20px; |
| | | margin-bottom: 20px; |
| | | border-radius: 4px; |
| | | box-shadow: var(--el-box-shadow-light); |
| | | } |
| | | .el-form-item__label{ |
| | | padding: 0 5px 0 0 !important; |
| | | font-weight: 500; |
| | | } |
| | | .search-form :deep(.el-form-item) { |
| | | margin-bottom: 16px; |
| | | width: 100%; |
| | | } |
| | | |
| | | /* 响应式布局 */ |
| | | @media screen and (min-width: 768px) { |
| | | .search-form :deep(.el-form-item) { |
| | |
| | | .search-form :deep(.el-form-item) { |
| | | width: 16%; |
| | | } |
| | | } |
| | | .info-tabs { |
| | | margin-bottom: 20px; |
| | | } |
| | | .table-toolbar { |
| | | margin-bottom: 20px; |