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)),
            ],
          ),
        );
      },
    );
  }
}