define(function (require) {
    return function (context) {

      var $grid1, $form;

      // 输入搜索文本后点击回车按钮查询列表
      function enterQueryGrid1(e) {
        if (e.keyCode === 13) {
          var tmp = $(this).val();
          $form.formSet({queryProperties: tmp});
          queryGrid1();
        }
      }

      // 弹框的方式
      var widgets = {
        // 搜索分类检索
        selectTableUnit: {
          url: 'app/whepi/home/selectHCbumen.js',
          bind: {
            unitId: 'unitId',
            unit: 'unit',
          },
        },
      };

      //　检索条件查询
      function queryGrid1() {
        var queryForm = $form.formGet();
        $grid1.reload({
          mtype: 'POST',
          url: api('/sweepCode/HCUser'),
          queryParams: queryForm
        }, true);
      }

      var queryToolbar = {
        xtype: 'toolbar',
        title: '用户管理',
        items: [
          {
            text: '查询', iconCls: 'fa fa-search', onClick: function () {
              queryGrid1();
            }
          }, {
            text: '重置', iconCls: 'fa fa-refresh', onClick: function () {
              $form.formClear();
              queryGrid1();
            }
          }, {
            text: '关闭', iconCls: 'fa fa-times-circle', onClick: function () {
              App.closeMe(this);
            }
          }
        ]
      };

      var queryForm = {
        onRender: function () {
          $form = $(this);
        },
        xtype: 'form',
        items: [[
          {
            xtype: 'textbox',
            label: '检索条件',
            name: 'queryProperties',
            prompt: "用户名称/电话号码",
            labelWidth: 'auto',
            events: {keydown: enterQueryGrid1}, width: 200
          },
          {xtype: 'hidden', name: 'unitId'},
          {
            name: 'reportStatus',
            xtype: 'combobox',
            label: '是否上报',
            data: [{id: '', text: '全部'}, {id: '0', text: '有数据未上报'}, {id: '1', text: '已上报'}, {id: '2', text: '无数据'}],
            value: '',
            onChange: function (value) {
              queryGrid1();
            },
          },
          {
            xtype: 'searchbox',
            label: '部门',
            labelWidth: 'auto',
            name: 'unit',
            prompt: "部门",
            width: 250,
            widget: widgets.selectTableUnit,// 弹出框方法
            onChange: function (value) {
              if (!isNotNullOrEmpty(value)) {
                $form.formSet({
                  unitId : ''
                })
              }
              queryGrid1();
            },
          },
          {
            name: 'date',
            label: '导出时间',
            prompt: '导出时间',
            xtype: 'datebox',
            labelWidth: 'auto',
            width: 200,
          },
        ]]
      };

      return {
        north: {
          height: 88,
          /* split: true,
           border: false,*///底框是否可变动
          items: [
            queryToolbar,
            queryForm
          ]
        },
        center: {
          height: '60%',
          split: true,
          items:
            {
              onRender: function () {
                $grid1 = $(this);
                queryGrid1()
              },
              xtype: 'grid',
              toolbar: {
                xtype: 'toolbar',
                title: '用户列表',
                items: [
                  {
                    text: '导出人员报表', iconCls: 'fa fa-cloud-upload', onClick: function () {
                      var queryProperties = $form.formGet().queryProperties;
                      var unitId = $form.formGet().unitId;
                      var date = $form.formGet().date;
                      if ( date == null || date == "") {
                        $.yvan.msg('请选择导出时间');
                        return
                      }
                      window.open(api('/sweepCode/exSelectHCUser?queryProperties='+queryProperties+"&unitId="+unitId + "&date="+date));
                    }
                  },
                  {
                    text: '查看人员上报情况', iconCls: 'fa fa-search', onClick: function () {
                      var row = $grid1.rowData();
                      if ( row == null || row == undefined || row.userId == null || row.userId == "") {
                        $.yvan.msg('请选择数据');
                        return
                      }
                      $.yvan.showDialog(this,
                        require('/app/whepi/lingyun/HCDialogDetail.js')({
                          userId: row.userId,
                          linkman: row.linkman,
                          confirm: function () {
                            // $grid2.reload();
                          }
                        })
                      );
                    }
                  },
                  {
                    text: '查看人员可复工状况', iconCls: 'fa fa-search', onClick: function () {
                      var row = $grid1.rowData();
                      if ( row == null || row == undefined || row.userId == null || row.userId == "") {
                        $.yvan.msg('请选择数据');
                        return
                      }
                      $.yvan.showDialog(this,
                        require('/app/whepi/lingyun/dialogFugong.js')({
                          userId: row.userId,
                          confirm: function () {
                            // $grid2.reload();
                          }
                        })
                      );
                    }
                  },
                ]
              },
              multiselect: true, /// 表格多选
              idField: 'userId',
              editable: true,
              editOnSelected: true,
              autoSizeColumns: true,
              columns:
                [
                  [
                    {field: 'userId', title: '用户ID', hidden: true},
                    {field: 'linkman', title: '姓名', maxWidth: 200, align: 'left',},
                    {field: 'loudong', title: '部门名称', maxWidth: 200, align: 'left',},
                    {field: 'phone', title: '联系电话', maxWidth: 200, align: 'left',},
                    {field: 'doorplate', title: '工号', maxWidth: 200, align: 'left',},
                    {field: 'bingqingDesc', title: '病情表述', align: 'left',},
                    {field: 'isContactDesc', title: '密切接触人员', align: 'left',formatter: function (value) {
                        if (value == "正常") {
                          return "<span style='color: green;'>正常<span>";
                        } else {
                          return "<span style='color: red;'>异常<span>";
                        }
                      }
                    },
                    {field: 'isSuspectedDesc', title: '家人健康异常', align: 'left',formatter: function (value) {
                        if (value == "否") {
                          return "<span style='color: green;'>否<span>";
                        } else {
                          return "<span style='color: red;'>是<span>";
                        }
                      }
                    },
                  ]
                ]
            }
        }
      };
    };
  }
);