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

      var $grid1, $form, $coma;

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

      // 下拉选清空并重新赋值
      function reloadValuea(_datas) {
        if ($coma) {
          $coma.combobox('clear');// 清除当前的选项
          $coma.combobox('loadData', _datas);// 重新加载数据
        }
      }

      // 获取联机下拉选二级信息
      function getList() {
        var _datas = [];
        _datas.push({
          "id": "",
          "text": "全部",
          "selected": true
        });
        $.yvan.ajax({
          url: api('/home/getDepartmentIdLYepi.json?unitId=0'),
          method: 'GET',
          async: true,
          success: function (data) {
            if (data.data != null && data.data != undefined) {
              for (var i = 0; i < data.data.length; i++) {
                _datas.push({
                  "id": data.data[i].departmentId,
                  "text": data.data[i].departmentName
                })
              }
              reloadValuea(_datas);
            }
          }
        });
        return _datas;
      }

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

      //　检索条件查询
      function queryGrid1() {
        var queryForm = $form.formGet();
        $grid1.reload({
          mtype: 'POST',
          url: api('/sweepCode/selectLingyunUser'),
          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: 350
          },
          {
            name: 'reportStatus',
            xtype: 'combobox',
            label: '是否上报',
            data: [{id: '', text: '全部'}, {id: '3', text: '否'}, {id: '1', text: '是'}],
            value: '',
            onChange: function (value) {
              queryGrid1();
            },
          },
          {
            xtype: 'combobox',
            label: '二级部门',
            name: 'departmentId',
            labelWidth: 'auto',
            width: 280,
            value: '',
            data: getList(),
            onRender: function () {
              $coma = $(this);
            },
            onValue: function (data) {
            },
            onChange: function () {
              queryGrid1();
            }
          },
          {
            name: 'date',
            label: '导出时间',
            prompt: '导出时间',
            xtype: 'datebox',
            labelWidth: 'auto',
            width: 250,
          },],[
          {
            name: 'msStatus',
            xtype: 'combobox',
            label: '个人上报状态',
            data: [{id: '', text: '全部'}, {id: '1', text: '未上报'}, {id: '2', text: '正常'}, {id: '3', text: '异常'}],
            value: '',
            onChange: function (value) {
              queryGrid1();
            },
          },
          {
            name: 'isContact',
            xtype: 'combobox',
            label: '密切接触人员',
            data: [{id: '', text: '全部'}, {id: '1', text: '正常'}, {id: '2', text: '异常'}],
            value: '',
            onChange: function (value) {
              queryGrid1();
            },
          },
          {
            name: 'isSuspected',
            xtype: 'combobox',
            label: '家人健康异常',
            data: [{id: '', text: '全部'}, {id: '1', text: '否'}, {id: '2', text: '是'}],
            value: '',
            onChange: function (value) {
              queryGrid1();
            },
          },
          {
            name: 'isTrip',
            xtype: 'combobox',
            label: '是否出行',
            data: [{id: '', text: '全部'}, {id: '1', text: '否'}, {id: '2', text: '是'}],
            value: '',
            onChange: function (value) {
              queryGrid1();
            },
          },
          // {
          //   name: 'isBand',
          //   xtype: 'combobox',
          //   label: '是否迁移',
          //   data: [{id: '', text: '全部'}, {id: '1', text: '否'}, {id: '2', text: '是'}],
          //   value: '',
          //   onChange: function (value) {
          //     queryGrid1();
          //   },
          // },
        ]]
      };

      return {
        north: {
          height: 132,
          /* 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 row = $grid1.checkedData();
                      if (row.length == 0) {
                        $.yvan.msg('请至少选择一行数据');
                        return;
                      }
                      var ids = "";
                      for (var i = 0; i < row.length; i++) {
                        ids += row[i].userId + ","
                      }
                      ids=ids.substring(0,ids.length-1);
                      window.open(api('/export/lyReports?userId=' + ids));
                    }
                  },
                  {
                    text: '生成隔离人员解除隔离审批表', iconCls: 'fa fa-cloud-upload', onClick: function () {
                      var row = $grid1.checkedData();
                      if (row.length == 0) {
                        $.yvan.msg('请至少选择一行数据');
                        return;
                      }
                      var ids = "";
                      for (var i = 0; i < row.length; i++) {
                        ids += row[i].userId + ","
                      }
                      ids=ids.substring(0,ids.length-1);
                      window.open(api('/export/lyApproves?userId=' + ids));
                    }
                  },
                  {
                    text: '导出人员报表', iconCls: 'fa fa-cloud-upload', onClick: function () {
                      var queryProperties = $form.formGet().queryProperties;
                      var date = $form.formGet().date;
                      if ( date == null || date == "") {
                        $.yvan.msg('请选择导出时间');
                        return
                      }
                      // var isBand = $form.formGet().isBand;
                      var msStatus = $form.formGet().msStatus;
                      var isContact = $form.formGet().isContact;
                      var isSuspected = $form.formGet().isSuspected;
                      var isTrip = $form.formGet().isTrip;
                      var departmentId = $form.formGet().departmentId;
                      window.open(api('/sweepCode/exSelectLingyunUser?queryProperties='+queryProperties+"&unitId=0&date="+date+
                        '&msStatus='+msStatus+'&isContact='+isContact+'&isSuspected='+isSuspected+'&isTrip='+isTrip + '&departmentId=' + departmentId));
                    }
                  },
                  {
                    text: '导出正常复工人员', iconCls: 'fa fa-cloud-upload', onClick: function () {
                      var unitId = $form.formGet().unitId;
                      window.open(api('/returnWork/exReturnWork?unitId=0'));
                    }
                  },
                  {
                    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/dialogDetail2.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: 'departmentName', title: '二级部门', maxWidth: 200, align: 'left',},
                    {
                      field: 'living', title: '居家2公里', maxWidth: 100, align: 'center', formatter: function (value) {
                        if (value == 1) {
                          return "<span style='color: green;'>是<span>";
                        } else if (value == 2) {
                          return "<span style='color: red;'>否<span>";
                        } else {
                          return "";
                        }
                      }
                    },
                    {
                      field: 'returnWork', title: '今日复工', maxWidth: 100, align: 'center', formatter: function (value) {
                        if (value == 1) {
                          return "<span style='color: green;'>允许复工<span>";
                        } else if (value == 0) {
                          return "<span style='color: red;'>禁止复工<span>";
                        }
                      }
                    },
                    {field: 'reportStatus', title: '上报', hidden: true},
                    {
                      field: 'msStatus', title: '个人上报状态', maxWidth: 100, align: 'center', formatter: function (value, row) {
                        if (row.rowData.reportStatus == 0) {
                          return "<span style='color: #ffb717;'>未上报<span>";
                        } else if (value == 1) {
                          return "<span style='color: green;'>正常<span>";
                        } else {
                          return "<span style='color: red;'>异常<span>";
                        }
                      }
                    },
                    {field: 'phone', title: '联系电话', maxWidth: 200, align: 'left',},
                    {field: 'doorplate', title: '工号', maxWidth: 200, align: 'left',},

                    {field: 'oldOpenId', title: '旧openId',hidden: true},
                    {field: 'isBand', title: '是否迁移',hidden: true, maxWidth: 200, align:  'center', formatter: function (value, row) {
                        if (row.rowData.oldOpenId) {
                          return "<span style='color: green;'>是<span>";
                        } else {
                          return "<span style='color: red;'>否<span>";
                        }
                      }
                    },

                    {field: 'bingqingDesc', title: '病情表述', maxWidth: 200, 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>";
                        }
                      }
                    },
                    {field: 'isTripDesc', title: '是否出行', maxWidth: 200, align: 'left',},
                    {field: 'tripDetDesc', title: '出行详细', align: 'left',},
                  ]
                ]
            }
        }
      };
    };
  }
);