| | |
| | | <view class="info-value">{{formData.result}}</view> |
| | | </view> |
| | | </view> |
| | | |
| | | <view v-if="formData.result != null" class="result-preview"> |
| | | <view class="info-label">预览结果</view> |
| | | <view class="info-value">{{formData.result}}</view> |
| | | </view> |
| | | |
| | | |
| | | <view v-if="formData.remarks != null" class="result-ng"> |
| | | <view class="info-label">不合格描述</view> |
| | | <view class="info-value danger">{{formData.remarks}}</view> |
| | |
| | | |
| | | <view class="input-group"> |
| | | <view class="input-wrapper"> |
| | | <button class="btn upload-btn" @tap="saveRemarks"> |
| | | <uni-icons type="compose" size="16" color="#fff"></uni-icons> |
| | | 不合格描述 |
| | | </button> |
| | | |
| | | <button class="btn attachment-btn" @tap="viewAttachmentInfo"> |
| | | <uni-icons type="folder" size="16" color="#fff"></uni-icons> |
| | | 查看附件信息 |
| | | </button> |
| | | |
| | | <input v-if="!isAllCompleted" |
| | | v-model="formData.fcheckResu" |
| | | type="text" |
| | |
| | | |
| | | <!-- 操作按钮 --> |
| | | <view class="action-buttons"> |
| | | <button class="btn upload-btn" @tap="saveRemarks"> |
| | | <view class="btn-content"> |
| | | <uni-icons type="compose" size="16" color="#fff"></uni-icons> |
| | | <view class="btn-text">不合格描述</view> |
| | | </view> |
| | | </button> |
| | | <button class="btn attachment-btn" @tap="viewAttachmentInfo"> |
| | | <view class="btn-content"> |
| | | <uni-icons type="folder" size="16" color="#fff"></uni-icons> |
| | | <view class="btn-text">查看附件信息</view> |
| | | </view> |
| | | </button> |
| | | <button class="action-btn success tablet-upload-btn" @click="uploadImage"> |
| | | <view class="btn-content"> |
| | | <view class="btn-icon">📷</view> |
| | |
| | | display: flex; |
| | | justify-content: flex-end; |
| | | gap: 12px; |
| | | |
| | | |
| | | .btn { |
| | | padding: 8px 20px; |
| | | border-radius: 4px; |
| | | |
| | | |
| | | &.primary-btn { |
| | | background-color: $primary-color; |
| | | color: #fff; |
| | | } |
| | | |
| | | |
| | | &.cancel-btn { |
| | | background-color: #909399; |
| | | color: #fff; |
| | | } |
| | | |
| | | &.upload-btn { |
| | | background-color: #909399; |
| | | color: #fff; |
| | | border: none; |
| | | border-radius: 8px; |
| | | padding: 12px 20px; |
| | | margin: 0; |
| | | font-size: 14px; |
| | | font-weight: 600; |
| | | min-height: 48px; |
| | | white-space: nowrap; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | gap: 8px; |
| | | cursor: pointer; |
| | | transition: all 0.3s ease; |
| | | box-shadow: 0 4px 12px rgba(144, 147, 153, 0.3); |
| | | } |
| | | |
| | | &.upload-btn:hover { |
| | | background-color: #7a7d82; |
| | | transform: translateY(-2px); |
| | | box-shadow: 0 6px 16px rgba(144, 147, 153, 0.4); |
| | | } |
| | | |
| | | &.attachment-btn { |
| | | background-color: #17a2b8; |
| | | color: #fff; |
| | | border: none; |
| | | border-radius: 8px; |
| | | padding: 12px 20px; |
| | | margin: 0; |
| | | font-size: 14px; |
| | | font-weight: 600; |
| | | min-height: 48px; |
| | | white-space: nowrap; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | gap: 8px; |
| | | cursor: pointer; |
| | | transition: all 0.3s ease; |
| | | box-shadow: 0 4px 12px rgba(23, 162, 184, 0.3); |
| | | } |
| | | |
| | | &.attachment-btn:hover { |
| | | background-color: #138496; |
| | | transform: translateY(-2px); |
| | | box-shadow: 0 6px 16px rgba(23, 162, 184, 0.4); |
| | | } |
| | | } |
| | | } |
| | |
| | | align-items: center; |
| | | justify-content: center; |
| | | min-height: 48px; |
| | | margin: 0; |
| | | } |
| | | |
| | | .tablet-upload-btn:hover { |