日报周报月报
This commit is contained in:
123
lib/pages/sleep_report/component/TrendDataTextPage.dart
Normal file
123
lib/pages/sleep_report/component/TrendDataTextPage.dart
Normal file
@@ -0,0 +1,123 @@
|
||||
import 'package:ef/ef.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_svg/svg.dart';
|
||||
import 'package:vbvs_app/common/color/appConstants.dart';
|
||||
import 'package:vbvs_app/common/util/FitTool.dart';
|
||||
import 'package:vbvs_app/common/util/MyUtils.dart';
|
||||
import 'package:vbvs_app/component/tool/ClickableContainer.dart';
|
||||
import 'package:vbvs_app/pages/device_bind/componnet/bind_dialog.dart';
|
||||
import 'package:vbvs_app/pages/sleep_report/chart/DataShowWidget.dart';
|
||||
import 'package:EasyDartModule/EasyDartModule.dart' as es;
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_svg/flutter_svg.dart';
|
||||
|
||||
class IndicatorCompareCard extends StatelessWidget {
|
||||
final String title;
|
||||
final String? tooltip;
|
||||
final List<String> headers; // 表头 ["名称", "测量值", "参考范围", "趋势"]
|
||||
final List<List<Widget>> rows; // 每一行的 4 个 widget
|
||||
final double spacing;
|
||||
|
||||
const IndicatorCompareCard({
|
||||
super.key,
|
||||
required this.title,
|
||||
this.tooltip,
|
||||
required this.headers,
|
||||
required this.rows,
|
||||
this.spacing = 31,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Container(
|
||||
width: double.infinity,
|
||||
decoration: BoxDecoration(
|
||||
color: themeController.currentColor.sc5,
|
||||
borderRadius:
|
||||
BorderRadius.circular(AppConstants().normal_container_radius),
|
||||
),
|
||||
child: Padding(
|
||||
padding: EdgeInsetsDirectional.fromSTEB(26.rpx, 29.rpx, 26.rpx, 45.rpx),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
/// 标题行
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Text(
|
||||
title.tr,
|
||||
style: TextStyle(
|
||||
color: themeController.currentColor.sc3,
|
||||
fontSize: AppConstants().title_text_fontSize,
|
||||
),
|
||||
),
|
||||
if (tooltip != null)
|
||||
ClickableContainer(
|
||||
backgroundColor: Colors.transparent,
|
||||
highlightColor: Colors.white,
|
||||
padding:
|
||||
EdgeInsetsDirectional.fromSTEB(14.rpx, 0, 14.rpx, 0),
|
||||
borderRadius: 0.rpx,
|
||||
onTap: () {
|
||||
showTipDialog(
|
||||
context,
|
||||
Text(
|
||||
tooltip!.tr,
|
||||
style: TextStyle(
|
||||
fontSize: 26.rpx,
|
||||
color: themeController.currentColor.sc3,
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
child: Container(
|
||||
width: 30.rpx,
|
||||
height: 30.rpx,
|
||||
child: SvgPicture.asset(
|
||||
'assets/img/icon/explain.svg',
|
||||
color: Color(0xFFD3D3D3),
|
||||
),
|
||||
)),
|
||||
],
|
||||
),
|
||||
SizedBox(height: spacing.rpx),
|
||||
|
||||
/// 表头
|
||||
DataShowWidget(
|
||||
alignment: MainAxisAlignment.center,
|
||||
widget1: _buildHeader(headers, 0),
|
||||
widget2: _buildHeader(headers, 1),
|
||||
widget3: _buildHeader(headers, 2),
|
||||
widget4: _buildHeader(headers, 3),
|
||||
),
|
||||
|
||||
/// 数据行
|
||||
Column(
|
||||
children: rows.map((row) {
|
||||
return DataShowWidget(
|
||||
alignment: MainAxisAlignment.center,
|
||||
widget1: row[0],
|
||||
widget2: row[1],
|
||||
widget3: row[2],
|
||||
widget4: row[3],
|
||||
).paddingOnly(bottom: 0.rpx);
|
||||
}).toList(),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildHeader(List<String> headers, int index) {
|
||||
return Text(
|
||||
headers.length > index ? headers[index].tr : "",
|
||||
style: TextStyle(
|
||||
color: themeController.currentColor.sc4,
|
||||
fontSize: AppConstants().normal_text_fontSize,
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user