hust-epi/admin-ui/app/whepi/tugou/tugou.js

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

      var $grid1, $form;


      //查询小区
      function queryGrid2() {
        var _datas = [];
        $.yvan.ajax({
          async: false,
          method: 'post',
          url: api('/getAllUptown'),
          data: {userId: 0},
          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].uptownId,
                  "text": data.data[i].uptownName
                })
              }
            }
          }
        });
        return _datas;
      }

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

      //　检索条件查询
      function queryGrid1() {
        var queryUrl = '/yeweihui/tglist';// 自行替换此参数
        var queryForm = $form.formGet();
        $grid1.reload({
          mtype: 'POST',
          url: api(queryUrl),
          queryParams: queryForm
        }, true);
      }

      // 搜索按钮
      var queryToolbarTitle = '团购信息管理';// 自行替换此参数
      var queryToolbar = {
        xtype: 'toolbar', title: queryToolbarTitle, 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 queryFormPrompt = '团购标题';// 自行替换此参数
      var queryForm = {
        onRender: function () {
          $form = $(this);
        },
        xtype: 'form',
        items: [[
          {
            xtype: 'textbox',
            label: '检索条件',
            name: 'queryProperties',
            prompt: queryFormPrompt,
            labelWidth: 'auto',
            events: {keydown: enterQueryGrid1}, width: 350
          },
          {
            xtype: 'yvselect',
            name: 'uptownIds',
            label: '小区',
            data: queryGrid2(),
            multiple: true,
            labelWidth: 'auto',
            width: 350,
            onChange: function (data) {
              queryGrid1();
            },
          },
          {
            xtype: 'yvselect',
            name: 'tgStatus',
            label: '状态',
            data: [{id: '', text: '全部'}, {id: '1', text: '在团'}, {id: '2', text: '发货'}, {id: '3', text: '完成'}, {
              id: '4',
              text: '取消'
            }],
            labelWidth: 'auto',
            width: 200,
            onChange: function (data) {
              queryGrid1();
            },
          }
        ]]
      };

      var gridToolbarTitle = '团购信息列表';// 自行替换此参数
      var gridToolbar = {
        xtype: 'toolbar',
        title: gridToolbarTitle,
        items: [
          {
            text: '新增', iconCls: 'fa fa-plus-circle fa-lg', onClick: function () {
              $.yvan.showDialog(this,
                require('/app/whepi/tugou/dialogTugou.js')({
                  isEdit: false,
                  confirm: function () {
                    queryGrid1();
                  }
                })
              );
            }
          },
          {
            text: '取消', iconCls: 'fa fa-pencil-square-o', onClick: function () {
              var row = $grid1.rowData();
              if (!row) {
                $.yvan.msg('请先选择一行数据');
                return;
              }
              if (row.tgStatus != 1) {
                $.yvan.msg('在团状态才能取消');
                return;
              }
              $.yvan.showDialog(this,
                require('/app/whepi/tugou/dialogTugou.js')({
                  isEdit: true,
                  jmId: row.jmId,
                  confirm: function () {
                    $grid1.reload();
                  }
                })
              );
            }
          }
        ]
      };

      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:
              gridToolbar,
              idField: 'jmId',
              autoSizeColumns: true,//序号多  正确显示
              columns:
                [
                  [
                    {field: 'jmId', title: '信息id', hidden: true},
                    {field: 'uptown_id', title: '小区id', maxWidth: 200, align: 'left', hidden: true},
                    {field: 'uptownName', title: '小区', maxWidth: 200, align: 'left',},
                    {field: 'tgTitle', title: '组团标题', maxWidth: 200, align: 'left',},
                    {field: 'tgSupplier', title: '组织者', maxWidth: 200,},
                    {
                      field: 'tgGoods',
                      title: '团购套餐', maxWidth: 200,
                    },
                    {
                      field: 'tgPrice',
                      title: '单价',
                    },
                    {
                      field: 'tgMinNum',
                      title: '最小起订量',
                      align: 'left',
                    },
                    {
                      field: 'tgMaxNum',
                      title: '最大上限',
                      align: 'left',
                    },
                    {
                      field: 'tgEndTime',
                      title: '团购截止时间',
                      align: 'center',
                    },
                    {
                      field: 'tgDeliverTime', title: '预计送货时间', align: 'center',
                    },

                    {field: 'tgPhoneNumber', title: '联系电话', align: 'center'},
                    {field: 'remark', title: '备注', maxWidth: 200, align: 'left'},
                    {
                      field: 'tgStatus', title: '状态',
                      align: 'center', formatter: function (value) {
                        if (value == 1) {
                          return '<span style="color: green">在团</span>';
                        } else if (value == 2) {
                          return '发货';
                        } else if (value == 3) {
                          return '完成';
                        } else if (value == 4) {
                          return '<span style="color: red">取消</span>';
                        }
                      },
                    },
                    {field: 'tgStatus', title: '状态', hidden: true},
                  ]
                ]
            }
        }
      };
    };
  }
);