cloud-web-corejs 1.0.54-dev.202 → 1.0.54-dev.204

package/src/components/xform/form-render/container-item/data-table-mixin.js

@@ -10,6 +10,9 @@ import {
   assembleAxiosConfig,
   getReportGlobalMap,
   generateId,
+  deepClone,
+  loopHandleWidget,
+  columnFormatMap
 } from "../../../../components/xform/utils/util";
 import {tableTreeMixins} from "../../../../mixins/tableTree/index.js";
 
@@ -109,7 +112,11 @@ modules = {
       tableConfig: {},
       showTableFormDialogContent: true,
       widgetMap: {},
-      rowWidgetList: []
+      rowWidgetList: [],
+
+      rowIdData: [],
+      fieldSchemaMap: {},
+      fieldSchemaData: [],
     };
   },
   watch: {
@@ -162,6 +169,8 @@ modules = {
     if (!this.formModel[this.fieldKeyName])
       this.formModel[this.fieldKeyName] = [];
     this.initRefList();
+    this.initConfig();
+    this.registerTableRefList();
     this.handleOnCreated();
   },
   mounted: async function () {
@@ -172,42 +181,73 @@ modules = {
     this.unregisterFromRefList();
   },
   methods: {
+    initConfig() {
+      let formRef = this.getFormRef();
+      this.widget.options.tableColumns.forEach(row => {
+        let type = columnFormatMap[row.formatS];
+        if (type && row.columnOption && !row.widget) {
+          let fieldWidget = formRef.copyNewFieldWidget(
+            formRef.getFieldWidgetByType(type)
+          );
+          fieldWidget.options = row.columnOption;
+          row.widget = fieldWidget;
+        }
+        let type2 = columnFormatMap[row.editFormatS];
+        if (type2 && row.editColumnOption && !row.editWidget) {
+          let fieldWidget = formRef.copyNewFieldWidget(
+            formRef.getFieldWidgetByType(type2)
+          );
+          fieldWidget.options = row.editColumnOption;
+          row.editWidget = fieldWidget;
+        }
+      })
+    },
+    registerTableRefList() {
+      this.sfRefList[this.widget.options.name] = this
+    },
     getRowRefKey(row, name) {
       let keyVal = row._X_ROW_KEY;
       let key = name + "_" + keyVal;
       return key;
     },
     getWidgetByTableRow(index, name) {
-      let target = this.getWidgetRefByTableRow(index, name)
-      let widget = target.field || target.widget;
+      // let target = this.getWidgetRefByTableRow(index, name)
+      // let widget = target.field || target.widget;
+      // let row = this.getGridTable().getTableData().fullData[index];
+      let formRows = this.formModel[this.fieldKeyName];
+      let row = formRows[index];
+      let widget = this.getWidgetByTableRowData(row, name)
       return widget
     },
     getWidgetRefByTableRow(index, name) {
-      let row = this.getGridTable().getTableData().fullData[index];
+      // let row = this.getGridTable().getTableData().fullData[index];
+      let formRows = this.formModel[this.fieldKeyName];
+      let row = formRows[index];
+      return this.getWidgetRefByTableRowData(row, name);
+    },
+    getWidgetByTableRowData(row, name) {
+      let target = this.getWidgetRefByTableRowData(row, name);
+      let widget = target.field || target.widget;
+      return widget
+    },
+    getWidgetRefByTableRowData(row, name) {
       let key = this.getRowRefKey(row, name);
       return this.getWidgetRef(key);
     },
+
     getWidgetRefByTableParam(tableParam) {
-      let index = tableParam.rowIndex;
-      let params = tableParam.column.params;
-      let name = params.widget.options.name;
-      return this.getWidgetRefByTableRow(index, name);
+      // let params = tableParam.column.params;
+      // let name = params.widget.options.name;
+      // let key = this.getRowRefKey(tableParam.row, name);
+      return this.getWidgetRefByTableRowData(tableParam.row, name)
+      // return this.getWidgetRef(key);
     },
     getRowWidget(rowParam, fieldWidget) {
       let row = rowParam.row;
       let params = rowParam.column.params;
-      let name = fieldWidget ? fieldWidget.options.name : params.widget.options.name;
-      let key = this.getRowRefKey(row, name);
-      let widget = this.widgetMap[key];
-      if (!widget) {
-        this.$set(
-          this.widgetMap,
-          key,
-          this.$baseLodash.cloneDeep(fieldWidget ? fieldWidget : params.widget)
-        );
-      }
-
-      return this.widgetMap[key];
+      let widgetId = fieldWidget ? fieldWidget.id : params.widget.id;
+      let widget = this.fieldSchemaMap[row._X_ROW_KEY][widgetId]
+      return widget;
     },
     loopHandleWidgetByName(name, callback) {
       let rows = this.getValue();
@@ -228,10 +268,8 @@ modules = {
       return option
     },
     getRowWidgetKey(rowParam, fieldWidget) {
-      let row = rowParam.row;
-      let params = rowParam.column.params;
-      let name = fieldWidget ? fieldWidget.options.name : params.widget.options.name;
-      let key = this.getRowRefKey(row, name);
+      let widget = this.getRowWidget(rowParam, fieldWidget);
+      let key = widget.id
       return key;
     },
     getGridTableName() {
@@ -249,13 +287,40 @@ modules = {
         this.formModel[this.fieldKeyName] = rows;
       }
     },
+    initFieldSchema(val) {
+      let rows = val || [];
+      this.formModel[this.fieldKeyName] = rows;
+      this.fieldModel = rows;
+      this.initRowIdData(true)
+      this.initFieldSchemaData()
+    },
+    initValue(val) {
+      // this.clearRowWidgets()
+      let rows = val || [];
+      rows.forEach((row, index) => {
+        row._X_ROW_KEY = "row_" + generateId()
+      })
+      this.formModel[this.fieldKeyName] = rows;
+      this.fieldModel = rows;
+      this.initRowIdData(true)
+      this.initFieldSchemaData(true)
+
+    },
     setValue(val) {
       // console.log("rows:",val);
       this.clearRowWidgets()
       let rows = val || [];
+      rows.forEach((row, index) => {
+        if (!row._X_ROW_KEY) {
+          row._X_ROW_KEY = "row_" + generateId()
+        }
+      })
       this.formModel[this.fieldKeyName] = rows;
       let $grid = this.getGridTable();
       this.fieldModel = rows;
+
+      this.initRowIdData()
+      this.initFieldSchemaData()
       // $grid.loadData(rows);
     },
     getValue() {
@@ -472,7 +537,7 @@ modules = {
       };
 
       const addColumProperty = (col, t) => {
-        let columnOption;
+        /*let columnOption;
         let widget;
         let columnWidgetConfig = this.getColumnWidgetConfig(t);
         let {columnSelectedWidget, columnEditFields} = columnWidgetConfig;
@@ -486,11 +551,18 @@ modules = {
         let {columnSelectedWidget: editWidget} = this.getColumnWidgetConfig(
           t,
           true
-        );
+        );*/
 
+
+        let widget = t.widget ?? null;
+        let editWidget = t.editWidget ?? null;
+        let columnOption = {};
+        if (widget) {
+          columnOption = widget.options;
+        }
         let params = {
           ...columnOption,
-          widget: widget,
+          widget,
           formatS: t.formatS,
           required: t.required || false,
           columnConfig: t,
@@ -503,7 +575,7 @@ modules = {
             col.slots.default = (params, h) => {
               return r ? r.call(this, params, h) : "";
             };
-          } else if (columnSelectedWidget) {
+          } else if (widget) {
             // col.slots.default = columnSelectedWidget.id;
             col.slots.default = "widget";
           } else if (t.formatS == "editTreeButtonGroup") {
@@ -898,11 +970,13 @@ modules = {
                     // let f = new Function("dataId", "formCode", "param", "done", accessScript);
                     let done = (res) => {
                       this.clearRowWidgets();
+                      let rows = res.objx
+                        ? res.objx.records || res.objx || []
+                        : [];
+                      this.initValue(rows)
                       resolve(res);
                       if (res.type == "success") {
-                        let rows = res.objx
-                          ? res.objx.records || res.objx || []
-                          : [];
+
                         if (that.widget.options.isTreeTable) {
                           if (rows.length > 0) {
                             let fullAllDataRowMap =
@@ -1184,7 +1258,7 @@ modules = {
               ...row,
             };
           });
-          this.setValue(rows);
+          this.initValue(rows);
           this.$nextTick(() => {
             /*if (this.widget.options.isTreeTable) {
               let $grid = this.getGridTable();
@@ -1401,7 +1475,15 @@ modules = {
         );
         let tmpId = generateId();
         let idVal = row.prop ? row.prop : type + tmpId;
-        columnSelectedWidget.id = idVal;
+        /*
+        columnSelectedWidget.id = idVal;*/
+        /*if(isEdit){
+          columnSelectedWidget.id = "edit_"+row.columnId;
+        }else{
+          columnSelectedWidget.id = row.columnId;
+        }*/
+        // columnSelectedWidget.id = row.columnId;
+
         columnSelectedWidget.options.name = idVal;
 
         let columnOption;
@@ -2160,9 +2242,118 @@ modules = {
         let key = this.getRowRefKey(row, widget.options.name);
         delete this.widgetMap[key];
       })
-    }
+    },
     /**end*/
 
+    //begin1
+    initAllFieldSchema() {
+      this.initRowIdData(true);
+      this.initFieldSchemaData();
+    },
+    initRowIdData(initFlag) {
+      this.rowIdData.splice(0, this.rowIdData.length)  //清除数组必须用splice，length=0不会响应式更新！！
+      let subFormModel = this.formModel[this.fieldKeyName]
+      if (!!subFormModel && (subFormModel.length > 0)) {
+        subFormModel.forEach((row) => {
+          if (!row._X_ROW_KEY) row._X_ROW_KEY = "row_" + generateId();
+          this.rowIdData.push(row._X_ROW_KEY)
+        })
+
+        /*if (!!initFlag) {
+          //注意：事件触发需延期执行，SumFormDataChange事件处理代码中可能存在尚未创建完成的组件！！
+          setTimeout(() => {
+            this.handleSubFormRowChange(subFormModel)
+          }, 800)
+        }*/
+      }
+    },
+    initFieldSchemaData(initFlag) {  //初始化fieldSchemaData！！！
+      /*if (this.widget.type !== 'sub-form') {
+        return
+      }*/
+
+      let rows = this.formModel[this.fieldKeyName];
+      let rowIdData = this.rowIdData;
+      let rowLength = this.rowIdData.length
+      // this.fieldSchemaData.splice(0, this.fieldSchemaData.length)  //清除数组必须用splice，length=0不会响应式更新！！
+      // if(initFlag)this.fieldSchemaMap = {};
+      if (rowLength > 0) {
+        let target = this.getGridTable();
+        let {fullColumn} = target.getTableColumn();
+        let allWidgets = [];
+        let fieldSchemaMap = {}
+        let fieldSchemaMap0 = this.fieldSchemaMap;
+        for (let i = 0; i < rowLength; i++) {
+          let rowId = rowIdData[i];
+          let fieldSchemas = []
+          let fieldSchemaMap2 = null;
+          if (initFlag) {
+            fieldSchemaMap2 = this.createRowFieldSchemaMap();
+          } else {
+            let fieldSchemaMap01 = fieldSchemaMap0[rowId]
+            fieldSchemaMap2 = fieldSchemaMap01 ? this.$baseLodash.cloneDeep(fieldSchemaMap01) : this.createRowFieldSchemaMap();
+          }
+          fieldSchemaMap[rowId] = fieldSchemaMap2;
+        }
+        this.fieldSchemaMap = fieldSchemaMap;
+      }
+    },
+    createRowFieldSchemaMap() {
+      let target = this.getGridTable();
+      let {fullColumn} = target.getTableColumn();
+
+      let fieldSchemaMap2 = {};
+      fullColumn.forEach((column) => {
+        let params = column.params;
+        if (params) {
+          if (params.widget) {
+            let item1 = this.cloneFieldSchema(params.widget)
+            fieldSchemaMap2[params.widget.id] = item1;
+          }
+          if (params.editWidget) {
+            let item1 = this.cloneFieldSchema(params.editWidget)
+            fieldSchemaMap2[params.editWidget.id] = item1;
+          }
+          if (params.widgetList) {
+            let widgetList = this.$baseLodash.cloneDeep(params.widgetList)
+            loopHandleWidget(widgetList, (w, p) => {
+              // let item1 = this.cloneFieldSchema(w)
+              let id = w.id
+              w.id = w.type + generateId()
+              fieldSchemaMap2[id] = w;
+            })
+            params.widgetList.forEach(widget => {
+
+            })
+          }
+        }
+      })
+      return fieldSchemaMap2;
+    },
+    addToFieldSchemaData(rowIndex) {
+      let fieldSchemas = []
+      this.widget.widgetList.forEach(swItem => {
+        fieldSchemas.push(this.cloneFieldSchema(swItem))
+      })
+
+      if (rowIndex === undefined) {
+        this.fieldSchemaData.push(fieldSchemas)
+      } else {
+        this.fieldSchemaData.splice(rowIndex, 0, fieldSchemas)
+      }
+    },
+
+    deleteFromFieldSchemaData(rowIndex) {
+      this.fieldSchemaData.splice(rowIndex, 1)
+    },
+
+    cloneFieldSchema(fieldWidget) {
+      let newFieldSchema = deepClone(fieldWidget)
+      newFieldSchema.id = fieldWidget.type + generateId()
+      return newFieldSchema
+    },
+    //end1
+
   },
 };