meixioacomponent 1.1.42 → 1.1.44

package/packages/components/proPageTable/oa_pro_table.vue

@@ -35,9 +35,10 @@
           :proScreenConfig="privateProScreenConfig"
           :proScreenList="proScreenList"
           :screenList="screenList"
-          :table-config="tableConfig"
+          :table-config="tableConfigColumnList"
           :use-pro-screen-list="useProScreenList"
           :use-search="useSearch"
+          :use-local-table-config="useLocalTableConfig"
           @searchContentHeightChange="searchContentHeightChange"
       >
         <template slot="table-search-extend">
@@ -145,6 +146,9 @@
               <slot :scope="props.row" name="tableExpand"></slot>
             </template>
           </el-table-column>
+          <!--序号-->
+          <el-table-column type="index" width="50" v-if="useIndex"></el-table-column>
+
           <el-table-column
               v-for="(item, index) in showTableHeader"
               :key="index"
@@ -254,6 +258,7 @@ import Oa_pro_table_row_sp_text from "./oa_pro_table_row_sp_text";
 import componentConfig from "../../config/componentConfig";
 import {tableSectionMixins} from "../mixins/tableSectionMixins";
 import TableCheckControl from "./TableCheckControl";
+import proTableLocalConfigManage from "../../config/ProTableLocalConfigManage/ProTableLocalConfigManage";
 
 let canPush = true;
 export default {
@@ -301,11 +306,14 @@ export default {
 
       //  表格勾选的控制
       tableCheckControl: null,
+
+
+      tableConfigColumnList: []
+
     };
   },
   created() {
     this.init();
-
     componentConfig.eventBus.$on("handleTableBorder", this.handleTableBorder);
   },
   mounted() {
@@ -503,6 +511,14 @@ export default {
     middleSlotHeight: {
       type: Number,
       default: 76
+    },
+    useLocalTableConfig: {
+      type: String,
+      default: ''
+    },
+    useIndex: {
+      type: Boolean,
+      default: false
     }
 
   },
@@ -531,7 +547,7 @@ export default {
       );
     },
     fixedList() {
-      return this.$props.tableConfig.filter((item) => {
+      return this.tableConfigColumnList.filter((item) => {
         const {lock} = item;
         return lock && lock !== "right";
       });
@@ -547,22 +563,21 @@ export default {
     },
 
     showTableHeader() {
-      if (this.$props.tableConfig) {
-        return this.$props.tableConfig.filter((item) => {
 
-          if (item.hasOwnProperty('disabledSortable')) {
-            if (!item.disabledSortable) {
-              item.disabledSortable = false;
-            }
-          } else {
+      return this.tableConfigColumnList.filter((item) => {
+
+        if (item.hasOwnProperty('disabledSortable')) {
+          if (!item.disabledSortable) {
             item.disabledSortable = false;
           }
+        } else {
+          item.disabledSortable = false;
+        }
 
 
-          return item.show;
-        });
-      }
-      return [];
+        return item.show;
+      });
+
     },
 
     isCheckTableRow() {
@@ -622,6 +637,7 @@ export default {
       return value.toString().length > 10;
     },
     init() {
+      this.setTableConfigColumList();
       const {rowKey} = this.$props;
       if (rowKey) {
         this.initTableControl();
@@ -629,15 +645,15 @@ export default {
       // canPush = !this.isAverageWidth;
       this.initProScreenConfig();
       this.initFooterHandleConfig();
-      this.$props.tableConfig.forEach((item, index) => {
+      this.tableConfigColumnList.forEach((item, index) => {
         item.preIndex = index;
-        this.$set(item, "show", true);
+
+        if (!item.hasOwnProperty('show')) {
+          this.$set(item, "show", true);
+        }
         if (!item.width || item.width <= 80) {
           item.width = 80;
         }
-        // if (item.lock === "right") {
-        //   canPush = false;
-        // }
       });
 
       // if (canPush) {
@@ -647,16 +663,44 @@ export default {
       this.refreshData();
     },
 
+    setTableConfigColumList() {
+      if (this.$props.tableConfig) {
+
+
+        const useLocalTableConfig = this.$props.useLocalTableConfig;
+
+        if (useLocalTableConfig) {
+
+
+          const checkAccordFlag = proTableLocalConfigManage.checkRenderTableConfigAccordLocal(useLocalTableConfig, this.$props.tableConfig);
+
+          if (checkAccordFlag) {
+            proTableLocalConfigManage.hasConfigByTableKey(useLocalTableConfig).forEach(item => {
+              this.tableConfigColumnList.push(item);
+            })
+            return;
+          }
+
+        }
+
+
+        this.tableConfigColumnList = JSON.parse(JSON.stringify(this.$props.tableConfig));
+
+        console.log(this.tableConfigColumnList);
+      }
+    },
+
+
     tableConfigPushEmpty() {
-      const {tableConfig} = this.$props;
-      tableConfig.push({
-        label: "",
-        key: "noData",
-        lock: false,
-        width: 40,
-        show: true,
-        template: false,
-      });
+      //
+      // this.tableConfigColumnList.push({
+      //   label: "",
+      //   key: "noData",
+      //   lock: false,
+      //   width: 40,
+      //   show: true,
+      //   template: false,
+      // });
     },
 
     initTableControl() {
@@ -677,7 +721,7 @@ export default {
           const tableWidth = this.$refs.elTable.$el.offsetWidth;
           let totalWidth = 0;
           let staticLength = 0;
-          const {tableConfig} = this.$props;
+          const tableConfig = this.tableConfigColumnList;
           tableConfig.forEach((item) => {
             if (item.lock || item.staticWidth) {
               staticLength += 1;
@@ -706,7 +750,7 @@ export default {
 
     headerItemLock(params) {
       let {preIndex, index} = {...params};
-      let tableConfig = this.$props.tableConfig;
+      let tableConfig = this.tableConfigColumnList;
       tableConfig[index].lock = true;
       if (tableConfig[index].preIndex === undefined) {
         tableConfig[index].preIndex = preIndex;
@@ -729,7 +773,7 @@ export default {
     },
     headerItemUnlock(params) {
       let {preIndex, index} = {...params};
-      let tableConfig = this.$props.tableConfig;
+      let tableConfig = this.tableConfigColumnList;
       tableConfig[index].lock = false;
 
       tableConfig.splice(
@@ -770,7 +814,7 @@ export default {
     // 初始化高级筛选
     initProScreenConfig() {
       this.privateProScreenConfig = [];
-      this.$props.tableConfig.forEach((item) => {
+      this.tableConfigColumnList.forEach((item) => {
         if (item.proScreenItem) {
           this.$set(item.proScreenItem, "label", item.label);
           this.$set(item.proScreenItem, "isCheck", false);
@@ -1107,6 +1151,11 @@ export default {
 
 
   },
+  watch: {
+    tableConfig() {
+      this.setTableConfigColumList();
+    }
+  }
 };
 </script>
 

package/packages/config/ProTableLocalConfigManage/ProTableLocalConfigManage.js

@@ -0,0 +1,75 @@
+"use strict";
+exports.__esModule = true;
+var ProTableLocalConfigManage = /** @class */ (function () {
+    function ProTableLocalConfigManage() {
+        var _this = this;
+        this.setProTableLocalConfigByTableKey = function (tableKey, value) {
+            _this.localConfig["".concat(tableKey)] = value;
+            console.log(_this.localConfig);
+            _this.setProTableLocalConfigByLocalStorage();
+        };
+        this.checkRenderTableConfigAccordLocal = function (tableKey, renderTable) {
+            var _value = _this.hasConfigByTableKey(tableKey);
+            var checkFlag = true;
+            if (_value) {
+                console.log(renderTable);
+                console.log(_value);
+                if (_value.length !== renderTable.length) {
+                    checkFlag = false;
+                    _this.deleteProTableLocalConfigByTableKey(tableKey);
+                    return checkFlag;
+                }
+                var _loop_1 = function (i) {
+                    var item = renderTable[i];
+                    var index = _value.findIndex(function (cItem) {
+                        return item.key === cItem.key;
+                    });
+                    if (index < 0) {
+                        checkFlag = false;
+                        _this.deleteProTableLocalConfigByTableKey(tableKey);
+                        return "break";
+                    }
+                };
+                for (var i = 0; i < renderTable.length; i++) {
+                    var state_1 = _loop_1(i);
+                    if (state_1 === "break")
+                        break;
+                }
+                return checkFlag;
+            }
+            return false;
+        };
+        this.deleteProTableLocalConfigByTableKey = function (tableKey) {
+            console.log('deleteProTableLocalConfigByTableKey');
+            var _value = _this.hasConfigByTableKey(tableKey);
+            if (_value) {
+                delete _this.localConfig["".concat(tableKey)];
+                _this.setProTableLocalConfigByLocalStorage();
+            }
+        };
+        this.hasConfigByTableKey = function (tableKey) {
+            var value = _this.localConfig["".concat(tableKey)];
+            if (value) {
+                return value;
+            }
+            return false;
+        };
+        this.setProTableLocalConfigByLocalStorage = function () {
+            window.localStorage.setItem('proTableLocalConfig', JSON.stringify(_this.localConfig));
+            console.log('setProTableLocalConfigByLocalStorage');
+        };
+        this.localConfig = {};
+    }
+    ProTableLocalConfigManage.prototype.initByProTableLocalConfigManage = function () {
+        var _localConfig = window.localStorage.getItem('proTableLocalConfig');
+        if (_localConfig) {
+            this.localConfig = JSON.parse(_localConfig);
+        }
+        else {
+            this.setProTableLocalConfigByLocalStorage();
+        }
+    };
+    return ProTableLocalConfigManage;
+}());
+var proTableLocalConfigManage = new ProTableLocalConfigManage();
+exports["default"] = proTableLocalConfigManage;

package/packages/config/ProTableLocalConfigManage/ProTableLocalConfigManage.ts

@@ -0,0 +1,99 @@
+class ProTableLocalConfigManage {
+
+    public localConfig: Record<string, any>;
+
+
+    constructor() {
+
+        this.localConfig = {};
+    }
+
+    public initByProTableLocalConfigManage() {
+        const _localConfig = window.localStorage.getItem('proTableLocalConfig');
+        if (_localConfig) {
+            this.localConfig = JSON.parse(_localConfig);
+        } else {
+            this.setProTableLocalConfigByLocalStorage();
+        }
+    }
+
+
+    public setProTableLocalConfigByTableKey = (tableKey: string, value: any) => {
+
+        this.localConfig[`${tableKey}`] = value;
+        console.log(this.localConfig);
+        this.setProTableLocalConfigByLocalStorage();
+
+    }
+
+
+    public checkRenderTableConfigAccordLocal = (tableKey: string, renderTable: Array<any>) => {
+        const _value = this.hasConfigByTableKey(tableKey);
+        let checkFlag = true;
+        if (_value) {
+            console.log(renderTable);
+            console.log(_value);
+            if (_value.length !== renderTable.length) {
+                checkFlag = false;
+                this.deleteProTableLocalConfigByTableKey(tableKey);
+                return checkFlag;
+            }
+
+            for (let i = 0; i < renderTable.length; i++) {
+
+                const item = renderTable[i];
+
+                const index = _value.findIndex(cItem => {
+                    return item.key === cItem.key;
+                })
+                if (index < 0) {
+                    checkFlag = false;
+                    this.deleteProTableLocalConfigByTableKey(tableKey);
+                    break;
+                }
+            }
+
+            return checkFlag;
+        }
+        return false
+
+
+    }
+
+
+    public deleteProTableLocalConfigByTableKey = (tableKey: string) => {
+
+        console.log('deleteProTableLocalConfigByTableKey');
+        const _value = this.hasConfigByTableKey(tableKey);
+
+        if (_value) {
+            delete this.localConfig[`${tableKey}`];
+            this.setProTableLocalConfigByLocalStorage();
+        }
+
+    }
+
+
+    public hasConfigByTableKey = (tableKey: string) => {
+
+        const value = this.localConfig[`${tableKey}`];
+
+        if (value) {
+            return value;
+        }
+        return false;
+
+    }
+
+
+    private setProTableLocalConfigByLocalStorage = () => {
+        window.localStorage.setItem('proTableLocalConfig', JSON.stringify(this.localConfig));
+        console.log('setProTableLocalConfigByLocalStorage')
+    }
+}
+
+
+const proTableLocalConfigManage = new ProTableLocalConfigManage();
+
+
+export default proTableLocalConfigManage;