| | |
| | | > |
| | | {{ label.Desc }} |
| | | </span> |
| | | <!-- (index == data.LableLst.length - 1 ? "" : ",") --> |
| | | </div> |
| | | <div v-else-if="hasError(data)" class="has-error"> |
| | | <span>有异常</span> |
| | |
| | | <div class="content" v-show="showType == 'list'"> |
| | | <el-table |
| | | :data="tableData" |
| | | stripe |
| | | fit |
| | | ref="elTable" |
| | | @row-click="checkVideoDetail" |
| | | :header-cell-style="{ |
| | | background: '#2D52D7', |
| | | color: '#fff', |
| | | height: '50px', |
| | | padding: 0, |
| | | }" |
| | | > |
| | | <el-table-column label="名称" prop="VideoName" sortable width="500"> |
| | | <template slot-scope="scope" style="cursor: pointer"> |
| | |
| | | } |
| | | .flex-box { |
| | | display: flex; |
| | | height: 18px; |
| | | line-height: 18px; |
| | | } |
| | | .filter-area { |
| | | background: #fff; |
| | |
| | | } |
| | | .el-table { |
| | | border: none; |
| | | margin-bottom: 20px; |
| | | } |
| | | .el-col { |
| | | margin-bottom: 10px; |
| | |
| | | text-align: left; |
| | | background: #fff; |
| | | border-radius: 0 0 5px 5px; |
| | | height: 360px; |
| | | height: 368px; |
| | | margin-bottom: 10px; |
| | | border: 1px solid#CCD9F0; |
| | | &:hover { |
| | |
| | | } |
| | | } |
| | | .video-info { |
| | | padding: 10px; |
| | | padding: 14px; |
| | | .base-info { |
| | | > div { |
| | | margin-bottom: 1px; |
| | |
| | | font-size: 20px; |
| | | right: 10px; |
| | | bottom: 10px; |
| | | i { |
| | | color: #c7d0e5; |
| | | } |
| | | .follow { |
| | | color: #f90741; |
| | | } |
| | | |
| | | } |
| | | } |
| | | .el-table--striped |
| | | .el-table__body |
| | | tr.el-table__row--striped |
| | | td.el-table__cell { |
| | | background: #f4f6f9; |
| | | } |
| | | .el-table { |
| | | border: 1px solid #dedede; |
| | | th { |
| | | background: #f5f5f5; |
| | | color: #333; |
| | | } |
| | | .operation { |
| | | cursor: pointer; |
| | | .star { |
| | | color: #ccc; |
| | | } |
| | | .follow { |
| | | color: #409eff; |
| | | } |
| | | th.el-table__cell > .cell { |
| | | color: #fff; |
| | | } |
| | | .el-table__row > td { |
| | | border: none; |
| | | } |
| | | th.is-leaf { |
| | | border: none; |
| | | } |
| | | |
| | | } |
| | | .pagination-center { |
| | | text-align: center; |
| | |
| | | padding: 10px 0 20px; |
| | | } |
| | | } |
| | | |
| | | .star { |
| | | font-size: 20px; |
| | | i { |
| | | color: #c7d0e5; |
| | | } |
| | | .follow { |
| | | color: #f90741; |
| | | } |
| | | } |
| | | .el-dialog__wrapper { |
| | | top: -22px; |
| | | } |