import 'package:cached_network_image/cached_network_image.dart';
import 'package:dio/dio.dart';
//屏幕适配 flutter_screenutil 库与 flustars（获取网络图片尺寸要用到其 WidgetUtil） 库使用的 ScreenUtil() 类名冲突
// 解决办法是将 flustars 库取个别名 as flustars
import 'package:flustars/flustars.dart' as flustars;
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_drag_scale/flutter_drag_scale.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:fluttertoast/fluttertoast.dart';
import 'package:hyzp_ybqx01_cuiping/widget/JdButton.dart';
import 'package:hyzp_ybqx01_cuiping/widget/my_superplayer.dart';
import 'package:keyboard_avoider/keyboard_avoider.dart';
import 'package:photo_view/photo_view.dart';

import '../../../components/commonFun.dart';
import '../../../components/dioFun.dart';
import '../../../components/doJSON.dart';
import '../../../components/hyxx_data_handle.dart';
import '../../../config/service_url.dart';
import '../../../services/EventBus.dart';
//import 'package:hyzp_ybqx01_cuiping/widget/player_pro_new.dart';

import '../../../widget/CarNumberAndCpysItems.dart';
import 'hysh_group.dart';

class HyshContentNew extends StatefulWidget {
  HyshContentNew({
    @required this.hyshlx,
    @required this.title,
    this.indexRecord,
    this.id,
    Key key,
  }) : super(key: key);
  String title;
  int indexRecord = 0;
  int id = -1;
  String hyshlx;

  _HyshPageState createState() => _HyshPageState();
}

//用TabController实现顶部tab切换
class _HyshPageState extends State<HyshContentNew> with SingleTickerProviderStateMixin {
  //try_setState();   //避免如下异常报错
  try_setState() {
    try {
      setState(() {});
    } catch (e) {
      print('setState(() {})异常：${e}');
    }
  }

  //获取黑烟初审单条数据
  //接口地址：http://49.235.208.235:9001/?s=App.Car_Yjxx.Get
  //接口参数
  // 参数名字	类型	是否必须	默认值	其他	说明
  // id	字符串	必须		最小：1	ID

  //List<TextEditingController> listController = [];

  //List<List<TextEditingController>> listZpljController = [];
  List ratioList = [];

  //用TabController实现顶部tab切换
  TabController _tabController;

  //监听登录页面销毁的事件
  dispose() {
    _tabController?.dispose();
    super.dispose();
    //eventBus.fire(UserEvent('登录成功...'));
  }

  //int listLen = 0;
  String nums = '';
  bool bModifiable = false;
  String cpysText = '';
  String myCpys = '蓝色';

  void initState() {
    // TODO: implement initState
    fh_hyc = true;
    tsjj = true;
    _context = context;
    getListFlields();

    // //监听违章信息数据更新事件
    // eventBus.on<HycsDataUpdateEvent>().listen((event) {
    //   print(event.str);
    //   getListFlields();
    // });

    // //监听违章信息数据审核事件
    // eventBus.on<WzxxDataAuditEvent>().listen((event) {
    //   print('HycsContentModify: ' + event.str);
    //   getListFlields();
    // });

    //黑监听烟初审数据审核Radio选项改变事件
    eventBus.on<HycsDataAuditRadioEvent>().listen((event) {
      print(event.str);
      print('event.selectedRadio = ${event.selectedRadio.toString()}');
      if (null != _tabController) {
        topTabs_map['auditTitle'][_tabController.index] =
            (event.selectedRadio == 0) ? hyc_text : fhyc_text;
        topTabs_map['auditShuoming_Controller_List'][_tabController.index].text =
            ((widget.hyshlx == 'hyfh') ? '初审为' + mapGetHycsShenheData['title'] + '。复审' : '') +
                ((event.selectedRadio == 0) ? hyc_shyj : fhyc_shyj);

        //解决 setState(() {}); 抛异常Unhandled Exception: setState() called after dispose():
        try_setState(); //避免如下异常报错
      }
    });

    //黑烟审核推送交警Checkbox改变事件
    eventBus.on<HycsDataAuditCheckboxButton>().listen((event) {
      print(event.str);
      if (null != _tabController) {
        //解决 setState(() {}); 抛异常Unhandled Exception: setState() called after dispose():
        try_setState(); //避免如下异常报错
      }
    });

    //黑烟初审数据审核Dropdown选项改变事件
    eventBus.on<HycsDataAuditDropdownEvent>().listen((event) {
      print(event.str);
      print('event.selectedValue = ${event.selectedValue}');
      print('_tabController.index = ${_tabController.index}');
      //topTabs_map['cpysText_List'][_tabController.index] = event.selectedValue; //这样报错如下
      myCpys = event.selectedValue;

      try_setState(); //避免如下异常报错

      //This error happens if you call setState() on a State object for a widget that no longer appears in the widget tree (e.g., whose parent widget no longer inc
      // ludes the widget in its build). This error can occur when code calls setState() from a timer or an animation callback.
      // topTabs_map['carNumberAndCpys_List'][_tabController.index] =
      //     getCarNumberAndCpys(_tabController.index);
      //延时500毫秒执行
      // Future.delayed(const Duration(milliseconds: 10), () {
      //   print('延时后输出：_tabController.index = ${_tabController.index}');
      //   //延时执行的代码
      //   //延时更新状态
      //   setState(() {});
      // });
    });

    super.initState();
  }

  //避免如下异常报错
  // try {
  // setState(() {});
  // } catch (e) {}
  //E/flutter (12227): [ERROR:flutter/lib/ui/ui_dart_state.cc(177)] Unhandled Exception: setState() called after dispose(): _LoginPageState#c4f60(lifecycle state: defunct, not mo
  // unted, ticker inactive)
  // E/flutter (12227): This error happens if you call setState() on a State object for a widget that no longer appears in the widget tree (e.g., whose parent widget no longer inc
  // ludes the widget in its build). This error can occur when code calls setState() from a timer or an animation callback.
  // E/flutter (12227): The preferred solution is to cancel the timer or stop listening to the animation in the dispose() callback. Another solution is to check the "mounted" prop
  // erty of this object before calling setState() to ensure the object is still in the tree.
  // E/flutter (12227): This error might indicate a memory leak if setState() is being called because another object is retaining a reference to this State object after it has bee
  // n removed from the tree. To avoid memory leaks, consider breaking the reference to this object during dispose().
  // E/flutter (12227): #0      State.setState.<anonymous closure> (package:flutter/src/widgets/framework.dart:1208:9)
  // E/flutter (12227): #1      State.setState (package:flutter/src/widgets/framework.dart:1243:6)
  // E/flutter (12227): #2      _LoginPageState.getZpjlFields (package:hyzp_ybqx01_cuiping/pages/Works/HYSH/hysh_content.dart:163:7)
  // E/flutter (12227): #3      _rootRunUnary (dart:async/zone.dart:1198:47)
  // E/flutter (12227): #4      _CustomZone.runUnary (dart:async/zone.dart:1100:19)
  // E/flutter (12227): #5      _FutureListener.handleValue (dart:async/future_impl.dart:143:18)
  // E/flutter (12227): #6      Future._propagateToListeners.handleValueCallback (dart:async/future_impl.dart:696:45)
  // E/flutter (12227): #7      Future._propagateToListeners (dart:async/future_impl.dart:725:32)
  // E/flutter (12227): #8      Future._completeWithValue (dart:async/future_impl.dart:529:5)
  // E/flutter (12227): #9      Future._asyncCompleteWithValue.<anonymous closure> (dart:async/future_impl.dart:567:7)
  // E/flutter (12227): #10     _rootRun (dart:async/zone.dart:1190:13)
  // E/flutter (12227): #11     _CustomZone.run (dart:async/zone.dart:1093:19)
  // E/flutter (12227): #12     _CustomZone.runGuarded (dart:async/zone.dart:997:7)
  // E/flutter (12227): #13     _CustomZone.bindCallbackGuarded.<anonymous closure> (dart:async/zone.dart:1037:23)
  // E/flutter (12227): #14     _microtaskLoop (dart:async/schedule_microtask.dart:41:21)
  // E/flutter (12227): #15     _startMicrotaskLoop (dart:async/schedule_microtask.dart:50:5)
  // E/flutter (12227):
  // E/flutter (12227): [ERROR:flutter/lib/ui/ui_dart_state.cc(177)] Unhandled Exception: 'package:flutter/src/widgets/media_query.dart': Failed assertion: line 812 pos 12: 'conte
  // xt != null': is not true.
  // E/flutter (12227): #0      _AssertionError._doThrowNew (dart:core-patch/errors_patch.dart:46:39)
  // E/flutter (12227): #1      _AssertionError._throwNew (dart:core-patch/errors_patch.dart:36:5)
  // E/flutter (12227): #2      MediaQuery.of (package:flutter/src/widgets/media_query.dart:812:12)
  // E/flutter (12227): #3      _LoginPageState.getTopTabsMap (package:hyzp_ybqx01_cuiping/pages/Works/HYSH/hysh_content.dart:415:41)
  // E/flutter (12227): #4      _LoginPageState.getZpjlFields (package:hyzp_ybqx01_cuiping/pages/Works/HYSH/hysh_content.dart:162:7)

  //getListFlields({bool b = true}) async {
  getListFlields() async {
    //await getHycsGetData();
    //Unhandled Exception: type 'List<dynamic>' is not a subtype of type 'Map<dynamic, dynamic>'
    //print('getListFlields().mapGetHycsGetData = ${mapGetHycsGetData}');
    //if (b) {
    //listZpljController.clear();
    listGetZpjl.clear(); //必须先行清空，否则会出现记录数据错位问题
    listFieldModify.clear();
    mapGetHycsGetData.clear();

    //1、获取指定id的抓拍记录列表存入listGetZpjl
    //2、如果是黑烟复审，还需获取指定id的违章记录审核信息存入mapGetShenheData
    await getItemData(widget.id);
    //}
    print('getListFlields().listGetZpjl = ${listGetZpjl}');
    //print('getListFlields().mapGetHycsGetData = ${mapGetHycsGetData}');

    await getZpjlFields();

    //nums = '${(widget.indexRecord + 1).toString()} / $listLen';
    try {
      // nums = '（${(widget.indexRecord + 1).toString()} / ${listHycsGetList2.length}）id:${listHycsGetList2[widget.indexRecord]['id']}';
      nums = '（${(widget.indexRecord + 1).toString()} / ${listHycsGetList2.length}）';
      setState(() {});
    } catch (e) {}
    //setState(() {});  //刚进入时，执行该语句会会抛异常
    //print('mapGetHycsGetData = \n${mapGetHycsGetData}');
  }

  Future getZpjlFields() async {
    if (listGetZpjl.isNotEmpty) {
      int len = listGetZpjl.length;
      for (int i = 0; i < len; i++) {
        // 获取网络图片尺寸
        Rect rect =
            await flustars.WidgetUtil.getImageWH(url: getMediaUrl(listGetZpjl[i]['pic_url']));
        ratioList.add(rect.height / rect.width);
        print("rect: " + rect.toString());
        print("ratio: " + ratioList[i].toString());
      }
      await getTopTabsMap();

      //用TabController实现顶部tab切换
      _tabController = TabController(vsync: this, length: topTabs_map['listView_List'].length);
      _tabController.addListener(() {
        print('_tabController.index = ${_tabController.index}');

        //Tab切换时，设置 sfyc 和 tsjj，只处理当前选中的抓拍记录 _tabController.index
        set_sfyc_tsjj(int.parse(listGetZpjl[_tabController.index]['zpsj']));

        //Tab切换时，初始化所有审核意见
        int len = listGetZpjl.length;
        for (int i = 0; i < len; i++) {
          topTabs_map['auditShuoming_Controller_List'][i].text =
              ((widget.hyshlx == 'hyfh') ? '初审为' + mapGetHycsShenheData['title'] + '。复审' : '') +
                  hyc_shyj;
        }
      });

      print('first : _tabController.index = ${_tabController.index}');
      set_sfyc_tsjj(int.parse(listGetZpjl[_tabController.index]['zpsj']));

      //避免如下异常报错
      try_setState(); //避免如下异常报错
    }
  }

  // 使用 cached_network_image 插件实现网络图片缓存
  // 使用 flutter_drag_scale 实现可缩放可拖拽双击放大的图片功能。PhotoView插件不好用，有问题
  Widget getNetworkImage(String url) {
    return CachedNetworkImage(
      imageUrl: url,
      alignment: Alignment.topCenter,
      imageBuilder: (context, imageProvider) => DragScaleContainer(
          doubleTapStillScale: true, child: Image(image: imageProvider)
          // child: Image(
          //   image: NetworkImage(
          //       'http://h.hiphotos.baidu.com/zhidao/wh%3D450%2C600/sign=0d023672312ac65c67506e77cec29e27/9f2f070828381f30dea167bbad014c086e06f06c.jpg'),
          // ),
          ),
      // imageBuilder: (context, imageProvider) => PhotoView(
      //   imageProvider: imageProvider,
      // ),
      //placeholder: (context, url) => CircularProgressIndicator(),
      placeholder: (context, url) =>
          getMoreWidget(color: Colors.black38, size: 20.0, strokeWidth: 2.0),
      errorWidget: (context, url, error) => Icon(Icons.error),
    );
  }

  //使用 cached_network_image 插件实现网络图片缓存
  Widget getNetworkImage1(String url) {
    return CachedNetworkImage(
      imageUrl: url,
      alignment: Alignment.topCenter,
      //placeholder: (context, url) => CircularProgressIndicator(),
      imageBuilder: (context, imageProvider) => PhotoView(
        imageProvider: imageProvider,
      ),
      placeholder: (context, url) =>
          getMoreWidget(color: Colors.black38, size: 20.0, strokeWidth: 2.0),
      errorWidget: (context, url, error) => Icon(Icons.error),
    );
  }

  //3、得到违章图片说明信息组件
  Widget getWztpSmxx(int index) {
    return Container(
      width: ScreenUtil().setWidth(1022),
      height: ScreenUtil().setHeight(141),
      decoration: BoxDecoration(
        color: Colors.white,
        borderRadius: BorderRadius.all(
          Radius.circular(12),
        ),
      ),
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          getWztpSmxx1(index),
          getWztpSmxx2(index),
        ],
      ),
    );
  }

  //3.1、得到违章图片说明信息1：黑度、抓拍时间组件
  Widget getWztpSmxx1(int index) {
    return Row(
      mainAxisAlignment: MainAxisAlignment.start,
      children: <Widget>[
        Container(
          alignment: Alignment.centerLeft,
          padding: EdgeInsets.only(left: ScreenUtil().setWidth(_marginLeft)),
          width: ScreenUtil().setWidth(_preItem),
          child:
              Text('黑度：' + listGetZpjl[index]['lgmzs'].toString(), overflow: TextOverflow.ellipsis),
        ),
        SizedBox(width: ScreenUtil().setWidth(_marginLeft)),
        Icon(
          Icons.query_builder,
          size: ScreenUtil().setWidth(_iconSize),
          color: _iconColor,
        ),
        Container(
          alignment: Alignment.centerLeft,
          width: ScreenUtil().setWidth(1022 - _preItem - _marginLeft - _iconSize),
          child: Text(
              ' ：' +
                  getDate((listGetZpjl[index]['zpsj'] is int)
                      ? listGetZpjl[index]['zpsj']
                      : int.parse(listGetZpjl[index]['zpsj'])),
              textAlign: TextAlign.left,
              overflow: TextOverflow.ellipsis),
        ),
      ],
    );
  }

  //3.2、得到违章图片说明信息：车型、抓拍地点组件
  Widget getWztpSmxx2(int index) {
    return Row(
      mainAxisAlignment: MainAxisAlignment.start,
      children: <Widget>[
        Container(
          alignment: Alignment.centerLeft,
          padding: EdgeInsets.only(left: ScreenUtil().setWidth(_marginLeft)),
          width: ScreenUtil().setWidth(_preItem),
          child: Text('车型：' + listGetZpjl[index]['clfl'], overflow: TextOverflow.ellipsis),
        ),
        SizedBox(width: ScreenUtil().setWidth(_marginLeft)),
        Icon(
          Icons.location_on_outlined,
          size: ScreenUtil().setWidth(_iconSize),
          color: _iconColor,
        ),
        Container(
            alignment: Alignment.centerLeft,
            width: ScreenUtil().setWidth(1022 - _preItem - _marginLeft - _iconSize),
            child: Text(' ：' + listGetZpjl[index]['dwms'],
                textAlign: TextAlign.left, overflow: TextOverflow.ellipsis)),
      ],
    );
  }

  //4、得到黑烟初审结果组件，在复审页面需要
  Widget getHycsResult(int index) {
    double _radio = 2.2;
    return Column(
      children: [
        Container(
          width: ScreenUtil().setWidth(1022),
          height: ScreenUtil().setHeight(141),
          decoration: BoxDecoration(
            color: Colors.white,
            borderRadius: BorderRadius.all(
              Radius.circular(12),
            ),
          ),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Row(
                mainAxisAlignment: MainAxisAlignment.start,
                children: <Widget>[
                  Container(
                    alignment: Alignment(-1, 0),
                    width: ScreenUtil().setWidth(1022 / _radio),
                    //height: ScreenUtil().setHeight(my_listTileHeight2),
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.start,
                      children: <Widget>[
                        SizedBox(width: ScreenUtil().setWidth(_marginLeft)),
                        Text('初审结果: ' + mapGetHycsShenheData['title'],
                            textAlign: TextAlign.left, overflow: TextOverflow.ellipsis),
                        SizedBox(width: ScreenUtil().setWidth(6)),
                        Container(
                          width: ScreenUtil().setWidth(_iconSize),
                          height: ScreenUtil().setHeight(_iconSize),
                          decoration: BoxDecoration(
                            //color: Colors.white,
                            image: DecorationImage(
                                image: AssetImage(mapGetHycsShenheData['title'] == "黑烟车"
                                    ? "assets/images/hyc.png"
                                    : "assets/images/fhyc.png"),
                                fit: BoxFit.contain),
                          ),
                          alignment: Alignment.center,
                          //child:
                        ),
                      ],
                    ),
                  ),
                  SizedBox(width: ScreenUtil().setWidth(10)),
                  Expanded(
                    child: Text('意见: ' + mapGetHycsShenheData['shuoming'],
                        textAlign: TextAlign.left, overflow: TextOverflow.ellipsis),
                  ),
                ],
              ),
              Row(
                mainAxisAlignment: MainAxisAlignment.start,
                children: <Widget>[
                  Container(
                    alignment: Alignment(-1, 0),
                    width: ScreenUtil().setWidth(1022 / _radio),
                    child: Row(mainAxisAlignment: MainAxisAlignment.start, children: <Widget>[
                      SizedBox(width: ScreenUtil().setWidth(_marginLeft)),
                      Text('初审用户: ' + mapGetHycsShenheData['uname'],
                          textAlign: TextAlign.left, overflow: TextOverflow.ellipsis),
                    ]),
                  ),
                  SizedBox(width: ScreenUtil().setWidth(10)),
                  Expanded(
                    child: Text('时间: ' + mapGetHycsShenheData['addtime'],
                        textAlign: TextAlign.left, overflow: TextOverflow.ellipsis),
                  ),
                ],
              ),
            ],
          ),
        ),
        SizedBox(height: ScreenUtil().setHeight(_marginVer)),
      ],
    );
  }

  // 167 50 3.34
  Widget getLgmzs(int index, int lgmzs, {double width = 127, double height = 127}) {
    int _rgb = (255 * (5 - lgmzs)) ~/ 5;
    return Stack(
      children: [
        Container(
          width: ScreenUtil().setWidth(width),
          height: ScreenUtil().setHeight(height),
          padding: EdgeInsets.only(
              right: ScreenUtil().setWidth(6), left: ScreenUtil().setWidth(6), top: 0, bottom: 4),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
            children: [
              Text('$lgmzs级${lgmzs * 20}%', style: TextStyle(fontSize: 10)),
              //SizedBox(height: 0),
              Container(
                width: ScreenUtil().setWidth(66),
                height: ScreenUtil().setHeight(66),
                decoration: BoxDecoration(
                  border: Border.all(color: Colors.grey),
                  color: Color.fromRGBO(_rgb, _rgb, _rgb, 1.0),
                  borderRadius: new BorderRadius.circular(0),
                ),
              )
            ],
          ),
        ),
        Positioned(
          top: ScreenUtil().setHeight(4),
          child: Container(
            width: ScreenUtil().setWidth(width),
            height: ScreenUtil().setHeight(height - 8),
            padding: EdgeInsets.only(
                right: ScreenUtil().setWidth(6), left: ScreenUtil().setWidth(6), top: 0, bottom: 0),
            decoration: BoxDecoration(
              border: Border.all(
                  color: (lgmzs == listGetZpjl[index]['lgmzs'])
                      ? Colors.red
                      : Color.fromRGBO(244, 244, 244, 1),
                  width: 2),
              //color: Colors.lightBlue,
              borderRadius: new BorderRadius.circular(3.0),
            ),
          ),
        )
      ],
    );
  }

  //1、得到格林曼黑度标准和视频播放按钮组件
  Widget getHdAndPlay(int index) {
    return Row(
      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
      children: <Widget>[
        getLgmzs(index, 0),
        getLgmzs(index, 1),
        getLgmzs(index, 2),
        getLgmzs(index, 3),
        getLgmzs(index, 4),
        getLgmzs(index, 5, width: 153),
        getIconBtnSizeX(
          height: 104,
          //getIconBtnSizeX 中已经使用ScreenUtil().setHeight(126)，此处不能传 ScreenUtil().setHeight(126) ，否则严重错位
          width: 168,
          text: "视频",
          textSize: 12,
          circular: 4,
          color: Color.fromRGBO(52, 157, 237, 1),
          onTop: () async {
            if (Playing) {
              //禁止同时启动两次播放器
              return;
            }

            Playing = true; //禁止同时启动两次播放器
            urlnew = getMediaUrl(listGetZpjl[index]['video_url']);

            //获取视频地址失败
            if (!isVideoUrl(urlnew)) {
              return;
            }

            Navigator.of(_context).push(MaterialPageRoute(
                builder: (context) => SuperPlayerPage(
                    loop: 0, //设置播放循环，默认播放器的循环次数是1， 即不循环播放。如果设置循环次数0，表示无限循环。
                    url: urlnew,
                    title:
                        '违章视频： ${listGetZpjl[index]["car_number"]}（抓拍${index + 1}）\n${listGetZpjl[index]['dwms']}')));

            // Navigator.of(_context).push(MaterialPageRoute(
            //     builder: (context) => PlayerProNew(
            //         loop: 0,    //设置播放循环，默认播放器的循环次数是1， 即不循环播放。如果设置循环次数0，表示无限循环。
            //         url: urlnew,
            //         title:
            //             '违章视频： ${listGetZpjl[index]["car_number"]}（抓拍${index + 1}）\n${listGetZpjl[index]['dwms']}')));
          },
        ),
        SizedBox(width: ScreenUtil().setWidth(15)),
      ],
    );
  }

  //2、得到违章图片组件
  Widget getWztp(int index) {
    print('ratioList[index] = ${ratioList[index]}');
    //ratioList[index] = 0.5714285714285714
    return Stack(
      children: [
        Container(
          width: ScreenUtil().setWidth(1022),
          //height: ScreenUtil().setHeight(639),
          height: ScreenUtil()
              .setHeight(22 + 1022 * (ratioList.isNotEmpty ? ratioList[index] : 9 / 16)),
          decoration: BoxDecoration(
            //color: Colors.white,
            borderRadius: BorderRadius.all(
              Radius.circular(12),
            ),
          ),
        ),
        Positioned(
          //left: ScreenUtil().setWidth(25),
          top: ScreenUtil().setHeight(11),
          child: Container(
            width: ScreenUtil().setWidth(1022),
            height:
                ScreenUtil().setHeight(1022 * (ratioList.isNotEmpty ? ratioList[index] : 9 / 16)),
            child: getNetworkImage(getMediaUrl(listGetZpjl[index]['pic_url'])),
          ),
        )
      ],
    );
  }

  double _fontSize = 16;
  double _listTileHeight = 30;
  double _iconSize = 55;
  Color _iconColor = Colors.blue;
  double _textFieldHeight = 8;
  double _preItem = 360;
  double _marginLeft = 33;
  double _marginVer = 6;
  BuildContext _context;

  double _marginVertical1 = 3;
  double _marginVertical2 = 5;

  //double _marginVertical3 = 6;
  double _marginVertical3 = 3;

  //double _marginVertical4 = 10;
  double _marginVertical4 = 6;
  double _marginVertical5 = 10;
  double _marginVertical6 = 20;

  Future getTopTabsMap() async {
    //map遍历，清空数据
    topTabs_map.forEach((key, value) {
      topTabs_map[key].clear();
    });

    int len = listGetZpjl.length;
    for (int index = 0; index < len; index++) {
      //顶部Tab标题
      //topTabs_map['tabs_list'].add(Tab(text: '抓拍ID:${listGetZpjl[index]['id']}'));
      topTabs_map['tabs_list'].add(Tab(text: '抓拍 ${(index + 1).toString()}'));
      //可供用户修改的车牌号码
      topTabs_map['car_number_List'].add(listGetZpjl[index]['car_number']);
      //可供用户修改的车牌颜色
      topTabs_map['cpysText_List'].add(listGetZpjl[index]['cpys']);
      //可供用户修改的审核意见
      topTabs_map['auditShuoming_Controller_List'].add(
        TextEditingController.fromValue(TextEditingValue(
            text: ((widget.hyshlx == 'hyfh') ? '初审为' + mapGetHycsShenheData['title'] + '。复审' : '') +
                hyc_shyj,
            // 保持光标在最后
            selection: TextSelection.fromPosition(
                TextPosition(affinity: TextAffinity.downstream, offset: hyc_shyj.length)))),
      );
      //可供用户修改的审核结果
      topTabs_map['auditTitle'].add(hyc_text);
      //车牌号码、车牌颜色
      topTabs_map['carNumberAndCpys_List']
          .add(CarNumberAndCpysItems(index, topTabs_map['cpysText_List'][index]));

      //Tab页面
      topTabs_map['listView_List'].add(
        //flutter开发弹起键盘出现Overflow问题的解决方法，我出现的情况，这三种方法就可以解决。
        KeyboardAvoider(
          autoScroll: true,
          child: Container(
            decoration: new BoxDecoration(
              color: Color.fromRGBO(244, 244, 244, 1),
            ),
            child: Column(
              children: <Widget>[
                //1、得到格林曼黑度标准和视频播放按钮组件
                getHdAndPlay(index),
                //2、得到违章图片组件
                getWztp(index),
                SizedBox(height: ScreenUtil().setHeight(_marginVer)),
                //3、得到违章图片说明信息组件
                getWztpSmxx(index),
                SizedBox(height: ScreenUtil().setHeight(_marginVer)),
                //4、得到黑烟初审结果组件，在复审页面需要
                widget.hyshlx == 'hyfh' ? getHycsResult(index) : SizedBox.shrink(),
                //为了用户在切换审核结果Radio时显示不同图片，必须将以下组件都移入到RadioListItems类中
                //5-6、得到黑烟审核组件、审核确认组件
                HyshGroup(
                    index: index,
                    hyshlx: hyshlx,
                    fontSize: _fontSize,
                    size: Size(_listTileHeight, _listTileHeight),
                    id: widget.id),
                //为了用户在切换审核结果Radio时显示不同图片，必须将以下组件都移入到RadioListItems类中
                // SizedBox(height: 6),
                // Divider(height: 1.0, color: Colors.blue),
                // SizedBox(height: 10),
                // //9、得到审核确认组件
                // getShqr(index),
              ],
            ),
          ),
        ),
      );
    }
  }

  //flutter开发弹起键盘出现Overflow问题的解决方法
  // 方法1：
  // //Scaffold节点下添加resizeToAvoidBottomPadding: false，这样页面就不会随着键盘弹起而滚动。
  // Scaffold(
  //       resizeToAvoidBottomPadding: false,
  //       body: Column()
  // );
  // 方法2：
  // //外层使用SingleChildScrollView包裹一层，这样页面回随着键盘弹起而向上滚动。
  // SingleChildScrollView(
  // 	child: Column(
  // 		children: [
  // 			TextField()
  // 		],
  // 	),
  // )，
  // 方法3：
  // //使用第三方库：keyboard_avoider,并且设置autoScroll为true
  // pubspec.yaml文件下添加依赖：
  // 	dependencies:
  //   keyboard_avoider: ^0.1.2
  // 外层使用KeyboardAvoider包裹，设置autoScroll为true
  // KeyboardAvoider(
  // 	autoScroll: true
  // 	child: Column(
  // 		children: [
  // 			TextField()
  // 		],
  // 	)
  // ),
  // 我出现的情况，这三种方法就可以解决。

  @override
  Widget build(BuildContext context) {
    print('topTabs_map[\'tabs_list\'].length = ${topTabs_map['tabs_list'].length}');
    print('topTabs_map[\'listViewList\'].length = ${topTabs_map['listView_List'].length}');

    return DefaultTabController(
      //length: 8,  //必须使用常数
      //length: topTabs_map['tabs_list'].length,
      length: topTabs_map['listView_List'].length,
      //报错：Another exception was thrown: A RenderFlex overflowed by 99896 pixels on the bottom
      //length: g_tabs,  //报错： Another exception was thrown: RangeError (index): Invalid value: Valid value range is empty: 0
      child: Scaffold(
        //resizeToAvoidBottomPadding: false,
        appBar: PreferredSize(
          preferredSize: Size.fromHeight(ScreenUtil().setHeight(173)), // 设置appBar高度
          child: AppBar(
            //backgroundColor: Colors.black12,
            // title: Text("${mapHyshlx[hyshlx]['text']}详情$nums",
            //     style: TextStyle(
            //         fontSize: _fontSize, color: myCpys == '绿色' ? Colors.green : Colors.blue)),

            // title: Text("${mapHyshlx[hyshlx]['text']}详情$nums",
            //     style: TextStyle(fontSize: _fontSize)),

            automaticallyImplyLeading: false,
            centerTitle: true,
            //leading: Text(''),
            titleSpacing: 0.0,
            //设置title的左边距
            flexibleSpace: Container(
              //SizedBox(height: ScreenUtil().statusBarHeight), //显示顶部状态栏
              // SizedBox(height: ScreenUtil().setHeight(10)), //显示顶部状态栏
              padding: EdgeInsets.only(top: ScreenUtil().statusBarHeight), //留出顶部状态栏高度
              child: Container(
                //height: ScreenUtil().setHeight(173),
                decoration: BoxDecoration(
                  gradient: LinearGradient(
                    begin: Alignment.centerLeft,
                    end: Alignment.centerRight,
                    colors: [
                      Color.fromRGBO(12, 186, 156, 1),
                      Color.fromRGBO(39, 127, 235, 1),
                    ],
                  ),
                ),
                // decoration: BoxDecoration(
                //   gradient: LinearGradient(colors: [
                //     Color(0xFF0018EB),
                //     Color(0xFF01C1D9),
                //   ], begin: Alignment.bottomCenter, end: Alignment.topCenter),
                // ),
              ),
            ),
            title: Padding(
              padding: EdgeInsets.only(left: 0, right: 0),
              child: Row(
                //mainAxisAlignment: MainAxisAlignment.start,
                children: [
                  //1.1、返回按钮
                  getIconAndTextButton(
                    iconColor: Colors.white,
                    iconData: Icons.chevron_left_outlined,
                    onPress: () {
                      Navigator.pop(context);
                    },
                  ),
                  Expanded(
                    // child: Text("${mapHyshlx[hyshlx]['text']}",
                    //     textAlign: TextAlign.left, overflow: TextOverflow.ellipsis),
                    child: Text("${mapHyshlx[hyshlx]['text']}详情$nums",
                        style: TextStyle(color: Colors.white, fontSize: 20),
                        textAlign: TextAlign.center,
                        overflow: TextOverflow.ellipsis),
                  ),
                  SizedBox(width: 30),
                ],
              ),
            ),
          ),
        ),
        body: Scaffold(
          appBar: PreferredSize(
            preferredSize: Size.fromHeight(ScreenUtil().setHeight(99)), // 设置appBar高度
            child: AppBar(
              automaticallyImplyLeading: false,
              centerTitle: true,
              //leading: Text(''),
              titleSpacing: 0.0,
              //设置title的左边距
              title: Padding(
                padding: EdgeInsets.only(left: 0, right: 0),
              ),
              //bottom必须要套PreferredSize，否则会报错：The argument type 'Container' can't be assigned to the parameter type 'PreferredSizeWidget'.
              bottom: PreferredSize(
                preferredSize: Size.fromHeight(30.0), // 设置TabBar高度
                child: Container(
                  //color: Colors.blueAccent,
                  alignment: Alignment.centerLeft, //左对齐，有效
                  height: 30, // 设置TabBar高度
                  child: listGetZpjl.isNotEmpty
                      ? TabBar(
                          //labelColor: Colors.blueAccent,
                          controller: _tabController,
                          //注意：用TabController实现顶部tab切换，必须添加该行
                          isScrollable: true,
                          //如果多个按钮的话可以自动左右移动
                          tabs: (topTabs_map['listView_List'].isNotEmpty)
                              ? topTabs_map['tabs_list']
                              : [],
                        )
                      : PreferredSize(
                          preferredSize: Size.fromHeight(48.0),
                          child: Theme(
                            data: Theme.of(context).copyWith(accentColor: Colors.white),
                            child: Container(),
                          ),
                        ),
                ),
              ),
            ),
          ),
          //: Container(),
          //type 'Container' is not a subtype of type 'PreferredSizeWidget'
          body: listGetZpjl.isNotEmpty
              ? TabBarView(
                  controller: _tabController, //注意：用TabController实现顶部tab切换，必须添加该行
                  physics: NeverScrollableScrollPhysics(), //必须放到TabBarView下面，禁止TabBarView左右滑动-OK
                  children:
                      (topTabs_map['listView_List'].isNotEmpty) ? topTabs_map['listView_List'] : [],
                )
              : getMoreWidget(color: Colors.black38, size: 20.0, strokeWidth: 2.0), //显示加载中的圈圈
        ),
      ),
    );
  }

  Widget getBtnSizeX({@required text, width = 70.0, height = 35.0, onPressedFun}) {
    return Container(
      color: Colors.white12, //onPressedFun为null时无效
      width: width,
      height: height,
      child: RaisedButton(
        padding: EdgeInsets.all(0),
        textColor: Colors.black,
        child: Text(text),
        onPressed: onPressedFun,
      ),
    );
  }

  //	App.Car_Yjxx.Workflow
  // 审核数据
  // 接口地址：http://49.235.208.235:9001/?s=App.Car_Yjxx.Workflow
  // 接口文档
  // 根据ID审核数据库中的一条纪录数据
  //
  // 接口参数
  // 参数名字	类型	是否必须	默认值	其他	说明
  // id	整型	必须		最小：1	ID
  // workflow	整型	必须	2	最小：1	审核标记： 2=>初审通过 | 999=>复审通过 | 1000=>确认为非黑烟车
  // shuoming	字符串	必须		最小：1	审核意见：如 黑烟超标，交由交警处罚
  // uid	字符串	必须		最小：1	审核用户ID
  // 返回结果
  // 返回字段	类型	说明
  // code	整型	更新的结果，1表示成功，0表示无更新，false表示失败

  //违章信息审核
  Future<bool> auditWzxxData() async {
    var api = ServicePath.auditWzxxUrl;
    print(api);

    try {
      print('开始处理网络请求...');
      Response response;
      Dio dio = Dio();

      await copyMapUpdateWzxxData(mapGetHycsGetData);
      response = await dio.post(api, data: mapUpdateWzxxData);
      print('response = ${response.toString()}');

      if (response.statusCode == 200) {
        print('违章信息更新网络请求过程正常完成');
        return true;
      } else {
        throw Exception('后端接口出现异常，请检测代码和服务器情况.........');
      }
    } catch (e) {
      print('网络请求过程异常e：${e}');
      Fluttertoast.showToast(
        msg: 'ERROR:======>${e}',
        toastLength: Toast.LENGTH_SHORT,
        gravity: ToastGravity.CENTER,
      );
    }

    return false;
  }
}