m2-webui/lib/mixins/query.js

The package is provided web components and utilities based on vue and element-ui.

'use strict';

exports.__esModule = true;

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _m2Core = require('m2-core');

var _constant = require('../config/constant');

exports.default = {
  data: function data() {
    return {
      auto: true,
      queryEvent: 'query',
      pagerEvent: 'pager-change',
      condition: {},
      pager: {
        total: 0,
        current: 1,
        size: 10
      }
    };
  },

  computed: {
    params: function params() {
      return _extends({}, this.condition, { current: this.pager.current, size: this.pager.size });
    }
  },
  created: function created() {
    var _this = this;

    this.$data._original = this.$data._original || _m2Core.DataUtil.clone(this.condition);
    this.auto && this.getDataList();
    this.$bus.$on(this.queryEvent, this.getPageDataList);
    this.$bus.$on(this.pager.event || this.pagerEvent, this.getPageDataList);
    this.$bus.$on(_constant.CLEAR_QUERY_FORM, function () {
      return _this.condition = _this.$data._original;
    });
  },

  methods: {
    getPageDataList: function getPageDataList(pager) {
      this.pager.current = pager.pageIndex;
      this.pager.size = pager.pageSize;
      this.getDataList();
    }
  },
  destroyed: function destroyed() {
    this.$bus.$off(this.queryEvent, this.getPageDataList);
    this.$bus.$off(this.pager.event || this.pagerEvent, this.getPageDataList);
    this.$bus.$off(_constant.CLEAR_QUERY_FORM);
  }
};