Browse Source

style: report-confirm 补充报告快速分析浮层样式

iwt 1 month ago
parent
commit
70dbadf246
1 changed files with 107 additions and 0 deletions
  1. 107 0
      cfc-frontend/pages/health/report-confirm.vue

+ 107 - 0
cfc-frontend/pages/health/report-confirm.vue

@@ -1871,4 +1871,111 @@ export default {
   color: #333;
   line-height: 1.6;
 }
+/* ===== 报告快速分析 ===== */
+.quick-analyze-fab {
+  position: fixed;
+  right: 30rpx;
+  bottom: 60rpx;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  background: linear-gradient(135deg, #5B9BD5, #3B82F6);
+  border-radius: 44rpx;
+  padding: 18rpx 30rpx;
+  box-shadow: 0 4rpx 16rpx rgba(59, 130, 246, 0.4);
+  z-index: 90;
+}
+.quick-analyze-fab-icon { font-size: 32rpx; margin-right: 10rpx; }
+.quick-analyze-fab-text { font-size: 28rpx; color: #fff; font-weight: 500; }
+.quick-analyze-fab:active { opacity: 0.85; }
+.quick-analyze-overlay {
+  position: fixed;
+  top: 0; left: 0; right: 0; bottom: 0;
+  background: rgba(0, 0, 0, 0.45);
+  z-index: 98;
+}
+.quick-analyze-panel {
+  position: fixed;
+  left: 30rpx; right: 30rpx;
+  bottom: 40rpx;
+  background: #fff;
+  border-radius: 20rpx;
+  padding: 24rpx;
+  z-index: 99;
+  display: flex;
+  flex-direction: column;
+  max-height: 70vh;
+}
+.quick-analyze-header {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 16rpx;
+}
+.quick-analyze-title { font-size: 30rpx; font-weight: bold; color: #333; }
+.quick-analyze-close { font-size: 32rpx; color: #999; padding: 8rpx; }
+.quick-analyze-hint {
+  font-size: 24rpx;
+  color: #E65100;
+  background: #FFF3E0;
+  border-radius: 12rpx;
+  padding: 12rpx 16rpx;
+  margin-bottom: 12rpx;
+}
+.quick-analyze-messages {
+  max-height: 50vh;
+  margin-bottom: 16rpx;
+}
+.quick-analyze-message {
+  margin-bottom: 12rpx;
+  display: flex;
+  flex-direction: column;
+}
+.quick-analyze-message.msg-user { align-items: flex-end; }
+.quick-analyze-message.msg-ai { align-items: flex-start; }
+.quick-analyze-msg-text {
+  font-size: 26rpx;
+  color: #333;
+  background: #F3F4F6;
+  border-radius: 14rpx;
+  padding: 14rpx 18rpx;
+  max-width: 80%;
+  line-height: 1.5;
+}
+.msg-user .quick-analyze-msg-text { background: #5B9BD5; color: #fff; }
+.quick-analyze-loading { display: flex; justify-content: center; padding: 12rpx 0; }
+.quick-analyze-loading-text { font-size: 24rpx; color: #999; }
+.quick-analyze-chips { display: flex; flex-direction: column; margin-bottom: 16rpx; }
+.quick-analyze-chip {
+  background: #EFF6FF;
+  border: 1rpx solid #BFDBFE;
+  border-radius: 12rpx;
+  padding: 14rpx 18rpx;
+  margin-bottom: 10rpx;
+}
+.quick-analyze-chip:active { opacity: 0.8; }
+.quick-analyze-chip-text { font-size: 26rpx; color: #1D4ED8; }
+.quick-analyze-input-bar {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.quick-analyze-input {
+  flex: 1;
+  height: 72rpx;
+  background: #F3F4F6;
+  border-radius: 36rpx;
+  padding: 0 28rpx;
+  font-size: 26rpx;
+  color: #333;
+  margin-right: 16rpx;
+}
+.quick-analyze-send {
+  background: #5B9BD5;
+  border-radius: 36rpx;
+  padding: 16rpx 34rpx;
+}
+.quick-analyze-send.send-disabled { opacity: 0.5; }
+.quick-analyze-send-text { font-size: 26rpx; color: #fff; }
 </style>