ylwl-cpscoms 1.0.0

package/es/SlPage/index.vue2.js

@@ -0,0 +1,312 @@
+import { asyncToGenerator as _asyncToGenerator, regenerator as _regenerator, toConsumableArray as _toConsumableArray } from '../_virtual/_rollupPluginBabelHelpers.js';
+import SlForm from '../SlForm/index.vue.js';
+import SlTable from '../SlTable/index.vue.js';
+import { createCommandDrawer } from '../SlDrawer/index.js';
+import colSetting from '../SlTable/components/colSetting.vue.js';
+import { generateUniqueId, hasKey } from '../utils/index.js';
+import store from '@/store';
+
+var script = {
+  components: {
+    slForm: SlForm,
+    slTable: SlTable
+  },
+  props: {
+    tableApi: {
+      type: Function,
+      default: function _default() {
+        return {};
+      }
+    },
+    autoRequest: {
+      type: Boolean,
+      default: false
+    },
+    tableColumns: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    filterForm: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    showFormItem: {
+      type: Number,
+      default: 3
+    },
+    projectFrom: {
+      type: String,
+      default: 'oldCpsb'
+    },
+    initSeachParams: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    defaultSeachParams: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    isShowColSetting: {
+      type: Boolean,
+      default: true
+    },
+    notShowPadding: {
+      type: Boolean,
+      default: false
+    },
+    // 是否要padding效果
+    otherConfig: {
+      type: Object,
+      default: function _default() {
+        return {
+          rowKey: 'id',
+          responderCof: {},
+          requestBodyCof: {}
+        };
+      }
+    }
+  },
+  data: function data() {
+    return {
+      options: this.filterForm,
+      form: {},
+      isFold: false,
+      headKey: '',
+      uniqueId: ''
+    };
+  },
+  computed: {
+    // ...mapGetters([
+    //   'currentColConfig'
+    // ]),
+    currentColConfig: function currentColConfig() {
+      // console.log(store.getters, "store.gettersxxxxxxx")
+      return store.state.tableConfig.colConfig[this.uniqueId] || {};
+    },
+    allColConfig: function allColConfig() {
+      return store.state.tableConfig.colConfig;
+    },
+    selectedList: function selectedList() {
+      return this.$refs.slTable ? this.$refs.slTable.selectedList : [];
+    },
+    selectedListIds: function selectedListIds() {
+      return this.$refs.slTable ? this.$refs.slTable.selectedListIds : [];
+    }
+  },
+  created: function created() {
+    var _this = this;
+    this.uniqueId = generateUniqueId(this.tableApi.toString());
+    // console.log(this.uniqueId, "this.uniqueIdthis.uniqueIdthis.uniqueIdthis.uniqueId", this.tableApi.toString())
+    store.dispatch('getStorageCustomCol', this.uniqueId);
+    this.options.forEach(function (option, index) {
+      if (index > _this.showFormItem - 1) {
+        option.show = false;
+      }
+    });
+    this.tableColumns.forEach(function (item) {
+      if (!hasKey(item, 'isShow')) {
+        _this.$set(item, 'isShow', true);
+      }
+      if (_this.currentColConfig.hide && _this.currentColConfig.hide.includes(item.prop)) {
+        _this.$set(item, 'isShow', false);
+      }
+    });
+    // 表格排序
+    this.sortTalbeColumns();
+    if (this.initSeachParams && Object.keys(this.initSeachParams).length > 0) {
+      for (var key in this.initSeachParams) {
+        this.form[key] = this.initSeachParams[key];
+      }
+    }
+  },
+  mounted: function mounted() {
+    var _this2 = this;
+    return _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            _this2.autoRequest && _this2.$refs.slTable.getTableData();
+            _this2.$refs.slTable.resetColumns(_this2.tableColumns.filter(function (item) {
+              return item.isShow && _this2.isShowTableColumn(item);
+            }));
+          case 1:
+            return _context.a(2);
+        }
+      }, _callee);
+    }))();
+  },
+  methods: {
+    hasKey: hasKey,
+    generateUniqueId: generateUniqueId,
+    // 永久删除的
+    isShowTableColumn: function isShowTableColumn(item) {
+      if (hasKey(item, 'isAlwaysShow') && typeof item.isAlwaysShow === 'function') {
+        return item.isAlwaysShow({
+          item: item
+        });
+      } else if (hasKey(item, 'isAlwaysShow') && typeof item.isAlwaysShow === 'string') {
+        return item.isAlwaysShow;
+      } else {
+        return true;
+      }
+    },
+    sortTalbeColumns: function sortTalbeColumns() {
+      var _this3 = this;
+      // console.log(this.currentColConfig.sort && this.currentColConfig.sort.length > 0, '是否');
+      // console.log(store, 'store.getters', this.allColConfig);
+      if (this.currentColConfig.sort && this.currentColConfig.sort.length > 0) {
+        this.tableColumns.sort(function (a, b) {
+          return _this3.currentColConfig.sort.indexOf(a.prop) - _this3.currentColConfig.sort.indexOf(b.prop);
+        });
+      }
+    },
+    searchTableData: function searchTableData() {
+      var _this4 = this;
+      console.log(this.form, this.$refs.slForm.$refs.form, this.$refs.slTable.processedParams);
+      this.$refs.slForm.$refs.form.validate(function (valid) {
+        if (valid) {
+          _this4.$refs.slTable.handleCurrentChange(1);
+        } else {
+          console.log('error submit!!');
+          return false;
+        }
+      });
+    },
+    resetTableData: function resetTableData() {
+      var _this5 = this;
+      this.$refs.slForm.$refs.form.resetFields();
+      for (var key in this.form) {
+        if (this.form.hasOwnProperty(key)) {
+          this.form[key] = '';
+        }
+      }
+      // console.log(this.form, "xxxxx");
+      this.$refs.slForm.$refs.form.validate(function (valid) {
+        if (valid) {
+          _this5.$refs.slTable.handleCurrentChange(1);
+        } else {
+          console.log('error submit!!');
+          return false;
+        }
+      });
+      // this.$refs.slTable.handleCurrentChange(1)
+    },
+    getTableData: function getTableData() {
+      var _this6 = this;
+      this.$refs.slForm.$refs.form.validate(function (valid) {
+        if (valid) {
+          _this6.$refs.slTable.getCurrentPageList();
+        } else {
+          console.log('error getCurrentPageList submit!!');
+          return false;
+        }
+      });
+    },
+    isShowMoreFilter: function isShowMoreFilter() {
+      var _this7 = this;
+      this.isFold = !this.isFold;
+      if (this.isFold) {
+        this.options.forEach(function (option) {
+          _this7.$set(option, 'show', true);
+        });
+      } else {
+        this.options.forEach(function (option, index) {
+          if (index > _this7.showFormItem - 1) {
+            _this7.$set(option, 'show', false);
+          }
+        });
+      }
+      // this.$forceUpdate()
+    },
+    saveKeeyAlive: function saveKeeyAlive() {
+      var hideColArray = this.tableColumns.reduce(function (acc, item) {
+        if (!item.isShow) {
+          acc.push(item.prop);
+        }
+        return acc;
+      }, []);
+      store.dispatch('saveStorageCustomCol', {
+        key: this.uniqueId,
+        type: 'hide',
+        value: hideColArray
+      });
+    },
+    editCol: function editCol() {
+      var _this8 = this;
+      console.log(this.tableColumns.filter(function (item) {
+        return item.prop !== 'operate' || item.type !== 'selection' || item.isShow;
+      }), 'this.tableColumns', this.tableColumns);
+      // console.log(this.tableColumns, "在这里点开");
+      this.sortTalbeColumns();
+      // console.log(this.tableColumns, "在这里点开2");
+      createCommandDrawer({
+        title: '列设置(可拖拽排序)',
+        size: '20%',
+        direction: 'rtl',
+        contentComponent: colSetting,
+        closeDrawer: function closeDrawer() {
+          _this8.saveKeeyAlive();
+          _this8.$refs.slTable.headKey = new Date().getTime() + '';
+          // this.$refs.slTable.resetColumns(this.tableColumns.filter(item => item.isShow))
+        },
+        contentProps: {
+          columns: this.tableColumns.filter(function (item) {
+            return item.prop !== 'operate' && item.type !== 'selection' && _this8.isShowTableColumn(item);
+          })
+        },
+        // 如果需要传递 props 给内容组件，可以在这里定义
+        contentListeners: {
+          'update-columns': function updateColumns(columns) {
+            // 处理列更新事件
+            // console.log('接收到更新的列数据:', columns, this.tableColumns)
+            // 如果有多选框和操作，要加上
+            var sortColumns = _toConsumableArray(columns);
+            var findSelection = _this8.tableColumns.find(function (item) {
+              return item.type === 'selection';
+            });
+            var findOperate = _this8.tableColumns.find(function (item) {
+              return item.prop === 'operate';
+            });
+            if (findSelection) {
+              sortColumns.unshift(findSelection);
+            }
+            if (findOperate) {
+              sortColumns.push(findOperate);
+            }
+            // console.log(sortColumns, "sortColumns")
+            _this8.$refs.slTable.resetColumns(sortColumns.filter(function (item) {
+              return item.isShow;
+            }));
+            _this8.setStorageCustomCol(columns);
+          },
+          'change-columns': function changeColumns() {
+            _this8.$refs.slTable.resetColumns(_this8.tableColumns.filter(function (item) {
+              return item.isShow;
+            }));
+            _this8.$refs.slTable.headKey = new Date().getTime() + '';
+          }
+        }
+      });
+    },
+    setStorageCustomCol: function setStorageCustomCol(columns) {
+      // console.log(this.uniqueId, 'a ?');
+      store.dispatch('saveStorageCustomCol', {
+        key: this.uniqueId,
+        type: 'sort',
+        value: columns.map(function (item) {
+          return item.prop;
+        })
+      });
+    }
+  }
+};
+
+export { script as default };

package/es/SlPage/index.vue3.js

@@ -0,0 +1,6 @@
+import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".content-box{display:flex;flex-direction:column;height:100%;width:100%}.sl-form{flex:1 0 1;transition:all .3s ease-in-out}.yl-form-box{display:inline}.search-btn{float:right;margin-left:20px}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.sl-table-header{display:flex;justify-content:space-between;margin:10px 0}";
+styleInject(css_248z);
+
+export { css_248z as default };

package/es/SlTable/components/colSetting.vue.js

@@ -0,0 +1,94 @@
+import script from './colSetting.vue2.js';
+import './colSetting.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", [_c("el-table", {
+    ref: "dragTable",
+    attrs: {
+      data: _vm.columns,
+      border: true,
+      "row-key": "prop",
+      "default-expand-all": ""
+    }
+  }, [_c("el-table-column", {
+    attrs: {
+      prop: "drag",
+      align: "center",
+      label: "拖拽",
+      width: "60"
+    },
+    scopedSlots: _vm._u([{
+      key: "default",
+      fn: function fn(scope) {
+        return [_c("i", {
+          staticClass: "el-icon-rank",
+          staticStyle: {
+            cursor: "move"
+          }
+        })];
+      }
+    }])
+  }), _vm._v(" "), _c("el-table-column", {
+    attrs: {
+      prop: "label",
+      align: "center",
+      label: "列名"
+    }
+  }), _vm._v(" "), _c("el-table-column", {
+    attrs: {
+      prop: "isShow",
+      align: "center",
+      label: "显示"
+    },
+    scopedSlots: _vm._u([{
+      key: "default",
+      fn: function fn(scope) {
+        return [_c("el-switch", {
+          on: {
+            change: _vm.changeTableColumn
+          },
+          model: {
+            value: scope.row.isShow,
+            callback: function callback($$v) {
+              _vm.$set(scope.row, "isShow", $$v);
+            },
+            expression: "scope.row.isShow"
+          }
+        })];
+      }
+    }])
+  }), _vm._v(" "), [_c("div", {
+    staticClass: "table-empty"
+  }, [_c("div", [_vm._v("暂无可配置列")])])]], 2)], 1);
+};
+var __vue_staticRenderFns__ = [];
+__vue_render__._withStripped = true;
+
+/* style */
+var __vue_inject_styles__ = undefined;
+/* scoped */
+var __vue_scope_id__ = "data-v-76a1265b";
+/* 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 colSetting = __vue_component__;
+
+export { colSetting as default };

package/es/SlTable/components/colSetting.vue2.js

@@ -0,0 +1,66 @@
+import { toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import Sortable from 'sortablejs';
+
+var script = {
+  props: {
+    columns: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    }
+  },
+  data: function data() {
+    return {
+      localColumns: []
+    };
+  },
+  watch: {
+    columns: {
+      handler: function handler(newVal) {
+        var _this = this;
+        this.localColumns = _toConsumableArray(newVal);
+        this.$nextTick(function () {
+          _this.setSort();
+        });
+      },
+      deep: true,
+      immediate: true
+    }
+  },
+  mounted: function mounted() {
+    var _this2 = this;
+    this.$nextTick(function () {
+      _this2.setSort();
+    });
+  },
+  methods: {
+    setSort: function setSort() {
+      var _this3 = this;
+      var el = this.$refs.dragTable.$el.querySelectorAll('.el-table__body-wrapper > table > tbody')[0];
+      this.sortable = Sortable.create(el, {
+        ghostClass: 'sortable-ghost',
+        setData: function setData(dataTransfer) {
+          dataTransfer.setData('Text', '');
+        },
+        onEnd: function onEnd(evt) {
+          var oldIndex = evt.oldIndex,
+            newIndex = evt.newIndex;
+          _this3.handleDragEnd(oldIndex, newIndex);
+        }
+      });
+    },
+    handleDragEnd: function handleDragEnd(oldIndex, newIndex) {
+      var columns = _toConsumableArray(this.localColumns);
+      var targetRow = columns.splice(oldIndex, 1)[0];
+      columns.splice(newIndex, 0, targetRow);
+      this.localColumns = columns;
+      this.$emit('update-columns', columns);
+    },
+    changeTableColumn: function changeTableColumn() {
+      this.$emit('change-columns');
+    }
+  }
+};
+
+export { script as default };

package/es/SlTable/components/colSetting.vue3.js

@@ -0,0 +1,6 @@
+import styleInject from '../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".sortable-ghost[data-v-76a1265b]{background:#f0f9eb;opacity:.8}";
+styleInject(css_248z);
+
+export { css_248z as default };

package/es/SlTable/index.vue.js

@@ -0,0 +1,171 @@
+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: "sl-table"
+  }, [_c("el-table", _vm._g(_vm._b({
+    directives: [{
+      name: "loading",
+      rawName: "v-loading",
+      value: _vm.loading,
+      expression: "loading"
+    }],
+    key: _vm.headKey,
+    ref: "elTable",
+    staticClass: "custom-table",
+    staticStyle: {
+      width: "100%"
+    },
+    attrs: {
+      data: _vm.tableData,
+      border: true,
+      stripe: true,
+      "default-sort": {
+        prop: "buserId",
+        order: "descending"
+      },
+      "cell-class-name": _vm.cellClassName,
+      "header-cell-class-name": _vm.cellClassName,
+      "row-key": _vm.otherConfig && _vm.otherConfig.rowKey ? _vm.otherConfig.rowKey : "id",
+      size: "small",
+      height: "100%",
+      "max-height": "100%"
+    },
+    on: {
+      "selection-change": _vm.handleSelectionChange,
+      "sort-change": _vm.handleSortChange
+    }
+  }, "el-table", _vm.$attrs, false), _vm.$listeners), [_vm._l(_vm.realColumns, function (item, index) {
+    return [item.type == "selection" || item.type == "index" ? _c("el-table-column", _vm._b({
+      key: item.prop,
+      attrs: {
+        fixed: _vm.isMobileDevice() ? false : item.type == "selection" ? "left" : "",
+        type: "selection"
+      }
+    }, "el-table-column", item, false)) : _vm._e(), _vm._v(" "), (_vm.hasKey(item, "isShow") ? item.isShow : true) && !item.type && _vm.isShowTableColumn(item) ? _c("el-table-column", {
+      key: item.prop + index,
+      attrs: {
+        fixed: _vm.isMobileDevice() ? false : item.fixed || false,
+        prop: item.prop,
+        label: item.label,
+        align: "center",
+        sortable: item.sortable || false,
+        width: item.width || "",
+        minWidth: item.minWidth || "",
+        "show-overflow-tooltip": _vm.showOverflowTooltip(item)
+      },
+      scopedSlots: _vm._u([{
+        key: "header",
+        fn: function fn(ref) {
+          var column = ref.column;
+          ref.$index;
+          return [item.headerTemplate ? _vm._t(item.headerTemplate) : _c("span", [_vm._v("\n            " + _vm._s(column.label) + "\n          ")]), _vm._v(" "), item.headerTip && item.headerTip.content && (_vm.typeOf(item.headerTip.isShow, "function") ? item.headerTip.isShow(_vm.row) : true) ? _c("el-tooltip", {
+            attrs: {
+              content: item.headerTip.content,
+              placement: "top"
+            }
+          }, [_c("i", {
+            staticClass: "el-icon-info"
+          })]) : _vm._e()];
+        }
+      }, {
+        key: "default",
+        fn: function fn(ref) {
+          var row = ref.row;
+          var column = ref.column;
+          var $index = ref.$index;
+          return [item.prop === "operate" ? [_vm._l(_vm.typeOf(item.list, "function") ? item.list({
+            row: row
+          }) : item.list, function (btnItem) {
+            return [(btnItem.isShow ? btnItem.isShow(row, column, $index) : true) ? _c("el-button", _vm._b({
+              key: btnItem.label,
+              style: {
+                color: btnItem.type === "danger" ? "#f56c6c" : ""
+              },
+              attrs: {
+                type: "text",
+                size: "mini"
+              },
+              on: {
+                click: function click($event) {
+                  btnItem.click(row, column, $index, $event);
+                }
+              }
+            }, "el-button", btnItem.props, false), [_vm._v("\n                " + _vm._s(btnItem.label) + "\n              ")]) : _vm._e()];
+          })] : [_vm.hasKey(item, "render") ? _c("span", {
+            domProps: {
+              innerHTML: _vm._s(item.render({
+                row: row
+              }))
+            }
+          }) : item.template ? _vm._t(item.template, null, {
+            row: row
+          }) : _c("span", [_vm._v(_vm._s(row[item.prop]))]), _vm._v(" "), item.tip && item.tip.key && (_vm.typeOf(item.tip.isShow, "function") ? item.tip.isShow(row) : true) ? _c("el-tooltip", {
+            attrs: {
+              content: row[item.tip.key],
+              placement: "top"
+            }
+          }, [_c("el-button", {
+            staticStyle: {
+              color: "red",
+              padding: "0"
+            },
+            attrs: {
+              type: "text",
+              size: "samll",
+              icon: "el-icon-info"
+            }
+          })], 1) : _vm._e()]];
+        }
+      }])
+    }) : _vm._e()];
+  })], 2), _vm._v(" "), _vm.showPagination ? _c("el-pagination", {
+    staticStyle: {
+      float: "right"
+    },
+    attrs: {
+      "current-page": _vm.currentPage,
+      "page-sizes": [10, 20, 50, 100],
+      "page-size": _vm.pageSize,
+      total: _vm.total,
+      background: "",
+      layout: "total, sizes, prev, pager, next, jumper"
+    },
+    on: {
+      "size-change": _vm.handleSizeChange,
+      "current-change": _vm.handleCurrentChange
+    }
+  }) : _vm._e()], 1);
+};
+var __vue_staticRenderFns__ = [];
+__vue_render__._withStripped = true;
+
+/* style */
+var __vue_inject_styles__ = undefined;
+/* scoped */
+var __vue_scope_id__ = "data-v-29020ed9";
+/* 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 SlTable = __vue_component__;
+
+export { SlTable as default };