cloud-web-corejs 1.0.113 → 1.0.115

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

@@ -29,13 +29,13 @@
         element-loading-text="数据正在加载中"
         element-loading-spinner="el-icon-loading"
       >
-        <el-table-column label="" min-width="80" fixed="left">
+        <el-table-column label="" width="80" fixed="left">
           <template #default="scope">
             <span>{{ scope.$index + 1 }}</span>
           </template>
         </el-table-column>
         <el-table-column label="" width="35" fixed="left"
-        ><i class="el-icon-s-operation drag-option"></i>
+          ><i class="el-icon-s-operation drag-option"></i>
         </el-table-column>
         <el-table-column
           :label="i18nt('designer.setting.columnLabel')"
@@ -44,7 +44,10 @@
           fixed="left"
         >
           <template #default="scope">
-            <el-input v-model="scope.row.label" @change="changeRowLabel(scope.row)"></el-input>
+            <el-input
+              v-model="scope.row.label"
+              @change="changeRowLabel(scope.row)"
+            ></el-input>
           </template>
         </el-table-column>
         <el-table-column
@@ -69,32 +72,13 @@
             <el-input v-model="scope.row.width"></el-input>
           </template>
         </el-table-column>
-        <el-table-column
-          :label="i18nt('designer.setting.visibleColumn')"
-          width="70"
-          prop="show"
-        >
-          <template #default="scope">
-            <el-switch v-model="scope.row.show"></el-switch>
-          </template>
-        </el-table-column>
+
         <el-table-column :label="i18nt('必填')" width="70" prop="required">
           <template #default="scope">
-            <el-switch v-model="scope.row.required" @change="changeRowRequired(scope.row)"></el-switch>
-          </template>
-        </el-table-column>
-        <el-table-column
-          :label="i18nt('designer.setting.sortableColumn')"
-          width="70"
-          prop="sortable"
-        >
-          <template #default="scope">
-            <el-switch v-model="scope.row.sortable"></el-switch>
-          </template>
-        </el-table-column>
-        <el-table-column :label="i18nt('明细行')" width="70" prop="sortable">
-          <template #default="scope">
-            <el-switch v-model="scope.row.isItemLine"></el-switch>
+            <el-switch
+              v-model="scope.row.required"
+              @change="changeRowRequired(scope.row)"
+            ></el-switch>
           </template>
         </el-table-column>
         <el-table-column
@@ -109,13 +93,6 @@
             </el-select>
           </template>
         </el-table-column>
-        <!--          <el-table-column :label="i18nt('designer.setting.alignTypeOfColumn')" width="100" prop="align">
-                    <template #default="scope">
-                      <el-select v-model="scope.row.align">
-                        <el-option v-for="(e,index) in alignOptions" :key="index" :value="e.value" :label="e.label"></el-option>
-                      </el-select>
-                    </template>
-                  </el-table-column>-->
         <el-table-column
           :label="i18nt('designer.setting.formatOfColumn')"
           width="200"
@@ -124,7 +101,7 @@
           <template #default="scope">
             <el-select
               v-model="scope.row.formatS"
-              @change="changeFormatS(scope.row,false)"
+              @change="changeFormatS(scope.row, false)"
               clearable
             >
               <el-option-group
@@ -132,11 +109,7 @@
               >
                 <el-option value="render" label="render"></el-option>
               </el-option-group>
-              <el-option-group
-                v-for="t in op"
-                :key="t.label"
-                :label="t.label"
-              >
+              <el-option-group v-for="t in op" :key="t.label" :label="t.label">
                 <el-option
                   v-for="e in t.options"
                   :key="e.value"
@@ -147,11 +120,7 @@
             </el-select>
           </template>
         </el-table-column>
-        <el-table-column
-          label="格式化配置"
-          width="90"
-          align="center"
-        >
+        <el-table-column label="格式化配置" width="90" align="center">
           <template #default="scope">
             <el-button
               size="mini"
@@ -159,7 +128,10 @@
               round=""
               icon="el-icon-edit"
               @click="openFormatConfigDialog(scope.row, scope.$index)"
-              :disabled="!columnFormatMap[scope.row.formatS] && 'widgetRender'!== scope.row.formatS"
+              :disabled="
+                !columnFormatMap[scope.row.formatS] &&
+                'widgetRender' !== scope.row.formatS
+              "
             ></el-button>
           </template>
         </el-table-column>
@@ -179,115 +151,40 @@
             ></el-button>
           </template>
         </el-table-column>
-        <el-table-column :label="i18nt('自定义表格列配置')" width="150">
-          <template #default="scope">
-            <a
-              href="javascript:void(0);"
-              class="a-link link-oneLind"
-              @click="openTableColumnConfigDialog(scope.row, scope.$index)"
-            >
-              <span>{{ scope.row.tableColumnConfig }}</span>
-              <i class="el-icon-edit"></i>
-            </a>
-          </template>
-        </el-table-column>
-        <el-table-column :label="i18nt('下拉列')" width="70" prop="sortable">
-          <template #default="scope">
-            <el-switch v-model="scope.row.treeNode"></el-switch>
-          </template>
-        </el-table-column>
         <el-table-column
-          :label="i18nt('编辑插槽类型')"
-          width="200"
-          prop="editFormatS"
+          :label="i18nt('designer.setting.visibleColumn')"
+          width="70"
+          prop="show"
         >
           <template #default="scope">
-            <el-select
-              v-model="scope.row.editFormatS"
-              @change="changeFormatS(scope.row,true)"
-              clearable
-            >
-              <el-option
-                v-for="e in editOp"
-                :key="e.value"
-                :value="e.value"
-                :label="e.label"
-              ></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column label="编辑插槽配置" width="150" align="center">
-          <template #default="scope">
-            <el-button
-              size="mini"
-              plain=""
-              round=""
-              icon="el-icon-edit"
-              @click="openEditFormatConfigDialog(scope.row, scope.$index)"
-              :disabled="!scope.row.editFormatS"
-            ></el-button>
+            <el-switch v-model="scope.row.show"></el-switch>
           </template>
         </el-table-column>
         <el-table-column
-          :label="i18nt('导出类型')"
-          width="200"
-          prop="formatS"
+          :label="i18nt('designer.setting.sortableColumn')"
+          width="70"
+          prop="sortable"
         >
           <template #default="scope">
-            <el-select v-model="scope.row.exportType" clearable>
-              <el-option value="Image2" label="图片"></el-option>
-              <el-option value="Number" label="数值"></el-option>
-            </el-select>
+            <el-switch v-model="scope.row.sortable"></el-switch>
           </template>
         </el-table-column>
-
         <el-table-column
-          :label="i18nt('表尾统计行类型')"
-          width="200"
-          prop="formatS"
+          label="编辑更多属性"
+          width="100"
+          align="center"
+          fixed="right"
         >
-          <template #default="scope">
-            <el-select v-model="scope.row.footerDataType" clearable>
-              <el-option value="1" label="合计"></el-option>
-              <el-option value="2" label="平均"></el-option>
-              <el-option value="3" label="自定义"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column label="表尾统计行配置" width="150" align="center">
           <template #default="scope">
             <el-button
               size="mini"
               plain=""
               round=""
               icon="el-icon-edit"
-              @click="
-                  editFormEventHandler(
-                    scope.row,
-                    scope.$index,
-                    'footerMethodConfg'
-                  )
-                "
-              :disabled="scope.row.footerDataType !== '3'"
+              @click="openRowEditDialog(scope.row, scope.$index)"
             ></el-button>
           </template>
         </el-table-column>
-<el-table-column
-          :label="i18nt('显示名称颜色')"
-          width="100"
-          prop="fixed"
-        >
-          <template #default="scope">
-            <el-select  v-model="scope.row.labelColor" clearable>
-              <el-option value="#e6a23c" label="橙"></el-option>
-              <el-option value="#2a6494" label="蓝"></el-option>
-              <el-option value="#30b08f" label="绿"></el-option>
-              <el-option value="#909399" label="灰"></el-option>
-              <el-option value="#ea5353" label="红"></el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-
         <el-table-column label="操作" width="150" fixed="right">
           <template slot="header">
             <el-tooltip
@@ -356,9 +253,13 @@
           </template>
         </el-table-column>
       </el-table>
-      <columnRenderDialog :column="currentTableColumn" :sourceData="sourceData" v-if="showColumnRenderDialog"
-                          :visiable.sync="showColumnRenderDialog"
-                          @confirm="confirmWidgetRenderDialog"></columnRenderDialog>
+      <columnRenderDialog
+        :column="currentTableColumn"
+        :sourceData="sourceData"
+        v-if="showColumnRenderDialog"
+        :visiable.sync="showColumnRenderDialog"
+        @confirm="confirmWidgetRenderDialog"
+      ></columnRenderDialog>
     </div>
     <div class="dialog-footer" slot="footer">
       <el-button @click="closeHandle" class="button-sty" icon="el-icon-close">
@@ -398,7 +299,7 @@
         :readonly="!1"
         v-model="renderJson"
       ></code-editor>
-      <el-alert type="info" :closable="!1" title="}"/>
+      <el-alert type="info" :closable="!1" title="}" />
       <div class="dialog-footer" slot="footer">
         <el-button
           @click="showRenderDialogFlag = !1"
@@ -509,14 +410,207 @@
         </el-button>
       </div>
     </el-dialog>
+
+    <el-dialog
+      custom-class="dialog-style list-dialog"
+      :title="i18nt('designer.setting.tableColEdit')"
+      :visible.sync="showRowEditDialog"
+      v-if="showRowEditDialog"
+      :modal="false"
+      :show-close="!0"
+      :close-on-click-modal="!1"
+      :close-on-press-escape="!1"
+      :destroy-on-close="!0"
+      top="5vh"
+      width="409px"
+      v-dialog-drag
+    >
+      <div class="cont">
+        <el-form :model="rowData" class="form-m2" label-position="top">
+          <el-form-item :label="i18nt('designer.setting.columnLabel')">
+            <el-input
+              v-model="rowData.label"
+              @change="changeRowLabel(rowData)"
+            ></el-input>
+          </el-form-item>
+          <el-form-item :label="i18nt('designer.setting.columnName')">
+            <el-input
+              v-model="rowData.prop"
+              @change="changeRowProp(rowData)"
+              :disabled="'editAttachment' == rowData.formatS"
+            ></el-input>
+          </el-form-item>
+          <el-form-item :label="i18nt('designer.setting.columnWidth')">
+            <el-input v-model="rowData.width"></el-input>
+          </el-form-item>
+          <el-form-item :label="i18nt('必填')">
+            <el-switch
+              v-model="rowData.required"
+              @change="changeRowRequired(rowData)"
+            ></el-switch>
+          </el-form-item>
+          <el-form-item :label="i18nt('designer.setting.fixedColumn')">
+            <el-select v-model="rowData.fixed" clearable>
+              <el-option value="left">left</el-option>
+              <el-option value="right">right</el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item :label="i18nt('designer.setting.formatOfColumn')">
+            <el-select
+              v-model="rowData.formatS"
+              @change="changeFormatS(rowData, false)"
+              clearable
+            >
+              <el-option-group
+                :label="i18nt('designer.setting.customRenderGroup')"
+              >
+                <el-option value="render" label="render"></el-option>
+              </el-option-group>
+              <el-option-group v-for="t in op" :key="t.label" :label="t.label">
+                <el-option
+                  v-for="e in t.options"
+                  :key="e.value"
+                  :value="e.value"
+                  :label="e.label"
+                ></el-option>
+              </el-option-group>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="格式化配置">
+            <el-button
+              size="mini"
+              plain=""
+              round=""
+              icon="el-icon-edit"
+              @click="openFormatConfigDialog(rowData, rowDataIndex)"
+              :disabled="
+                !columnFormatMap[rowData.formatS] &&
+                'widgetRender' !== rowData.formatS
+              "
+            ></el-button>
+          </el-form-item>
+          <el-form-item :label="i18nt('designer.setting.renderFunction')">
+            <el-button
+              :disabled="'render' !== rowData.formatS"
+              size="mini"
+              plain=""
+              round=""
+              icon="el-icon-edit"
+              @click="showRenderDialog(rowData)"
+            ></el-button>
+          </el-form-item>
+          <el-form-item :label="i18nt('designer.setting.visibleColumn')">
+            <el-switch v-model="rowData.show"></el-switch>
+          </el-form-item>
+          <el-form-item :label="i18nt('designer.setting.sortableColumn')">
+            <el-switch v-model="rowData.sortable"></el-switch>
+          </el-form-item>
+          <el-form-item :label="i18nt('明细行')">
+            <el-switch v-model="rowData.isItemLine"></el-switch>
+          </el-form-item>
+
+          <el-form-item :label="i18nt('下拉列')">
+            <el-switch v-model="rowData.treeNode"></el-switch>
+          </el-form-item>
+          <el-form-item :label="i18nt('自定义表格列配置')">
+            <a
+              href="javascript:void(0);"
+              class="a-link link-oneLind"
+              @click="openTableColumnConfigDialog(rowData, rowDataIndex)"
+            >
+              <span>{{ rowData.tableColumnConfig }}</span>
+              <i class="el-icon-edit"></i>
+            </a>
+          </el-form-item>
+          <el-form-item :label="i18nt('编辑插槽类型')">
+            <el-select
+              v-model="rowData.editFormatS"
+              @change="changeFormatS(rowData, true)"
+              clearable
+            >
+              <el-option
+                v-for="e in editOp"
+                :key="e.value"
+                :value="e.value"
+                :label="e.label"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="编辑插槽配置">
+            <el-button
+              size="mini"
+              plain=""
+              round=""
+              icon="el-icon-edit"
+              @click="openEditFormatConfigDialog(rowData, rowDataIndex)"
+              :disabled="!rowData.editFormatS"
+            ></el-button>
+          </el-form-item>
+          <el-form-item :label="i18nt('导出类型')">
+            <el-select v-model="rowData.exportType" clearable>
+              <el-option value="Image2" label="图片"></el-option>
+              <el-option value="Number" label="数值"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item :label="i18nt('表尾统计行类型')">
+            <el-select v-model="rowData.footerDataType" clearable>
+              <el-option value="1" label="合计"></el-option>
+              <el-option value="2" label="平均"></el-option>
+              <el-option value="3" label="自定义"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="表尾统计行配置">
+            <el-button
+              size="mini"
+              plain=""
+              round=""
+              icon="el-icon-edit"
+              @click="
+                editFormEventHandler(rowData, rowDataIndex, 'footerMethodConfg')
+              "
+              :disabled="rowData.footerDataType !== '3'"
+            ></el-button>
+          </el-form-item>
+          <el-form-item :label="i18nt('显示名称颜色')">
+            <el-select v-model="rowData.labelColor" clearable>
+              <el-option value="#e6a23c" label="橙"></el-option>
+              <el-option value="#2a6494" label="蓝"></el-option>
+              <el-option value="#30b08f" label="绿"></el-option>
+              <el-option value="#909399" label="灰"></el-option>
+              <el-option value="#ea5353" label="红"></el-option>
+            </el-select>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div class="dialog-footer" slot="footer">
+        <el-button
+          @click="closeRowEditDialog"
+          class="button-sty"
+          icon="el-icon-close"
+        >
+          {{ i18nt("designer.hint.cancel") }}
+        </el-button>
+        <el-button
+          type="primary"
+          @click="submitRowEditDialog"
+          class="button-sty"
+          icon="el-icon-check"
+        >
+          {{ i18nt("designer.hint.confirm") }}
+        </el-button>
+      </div>
+    </el-dialog>
   </el-dialog>
 </template>
 <script>
 import i18n from "../../../../../../components/xform/utils/i18n";
 import Sortable from "sortablejs";
-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";
+import {
+  generateId,
+  loopHandleWidget,
+  deepClone,
+} from "../../../../../../components/xform/utils/util";
+import columnRenderDialog from "./columnRenderDialog.vue";
 
 let businessOptions = [
   {
@@ -536,7 +630,7 @@ let businessOptions = [
     label: "更新时间",
   },
 ];
-let userFields = ["_createBy", "_modifyBy", "create_date", "modify_date"]
+let userFields = ["_createBy", "_modifyBy", "create_date", "modify_date"];
 
 export default {
   mixins: [i18n],
@@ -545,10 +639,9 @@ export default {
     selectedWidget: Object,
     optionModel: Object,
   },
-  components: {columnRenderDialog},
+  components: { columnRenderDialog },
   inject: ["openWidgetPropertyDialog"],
   data() {
-
     return {
       pictLoading: true,
       tableColumnConfigTitle: null,
@@ -675,7 +768,7 @@ export default {
 
         {
           label: "业务模块",
-          options: businessOptions
+          options: businessOptions,
         },
         {
           label: "Date Format",
@@ -798,6 +891,7 @@ export default {
       showFormEventDialogFlag: false,
       formEventHandlerCode: "",
       curEventName: "",
+      curEventRow:null,
 
       eventParamsMap: {
         footerMethodConfg: "footerMethodConfg(dataId,formCode,param) {",
@@ -805,18 +899,22 @@ export default {
 
       showColumnRenderDialog: false,
 
+      editRowData: null,
+      rowData: null,
+      rowDataIndex: 0,
+      showRowEditDialog: false,
     };
   },
   beforeDestroy() {
     if (this.dragSort) this.dragSort.destroy();
   },
-  created() {
-  },
+  created() {},
   mounted() {
     this.init();
   },
   methods: {
     editFormEventHandler(row, index, eventName) {
+      this.curEventRow = row;
       this.curEventName = eventName;
       this.curEventIndex = index;
       this.formEventHandlerCode = row[eventName];
@@ -840,7 +938,7 @@ export default {
           return;
         }
       }
-      this.tableData[this.curEventIndex][this.curEventName] =
+      this.curEventRow[this.curEventName] =
         this.formEventHandlerCode;
       this.showFormEventDialogFlag = false;
     },
@@ -852,10 +950,10 @@ export default {
         this.$nextTick(() => {
           this.rowDrop();
           setTimeout(() => {
-            this.pictLoading = false
-          }, 200)
+            this.pictLoading = false;
+          }, 200);
         });
-      }, 10)
+      }, 10);
 
       /*this.$nextTick(() => {
         this.rowDrop();
@@ -874,11 +972,11 @@ export default {
 
       // this.designer.widgetList
 
-      this.showColumnRenderDialog = true
+      this.showColumnRenderDialog = true;
     },
     confirmWidgetRenderDialog(widgetList) {
-      this.currentTableColumn.widgetList = widgetList
-      this.showColumnRenderDialog = false
+      this.currentTableColumn.widgetList = widgetList;
+      this.showColumnRenderDialog = false;
     },
     showRenderDialog: function (e) {
       /*if(e.formatS == 'widgetRender'){
@@ -926,7 +1024,7 @@ export default {
      * @param {string} type 操作类型 SIBLING 同级 / CHILD 子级
      */
     handleAddOneRow(row, index, type) {
-      const {parentId, columnId} = row;
+      const { parentId, columnId } = row;
       const curId = type === "SIBLING" ? parentId : columnId;
       let curRow = {};
       // 在 tableData 中，找到当前节点
@@ -943,7 +1041,7 @@ export default {
 
       findRow(this.tableData);
 
-      const {columnId: generateParentId, children} = curRow;
+      const { columnId: generateParentId, children } = curRow;
 
       let newRow = this.generateRow(generateParentId);
       if (children) {
@@ -982,7 +1080,7 @@ export default {
         footerDataType: null,
         footerMethodConfg: null,
         widgetList: [],
-        labelColor:null
+        labelColor: null,
         // treeNode: false,
       };
       return row;
@@ -993,7 +1091,7 @@ export default {
     },
     // 删除当前节点及对应子节点数据
     onDelete(row) {
-      const {parentId, columnId} = row;
+      const { parentId, columnId } = row;
       // 根节点直接删除
       if (!parentId) {
         const delIndex = this.tableData.findIndex(
@@ -1006,7 +1104,7 @@ export default {
         const findRow = (data) => {
           data.forEach((item) => {
             if (item.columnId === parentId) {
-              parentRow = {...item};
+              parentRow = { ...item };
             }
             if (item.children && item.children.length) {
               findRow(item.children);
@@ -1015,7 +1113,7 @@ export default {
         };
         findRow(this.tableData);
 
-        const {children} = parentRow;
+        const { children } = parentRow;
 
         const delIndex = children.findIndex(
           (item) => item.columnId === columnId
@@ -1051,11 +1149,11 @@ export default {
       this.dragSort = Sortable.create(tbody, {
         ghostClass: "sortable-ghost",
         // draggable: ".drag-option",    // 修改可拖拽元素
-        handle: '.drag-option', // 指定拖动按钮
+        handle: ".drag-option", // 指定拖动按钮
         setData: function (e) {
           e.setData("Text", "");
         },
-        onEnd({newIndex, oldIndex}) {
+        onEnd({ newIndex, oldIndex }) {
           _this.rowDropEnd(newIndex, oldIndex);
         },
       });
@@ -1178,7 +1276,7 @@ export default {
       let formatS = isEdit ? row.editFormatS : row.formatS;
       let isButtontCell = this.getIsButtontCell(formatS);
       let columnWidgetConfig = this.getColumnWidgetConfig(row, true, isEdit);
-      let {columnSelectedWidget, columnEditFields} = columnWidgetConfig;
+      let { columnSelectedWidget, columnEditFields } = columnWidgetConfig;
       if (!isEdit) {
         //格式化类型
         if (columnSelectedWidget) {
@@ -1221,7 +1319,9 @@ export default {
           if (!row.label) row.label = tmpId;
 
           if (this.userFields.includes(row.formatS)) {
-            let item = this.businessOptions.find(item => item.value == row.formatS);
+            let item = this.businessOptions.find(
+              (item) => item.value == row.formatS
+            );
             if (item) {
               row.prop = item.value;
               row.label = item.label;
@@ -1238,7 +1338,6 @@ export default {
           }
         }
       }
-
     },
     getColumnWidgetConfig(row, isChange, isEdit) {
       let formatS = isEdit ? row.editFormatS : row.formatS;
@@ -1346,72 +1445,74 @@ export default {
           columnSelectedWidget.options.labelHidden = true;
         }
       }
-      return {columnSelectedWidget, columnEditFields};
+      return { columnSelectedWidget, columnEditFields };
     },
     findColumnByColumnId(columnList, columnId) {
-      let result = null
+      let result = null;
       if (columnList) {
-        let column = columnList.find(item => item.columnId == columnId);
+        let column = columnList.find((item) => item.columnId == columnId);
         if (!column) {
-
         }
         for (let column of columnList) {
           if (column.columnId == columnId) {
             result = column;
-            break
+            break;
           } else if (column.children && column.children.length) {
-            let subColumn = this.findColumnByColumnId(column.children, children)
+            let subColumn = this.findColumnByColumnId(
+              column.children,
+              children
+            );
             if (subColumn) {
               result = subColumn;
-              break
+              break;
             }
           }
-
         }
       }
       return result;
     },
 
-    getRowWidget(row){
-      let widget = row.widget
-      if(!widget){
+    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') {
+      if (row.formatS == "widgetRender") {
         let formWidgetList = deepClone(this.designer.widgetList);
         let tableData = deepClone(this.tableData);
         let columnId = row.columnId;
 
         let dataTableName = this.optionModel.name;
 
-
         let targetColumn = null;
         loopHandleWidget(formWidgetList, (item) => {
           if (item.options.name == dataTableName) {
             item.options.tableColumns = tableData;
-            targetColumn = this.findColumnByColumnId(item.options.tableColumns, columnId)
+            targetColumn = this.findColumnByColumnId(
+              item.options.tableColumns,
+              columnId
+            );
           }
         });
         let getWidgetList = (subWidgetList = []) => {
           targetColumn.widgetList = this.$baseLodash.cloneDeep(subWidgetList);
           return formWidgetList;
-        }
+        };
         let sourceData = {
           formWidgetList,
           dataTableName,
           columnId,
-          getWidgetList
-        }
+          getWidgetList,
+        };
 
         this.openWidgetRenderDialog(row, sourceData);
-        return
+        return;
       }
 
-
       /*let option = row.columnOption;
       let selectedWidget;
       let columnWidgetConfig = this.getColumnWidgetConfig(row);
@@ -1455,7 +1556,7 @@ export default {
         let type = this.columnFormatMap[row.formatS];
         let fieldWidget = this.designer.copyNewFieldWidget(
           this.designer.getFieldWidgetByType(type)
-        )
+        );
         fieldWidget.options = columnOption;
         row.widget = fieldWidget;
       }
@@ -1508,7 +1609,7 @@ export default {
         let type = this.columnFormatMap[row.editFormatS];
         let fieldWidget = this.designer.copyNewFieldWidget(
           this.designer.getFieldWidgetByType(type)
-        )
+        );
         fieldWidget.options = columnOption;
         row.editWidget = fieldWidget;
       }
@@ -1559,44 +1660,64 @@ export default {
       this.showTableColumnConfigDialog = false;
     },
     changeRowLabel(row) {
-      this.setRowWidgetAttars(row, 'label', row.label);
+      this.setRowWidgetAttars(row, "label", row.label);
     },
     changeRowProp(row) {
-      this.setRowWidgetAttars(row, 'keyName', row.prop);
+      this.setRowWidgetAttars(row, "keyName", row.prop);
     },
     changeRowRequired(row) {
-      this.setRowWidgetAttars(row, 'required', row.required);
+      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;
+      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.widget.options[key] !== undefined)
+            row.widget.options[key] = value;
         }
         if (row.columnOption) {
-          if (row.columnOption[key] !== undefined) row.columnOption[key] = value;
+          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.editWidget.options[key] !== undefined)
+            row.editWidget.options[key] = value;
         }
         if (row.editColumnOption) {
-          if (row.editColumnOption[key] !== undefined) row.editColumnOption[key] = value;
+          if (row.editColumnOption[key] !== undefined)
+            row.editColumnOption[key] = value;
         }
       }
-
-
+    },
+    openRowEditDialog(row, index) {
+      this.editRowData = row;
+      this.rowData = this.$baseLodash.cloneDeep(row);
+      this.rowDataIndex = index;
+      this.showRowEditDialog = true;
+    },
+    submitRowEditDialog() {
+      Object.assign(this.editRowData, this.$baseLodash.cloneDeep(this.rowData));
+      // this.editRowData = this.$baseLodash.cloneDeep(this.rowData);
+      this.showRowEditDialog = false;
+    },
+    closeRowEditDialog() {
+      this.showRowEditDialog = false;
     },
   },
 };