|
|
|
@ -233,12 +233,12 @@ |
|
|
|
</uni-popup> |
|
|
|
|
|
|
|
<!-- 教练配置编辑弹窗 --> |
|
|
|
<uni-popup ref="courseEditPopup" type="dialog"> |
|
|
|
<uni-popup-dialog |
|
|
|
title="修改教练配置" |
|
|
|
:before-close="true" |
|
|
|
@confirm="confirmCourseEdit" |
|
|
|
@close="closeCourseEdit"> |
|
|
|
<uni-popup ref="courseEditPopup" type="center"> |
|
|
|
<view class="popup-container"> |
|
|
|
<view class="popup-header"> |
|
|
|
<view class="popup-title">修改教练配置</view> |
|
|
|
<view class="popup-close" @click="closeCourseEdit">✕</view> |
|
|
|
</view> |
|
|
|
<view class="course-edit-container"> |
|
|
|
<view class="edit-section"> |
|
|
|
<view class="section-title">主教练(单选)</view> |
|
|
|
@ -285,7 +285,11 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</uni-popup-dialog> |
|
|
|
<view class="popup-footer"> |
|
|
|
<view class="popup-btn cancel-btn" @click="closeCourseEdit">取消</view> |
|
|
|
<view class="popup-btn confirm-btn" @click="confirmCourseEdit">确认</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</uni-popup> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
@ -1571,55 +1575,133 @@ |
|
|
|
} |
|
|
|
|
|
|
|
// 教练配置编辑弹窗样式 |
|
|
|
.popup-container { |
|
|
|
width: 90vw; |
|
|
|
max-width: 600rpx; |
|
|
|
background: #fff; |
|
|
|
border-radius: 20rpx; |
|
|
|
box-shadow: 0 10rpx 40rpx rgba(0, 0, 0, 0.3); |
|
|
|
overflow: hidden; |
|
|
|
} |
|
|
|
|
|
|
|
.popup-header { |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
align-items: center; |
|
|
|
padding: 30rpx 40rpx; |
|
|
|
background: #29d3b4; |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
|
|
|
|
.popup-title { |
|
|
|
font-size: 36rpx; |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
|
|
|
|
.popup-close { |
|
|
|
font-size: 40rpx; |
|
|
|
width: 60rpx; |
|
|
|
height: 60rpx; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
border-radius: 50%; |
|
|
|
background: rgba(255, 255, 255, 0.2); |
|
|
|
} |
|
|
|
|
|
|
|
.popup-footer { |
|
|
|
display: flex; |
|
|
|
border-top: 1px solid #eee; |
|
|
|
} |
|
|
|
|
|
|
|
.popup-btn { |
|
|
|
flex: 1; |
|
|
|
padding: 30rpx; |
|
|
|
text-align: center; |
|
|
|
font-size: 32rpx; |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
|
|
|
|
.cancel-btn { |
|
|
|
color: #666; |
|
|
|
border-right: 1px solid #eee; |
|
|
|
} |
|
|
|
|
|
|
|
.confirm-btn { |
|
|
|
color: #29d3b4; |
|
|
|
} |
|
|
|
|
|
|
|
.popup-btn:active { |
|
|
|
background: #f5f5f5; |
|
|
|
} |
|
|
|
|
|
|
|
.course-edit-container { |
|
|
|
max-height: 600rpx; |
|
|
|
width: 100%; |
|
|
|
max-height: 60vh; |
|
|
|
overflow-y: auto; |
|
|
|
padding: 20rpx 0; |
|
|
|
padding: 30rpx 20rpx; |
|
|
|
box-sizing: border-box; |
|
|
|
} |
|
|
|
|
|
|
|
.edit-section { |
|
|
|
margin-bottom: 30rpx; |
|
|
|
margin-bottom: 40rpx; |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
.section-title { |
|
|
|
font-size: 30rpx; |
|
|
|
font-size: 32rpx; |
|
|
|
font-weight: bold; |
|
|
|
color: #333; |
|
|
|
margin-bottom: 15rpx; |
|
|
|
padding-bottom: 10rpx; |
|
|
|
border-bottom: 1px solid #eee; |
|
|
|
margin-bottom: 20rpx; |
|
|
|
padding-bottom: 15rpx; |
|
|
|
border-bottom: 2px solid #29d3b4; |
|
|
|
} |
|
|
|
|
|
|
|
.coach-list { |
|
|
|
max-height: 200rpx; |
|
|
|
width: 100%; |
|
|
|
max-height: 300rpx; |
|
|
|
overflow-y: auto; |
|
|
|
border: 1px solid #eee; |
|
|
|
border-radius: 12rpx; |
|
|
|
background: #fff; |
|
|
|
} |
|
|
|
|
|
|
|
.coach-item { |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
align-items: center; |
|
|
|
padding: 15rpx 20rpx; |
|
|
|
border: 1px solid #ddd; |
|
|
|
border-radius: 8rpx; |
|
|
|
margin-bottom: 10rpx; |
|
|
|
background: #f8f8f8; |
|
|
|
padding: 25rpx 30rpx; |
|
|
|
border-bottom: 1px solid #f0f0f0; |
|
|
|
background: #fff; |
|
|
|
transition: all 0.3s ease; |
|
|
|
min-height: 80rpx; |
|
|
|
box-sizing: border-box; |
|
|
|
} |
|
|
|
|
|
|
|
.coach-item:last-child { |
|
|
|
border-bottom: none; |
|
|
|
} |
|
|
|
|
|
|
|
.coach-item.selected { |
|
|
|
background: #e8f5e8; |
|
|
|
border-color: #29d3b4; |
|
|
|
background: #f0f9ff; |
|
|
|
border-left: 4rpx solid #29d3b4; |
|
|
|
} |
|
|
|
|
|
|
|
.coach-item:active { |
|
|
|
background: #f5f5f5; |
|
|
|
} |
|
|
|
|
|
|
|
.coach-name { |
|
|
|
font-size: 28rpx; |
|
|
|
font-size: 30rpx; |
|
|
|
color: #333; |
|
|
|
flex: 1; |
|
|
|
} |
|
|
|
|
|
|
|
.coach-check { |
|
|
|
color: #29d3b4; |
|
|
|
font-size: 32rpx; |
|
|
|
font-size: 36rpx; |
|
|
|
font-weight: bold; |
|
|
|
width: 40rpx; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
</style> |