element-ui-root 1.5.2 → 1.6.0

package/dist/index.umd.js

@@ -13343,8 +13343,14 @@ var map = {
 	"./Aform/AfSearch": "1b78",
 	"./Aform/AfSearch/": "1b78",
 	"./Aform/AfSearch/index": "1b78",
+	"./Aform/AfSearch/index.css": "2667",
 	"./Aform/AfSearch/index.js": "1b78",
 	"./Aform/BfSearch": "fc0d",
+	"./Aform/BfSearch copy": "6a90",
+	"./Aform/BfSearch copy/": "6a90",
+	"./Aform/BfSearch copy/index": "6a90",
+	"./Aform/BfSearch copy/index.css": "9a62",
+	"./Aform/BfSearch copy/index.js": "6a90",
 	"./Aform/BfSearch/": "fc0d",
 	"./Aform/BfSearch/index": "fc0d",
 	"./Aform/BfSearch/index.css": "a261",
@@ -13729,9 +13735,11 @@ module.exports = _default;
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _vue_babel_helper_vue_jsx_merge_props__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("4c02");
 /* harmony import */ var _vue_babel_helper_vue_jsx_merge_props__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_vue_babel_helper_vue_jsx_merge_props__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("2667");
+/* harmony import */ var _index_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_index_css__WEBPACK_IMPORTED_MODULE_1__);
 
+ // const AformItem = () => import('@/components/AformItem');
 
-// const AformItem = () => import('@/components/AformItem');
 const AformItem = a => Promise.resolve(/* AMD require */).then(function() { var __WEBPACK_AMD_REQUIRE_ARRAY__ = [__webpack_require__("2234")]; (a).apply(null, __WEBPACK_AMD_REQUIRE_ARRAY__);}.bind(this)).catch(__webpack_require__.oe);
 
 /* harmony default export */ __webpack_exports__["default"] = ({
@@ -13739,15 +13747,23 @@ const AformItem = a => Promise.resolve(/* AMD require */).then(function() { var
   props: {
     size: {
       type: String,
-      default: () => 'small'
+      default: () => 'medium'
     },
     inline: {
       type: Boolean,
       default: () => true
     },
+    colSpan: {
+      type: String,
+      default: () => '6'
+    },
+    labelWidth: {
+      type: String,
+      default: () => 'auto'
+    },
     labelPosition: {
       type: String,
-      default: () => 'left'
+      default: () => 'top'
     },
     config: {
       type: Object,
@@ -13759,7 +13775,7 @@ const AformItem = a => Promise.resolve(/* AMD require */).then(function() { var
     },
     label: {
       type: Boolean,
-      default: () => false
+      default: () => true
     },
     verify: {
       type: Boolean,
@@ -13823,7 +13839,12 @@ const AformItem = a => Promise.resolve(/* AMD require */).then(function() { var
       if (Object.keys(this.config).length > 0) {
         // 格式化属性为模糊查询属性
         for (let a in this.config) {
-          if (this.config[a] != '' && this.config[a].like) data[a] = '%' + this.form[a] + '%';else data[a] = this.form[a];
+          if (this.config[a] != '' && this.config[a].like) data[a] = '%' + this.form[a] + '%';
+
+          if (this.config[a] != '' && (this.config[a].than || this.config[a].range || this.config[a].scope)) {
+            data[`${a}LE`] = this.form[`${a}LE`];
+            data[`${a}GE`] = this.form[`${a}GE`];
+          } else data[a] = this.form[a];
         }
       }
 
@@ -13883,6 +13904,37 @@ const AformItem = a => Promise.resolve(/* AMD require */).then(function() { var
     result() {
       // 返回验证后的表单数据
       return this.submit();
+    },
+
+    prompt(a = {}, index = 0, placeholder = '') {
+      if (Object.keys(a).length > 0 && a.placeholder && a.placeholder.length && a.placeholder.length > 0) return a.placeholder[index];
+      return placeholder;
+    },
+
+    format(a = {}, field = '', placeholder = '') {
+      const h = this.$createElement;
+
+      if (Object.keys(a).length > 0) {
+        let config = {
+          size: this.config[a].size ? this.config[a].size : this.size,
+          field: field != '' ? field : `${a}`,
+          disabled: this.loading,
+          form: this.form,
+          ...this.config[a]
+        };
+        if (placeholder != '') return h(AformItem, {
+          "attrs": {
+            "config": { ...config,
+              placeholder
+            }
+          }
+        });
+        return h(AformItem, {
+          "attrs": {
+            "config": config
+          }
+        });
+      }
     }
 
   },
@@ -13893,7 +13945,14 @@ const AformItem = a => Promise.resolve(/* AMD require */).then(function() { var
       submit,
       cancel
     } = this.$listeners;
-    return Object.keys(this.config).length > 0 && h("keep-alive", [h("div", {
+    let style = this.colSpan != '' ? {
+      width: `${100 / this.colSpan}%`
+    } : {};
+
+    let label = a => this.label ? this.config[a].text || this.config[a].label || this.config[a].title : '';
+
+    let count = Object.keys(this.config).length;
+    return count > 0 && h("keep-alive", [h("div", {
       "class": "a-f-search"
     }, [h("el-form", _vue_babel_helper_vue_jsx_merge_props__WEBPACK_IMPORTED_MODULE_0___default()([{
       "ref": "form",
@@ -13907,29 +13966,36 @@ const AformItem = a => Promise.resolve(/* AMD require */).then(function() { var
       }
     }, {
       "attrs": {
+        "labelWidth": this.labelWidth,
         "labelPosition": this.labelPosition
       }
-    }]), [h("span", {
-      "class": "column"
-    }, [Object.keys(this.config).map((a, b) => h("el-form-item", {
+    }]), [Object.keys(this.config).map((a, b) => h("el-col", {
       "key": b,
+      "class": "column",
+      "style": style
+    }, [h("el-form-item", {
       "attrs": {
         "prop": `${a}`,
-        "label": this.label ? this.config[a].text || this.config[a].label || this.config[a].title : ''
+        "label": label(a)
       }
-    }, [h(AformItem, {
+    }, [this.config[a].than || this.config[a].range || this.config[a].scope ? h("el-col", {
+      "class": "range-cols"
+    }, [h("el-col", {
       "attrs": {
-        "config": {
-          form: this.form,
-          size: this.config[a].size ? this.config[a].size : this.size,
-          field: `${a}`,
-          disabled: this.loading,
-          ...this.config[a]
-        }
+        "span": 12
       }
-    })])), this.$slots.default]), (submit || cancel) && h("span", {
-      "class": "action"
-    }, [h("el-form-item", [submit && h("el-button", {
+    }, [this.format(a, `${a}LE`, this.prompt(this.config[a], 0, '最高'))]), h("el-col", {
+      "attrs": {
+        "span": 12
+      }
+    }, [this.format(a, `${a}GE`, this.prompt(this.config[a], 1, '最低'))])]) : this.format(a)])])), this.$slots.default, (submit || cancel) && h("el-col", {
+      "class": "action",
+      "style": style
+    }, [h("el-form-item", {
+      "attrs": {
+        "label": this.label ? 'action' : ''
+      }
+    }, [submit && h("el-button", {
       "attrs": {
         "disabled": this.loading,
         "type": "primary"
@@ -18903,7 +18969,7 @@ const Aupload = a => Promise.resolve(/* AMD require */).then(function() { var __
       if (!props.type) return h("el-input", {
         "attrs": {
           "clearable": true,
-          "placeholder": `请输入${words}`
+          "placeholder": props.placeholder || `请输入${words}`
         },
         "on": {
           "change": props.change ? e => props.change(e) : () => false
@@ -18924,7 +18990,7 @@ const Aupload = a => Promise.resolve(/* AMD require */).then(function() { var __
         return h("el-input", {
           "attrs": {
             "clearable": true,
-            "placeholder": `请输入${words}`
+            "placeholder": props.placeholder || `请输入${words}`
           },
           "on": {
             "change": props.change ? e => props.change(e) : () => false
@@ -18947,7 +19013,7 @@ const Aupload = a => Promise.resolve(/* AMD require */).then(function() { var __
           return h("el-input", {
             "attrs": {
               "clearable": true,
-              "placeholder": `请输入${words}`
+              "placeholder": props.placeholder || `请输入${words}`
             },
             "on": {
               "change": props.change ? e => props.change(e) : () => false
@@ -18968,7 +19034,7 @@ const Aupload = a => Promise.resolve(/* AMD require */).then(function() { var __
           return h("el-input", {
             "attrs": {
               "clearable": true,
-              "placeholder": `请输入${words}`
+              "placeholder": props.placeholder || `请输入${words}`
             },
             "on": {
               "change": props.change ? e => props.change(e) : () => false
@@ -18989,7 +19055,7 @@ const Aupload = a => Promise.resolve(/* AMD require */).then(function() { var __
           return h("el-input", {
             "attrs": {
               "clearable": true,
-              "placeholder": `请输入${words}`,
+              "placeholder": props.placeholder || `请输入${words}`,
               "show-password": true
             },
             "on": {
@@ -19012,7 +19078,7 @@ const Aupload = a => Promise.resolve(/* AMD require */).then(function() { var __
             "attrs": {
               "clearable": true,
               "filterable": true,
-              "placeholder": `请选择${words}`
+              "placeholder": props.placeholder || `请选择${words}`
             },
             "on": {
               "change": props.change ? e => props.change(e, this.relate(e, props.data && props.data.length > 0 ? props.data : this.option.length > 0 ? this.option : [])) : () => false
@@ -19047,7 +19113,7 @@ const Aupload = a => Promise.resolve(/* AMD require */).then(function() { var __
               "clearable": true,
               "filterable": true,
               "options": props.data && props.data.length > 0 ? props.data : this.option.length > 0 ? this.option : [],
-              "placeholder": `请选择${words}`
+              "placeholder": props.placeholder || `请选择${words}`
             },
             "on": {
               "change": props.change ? e => props.change(e) : () => false
@@ -19164,7 +19230,7 @@ const Aupload = a => Promise.resolve(/* AMD require */).then(function() { var __
             "attrs": {
               "type": props.type,
               "clearable": true,
-              "placeholder": `请选择${words}`,
+              "placeholder": props.placeholder || `请选择${words}`,
               "start-placeholder": "开始",
               "end-placeholder": "结束"
             },
@@ -19190,7 +19256,7 @@ const Aupload = a => Promise.resolve(/* AMD require */).then(function() { var __
             "attrs": {
               "type": props.type,
               "clearable": true,
-              "placeholder": `请选择${words}`
+              "placeholder": props.placeholder || `请选择${words}`
             },
             "on": {
               "change": props.change ? e => props.change(e) : () => false
@@ -19214,7 +19280,7 @@ const Aupload = a => Promise.resolve(/* AMD require */).then(function() { var __
             "attrs": {
               "type": props.type,
               "clearable": true,
-              "placeholder": `请选择${words}`
+              "placeholder": props.placeholder || `请选择${words}`
             },
             "on": {
               "change": props.change ? e => props.change(e) : () => false
@@ -19238,7 +19304,7 @@ const Aupload = a => Promise.resolve(/* AMD require */).then(function() { var __
             "attrs": {
               "type": props.type,
               "clearable": true,
-              "placeholder": `请选择${text}`
+              "placeholder": props.placeholder || `请选择${text}`
             },
             "on": {
               "change": props.change ? e => props.change(e) : () => false
@@ -19262,7 +19328,7 @@ const Aupload = a => Promise.resolve(/* AMD require */).then(function() { var __
             "attrs": {
               "type": props.type,
               "clearable": true,
-              "placeholder": `请选择${text}`
+              "placeholder": props.placeholder || `请选择${text}`
             },
             "on": {
               "change": props.change ? e => props.change(e) : () => false
@@ -19285,7 +19351,7 @@ const Aupload = a => Promise.resolve(/* AMD require */).then(function() { var __
           return h("el-color-picker", {
             "attrs": {
               "size": this.size,
-              "placeholder": `请选择${text}`
+              "placeholder": props.placeholder || `请选择${text}`
             },
             "on": {
               "change": props.change ? e => props.change(e) : () => false
@@ -19309,7 +19375,7 @@ const Aupload = a => Promise.resolve(/* AMD require */).then(function() { var __
             "key": this.rand,
             "attrs": {
               "src": form[field],
-              "placeholder": `请选择${words}`
+              "placeholder": props.placeholder || `请选择${words}`
             },
             "on": {
               "change": props.change ? e => props.change(e) : () => false
@@ -19333,7 +19399,7 @@ const Aupload = a => Promise.resolve(/* AMD require */).then(function() { var __
               "change": props.change ? e => props.change(e) : () => false
             },
             "attrs": {
-              "placeholder": `请选择${words}`
+              "placeholder": props.placeholder || `请选择${words}`
             },
             "style": {
               width: props.width,
@@ -19356,7 +19422,7 @@ const Aupload = a => Promise.resolve(/* AMD require */).then(function() { var __
               "change": props.change ? e => props.change(e) : () => false
             },
             "attrs": {
-              "placeholder": `请选择${words}`
+              "placeholder": props.placeholder || `请选择${words}`
             },
             "style": {
               width: props.width,
@@ -19380,7 +19446,7 @@ const Aupload = a => Promise.resolve(/* AMD require */).then(function() { var __
           return h("el-input", {
             "attrs": {
               "clearable": true,
-              "placeholder": `请输入${words}`
+              "placeholder": props.placeholder || `请输入${words}`
             },
             "on": {
               "change": props.change ? e => props.change(e) : () => false
@@ -21076,6 +21142,13 @@ module.exports = _default;
 
 /***/ }),
 
+/***/ "2667":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "270f":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -36241,6 +36314,7 @@ var map = {
 	"./Aenume/index.js": "6cc8",
 	"./Aform/AfEditor/index.js": "b550",
 	"./Aform/AfSearch/index.js": "1b78",
+	"./Aform/BfSearch copy/index.js": "6a90",
 	"./Aform/BfSearch/index.js": "fc0d",
 	"./Aform/index.js": "aff6",
 	"./AformItem/index.js": "2234",
@@ -44816,6 +44890,349 @@ module.exports = _default;
 
 /***/ }),
 
+/***/ "6a90":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _vue_babel_helper_vue_jsx_merge_props__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("4c02");
+/* harmony import */ var _vue_babel_helper_vue_jsx_merge_props__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_vue_babel_helper_vue_jsx_merge_props__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("9a62");
+/* harmony import */ var _index_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_index_css__WEBPACK_IMPORTED_MODULE_1__);
+
+ // const AformItem = () => import('@/components/AformItem');
+
+const AformItem = a => Promise.resolve(/* AMD require */).then(function() { var __WEBPACK_AMD_REQUIRE_ARRAY__ = [__webpack_require__("2234")]; (a).apply(null, __WEBPACK_AMD_REQUIRE_ARRAY__);}.bind(this)).catch(__webpack_require__.oe);
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  name: 'BfSearch',
+  props: {
+    size: {
+      type: String,
+      default: () => 'medium'
+    },
+    inline: {
+      type: Boolean,
+      default: () => false
+    },
+    colSpan: {
+      type: String,
+      default: () => "5"
+    },
+    labelWidth: {
+      type: String,
+      default: () => 'auto'
+    },
+    labelPosition: {
+      type: String,
+      default: () => 'left'
+    },
+    config: {
+      type: Object,
+      default: () => ({})
+    },
+    values: {
+      type: Object,
+      default: () => ({})
+    },
+    label: {
+      type: Boolean,
+      default: () => true
+    },
+    verify: {
+      type: Boolean,
+      default: () => true
+    },
+    loading: {
+      type: Boolean,
+      default: () => false
+    },
+    submitText: {
+      type: String,
+      default: () => '搜索'
+    },
+    cancelText: {
+      type: String,
+      default: () => '重置'
+    }
+  },
+
+  data() {
+    return {
+      form: {},
+      opened: false
+    };
+  },
+
+  created() {
+    this.create();
+  },
+
+  destroyed() {
+    this.cancel();
+  },
+
+  watch: {
+    values() {
+      this.create();
+    }
+
+  },
+  methods: {
+    create() {
+      // 创建表单
+      if (this.config && Object.keys(this.config).length > 0) {
+        //  格式化表单配置对象(this.config)为数据双向绑定对象
+        let data = {};
+
+        for (let a in this.config) data[a] = this.config[a].default ? this.config[a].default : '';
+
+        this.form = data;
+      }
+    },
+
+    submit() {
+      // 提交表单
+      let pass = !this.verify; // 判断是否是空表单
+
+      for (let a in this.form) if (this.form[a] != '') pass = true;
+
+      let data = {};
+
+      if (Object.keys(this.config).length > 0) {
+        // 格式化属性为模糊查询属性
+        for (let a in this.config) {
+          if (this.config[a] != '' && this.config[a].like) data[a] = '%' + this.form[a] + '%';
+
+          if (this.config[a] != '' && (this.config[a].than || this.config[a].range || this.config[a].scope)) {
+            data[`${a}LE`] = this.form[`${a}LE`];
+            data[`${a}GE`] = this.form[`${a}GE`];
+          } else data[a] = this.form[a];
+        }
+      }
+
+      if (pass) {
+        const {
+          pageParams
+        } = this.$store.state;
+        this.$store.commit('changeFormParams', this.filter(data)); // 添加查询参数
+
+        this.$store.commit('changePageParams', { ...pageParams,
+          page: 1
+        }); // 重置分页参数
+
+        this.$emit('submit', { ...this.filter(data),
+          ...pageParams,
+          page: 1
+        }); // 派发事件并重置当前分页
+
+        return data;
+      }
+    },
+
+    cancel() {
+      // 重置表单
+      let pass = !this.verify; // 判断是否是空表单
+
+      for (let a in this.form) if (this.form[a] != '') pass = true;
+
+      if (pass) {
+        const {
+          pageParams
+        } = this.$store.state;
+        this.$store.commit('changePageParams', { ...pageParams,
+          page: 1,
+          size: 10
+        }); // 重置分页参数
+
+        this.$store.commit('changeFormParams', {}); // 重置查询参数
+
+        for (let a in this.form) this.form[a] = '';
+
+        this.$emit('cancel', this.form);
+      }
+    },
+
+    filter(form) {
+      // 过滤空值属性
+      const data = {};
+
+      for (let a in form) {
+        if (form[a] != '' && form[a] != '%%' && form[a] != 'undefined' && form[a] != null && form[a] != undefined) data[a] = form[a];
+      }
+
+      return data;
+    },
+
+    result() {
+      // 返回验证后的表单数据
+      return this.submit();
+    },
+
+    switch() {
+      this.opened = !this.opened;
+    },
+
+    prompt(a = {}, index = 0, placeholder = '') {
+      if (Object.keys(a).length > 0 && a.placeholder && a.placeholder.length && a.placeholder.length > 0) return a.placeholder[index];
+      return placeholder;
+    },
+
+    format(a = {}, field = '', placeholder = '') {
+      const h = this.$createElement;
+
+      if (Object.keys(a).length > 0) {
+        let config = {
+          size: this.config[a].size ? this.config[a].size : this.size,
+          field: field != '' ? field : `${a}`,
+          disabled: this.loading,
+          form: this.form,
+          ...this.config[a]
+        };
+        if (placeholder != '') return h(AformItem, {
+          "attrs": {
+            "config": { ...config,
+              placeholder
+            }
+          }
+        });
+        return h(AformItem, {
+          "attrs": {
+            "config": config
+          }
+        });
+      }
+    }
+
+  },
+
+  render() {
+    const h = arguments[0];
+    const {
+      submit,
+      cancel
+    } = this.$listeners;
+    return Object.keys(this.config).length > 0 && h("keep-alive", [h("div", {
+      "class": "b-f-search"
+    }, [h("el-form", _vue_babel_helper_vue_jsx_merge_props__WEBPACK_IMPORTED_MODULE_0___default()([{
+      "ref": "form",
+      "attrs": {
+        "size": this.size,
+        "inline": this.inline
+      }
+    }, {
+      "props": {
+        model: this.form
+      }
+    }, {
+      "attrs": {
+        "labelWidth": this.labelWidth,
+        "labelPosition": this.labelPosition
+      }
+    }]), [h("div", {
+      "class": "column"
+    }, [h("div", {
+      "class": "main-row"
+    }, [h("el-row", {
+      "attrs": {
+        "gutter": 20
+      },
+      "class": this.cols != '' ? 'custom-cols' : ''
+    }, [Object.keys(this.config).map((a, b) => {
+      if (this.cols != '' ? b < this.cols : b < 24 / this.colSpan) {
+        return h("el-col", {
+          "key": b,
+          "attrs": {
+            "span": this.span != '' ? null : this.colSpan
+          },
+          "style": {
+            width: this.cols != '' ? `${100 / this.cols}%` : null
+          }
+        }, [h("el-form-item", {
+          "attrs": {
+            "prop": `${a}`,
+            "label": this.label ? this.config[a]['text'] : ''
+          }
+        }, [this.config[a].than || this.config[a].range || this.config[a].scope ? h("el-col", {
+          "class": "range-cols"
+        }, [h("el-col", {
+          "attrs": {
+            "span": 12
+          }
+        }, [this.format(a, `${a}LE`, this.prompt(this.config[a], 0, '最高'))]), h("el-col", {
+          "attrs": {
+            "span": 12
+          }
+        }, [this.format(a, `${a}GE`, this.prompt(this.config[a], 1, '最低'))])]) : this.format(a)])]);
+      }
+    })])]), h("div", {
+      "class": this.opened ? 'fold-row open' : 'fold-row'
+    }, [h("el-row", {
+      "attrs": {
+        "gutter": 20
+      },
+      "class": this.cols != '' ? 'custom-cols' : ''
+    }, [Object.keys(this.config).map((a, b) => {
+      if (this.cols != '' ? b > this.cols : b > 24 / this.colSpan - 1) {
+        return h("el-col", {
+          "key": b,
+          "attrs": {
+            "span": this.cols != '' ? null : this.colSpan
+          },
+          "style": {
+            width: this.cols != '' ? `${100 / this.cols}%` : null
+          }
+        }, [h("el-form-item", {
+          "attrs": {
+            "prop": `${a}`,
+            "label": this.label ? this.config[a]['text'] : ''
+          }
+        }, [this.config[a].than || this.config[a].range || this.config[a].scope ? h("el-col", {
+          "class": "range-cols"
+        }, [h("el-col", {
+          "attrs": {
+            "span": 12
+          }
+        }, [this.format(a, `${a}LE`, this.prompt(this.config[a], 0, '最高'))]), h("el-col", {
+          "attrs": {
+            "span": 12
+          }
+        }, [this.format(a, `${a}GE`, this.prompt(this.config[a], 1, '最低'))])]) : this.format(a)])]);
+      }
+    })])])]), (Object.keys(this.config).length > 24 / this.colSpan || submit || cancel) && h("el-form-item", {
+      "class": "action"
+    }, [Object.keys(this.config).length > 24 / this.colSpan && h("el-button", {
+      "attrs": {
+        "type": "text"
+      },
+      "class": "collapse-button",
+      "on": {
+        "click": () => this.switch()
+      }
+    }, [h("i", {
+      "class": `el-icon-arrow-${this.opened ? 'up' : 'down'}`
+    }), this.opened ? '收起' : '展开']), submit && h("el-button", {
+      "attrs": {
+        "disabled": this.loading,
+        "type": "primary"
+      },
+      "on": {
+        "click": () => this.submit(this.filter(this.form))
+      }
+    }, [this.submitText]), cancel && h("el-button", {
+      "attrs": {
+        "disabled": this.loading
+      },
+      "on": {
+        "click": () => this.cancel(this.filter(this.form))
+      }
+    }, [this.cancelText])])])])]);
+  }
+
+});
+
+/***/ }),
+
 /***/ "6b23":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -62055,6 +62472,13 @@ module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADD
 
 /***/ }),
 
+/***/ "9a62":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "9a6a":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -131261,7 +131685,7 @@ const AformItem = a => Promise.resolve(/* AMD require */).then(function() { var
     },
     size: {
       type: String,
-      default: () => 'small'
+      default: () => 'medium'
     },
     rules: {
       type: Object,
@@ -133400,7 +133824,7 @@ const AformItem = a => Promise.resolve(/* AMD require */).then(function() { var
     },
     size: {
       type: String,
-      default: () => 'small'
+      default: () => 'medium'
     },
     rules: {
       type: Object,
@@ -133598,11 +134022,11 @@ const AformItem = a => Promise.resolve(/* AMD require */).then(function() { var
           "label": this.label ? this.config[a].type && this.config[a].type == 'checkbox' ? '' : this.config[a].text || this.config[a].label || this.config[a].title : '',
           "rules": this.config[a]['rule'] ? this.config[a]['rule'] : this.config[a]['must'] ? [{
             required: true,
-            trigger: 'change',
+            trigger: 'blur',
             message: `${this.config[a]['text']}不能为空`
           }] : this.must ? [{
             required: true,
-            trigger: 'change',
+            trigger: 'blur',
             message: `${this.config[a]['text']}不能为空`
           }] : {}
         },
@@ -135977,12 +136401,12 @@ const Aempty = a => Promise.resolve(/* AMD require */).then(function() { var __W
   },
 
   created() {
-    this.search();
     this.create();
   },
 
   mounted() {
     this.$refs['a-table'].bodyWrapper.addEventListener('wheel', this.scroll);
+    this.$nextTick(() => this.search());
   },
 
   methods: {
@@ -136189,6 +136613,7 @@ const Aempty = a => Promise.resolve(/* AMD require */).then(function() { var __W
   render() {
     const h = arguments[0];
     const {
+      formSpan = '6',
       searchVerify = true,
       searchConfig = {},
       actionConfig = []
@@ -136207,6 +136632,7 @@ const Aempty = a => Promise.resolve(/* AMD require */).then(function() { var __W
     const condition = data.length > 0;
     return h("div", [Object.keys(searchConfig).length > 0 && (Object.keys(searchConfig).length < 5 ? h(AfSearch, {
       "attrs": {
+        "colSpan": formSpan,
         "verify": searchVerify,
         "config": searchConfig,
         "loading": loading
@@ -136217,6 +136643,7 @@ const Aempty = a => Promise.resolve(/* AMD require */).then(function() { var __W
       }
     }) : h(BfSearch, {
       "attrs": {
+        "colSpan": formSpan,
         "verify": searchVerify,
         "config": searchConfig,
         "loading": loading
@@ -159530,8 +159957,8 @@ const AuploadFile = a => Promise.resolve(/* AMD require */).then(function() { va
             keys: selectedKeys,
             rows: selectedRows
           };
-          const statistics = selectedKeys.length > 1 ? `已选中的${selectedKeys.length}` : '此';
-          this.$confirm(`是否确定要删除${statistics}条数据记录?`, '提示信息', {
+          const statistics = selectedKeys.length > 1 ? `已选中的${selectedKeys.length}条` : '此';
+          this.$confirm(`是否确定要删除${statistics}数据记录?`, '提示信息', {
             confirmButtonText: '确定',
             cancelButtonText: '取消',
             type: 'warning'
@@ -166664,19 +167091,23 @@ const AformItem = a => Promise.resolve(/* AMD require */).then(function() { var
   props: {
     size: {
       type: String,
-      default: () => 'small'
-    },
-    colSpan: {
-      type: Number,
-      default: () => 4
+      default: () => 'medium'
     },
     inline: {
       type: Boolean,
-      default: () => true
+      default: () => false
+    },
+    colSpan: {
+      type: String,
+      default: () => '4'
+    },
+    labelWidth: {
+      type: String,
+      default: () => 'auto'
     },
     labelPosition: {
       type: String,
-      default: () => 'left'
+      default: () => 'top'
     },
     config: {
       type: Object,
@@ -166688,7 +167119,7 @@ const AformItem = a => Promise.resolve(/* AMD require */).then(function() { var
     },
     label: {
       type: Boolean,
-      default: () => false
+      default: () => true
     },
     verify: {
       type: Boolean,
@@ -166753,7 +167184,12 @@ const AformItem = a => Promise.resolve(/* AMD require */).then(function() { var
       if (Object.keys(this.config).length > 0) {
         // 格式化属性为模糊查询属性
         for (let a in this.config) {
-          if (this.config[a] != '' && this.config[a].like) data[a] = '%' + this.form[a] + '%';else data[a] = this.form[a];
+          if (this.config[a] != '' && this.config[a].like) data[a] = '%' + this.form[a] + '%';
+
+          if (this.config[a] != '' && (this.config[a].than || this.config[a].range || this.config[a].scope)) {
+            data[`${a}LE`] = this.form[`${a}LE`];
+            data[`${a}GE`] = this.form[`${a}GE`];
+          } else data[a] = this.form[a];
         }
       }
 
@@ -166817,6 +167253,62 @@ const AformItem = a => Promise.resolve(/* AMD require */).then(function() { var
 
     switch() {
       this.opened = !this.opened;
+    },
+
+    prompt(a = {}, index = 0, placeholder = '') {
+      if (Object.keys(a).length > 0 && a.placeholder && a.placeholder.length && a.placeholder.length > 0) return a.placeholder[index];
+      return placeholder;
+    },
+
+    format(a = {}, field = '', placeholder = '') {
+      const h = this.$createElement;
+
+      if (Object.keys(a).length > 0) {
+        let config = {
+          size: this.config[a].size ? this.config[a].size : this.size,
+          field: field != '' ? field : `${a}`,
+          disabled: this.loading,
+          form: this.form,
+          ...this.config[a]
+        };
+        if (placeholder != '') return h(AformItem, {
+          "attrs": {
+            "config": { ...config,
+              placeholder
+            }
+          }
+        });
+        return h(AformItem, {
+          "attrs": {
+            "config": config
+          }
+        });
+      }
+    },
+
+    output(a, b) {
+      const h = this.$createElement;
+      return h("el-col", {
+        "key": b,
+        "attrs": {
+          "span": parseInt(this.colSpan)
+        }
+      }, [h("el-form-item", {
+        "attrs": {
+          "prop": `${a}`,
+          "label": this.label ? this.config[a]['text'] : ''
+        }
+      }, [this.config[a].than || this.config[a].range || this.config[a].scope ? h("el-col", {
+        "class": "range-cols"
+      }, [h("el-col", {
+        "attrs": {
+          "span": 12
+        }
+      }, [this.format(a, `${a}LE`, this.prompt(this.config[a], 0, '最高'))]), h("el-col", {
+        "attrs": {
+          "span": 12
+        }
+      }, [this.format(a, `${a}GE`, this.prompt(this.config[a], 1, '最低'))])]) : this.format(a)])]);
     }
 
   },
@@ -166841,73 +167333,31 @@ const AformItem = a => Promise.resolve(/* AMD require */).then(function() { var
       }
     }, {
       "attrs": {
+        "labelWidth": this.labelWidth,
         "labelPosition": this.labelPosition
       }
     }]), [h("div", {
       "class": "column"
-    }, [h("div", {
-      "class": "main-row"
     }, [h("el-row", {
       "attrs": {
         "gutter": 20
-      }
+      },
+      "class": "main-row"
     }, [Object.keys(this.config).map((a, b) => {
-      if (b < 24 / this.colSpan) {
-        return h("el-col", {
-          "key": b,
-          "attrs": {
-            "span": this.colSpan
-          }
-        }, [h("el-form-item", {
-          "attrs": {
-            "prop": `${a}`,
-            "label": this.label ? this.config[a]['text'] : ''
-          }
-        }, [h(AformItem, {
-          "attrs": {
-            "config": {
-              form: this.form,
-              size: this.config[a].size ? this.config[a].size : this.size,
-              field: `${a}`,
-              disabled: this.loading,
-              ...this.config[a]
-            }
-          }
-        })])]);
-      }
-    })])]), h("div", {
-      "class": this.opened ? 'fold-row open' : 'fold-row'
-    }, [h("el-row", {
+      if (b < 24 / this.colSpan) return this.output(a, b);
+    })]), h("el-row", {
       "attrs": {
         "gutter": 20
-      }
+      },
+      "class": this.opened ? 'fold-row open' : 'fold-row'
     }, [Object.keys(this.config).map((a, b) => {
-      if (b > 24 / this.colSpan - 1) {
-        return h("el-col", {
-          "key": b,
-          "attrs": {
-            "span": this.colSpan
-          }
-        }, [h("el-form-item", {
-          "attrs": {
-            "prop": `${a}`,
-            "label": this.label ? this.config[a]['text'] : ''
-          }
-        }, [h(AformItem, {
-          "attrs": {
-            "config": {
-              form: this.form,
-              size: this.config[a].size ? this.config[a].size : this.size,
-              field: `${a}`,
-              disabled: this.loading,
-              ...this.config[a]
-            }
-          }
-        })])]);
+      if (b > 24 / this.colSpan - 1) return this.output(a, b);
+    })])]), (Object.keys(this.config).length > 24 / this.colSpan || submit || cancel) && h("el-form-item", {
+      "class": "action",
+      "attrs": {
+        "label": "action"
       }
-    })])])]), (Object.keys(this.config).length > 24 / this.colSpan || submit || cancel) && h("div", {
-      "class": "action"
-    }, [h("el-form-item", [Object.keys(this.config).length > 24 / this.colSpan && h("el-button", {
+    }, [Object.keys(this.config).length > 24 / this.colSpan && h("el-button", {
       "attrs": {
         "type": "text"
       },
@@ -166932,7 +167382,7 @@ const AformItem = a => Promise.resolve(/* AMD require */).then(function() { var
       "on": {
         "click": () => this.cancel(this.filter(this.form))
       }
-    }, [this.cancelText])])])])])]);
+    }, [this.cancelText])])])])]);
   }
 
 });