hust-epi/admin-ui/app/view/queryBatch.js

//物资信息查询页面
define(function (require) {
  return function () {

    var $grid1, $grid2, $form;

    // 弹框的方式
    var widgets = {
      // 搜索分类检索
      selectCatalogWidget: {
        url: '/app/mat/widget/selectCatalog.js',
        bind: {
          matcId: 'matcId',
          matcName: 'matcName'
        },
        queryParams: {matcBusi: MATC_BUSI_检验, status: 1}
      },
      // 搜索供应商检索
      selectCorpWidget: {
        url: '/app/mat/widget/selectCorp.js',
        bind: {
          corpId: 'corpId',
          corpName: 'corpName'
        },
        queryParams: {corpType: CORP_TYPE_供应商}
      }
    };

    function enterQueryGrid1(e) {
      if (e.keyCode === 13) {
        var tmp = $(this).val();
        $form.formSet({queryProperties: tmp});
        queryGrid1();
      }
    }

    function queryGrid1() {
      var queryUrl = '/mat/matBatch/queryBatchView';// 自行替换此参数
      $grid1.jqGrid("clearGridData");
      var queryForm = $form.formGet();
      $grid1.reload({
        mtype: 'POST',
        url: api(queryUrl),
        queryParams: queryForm
      }, true);
      if ($grid2 != undefined && $grid2 != null) {
        $grid2.jqGrid("clearGridData");
      }
    }

    function queryGrid2() {
      if ($grid2 == undefined || $grid2 == null)
        return;
      var row = $grid1.rowData();
      if (!row) {
        $.yvan.msg('请先选择一行数据');
        return;
      }
      var queryUrl = '/stock/stockCell/queryByStockId';// 自行替换此参数
      var obj = $form.formGet();
      obj.matId = row.matId;
      obj.batchId = row.batchId;
      $grid2.reload({
        mtype: 'POST',
        url: api(queryUrl),
        queryParams: obj
      });
    }

    //获取仓库信息
    function getRoomList() {
      var _datas = [];
      var qd = {};
      // if (App.currentRoomId > 0) {
      //   qd = {roomId: App.currentRoomId};
      //   _datas = [];
      // } else {
      qd = {roomType: ROOM_TYPE_CK};
      // }
      $.yvan.ajax({
        url: api('/wms/whRoom/queryAll'),
        data: qd,
        method: 'post',
        async: false,
        success: function (data) {
          if (data.data) {
            for (var i = 0; i < data.data.length; i++) {
              _datas.push({
                "id": data.data[i].roomId,
                "text": data.data[i].roomName
              })
            }
          }
        }
      });
      return _datas;
    }

    // 搜索按钮
    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: 'hidden', name: 'matcId'},
          {xtype: 'hidden', name: 'corpId'},
          {
            xtype: 'searchbox',
            label: '检验分类',
            name: 'matcName',
            labelWidth: 'auto',
            widget: widgets.selectCatalogWidget,
            onChange: function (value) {
              if (!isNotNullOrEmpty(value)) {
                $form.formSet({
                  matcId: ''
                })
              }
              queryGrid1();
            }
          },
          {
            xtype: 'searchbox',
            label: '供应商',
            name: 'corpName',
            labelWidth: 'auto',
            widget: widgets.selectCorpWidget,
            onChange: function (value) {
              if (!isNotNullOrEmpty(value)) {
                $form.formSet({
                  corpId: ''
                })
              }
              queryGrid1();
            }
          },
          {
            xtype: 'yvselect', label: '物资分类', name: 'matType', labelWidth: 'auto', width: 180,
            data: $.yvan.sysDict('matType').combowithAll(), value: '',
            onChange: function () {
              queryGrid1();
            }
          },
        ],
        [
          {
            xtype: 'textbox',
            label: '检索条件',
            name: 'queryProperties',
            prompt: queryFormPrompt,
            labelWidth: 'auto',
            width: 320,
            events: {keydown: enterQueryGrid1},
          },
          {
            xtype: 'yvselect', label: '库存状态', name: 'hasStock', data: [
              {id: '', text: '全部'},
              {id: '1', text: '有库存'},
              {id: '0', text: '无库存'}
            ],
            labelWidth: 'auto', width: 180,
            onChange: function (value) {
              queryGrid1();
            }
          },
          {
            xtype: 'yvselect', label: '批次状态', name: 'matQc',
            data: $.yvan.sysDict('matQc').combowithAll(),
            labelWidth: 'auto', width: 180,
            onChange: function (value) {
              queryGrid1();
            }
          },
          {
            xtype: 'yvselect', label: '仓库', name: 'roomId', labelWidth: 'auto', width: 220,
            data: getRoomList(),
            onChange: function () {
              queryGrid1();
            }
          },
        ],
      ]
    };

    // 列表1增删改查按钮
    var gridToolbarTitle1 = '批次列表';// 自行替换此参数
    var gridToolbar1 = {
      xtype: 'toolbar',
      title: gridToolbarTitle1,
      items: []
    };

    return {
      north: {
        height: 135,
        split: true,
        border: false,
        items: [
          queryToolbar,
          queryForm
        ]
      },
      center: {
        height: '70%',
        split: true,
        items: {
          onRender: function () {
            $grid1 = $(this);
            queryGrid1();
          },
          xtype: 'grid',
          toolbar: gridToolbar1,
          autoSizeColumns: true,
          columns:
            [[
              {title: '批次ID', field: 'batchId', hidden: true},
              {title: '物资ID', field: 'matId', hidden: true},
              {title: '批次条码', field: 'batchBar', hidden: true},
              {title: '批次号', field: 'batchCode', width: 200},
              {title: '物资编码', field: 'matBar', width: 200},
              {title: '图号/型号', field: 'matCode', width: 200},
              {title: '物资名称', field: 'matName', width: 200},
              {title: '物资编码属性', field: 'matAttrCode'},
              {title: '物资分类', field: 'matType', formatter: $.fn.fmatter.matType, width: 80},
              {title: '检验分类', field: 'matcName', width: 200},
              {title: '供应商', field: 'corpName'},
              {title: '购买单位', field: 'corpUnit'},
              {title: '购买数', field: 'corpAmount', align: 'right', formatter: $.fn.fmatter.formatNumberBigDecimal},
              {title: '库存数', field: 'stockAmount', align: 'right', formatter: $.fn.fmatter.formatNumberBigDecimal},
              {title: '生产日期', field: 'dateMade', width: 140, formatter: $.fn.fmatter.tsymd, align: 'center',},
              {title: '保证贮存期', field: 'saveMinDate', formatter: $.fn.fmatter.tsymd, align: "center"},
              {title: '最大贮存期', field: 'saveMaxDate', formatter: $.fn.fmatter.tsymd, align: "center"},
              {title: '入库日期', field: 'dateArrival', width: 140, formatter: $.fn.fmatter.tsymd, align: 'center',},
              {title: '检验员', field: 'name'},
            ]],
          onSelectRow: function (rowid) {
            queryGrid2();
          }
        }
      },
      south: {
        height: '30%',
        border: false,
        items: {
          xtype: 'tabs',
          items: [
            {
              title: '批次位置信息',
              lazy: true,
              items: {
                onRender: function () {
                  $grid2 = $(this);
                },
                xtype: 'grid',
                autoSizeColumns: true,
                pagination: true,
                columns: [
                  [
                    {title: '编码属性ID', field: 'celldetId', hidden: true},
                    {title: '货位ID', field: 'cellId', hidden: true},
                    {title: '库存ID', field: 'stockId', hidden: true},
                    {title: '单据ID', field: 'billId', hidden: true},
                    {title: '库区', field: 'farmName', width: 140},
                    {title: '仓库', field: 'roomName', width: 140},
                    {title: '区域', field: 'workArea', width: 200, formatter: $.fn.fmatter.workArea,},
                    {title: '货组', field: 'rowName', width: 200, align: "center"},
                    {title: '货位类型', field: 'cellMatQc', width: 200, align: "center", formatter: $.fn.fmatter.matQc,},
                    {title: '货位号', field: 'cellBar', width: 200, align: "center"},
                    {
                      title: '数量',
                      field: 'matAmount',
                      width: 350,
                      align: "right",
                      formatter: $.fn.fmatter.formatNumberBigDecimal
                    },
                  ]
                ]
              }
            },
          ]
        }
      }
    };
  };
});