fix(feedback): refine summary and error states

This commit is contained in:
zhangheng
2026-07-22 19:30:26 +08:00
parent 0a2509d923
commit 7934d64520
4 changed files with 90 additions and 9 deletions

View File

@@ -5,15 +5,17 @@
</view>
<text class="page-subtitle">填写课堂表现并保存到教学反馈记录。</text>
<view wx:if="{{errorMessage}}" class="status-banner">
<view wx:if="{{errorMessage}}" class="status-banner feedback-error-banner">
<view class="status-copy">
<text>{{errorMessage}}</text>
<view wx:if="{{errorRequestId}}" class="status-request-id">
<text>请求编号:{{errorRequestId}}</text>
<text class="status-action" bindtap="copyRequestId">复制</text>
</view>
<text class="feedback-error-message">{{errorMessage}}</text>
</view>
<view class="feedback-error-footer">
<view wx:if="{{errorRequestId}}" class="feedback-error-reference">
<text>问题编号:{{errorRequestId}}</text>
<button class="feedback-error-copy" bindtap="copyRequestId">复制编号</button>
</view>
<button class="feedback-error-retry" bindtap="retryLoad">重试</button>
</view>
<text class="status-action" bindtap="retryLoad">重试</text>
</view>
<view class="feedback-form surface">

View File

@@ -7,6 +7,76 @@
padding: 0;
}
.feedback-error-banner {
flex-direction: column;
align-items: stretch;
gap: 14rpx;
}
.feedback-error-message {
display: block;
}
.feedback-error-footer,
.feedback-error-reference {
display: flex;
align-items: center;
}
.feedback-error-footer {
justify-content: flex-end;
gap: 18rpx;
}
.feedback-error-reference {
flex: 1;
min-width: 0;
gap: 12rpx;
color: #6e6e73;
font-size: 21rpx;
}
.feedback-error-reference > text {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.feedback-error-copy,
.feedback-error-retry {
display: flex;
flex: none;
align-items: center;
justify-content: center;
height: 56rpx;
margin: 0;
border: 0;
border-radius: 8rpx;
font-size: 23rpx;
line-height: 1;
}
.feedback-error-copy {
padding: 0;
background: transparent;
color: #6e6e73;
font-weight: 500;
}
.feedback-error-retry {
min-width: 104rpx;
padding: 0 22rpx;
background: #007aff;
color: #ffffff;
font-weight: 600;
}
.feedback-error-copy::after,
.feedback-error-retry::after {
border: 0;
}
.feedback-field,
.content-field {
padding: 24rpx;
@@ -323,14 +393,18 @@
.voice-summary-button,
.voice-summary-apply-button {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 72rpx;
margin: 0;
padding: 0 20rpx;
border: 0;
border-radius: 8rpx;
font-size: 25rpx;
font-weight: 600;
line-height: 72rpx;
line-height: 1;
}
.voice-summary-button {