cloud-web-corejs 1.0.98 → 1.0.100

package/src/components/xform/form-designer/setting-panel/property-editor/container-data-table/table-column-dialog.vue

@@ -44,7 +44,7 @@
           fixed="left"
         >
           <template #default="scope">
-            <el-input v-model="scope.row.label"></el-input>
+            <el-input v-model="scope.row.label" @change="changeRowLabel(scope.row)"></el-input>
           </template>
         </el-table-column>
         <el-table-column
@@ -55,6 +55,7 @@
           <template #default="scope">
             <el-input
               v-model="scope.row.prop"
+              @change="changeRowProp(scope.row)"
               :disabled="'editAttachment' == scope.row.formatS"
             ></el-input>
           </template>
@@ -79,7 +80,7 @@
         </el-table-column>
         <el-table-column :label="i18nt('必填')" width="70" prop="required">
           <template #default="scope">
-            <el-switch v-model="scope.row.required"></el-switch>
+            <el-switch v-model="scope.row.required" @change="changeRowRequired(scope.row)"></el-switch>
           </template>
         </el-table-column>
         <el-table-column
@@ -499,7 +500,7 @@
 <script>
 import i18n from "../../../../../../components/xform/utils/i18n";
 import Sortable from "sortablejs";
-import {generateId, loopHandleWidget,deepClone} from "../../../../../../components/xform/utils/util";
+import {generateId, loopHandleWidget, deepClone} from "../../../../../../components/xform/utils/util";
 import columnRenderDialog from "./columnRenderDialog.vue"
 import {businessFields} from "@base/components/xform/form-designer/widget-panel/widgetsConfig";
 
@@ -1158,12 +1159,12 @@ export default {
       return isButtontCell;
     },
     //drag end
-    changeFormatS(row,isEdit) {
+    changeFormatS(row, isEdit) {
       let formatS = isEdit ? row.editFormatS : row.formatS;
       let isButtontCell = this.getIsButtontCell(formatS);
       let columnWidgetConfig = this.getColumnWidgetConfig(row, true, isEdit);
       let {columnSelectedWidget, columnEditFields} = columnWidgetConfig;
-      if(!isEdit){
+      if (!isEdit) {
         //格式化类型
         if (columnSelectedWidget) {
           row.columnOption = columnSelectedWidget.options;
@@ -1172,7 +1173,7 @@ export default {
           row.columnOption = {};
           row.widget = null;
         }
-      }else{
+      } else {
         //编辑插槽类型
         if (columnSelectedWidget) {
           row.columnOption = columnSelectedWidget.options;
@@ -1183,7 +1184,7 @@ export default {
         }
       }
 
-      if(!isEdit){
+      if (!isEdit) {
         if (row.formatS == "editTreeButtonGroup") {
           row.prop = null;
           row.label = null;
@@ -1355,6 +1356,15 @@ export default {
       }
       return result;
     },
+
+    getRowWidget(row){
+      let widget = row.widget
+      if(!widget){
+        widget.options.a = a;
+        widget.options.a = a;
+      }
+      return widget;
+    },
     openFormatConfigDialog(row, index) {
       if (row.formatS == 'widgetRender') {
         let formWidgetList = deepClone(this.designer.widgetList);
@@ -1371,7 +1381,7 @@ export default {
             targetColumn = this.findColumnByColumnId(item.options.tableColumns, columnId)
           }
         });
-        let getWidgetList = (subWidgetList = []) =>{
+        let getWidgetList = (subWidgetList = []) => {
           targetColumn.widgetList = this.$baseLodash.cloneDeep(subWidgetList);
           return formWidgetList;
         }
@@ -1387,7 +1397,7 @@ export default {
       }
 
 
-      let option = row.columnOption;
+      /*let option = row.columnOption;
       let selectedWidget;
       let columnWidgetConfig = this.getColumnWidgetConfig(row);
       let {columnSelectedWidget, columnEditFields} = columnWidgetConfig;
@@ -1400,7 +1410,8 @@ export default {
       }
 
       let columnOption = this.$baseLodash.cloneDeep(option);
-      row.columnOption = columnOption;
+      row.columnOption = columnOption;*/
+      let selectedWidget = row.widget;
       this.operateIndex = index;
 
       let tableColumns = this.tableData;
@@ -1409,7 +1420,7 @@ export default {
         columnSelectedWidget: selectedWidget,
         tableColumns,
         index: index,
-        columnEditFields: columnEditFields,
+        // columnEditFields: columnEditFields,
         callback: (columnOption) => {
           this.confirmFormatConfigDialog(columnOption, row);
         },
@@ -1423,9 +1434,9 @@ export default {
       // let row = this.tableData[this.operateIndex];
       row.columnOption = columnOption;
 
-      if(row.widget){
+      if (row.widget) {
         row.widget.options = columnOption;
-      }else{
+      } else {
         let type = this.columnFormatMap[row.formatS];
         let fieldWidget = this.designer.copyNewFieldWidget(
           this.designer.getFieldWidgetByType(type)
@@ -1442,7 +1453,7 @@ export default {
       }
     },
     openEditFormatConfigDialog(row, index) {
-      let option = row.columnOption;
+      /*let option = row.columnOption;
       let selectedWidget;
       let columnWidgetConfig = this.getColumnWidgetConfig(row, null, true);
       let {columnSelectedWidget, columnEditFields} = columnWidgetConfig;
@@ -1455,7 +1466,8 @@ export default {
       }
 
       let columnOption = this.$baseLodash.cloneDeep(option);
-      row.editColumnOption = columnOption;
+      row.editColumnOption = columnOption;*/
+      let selectedWidget = row.editWidget;
       this.operateIndex = index;
 
       let tableColumns = this.tableData;
@@ -1464,7 +1476,7 @@ export default {
         tableColumns,
         columnSelectedWidget: selectedWidget,
         index: index,
-        columnEditFields: columnEditFields,
+        // columnEditFields: columnEditFields,
         callback: (columnOption) => {
           this.confirmEditFormatConfigDialog(columnOption, row);
         },
@@ -1475,9 +1487,9 @@ export default {
       row.editColumnOption = columnOption;
       // row.editWidget.options = columnOption;
 
-      if(row.editWidget){
+      if (row.editWidget) {
         row.editWidget.options = columnOption;
-      }else{
+      } else {
         let type = this.columnFormatMap[row.editFormatS];
         let fieldWidget = this.designer.copyNewFieldWidget(
           this.designer.getFieldWidgetByType(type)
@@ -1531,6 +1543,46 @@ export default {
       );
       this.showTableColumnConfigDialog = false;
     },
+    changeRowLabel(row) {
+      this.setRowWidgetAttars(row, 'label', row.label);
+    },
+    changeRowProp(row) {
+      this.setRowWidgetAttars(row, 'keyName', row.prop);
+    },
+    changeRowRequired(row) {
+      this.setRowWidgetAttars(row, 'required', row.required);
+    },
+    setRowWidgetAttars(row, key, value) {
+      let type1 = this.columnFormatMap[row.formatS];
+      let type2 = this.columnFormatMap[row.editFormatS];
+      let newWidget = type1 ? this.designer.copyNewFieldWidget(
+        this.designer.getFieldWidgetByType(type1)
+      ) : null;
+
+      let newEditWidget = type2 ? this.designer.copyNewFieldWidget(
+        this.designer.getFieldWidgetByType(type2)
+      ) : null;
+
+      if (newWidget.formItemFlag) {
+        if (row.widget) {
+          if (row.widget.options[key] !== undefined) row.widget.options[key] = value;
+        }
+        if (row.columnOption) {
+          if (row.columnOption[key] !== undefined) row.columnOption[key] = value;
+        }
+      }
+
+      if (newWidget.formItemFlag) {
+        if (row.editWidget) {
+          if (row.editWidget.options[key] !== undefined) row.editWidget.options[key] = value;
+        }
+        if (row.editColumnOption) {
+          if (row.editColumnOption[key] !== undefined) row.editColumnOption[key] = value;
+        }
+      }
+
+
+    },
   },
 };
 </script>