cloud-web-corejs 1.0.18 → 1.0.20

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

@@ -1,1123 +1,1123 @@
-<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="">
-                  <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="">
-                  <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="">
-                  <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"
-    />
-    <preformDialog v-if="showPreformDialog" :visiable.sync="showPreformDialog"
-                   @confirm="confirmPreformDialog"></preformDialog>
-  </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 "../../../../api/user";
-import projectTagView from "../../../../components/projectTag/view.vue";
-import preformDialog from "@base/views/bd/setting/form_template/preformDialog.vue";
-
-export default {
-  name: 'szTaMbEdit',
-  props: {
-    _dataId: [String, Number],
-    currentFormType: Object
-  },
-  components: {
-    preformDialog,
-    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,
-      showPreformDialog: false
-
-    };
-  },
-  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.szTaMb.szTaZdMbDTOs = szTaZdMbDTOs;
-          this.openPreformDialog();
-
-        }
-      });
-    },
-    saveDataHandle(preformData) {
-      let formData = {
-        ...this.szTaMb,
-        logContent: preformData.logContent
-      };
-      // 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
-                  }
-                });
-              }
-            }
-          });
-        }
-      });
-    },
-    openPreformDialog() {
-      this.showPreformDialog = true;
-    },
-    confirmPreformDialog(preformData) {
-      this.saveDataHandle(preformData);
-    },
-    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>
+<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 ? $t1('查看') : $t1('新增') }} 数据表定义模板
+        </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"
+                     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="$t1('基本信息')">
+          <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>{{ $t1('创建人') }}</th>
+                <td>{{ szTaMb.createBy }}</td>
+                <th>{{ $t1('创建时间') }}</th>
+                <td>{{ szTaMb.createDate }}</td>
+                <th>{{ $t1('更新人') }}</th>
+                <td>{{ szTaMb.modifyBy }}</td>
+                <th>{{ $t1('更新时间') }}</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="">
+                  <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="">
+                  <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="">
+                  <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>
+            {{ $t1('取 消') }}
+          </el-button>
+          <el-button type="primary" @click="confirmReferenceZdDialog" class="button-sty">
+            <i class="el-icon-check el-icon"></i>
+            {{ $t1('确 定') }}
+          </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"
+    />
+    <preformDialog v-if="showPreformDialog" :visiable.sync="showPreformDialog"
+                   @confirm="confirmPreformDialog"></preformDialog>
+  </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 "../../../../api/user";
+import projectTagView from "../../../../components/projectTag/view.vue";
+import preformDialog from "@base/views/bd/setting/form_template/preformDialog.vue";
+
+export default {
+  name: 'szTaMbEdit',
+  props: {
+    _dataId: [String, Number],
+    currentFormType: Object
+  },
+  components: {
+    preformDialog,
+    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,
+      showPreformDialog: false
+
+    };
+  },
+  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.szTaMb.szTaZdMbDTOs = szTaZdMbDTOs;
+          this.openPreformDialog();
+
+        }
+      });
+    },
+    saveDataHandle(preformData) {
+      let formData = {
+        ...this.szTaMb,
+        logContent: preformData.logContent
+      };
+      // 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
+                  }
+                });
+              }
+            }
+          });
+        }
+      });
+    },
+    openPreformDialog() {
+      this.showPreformDialog = true;
+    },
+    confirmPreformDialog(preformData) {
+      this.saveDataHandle(preformData);
+    },
+    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: this.$t1('是否启用'),
+            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: this.$t1('序号'),
+            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() {
+      getBdFlag({
+        success: res => {
+          this.isDev = res.objx == 1
+        }
+      });
+    }
+  }
+};
+</script>