| | |
| | | </div> |
| | | <div class="video-list"> |
| | | <el-checkbox-group v-model="trainNochecked"> |
| | | <!-- <el-collapse v-model="actCollapseName"> |
| | | <el-collapse v-model="actCollapseName"> |
| | | <el-collapse-item |
| | | :name="trainNo.no" |
| | | v-for="trainNo in trainNoList" |
| | | :key="trainNo.id" |
| | | :name="vkey" |
| | | v-for="(v,vkey,i) in videoPackageList" |
| | | :key="i" |
| | | > |
| | | <template slot="title"> |
| | | <div> |
| | | <el-checkbox |
| | | :label="trainNo.videos[0]['UniqeID']" |
| | | :label="i" |
| | | style="padding-right:10px;" |
| | | ></el-checkbox> |
| | | <span>{{trainNo.no}}({{trainNo.videos.length}})</span> |
| | | <span>{{vkey}}({{v.length}})</span> |
| | | </div> |
| | | </template> |
| | | <div class="video-detail" v-for="video in trainNo.videos" :key="video.ID"> |
| | | <div class="video-detail" v-for="video in v" :key="video.ID"> |
| | | <i class="el-icon-film" style="margin-left: 20px;"></i> |
| | | <span style="padding-left: 10px;">{{video.VideoName}}</span> |
| | | </div> |
| | | </el-collapse-item> |
| | | </el-collapse> --> |
| | | </el-collapse> |
| | | </el-checkbox-group> |
| | | <!-- <el-pagination |
| | | @size-change="handleTrainNoSizeChange" |
| | |
| | | }] |
| | | }, |
| | | isShowUndistributedOnly: false, |
| | | trainNoList: [], |
| | | videoPackageList: {}, |
| | | trainNochecked: [], |
| | | // trainNoCurPage: 1, |
| | | // trainNoPageSize: 8, |
| | |
| | | notAssignedOnly: this.notAssignedOnly, |
| | | }; |
| | | getVideoListBySearch(params).then(res => { |
| | | // let arr = []; |
| | | // for (var key in res.data) { |
| | | // let obj = {}; |
| | | // obj['no'] = key; |
| | | // obj['videos'] = res.data[key]; |
| | | // obj.checked = false; |
| | | // arr.push(obj); |
| | | // } |
| | | // debugger |
| | | _this.trainNoList = res; |
| | | _this.videoPackageList = res.data |
| | | _this.trainNoTotal = res.total; |
| | | }); |
| | | }, |