| | |
| | | </div> |
| | | <div class="video-info"> |
| | | <div class="base-info"> |
| | | <div> |
| | | <div class="flex-box"> |
| | | <label>车号:</label> |
| | | <span>{{data.CarNumber}}</span> |
| | | </div> |
| | | <div> |
| | | <div class="flex-box"> |
| | | <label>车次:</label> |
| | | <span>{{data.TrainNumber}}</span> |
| | | </div> |
| | | <div> |
| | | <div class="flex-box"> |
| | | <label>时间:</label> |
| | | <span>{{data.VideoDate}}</span> |
| | | </div> |
| | | <div> |
| | | <div class="flex-box"> |
| | | <label>司机|副司机:</label> |
| | | <span>{{data.Driver1}}|{{data.Driver2}}</span> |
| | | </div> |
| | |
| | | }, |
| | | setGuid (guid) { |
| | | let _this = this; |
| | | this.guid = guid; |
| | | // for(var i = 0; i < Math.pow(guid,2); i++){ |
| | | // if(i>this.videoArrs.length-1){ |
| | | // this.videoWrapArr[i] = this.videoArrs[i] |
| | |
| | | padding: 0px 12px; |
| | | border: 1px solid #ccc; |
| | | &:hover { |
| | | color: #6486e7; |
| | | border-color: #6486e7; |
| | | color: #7695ec; |
| | | border-color: #7695ec; |
| | | } |
| | | &.checked { |
| | | color: #3d68e1; |
| | | border-color: #3d68e1; |
| | | color: #409EFF; |
| | | border-color: #409EFF; |
| | | } |
| | | } |
| | | } |
| | |
| | | padding: 2px 5px; |
| | | cursor: pointer; |
| | | border: 1px solid #eee; |
| | | background-color:#ecf0fc; |
| | | border-radius: 3px; |
| | | color: #777; |
| | | &.menu { |
| | | margin-right: 10px; |
| | | } |
| | | &.current { |
| | | border-color: #3d68e1; |
| | | border-color: #409EFF; |
| | | background-color:#fff; |
| | | } |
| | | } |
| | | } |
| | |
| | | font-size: 20px; |
| | | right: 10px; |
| | | bottom: 10px; |
| | | color: #ccc; |
| | | .follow { |
| | | color: #3d68e1; |
| | | color: #409EFF; |
| | | } |
| | | } |
| | | } |
| | |
| | | } |
| | | .title-partment { |
| | | font-size: 14px; |
| | | font-weight: 500; |
| | | color: #333; |
| | | line-height: 18px; |
| | | margin-bottom: 8px; |
| | |
| | | background: #fff; |
| | | padding: 10px; |
| | | border-radius: 3px; |
| | | .flex-box >label{ |
| | | color: #777; |
| | | } |
| | | } |
| | | .title { |
| | | font-size: 18px; |
| | |
| | | color: #cacaca; |
| | | padding-left: 12px; |
| | | cursor: pointer; |
| | | &.activegongge{ |
| | | color: #3d68e1; |
| | | } |
| | | } |
| | | } |
| | | .video-area { |
| | |
| | | margin-right: 10px; |
| | | .video-name { |
| | | cursor: pointer; |
| | | color: #666; |
| | | color: #777; |
| | | margin-bottom: 10px; |
| | | &.current { |
| | | color: #3d68e1; |
| | | color: #409eff; |
| | | } |
| | | i { |
| | | padding-right: 4px; |
| | |
| | | font-size: 15px; |
| | | font-weight: bold; |
| | | color: #409eff; |
| | | span{ |
| | | padding-right: 5px; |
| | | } |
| | | i[class^='el-icon'] { |
| | | padding: 3px; |
| | | } |