cloud-web-corejs 1.0.28 → 1.0.29

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

@@ -4,7 +4,7 @@
       <div class="d-header clearfix">
         <div class="fl">
           <i class="el-icon-info"/>
-          {{ dataId ? $t1('查看') : $t1('新增') }} 数据表定义模板
+          {{ dataId ? $t1('查看数据表定义模板') : $t1('新增数据表定义模板') }}
         </div>
         <div class="fr">
           <el-button type="primary" plain class="button-sty" @click="$baseReload()" icon="el-icon-refresh-right">{{$t1('重置')}}
@@ -160,7 +160,7 @@
         </baseTabPane>
         <baseTabPane label="数据表字段明细">
           <template #button>
-            <el-button class="button-sty" @click="addTaMbItems" icon="el-icon-plus">新增</el-button>
+            <el-button class="button-sty" @click="addTaMbItems" icon="el-icon-plus">{{ $t1('新增') }}</el-button>
           </template>
           <template #default>
             <div>
@@ -368,772 +368,10 @@
 </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 {getBdFlag} from "../../../../api/user";
-import projectTagView from "../../../../components/projectTag/view.vue";
-import preformDialog from "@base/views/bd/setting/form_template/preformDialog.vue";
-import formOplogTable from "@base/components/formOplog/index.vue";
+import mixin from "./mixins/edit";
 
 export default {
   name: 'szTaMbEdit',
-  props: {
-    _dataId: [String, Number],
-    currentFormType: Object
-  },
-  components: {
-    formOplogTable,
-    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)
-            }
-            //获取操作日志数据
-            this.$refs['oplogTable'].initData({
-              param: () => {
-                return {
-                  logType: "SzTaMb",
-                  logObjCode: this.szTaMb.taCode
-                };
-              }
-            });
-
-          }
-        });
-      }
-    },
-    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
-        }
-      });
-    }
-  }
-};
+  mixins: [mixin]
+}
 </script>