yw-common-list/lib/advanced-query/src/query.js

基于vxe-table封装的自定义可配置表格

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _modal = require("../../modal");

var _button = require("../../button");

var _request = require("../../ya-wei-list/src/request");

var _options2 = _interopRequireDefault(require("./options"));

var _elementUi = require("element-ui");

var _pickerClearable = _interopRequireDefault(require("./pickerClearable"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }

function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }

function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }

var _default2 = {
  inheritAttrs: false,
  name: 'advancedQuery',
  data: function data() {
    return {
      // 表单数据
      formData: {},
      // 表单校验规则
      formRules: {},
      // 数据库查询出的
      dataBase: {},
      // 选中的折叠面板
      activeName: '0'
    };
  },
  props: {
    // 是否显示
    visible: {
      type: Boolean,
      default: false
    },
    // 数据回显用
    data: {
      type: Object,
      default: function _default() {
        return {};
      }
    },
    // 表格配置key
    tableKey: {
      type: String,
      require: true
    },
    // 渲染页面用
    option: {
      type: Array,
      required: true,
      default: function _default() {
        return [];
      }
    },
    // 是否支持回车提交
    enterSubmit: {
      type: Boolean,
      default: true
    }
  },
  model: {
    prop: 'visible',
    event: 'updateVisible'
  },
  // 监听属性 类似于data概念",
  computed: {},
  // 监控data中的数据变化",
  watch: {
    visible: function visible(val) {
      if (val) this.init();
    }
  },
  directives: {
    'picker-clearable': _pickerClearable.default
  },
  methods: {
    resetForm: function resetForm() {
      this.formData = {};
      this.$emit('resetForm');
    },
    // 通过接口调用获取高级查询数据
    queryByCode: function queryByCode() {
      var _this = this;

      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
        var configName, _this$$YaWeiListUseOp, res;

        return _regeneratorRuntime().wrap(function _callee$(_context) {
          while (1) {
            switch (_context.prev = _context.next) {
              case 0:
                configName = _this.tableKey;

                if (!configName) {
                  _context.next = 15;
                  break;
                }

                res = {};

                if (!((_this$$YaWeiListUseOp = _this.$YaWeiListUseOption) !== null && _this$$YaWeiListUseOp !== void 0 && _this$$YaWeiListUseOp.axios)) {
                  _context.next = 10;
                  break;
                }

                _this.$YaWeiListUseOption.axios.defaults.baseURL = _options2.default.baseUrl;
                _context.next = 7;
                return _this.$YaWeiListUseOption.axios.get('/dict-common/queryByConfigName', {
                  params: {
                    configName: configName
                  }
                });

              case 7:
                res = _context.sent;
                _context.next = 14;
                break;

              case 10:
                _request.axios.defaults.baseURL = _options2.default.baseUrl;
                _context.next = 13;
                return _request.axios.get('/dict-common/queryByConfigName', {
                  params: {
                    configName: configName
                  }
                });

              case 13:
                res = _context.sent;

              case 14:
                _this.dataBase = res.data.result || [];

              case 15:
              case "end":
                return _context.stop();
            }
          }
        }, _callee);
      }))();
    },
    updateData: function updateData(res) {
      var formData = _objectSpread({}, this.formData);

      var data = JSON.parse(JSON.stringify(res || {}));
      this.formData = _objectSpread(_objectSpread({}, formData), data);
    },
    init: function init() {
      var formData = _objectSpread({}, this.formData);

      var data = JSON.parse(JSON.stringify(this.data || {}));
      this.formData = _objectSpread(_objectSpread({}, data), formData);
      this.queryByCode();
    },
    // 格式化提交参数
    formatSubmitData: function formatSubmitData() {
      // 表单数据
      var data = JSON.parse(JSON.stringify(this.formData)); // 字典数据

      var dataBase = _objectSpread({}, this.dataBase);

      if (data) {
        var keys = Object.keys(data);

        if (keys.length > 0) {
          var _options = this.option;
          keys.filter(function (item) {
            return data[item] === null || item.includes('_custom_name');
          }).map(function (item) {
            delete data[item];
          });
          keys.filter(function (item) {
            return !item.includes('_custom_name');
          }).map(function (item) {
            _options.map(function (item2) {
              var _item2$field, _item2$fieldShowType, _data$item, _item2$field2, _item2$field3;

              var name = item2 === null || item2 === void 0 ? void 0 : (_item2$field = item2.field) === null || _item2$field === void 0 ? void 0 : _item2$field.fieldName;

              if (name && name === item) {
                switch ((_item2$fieldShowType = item2.fieldShowType) === null || _item2$fieldShowType === void 0 ? void 0 : _item2$fieldShowType.toLowerCase()) {
                  case 'radio':
                    // 单选框
                    data[item] = dataBase[item2.field.dictCode].filter(function (base) {
                      return base.label === data[item];
                    })[0].value;
                    break;

                  case 'checkbox':
                    // 多选框
                    if (((_data$item = data[item]) === null || _data$item === void 0 ? void 0 : _data$item.length) === 0) {
                      delete data[item];
                    } else {
                      data[item] = dataBase[item2.field.dictCode].filter(function (base) {
                        return data[item].includes(base.label);
                      }).map(function (item) {
                        return item.value;
                      });
                    }

                    break;

                  case 'string':
                    // 文本输入框
                    break;

                  case 'number':
                    // 数字输入框
                    break;

                  case 'date':
                    // 日期选择器
                    if (_typeof(data[item]) === 'object' && ((_item2$field2 = item2.field) === null || _item2$field2 === void 0 ? void 0 : _item2$field2.queryType) === 2) {
                      data["".concat(item, "_begin")] = data[item] ? data[item][0] : '';
                      data["".concat(item, "_end")] = data[item] ? data[item][1] : '';
                      delete data[item];
                    } else {
                      data["".concat(item, "_begin")] = '';
                      data["".concat(item, "_end")] = '';
                    }

                    break;

                  case 'switch':
                    // 开关
                    break;

                  case 'select':
                    // 下拉选择
                    if (((_item2$field3 = item2.field) === null || _item2$field3 === void 0 ? void 0 : _item2$field3.queryType) === 2 && Array.isArray(data[item])) {
                      data[item] = data[item].join(',');
                    }

                    break;

                  case 'cascader':
                    // 级联选择
                    // 2022年11月15日，于宇强说需要全部的
                    // // 后台只取最后一个，说不通，所以在此格式化
                    // if (data[item] && data[item].length > 0) {
                    //   data[item] = data[item][data[item].length - 1]
                    // }
                    break;

                  default:
                }
              }
            });
          });
        }
      }

      return data || {};
    },
    submit: function submit() {
      this.$emit('submit', this.formatSubmitData());
      this.updateVisible(false);
    },
    updateVisible: function updateVisible(flag) {
      this.$emit('updateVisible', flag);
    },
    // 根据类型分别渲染
    getDom: function getDom(item, type, h) {
      var render = null;

      switch (type === null || type === void 0 ? void 0 : type.toLowerCase()) {
        case 'radio':
          // 单选框
          render = this.renderRadio(item, h);
          break;

        case 'checkbox':
          // 多选框
          render = this.renderCheckbox(item, h);
          break;

        case 'string':
          // 文本输入框
          render = this.renderInput(item, h);
          break;

        case 'number':
          // 数字输入框
          render = this.renderInput(item, h, 'number');
          break;

        case 'date':
          // 日期选择器
          render = this.renderDatePicker(item, h);
          break;

        case 'switch':
          // 开关
          render = this.renderSwitch(item, h);
          break;

        case 'select':
          // 下拉选择
          render = this.renderSelect(item, h);
          break;

        case 'cascader':
          // 级联选择
          render = this.renderCascader(item, h);
          break;

        case 'custom':
          // 自定义效果
          render = this.renderCustom(item, h);
          break;

        default:
          render = this.renderInput(item, h);
      }

      return render || this.renderInput(item, h);
    },
    setFormData: function setFormData(item, e) {
      var data = _objectSpread({}, this.formData);

      data[item.fieldCode || item.field.fieldName] = e;
      this.formData = data;
    },
    // 渲染级联选择
    renderCascader: function renderCascader(item, h) {
      var _item$field,
          _this2 = this;

      var data = this.dataBase;
      var key = item.fieldCode || item.field.fieldName;
      var code = item.field.dictCode;
      if (!data[code]) return this.renderInput(item, h);
      var multiple = false;
      var collapseTags = false; // 如果选择范围

      if (((_item$field = item.field) === null || _item$field === void 0 ? void 0 : _item$field.queryType) === 2) {
        multiple = true;
        collapseTags = true;
      }

      return h(_elementUi.Cascader, {
        ref: "refElCascader".concat(key),
        style: {
          width: '100%'
        },
        attrs: {
          value: this.formData[key],
          options: data[code],
          clearable: true,
          filterable: true,
          collapseTags: collapseTags,
          props: {
            checkStrictly: true,
            expandTrigger: 'hover',
            multiple: multiple
          }
        },
        on: {
          input: function input(e) {
            _this2.setFormData(item, e);
          }
        },
        scopedSlots: {
          default: function _default(props) {
            return h('div', {
              domProps: {
                innerHTML: props.node.label
              },
              on: {
                click: function click() {
                  var cascader = _this2.$refs["refElCascader".concat(key)].$refs.panel;

                  if (multiple) {
                    cascader.calculateMultiCheckedValue();
                    props.node.doCheck(!props.node.checked);
                    cascader.calculateMultiCheckedValue();
                  } else {
                    cascader.handleCheckChange(props.node.path);
                    cascader.handleExpand(props.node);
                  }
                }
              }
            });
          }
        }
      });
    },
    // 渲染开关
    renderSwitch: function renderSwitch(item, h) {
      var _this3 = this;

      var key = item.fieldCode || item.field.fieldName;
      return h(_elementUi.Switch, {
        attrs: {
          value: this.formData[key]
        },
        on: {
          input: function input(e) {
            _this3.setFormData(item, e);
          }
        }
      });
    },
    // 渲染日期选择
    renderDatePicker: function renderDatePicker(item, h) {
      var _item$field2,
          _item$field3,
          _this4 = this;

      var key = item.fieldCode || item.field.fieldName;
      var type = 'datetime';
      var other = {}; // 如果选择范围

      if (((_item$field2 = item.field) === null || _item$field2 === void 0 ? void 0 : _item$field2.queryType) === 2) {
        type = 'datetimerange';
        other = {
          rangeSeparator: '至',
          startPlaceholder: '开始日期',
          endPlaceholder: '结束日期'
        };
      }

      return h(_elementUi.DatePicker, {
        directives: ((_item$field3 = item.field) === null || _item$field3 === void 0 ? void 0 : _item$field3.queryType) === 2 ? [] : [{
          name: 'picker-clearable'
        }],
        style: {
          width: '100%'
        },
        attrs: _objectSpread({
          type: type,
          placeholder: '请选择',
          format: 'yyyy-MM-dd HH:mm:ss',
          valueFormat: 'yyyy-MM-dd HH:mm:ss',
          value: this.formData[key]
        }, other),
        on: {
          input: function input(e) {
            _this4.setFormData(item, e);
          }
        }
      });
    },
    // 渲染下拉
    renderSelect: function renderSelect(item, h) {
      var _item$field4,
          _this5 = this;

      var data = this.dataBase;
      var key = item.fieldCode || item.field.fieldName;
      var code = item.field.dictCode;
      var multiple = false;
      var collapseTags = false; // 如果选择范围

      if (((_item$field4 = item.field) === null || _item$field4 === void 0 ? void 0 : _item$field4.queryType) === 2) {
        multiple = true;
        collapseTags = true;
      }

      return h(_elementUi.Select, {
        style: {
          width: '100%'
        },
        attrs: {
          value: this.formData[key],
          placeholder: '请选择',
          clearable: true,
          filterable: true,
          multiple: multiple,
          collapseTags: collapseTags
        },
        on: {
          input: function input(e) {
            _this5.setFormData(item, e);
          }
        }
      }, data[code] && data[code].map(function (item, key) {
        return h(_elementUi.Option, {
          key: key,
          attrs: {
            label: item.label,
            value: item.value
          }
        });
      }));
    },
    // 渲染多选
    renderCheckbox: function renderCheckbox(option, h) {
      var _this6 = this;

      var data = this.dataBase;
      var key = option.fieldCode || option.field.fieldName;
      var code = option.field.dictCode;
      if (!data || Object.keys(data).length <= 0 || !data[code]) return this.renderInput(option, h);
      var render = [];
      data[code].map(function (item) {
        render.push(h(_elementUi.Checkbox, {
          attrs: {
            // value: this.formData[key],
            label: item.label
          } // on: {
          //   input: (e) => {
          //     this.setFormData(option, e)
          //   }
          // }

        }));
      }); // 初始化时进行字段默认赋值，避免组件报错无法渲染

      if (typeof this.formData[key] === 'undefined') this.formData[key] = [];
      return h(_elementUi.CheckboxGroup, {
        attrs: {
          value: this.formData[key]
        },
        on: {
          input: function input(e) {
            _this6.setFormData(option, e);
          }
        }
      }, render);
    },
    // 渲染单选
    renderRadio: function renderRadio(option, h) {
      var _this7 = this;

      var data = this.dataBase;
      var key = option.fieldCode || option.field.fieldName;
      var code = option.field.dictCode;
      if (!data || Object.keys(data).length <= 0 || !data[code]) return this.renderInput(option, h);
      var render = [];
      data[code].map(function (item) {
        render.push(h(_elementUi.Radio, {
          attrs: {
            value: _this7.formData[key],
            label: item.label
          },
          on: {
            input: function input(e) {
              _this7.setFormData(option, e);
            }
          }
        }));
      });
      render.push(h(_elementUi.Button, {
        class: 'radio-clear-btn',
        attrs: {
          type: 'text',
          icon: 'el-icon-circle-close'
        },
        on: {
          click: function click() {
            _this7.setFormData(option, '');

            delete _this7.formData[key];
          }
        }
      }));
      return render;
    },
    // 渲染自定义效果
    renderCustom: function renderCustom(item, h) {
      var _this8 = this;

      var key = item.fieldCode || item.field.fieldName;
      return h(_elementUi.Input, {
        style: {
          width: '100%'
        },
        attrs: {
          value: this.formData["".concat(key, "_custom_name")],
          placeholder: '请选择',
          clearable: true,
          type: 'text'
        },
        on: {
          focus: function focus() {
            _this8.$emit('focusCustom', key);
          },
          clear: function clear() {
            _this8.$emit('clearCustom', key);
          }
        }
      });
    },
    // 渲染表格
    renderInput: function renderInput(item, h) {
      var _this9 = this;

      var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'text';
      var key = item.fieldCode || item.field.fieldName;
      return h(_elementUi.Input, {
        style: {
          width: '100%'
        },
        attrs: {
          value: this.formData[key],
          placeholder: '请输入',
          clearable: true,
          type: type
        },
        on: {
          input: function input(e) {
            _this9.setFormData(item, e);
          }
        }
      });
    },
    // 渲染表格项
    renderFormItem: function renderFormItem(h, group) {
      // eslint-disable-next-line @typescript-eslint/no-this-alias
      var that = this;
      var render = [];
      this.option.filter(function (item) {
        return item.superShow === 1 || item.superShow === '1';
      }).map(function (item) {
        if (!group || group && group === item.groupName || group === 'default' && !item.groupName) {
          render.push(h(_elementUi.Col, {
            attrs: {
              span: item.fieldCol ? item.fieldCol * _options2.default.colSpan : _options2.default.defaultSpan
            }
          }, [h(_elementUi.FormItem, {
            // attrs: {
            //   field: item.configName,
            //   title: item.fieldCn,
            //   span: item.fieldCol ? item.fieldCol * options.colSpan : options.defaultSpan,
            //   itemRender: {}
            // },
            attrs: {
              prop: item.configName,
              label: item.fieldCn
            },
            scopedSlots: {
              default: function _default() {
                var type = item.fieldShowType;

                if (type) {
                  return that.getDom(item, type, h);
                } else {
                  return that.renderInput(item, h);
                }
              }
            }
          })]));
        }
      });
      return render;
    },
    renderElCollapseItem: function renderElCollapseItem(cascaderKey, h) {
      // eslint-disable-next-line @typescript-eslint/no-this-alias
      var that = this;
      var list = [];
      var allName = [];
      cascaderKey.map(function (item, index) {
        var title = item;
        if (item === 'default') title = '默认';
        var formItems = that.renderFormItem(h, item);

        if (formItems && formItems.length > 0) {
          allName.push("".concat(index));
          list.push(h(_elementUi.CollapseItem, {
            attrs: {
              title: title,
              name: "".concat(index)
            },
            scopedSlots: {
              default: function _default() {
                return formItems;
              }
            }
          }));
        }
      });
      if (allName && allName.length > 0) this.activeName = allName[0];
      return list;
    },
    // 渲染查询区域
    renderPageContent: function renderPageContent(h) {
      var _this10 = this;

      // eslint-disable-next-line @typescript-eslint/no-this-alias
      var that = this;
      var cascader = this.formatSuperQuery(this.option);
      var cascaderKey = Object.keys(cascader);
      var list = [];
      var submitDom = h(_button.Button, {
        attrs: {
          type: 'submit'
        },
        style: {
          display: 'none'
        },
        on: {
          click: function click() {
            that.submit();
          }
        }
      });

      if (cascaderKey && cascaderKey.length > 1) {
        list = [h(_elementUi.Form, {
          // attrs: { data: this.formData, rules: this.formRules, titleAlign: 'right', titleWidth: '110' }
          attrs: {
            model: this.formData,
            rules: this.formRules,
            labelWidth: '110px'
          },
          nativeOn: {
            submit: function submit(e) {
              e.preventDefault();
            }
          }
        }, [h(_elementUi.Collapse, {
          attrs: {
            value: this.activeName
          },
          on: {
            input: function input(e) {
              _this10.activeName = e;
            }
          }
        }, this.renderElCollapseItem(cascaderKey, h)), this.enterSubmit && submitDom])];
      } else {
        list = [h(_elementUi.Form, {
          // attrs: { data: this.formData, rules: this.formRules, titleAlign: 'right', titleWidth: '110' }
          attrs: {
            model: this.formData,
            rules: this.formRules,
            inline: true,
            labelWidth: '110px'
          },
          nativeOn: {
            submit: function submit(e) {
              e.preventDefault();
            }
          }
        }, [h(_elementUi.Row, this.renderFormItem(h)), this.enterSubmit && submitDom])];
      }

      return list;
    },
    // 格式化高级查询所需数据
    formatSuperQuery: function formatSuperQuery(list) {
      var data = {};
      list.map(function (item) {
        return item.groupName;
      }).map(function (item) {
        var key = item;
        if (!item) key = 'default';
        data[key] = list.filter(function (item2) {
          return item === item2.groupName;
        });
      });
      return data;
    }
  },
  render: function render(h) {
    var _this11 = this;

    // eslint-disable-next-line @typescript-eslint/no-this-alias
    var that = this;
    return h('div', {
      class: 'advanced-query'
    }, [h(_modal.Modal, {
      attrs: {
        value: this.visible,
        showFooter: true,
        width: 1000,
        title: '高级查询',
        position: {
          top: 47
        }
      },
      on: {
        input: function input(flag) {
          _this11.updateVisible(flag);
        },
        close: function close() {
          _this11.updateVisible(false);
        }
      },
      scopedSlots: {
        footer: function footer() {
          return [h(_button.Button, {
            attrs: {
              content: '关闭'
            },
            on: {
              click: function click() {
                that.updateVisible(false);
              }
            }
          }), h(_button.Button, {
            attrs: {
              content: '重置',
              status: 'primary'
            },
            on: {
              click: function click() {
                that.resetForm();
              }
            }
          }), h(_button.Button, {
            attrs: {
              content: '确定',
              status: 'primary'
            },
            on: {
              click: function click() {
                that.submit();
              }
            }
          })];
        }
      }
    }, this.renderPageContent(h))]);
  }
};
exports.default = _default2;