ylwl-cpscoms 1.0.0 → 1.1.0

package/es/DtTable/index.vue.js

@@ -0,0 +1,379 @@
+import script from './index.vue2.js';
+import './index.vue3.js';
+import normalizeComponent from '../node_modules/vue-runtime-helpers/dist/normalize-component.js';
+
+/* script */
+var __vue_script__ = script;
+/* template */
+var __vue_render__ = function __vue_render__() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
+    staticClass: "dt_table"
+  }, [_c("el-form", {
+    ref: "formRef",
+    attrs: {
+      model: _vm.formModel,
+      rules: _vm.formRules,
+      "validate-on-rule-change": false,
+      size: "small"
+    }
+  }, [_c("el-table", _vm._b({
+    ref: "tableRef",
+    style: {
+      width: _vm.gridOptions.scroll && _vm.gridOptions.scroll.x ? "" + _vm.gridOptions.scroll.x : "100%",
+      minWidth: "100%"
+    },
+    attrs: {
+      data: _vm.formModel.tableData,
+      size: "small",
+      border: "",
+      "max-height": _vm.gridOptions.scroll && _vm.gridOptions.scroll.y || 400,
+      "min-height": _vm.gridOptions.scroll && _vm.gridOptions.scroll.y || 400
+    },
+    on: {
+      "selection-change": _vm.handleSelectionChange
+    }
+  }, "el-table", _vm.$attrs, false), [_c("template", {
+    slot: "empty"
+  }, [_c("el-empty", {
+    attrs: {
+      description: "暂无数据"
+    }
+  })], 1), _vm._v(" "), _vm.hasSelectionColumn ? _c("el-table-column", {
+    attrs: {
+      type: "selection",
+      width: "55",
+      align: "center"
+    }
+  }) : _vm._e(), _vm._v(" "), _vm._l(_vm.gridOptions.columns, function (column) {
+    return !column.hidden && column.field !== "selection" ? _c("el-table-column", _vm._b({
+      key: column.field,
+      attrs: {
+        label: column.title,
+        prop: column.field
+      },
+      scopedSlots: _vm._u([{
+        key: "default",
+        fn: function fn(scope) {
+          return [column.editor === "custom" && column.render ? [_vm.isVNode(_vm.callRender(column, scope)) ? [_c("vnode-component", {
+            attrs: {
+              vnode: _vm.callRender(column, scope)
+            }
+          })] : [_vm._v("\n              " + _vm._s(_vm.callRender(column, scope)) + "\n            ")]] : [_c("el-form-item", {
+            attrs: {
+              prop: "tableData." + scope.$index + "." + column.field,
+              rules: column.rules
+            }
+          }, [column.editor === "select" ? _c("el-select", _vm._b({
+            attrs: {
+              placeholder: column.placeholder || "请选择",
+              disabled: _vm.getFieldDisabled(column, scope.row, scope.$index),
+              remote: column.remote,
+              loading: scope.row[column.field + "Loading"],
+              filterable: true
+            },
+            on: {
+              change: function change(value) {
+                return _vm.handleSelectChange(column, value, scope.row, scope.$index);
+              },
+              focus: function focus(event) {
+                return _vm.handleFocus(column, event, scope.row);
+              },
+              blur: function blur(event) {
+                return _vm.handleBlur(column, event, scope.row, scope.$index);
+              },
+              clear: function clear($event) {
+                _vm.handleClear(column, scope.row, scope.$index);
+              }
+            },
+            model: {
+              value: scope.row[column.field],
+              callback: function callback($$v) {
+                _vm.$set(scope.row, column.field, $$v);
+              },
+              expression: "scope.row[column.field]"
+            }
+          }, "el-select", column.attrs || {}, false), _vm._l(_vm.getOptions(column, scope.row), function (option) {
+            return _c("el-option", {
+              key: option.value,
+              attrs: {
+                label: column.labelKey ? option[column.labelKey] : option.label,
+                value: column.valueKey ? option[column.valueKey] : option.value
+              }
+            });
+          })) : column.editor === "input" ? _c("el-input", _vm._b({
+            attrs: {
+              placeholder: column.placeholder || "请输入",
+              disabled: _vm.getFieldDisabled(column, scope.row, scope.$index)
+            },
+            on: {
+              change: function change(value) {
+                return _vm.handleInputChange(column, value, scope.row, scope.$index);
+              },
+              focus: function focus(event) {
+                return _vm.handleFocus(column, event, scope.row);
+              },
+              blur: function blur(event) {
+                return _vm.handleBlur(column, event, scope.row, scope.$index);
+              }
+            },
+            model: {
+              value: scope.row[column.field],
+              callback: function callback($$v) {
+                _vm.$set(scope.row, column.field, $$v);
+              },
+              expression: "scope.row[column.field]"
+            }
+          }, "el-input", column.attrs || {}, false)) : column.editor === "input-number" ? _c("div", {
+            staticStyle: {
+              display: "flex",
+              "justify-content": "space-between",
+              "align-items": "center"
+            }
+          }, [_c("el-input-number", _vm._b({
+            staticStyle: {
+              width: "100%"
+            },
+            attrs: {
+              placeholder: column.placeholder || "请输入数字",
+              disabled: _vm.getFieldDisabled(column, scope.row, scope.$index),
+              min: _vm.getMinValue(column, scope.row, scope.$index),
+              max: _vm.getMaxValue(column, scope.row, scope.$index),
+              step: column.step || 1,
+              precision: column.precision,
+              "controls-position": column.controlsPosition || ""
+            },
+            on: {
+              change: function change(value) {
+                return _vm.handleInputNumberChange(column, value, scope.row, scope.$index);
+              },
+              focus: function focus(event) {
+                return _vm.handleFocus(column, event, scope.row);
+              },
+              blur: function blur(event) {
+                return _vm.handleBlur(column, event, scope.row, scope.$index);
+              }
+            },
+            model: {
+              value: scope.row[column.field],
+              callback: function callback($$v) {
+                _vm.$set(scope.row, column.field, $$v);
+              },
+              expression: "scope.row[column.field]"
+            }
+          }, "el-input-number", column.attrs || {}, false)), _vm._v(" "), _c(_vm.getAppendComponent(column, scope), {
+            tag: "component"
+          })], 1) : column.editor === "switch" ? _c("el-switch", {
+            attrs: {
+              disabled: _vm.getFieldDisabled(column, scope.row, scope.$index)
+            },
+            on: {
+              change: function change(value) {
+                return _vm.handleSwitchChange(column, value, scope.row, scope.$index);
+              }
+            },
+            model: {
+              value: scope.row[column.field],
+              callback: function callback($$v) {
+                _vm.$set(scope.row, column.field, $$v);
+              },
+              expression: "scope.row[column.field]"
+            }
+          }) : column.editor === "time" ? _c("el-time-picker", _vm._b({
+            attrs: {
+              placeholder: column.placeholder || "选择时间",
+              disabled: _vm.getFieldDisabled(column, scope.row, scope.$index)
+            },
+            on: {
+              change: function change(value) {
+                return _vm.handleTimeChange(column, value, scope.row, scope.$index);
+              },
+              focus: function focus(event) {
+                return _vm.handleFocus(column, event, scope.row);
+              },
+              blur: function blur(event) {
+                return _vm.handleBlur(column, event, scope.row, scope.$index);
+              },
+              clear: function clear($event) {
+                _vm.handleClear(column, scope.row, scope.$index);
+              }
+            },
+            model: {
+              value: scope.row[column.field],
+              callback: function callback($$v) {
+                _vm.$set(scope.row, column.field, $$v);
+              },
+              expression: "scope.row[column.field]"
+            }
+          }, "el-time-picker", column.attrs || {}, false)) : column.editor === "date" ? _c("el-date-picker", _vm._b({
+            attrs: {
+              placeholder: column.placeholder || "选择日期",
+              disabled: _vm.getFieldDisabled(column, scope.row, scope.$index)
+            },
+            on: {
+              change: function change(value) {
+                return _vm.handleDateChange(column, value, scope.row, scope.$index);
+              },
+              focus: function focus(event) {
+                return _vm.handleFocus(column, event, scope.row);
+              },
+              blur: function blur(event) {
+                return _vm.handleBlur(column, event, scope.row, scope.$index);
+              },
+              clear: function clear($event) {
+                _vm.handleClear(column, scope.row, scope.$index);
+              }
+            },
+            model: {
+              value: scope.row[column.field],
+              callback: function callback($$v) {
+                _vm.$set(scope.row, column.field, $$v);
+              },
+              expression: "scope.row[column.field]"
+            }
+          }, "el-date-picker", column.attrs || {}, false)) : column.editor === "datetime" ? _c("el-date-picker", _vm._b({
+            attrs: {
+              type: "datetime",
+              placeholder: column.placeholder || "选择日期时间",
+              disabled: _vm.getFieldDisabled(column, scope.row, scope.$index)
+            },
+            on: {
+              change: function change(value) {
+                return _vm.handleDateTimeChange(column, value, scope.row, scope.$index);
+              },
+              focus: function focus(event) {
+                return _vm.handleFocus(column, event, scope.row);
+              },
+              blur: function blur(event) {
+                return _vm.handleBlur(column, event, scope.row, scope.$index);
+              },
+              clear: function clear($event) {
+                _vm.handleClear(column, scope.row, scope.$index);
+              }
+            },
+            model: {
+              value: scope.row[column.field],
+              callback: function callback($$v) {
+                _vm.$set(scope.row, column.field, $$v);
+              },
+              expression: "scope.row[column.field]"
+            }
+          }, "el-date-picker", column.attrs || {}, false)) : column.editor === "daterange" ? _c("el-date-picker", _vm._b({
+            attrs: {
+              type: "daterange",
+              "range-separator": "至",
+              "start-placeholder": "开始日期",
+              "end-placeholder": "结束日期",
+              placeholder: column.placeholder || "选择日期范围",
+              disabled: _vm.getFieldDisabled(column, scope.row, scope.$index),
+              "value-format": "yyyy-MM-dd"
+            },
+            on: {
+              change: function change(value) {
+                return _vm.handleDateRangeChange(column, value, scope.row, scope.$index);
+              },
+              focus: function focus(event) {
+                return _vm.handleFocus(column, event, scope.row);
+              },
+              blur: function blur(event) {
+                return _vm.handleBlur(column, event, scope.row, scope.$index);
+              },
+              clear: function clear($event) {
+                _vm.handleClear(column, scope.row, scope.$index);
+              }
+            },
+            model: {
+              value: scope.row[column.field],
+              callback: function callback($$v) {
+                _vm.$set(scope.row, column.field, $$v);
+              },
+              expression: "scope.row[column.field]"
+            }
+          }, "el-date-picker", column.attrs || {}, false)) : _c("span", [_vm._v("\n                " + _vm._s(scope.row[column.field] ? scope.row[column.field] : "-") + "\n              ")])], 1)]];
+        }
+      }])
+    }, "el-table-column", column.attrs || {}, false), [_c("template", {
+      slot: "header"
+    }, [_c("span", {
+      staticClass: "dt_table_header"
+    }, [column.rules ? _c("span", {
+      staticClass: "dt_required_dot"
+    }, [_vm._v("*")]) : _vm._e(), _vm._v("\n            " + _vm._s(column.title) + "\n          ")])])], 2) : _vm._e();
+  }), _vm._v(" "), _vm.gridOptions.actions && _vm.gridOptions.actions.length > 0 ? _c("el-table-column", {
+    attrs: {
+      label: "操作",
+      width: _vm.gridOptions.actionWidth || "100px",
+      align: _vm.gridOptions.actionAlign || "left",
+      fixed: _vm.gridOptions.actionFixed
+    },
+    scopedSlots: _vm._u([{
+      key: "default",
+      fn: function fn(scope) {
+        return [_c("div", {
+          staticClass: "action-buttons"
+        }, _vm._l(_vm.gridOptions.actions, function (button) {
+          return _vm.getButtonShow(button, scope.row, scope.$index) ? _c("el-button", {
+            key: button.text,
+            staticStyle: {
+              margin: "0 5px"
+            },
+            style: button.style,
+            attrs: {
+              type: button.type || "primary",
+              size: "small",
+              disabled: _vm.getButtonDisabled(button, scope.row),
+              icon: button.icon
+            },
+            on: {
+              click: function click(e) {
+                return _vm.handleActionClick(button, scope.row, scope.$index, e);
+              }
+            }
+          }, [_vm._v("\n              " + _vm._s(button.text) + "\n            ")]) : _c("span", [_vm._v("-")]);
+        }))];
+      }
+    }])
+  }) : _vm._e()], 2)], 1), _vm._v(" "), _vm.apiFunction ? _c("el-pagination", {
+    attrs: {
+      "current-page": _vm.localPagination.currentPage,
+      "page-size": _vm.localPagination.pageSize,
+      total: _vm.localPagination.total,
+      "page-sizes": _vm.localPagination.pageSizes,
+      layout: _vm.localPagination.layout,
+      background: _vm.localPagination.background,
+      small: _vm.localPagination.small,
+      disabled: _vm.localPagination.disabled,
+      "hide-on-single-page": _vm.localPagination.hideOnSinglePage
+    },
+    on: {
+      "current-change": _vm.handleCurrentChange,
+      "size-change": _vm.handleSizeChange
+    }
+  }) : _vm._e()], 1);
+};
+var __vue_staticRenderFns__ = [];
+__vue_render__._withStripped = true;
+
+/* style */
+var __vue_inject_styles__ = undefined;
+/* scoped */
+var __vue_scope_id__ = "data-v-2447cdc6";
+/* module identifier */
+var __vue_module_identifier__ = undefined;
+/* functional template */
+var __vue_is_functional_template__ = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+var __vue_component__ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__,
+  staticRenderFns: __vue_staticRenderFns__
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
+var DtTable = __vue_component__;
+
+export { DtTable as default };