cloud-web-corejs 1.0.0

package/src/views/bd/setting/table_model/edit.vue

@@ -0,0 +1,1109 @@
+<template>
+  <div class="detail-wrap">
+    <el-form ref="editForm" :model="szTaMb">
+      <div class="d-header clearfix">
+        <div class="fl">
+          <i class="el-icon-info"/>
+          {{ dataId ? '查看' : '新增' }}数据表定义模板
+        </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"
+                     v-if="isDev && !szTaMb.systems">
+            保存
+          </el-button>
+
+          <el-button type="success" class="button-sty" icon="el-icon-check"
+                     @click="createModifyTable()" v-if="!szTaMb.systems"> 创建/更新数据表
+          </el-button>
+        </div>
+      </div>
+      <baseTabs>
+        <baseTabPane label="基本信息">
+          <template #default>
+            <table class="table-detail">
+              <tbody>
+              <tr>
+                <th>
+                  <em class="f-red">*</em>
+                  实体名称
+                </th>
+                <td colspan="3">
+                  <el-form-item prop="taEn" :rules="[{ required: true, trigger: ['blur', 'change'] }]">
+                    <el-input type="text" autocomplete="off" v-model="szTaMb.taEn" clearable/>
+                  </el-form-item>
+                </td>
+                <th><em class="f-red">*</em>数据库表名</th>
+                <td colspan="3">
+                  {{ szTaMb.taBm }}
+                </td>
+              </tr>
+              <tr>
+                <th><em class="f-red">*</em>表描述</th>
+                <td colspan="5">
+                  <el-form-item prop="taCh" :rules="[{ required: true, trigger: ['blur', 'change'] }]">
+                    <el-input type="text" autocomplete="off" v-model="szTaMb.taCh" clearable/>
+                  </el-form-item>
+                </td>
+              </tr>
+              <tr>
+                <th><em class="f-red">*</em>是否明细</th>
+                <td>
+                  <el-form-item prop="taType" :rules="[{ required: true, trigger: ['blur', 'change'] }]">
+                    <el-radio-group v-model="szTaMb.taType">
+                      <el-radio :label="1">是</el-radio>
+                      <el-radio :label="0">否</el-radio>
+                    </el-radio-group>
+                    <!--                    <el-select v-model="szTaMb.taType">
+                                          <el-option :value="0" label="否"></el-option>
+                                          <el-option :value="1" label="是"></el-option>
+                                        </el-select>-->
+                  </el-form-item>
+                  <!--                  <el-checkbox label="是否明细" v-model="szTaMb.taType"></el-checkbox>-->
+                </td>
+                <th>
+                  <em class="f-red" v-show="szTaMb.taType===1">*</em>
+                  所属主实体
+                </th>
+                <td colspan="3">
+                  <el-form-item prop="sszstEn"
+                                :rules="[{
+                                  required:szTaMb.taType===1,
+                                  trigger: ['blur', 'change']
+                                }]">
+                    <el-input
+                      class="search-input"
+                      max="200"
+                      v-model="szTaMb.sszstEn"
+                      @clear="
+                        szTaMb.sszst = '';
+                        $forceUpdate();
+                      "
+                      :disabled="szTaMb.taType==0"
+                      v-el-readonly
+                      clearable
+                    >
+                      <i slot="suffix" class="el-input__icon el-icon-search" @click="showSzTaMbDialog = true"></i>
+                    </el-input>
+                  </el-form-item>
+                </td>
+              </tr>
+              <tr>
+                <th><em class="f-red">*</em>是否树结构</th>
+                <td>
+                  <el-form-item prop="taRule" :rules="[{ required: true, trigger: ['blur', 'change'] }]">
+                    <el-radio-group v-model="szTaMb.taRule" @change="changeTaRule">
+                      <el-radio :label="1">是</el-radio>
+                      <el-radio :label="0">否</el-radio>
+                    </el-radio-group>
+                  </el-form-item>
+                </td>
+                <th><em class="f-red">*</em>数据范围</th>
+                <td colspan="3">
+                  <el-form-item prop="dataRange" :rules="[{ required: true, trigger: ['blur', 'change'] }]">
+                    <el-radio-group v-model="szTaMb.dataRange">
+                      <el-radio :label="1">集团</el-radio>
+                      <el-radio :label="0">当前企业</el-radio>
+                    </el-radio-group>
+                  </el-form-item>
+                </td>
+              </tr>
+              <tr>
+                <th>
+                  <em class="f-red">*</em>
+                  表单分类
+                </th>
+                <td colspan="5">
+                  <el-form-item prop="menuKindName"
+                                :rules="[{
+                                  required:true,
+                                  trigger: ['blur', 'change']
+                                }]">
+                    <el-input
+                      class="search-input"
+                      max="200"
+                      v-model="szTaMb.menuKindName"
+                      @clear="
+                        szTaMb.menuKindCode = '';
+                        $forceUpdate();
+                      "
+                      v-el-readonly
+                      clearable
+                    >
+                      <i slot="suffix" class="el-input__icon el-icon-search" @click="showMenuKindDialog = true"></i>
+                    </el-input>
+                  </el-form-item>
+                </td>
+              </tr>
+              <tr>
+                <th>
+                  项目标签
+                </th>
+                <td colspan="7">
+                  <projectTagView v-model="szTaMb.szTaMbTagDTOs" :readonly="true"></projectTagView>
+                </td>
+              </tr>
+              <tr>
+                <th>创建人</th>
+                <td>{{ szTaMb.createBy }}</td>
+                <th>创建时间</th>
+                <td>{{ szTaMb.createDate }}</td>
+                <th>更新人</th>
+                <td>{{ szTaMb.modifyBy }}</td>
+                <th>更新时间</th>
+                <td>{{ szTaMb.modifyDate }}</td>
+              </tr>
+              </tbody>
+            </table>
+          </template>
+        </baseTabPane>
+        <baseTabPane label="数据表字段明细">
+          <template #button>
+            <el-button class="button-sty" @click="addTaMbItems" icon="el-icon-plus">新增</el-button>
+          </template>
+          <template #default>
+            <div>
+              <vxe-grid
+                ref="table-szTaZdMb"
+                :data="szTaMb.szTaZdMbDTOs"
+                v-bind="productOption"
+                @resizable-change="$vxeTableUtil.onColumnWitchChange"
+                @custom="$vxeTableUtil.customHandle"
+              >
+                <template #zdType="{row}">
+                  <el-select v-model="row.zdType" clearable :disabled="!!row.systems || !!row.relationZd">
+                    <el-option value="Boolean" label="布尔"></el-option>
+                    <el-option value="Integer" label="整数"></el-option>
+                    <el-option value="Long" label="长整数"></el-option>
+                    <el-option value="Decimal" label="精度小数"></el-option>
+                    <el-option value="Money" label="金额"></el-option>
+                    <el-option value="Text" label="文本"></el-option>
+                    <el-option value="TextArea" label="长文本"></el-option>
+                    <!--                  <el-option  value="Date" label="日期" ></el-option>-->
+                    <el-option value="DateTime" label="日期时间"></el-option>
+                    <el-option value="Reference" label="关联表"></el-option>
+                  </el-select>
+                </template>
+                <template #referenceZd="{row, rowIndex, $table}">
+                  <el-input
+                    class="search-input"
+                    v-model="row.referenceZd"
+                    clearable
+                    @clear="
+                    $forceUpdate();
+                  "
+                    v-el-readonly
+                    v-if="row.zdType=='Reference'"
+                  >
+                    <i slot="suffix" class="el-input__icon el-icon-search"
+                       @click="openReferenceZdDialog(row, rowIndex, $table)"></i>
+                  </el-input>
+                  <template v-else>
+                    {{ row.referenceZd }}
+                  </template>
+                </template>
+
+              </vxe-grid>
+            </div>
+            <table class="table-detail">
+              <tbody>
+              <tr>
+                <th>
+                  表编码
+                </th>
+                <td colspan="7">
+                  {{ szTaMb.taCode }}
+                </td>
+              </tr>
+              </tbody>
+            </table>
+          </template>
+        </baseTabPane>
+      </baseTabs>
+    </el-form>
+
+    <szTaMbDialog v-if="showSzTaMbDialog"
+                  :visiable.sync="showSzTaMbDialog"
+                  @confirm="confirmInsertSzTaMb"
+                  :multi="false"
+    />
+    <itemSzTaMbDialog v-if="showItemSzTaMbDialog"
+                      :visiable.sync="showItemSzTaMbDialog"
+                      @confirm="confirmInsertItemSzTaMb" multi="false"/>
+    <MenuKindDialog v-if="showMenuKindDialog"
+                    :visiable.sync="showMenuKindDialog"
+                    @confirm="confirmInsertMenuKind"
+                    :multi="false"
+    />
+
+    <el-dialog
+      title="关联表维护"
+      v-if="showReferenceZdDialog"
+      :visible.sync="showReferenceZdDialog"
+      :modal-append-to-body="false"
+      :close-on-click-modal="false"
+      :modal="false"
+      custom-class="dialog-style wf-dialog"
+      v-el-drag-dialog
+      v-el-dialog-center
+    >
+      <el-form>
+        <div id="containt">
+          <table class="table-detail">
+            <tbody>
+            <tr>
+              <th>
+                    <span class="t">
+                      关联表
+                    </span>
+              </th>
+              <td>
+                <el-form-item label="..ield="nodeId">
+                  <el-input
+                    class="search-input"
+                    max="200"
+                    v-model="referenceEntity"
+                    @clear="
+                          referenceKey = null;
+                          referenceShowFields = [];
+                          $forceUpdate();
+                        "
+                    v-el-readonly
+                    clearable
+                  >
+                    <i slot="suffix" class="el-input__icon el-icon-search" @click="showEntityDialog = true"></i>
+                  </el-input>
+                </el-form-item>
+              </td>
+            </tr>
+            <tr>
+              <th>
+                    <span class="t">
+                      关联字段
+                    </span>
+              </th>
+              <td>
+                <el-form-item label="..ield="nodeId">
+                  <el-input
+                    class="search-input"
+                    max="200"
+                    v-model="referenceKey"
+                    @clear="
+                      referenceKey = null;
+                    "
+                    v-el-readonly
+                    clearable
+                  >
+                    <i slot="suffix" class="el-input__icon el-icon-search" @click="showEntityFieldDialog1 = true"></i>
+                  </el-input>
+                </el-form-item>
+              </td>
+            </tr>
+            <tr>
+              <th>
+                    <span class="t">
+                      显示字段
+                    </span>
+              </th>
+              <td>
+                <el-form-item label="..ield="nodeId">
+                  <el-input
+                    class="search-input"
+                    max="200"
+                    :value="referenceShowFields.join(',')"
+                    @clear="
+                      referenceShowFields = [];
+                    "
+                    v-el-readonly
+                    clearable
+                  >
+                    <i slot="suffix" class="el-input__icon el-icon-search" @click="showEntityFieldDialog2 = true"></i>
+                  </el-input>
+                </el-form-item>
+              </td>
+            </tr>
+            </tbody>
+          </table>
+        </div>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+          <el-button type="primary" plain class="button-sty" @click="showReferenceZdDialog = false">
+            <i class="el-icon-close el-icon"></i>
+            取 消
+          </el-button>
+          <el-button type="primary" @click="confirmReferenceZdDialog" class="button-sty">
+            <i class="el-icon-check el-icon"></i>
+            确 定
+          </el-button>
+        </span>
+    </el-dialog>
+
+    <szTaMbDialog v-if="showEntityDialog"
+                  :visiable.sync="showEntityDialog"
+                  @confirm="confirmEntityDialog"
+                  :multi="false"
+    />
+
+    <zdDialog v-if="showEntityFieldDialog1"
+              :visiable.sync="showEntityFieldDialog1"
+              @confirm="confirmEntityFieldDialog1"
+              :taBm="referenceEntity"
+              :multi="false"
+    />
+    <zdDialog v-if="showEntityFieldDialog2"
+              :visiable.sync="showEntityFieldDialog2"
+              @confirm="confirmEntityFieldDialog2"
+              :taBm="referenceEntity"
+              :multi="true"
+    />
+
+  </div>
+</template>
+
+<script>
+import szTaMbDialog from '../../../../views/bd/setting/table_model/dialog.vue';
+import itemSzTaMbDialog from '../../../../views/bd/setting/table_model/dialog.vue';
+import MenuKindDialog from '../../../../views/bd/setting/menu_kind/dialog.vue';
+import zdDialog from '../../../../views/bd/setting/table_model/zdDialog.vue';
+import {getBdEnv} from "@base/api/user";
+import projectTagView from "@base/components/projectTag/view.vue";
+
+export default {
+  name: 'szTaMbEdit',
+  props: {
+    _dataId: [String, Number],
+    currentFormType: Object
+  },
+  components: {
+    projectTagView,
+    szTaMbDialog,
+    itemSzTaMbDialog,
+    MenuKindDialog,
+    zdDialog
+  },
+  data() {
+    return {
+      tabIndex: 0,
+      isEdit: false,
+      dataId: '',
+      szTaMb: {
+        enabled: true,
+        taType: 0,
+        szTaZdMbDTOs: [],
+        menuKindName: null,
+        menuKindCode: null,
+        taRule: 0,
+        dataRange: 0,
+        szTaMbTagDTOs: []
+      },
+      treeDefaultZds: [],
+      productOption: {},
+      showSzTaMbDialog: false,
+      showItemSzTaMbDialog: false,
+      showMenuKindDialog: false,
+      productCategoryCodes: [],
+      zdEnIndex: '',
+
+      referenceEntity: null,
+      referenceKey: null,
+      referenceShowFields: null,
+      currentIndex: 0,
+      showReferenceZdDialog: false,
+
+      showEntityDialog: false,
+      showEntityFieldDialog1: false,
+      showEntityFieldDialog2: false,
+      referenceShowRows: [],
+      createdTableColumnStr: null,
+      createdTableColumnArray: [],
+      isDev: true
+
+    };
+  },
+  created() {
+    if (this._dataId && !isNaN(this._dataId)) {
+      this.dataId = this._dataId;
+    } else {
+      this.szTaMb.menuKindName = this.currentFormType?.name || null;
+      this.szTaMb.menuKindCode = this.currentFormType?.menuKindCode || null;
+    }
+  },
+  mounted() {
+    this.getBdEnv();
+    this.getTreeDefaultZds();
+    this.initTableProduct();
+    this.getData();
+  },
+  methods: {
+    getData(callback) {
+      if (this.dataId && !isNaN(this.dataId)) {
+        this.isEdit = true;
+        this.$http({
+          url: USER_PREFIX + `/szTaMb/get`,
+          method: `post`,
+          data: {
+            id: this.dataId
+          },
+          isLoading: true,
+          modalStrictly: true,
+          success: res => {
+            if (!callback) {
+              let szTaMb = res.objx || {};
+              szTaMb.szTaZdMbDTOs = this.szTaMb.szTaZdMbDTOs;
+              szTaMb.attachmentDTOs = this.szTaMb.attachmentDTOs;
+              szTaMb.oplogDTOs = this.szTaMb.oplogDTOs;
+              this.szTaMb = szTaMb;
+
+              this.getCreatedTableColumns();
+            } else {
+              callback(res)
+            }
+
+          }
+        });
+      }
+    },
+    updateStatus(status) {
+      let text;
+      if (status === 3) {
+        text = '您确定要作废吗？';
+      }
+      this.$baseConfirm(text).then(() => {
+        this.$http({
+          url: USER_PREFIX + `/szTaMb/updateStatus`,
+          method: `post`,
+          data: {
+            id: this.dataId,
+            status: status
+          },
+          isLoading: true,
+          success: res => {
+            this.$message({
+              message: res.content,
+              type: 'success',
+              duration: 500,
+              onClose: t => {
+                this.$baseReload();
+              }
+            });
+          }
+        });
+      });
+    },
+    saveData() {
+      this.$refs.editForm.$baseValidate(valid => {
+        if (valid) {
+          const szTaZdMbDTOs = this.$refs['table-szTaZdMb'].getTableData().fullData;
+          if (szTaZdMbDTOs.length === 0) {
+            this.$baseAlert('明细不能为空！');
+            return false;
+          }
+          this.$baseConfirm('您确定要保存吗？')
+            .then(() => {
+              const formData = this.szTaMb;
+              formData.szTaZdMbDTOs = szTaZdMbDTOs;
+
+              var url = USER_PREFIX + (this.isEdit ? `/szTaMb/update` : `/szTaMb/save`);
+              this.$http({
+                url: url,
+                method: `post`,
+                data: formData,
+                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
+                          }
+                        });
+                      }
+                    }
+                  });
+                }
+              });
+            })
+            .catch(() => {
+            });
+        }
+      });
+    },
+    initTableProduct() {
+      const tableOption = {
+        vue: this,
+        tableRef: 'table-szTaZdMb',
+        tableName: 'edit-szTaMb-szTaZdMb',
+        config: {
+          maxHeight: "600px"
+        },
+        columns: [
+          {type: 'checkbox', fixed: 'left', width: 48, resizable: false},
+          {
+            title: '实体字段名称',
+            field: 'zdEn',
+            width: 150,
+            fixed: 'left',
+            slots: {
+              default: ({row, rowIndex, $table}) => {
+                let disabled = !!row.systems || !!row.relationZd;
+                if (!disabled) {
+                  return [
+                    <el-form-item prop={'szTaZdMbDTOs.' + rowIndex + '.zdEn'}
+                                  rules={[{required: true, trigger: ['blur', 'change']}]}>
+                      <el-input v-model={row.zdEn} clearable/>
+                    </el-form-item>
+                  ];
+                } else {
+                  let style = !!row.relationZd ? "margin-left:20px" : "";
+                  return [
+                    <div style={style}>{row.zdEn}</div>
+                  ]
+                }
+              }
+            }
+          },
+          {title: '数据库表字段名', field: 'taZdMc', width: 150, fixed: 'left',},
+          {
+            title: '数据库表字段是否已创建',
+            field: 'isFieldCreated',
+            width: 200,
+            slots: {
+              default: ({row, rowIndex, $table}) => {
+                let taZdMc = row.taZdMc;
+                let createdTableColumnArray = this.createdTableColumnArray;
+                return taZdMc && createdTableColumnArray.includes(taZdMc) ? "是" : "_";
+              }
+            }
+          },
+          {
+            title: '字段描述',
+            field: 'zdCh',
+            width: 150,
+            slots: {
+              default: ({row, rowIndex, $table}) => {
+                return [
+                  <el-form-item prop={'szTaZdMbDTOs.' + rowIndex + '.zdCh'}
+                                rules={[{required: true, trigger: ['blur', 'change']}]}>
+                    <el-input v-model={row.zdCh} clearable disabled={!!row.systems}/>
+                  </el-form-item>
+                ];
+              }
+            }
+          },
+          {
+            title: '字段类型', field: 'zdType', width: 150,
+            slots: {
+              default: 'zdType'
+            }
+          },
+          {
+            title: '关联字段', field: 'referenceZd', width: 250,
+            slots: {
+              default: 'referenceZd'
+            }
+          },
+          // {
+          //   title: '对应表名',
+          //   field: 'dybm',
+          //   width: 150,
+          //   slots: {
+          //     default: ({row, rowIndex, $table}) => {
+          //       return [
+          //         <el-form-item prop={'szTaZdMbDTOs.' + rowIndex + '.dybm'}
+          //                       rules={[{required: row.taType=='Reference', trigger: ['blur', 'change']}]}>
+          //
+          //           <el-input v-show={row.taType=='Reference'}
+          //             class="search-input"
+          //             max="200"
+          //             v-model={row.dybm}
+          //             onclear={() => {
+          //               row.dybm = '';
+          //               this.$forceUpdate();
+          //             }}
+          //           v-el-readonly
+          //           clearable
+          //         >
+          //           <i v-show={this.szTaMb.id==null} slot="suffix" class="el-input__icon el-icon-search" onClick={() => {
+          //             this.zdEnIndex = rowIndex;
+          //             this.showItemSzTaMbDialog = true;
+          //           }} />
+          //     </el-input>
+          //         </el-form-item>
+          //       ];
+          //     }
+          //   }
+          // },
+          {
+            title: '字段类型对应的默认值',
+            field: 'zdTypeValues',
+            width: 150,
+            slots: {
+              default: ({row, rowIndex, $table}) => {
+                let disabled = !!row.systems || !!row.relationZd;
+                return [
+                  <el-form-item prop={'szTaZdMbDTOs.' + rowIndex + '.zdTypeValues'}
+                                rules={[{required: false, trigger: ['blur', 'change']}]}>
+                    <el-input v-model={row.zdTypeValues} clearable disabled={disabled}/>
+                  </el-form-item>
+                ];
+              }
+            }
+          },
+          {
+            title: '是否必填项',
+            field: 'required',
+            width: 140,
+            slots: {
+              default: ({row, $table, rowIndex}) => {
+                let disabled = !!row.systems || !!row.relationZd;
+                return [
+                  <el-checkbox v-model={row.required} disabled={disabled}/>
+                ];
+              }
+            }
+          },
+          {
+            title: '是否启用',
+            field: 'enabled',
+            width: 120,
+            slots: {
+              default: ({row, $table, rowIndex}) => {
+                let disabled = !!row.systems || !!row.relationZd;
+                return [
+                  <el-checkbox v-model={row.enabled} disabled={disabled}/>
+                ];
+              }
+            }
+          },
+
+          {
+            title: '是否自动生成编码',
+            field: 'generateCode',
+            width: 180,
+            slots: {
+              default: ({row, $table, rowIndex}) => {
+                let disabled = !!row.systems || !!row.relationZd;
+                return [
+                  <el-checkbox v-model={row.generateCode} disabled={disabled}/>
+                ];
+              }
+            }
+          },
+          {
+            title: '编码类型',
+            field: 'codeType',
+            width: 150,
+            slots: {
+              default: ({row, rowIndex, $table}) => {
+                let disabled = !!row.systems || !!row.relationZd;
+                return [
+                  <el-form-item prop={'szTaZdMbDTOs.' + rowIndex + '.codeType'}
+                                rules={[{required: false, trigger: ['blur', 'change']}]}>
+                    <el-input v-model={row.codeType} clearable disabled={disabled}/>
+                  </el-form-item>
+                ];
+              }
+            }
+          },
+          {
+            title: '序号',
+            field: 'orders',
+            width: 150,
+            slots: {
+              default: ({row, rowIndex, $table}) => {
+                return [
+                  <el-form-item prop={'szTaZdMbDTOs.' + rowIndex + '.orders'}
+                                rules={[{required: false, trigger: ['blur', 'change']}]}>
+                    <base-input-number v-model={row.orders} disabled={!!row.systems} onchange={() => {
+                      this.changeOrders(row);
+                    }}/>
+                  </el-form-item>
+                ];
+              }
+            }
+          },
+          {
+            width: 47,
+            fixed: 'right',
+            title: '',
+            sortable: false,
+            slots: {
+              default: ({row, rowIndex, $table}) => {
+                let taZdMc = row.taZdMc;
+                let createdTableColumnArray = this.createdTableColumnArray || [];
+                let hasCreated = !!taZdMc && createdTableColumnArray.includes(taZdMc)
+                // let style = !row.relationZd ? "margin-left:20px" : "";
+                if (!row.systems && !hasCreated && !row.relationZd) {
+                  //非内置，未创建字段，非关联表带出来的字段
+                  return [
+                    <a
+                      href="javascript:void(0);"
+                      class="a-link"
+                      onclick={() => {
+                        // this.szTaMb.szTaZdMbDTOs.splice(rowIndex, 1);
+                        this.deleteItem(row, rowIndex);
+                      }}
+                    >
+                      <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.productOption = opts;
+      });
+      if (this.dataId) {
+        this.$http({
+          url: USER_PREFIX + `/szTaMb/getSzTaZdMbs`,
+          method: `post`,
+          data: {
+            id: this.dataId
+          },
+          isLoading: true,
+          modalStrictly: true,
+          success: res => {
+            this.szTaMb.szTaZdMbDTOs = res.objx || [];
+          }
+        });
+      }
+    },
+    addTaMbItems() {
+      // let tacitly = true;
+      // if (this.customer.szTaZdMbDTOs.length > 0) {
+      //   tacitly = false;
+      // }
+      // this.customer.szTaZdMbDTOs.push({tacitly: tacitly});
+      let newIndex = this.getNewIndex();
+      this.szTaMb.szTaZdMbDTOs.push({zdType: 'Text', enabled: true, orders: newIndex, generateCode: false});
+    },
+    deleteItem(row, rowIndex) {
+      let referenceZd = row.referenceZd;
+      this.szTaMb.szTaZdMbDTOs.splice(rowIndex, 1);
+      if (referenceZd) {
+        this.szTaMb.szTaZdMbDTOs = this.szTaMb.szTaZdMbDTOs.filter(item => {
+          return referenceZd !== item.relationZd
+        })
+      }
+    },
+    confirmInsertSzTaMb(rows) {
+      if (rows.length > 0) {
+        let row = rows[0];
+        this.$set(this.szTaMb, 'sszst', row.taCode);
+        this.$set(this.szTaMb, 'sszstEn', row.taEn);
+      }
+    },
+    confirmInsertItemSzTaMb(rows) {
+      if (rows.length > 0) {
+        let row = rows[0];
+        let szTaZdMbDTO = this.szTaMb.szTaZdMbDTOs[this.zdEnIndex];
+        this.$set(szTaZdMbDTO, 'zdEn', row.taBm + '.' + szTaZdMbDTO.zdEn);
+        this.$set(szTaZdMbDTO, 'dybm', row.taEn);
+      }
+    },
+    confirmInsertMenuKind(rows) {
+      if (rows.length > 0) {
+        let row = rows[0];
+        this.$set(this.szTaMb, 'menuKindCode', row.menuKindCode);
+        this.$set(this.szTaMb, 'menuKindName', row.name);
+      }
+    },
+    getNewData(callback) {
+      this.getData((res0) => {
+        let szTaMb = res0.objx;
+        this.$http({
+          url: USER_PREFIX + `/szTaMb/getSzTaZdMbs`,
+          method: `post`,
+          data: {
+            id: this.dataId
+          },
+          isLoading: true,
+          modalStrictly: true,
+          success: res1 => {
+            szTaMb.szTaZdMbDTOs = res1.objx || [];
+            callback(szTaMb)
+          }
+        });
+      });
+    },
+    createModifyTable() {
+      let text = '您确定要创建/更新数据表吗？';
+      this.$baseConfirm(text).then(() => {
+        this.getNewData((data) => {
+          this.$http({
+            url: "/" + this.szTaMb.serviceName + `/dbTable/createUpdateTable`,
+            method: `post`,
+            data: data,
+            isLoading: true,
+            success: res => {
+              this.$message({
+                message: res.content,
+                type: 'success',
+                duration: 500,
+                onClose: t => {
+                  this.$baseReload();
+                }
+              });
+            }
+          });
+
+        });
+      });
+    },
+    openReferenceZdDialog(row, rowIndex, $table) {
+      let referenceZd = row.referenceZd;
+      let referenceEntity = null;
+      let referenceKey = null;
+      let referenceShowFields = [];
+
+      if (referenceZd) {
+        let index = referenceZd.indexOf(".")
+        referenceEntity = referenceZd.substring(0, index);
+        referenceKey = referenceZd.substr(index + 1);
+        referenceShowFields = this.szTaMb.szTaZdMbDTOs.filter(item => {
+          return referenceZd == item.relationZd
+        }).map(item => {
+          return item.referenceZd.substr(index + 1)
+        });
+      }
+
+      this.referenceEntity = referenceEntity;
+      this.referenceKey = referenceKey;
+      this.referenceShowFields = referenceShowFields;
+
+      this.referenceShowRows = referenceShowFields.map(item => {
+        return {
+          taZdMc: item
+        }
+      });
+
+      this.currentIndex = rowIndex;
+      this.showReferenceZdDialog = true;
+    },
+    confirmReferenceZdDialog() {
+      let row = this.szTaMb.szTaZdMbDTOs[this.currentIndex];
+      let oldReferenceZd = row.referenceZd;
+
+      let referenceEntity = this.referenceEntity;
+      let referenceZd = referenceEntity + "." + this.referenceKey;
+      let referenceShowFields = this.referenceShowFields;
+      let keys = referenceShowFields.map(item => {
+        return referenceEntity + "." + item;
+      })
+      if (oldReferenceZd) {
+        let index0 = oldReferenceZd.indexOf(".")
+        let oldReferenceEntity = oldReferenceZd.substring(0, index0);
+        let delIndex = [];
+        if (referenceEntity != oldReferenceEntity) {
+          this.szTaMb.szTaZdMbDTOs.forEach((item, index) => {
+            if (item.relationZd && oldReferenceZd == item.relationZd) {
+              delIndex.push(index);
+            }
+          })
+        }/*else if (oldReferenceZd != referenceZd) {
+          this.szTaMb.szTaZdMbDTOs = this.szTaMb.szTaZdMbDTOs.forEach((item, index) => {
+            if (oldReferenceZd == item.relationZd) {
+              delIndex.push(index)
+            }
+          })
+        }*/ else {
+          this.szTaMb.szTaZdMbDTOs.forEach((item, index) => {
+            if (oldReferenceZd == item.relationZd && !keys.includes(item.referenceZd)) {
+              delIndex.push(index)
+            }
+          })
+        }
+        if (delIndex.length) {
+          /*this.szTaMb.szTaZdMbDTOs = this.szTaMb.szTaZdMbDTOs.filter((item, index) => {
+            return !delIndex.includes(index);
+          })*/
+          delIndex.reverse().forEach(i => {
+            this.szTaMb.szTaZdMbDTOs.splice(i, 1)
+          })
+        }
+      }
+
+      /*let addReferenceShowFields = referenceShowFields.filter((item, index) => {
+        return !keys.includes(item)
+      })*/
+      let oldKeys = this.szTaMb.szTaZdMbDTOs.filter(item => referenceZd == item.relationZd).map(item => item.referenceZd)
+      let addReferenceShowFields = referenceShowFields.filter((item, index) => {
+        return !oldKeys.includes(referenceEntity + "." + item)
+      })
+
+      let addIndex = -1;
+      let lastIndex = this.szTaMb.szTaZdMbDTOs.findLastIndex(item => {
+        return referenceZd == item.relationZd
+      });
+      addIndex = lastIndex >= 0 ? (lastIndex + 1) : (this.currentIndex + 1);
+
+      let referenceShowRows = this.referenceShowRows;
+
+      let addReferenceShowRows = referenceShowRows.filter((item, index) => {
+        return addReferenceShowFields.includes(item.taZdMc)
+      })
+      addReferenceShowRows.forEach((item, index) => {
+        let rIndex = addIndex + index;
+        let orders = (row.orders || 0) + index + 1;
+        let newItem = {
+          zdEn: "ref_" + item.zdEn,
+          taZdMc: null,
+          zdCh: item.zdCh,
+          zdType: "Text",
+          referenceZd: referenceEntity + "." + item.taZdMc,
+          relationZd: referenceZd,
+          zdTypeValues: null,
+          required: false,
+          enabled: true,
+          requiredMsg: null,
+          regexp: null,
+          regexpMsg: null,
+          orders
+        };
+        this.szTaMb.szTaZdMbDTOs.splice(rIndex, 0, newItem);
+      });
+      row.referenceZd = referenceZd
+      this.handleReferenceOrders(row);
+      this.showReferenceZdDialog = false;
+    },
+    changeOrders(row) {
+      this.handleReferenceOrders(row);
+    },
+    handleReferenceOrders(row) {
+      let referenceZd = row.referenceZd;
+      let orders = row.orders || 0;
+      if (referenceZd) {
+        this.szTaMb.szTaZdMbDTOs.filter(item => referenceZd === item.relationZd).forEach((item, index) => {
+          if (referenceZd === item.relationZd) {
+            item.orders = orders + index + 1;
+          }
+        })
+      }
+    },
+    confirmEntityDialog(rows) {
+      if (rows.length) {
+        let row = rows[0];
+        if (this.referenceEntity != row.taBm) {
+          this.referenceKey = null;
+          this.referenceShowFields = [];
+        }
+        this.referenceEntity = row.taBm;
+      }
+    },
+    confirmEntityFieldDialog1(rows) {
+      if (rows.length) {
+        let row = rows[0];
+        this.referenceKey = row.taZdMc;
+      }
+    },
+    confirmEntityFieldDialog2(rows) {
+      if (rows.length) {
+        this.referenceShowRows = rows;
+        this.referenceShowFields = rows.map(row => {
+          return row.taZdMc;
+        });
+      }
+    },
+    getCreatedTableColumns() {
+      if (!this.szTaMb.taBm) return;
+      this.$http({
+        url: "/" + this.szTaMb.serviceName + "/dbTable/getTableColumns",
+        method: `post`,
+        data: {
+          stringOne: this.szTaMb.taBm
+        },
+        isLoading: true,
+        modalStrictly: true,
+        success: res => {
+          if (res.objx) {
+            this.createdTableColumnStr = res.objx;
+            let createdTableColumnArray = res.objx.split(",").filter(item => !!item);
+            this.createdTableColumnArray = createdTableColumnArray;
+          }
+        }
+      });
+    },
+    getTreeDefaultZds() {
+      this.$http({
+        url: USER_PREFIX + `/szTaMb/getTreeDefaultZds`,
+        method: `post`,
+        data: {},
+        isLoading: true,
+        modalStrictly: true,
+        success: res => {
+          let rows = res.objx || []
+          this.treeDefaultZds = rows
+        }
+      });
+    },
+    hasFieldCreated(row) {
+      let taZdMc = row.taZdMc;
+      let createdTableColumnArray = this.createdTableColumnArray || [];
+      let hasCreated = !!taZdMc && createdTableColumnArray.includes(taZdMc)
+      return hasCreated;
+    },
+    changeTaRule(val) {
+      let treeDefaultZds = this.$baseLodash.cloneDeep(this.treeDefaultZds);
+      let szTaZdMbDTOs = this.szTaMb.szTaZdMbDTOs;
+      if (val == 1) {
+        let zdEns = szTaZdMbDTOs.filter(item => !!item.zdEn).map(item => item.zdEn);
+        if (zdEns.length) {
+          treeDefaultZds = treeDefaultZds.filter(item => {
+            return !zdEns.includes(item.zdEn);
+          })
+        }
+        let newIndex = this.getNewIndex();
+        treeDefaultZds.forEach((item, index) => {
+          item.orders = newIndex + index;
+        })
+        szTaZdMbDTOs.push(...treeDefaultZds);
+      } else {
+        let zdEns = szTaZdMbDTOs.filter(item => !!item.zdEn).map(item => item.zdEn);
+        let createdFields = szTaZdMbDTOs.filter(item => {
+          return !!item.zdEn && this.hasFieldCreated(item)
+        }).map(item => item.zdEn);
+        if (zdEns.length) {
+          treeDefaultZds = treeDefaultZds.filter(item => {
+            return !createdFields.includes(item.zdEn) && zdEns.includes(item.zdEn);
+          })
+        }
+        let delFields = treeDefaultZds.map(item => item.zdEn);
+        this.szTaMb.szTaZdMbDTOs = this.szTaMb.szTaZdMbDTOs.filter(item => !delFields.includes(item.zdEn))
+      }
+
+    },
+    getNewIndex() {
+      let min = 100
+      let szTaZdMbDTOs = this.szTaMb.szTaZdMbDTOs;
+      let value = 0;
+      szTaZdMbDTOs.filter(item => !item.systems).forEach(item => {
+        if (item.orders !== null && item.orders !== undefined) {
+          value = Math.max(value, item.orders)
+        }
+      })
+      let newIndex = Math.max(min, (value + 10));
+      return newIndex;
+    },
+    getBdEnv() {
+      getBdEnv({
+        success: res => {
+          this.isDev = res.content == "dev"
+        }
+      });
+    }
+  }
+};
+</script>