cloud-web-corejs 1.0.54-dev.16 → 1.0.54-dev.161

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

@@ -1,426 +1,832 @@
-<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 && menuKindAuth.editAuth===1">
-            {{ $t1('保存') }}
-          </el-button>
-
-          <el-button type="success" class="button-sty" icon="el-icon-check"
-                     @click="createModifyTable()" v-if="!szTaMb.systems && menuKindAuth.editAuth===1"> {{ $t1('创建/更新数据表') }}
-          </el-button>
-        </div>
-      </div>
-      <baseTabs>
-        <baseTabPane :label="$t1('基本信息')">
-          <template #default>
-            <table class="table-detail">
-              <tbody>
-              <tr>
-                <th>
-                  <em class="f-red">*</em>
-                  {{ $t1('实体名称') }}
-                </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>{{ $t1('数据库表名') }}</th>
-                <td colspan="3">
-                  {{ szTaMb.taBm }}
-                </td>
-              </tr>
-              <tr>
-                <th><em class="f-red">*</em>{{ $t1('表描述') }}</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>{{ $t1('是否明细') }}</th>
-                <td>
-                  <el-form-item prop="taType" :rules="[{ required: true, trigger: ['blur', 'change'] }]">
-                    <el-radio-group v-model="szTaMb.taType">
-                      <el-radio :label="1">{{ $t1('是') }}</el-radio>
-                      <el-radio :label="0">{{ $t1('否') }}</el-radio>
-                    </el-radio-group>
-                  </el-form-item>
-                </td>
-                <th>
-                  <em class="f-red" v-show="szTaMb.taType===1">*</em>
-                  {{ $t1('所属主实体') }}
-                </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>{{ $t1('是否树结构') }}</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">{{ $t1('是') }}</el-radio>
-                      <el-radio :label="0">{{ $t1('否') }}</el-radio>
-                    </el-radio-group>
-                  </el-form-item>
-                </td>
-                <th><em class="f-red">*</em>{{ $t1('数据范围') }}</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">{{ $t1('集团') }}</el-radio>
-                      <el-radio :label="0">{{ $t1('当前企业') }}</el-radio>
-                    </el-radio-group>
-                  </el-form-item>
-                </td>
-              </tr>
-              <tr>
-                <th>
-                  <em class="f-red">*</em>
-                  {{ $t1('表单分类') }}
-                </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>
-                  {{ $t1('项目标签') }}
-                </th>
-                <td colspan="7">
-                  <projectTagView v-model="szTaMb.szTaMbTagDTOs"></projectTagView>
-                </td>
-              </tr>
-              <tr>
-                <th>
-                  {{ $t1('服务名') }}
-                </th>
-                <td colspan="7">
-                  {{szTaMb.serviceName}}
-                </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="$t1('数据表字段明细')">
-          <template #button>
-            <el-button class="button-sty" @click="addTaMbItems" icon="el-icon-plus">{{ $t1('新增') }}</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="$t1('布尔')"></el-option>
-                    <el-option value="Integer" :label="$t1('整数')"></el-option>
-                    <el-option value="Long" :label="$t1('长整数')"></el-option>
-                    <el-option value="Decimal" :label="$t1('精度小数')"></el-option>
-                    <el-option value="Money" :label="$t1('金额')"></el-option>
-                    <el-option value="Text" :label="$t1('文本')"></el-option>
-                    <el-option value="TextArea" :label="$t1('长文本')"></el-option>
-                    <el-option value="DateTime" :label="$t1('日期时间')"></el-option>
-                    <el-option value="Reference" :label="$t1('关联表')"></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>
-                <template #zdEn="{row, rowIndex}">
-                  <template v-if="!!row.systems || !!row.relationZd">
-                    <div :style="!!row.relationZd ? 'margin-left:20px' : ''">{{ row.zdEn }}</div>
-                  </template>
-                  <template v-else>
-                    <el-form-item :prop="'szTaZdMbDTOs.' + rowIndex + '.zdEn'"
-                                  :rules="[{required: true, trigger: ['blur', 'change']}]">
-                      <el-input v-model="row.zdEn" clearable/>
-                    </el-form-item>
-                  </template>
-                </template>
-                <template #zdCh="{row, rowIndex}">
-                  <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>
-                </template>
-                <template #zdTypeValues="{row, rowIndex}">
-                  <el-form-item :prop="'szTaZdMbDTOs.' + rowIndex + '.zdTypeValues'"
-                                :rules="[{required: false, trigger: ['blur', 'change']}]">
-                    <el-input v-model="row.zdTypeValues" clearable :disabled="!!row.systems || !!row.relationZd"/>
-                  </el-form-item>
-                </template>
-                <template #required="{row, rowIndex}">
-                  <el-checkbox v-model="row.required" :disabled="!!row.systems || !!row.relationZd"/>
-                </template>
-                <template #enabled="{row, rowIndex}">
-                  <el-checkbox v-model="row.enabled" :disabled="!!row.systems || !!row.relationZd"/>
-                </template>
-                <template #generateCode="{row, rowIndex}">
-                  <el-checkbox v-model="row.generateCode" :disabled="!!row.systems || !!row.relationZd"/>
-                </template>
-                <template #t1="{row, rowIndex}">
-                  <el-checkbox v-model="row.t1" :disabled="!!row.systems || !!row.relationZd"/>
-                </template>
-                <template #codeType="{row, rowIndex}">
-                  <el-form-item :prop="'szTaZdMbDTOs.' + rowIndex + '.codeType'"
-                                :rules="[{required: false, trigger: ['blur', 'change']}]">
-                    <el-input v-model="row.codeType" clearable :disabled="!!row.systems || !!row.relationZd"/>
-                  </el-form-item>
-                </template>
-                <template #orders="{row, rowIndex}">
-                  <el-form-item :prop="'szTaZdMbDTOs.' + rowIndex + '.orders'"
-                                :rules="[{required: false, trigger: ['blur', 'change']}]">
-                    <base-input-number v-model="row.orders" clearable :disabled="!!row.systems" @change="changeOrders(row)"/>
-                  </el-form-item>
-                </template>
-              </vxe-grid>
-            </div>
-            <table class="table-detail">
-              <tbody>
-              <tr>
-                <th>
-                  {{ $t1('表编码') }}
-                </th>
-                <td colspan="7">
-                  {{ szTaMb.taCode }}
-                </td>
-              </tr>
-              </tbody>
-            </table>
-          </template>
-        </baseTabPane>
-        <baseTabPane :label="$t1('操作日志')">
-          <template #default>
-            <formOplogTable :parent-target="_self" ref="oplogTable"></formOplogTable>
-          </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="$t1('关联表维护')"
-      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">
-                      {{ $t1('关联表') }}
-                    </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">
-                      {{ $t1('关联字段') }}
-                    </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">
-                      {{ $t1('显示字段') }}
-                    </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 mixin from "./mixins/edit";
-
-export default {
-  name: 'szTaMbEdit',
-  mixins: [mixin]
-}
-</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"
+            icon="el-icon-set-up"
+            @click="openDtDialog"
+            v-if="isDev && !dataId && menuKindAuth.editAuth === 1 && !readonly"
+          >
+            {{ $t1("引用数据库中数据表结构") }}
+          </el-button>
+          <el-button
+            type="primary"
+            plain
+            class="button-sty"
+            icon="el-icon-set-up"
+            @click="openTmDialog"
+            v-if="isDev && !dataId && menuKindAuth.editAuth === 1 && !readonly"
+          >
+            {{ $t1("引用数据表定义的结构") }}
+          </el-button>
+
+          <el-button
+            type="success"
+            class="button-sty"
+            icon="el-icon-check"
+            @click="createModifyTable()"
+            v-if="
+              !szTaMb.systems &&
+              szTaMb.id &&
+              menuKindAuth.editAuth === 1 &&
+              !readonly
+            "
+          >
+            {{ $t1("创建/更新数据表") }}
+          </el-button>
+          <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 &&
+              menuKindAuth.editAuth === 1 &&
+              !readonly
+            "
+          >
+            {{ $t1("保存") }}
+          </el-button>
+        </div>
+      </div>
+      <baseTabs>
+        <baseTabPane :label="$t1('基本信息')">
+          <template #default>
+            <table class="table-detail">
+              <tbody>
+                <tr>
+                  <th>{{ $t1('数据库表名') }}</th>
+                  <td colspan="3">
+                    <el-form-item prop="taBm" :rules="[{ required: false, trigger: ['blur', 'change'] }]">
+                      <el-input type="text" autocomplete="off" v-model="szTaMb.taBm" clearable  :disabled="!!dataId"/>
+                    </el-form-item>
+                  </td>
+                  <td colspan="4">
+                    <span class="fl tips">{{ $t1('注：数据库表名必须定义为：1、与实体名称一样，2、表单分类数据表前缀_实体名称。') }}</span>
+                  </td>
+                </tr>
+                <tr>
+                  <th>
+                    <em class="f-red">*</em>
+                    {{ $t1("实体名称") }}
+                  </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>
+                </tr>
+                <tr>
+                  <th><em class="f-red">*</em>{{ $t1("表描述") }}</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>{{ $t1("是否明细") }}</th>
+                  <td>
+                    <el-form-item
+                      prop="taType"
+                      :rules="[{ required: true, trigger: ['blur', 'change'] }]"
+                    >
+                      <el-radio-group v-model="szTaMb.taType">
+                        <el-radio :label="1">{{ $t1("是") }}</el-radio>
+                        <el-radio :label="0">{{ $t1("否") }}</el-radio>
+                      </el-radio-group>
+                    </el-form-item>
+                  </td>
+                  <th>
+                    <em class="f-red" v-show="szTaMb.taType === 1">*</em>
+                    {{ $t1("所属主实体") }}
+                  </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 = null;
+                          szTaMb.sszstBm = null;
+                          $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>{{ $t1("是否树结构") }}</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">{{ $t1("是") }}</el-radio>
+                        <el-radio :label="0">{{ $t1("否") }}</el-radio>
+                      </el-radio-group>
+                    </el-form-item>
+                  </td>
+                  <th><em class="f-red">*</em>{{ $t1("数据范围") }}</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">{{ $t1("集团") }}</el-radio>
+                        <el-radio :label="0">{{ $t1("当前组织") }}</el-radio>
+                      </el-radio-group>
+                    </el-form-item>
+                  </td>
+                </tr>
+                <tr>
+                  <th>
+                    <em class="f-red">*</em>
+                    {{ $t1("表单分类") }}
+                  </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>
+                    {{ $t1("项目标签") }}
+                  </th>
+                  <td colspan="7">
+                    <projectTagView
+                      v-model="szTaMb.szTaMbTagDTOs"
+                    ></projectTagView>
+                  </td>
+                </tr>
+                <tr>
+                  <th>
+                    {{ $t1("服务名") }}
+                  </th>
+                  <td colspan="7">
+                    {{ szTaMb.serviceName }}
+                  </td>
+                </tr>
+
+                <tr>
+                  <th>
+                    {{ $t1("唯一标识") }}
+                  </th>
+                  <td colspan="7">
+                    {{ szTaMb.sid }}
+                  </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="$t1('数据表字段明细')">
+          <template #button>
+            <el-button
+              class="button-sty"
+              @click="addTaMbItems"
+              icon="el-icon-plus"
+              >{{ $t1("新增") }}</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="$t1('布尔')"></el-option>
+                    <el-option value="Integer" :label="$t1('整数')"></el-option>
+                    <el-option value="Long" :label="$t1('长整数')"></el-option>
+                    <el-option
+                      value="Decimal"
+                      :label="$t1('精度小数')"
+                    ></el-option>
+                    <el-option value="Money" :label="$t1('金额')"></el-option>
+                    <el-option value="Text" :label="$t1('文本')"></el-option>
+                    <el-option
+                      value="TextArea"
+                      :label="$t1('长文本')"
+                    ></el-option>
+                    <el-option
+                      value="DateTime"
+                      :label="$t1('日期时间')"
+                    ></el-option>
+                    <el-option
+                      value="Reference"
+                      :label="$t1('关联表')"
+                    ></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'"
+                    :disabled="!row.zdEn"
+                  >
+                    <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>
+                <template #zdEn="{ row, rowIndex }">
+                  <template
+                    v-if="!!row.systems || row.fromTable"
+                  >
+                    <div>
+                      {{ row.zdEn }}
+                    </div>
+                  </template>
+                  <template v-else>
+                    <el-form-item
+                      :prop="'szTaZdMbDTOs.' + rowIndex + '.zdEn'"
+                      :rules="[{ required: true, trigger: ['blur', 'change'] }]"
+                      :style="!!row.relationZd ? 'padding-left:20px' : ''"
+                    >
+                      <el-input v-model="row.zdEn" @keydown.native="inputZdEn(row)"
+                                @input="(val)=>{changeZdEn(val,row)}" />
+                    </el-form-item>
+                  </template>
+                </template>
+                <template #zdCh="{ row, rowIndex }">
+                  <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>
+                </template>
+                <template #zdTypeValues="{ row, rowIndex }">
+                  <el-form-item
+                    :prop="'szTaZdMbDTOs.' + rowIndex + '.zdTypeValues'"
+                    :rules="[{ required: false, trigger: ['blur', 'change'] }]"
+                  >
+                    <el-input
+                      v-model="row.zdTypeValues"
+                      clearable
+                      :disabled="!!row.systems || !!row.relationZd"
+                    />
+                  </el-form-item>
+                </template>
+                <template #required="{ row, rowIndex }">
+                  <el-checkbox
+                    v-model="row.required"
+                    :disabled="!!row.systems || !!row.relationZd"
+                  />
+                </template>
+                <template #enabled="{ row, rowIndex }">
+                  <el-checkbox
+                    v-model="row.enabled"
+                    :disabled="!!row.systems || !!row.relationZd"
+                  />
+                </template>
+                <template #generateCode="{ row, rowIndex }">
+                  <el-checkbox
+                    v-model="row.generateCode"
+                    :disabled="!!row.systems || !!row.relationZd"
+                  />
+                </template>
+                <template #atened="{ row, rowIndex }">
+                  <el-checkbox
+                    v-model="row.atened"
+                    :disabled="!!row.systems || !!row.relationZd"
+                  />
+                </template>
+                <template #updateIgnore="{ row, rowIndex }">
+                  <el-checkbox
+                    v-model="row.updateIgnore"
+                    :disabled="!!row.systems || !!row.relationZd"
+                  />
+                </template>
+                <template #codeType="{ row, rowIndex }">
+                  <el-form-item
+                    :prop="'szTaZdMbDTOs.' + rowIndex + '.codeType'"
+                    :rules="[{ required: false, trigger: ['blur', 'change'] }]"
+                  >
+                    <el-input
+                      v-model="row.codeType"
+                      clearable
+                      :disabled="!!row.systems || !!row.relationZd"
+                    />
+                  </el-form-item>
+                </template>
+                <template #orders="{ row, rowIndex }">
+                  <el-form-item
+                    :prop="'szTaZdMbDTOs.' + rowIndex + '.orders'"
+                    :rules="[{ required: false, trigger: ['blur', 'change'] }]"
+                  >
+                    <base-input-number
+                      v-model="row.orders"
+                      clearable
+                      :disabled="!!row.systems"
+                      @change="changeOrders(row)"
+                    />
+                  </el-form-item>
+                </template>
+                <template #toTaBmZd="{ row, rowIndex, $table }">
+                  <el-input
+                    class="search-input"
+                    v-model="row.toTaBmZd"
+                    clearable
+                    @clear="$forceUpdate()"
+                    v-el-readonly
+                    :disabled="!!row.systems || !!row.relationZd"
+                  >
+                    <i
+                      slot="suffix"
+                      class="el-input__icon el-icon-search"
+                      @click="openToTaBmZdDialog(row, rowIndex, $table)"
+                    ></i>
+                  </el-input>
+                </template>
+                <template #treeFlag="{ row }">
+                  <el-select
+                    v-model="row.treeFlag"
+                    clearable
+                    :disabled="!!row.systems || !!row.relationZd || szTaMb.taRule!==1"
+                  >
+                    <el-option value="name" :label="$t1('名称')"></el-option>
+                    <el-option value="wbs" :label="$t1('WBS码')"></el-option>
+                    <el-option value="parent" :label="$t1('上级ID')"></el-option>
+                    <el-option value="treePath" :label="$t1('树ID路径')"></el-option>
+                    <el-option value="treePathName" :label="$t1('树名称路径')"></el-option>
+                    <el-option value="hasChild" :label="$t1('是否有下级')"></el-option>
+                    <el-option value="grade" :label="$t1('层级')"></el-option>
+                  </el-select>
+                </template>
+              </vxe-grid>
+            </div>
+            <table class="table-detail">
+              <tbody>
+                <tr>
+                  <th>
+                    {{ $t1("表编码") }}
+                  </th>
+                  <td colspan="7">
+                    {{ szTaMb.taCode }}
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </template>
+        </baseTabPane>
+        <baseTabPane :label="$t1('操作日志')">
+          <template #default>
+            <formOplogTable
+              :parent-target="_self"
+              ref="oplogTable"
+            ></formOplogTable>
+          </template>
+        </baseTabPane>
+      </baseTabs>
+    </el-form>
+
+    <szTaMbDialog
+      v-if="showSzTaMbDialog"
+      :visiable.sync="showSzTaMbDialog"
+      @confirm="confirmInsertSzTaMb"
+      :multi="false"
+    />
+    <szTaMbDialog
+      v-if="showItemSzTaMbDialog"
+      :visiable.sync="showItemSzTaMbDialog"
+      @confirm="confirmInsertItemSzTaMb"
+      multi="false"
+    />
+    <MenuKindDialog
+      v-if="showMenuKindDialog"
+      :visiable.sync="showMenuKindDialog"
+      @confirm="confirmInsertMenuKind"
+      :multi="false"
+    />
+
+    <el-dialog
+      :title="$t1('关联表维护')"
+      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">
+                    {{ $t1("关联表") }}
+                  </span>
+                </th>
+                <td>
+                  <el-form-item label="">
+                    <el-input
+                      class="search-input"
+                      max="200"
+                      v-model="referenceEntity"
+                      @clear="
+                        referenceKey = null;
+                        refServiceName = 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">
+                    {{ $t1("关联字段") }}
+                  </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="openEntityFieldDialog1"
+                      ></i>
+                    </el-input>
+                  </el-form-item>
+                </td>
+              </tr>
+              <tr>
+                <th>
+                  <span class="t">
+                    {{ $t1("显示字段") }}
+                  </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="openEntityFieldDialog2"
+                      ></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>
+
+    <szTaMbDialog
+      v-if="showTmDialog"
+      :visiable.sync="showTmDialog"
+      @confirm="confirmTmDialog"
+      :multi="false"
+    />
+
+    <el-dialog
+      :title="$t1('引用数据库中数据表结构')"
+      :append-to-body="true"
+      :modal-append-to-body="true"
+      :close-on-click-modal="false"
+      v-if="showDtDialog"
+      :visible.sync="showDtDialog"
+      :modal="false"
+      custom-class="dialog-style list-dialog dialog-checkbox pd_8"
+      width="350px"
+      v-el-drag-dialog
+    >
+      <div class="cont">
+        <el-form
+          ref="editCategoryForm"
+          label-width="102px"
+          class="adSearchForm"
+          style="height: auto; width: auto"
+        >
+          <el-form-item :label="$t1('数据表')">
+            <el-input v-model="dbTable" clearable class="all-width" />
+          </el-form-item>
+        </el-form>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button
+          type="primary"
+          plain
+          class="button-sty"
+          @click="showDtDialog = false"
+        >
+          <i class="el-icon-close el-icon"></i>
+          {{ $t2("取 消", "system.button.cancel2") }}
+        </el-button>
+        <el-button type="primary" @click="confirmDtDialog" class="button-sty">
+          <i class="el-icon-check el-icon"></i>
+          {{ $t1("确定") }}
+        </el-button>
+      </span>
+    </el-dialog>
+
+<!--begin-->
+<el-dialog
+      :title="$t1('数据值对应表字段')"
+      v-if="showToTaBmZdDialog"
+      :visible.sync="showToTaBmZdDialog"
+      :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">
+                    {{ $t1("对应表") }}
+                  </span>
+                </th>
+                <td>
+                  <el-form-item label="">
+                    <el-input
+                      class="search-input"
+                      max="200"
+                      v-model="toTaBmZdEntity"
+                      @clear="
+                        toTaBmZdEntity = null;
+                        toTaBmZdField = null;
+                      "
+                      v-el-readonly
+                      clearable
+                    >
+                      <i
+                        slot="suffix"
+                        class="el-input__icon el-icon-search"
+                        @click="showEntityDialog3 = true"
+                      ></i>
+                    </el-input>
+                  </el-form-item>
+                </td>
+              </tr>
+              <tr>
+                <th>
+                  <span class="t">
+                    {{ $t1("对应表字段") }}
+                  </span>
+                </th>
+                <td>
+                  <el-form-item label="">
+                    <el-input
+                      class="search-input"
+                      max="200"
+                      v-model="toTaBmZdField"
+                      @clear="toTaBmZdField = null"
+                      v-el-readonly
+                      clearable
+                    >
+                      <i
+                        slot="suffix"
+                        class="el-input__icon el-icon-search"
+                        @click="openEntityFieldDialog3"
+                      ></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="showToTaBmZdDialog = false"
+        >
+          <i class="el-icon-close el-icon"></i>
+          {{ $t1("取 消") }}
+        </el-button>
+        <el-button
+          type="primary"
+          @click="confirmToTaBmZdDialog"
+          class="button-sty"
+        >
+          <i class="el-icon-check el-icon"></i>
+          {{ $t1("确 定") }}
+        </el-button>
+      </span>
+    </el-dialog>
+
+    <szTaMbDialog
+      v-if="showEntityDialog3"
+      :visiable.sync="showEntityDialog3"
+      @confirm="confirmEntityDialog3"
+      :multi="false"
+    />
+
+    <zdDialog
+      v-if="showEntityFieldDialog3"
+      :visiable.sync="showEntityFieldDialog3"
+      @confirm="confirmEntityFieldDialog3"
+      :taBm="toTaBmZdEntity"
+      :multi="false"
+    />
+<!--end-->
+
+  </div>
+</template>
+
+<script>
+import mixin from "./mixins/edit";
+
+export default {
+  name: "szTaMbEdit",
+  mixins: [mixin],
+};
+</script>