背号日程查询
Showing
2 changed files
with
27 additions
and
16 deletions
| ... | @@ -25,7 +25,7 @@ | ... | @@ -25,7 +25,7 @@ |
| 25 | </el-button> | 25 | </el-button> |
| 26 | </div> | 26 | </div> |
| 27 | 27 | ||
| 28 | <div v-if="list.length>0"> | 28 | <div v-if="list.length>0" class="rollY"> |
| 29 | <div v-for="(form, index) in list" :key="index" class="nowteamItem"> | 29 | <div v-for="(form, index) in list" :key="index" class="nowteamItem"> |
| 30 | <div class="info"> | 30 | <div class="info"> |
| 31 | <div class="nowName text-center"> | 31 | <div class="nowName text-center"> |
| ... | @@ -69,17 +69,20 @@ | ... | @@ -69,17 +69,20 @@ |
| 69 | <div v-if="showGroupList" class="text-danger text-center"> | 69 | <div v-if="showGroupList" class="text-danger text-center"> |
| 70 | {{ language == 0 ? '找到多个团体' : 'Found multiple teams' }} | 70 | {{ language == 0 ? '找到多个团体' : 'Found multiple teams' }} |
| 71 | </div> | 71 | </div> |
| 72 | <div v-if="showGroupList" class="groupList"> | 72 | <div v-if="showGroupList" class="groupList rollY"> |
| 73 | <ul> | 73 | <div class="rollY"> |
| 74 | <li v-for="(item, index) in groupList" :key="index" @click="showDetail(item)">{{ item }} | 74 | <ul> |
| 75 | <el-icon class="fr"> | 75 | <li v-for="(item, index) in groupList" :key="index" @click="showDetail(item)">{{ item }} |
| 76 | <ArrowRight /> | 76 | <el-icon class="fr"> |
| 77 | </el-icon> | 77 | <ArrowRight /> |
| 78 | </li> | 78 | </el-icon> |
| 79 | </ul> | 79 | </li> |
| 80 | </ul> | ||
| 81 | </div> | ||
| 82 | |||
| 80 | </div> | 83 | </div> |
| 81 | <div v-if="teamlist.length>0" class="temell mt20"> | 84 | <div v-if="teamlist.length>0" class="temell mt20"> |
| 82 | <el-collapse v-model="activeNames" accordion> | 85 | <el-collapse v-model="activeNames" accordion class="rollY"> |
| 83 | <el-collapse-item | 86 | <el-collapse-item |
| 84 | v-for="(team,index) in teamlist" :key="index" :name="index" | 87 | v-for="(team,index) in teamlist" :key="index" :name="index" |
| 85 | :title="team[0][0].groupName" | 88 | :title="team[0][0].groupName" |
| ... | @@ -290,7 +293,10 @@ function showDetail(name) { | ... | @@ -290,7 +293,10 @@ function showDetail(name) { |
| 290 | 293 | ||
| 291 | .searchBox { | 294 | .searchBox { |
| 292 | height: 50vh; | 295 | height: 50vh; |
| 293 | //overflow: hidden; | 296 | } |
| 294 | overflow-y: hidden; | 297 | |
| 298 | .rollY { | ||
| 299 | height: 45vh; | ||
| 300 | overflow-y: auto; | ||
| 295 | } | 301 | } |
| 296 | </style> | 302 | </style> | ... | ... |
| ... | @@ -27,7 +27,7 @@ | ... | @@ -27,7 +27,7 @@ |
| 27 | </div> | 27 | </div> |
| 28 | 28 | ||
| 29 | <div v-if="list.length>0" class="mt30"> | 29 | <div v-if="list.length>0" class="mt30"> |
| 30 | <el-timeline> | 30 | <el-timeline class="rollY"> |
| 31 | <el-timeline-item | 31 | <el-timeline-item |
| 32 | v-for="(form, index) in list" | 32 | v-for="(form, index) in list" |
| 33 | :key="index" :timestamp="form.date + ' ' + form.timeStr" | 33 | :key="index" :timestamp="form.date + ' ' + form.timeStr" |
| ... | @@ -66,7 +66,7 @@ | ... | @@ -66,7 +66,7 @@ |
| 66 | <div v-if="showGroupList" class="text-danger text-center"> | 66 | <div v-if="showGroupList" class="text-danger text-center"> |
| 67 | {{ language == 0 ? '找到多个团体' : 'Found multiple teams' }} | 67 | {{ language == 0 ? '找到多个团体' : 'Found multiple teams' }} |
| 68 | </div> | 68 | </div> |
| 69 | <div v-if="showGroupList" class="groupList"> | 69 | <div v-if="showGroupList" class="groupList rollY"> |
| 70 | <ul> | 70 | <ul> |
| 71 | <li v-for="(item, index) in groupList" :key="index" @click="showDetail(item)">{{ item }} | 71 | <li v-for="(item, index) in groupList" :key="index" @click="showDetail(item)">{{ item }} |
| 72 | <el-icon class="fr"> | 72 | <el-icon class="fr"> |
| ... | @@ -75,7 +75,7 @@ | ... | @@ -75,7 +75,7 @@ |
| 75 | </li> | 75 | </li> |
| 76 | </ul> | 76 | </ul> |
| 77 | </div> | 77 | </div> |
| 78 | <div v-if="teamlist.length>0" class="temell mt20"> | 78 | <div v-if="teamlist.length>0" class="temell mt20 rollY"> |
| 79 | <el-collapse accordion> | 79 | <el-collapse accordion> |
| 80 | <el-collapse-item v-for="(team,index) in teamlist" :key="index" :name="index" :title="team[0].title"> | 80 | <el-collapse-item v-for="(team,index) in teamlist" :key="index" :name="index" :title="team[0].title"> |
| 81 | <el-timeline> | 81 | <el-timeline> |
| ... | @@ -110,7 +110,7 @@ | ... | @@ -110,7 +110,7 @@ |
| 110 | </el-button> | 110 | </el-button> |
| 111 | </div> | 111 | </div> |
| 112 | <div v-if="list.length>0" class="temell mt20"> | 112 | <div v-if="list.length>0" class="temell mt20"> |
| 113 | <el-timeline> | 113 | <el-timeline class="rollY"> |
| 114 | <el-timeline-item v-for="(team,j) in list" :key="j" placement="top"> | 114 | <el-timeline-item v-for="(team,j) in list" :key="j" placement="top"> |
| 115 | <div v-for="(form, index) in team" v-show="index==0" :key="index"> | 115 | <div v-for="(form, index) in team" v-show="index==0" :key="index"> |
| 116 | <div class="text-primary" style="position: relative;top:-15px"> | 116 | <div class="text-primary" style="position: relative;top:-15px"> |
| ... | @@ -362,6 +362,11 @@ function showDetail(name) { | ... | @@ -362,6 +362,11 @@ function showDetail(name) { |
| 362 | 362 | ||
| 363 | .searchBox { | 363 | .searchBox { |
| 364 | height: 50vh; | 364 | height: 50vh; |
| 365 | //overflow-y: auto; | ||
| 366 | } | ||
| 367 | |||
| 368 | .rollY { | ||
| 369 | height: 45vh; | ||
| 365 | overflow-y: auto; | 370 | overflow-y: auto; |
| 366 | } | 371 | } |
| 367 | </style> | 372 | </style> | ... | ... |
-
Please register or sign in to post a comment