cloud-web-corejs 1.0.17 → 1.0.19

package/src/views/user/ea/eagroup/edit.vue

@@ -1,485 +1,502 @@
 <template>
-	<div class="detail-wrap">
-		<el-form ref="editForm" :model="eagroup">
-			<div class="d-header clearfix">
-				<div class="fl">
-					<i class="el-icon-info" />
-					{{ dataId ? '查看' : '新增' }}分组配置
-				</div>
-				<div class="fl tips_1" style="margin: 6px 34px">
-					<span>注：新增或更新字段信息后，请务必点击</span>
-					<el-button type="primary" plain class="button-sty" v-if="dataId != null" @click="createTable" style="margin-left: 10px;margin-right: 10px;">
-						创建/更新数据表
-					</el-button>
-					<span>按钮！</span>
-				</div>
-				<div class="fr">
-					<el-button type="primary" plain class="button-sty" @click="$baseReload()" icon="el-icon-refresh-right">重置</el-button>
-					<el-button type="primary" class="button-sty" icon="el-icon-check" @click="saveData">保存</el-button>
-				</div>
-			</div>
-			<div class="d-cont">
-				<div class="d-item">
-					<div class="title first"><b>基本信息</b></div>
-					<table class="table-detail">
-						<tbody>
-							<tr>
-								<th>
-									<em class="f-red">*</em>
-									分组描述
-								</th>
-								<td>
-									<el-form-item prop="eaGroupDesc" :rules="[{ required: true, trigger: 'blur' }]">
-										<el-input autocomplete="off" v-model="eagroup.eaGroupDesc" clearable />
-									</el-form-item>
-								</td>
-								<th>设置</th>
-								<td><el-checkbox label="是否启用" v-model="eagroup.enabled"></el-checkbox></td>
-								<th>分组类型</th>
-								<td colspan="3">
-									<el-radio-group v-if="!dataId" v-model="eagroup.eaGroupType" @change="changeEaGroupType">
-										<el-radio :label="1">单属性</el-radio>
-										<el-radio :label="2">列表属性</el-radio>
-										<el-radio :label="3">附件</el-radio>
-									</el-radio-group>
-									<template v-else>
-										<template v-if="eagroup.eaGroupType == 1">
-											单属性
-										</template>
-										<template v-else-if="eagroup.eaGroupType == 2">
-											列表属性
-										</template>
-										<template v-else-if="eagroup.eaGroupType == 3">
-											附件
-										</template>
-									</template>
-								</td>
-							</tr>
-							<tr>
-								<th>序号</th>
-								<td><base-input-number v-model="eagroup.orders" :scale="0" /></td>
-								<th>数据表名</th>
-								<td>
-									<pre>{{ eagroup.eaTableName }}</pre>
-								</td>
-								<th>附件类型</th>
-								<td colspan="3">{{ eagroup.eaAttachType }}</td>
-							</tr>
-							<tr>
-								<th>单据对象编码</th>
-								<td>{{ eagroup.eaObjCode }}</td>
-								<th>分组编码</th>
-								<td colspan="3">{{ eagroup.eaGroupCode }}</td>
-							</tr>
-							<tr v-if="eagroup.eaGroupType != 3">
-								<th>数据表信息</th>
-								<td colspan="7">
-									<pre>{{ tableInfo }}</pre>
-								</td>
-							</tr>
-							<tr>
-								<th>备注</th>
-								<td colspan="5"><el-input type="textarea" :rows="2" placeholder="请输入内容" size="small" v-model="eagroup.memo" clearable></el-input></td>
-							</tr>
-							<tr>
-								<th>创建人</th>
-								<td>{{ eagroup.createBy }}</td>
-								<th>创建时间</th>
-								<td>{{ eagroup.createDate }}</td>
-								<th>更新人</th>
-								<td>{{ eagroup.modifyBy }}</td>
-								<th>更新时间</th>
-								<td>{{ eagroup.modifyDate }}</td>
-							</tr>
-						</tbody>
-					</table>
-				</div>
-				<div class="d-item" v-show="eagroup.eaGroupType != 3">
-					<div class="title">
-						<b>明细信息</b>
-						<el-button class="button-sty" @click="addItems" icon="el-icon-search">新增明细</el-button>
-						<div class="tips_1 fr">
+  <div class="detail-wrap">
+    <el-form ref="editForm" :model="eagroup">
+      <div class="d-header clearfix">
+        <div class="fl">
+          <i class="el-icon-info"/>
+          {{ dataId ? $t1('查看') : $t1('新增') }} 分组配置
+        </div>
+        <div class="fl tips_1" style="margin: 6px 34px">
+          <span>注：新增或更新字段信息后，请务必点击</span>
+          <el-button type="primary" plain class="button-sty" v-if="dataId != null" @click="createTable"
+                     style="margin-left: 10px;margin-right: 10px;">
+            创建/更新数据表
+          </el-button>
+          <span>按钮！</span>
+        </div>
+        <div class="fr">
+          <el-button type="primary" plain class="button-sty" @click="$baseReload()" icon="el-icon-refresh-right">
+            {{ $t1('重置') }}
+          </el-button>
+          <el-button type="primary" class="button-sty" icon="el-icon-check" @click="saveData">{{$t1('保存')}}</el-button>
+        </div>
+      </div>
+      <div class="d-cont">
+        <div class="d-item">
+          <div class="title first"><b>基本信息</b></div>
+          <table class="table-detail">
+            <tbody>
+            <tr>
+              <th>
+                <em class="f-red">*</em>
+                分组描述
+              </th>
+              <td>
+                <el-form-item prop="eaGroupDesc" :rules="[{ required: true, trigger: 'blur' }]">
+                  <el-input autocomplete="off" v-model="eagroup.eaGroupDesc" clearable/>
+                </el-form-item>
+              </td>
+              <th>设置</th>
+              <td>
+                <el-checkbox label="是否启用" v-model="eagroup.enabled"></el-checkbox>
+              </td>
+              <th>分组类型</th>
+              <td colspan="3">
+                <el-radio-group v-if="!dataId" v-model="eagroup.eaGroupType" @change="changeEaGroupType">
+                  <el-radio :label="1">单属性</el-radio>
+                  <el-radio :label="2">列表属性</el-radio>
+                  <el-radio :label="3">附件</el-radio>
+                </el-radio-group>
+                <template v-else>
+                  <template v-if="eagroup.eaGroupType == 1">
+                    单属性
+                  </template>
+                  <template v-else-if="eagroup.eaGroupType == 2">
+                    列表属性
+                  </template>
+                  <template v-else-if="eagroup.eaGroupType == 3">
+                    附件
+                  </template>
+                </template>
+              </td>
+            </tr>
+            <tr>
+              <th>序号</th>
+              <td>
+                <base-input-number v-model="eagroup.orders" :scale="0"/>
+              </td>
+              <th>数据表名</th>
+              <td>
+                <pre>{{ eagroup.eaTableName }}</pre>
+              </td>
+              <th>附件类型</th>
+              <td colspan="3">{{ eagroup.eaAttachType }}</td>
+            </tr>
+            <tr>
+              <th>单据对象编码</th>
+              <td>{{ eagroup.eaObjCode }}</td>
+              <th>分组编码</th>
+              <td colspan="3">{{ eagroup.eaGroupCode }}</td>
+            </tr>
+            <tr v-if="eagroup.eaGroupType != 3">
+              <th>数据表信息</th>
+              <td colspan="7">
+                <pre>{{ tableInfo }}</pre>
+              </td>
+            </tr>
+            <tr>
+              <th>备注</th>
+              <td colspan="5">
+                <el-input type="textarea" :rows="2" placeholder="请输入内容" size="small" v-model="eagroup.memo"
+                          clearable></el-input>
+              </td>
+            </tr>
+            <tr>
+              <th>创建人</th>
+              <td>{{ eagroup.createBy }}</td>
+              <th>创建时间</th>
+              <td>{{ eagroup.createDate }}</td>
+              <th>更新人</th>
+              <td>{{ eagroup.modifyBy }}</td>
+              <th>更新时间</th>
+              <td>{{ eagroup.modifyDate }}</td>
+            </tr>
+            </tbody>
+          </table>
+        </div>
+        <div class="d-item" v-show="eagroup.eaGroupType != 3">
+          <div class="title">
+            <b>明细信息</b>
+            <el-button class="button-sty" @click="addItems" icon="el-icon-search">新增明细</el-button>
+            <div class="tips_1 fr">
               <span>注：字段名定义必须是全部小写全字母或下划线'_'，且长度是20位以内。</span>
             </div>
-					</div>
-					<div>
-						<vxe-grid
-							ref="table-m1"
-							:data="eagroup.eaGroupFieldDTOs"
-							v-bind="m1Option"
-							@resizable-change="$vxeTableUtil.onColumnWitchChange"
-							@custom="$vxeTableUtil.customHandle"
-						></vxe-grid>
-					</div>
-				</div>
-			</div>
-		</el-form>
-	</div>
+          </div>
+          <div>
+            <vxe-grid
+              ref="table-m1"
+              :data="eagroup.eaGroupFieldDTOs"
+              v-bind="m1Option"
+              @resizable-change="$vxeTableUtil.onColumnWitchChange"
+              @custom="$vxeTableUtil.customHandle"
+            ></vxe-grid>
+          </div>
+        </div>
+      </div>
+    </el-form>
+  </div>
 </template>
 
 <script>
 export default {
-	name: 'eagroupEdit',
-	props: {
-		_dataId: [String, Number]
-	},
-	components: {},
-	  data() {
-		return {
-			tabIndex: 0,
-			isEdit: false,
-			dataId: '',
-			formData: [],
-			eagroup: {
-				eaGroupFieldDTOs: [],
-				eaGroupType: 1,
-				enabled: true,
-				orders: 0
-			},
-			tableInfo: '',
-			m1Option: {}
-		};
-	},
-	created() {
-		if (this._dataId && !isNaN(this._dataId)) {
-			this.dataId = this._dataId;
-		} else {
-			this.eagroup.eaObjCode = this.$attrs.eaObjCode;
-		}
-	},
-	mounted() {
-		this.initM1();
-		this.getData();
-		this.getDBTableInfos();
-	},
-	methods: {
-		getData() {
-			if (this.dataId && !isNaN(this.dataId)) {
-				this.isEdit = true;
-				this.$commonHttp({
-					url: USER_PREFIX + `/eagroup/get`,
-					method: `post`,
-					data: {
-						id: this.dataId
-					},
-					isLoading: true,
-					modalStrictly: true,
-					success: res => {
-						let eagroup = res.objx || {};
-						eagroup.eaGroupFieldDTOs = this.eagroup.eaGroupFieldDTOs;
-						this.eagroup = eagroup;
-					}
-				});
-			}
-		},
-		getDBTableInfos() {
-			if (this.dataId && !isNaN(this.dataId)) {
-				this.isEdit = true;
-				this.$http({
-					url: USER_PREFIX + `/eagroup/getDBTableInfos`,
-					method: `post`,
-					data: {
-						id: this.dataId
-					},
-					isLoading: true,
-					modalStrictly: true,
-					success: res => {
-						this.tableInfo = res.objx;
-					}
-				});
-			}
-		},
-		saveData() {
-			this.$refs.editForm.$baseValidate(valid => {
-				if (valid) {
-					this.$baseConfirm('您确定要保存吗？').then(() => {
-						var url = USER_PREFIX + (this.isEdit ? `/eagroup/update` : `/eagroup/save`);
-						this.$http({
-							url: url,
-							method: `post`,
-							data: this.eagroup,
-							isLoading: true,
-							success: res => {
-								this.$message({
-									message: res.content,
-									type: 'success',
-									duration: 500,
-									onClose: t => {
-										if (this.isEdit) {
-											this.$baseReload();
-										} else {
-											this.$baseReload({
-												updateParam: {
-													_dataId: res.objx
-												}
-											});
-										}
-									}
-								});
-							}
-						});
-					});
-				}
-			});
-		},
-		initM1() {
-			var that = this;
-			let fieldStyleMap = { 1: '文本', 2: '日期', 3: '单选', 4: '多选' };
-			const tableRef = 'table-m1';
-			const tableOption = {
-				vue: this,
-				tableRef: tableRef,
-				tableName: 'basic_eagroup_edit-m1',
-				columns: [
-					{ type: 'checkbox', fixed: 'left', width: 48, resizable: false },
-					{
-						field: 'orders',
-						title: '序号',
-						width: 100,
-						slots: {
-							default: ({ row, rowIndex, $table }) => {
-								return [<base-input-number v-model={row.orders} scale={0} />];
-							}
-						}
-					},
-					{
-						field: 'enabled',
-						title: '是否启用',
-						width: 150,
-						slots: {
-							default: ({ row, rowIndex, $table }) => {
-								return [
-									<el-form-item prop={'eaGroupFieldDTOs.' + rowIndex + '.enabled'} rules={[{ required: true, trigger: 'blur' }]}>
-										<el-select v-model={row.enabled}>
-											<el-option value={true} label={'是'} />
-											<el-option value={false} label={'否'} />
-										</el-select>
-									</el-form-item>
-								];
-							}
-						}
-					},
-					{
-						field: 'fieldName',
-						title: '数据表字段名',
-						width: 150,
-						slots: {
-							default: ({ row, rowIndex, $table }) => {
-								if (!row.id) {
-									return [
-										<el-form-item prop={'eaGroupFieldDTOs.' + rowIndex + '.fieldName'} rules={[{ required: true, trigger: 'blur' }]}>
-											<el-input v-model={row.fieldName} clearable />
-										</el-form-item>
-									];
-								} else {
-									return row.fieldName;
-								}
-							}
-						}
-					},
-					{
-						field: 'fieldDesc',
-						title: '字段描述',
-						width: 150,
-						slots: {
-							default: ({ row, rowIndex, $table }) => {
-								return [
-									<el-form-item prop={'eaGroupFieldDTOs.' + rowIndex + '.fieldDesc'} rules={[{ required: true, trigger: 'blur' }]}>
-										<el-input v-model={row.fieldDesc} clearable />
-									</el-form-item>
-								];
-							}
-						}
-					},
-					{
-						field: 'fieldStyle',
-						title: '字段样式',
-						width: 150,
-						slots: {
-							default: ({ row, rowIndex, $table }) => {
-								if (!row.id) {
-									return [
-										<el-form-item prop={'eaGroupFieldDTOs.' + rowIndex + '.fieldStyle'} rules={[{ required: true, trigger: 'blur' }]}>
-											<el-select v-model={row.fieldStyle}>
-												<el-option value={1} label={'文本'} />
-												<el-option value={2} label={'日期'} />
-												<el-option value={3} label={'单选'} />
-												<el-option value={4} label={'多选'} />
-											</el-select>
-										</el-form-item>
-									];
-								} else {
-									return fieldStyleMap[row.fieldStyle] || '';
-								}
-							}
-						}
-					},
-					{
-						field: 'fieldStyleValue',
-						title: '字段样式值（单选多选 多个值用逗号隔开）',
-						width: 300,
-						slots: {
-							default: ({ row, rowIndex, $table }) => {
-								return [
-									<el-form-item prop={'eaGroupFieldDTOs.' + rowIndex + '.fieldStyleValue'} rules={[{ required: false, trigger: 'blur' }]}>
-										<el-input v-model={row.fieldStyleValue} clearable />
-									</el-form-item>
-								];
-							}
-						}
-					},
-					{
-						field: 'fieldSize',
-						title: '字段数据长度',
-						width: 150
-					},
-					{
-						field: 'required',
-						title: '是否必填项',
-						width: 150,
-						slots: {
-							default: ({ row, rowIndex, $table }) => {
-								if (true || !row.id) {
-									return [
-										<el-form-item prop={'eaGroupFieldDTOs.' + rowIndex + '.required'} rules={[{ required: true, trigger: 'blur' }]}>
-											<el-select v-model={row.required}>
-												<el-option value={true} label={'是'} />
-												<el-option value={false} label={'否'} />
-											</el-select>
-										</el-form-item>
-									];
-								} else {
-									return row.required ? '是' : '否';
-								}
-							}
-						}
-					},
-					{
-						width: 47,
-						fixed: 'right',
-						title: '',
-						sortable: false,
-						slots: {
-							default: ({ row, rowIndex, $table }) => {
-								if (!row.id) {
-									return [
-										<a
-											href="javascript:void(0);"
-											class="a-link"
-											onclick={() => {
-												this.eagroup.eaGroupFieldDTOs.splice(rowIndex, 1);
-											}}
-										>
-											<el-tooltip enterable={false} effect="dark" content="删除" placement="top" popper-class="tooltip-skin">
-												<i class="el-icon-delete" />
-											</el-tooltip>
-										</a>
-									];
-								}
-							}
-						}
-					}
-				]
-			};
-			this.$vxeTableUtil.initVxeTable(tableOption).then(opts => {
-				this.m1Option = opts;
-			});
-			if (this.dataId) {
-				this.$http({
-					url: USER_PREFIX + '/eagroup/getEAGroupFields',
-					method: `post`,
-					data: { id: this.dataId },
-					isLoading: true,
-					modalStrictly: true,
-					success: res => {
-						this.eagroup.eaGroupFieldDTOs = res.objx || [];
-					}
-				});
-			}
-		},
-		addItems() {
-			this.eagroup.eaGroupFieldDTOs.push({
-				fieldStyle: 1,
-				fieldSize: 255,
-				required: false,
-				condition: false,
-				listView: false,
-				enabled: true,
-				orders: 0
-			});
-		},
-		clearEatable() {
-			this.eagroup.eaTableId = '';
-			this.eagroup.eaTableName = '';
-			this.eagroup.eaTableDesc = '';
-			this.eagroup.eaGroupFieldDTOs = [];
-			this.$forceUpdate();
-		},
-		confirmEatable(rows) {
-			if (rows.length > 0) {
-				let row = rows[0];
-				this.$http({
-					url: USER_PREFIX + '/eatable/getEATableFields',
-					method: `post`,
-					data: { id: row.id },
-					isLoading: true,
-					modalStrictly: true,
-					success: res => {
-						let eatableFields = res.objx || [];
+  name: 'eagroupEdit',
+  props: {
+    _dataId: [String, Number]
+  },
+  components: {},
+  data() {
+    return {
+      tabIndex: 0,
+      isEdit: false,
+      dataId: '',
+      formData: [],
+      eagroup: {
+        eaGroupFieldDTOs: [],
+        eaGroupType: 1,
+        enabled: true,
+        orders: 0
+      },
+      tableInfo: '',
+      m1Option: {}
+    };
+  },
+  created() {
+    if (this._dataId && !isNaN(this._dataId)) {
+      this.dataId = this._dataId;
+    } else {
+      this.eagroup.eaObjCode = this.$attrs.eaObjCode;
+    }
+  },
+  mounted() {
+    this.initM1();
+    this.getData();
+    this.getDBTableInfos();
+  },
+  methods: {
+    getData() {
+      if (this.dataId && !isNaN(this.dataId)) {
+        this.isEdit = true;
+        this.$commonHttp({
+          url: USER_PREFIX + `/eagroup/get`,
+          method: `post`,
+          data: {
+            id: this.dataId
+          },
+          isLoading: true,
+          modalStrictly: true,
+          success: res => {
+            let eagroup = res.objx || {};
+            eagroup.eaGroupFieldDTOs = this.eagroup.eaGroupFieldDTOs;
+            this.eagroup = eagroup;
+          }
+        });
+      }
+    },
+    getDBTableInfos() {
+      if (this.dataId && !isNaN(this.dataId)) {
+        this.isEdit = true;
+        this.$http({
+          url: USER_PREFIX + `/eagroup/getDBTableInfos`,
+          method: `post`,
+          data: {
+            id: this.dataId
+          },
+          isLoading: true,
+          modalStrictly: true,
+          success: res => {
+            this.tableInfo = res.objx;
+          }
+        });
+      }
+    },
+    saveData() {
+      this.$refs.editForm.$baseValidate(valid => {
+        if (valid) {
+          this.$baseConfirm('您确定要保存吗？').then(() => {
+            var url = USER_PREFIX + (this.isEdit ? `/eagroup/update` : `/eagroup/save`);
+            this.$http({
+              url: url,
+              method: `post`,
+              data: this.eagroup,
+              isLoading: true,
+              success: res => {
+                this.$message({
+                  message: res.content,
+                  type: 'success',
+                  duration: 500,
+                  onClose: t => {
+                    if (this.isEdit) {
+                      this.$baseReload();
+                    } else {
+                      this.$baseReload({
+                        updateParam: {
+                          _dataId: res.objx
+                        }
+                      });
+                    }
+                  }
+                });
+              }
+            });
+          });
+        }
+      });
+    },
+    initM1() {
+      var that = this;
+      let fieldStyleMap = {1: '文本', 2: '日期', 3: '单选', 4: '多选'};
+      const tableRef = 'table-m1';
+      const tableOption = {
+        vue: this,
+        tableRef: tableRef,
+        tableName: 'basic_eagroup_edit-m1',
+        columns: [
+          {type: 'checkbox', fixed: 'left', width: 48, resizable: false},
+          {
+            field: 'orders',
+            title: '序号',
+            width: 100,
+            slots: {
+              default: ({row, rowIndex, $table}) => {
+                return [<base-input-number v-model={row.orders} scale={0}/>];
+              }
+            }
+          },
+          {
+            field: 'enabled',
+            title: '是否启用',
+            width: 150,
+            slots: {
+              default: ({row, rowIndex, $table}) => {
+                return [
+                  <el-form-item prop={'eaGroupFieldDTOs.' + rowIndex + '.enabled'}
+                                rules={[{required: true, trigger: 'blur'}]}>
+                    <el-select v-model={row.enabled}>
+                      <el-option value={true} label={'是'}/>
+                      <el-option value={false} label={'否'}/>
+                    </el-select>
+                  </el-form-item>
+                ];
+              }
+            }
+          },
+          {
+            field: 'fieldName',
+            title: '数据表字段名',
+            width: 150,
+            slots: {
+              default: ({row, rowIndex, $table}) => {
+                if (!row.id) {
+                  return [
+                    <el-form-item prop={'eaGroupFieldDTOs.' + rowIndex + '.fieldName'}
+                                  rules={[{required: true, trigger: 'blur'}]}>
+                      <el-input v-model={row.fieldName} clearable/>
+                    </el-form-item>
+                  ];
+                } else {
+                  return row.fieldName;
+                }
+              }
+            }
+          },
+          {
+            field: 'fieldDesc',
+            title: '字段描述',
+            width: 150,
+            slots: {
+              default: ({row, rowIndex, $table}) => {
+                return [
+                  <el-form-item prop={'eaGroupFieldDTOs.' + rowIndex + '.fieldDesc'}
+                                rules={[{required: true, trigger: 'blur'}]}>
+                    <el-input v-model={row.fieldDesc} clearable/>
+                  </el-form-item>
+                ];
+              }
+            }
+          },
+          {
+            field: 'fieldStyle',
+            title: '字段样式',
+            width: 150,
+            slots: {
+              default: ({row, rowIndex, $table}) => {
+                if (!row.id) {
+                  return [
+                    <el-form-item prop={'eaGroupFieldDTOs.' + rowIndex + '.fieldStyle'}
+                                  rules={[{required: true, trigger: 'blur'}]}>
+                      <el-select v-model={row.fieldStyle}>
+                        <el-option value={1} label={'文本'}/>
+                        <el-option value={2} label={'日期'}/>
+                        <el-option value={3} label={'单选'}/>
+                        <el-option value={4} label={'多选'}/>
+                      </el-select>
+                    </el-form-item>
+                  ];
+                } else {
+                  return fieldStyleMap[row.fieldStyle] || '';
+                }
+              }
+            }
+          },
+          {
+            field: 'fieldStyleValue',
+            title: '字段样式值（单选多选 多个值用逗号隔开）',
+            width: 300,
+            slots: {
+              default: ({row, rowIndex, $table}) => {
+                return [
+                  <el-form-item prop={'eaGroupFieldDTOs.' + rowIndex + '.fieldStyleValue'}
+                                rules={[{required: false, trigger: 'blur'}]}>
+                    <el-input v-model={row.fieldStyleValue} clearable/>
+                  </el-form-item>
+                ];
+              }
+            }
+          },
+          {
+            field: 'fieldSize',
+            title: '字段数据长度',
+            width: 150
+          },
+          {
+            field: 'required',
+            title: '是否必填项',
+            width: 150,
+            slots: {
+              default: ({row, rowIndex, $table}) => {
+                if (true || !row.id) {
+                  return [
+                    <el-form-item prop={'eaGroupFieldDTOs.' + rowIndex + '.required'}
+                                  rules={[{required: true, trigger: 'blur'}]}>
+                      <el-select v-model={row.required}>
+                        <el-option value={true} label={'是'}/>
+                        <el-option value={false} label={'否'}/>
+                      </el-select>
+                    </el-form-item>
+                  ];
+                } else {
+                  return row.required ? '是' : '否';
+                }
+              }
+            }
+          },
+          {
+            width: 47,
+            fixed: 'right',
+            title: '',
+            sortable: false,
+            slots: {
+              default: ({row, rowIndex, $table}) => {
+                if (!row.id) {
+                  return [
+                    <a
+                      href="javascript:void(0);"
+                      class="a-link"
+                      onclick={() => {
+                        this.eagroup.eaGroupFieldDTOs.splice(rowIndex, 1);
+                      }}
+                    >
+                      <el-tooltip enterable={false} effect="dark" content="删除" placement="top"
+                                  popper-class="tooltip-skin">
+                        <i class="el-icon-delete"/>
+                      </el-tooltip>
+                    </a>
+                  ];
+                }
+              }
+            }
+          }
+        ]
+      };
+      this.$vxeTableUtil.initVxeTable(tableOption).then(opts => {
+        this.m1Option = opts;
+      });
+      if (this.dataId) {
+        this.$http({
+          url: USER_PREFIX + '/eagroup/getEAGroupFields',
+          method: `post`,
+          data: {id: this.dataId},
+          isLoading: true,
+          modalStrictly: true,
+          success: res => {
+            this.eagroup.eaGroupFieldDTOs = res.objx || [];
+          }
+        });
+      }
+    },
+    addItems() {
+      this.eagroup.eaGroupFieldDTOs.push({
+        fieldStyle: 1,
+        fieldSize: 255,
+        required: false,
+        condition: false,
+        listView: false,
+        enabled: true,
+        orders: 0
+      });
+    },
+    clearEatable() {
+      this.eagroup.eaTableId = '';
+      this.eagroup.eaTableName = '';
+      this.eagroup.eaTableDesc = '';
+      this.eagroup.eaGroupFieldDTOs = [];
+      this.$forceUpdate();
+    },
+    confirmEatable(rows) {
+      if (rows.length > 0) {
+        let row = rows[0];
+        this.$http({
+          url: USER_PREFIX + '/eatable/getEATableFields',
+          method: `post`,
+          data: {id: row.id},
+          isLoading: true,
+          modalStrictly: true,
+          success: res => {
+            let eatableFields = res.objx || [];
 
-						this.eagroup.eaTableId = row.id;
-						this.eagroup.eaTableName = row.eaTableName;
-						this.eagroup.eaTableDesc = row.eaTableDesc;
-						this.eagroup.eaGroupFieldDTOs = eatableFields.map(function(eatableField) {
-							return {
-								eaTableId: row.id,
-								eaTableFieldId: eatableField.id,
-								eaViewFieldDesc: eatableField.fieldDesc,
-								condition: false,
-								listView: false,
-								fieldName: eatableField.fieldName,
-								fieldDesc: eatableField.fieldDesc,
-								fieldStyle: eatableField.fieldStyle,
-								fieldSize: eatableField.fieldSize,
-								required: eatableField.required,
-								defaultValue: eatableField.defaultValue
-							};
-						});
-					}
-				});
-			}
-		},
-		changeEaGroupType(val) {
-			if (val == 3) {
-				this.clearEatable();
-			} else {
-				this.eaAttachType == '';
-			}
-		},
-		createTable() {
-			if (this.dataId) {
-				this.$baseConfirm('您确定要创建/更新数据表吗？').then(() => {
-					this.$http({
-						url: USER_PREFIX + `/eagroup/createModifyTable`,
-						method: `post`,
-						data: {
-							id: this.dataId
-						},
-						isLoading: true,
-						success: res => {
-							this.$message({
-								message: res.content,
-								type: 'success',
-								duration: 500,
-								onClose: t => {
-									this.$baseReload();
-								}
-							});
-						}
-					});
-				});
-			}
-		}
-	}
+            this.eagroup.eaTableId = row.id;
+            this.eagroup.eaTableName = row.eaTableName;
+            this.eagroup.eaTableDesc = row.eaTableDesc;
+            this.eagroup.eaGroupFieldDTOs = eatableFields.map(function (eatableField) {
+              return {
+                eaTableId: row.id,
+                eaTableFieldId: eatableField.id,
+                eaViewFieldDesc: eatableField.fieldDesc,
+                condition: false,
+                listView: false,
+                fieldName: eatableField.fieldName,
+                fieldDesc: eatableField.fieldDesc,
+                fieldStyle: eatableField.fieldStyle,
+                fieldSize: eatableField.fieldSize,
+                required: eatableField.required,
+                defaultValue: eatableField.defaultValue
+              };
+            });
+          }
+        });
+      }
+    },
+    changeEaGroupType(val) {
+      if (val == 3) {
+        this.clearEatable();
+      } else {
+        this.eaAttachType == '';
+      }
+    },
+    createTable() {
+      if (this.dataId) {
+        this.$baseConfirm('您确定要创建/更新数据表吗？').then(() => {
+          this.$http({
+            url: USER_PREFIX + `/eagroup/createModifyTable`,
+            method: `post`,
+            data: {
+              id: this.dataId
+            },
+            isLoading: true,
+            success: res => {
+              this.$message({
+                message: res.content,
+                type: 'success',
+                duration: 500,
+                onClose: t => {
+                  this.$baseReload();
+                }
+              });
+            }
+          });
+        });
+      }
+    }
+  }
 };
 </script>