| | |
| | | <template> |
| | | <el-container style="height: 100%"> |
| | | <el-container class="video-container" style="height: 100%"> |
| | | <el-aside heigth="100%" width="200px"> |
| | | <department-aside @selectedDepartment="selectedDepartment" /> |
| | | </el-aside> |
| | | |
| | | <el-container> |
| | | <el-container class="video-body-right"> |
| | | <el-header style="display: flex; flex-direction: column; height: 120px"> |
| | | <div |
| | | style="display: flex; justify-content: space-between; height: 80px" |
| | |
| | | " |
| | | >整体趋势</span |
| | | > |
| | | <el-date-picker v-model="value" type="date" placeholder="选择日期"> |
| | | <el-date-picker class="video-time-select" v-model="value" type="date" placeholder="选择日期"> |
| | | </el-date-picker> |
| | | </div> |
| | | <!-- <div style="height: 60px; display: flex; justify-content: flex-start"> |
| | |
| | | }; |
| | | </script> |
| | | <style lang="scss" scoped> |
| | | .video-time-select{ |
| | | &::v-deep .el-input__prefix{ |
| | | height: auto; |
| | | } |
| | | |
| | | } |
| | | .video-body-right{ |
| | | padding: 10px; |
| | | border: 1px solid #ccc; |
| | | margin-left: 5px; |
| | | } |
| | | .button-one { |
| | | height: 40px; |
| | | width: 80px; |
| | |
| | | video::-webkit-media-controls-toggle-closed-captions-button { |
| | | display: none; |
| | | } |
| | | </style> |
| | | </style> |