1521 lines
51 KiB
Dart
1521 lines
51 KiB
Dart
|
import 'dart:io';
|
|||
|
|
|
|||
|
|
import 'package:flutter/material.dart';
|
|||
|
|
import 'package:qhd_prevention/customWidget/custom_button.dart';
|
|||
|
|
import 'package:qhd_prevention/customWidget/single_image_viewer.dart';
|
|||
|
|
import 'package:qhd_prevention/http/ApiService.dart';
|
|||
|
|
import 'package:qhd_prevention/tools/tools.dart';
|
|||
|
|
import 'package:flutter/services.dart';
|
|||
|
|
|
|||
|
|
class ItemListWidget {
|
|||
|
|
static const Color detailtextColor = Colors.black54;
|
|||
|
|
static const double requiredInset = 0;
|
|||
|
|
static const double horizontal_inset = 12;
|
|||
|
|
static const double vertical_inset = 5;
|
|||
|
|
|
|||
|
|
/// 单行水平排列：
|
|||
|
|
/// - 可编辑时：标题 + TextField
|
|||
|
|
/// - 不可编辑时：标题 + 带省略号的文本
|
|||
|
|
|
|||
|
|
static Widget singleLineTitleText({
|
|||
|
|
required String label, // 标题文本
|
|||
|
|
required bool isEditable, // 是否可编辑
|
|||
|
|
String? text, // 显示的初始文本（编辑/非编辑模式都会显示）
|
|||
|
|
String hintText = '请输入',
|
|||
|
|
double fontSize = 14, // 字体大小
|
|||
|
|
bool isRequired = true,
|
|||
|
|
bool strongRequired = false,
|
|||
|
|
ValueChanged<String>? onChanged,
|
|||
|
|
ValueChanged<String>? onFieldSubmitted,
|
|||
|
|
int maxLines = 5,
|
|||
|
|
bool showMaxLength = false,
|
|||
|
|
|
|||
|
|
// 新增：数字输入控制
|
|||
|
|
bool isNumericInput = false,
|
|||
|
|
int maxDecimalPlaces = 2,
|
|||
|
|
TextInputType keyboardType = TextInputType.text,
|
|||
|
|
}) {
|
|||
|
|
// 数字输入键盘
|
|||
|
|
final actualKeyboardType =
|
|||
|
|
isNumericInput
|
|||
|
|
? const TextInputType.numberWithOptions(decimal: true)
|
|||
|
|
: keyboardType;
|
|||
|
|
|
|||
|
|
// 数字输入格式化器
|
|||
|
|
final List<TextInputFormatter>? numericFormatters =
|
|||
|
|
isNumericInput
|
|||
|
|
? [
|
|||
|
|
FilteringTextInputFormatter.allow(RegExp(r'[\d\.]')),
|
|||
|
|
TextInputFormatter.withFunction((oldValue, newValue) {
|
|||
|
|
final newText = newValue.text;
|
|||
|
|
|
|||
|
|
if (newText.isEmpty) return newValue;
|
|||
|
|
|
|||
|
|
if (newText.split('.').length > 2) return oldValue;
|
|||
|
|
|
|||
|
|
final regex = RegExp(
|
|||
|
|
r'^\d*\.?\d{0,' + maxDecimalPlaces.toString() + r'}$',
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
if (regex.hasMatch(newText)) return newValue;
|
|||
|
|
|
|||
|
|
return oldValue;
|
|||
|
|
}),
|
|||
|
|
]
|
|||
|
|
: null;
|
|||
|
|
|
|||
|
|
return Container(
|
|||
|
|
padding: const EdgeInsets.symmetric(
|
|||
|
|
vertical: vertical_inset,
|
|||
|
|
horizontal: horizontal_inset,
|
|||
|
|
),
|
|||
|
|
child: Row(
|
|||
|
|
mainAxisAlignment:
|
|||
|
|
isEditable
|
|||
|
|
? MainAxisAlignment.start
|
|||
|
|
: MainAxisAlignment.spaceBetween,
|
|||
|
|
children: [
|
|||
|
|
Row(
|
|||
|
|
children: [
|
|||
|
|
if ((isRequired && isEditable) || strongRequired)
|
|||
|
|
Text('* ', style: TextStyle(color: Colors.red)),
|
|||
|
|
Text(
|
|||
|
|
label,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: fontSize,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
const SizedBox(width: 8),
|
|||
|
|
|
|||
|
|
/// 可编辑模式
|
|||
|
|
isEditable
|
|||
|
|
? Expanded(
|
|||
|
|
child: TextFormField(
|
|||
|
|
initialValue: text ?? '',
|
|||
|
|
autofocus: false,
|
|||
|
|
onChanged: onChanged,
|
|||
|
|
onFieldSubmitted: onFieldSubmitted,
|
|||
|
|
keyboardType: actualKeyboardType,
|
|||
|
|
maxLength: showMaxLength ? 120 : null,
|
|||
|
|
style: TextStyle(fontSize: fontSize),
|
|||
|
|
maxLines: 1,
|
|||
|
|
inputFormatters: numericFormatters,
|
|||
|
|
decoration: InputDecoration(
|
|||
|
|
isDense: true,
|
|||
|
|
hintText: hintText,
|
|||
|
|
contentPadding: EdgeInsets.symmetric(vertical: 8),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
)
|
|||
|
|
/// 只读模式
|
|||
|
|
: Expanded(
|
|||
|
|
child: Text(
|
|||
|
|
text ?? '',
|
|||
|
|
maxLines: maxLines,
|
|||
|
|
style: TextStyle(fontSize: fontSize, color: detailtextColor),
|
|||
|
|
textAlign: TextAlign.right,
|
|||
|
|
overflow: TextOverflow.ellipsis,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/// 多行垂直排列：
|
|||
|
|
/// - 可编辑时：标题 + 可扩展的多行 TextField
|
|||
|
|
/// - 不可编辑时：标题 + 带滚动的多行文本
|
|||
|
|
static Widget multiLineTitleTextField({
|
|||
|
|
required String label, // 标题文本
|
|||
|
|
required bool isEditable, // 是否可编辑
|
|||
|
|
TextEditingController? controller, // 编辑时使用的控制器
|
|||
|
|
String? text, // 不可编辑时显示的文本
|
|||
|
|
double fontSize = 14, // 字体大小
|
|||
|
|
double height = 110, // 整体高度
|
|||
|
|
bool isRequired = true,
|
|||
|
|
String hintText = '请输入',
|
|||
|
|
ValueChanged<String>? onChanged,
|
|||
|
|
bool showMaxLength = false,
|
|||
|
|
}) {
|
|||
|
|
return Container(
|
|||
|
|
// 统一左右 padding，保证标题和内容在同一左侧基线
|
|||
|
|
padding: const EdgeInsets.symmetric(vertical: 5, horizontal: 12),
|
|||
|
|
height: height,
|
|||
|
|
child: Column(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|||
|
|
children: [
|
|||
|
|
Row(
|
|||
|
|
children: [
|
|||
|
|
if (isRequired && isEditable)
|
|||
|
|
Text('* ', style: TextStyle(color: Colors.red)),
|
|||
|
|
Text(
|
|||
|
|
label,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: fontSize,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 8),
|
|||
|
|
Expanded(
|
|||
|
|
child:
|
|||
|
|
isEditable
|
|||
|
|
? TextFormField(
|
|||
|
|
autofocus: false,
|
|||
|
|
initialValue: controller == null ? text : null,
|
|||
|
|
controller: controller,
|
|||
|
|
keyboardType: TextInputType.multiline,
|
|||
|
|
maxLines: null,
|
|||
|
|
expands: true,
|
|||
|
|
onChanged: onChanged,
|
|||
|
|
maxLength: showMaxLength ? 120 : null,
|
|||
|
|
// 垂直顶部对齐
|
|||
|
|
textAlignVertical: TextAlignVertical.top,
|
|||
|
|
style: TextStyle(fontSize: fontSize),
|
|||
|
|
decoration: InputDecoration(
|
|||
|
|
hintText: hintText,
|
|||
|
|
// 去掉 TextField 默认内边距
|
|||
|
|
contentPadding: EdgeInsets.zero,
|
|||
|
|
border: InputBorder.none,
|
|||
|
|
),
|
|||
|
|
)
|
|||
|
|
: SingleChildScrollView(
|
|||
|
|
// 去掉多余的 padding
|
|||
|
|
padding: EdgeInsets.zero,
|
|||
|
|
child: Text(
|
|||
|
|
text ?? '',
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: fontSize,
|
|||
|
|
color: detailtextColor,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
static Widget multiLineAutoTitleTextField({
|
|||
|
|
required String label,
|
|||
|
|
required bool isEditable,
|
|||
|
|
TextEditingController? controller,
|
|||
|
|
String? text,
|
|||
|
|
double fontSize = 14,
|
|||
|
|
double height = 110, // 编辑时保留原行为
|
|||
|
|
bool isRequired = true,
|
|||
|
|
String hintText = '请输入',
|
|||
|
|
ValueChanged<String>? onChanged,
|
|||
|
|
bool showMaxLength = false,
|
|||
|
|
double? maxDisplayHeight, // 可选：在父无高度约束时作为“可用高度”参考
|
|||
|
|
}) {
|
|||
|
|
return LayoutBuilder(
|
|||
|
|
builder: (context, constraints) {
|
|||
|
|
// 内边距（与你的 UI 保持一致）
|
|||
|
|
const horizontalPadding = 12.0;
|
|||
|
|
const verticalPadding = 5.0;
|
|||
|
|
final content = text ?? '';
|
|||
|
|
final textStyle = TextStyle(fontSize: fontSize, color: detailtextColor);
|
|||
|
|
|
|||
|
|
// 编辑状态：保持原来固定 height 与 expands:true 的行为
|
|||
|
|
if (isEditable) {
|
|||
|
|
return Container(
|
|||
|
|
padding: const EdgeInsets.symmetric(
|
|||
|
|
vertical: verticalPadding,
|
|||
|
|
horizontal: horizontalPadding,
|
|||
|
|
),
|
|||
|
|
height: height,
|
|||
|
|
child: Column(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|||
|
|
children: [
|
|||
|
|
Row(
|
|||
|
|
children: [
|
|||
|
|
if (isRequired)
|
|||
|
|
const Text('* ', style: TextStyle(color: Colors.red)),
|
|||
|
|
Text(
|
|||
|
|
label,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: fontSize,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 8),
|
|||
|
|
Expanded(
|
|||
|
|
child: TextFormField(
|
|||
|
|
autofocus: false,
|
|||
|
|
initialValue: controller == null ? text : null,
|
|||
|
|
controller: controller,
|
|||
|
|
keyboardType: TextInputType.multiline,
|
|||
|
|
maxLines: null,
|
|||
|
|
expands: true,
|
|||
|
|
onChanged: onChanged,
|
|||
|
|
maxLength: showMaxLength ? 120 : null,
|
|||
|
|
textAlignVertical: TextAlignVertical.top,
|
|||
|
|
style: TextStyle(fontSize: fontSize),
|
|||
|
|
decoration: InputDecoration(
|
|||
|
|
hintText: hintText,
|
|||
|
|
contentPadding: EdgeInsets.zero,
|
|||
|
|
border: InputBorder.none,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// ---------- 不可编辑：测量并决定是否需要滚动 ----------
|
|||
|
|
// 计算可用于内容的最大宽度（减去左右 padding）
|
|||
|
|
final maxWidth =
|
|||
|
|
(constraints.maxWidth.isFinite
|
|||
|
|
? constraints.maxWidth
|
|||
|
|
: MediaQuery.of(context).size.width) -
|
|||
|
|
horizontalPadding * 2;
|
|||
|
|
final safeMaxWidth =
|
|||
|
|
maxWidth > 0
|
|||
|
|
? maxWidth
|
|||
|
|
: MediaQuery.of(context).size.width - horizontalPadding * 2;
|
|||
|
|
|
|||
|
|
// 使用 TextPainter 测量文本高度（不限制行数）
|
|||
|
|
final tp = TextPainter(
|
|||
|
|
text: TextSpan(text: content, style: textStyle),
|
|||
|
|
textDirection: TextDirection.ltr,
|
|||
|
|
textWidthBasis: TextWidthBasis.parent,
|
|||
|
|
);
|
|||
|
|
tp.layout(maxWidth: safeMaxWidth);
|
|||
|
|
final textHeight = tp.size.height;
|
|||
|
|
|
|||
|
|
// 估算标签与间距所需高度
|
|||
|
|
final labelHeight = fontSize + 8; // label + 上下间距估算
|
|||
|
|
final neededHeight = labelHeight + 8 + textHeight + verticalPadding * 2;
|
|||
|
|
|
|||
|
|
// availableHeight：若父是 bounded 则用 constraints.maxHeight，否则使用 maxDisplayHeight 或屏幕高度比例作为阈值
|
|||
|
|
double availableHeight;
|
|||
|
|
if (constraints.maxHeight.isFinite) {
|
|||
|
|
availableHeight = constraints.maxHeight;
|
|||
|
|
} else {
|
|||
|
|
availableHeight =
|
|||
|
|
maxDisplayHeight ?? MediaQuery.of(context).size.height * 0.4;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
final needsScroll = neededHeight > availableHeight;
|
|||
|
|
|
|||
|
|
// 返回 Widget（不固定高度）
|
|||
|
|
return Container(
|
|||
|
|
padding: const EdgeInsets.symmetric(
|
|||
|
|
vertical: verticalPadding,
|
|||
|
|
horizontal: horizontalPadding,
|
|||
|
|
),
|
|||
|
|
// 不设置 height，让其在可扩展父容器中自然撑开
|
|||
|
|
child: Column(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|||
|
|
children: [
|
|||
|
|
Row(
|
|||
|
|
children: [
|
|||
|
|
if (isRequired)
|
|||
|
|
const Text('* ', style: TextStyle(color: Colors.red)),
|
|||
|
|
Text(
|
|||
|
|
label,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: fontSize,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 8),
|
|||
|
|
// 如果需要滚动则约束高度并内包 SingleChildScrollView
|
|||
|
|
if (needsScroll)
|
|||
|
|
// ConstrainedBox 限制最大高度，避免无限膨胀
|
|||
|
|
ConstrainedBox(
|
|||
|
|
constraints: BoxConstraints(
|
|||
|
|
// 留出 label 的高度，最大不超过 availableHeight - labelHeight
|
|||
|
|
maxHeight: (availableHeight - labelHeight - 16).clamp(
|
|||
|
|
80.0,
|
|||
|
|
availableHeight,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
child: SingleChildScrollView(
|
|||
|
|
padding: EdgeInsets.zero,
|
|||
|
|
physics: const BouncingScrollPhysics(),
|
|||
|
|
child: Text(content, style: textStyle),
|
|||
|
|
),
|
|||
|
|
)
|
|||
|
|
else
|
|||
|
|
// 父高度足够，直接展示文本（自然撑高）
|
|||
|
|
Text(content, style: textStyle),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
},
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/// 单行可点击选择：
|
|||
|
|
/// - 可编辑时：标题 + “请选择”提示 + 右箭头
|
|||
|
|
/// - 不可编辑时：标题 + 文本内容
|
|||
|
|
static Widget selectableLineTitleTextRightButton({
|
|||
|
|
required String label, // 标题文本
|
|||
|
|
required bool isEditable, // 是否可点击
|
|||
|
|
required String text, // 显示内容或提示
|
|||
|
|
VoidCallback? onTap, // 点击回调
|
|||
|
|
double fontSize = 14, // 字体大小
|
|||
|
|
bool isClean = false,
|
|||
|
|
bool isTip = false,
|
|||
|
|
VoidCallback? onTapClean, // 清除回调
|
|||
|
|
VoidCallback? onTapTip, // 提醒回调
|
|||
|
|
bool isRequired = true,
|
|||
|
|
String cleanText = '清除',
|
|||
|
|
bool strongRequired = false,
|
|||
|
|
|
|||
|
|
double horizontalnum = horizontal_inset,
|
|||
|
|
double verticalInset = vertical_inset,
|
|||
|
|
|
|||
|
|
}) {
|
|||
|
|
return InkWell(
|
|||
|
|
onTap: isEditable ? onTap : null,
|
|||
|
|
child: Container(
|
|||
|
|
padding: EdgeInsets.symmetric(
|
|||
|
|
vertical: verticalInset,
|
|||
|
|
horizontal: horizontalnum,
|
|||
|
|
),
|
|||
|
|
child: Row(
|
|||
|
|
children: [
|
|||
|
|
// 1. 标题
|
|||
|
|
Row(
|
|||
|
|
children: [
|
|||
|
|
if ((isRequired && isEditable) || strongRequired)
|
|||
|
|
Text('* ', style: TextStyle(color: Colors.red)),
|
|||
|
|
Row(
|
|||
|
|
children: [
|
|||
|
|
Text(
|
|||
|
|
label,
|
|||
|
|
textAlign: TextAlign.right,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: fontSize,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
if (isTip)
|
|||
|
|
Column(
|
|||
|
|
children: [
|
|||
|
|
IconButton(
|
|||
|
|
onPressed: onTapTip,
|
|||
|
|
icon: Icon(
|
|||
|
|
Icons.error_outline,
|
|||
|
|
color: Colors.blue,
|
|||
|
|
size: 20,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
if (isClean)
|
|||
|
|
Column(
|
|||
|
|
children: [
|
|||
|
|
CustomButton(
|
|||
|
|
text: cleanText,
|
|||
|
|
height: 20,
|
|||
|
|
padding: EdgeInsets.symmetric(horizontal: 10, vertical: 0),
|
|||
|
|
textStyle: TextStyle(fontSize: 11, color: Colors.white),
|
|||
|
|
borderRadius: 10,
|
|||
|
|
backgroundColor:
|
|||
|
|
cleanText.contains('清除') ? Colors.red : Colors.green,
|
|||
|
|
onPressed: onTapClean,
|
|||
|
|
),
|
|||
|
|
SizedBox(height: 20),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
const SizedBox(width: 8),
|
|||
|
|
Expanded(
|
|||
|
|
child: Row(
|
|||
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|||
|
|
children: [
|
|||
|
|
Flexible(
|
|||
|
|
child: Text(
|
|||
|
|
text.isNotEmpty ? text : (isEditable ? '请选择' : ''),
|
|||
|
|
maxLines: 5,
|
|||
|
|
overflow: TextOverflow.ellipsis,
|
|||
|
|
textAlign: TextAlign.right,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: fontSize,
|
|||
|
|
color:
|
|||
|
|
isEditable
|
|||
|
|
? (text == '请选择'
|
|||
|
|
? Colors.black87
|
|||
|
|
: Colors.black)
|
|||
|
|
: detailtextColor,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
if (isEditable)
|
|||
|
|
const Padding(
|
|||
|
|
padding: EdgeInsets.only(left: 4),
|
|||
|
|
child: Icon(Icons.chevron_right, size: 20),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/// 单行可点击选择：
|
|||
|
|
/// - 可编辑时：标题 + “请选择”提示 + 文本框
|
|||
|
|
/// - 不可编辑时：标题 + 文本内容
|
|||
|
|
static Widget selectableLineTitleTextField({
|
|||
|
|
required String label,
|
|||
|
|
required bool isEditable,
|
|||
|
|
required String text,
|
|||
|
|
VoidCallback? onTap,
|
|||
|
|
double fontSize = 14,
|
|||
|
|
bool isClean = false,
|
|||
|
|
VoidCallback? onTapClean,
|
|||
|
|
bool isRequired = true,
|
|||
|
|
String cleanText = '清除',
|
|||
|
|
TextEditingController? controller,
|
|||
|
|
}) {
|
|||
|
|
return InkWell(
|
|||
|
|
onTap: isEditable ? onTap : null,
|
|||
|
|
child: Container(
|
|||
|
|
padding: const EdgeInsets.symmetric(
|
|||
|
|
vertical: vertical_inset,
|
|||
|
|
horizontal: horizontal_inset,
|
|||
|
|
),
|
|||
|
|
child: Row(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|||
|
|
children: [
|
|||
|
|
// 标题部分
|
|||
|
|
Row(
|
|||
|
|
mainAxisSize: MainAxisSize.min,
|
|||
|
|
children: [
|
|||
|
|
if (isRequired && isEditable)
|
|||
|
|
const Text('* ', style: TextStyle(color: Colors.red)),
|
|||
|
|
Text(
|
|||
|
|
label,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: fontSize,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
// const SizedBox(width: 5),
|
|||
|
|
// 右侧 TextField + 清除按钮
|
|||
|
|
Expanded(
|
|||
|
|
child: Row(
|
|||
|
|
children: [
|
|||
|
|
// 清除按钮
|
|||
|
|
if (isClean && onTapClean != null)
|
|||
|
|
Column(
|
|||
|
|
children: [
|
|||
|
|
CustomButton(
|
|||
|
|
text: cleanText,
|
|||
|
|
height: 20,
|
|||
|
|
padding: EdgeInsets.symmetric(
|
|||
|
|
horizontal: 10,
|
|||
|
|
vertical: 0,
|
|||
|
|
),
|
|||
|
|
textStyle: TextStyle(
|
|||
|
|
fontSize: 11,
|
|||
|
|
color: Colors.white,
|
|||
|
|
),
|
|||
|
|
borderRadius: 10,
|
|||
|
|
backgroundColor:
|
|||
|
|
cleanText == '清除' ? Colors.red : Colors.green,
|
|||
|
|
onPressed: onTapClean,
|
|||
|
|
),
|
|||
|
|
SizedBox(height: 20),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
// 输入框
|
|||
|
|
Expanded(
|
|||
|
|
child: TextField(
|
|||
|
|
controller: controller,
|
|||
|
|
autofocus: false,
|
|||
|
|
style: TextStyle(fontSize: fontSize),
|
|||
|
|
decoration: InputDecoration(
|
|||
|
|
hintText: '请输入',
|
|||
|
|
isCollapsed: true,
|
|||
|
|
contentPadding: const EdgeInsets.symmetric(vertical: 8),
|
|||
|
|
border: InputBorder.none,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/// 两行垂直布局：
|
|||
|
|
/// 第一行：可点击选择（带箭头）或仅显示标题
|
|||
|
|
/// 第二行：多行输入框或多行文本展示
|
|||
|
|
static Widget twoRowSelectableTitleText({
|
|||
|
|
required String label, // 第一行标题
|
|||
|
|
required bool isEditable, // 是否可编辑
|
|||
|
|
required String text, // 显示内容或提示
|
|||
|
|
TextEditingController? controller, // 第二行编辑控制器
|
|||
|
|
VoidCallback? onTap, // 第一行点击回调
|
|||
|
|
double fontSize = 14, // 字体大小
|
|||
|
|
double row2Height = 80, // 第二行高度
|
|||
|
|
bool isRequired = true,
|
|||
|
|
bool showSelect = true, //是否显示选择
|
|||
|
|
}) {
|
|||
|
|
return Container(
|
|||
|
|
padding: EdgeInsets.symmetric(
|
|||
|
|
vertical: vertical_inset,
|
|||
|
|
horizontal: horizontal_inset,
|
|||
|
|
),
|
|||
|
|
child: Column(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|||
|
|
children: [
|
|||
|
|
// 第一行：可点击区域或纯文本标题
|
|||
|
|
InkWell(
|
|||
|
|
onTap: isEditable ? onTap : null,
|
|||
|
|
child: Row(
|
|||
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|||
|
|
children: [
|
|||
|
|
Row(
|
|||
|
|
children: [
|
|||
|
|
if (isRequired && isEditable)
|
|||
|
|
Text('* ', style: TextStyle(color: Colors.red)),
|
|||
|
|
Text(
|
|||
|
|
label,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: fontSize,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
if (showSelect)
|
|||
|
|
Row(
|
|||
|
|
children: [
|
|||
|
|
Text(
|
|||
|
|
isEditable ? '请选择' : '',
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: fontSize,
|
|||
|
|
color: isEditable ? Colors.black : detailtextColor,
|
|||
|
|
),
|
|||
|
|
maxLines: 1,
|
|||
|
|
overflow: TextOverflow.ellipsis,
|
|||
|
|
),
|
|||
|
|
if (isEditable) const Icon(Icons.chevron_right),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 8),
|
|||
|
|
Container(
|
|||
|
|
height: row2Height,
|
|||
|
|
padding: const EdgeInsets.symmetric(vertical: 8),
|
|||
|
|
child:
|
|||
|
|
isEditable
|
|||
|
|
? TextField(
|
|||
|
|
autofocus: false,
|
|||
|
|
controller: controller,
|
|||
|
|
keyboardType: TextInputType.multiline,
|
|||
|
|
maxLines: null,
|
|||
|
|
expands: true,
|
|||
|
|
style: TextStyle(fontSize: fontSize),
|
|||
|
|
decoration: InputDecoration(
|
|||
|
|
hintText: '请输入',
|
|||
|
|
//contentPadding: EdgeInsets.zero,
|
|||
|
|
border: InputBorder.none,
|
|||
|
|
),
|
|||
|
|
)
|
|||
|
|
: SingleChildScrollView(
|
|||
|
|
padding: EdgeInsets.zero,
|
|||
|
|
child: Text(
|
|||
|
|
text,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: fontSize,
|
|||
|
|
color: detailtextColor,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/// 两行垂直布局：
|
|||
|
|
/// 标题 + 按钮
|
|||
|
|
/// 第二行：多行输入框或多行文本展示
|
|||
|
|
static Widget twoRowButtonTitleText({
|
|||
|
|
required String label, // 第一行标题
|
|||
|
|
required bool isEditable, // 是否可编辑
|
|||
|
|
bool isInput = true, // 是否可输入
|
|||
|
|
required String text, // 显示内容或提示
|
|||
|
|
TextEditingController? controller, // 第二行编辑控制器
|
|||
|
|
required VoidCallback? onTap, // 第一行点击回调
|
|||
|
|
String buttonText = '选择其他',
|
|||
|
|
required String hintText,
|
|||
|
|
double fontSize = 14, // 字体大小
|
|||
|
|
double row2Height = 80, // 第二行高度
|
|||
|
|
bool isRequired = true,
|
|||
|
|
}) {
|
|||
|
|
return Container(
|
|||
|
|
padding: const EdgeInsets.symmetric(
|
|||
|
|
vertical: vertical_inset,
|
|||
|
|
horizontal: horizontal_inset,
|
|||
|
|
),
|
|||
|
|
child: Column(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|||
|
|
children: [
|
|||
|
|
// 第一行：标题 + 按钮
|
|||
|
|
InkWell(
|
|||
|
|
child: Row(
|
|||
|
|
children: [
|
|||
|
|
Flexible(
|
|||
|
|
fit: FlexFit.loose, // loose 模式下它可以比最大宽度更小
|
|||
|
|
child: Row(
|
|||
|
|
children: [
|
|||
|
|
if (isRequired && isEditable)
|
|||
|
|
Text('* ', style: TextStyle(color: Colors.red)),
|
|||
|
|
Flexible(
|
|||
|
|
child: Text(
|
|||
|
|
label,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: fontSize,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
),
|
|||
|
|
maxLines: 1,
|
|||
|
|
overflow: TextOverflow.ellipsis,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(width: 8),
|
|||
|
|
if (isEditable)
|
|||
|
|
CustomButton(
|
|||
|
|
text: buttonText,
|
|||
|
|
height: 30,
|
|||
|
|
padding: const EdgeInsets.symmetric(
|
|||
|
|
vertical: 2,
|
|||
|
|
horizontal: 10,
|
|||
|
|
),
|
|||
|
|
textStyle: TextStyle(
|
|||
|
|
color: Colors.white,
|
|||
|
|
fontSize: 11,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
),
|
|||
|
|
backgroundColor: Colors.blue,
|
|||
|
|
onPressed: onTap,
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 8),
|
|||
|
|
|
|||
|
|
Container(
|
|||
|
|
height: row2Height,
|
|||
|
|
padding: const EdgeInsets.symmetric(vertical: 8),
|
|||
|
|
child:
|
|||
|
|
(isEditable && isInput)
|
|||
|
|
? TextField(
|
|||
|
|
autofocus: false,
|
|||
|
|
controller: controller,
|
|||
|
|
keyboardType: TextInputType.multiline,
|
|||
|
|
maxLines: null,
|
|||
|
|
expands: true,
|
|||
|
|
style: TextStyle(fontSize: fontSize),
|
|||
|
|
decoration: InputDecoration(
|
|||
|
|
hintText: hintText,
|
|||
|
|
//contentPadding: EdgeInsets.zero,
|
|||
|
|
border: InputBorder.none,
|
|||
|
|
),
|
|||
|
|
)
|
|||
|
|
: SingleChildScrollView(
|
|||
|
|
padding: EdgeInsets.zero,
|
|||
|
|
child: Text(
|
|||
|
|
text,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: fontSize,
|
|||
|
|
color: detailtextColor,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/// 单行布局：
|
|||
|
|
/// 标题 + 文字 + 按钮
|
|||
|
|
static Widget OneRowButtonTitleText({
|
|||
|
|
required String label, // 标题
|
|||
|
|
required String text, // 显示内容或提示
|
|||
|
|
required VoidCallback? onTap, // 第一行点击回调
|
|||
|
|
double fontSize = 14, // 字体大小
|
|||
|
|
bool isEdit = true,
|
|||
|
|
String buttonText = '气体分析详情',
|
|||
|
|
double horizontalnum = horizontal_inset,
|
|||
|
|
}) {
|
|||
|
|
return Container(
|
|||
|
|
color: Colors.white,
|
|||
|
|
padding: EdgeInsets.symmetric(
|
|||
|
|
vertical: vertical_inset,
|
|||
|
|
horizontal: horizontalnum,
|
|||
|
|
),
|
|||
|
|
child: Row(
|
|||
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|||
|
|
children: [
|
|||
|
|
Expanded(
|
|||
|
|
child: Row(
|
|||
|
|
children: [
|
|||
|
|
Text(
|
|||
|
|
label,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: fontSize,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
SizedBox(width: 15),
|
|||
|
|
Expanded(
|
|||
|
|
child: Text(
|
|||
|
|
text,
|
|||
|
|
maxLines: 1,
|
|||
|
|
overflow: TextOverflow.ellipsis,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: fontSize,
|
|||
|
|
color: detailtextColor,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
if (isEdit)
|
|||
|
|
CustomButton(
|
|||
|
|
text: buttonText,
|
|||
|
|
height: 30,
|
|||
|
|
padding: const EdgeInsets.symmetric(vertical: 2, horizontal: 10),
|
|||
|
|
textStyle: TextStyle(
|
|||
|
|
color: Colors.white,
|
|||
|
|
fontSize: 11,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
),
|
|||
|
|
backgroundColor: Colors.blue,
|
|||
|
|
onPressed: onTap,
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/// 单行布局：
|
|||
|
|
/// 标题 + 按钮
|
|||
|
|
static Widget OneRowButtonTitle({
|
|||
|
|
required String label, // 标题
|
|||
|
|
required String buttonText, // 按钮文字
|
|||
|
|
required VoidCallback onTap, // 第一行点击回调
|
|||
|
|
double fontSize = 14, // 字体大小
|
|||
|
|
Color btnColor = Colors.blue,
|
|||
|
|
bool isRequired = false,
|
|||
|
|
}) {
|
|||
|
|
return Container(
|
|||
|
|
padding: const EdgeInsets.symmetric(
|
|||
|
|
vertical: vertical_inset,
|
|||
|
|
horizontal: horizontal_inset,
|
|||
|
|
),
|
|||
|
|
child: Row(
|
|||
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|||
|
|
children: [
|
|||
|
|
Row(
|
|||
|
|
children: [
|
|||
|
|
Text("* ", style: TextStyle(color: Colors.red)),
|
|||
|
|
Text(
|
|||
|
|
label,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: fontSize,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
CustomButton(
|
|||
|
|
text: buttonText,
|
|||
|
|
height: 30,
|
|||
|
|
padding: const EdgeInsets.symmetric(vertical: 2, horizontal: 5),
|
|||
|
|
backgroundColor: btnColor,
|
|||
|
|
onPressed: onTap,
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/// 单行布局：
|
|||
|
|
/// 标题 + 按钮(挨着)
|
|||
|
|
static Widget OneRowStartButtonTitle({
|
|||
|
|
required String label, // 标题
|
|||
|
|
String buttonText = '气体分析详情', // 按钮文字
|
|||
|
|
String text = '', // 标题
|
|||
|
|
required VoidCallback onTap, // 点击回调
|
|||
|
|
double fontSize = 14, // 字体大小
|
|||
|
|
Color btnColor = Colors.blue,
|
|||
|
|
}) {
|
|||
|
|
return Container(
|
|||
|
|
padding: const EdgeInsets.symmetric(
|
|||
|
|
vertical: vertical_inset,
|
|||
|
|
horizontal: horizontal_inset,
|
|||
|
|
),
|
|||
|
|
child: Row(
|
|||
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|||
|
|
children: [
|
|||
|
|
Text(
|
|||
|
|
label,
|
|||
|
|
style: TextStyle(fontSize: fontSize, fontWeight: FontWeight.bold),
|
|||
|
|
),
|
|||
|
|
CustomButton(
|
|||
|
|
text: buttonText,
|
|||
|
|
height: 30,
|
|||
|
|
padding: const EdgeInsets.symmetric(vertical: 2, horizontal: 5),
|
|||
|
|
backgroundColor: btnColor,
|
|||
|
|
onPressed: onTap,
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/// 单行布局：
|
|||
|
|
/// 标题 + 网络图片
|
|||
|
|
static Widget OneRowImageTitle({
|
|||
|
|
required String label, // 标题
|
|||
|
|
required String imgPath, // 图片路径
|
|||
|
|
double fontSize = 14, // 字体大小
|
|||
|
|
Color btnColor = Colors.blue,
|
|||
|
|
bool isRequired = false,
|
|||
|
|
String text = '',
|
|||
|
|
void Function(String)? onTapCallBack,
|
|||
|
|
}) {
|
|||
|
|
return Container(
|
|||
|
|
padding: const EdgeInsets.symmetric(
|
|||
|
|
vertical: vertical_inset,
|
|||
|
|
horizontal: horizontal_inset,
|
|||
|
|
),
|
|||
|
|
child: Row(
|
|||
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|||
|
|
children: [
|
|||
|
|
Row(
|
|||
|
|
children: [
|
|||
|
|
Text(
|
|||
|
|
label,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: fontSize,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
Column(
|
|||
|
|
children: [
|
|||
|
|
GestureDetector(
|
|||
|
|
onTap: () {
|
|||
|
|
if (onTapCallBack != null)
|
|||
|
|
onTapCallBack('${ApiService.baseImgPath}$imgPath');
|
|||
|
|
},
|
|||
|
|
child:
|
|||
|
|
imgPath.isNotEmpty
|
|||
|
|
? Image.network(
|
|||
|
|
'${ApiService.baseImgPath}${imgPath}',
|
|||
|
|
width: 80,
|
|||
|
|
height: 80,
|
|||
|
|
)
|
|||
|
|
: SizedBox(),
|
|||
|
|
),
|
|||
|
|
if (text.isNotEmpty) Text(text),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/// 单行布局：
|
|||
|
|
/// 图片 + 标题 +箭头
|
|||
|
|
static Widget OneRowImageArrowTitle({
|
|||
|
|
required String label, // 标题
|
|||
|
|
required String imgPath, // 图片路径
|
|||
|
|
double fontSize = 14, // 字体大小
|
|||
|
|
Color btnColor = Colors.black,
|
|||
|
|
}) {
|
|||
|
|
return Card(
|
|||
|
|
shape: RoundedRectangleBorder(
|
|||
|
|
// 形状
|
|||
|
|
borderRadius: BorderRadius.circular(8), // 圆角
|
|||
|
|
),
|
|||
|
|
color: Colors.white,
|
|||
|
|
child: Padding(
|
|||
|
|
padding: EdgeInsets.all(14),
|
|||
|
|
child: Row(
|
|||
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|||
|
|
children: [
|
|||
|
|
Image.asset(width: 40, height: 40, imgPath),
|
|||
|
|
SizedBox(width: 20),
|
|||
|
|
Text(label, style: TextStyle(fontSize: 14)),
|
|||
|
|
Spacer(),
|
|||
|
|
Icon(Icons.chevron_right, color: Colors.grey[400]),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/// 两行垂直布局：
|
|||
|
|
/// 标题
|
|||
|
|
/// 第二行：图片
|
|||
|
|
static Widget twoRowTitleAndImages({
|
|||
|
|
required String title, // 第一行标题
|
|||
|
|
required List<dynamic>? imageUrls,
|
|||
|
|
double row2Height = 80, // 第二行高度
|
|||
|
|
double fontSize = 14, // 字体大小
|
|||
|
|
void Function(String)? onTapCallBack,
|
|||
|
|
bool isRequired = true,
|
|||
|
|
}) {
|
|||
|
|
return Column(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|||
|
|
|
|||
|
|
children: [
|
|||
|
|
// 标题部分
|
|||
|
|
if (title.isNotEmpty)
|
|||
|
|
Padding(
|
|||
|
|
padding: const EdgeInsets.symmetric(
|
|||
|
|
vertical: vertical_inset,
|
|||
|
|
horizontal: horizontal_inset,
|
|||
|
|
),
|
|||
|
|
child: Text(
|
|||
|
|
title,
|
|||
|
|
style: TextStyle(fontSize: fontSize, fontWeight: FontWeight.bold),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
|
|||
|
|
// 图片横向滚动区域
|
|||
|
|
SizedBox(
|
|||
|
|
height: 80, // 图片区域固定高度
|
|||
|
|
child: ListView.builder(
|
|||
|
|
padding: EdgeInsets.symmetric(horizontal: 12),
|
|||
|
|
scrollDirection: Axis.horizontal,
|
|||
|
|
itemCount: imageUrls?.length,
|
|||
|
|
itemBuilder: (context, index) {
|
|||
|
|
return Container(
|
|||
|
|
margin: const EdgeInsets.only(right: 8), // 图片间距
|
|||
|
|
child: ClipRRect(
|
|||
|
|
borderRadius: BorderRadius.circular(8),
|
|||
|
|
child: GestureDetector(
|
|||
|
|
onTap: () {
|
|||
|
|
if (onTapCallBack != null)
|
|||
|
|
onTapCallBack(
|
|||
|
|
'${ApiService.baseImgPath}${imageUrls![index] ?? ''}',
|
|||
|
|
);
|
|||
|
|
},
|
|||
|
|
child: Image.network(
|
|||
|
|
'${ApiService.baseImgPath}${imageUrls![index] ?? ''}',
|
|||
|
|
width: 80,
|
|||
|
|
// 图片宽度
|
|||
|
|
height: 80,
|
|||
|
|
// 图片高度
|
|||
|
|
fit: BoxFit.fill,
|
|||
|
|
loadingBuilder: (context, child, loadingProgress) {
|
|||
|
|
if (loadingProgress == null) return child;
|
|||
|
|
return Container(
|
|||
|
|
width: 80,
|
|||
|
|
height: 80,
|
|||
|
|
color: Colors.grey[200],
|
|||
|
|
child: const Center(
|
|||
|
|
child: CircularProgressIndicator(),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
},
|
|||
|
|
errorBuilder: (context, error, stackTrace) {
|
|||
|
|
return Container(
|
|||
|
|
width: 80,
|
|||
|
|
height: 80,
|
|||
|
|
color: Colors.transparent,
|
|||
|
|
child: SizedBox(),
|
|||
|
|
);
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/// 多行垂直布局：
|
|||
|
|
/// 标题+按钮
|
|||
|
|
/// 编辑框列表，多个编辑框可删除
|
|||
|
|
static Widget mulRowTitleAndTextField({
|
|||
|
|
required String label, // 第一行标题
|
|||
|
|
required bool isEditable, // 是否可编辑
|
|||
|
|
required String text, // 显示内容或提示
|
|||
|
|
TextEditingController? controller, // 第二行编辑控制器
|
|||
|
|
required VoidCallback? onTap, // 第一行点击回调
|
|||
|
|
required String hintText,
|
|||
|
|
double fontSize = 14, // 字体大小
|
|||
|
|
double row2Height = 80, // 第二行高度
|
|||
|
|
bool isRequired = true,
|
|||
|
|
}) {
|
|||
|
|
return Container(
|
|||
|
|
padding: const EdgeInsets.symmetric(
|
|||
|
|
vertical: vertical_inset,
|
|||
|
|
horizontal: horizontal_inset,
|
|||
|
|
),
|
|||
|
|
child: Column(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|||
|
|
children: [
|
|||
|
|
// 第一行：标题 + 按钮
|
|||
|
|
InkWell(
|
|||
|
|
child: Row(
|
|||
|
|
children: [
|
|||
|
|
Flexible(
|
|||
|
|
fit: FlexFit.loose, // loose 模式下它可以比最大宽度更小
|
|||
|
|
child: Row(
|
|||
|
|
children: [
|
|||
|
|
if (isRequired && isEditable)
|
|||
|
|
Text('* ', style: TextStyle(color: Colors.red)),
|
|||
|
|
Flexible(
|
|||
|
|
child: Text(
|
|||
|
|
label,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: fontSize,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
),
|
|||
|
|
maxLines: 1,
|
|||
|
|
overflow: TextOverflow.ellipsis,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(width: 8),
|
|||
|
|
if (isEditable)
|
|||
|
|
CustomButton(
|
|||
|
|
text: "选择其他",
|
|||
|
|
height: 30,
|
|||
|
|
padding: const EdgeInsets.symmetric(
|
|||
|
|
vertical: 2,
|
|||
|
|
horizontal: 5,
|
|||
|
|
),
|
|||
|
|
backgroundColor: Colors.blue,
|
|||
|
|
onPressed: onTap,
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 8),
|
|||
|
|
|
|||
|
|
Container(
|
|||
|
|
height: row2Height,
|
|||
|
|
padding: const EdgeInsets.symmetric(vertical: 8),
|
|||
|
|
child:
|
|||
|
|
isEditable
|
|||
|
|
? TextField(
|
|||
|
|
autofocus: false,
|
|||
|
|
controller: controller,
|
|||
|
|
keyboardType: TextInputType.multiline,
|
|||
|
|
maxLines: null,
|
|||
|
|
expands: true,
|
|||
|
|
style: TextStyle(fontSize: fontSize),
|
|||
|
|
decoration: InputDecoration(
|
|||
|
|
hintText: hintText,
|
|||
|
|
//contentPadding: EdgeInsets.zero,
|
|||
|
|
border: InputBorder.none,
|
|||
|
|
),
|
|||
|
|
)
|
|||
|
|
: SingleChildScrollView(
|
|||
|
|
padding: EdgeInsets.zero,
|
|||
|
|
child: Text(
|
|||
|
|
text,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: fontSize,
|
|||
|
|
color: detailtextColor,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/// 多行垂直布局：
|
|||
|
|
/// 标题、图片、说明、签字信息
|
|||
|
|
static Widget mulColumnRowTitleAndImages({
|
|||
|
|
required String title, // 第一行标题
|
|||
|
|
required List<dynamic>? imageUrls,
|
|||
|
|
required String text, // 描述
|
|||
|
|
required List<dynamic>? signUrls,
|
|||
|
|
|
|||
|
|
/// 签字
|
|||
|
|
required List<dynamic>? signTimes,
|
|||
|
|
|
|||
|
|
/// 签字时间
|
|||
|
|
double row2Height = 80, // 第二行高度
|
|||
|
|
double fontSize = 14, // 字体大小
|
|||
|
|
void Function(String)? onTapCallBack,
|
|||
|
|
bool isRequired = true,
|
|||
|
|
}) {
|
|||
|
|
return Column(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|||
|
|
|
|||
|
|
children: [
|
|||
|
|
// 标题部分
|
|||
|
|
Padding(
|
|||
|
|
padding: const EdgeInsets.symmetric(
|
|||
|
|
vertical: vertical_inset,
|
|||
|
|
horizontal: horizontal_inset,
|
|||
|
|
),
|
|||
|
|
child: Text(
|
|||
|
|
title,
|
|||
|
|
style: TextStyle(fontSize: fontSize, fontWeight: FontWeight.bold),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
|
|||
|
|
// 图片横向滚动区域
|
|||
|
|
SizedBox(
|
|||
|
|
height: 80, // 图片区域固定高度
|
|||
|
|
child: ListView.builder(
|
|||
|
|
padding: EdgeInsets.symmetric(horizontal: 12),
|
|||
|
|
scrollDirection: Axis.horizontal,
|
|||
|
|
itemCount: imageUrls?.length,
|
|||
|
|
itemBuilder: (context, index) {
|
|||
|
|
return Container(
|
|||
|
|
margin: const EdgeInsets.only(right: 8), // 图片间距
|
|||
|
|
child: ClipRRect(
|
|||
|
|
borderRadius: BorderRadius.circular(8),
|
|||
|
|
child: GestureDetector(
|
|||
|
|
onTap: () {
|
|||
|
|
if (onTapCallBack != null)
|
|||
|
|
onTapCallBack(
|
|||
|
|
'${ApiService.baseImgPath}${imageUrls![index] ?? ''}',
|
|||
|
|
);
|
|||
|
|
},
|
|||
|
|
child: Image.network(
|
|||
|
|
'${ApiService.baseImgPath}${imageUrls![index] ?? ''}',
|
|||
|
|
width: 80,
|
|||
|
|
// 图片宽度
|
|||
|
|
height: 80,
|
|||
|
|
// 图片高度
|
|||
|
|
fit: BoxFit.fill,
|
|||
|
|
loadingBuilder: (context, child, loadingProgress) {
|
|||
|
|
if (loadingProgress == null) return child;
|
|||
|
|
return Container(
|
|||
|
|
width: 80,
|
|||
|
|
height: 80,
|
|||
|
|
color: Colors.grey[200],
|
|||
|
|
child: const Center(
|
|||
|
|
child: CircularProgressIndicator(),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
},
|
|||
|
|
errorBuilder: (context, error, stackTrace) {
|
|||
|
|
return Container(
|
|||
|
|
width: 80,
|
|||
|
|
height: 80,
|
|||
|
|
color: Colors.transparent,
|
|||
|
|
child: SizedBox(),
|
|||
|
|
);
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
Row(),
|
|||
|
|
],
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/// 两行垂直布局：
|
|||
|
|
/// 标题
|
|||
|
|
/// 第二行：多行文本展示
|
|||
|
|
static Widget twoRowTitleText({
|
|||
|
|
required String label, // 第一行标题
|
|||
|
|
required String text, // 显示内容或提示
|
|||
|
|
double fontSize = 14, // 字体大小
|
|||
|
|
bool isRequired = true,
|
|||
|
|
}) {
|
|||
|
|
return Container(
|
|||
|
|
padding: const EdgeInsets.symmetric(
|
|||
|
|
vertical: vertical_inset,
|
|||
|
|
horizontal: horizontal_inset,
|
|||
|
|
),
|
|||
|
|
child: Column(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|||
|
|
children: [
|
|||
|
|
// 第一行：标题
|
|||
|
|
Text(
|
|||
|
|
label,
|
|||
|
|
style: TextStyle(fontSize: fontSize, fontWeight: FontWeight.bold),
|
|||
|
|
maxLines: 1,
|
|||
|
|
overflow: TextOverflow.ellipsis,
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 8),
|
|||
|
|
Text(
|
|||
|
|
text,
|
|||
|
|
maxLines: 5,
|
|||
|
|
overflow: TextOverflow.ellipsis,
|
|||
|
|
style: TextStyle(fontSize: fontSize, color: detailtextColor),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
static Widget itemContainer(
|
|||
|
|
Widget child, {
|
|||
|
|
double horizontal = horizontal_inset,
|
|||
|
|
double vertical = vertical_inset,
|
|||
|
|
}) {
|
|||
|
|
return Container(
|
|||
|
|
decoration: BoxDecoration(
|
|||
|
|
color: Colors.white,
|
|||
|
|
borderRadius: BorderRadius.circular(8),
|
|||
|
|
),
|
|||
|
|
padding: EdgeInsets.symmetric(horizontal: horizontal, vertical: vertical),
|
|||
|
|
child: child,
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// static Widget aaa({}){
|
|||
|
|
// return
|
|||
|
|
// }
|
|||
|
|
/// 安全环保检查步骤
|
|||
|
|
static Widget buildFlowStepItem({
|
|||
|
|
required List<Map<String, dynamic>> flowList,
|
|||
|
|
}) {
|
|||
|
|
final int lastDoneIndex = flowList.lastIndexWhere((e) => e['STATUS'] == 1);
|
|||
|
|
|
|||
|
|
return ListView.builder(
|
|||
|
|
padding: const EdgeInsets.symmetric(vertical: 16),
|
|||
|
|
itemCount: flowList.length + 1, // +1 用来放标题
|
|||
|
|
itemBuilder: (context, i) {
|
|||
|
|
if (i == 0) {
|
|||
|
|
return Padding(
|
|||
|
|
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
|
|||
|
|
child: Text(
|
|||
|
|
'查看流程图',
|
|||
|
|
style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
final idx = i - 1;
|
|||
|
|
final item = flowList[idx];
|
|||
|
|
final bool isFirst = idx == 0;
|
|||
|
|
final bool isLast = idx == flowList.length - 1;
|
|||
|
|
|
|||
|
|
// 根据 lastDoneIndex 自动计算“进行中”
|
|||
|
|
final int status;
|
|||
|
|
if (idx <= lastDoneIndex) {
|
|||
|
|
status = 1; // 已完成
|
|||
|
|
} else if (idx == lastDoneIndex + 1) {
|
|||
|
|
status = 0; // 进行中
|
|||
|
|
} else {
|
|||
|
|
status = -1; // 未到达
|
|||
|
|
}
|
|||
|
|
// 依据状态设色
|
|||
|
|
final Color dotColor =
|
|||
|
|
status == 1
|
|||
|
|
? Colors.green
|
|||
|
|
: (status == 0 ? Colors.blue : Colors.grey);
|
|||
|
|
final Color textColor =
|
|||
|
|
status == 1
|
|||
|
|
? Colors.green
|
|||
|
|
: (status == 0 ? Colors.blue : Colors.black);
|
|||
|
|
|
|||
|
|
return ListTile(
|
|||
|
|
visualDensity: VisualDensity(vertical: -4),
|
|||
|
|
|
|||
|
|
contentPadding: const EdgeInsets.symmetric(horizontal: 16),
|
|||
|
|
leading: Container(
|
|||
|
|
width: 24,
|
|||
|
|
alignment: Alignment.center,
|
|||
|
|
child: Column(
|
|||
|
|
mainAxisSize: MainAxisSize.max,
|
|||
|
|
children: [
|
|||
|
|
// 上方线段或占位
|
|||
|
|
isFirst
|
|||
|
|
? SizedBox(height: 6 + 5)
|
|||
|
|
: Expanded(
|
|||
|
|
child: Container(width: 1, color: Colors.grey[300]),
|
|||
|
|
),
|
|||
|
|
// 圆点
|
|||
|
|
CircleAvatar(radius: 6, backgroundColor: dotColor),
|
|||
|
|
// 下方线段或占位
|
|||
|
|
isLast
|
|||
|
|
? SizedBox(height: 6 + 5)
|
|||
|
|
: Expanded(
|
|||
|
|
child: Container(width: 1, color: Colors.grey[300]),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
title: Text(
|
|||
|
|
item['STEP_NAME'] ?? '',
|
|||
|
|
style: TextStyle(color: textColor, fontSize: 15),
|
|||
|
|
),
|
|||
|
|
subtitle: Column(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|||
|
|
children: [
|
|||
|
|
if (item['SIGN_USER'] != null) ...[
|
|||
|
|
Text(
|
|||
|
|
item['SIGN_USER'],
|
|||
|
|
style: TextStyle(color: textColor, fontSize: 13),
|
|||
|
|
),
|
|||
|
|
] else if (item['FINISHED_SIGN_USER'] != null) ...[
|
|||
|
|
Text(
|
|||
|
|
item['FINISHED_SIGN_USER'],
|
|||
|
|
style: TextStyle(color: textColor, fontSize: 13),
|
|||
|
|
),
|
|||
|
|
] else if (item['ACT_USER_NAME'] != null) ...[
|
|||
|
|
Text(
|
|||
|
|
item['ACT_USER_NAME'],
|
|||
|
|
style: TextStyle(color: textColor, fontSize: 13),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
if (item['ACT_TIME'] != null)
|
|||
|
|
Text(
|
|||
|
|
item['ACT_TIME'],
|
|||
|
|
style: TextStyle(color: textColor, fontSize: 13),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
},
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/// 特殊作业步骤流程图
|
|||
|
|
static Widget specialBuildFlowStepItem({
|
|||
|
|
required List<Map<String, dynamic>> flowList,
|
|||
|
|
}) {
|
|||
|
|
// status: 1 已完成, 0 当前步骤, -99 未开始, 2 已打回, -1 已跳过
|
|||
|
|
final int lastDoneIndex = flowList.lastIndexWhere((e) {
|
|||
|
|
final s = e['status'];
|
|||
|
|
if (s is int) return s == 1;
|
|||
|
|
if (s is String) return int.tryParse(s) == 1;
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
return ListView.builder(
|
|||
|
|
padding: const EdgeInsets.symmetric(vertical: 16),
|
|||
|
|
itemCount: flowList.length + 1, // +1 用来放标题
|
|||
|
|
itemBuilder: (context, i) {
|
|||
|
|
if (i == 0) {
|
|||
|
|
return const Padding(
|
|||
|
|
padding: EdgeInsets.symmetric(horizontal: 16, vertical: 8),
|
|||
|
|
child: Text(
|
|||
|
|
'查看流程图',
|
|||
|
|
style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
final idx = i - 1;
|
|||
|
|
final item = flowList[idx];
|
|||
|
|
final bool isFirst = idx == 0;
|
|||
|
|
final bool isLast = idx == flowList.length - 1;
|
|||
|
|
|
|||
|
|
// 尝试读取 item 中的 status（支持 int 或可解析为 int 的 String）
|
|||
|
|
int? statusFromItem;
|
|||
|
|
final rawStatus = item['status'];
|
|||
|
|
if (rawStatus is int) {
|
|||
|
|
statusFromItem = rawStatus;
|
|||
|
|
} else if (rawStatus is String) {
|
|||
|
|
statusFromItem = int.tryParse(rawStatus);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 如果 item 中没有 status，则回退到根据 lastDoneIndex 推断的逻辑
|
|||
|
|
final int status =
|
|||
|
|
statusFromItem ??
|
|||
|
|
(idx <= lastDoneIndex
|
|||
|
|
? 1 // 已完成
|
|||
|
|
: (idx == lastDoneIndex + 1 ? 0 : -99)); // 0=当前，-99=未开始
|
|||
|
|
|
|||
|
|
// 颜色映射：1 -> 绿，0 -> 蓝，其它 -> 灰
|
|||
|
|
final Color dotColor =
|
|||
|
|
status == 1
|
|||
|
|
? Colors.green
|
|||
|
|
: (status == 0 ? Colors.blue : Colors.grey);
|
|||
|
|
final Color textColor =
|
|||
|
|
status == 1
|
|||
|
|
? Colors.green
|
|||
|
|
: (status == 0 ? Colors.blue : Colors.black);
|
|||
|
|
|
|||
|
|
// 使用新的字段名：stepName, actUserName, actTime
|
|||
|
|
final String title = (item['stepName'] ?? '').toString();
|
|||
|
|
final String? user =
|
|||
|
|
(item['actUserName'] ?? item['ACT_USER_NAME'] ?? item['SIGN_USER'])
|
|||
|
|
?.toString();
|
|||
|
|
final String? time = (item['actTime'] ?? item['ACT_TIME'])?.toString();
|
|||
|
|
|
|||
|
|
return ListTile(
|
|||
|
|
visualDensity: VisualDensity(vertical: -4),
|
|||
|
|
contentPadding: const EdgeInsets.symmetric(horizontal: 16),
|
|||
|
|
leading: SizedBox(
|
|||
|
|
width: 24,
|
|||
|
|
child: Column(
|
|||
|
|
mainAxisSize: MainAxisSize.max,
|
|||
|
|
children: [
|
|||
|
|
// 上方线段或占位
|
|||
|
|
if (isFirst)
|
|||
|
|
const SizedBox(height: 11) // 保持与原来相似的间距
|
|||
|
|
else
|
|||
|
|
Expanded(child: Container(width: 1, color: Colors.grey[300])),
|
|||
|
|
// 圆点
|
|||
|
|
CircleAvatar(radius: 6, backgroundColor: dotColor),
|
|||
|
|
// 下方线段或占位
|
|||
|
|
if (isLast)
|
|||
|
|
const SizedBox(height: 11)
|
|||
|
|
else
|
|||
|
|
Expanded(child: Container(width: 1, color: Colors.grey[300])),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
title: Text(title, style: TextStyle(color: textColor, fontSize: 15)),
|
|||
|
|
subtitle: Column(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|||
|
|
children: [
|
|||
|
|
if (user != null && user.isNotEmpty)
|
|||
|
|
Text(user, style: TextStyle(color: textColor, fontSize: 13)),
|
|||
|
|
if (rawStatus == -1)
|
|||
|
|
Text('已跳过', style: TextStyle(color: textColor, fontSize: 13)),
|
|||
|
|
if (time != null && time.isNotEmpty)
|
|||
|
|
Text(time, style: TextStyle(color: textColor, fontSize: 13)),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
},
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
}
|