deus_app/lib/page/patrol/patrol_job_detail.dart

import 'package:deus_app/common/style/TitleBar.dart';
import 'package:deus_app/common/utils/ConstantString.dart';
import 'package:deus_app/common/utils/ToastUtils.dart';
import 'package:deus_app/model/drop_menu_item.dart';
import 'package:flutter/material.dart';
import 'package:deus_app/model/patrol_response_entity.dart';

/**
 * 巡检任务详情页面
 */
class PatrolJobDetail extends StatefulWidget {
  const PatrolJobDetail({super.key});

  static var routeName = '/PatrolJobDetail';

  @override
  State createState() {
    return _PatrolJobDetail();
  }
}

PatrolJobDeviceData p =
    PatrolJobDeviceData('设备名称1', '展示名称1', 'deviceKey1', '2023-05-28', '曹刚');
PatrolJobDeviceData a =
    PatrolJobDeviceData('设备名称2', '展示名称2', 'deviceKey2', '2023-05-29', '曹刚');
List<PatrolJobDeviceData> device_list = [p, a, a, a, a, a, a, a];

PatrolJobDetailData patrolJobDetailData = PatrolJobDetailData(
    '巡检任务',
    'XJRW10001',
    '巡检计划',
    'XJJH10001',
    1,
    '2023-05-29 00:00:00',
    '2023-05-29 23:59:59',
    '曹刚',
    '2023-05-29 14:00:35',
    2,
    '备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注');

PatrolJobItemData patrolJobItemData = PatrolJobItemData('巡检项目1', '结果1');
PatrolJobItemData patrolJobItemData2 = PatrolJobItemData('巡检项目2', '结果2');
List<PatrolJobItemData> item_list = [patrolJobItemData, patrolJobItemData2];

PatrolJobImageData imageData = PatrolJobImageData(1,
    'https://fqgz.flowbb.cn:7070/deus-test/image/59a75f5b80d7458c88f6b48608ee16eb.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin%2F20230530%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20230530T054753Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Signature=cdc7f9501492ef218ce42d4f31c41ed01208802a88c9e9f7df5316251569664c');
List<PatrolJobImageData> image_list = [
  imageData,
  imageData,
  imageData,
  imageData,
  imageData,
  imageData,
  imageData,
  imageData,
  imageData,
  imageData,
  imageData,
  imageData,
  imageData,
  imageData,
];


DropMenuItem boy = DropMenuItem('男', 1);
DropMenuItem girl = DropMenuItem('女', 2);

List<DropMenuItem> sexMenuItems = [boy,girl];
List<String> sexSelects = ['男','女','奥特曼'];
class _PatrolJobDetail extends State<PatrolJobDetail> {


  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: TitleBar().backAppbar(context, "巡检任务详情"),
        body: Column(
          children: [
            Expanded(
              child: ListView(
                children: _Ws(),
              ),
            )
          ],
        ));
  }

  List<Widget> _Ws() {
    List<Widget> ws = [];
    ws.add(_patrolJobDetail(patrolJobDetailData));
    ws.add(_device());
    ws.add(_item());
    ws.add(_remark());
    ws.add(_url());
    return ws;
  }

  Widget _patrolJobDetail(PatrolJobDetailData patrolJobDetailData) {
    if (patrolJobDetailData.status == 2) {
      return Column(
        children: [
          Row(
            children: [
              Container(
                padding: EdgeInsets.fromLTRB(15, 20, 0, 0),
                alignment: Alignment.centerLeft,
                child: Text(
                  '已完成',
                  style: TextStyle(fontSize: 20, backgroundColor: Colors.red),
                ),
              ),
              Container(
                padding: EdgeInsets.fromLTRB(20, 0, 0, 0),
                alignment: Alignment.bottomLeft,
                child: Text(
                  patrolJobDetailData.name,
                  style: TextStyle(fontSize: 18),
                ),
              )
            ],
          ),
          Container(
            padding: EdgeInsets.fromLTRB(95, 0, 0, 20),
            alignment: Alignment.centerLeft,
            child: Text(
              '任务编号:  ' + patrolJobDetailData.number,
              style: TextStyle(fontSize: 18),
            ),
          ),
          Divider(
            height: 0.8,
            indent: 5.0,
            endIndent: 5.0,
            color: Colors.grey,
          ),
          Container(
            padding: EdgeInsets.fromLTRB(65, 20, 0, 0),
            alignment: Alignment.centerLeft,
            child: Text(
              '巡检任务名称   ' + patrolJobDetailData.name,
              style: TextStyle(fontSize: 14),
            ),
          ),
          Container(
            padding: EdgeInsets.fromLTRB(65, 20, 0, 0),
            alignment: Alignment.centerLeft,
            child: Text(
              '巡检任务编号   ' + patrolJobDetailData.number,
              style: TextStyle(fontSize: 14),
            ),
          ),
          Container(
            padding: EdgeInsets.fromLTRB(65, 20, 0, 0),
            alignment: Alignment.centerLeft,
            child: Text(
              '巡检计划名称   ' + patrolJobDetailData.planName,
              style: TextStyle(fontSize: 14),
            ),
          ),
          Container(
            padding: EdgeInsets.fromLTRB(65, 20, 0, 0),
            alignment: Alignment.centerLeft,
            child: Text(
              '巡检计划编号   ' + patrolJobDetailData.planNumber,
              style: TextStyle(fontSize: 14),
            ),
          ),
          Container(
            padding: EdgeInsets.fromLTRB(92, 20, 0, 0),
            alignment: Alignment.centerLeft,
            child: Text(
              '周期类型   ' + (patrolJobDetailData.termType == 1 ? '日计划' : '暂无'),
              style: TextStyle(fontSize: 14),
            ),
          ),
          Container(
            padding: EdgeInsets.fromLTRB(65, 20, 0, 0),
            alignment: Alignment.centerLeft,
            child: Text(
              '任务开始时间   ' + patrolJobDetailData.startDate,
              style: TextStyle(fontSize: 14),
            ),
          ),
          Container(
            padding: EdgeInsets.fromLTRB(65, 20, 0, 0),
            alignment: Alignment.centerLeft,
            child: Text(
              '任务结束时间   ' + patrolJobDetailData.endDate,
              style: TextStyle(fontSize: 14),
            ),
          ),
          Container(
            padding: EdgeInsets.fromLTRB(65, 20, 0, 0),
            alignment: Alignment.centerLeft,
            child: Text(
              '实际完成时间   ' + patrolJobDetailData.finishTime,
              style: TextStyle(fontSize: 14),
            ),
          ),
          Container(
            padding: EdgeInsets.fromLTRB(92, 20, 0, 20),
            alignment: Alignment.centerLeft,
            child: Text(
              '巡检人员   ' + patrolJobDetailData.personnel,
              style: TextStyle(fontSize: 14),
            ),
          ),
        ],
      );
    } else {
      return Text('暂无数据');
    }
  }

  Widget _device() {
    return ExpansionTile(
        title: Container(
            child: Text(
          '巡检设备',
          style: TextStyle(color: Colors.blue, fontSize: 20),
        )),
        children: device_list.map((e) => _buildDevice(e)).toList(),
        initiallyExpanded: true);
  }

  Widget _buildDevice(PatrolJobDeviceData device) {
    return FractionallySizedBox(
        widthFactor: 1,
        child: Container(
          height: 160,
          margin: EdgeInsets.only(bottom: 5),
          decoration: BoxDecoration(color: Colors.white),
          child: Column(
            children: [
              Container(
                margin: const EdgeInsets.fromLTRB(0, 20.0, 0, 0),
                padding: const EdgeInsets.fromLTRB(30.0, 0.0, 0.0, 0.0),
                alignment: Alignment.centerLeft,
                child: Text(device.showName, style: TextStyle(fontSize: 14)),
              ),
              Container(
                margin: const EdgeInsets.fromLTRB(0, 10.0, 0, 0),
                padding: const EdgeInsets.fromLTRB(30.0, 0.0, 0.0, 0.0),
                alignment: Alignment.centerLeft,
                child: Text('设备名称:  ' + device.name,
                    style: TextStyle(fontSize: 14)),
              ),
              Container(
                margin: const EdgeInsets.fromLTRB(0, 10.0, 0, 0),
                padding: const EdgeInsets.fromLTRB(30.0, 0.0, 0.0, 0.0),
                alignment: Alignment.centerLeft,
                child: Text('deviceKey:  ' + device.deviceKey,
                    style: TextStyle(fontSize: 14)),
              ),
              Container(
                margin: const EdgeInsets.fromLTRB(0, 10.0, 0, 20),
                padding: const EdgeInsets.fromLTRB(30.0, 0.0, 0.0, 10.0),
                alignment: Alignment.centerLeft,
                child: Text('完成时间:  ' + device.itemCompleteTime,
                    style: TextStyle(fontSize: 14)),
              ),
              Divider(
                height: 0.8,
                indent: 10.0,
                endIndent: 10.0,
                color: Colors.grey,
              ),
            ],
          ),
        ));
  }

  Widget _item() {
    return ExpansionTile(
        title: Container(
            child: Text(
          '巡检项目',
          style: TextStyle(color: Colors.blue, fontSize: 20),
        )),
        children: item_list.map((e) => _buildItem(e)).toList(),
        initiallyExpanded: true);
  }

  Widget _buildItem(PatrolJobItemData item) {
    return FractionallySizedBox(
        widthFactor: 1,
        child: Container(
          height: 100,
          margin: EdgeInsets.only(bottom: 5),
          decoration: BoxDecoration(color: Colors.white),
          child: Column(
            children: [
              Container(
                margin: const EdgeInsets.fromLTRB(0, 15.0, 0, 0),
                padding: const EdgeInsets.fromLTRB(30.0, 0.0, 0.0, 0.0),
                alignment: Alignment.centerLeft,
                child: Text(item.name, style: TextStyle(fontSize: 14)),
              ),
              Container(
                margin: const EdgeInsets.fromLTRB(0, 10.0, 0, 20),
                padding: const EdgeInsets.fromLTRB(30.0, 0.0, 0.0, 0.0),
                alignment: Alignment.centerLeft,
                child: Text(item.result, style: TextStyle(fontSize: 14)),
              ),
              Divider(
                height: 0.8,
                indent: 10.0,
                endIndent: 10.0,
                color: Colors.grey,
              ),
            ],
          ),
        ));
  }

  Widget _remark() {
    return ExpansionTile(
        title: Container(
            child: Text(
          '任务结果备注',
          style: TextStyle(color: Colors.blue, fontSize: 20),
        )),
        children: [_buildRemark(patrolJobDetailData)],
        initiallyExpanded: true);
  }

  Widget _buildRemark(PatrolJobDetailData patrolJobDetailData) {
    return FractionallySizedBox(
        widthFactor: 1,
        child: Container(
          margin: EdgeInsets.only(bottom: 5),
          decoration: BoxDecoration(color: Colors.white),
          child: Column(
            children: [
              Container(
                margin: const EdgeInsets.fromLTRB(0, 15.0, 0, 15.0),
                padding: const EdgeInsets.fromLTRB(20.0, 0.0, 20.0, 0.0),
                alignment: Alignment.centerLeft,
                child: Text(patrolJobDetailData.remark,
                    style: TextStyle(fontSize: 14)),
              )
            ],
          ),
        ));
  }

  Widget _url() {
    return ExpansionTile(
        title: Container(
            child: Text(
          '任务图片',
          style: TextStyle(color: Colors.blue, fontSize: 20),
        )),
        children: [
          Wrap(children: image_list.map((e) => _buildImage(e)).toList()),
        ],
        initiallyExpanded: true);
  }

  Widget _buildImage(PatrolJobImageData imageData) {
    return Container(
        width: 150,
        margin: EdgeInsets.only(bottom: 5),
        alignment: Alignment.centerLeft,
        decoration: BoxDecoration(color: Colors.white),
        child: Image.network(imageData.url));
  }

}