cloud-web-corejs 1.0.27 → 1.0.28

package/src/views/bd/setting/form_template/list.vue

@@ -1,766 +1,766 @@
-<template>
-  <div id="containt">
-    <x-tabs ref="xTabs" v-model="activeName" class="tab-box" paneKeyName="formCode">
-      <el-tab-pane :label="$t1('常规')" name="first">
-        <editView v-if="showEdit" visible-key="showEdit" :_dataId.sync="dataId" :currentFormType="currentFormType"
-                  :parent-target="_self" @reload="$reloadHandle"
-                  @openDesignDialog="openDesingerDialogByChild"></editView>
-      </el-tab-pane>
-      <el-tab-pane :label="$t1('列表')" name="second">
-        <div class="tree-box fl">
-          <div class="tit"><b>表单分类</b></div>
-          <div class="tree-btns" style="margin-top: 10px;">
-          </div>
-          <el-tree
-            v-if="showTree"
-            :props="defaultProps"
-            :load="loadNode"
-            node-key="id"
-            ref="tree"
-            highlight-current
-            lazy
-            :expand-on-click-node="false"
-            @node-click="handleNodeClick"
-            class="tree-list"
-            icon-class="el-icon-arrow-down"
-          ></el-tree>
-        </div>
-        <label id="labBtn">
-          <div class="icon">
-            <i class="el-icon-more"></i>
-            <i class="el-icon-more"></i>
-          </div>
-        </label>
-        <div class="main-right fr" style="padding-left:6px;">
-          <div class="grid-height">
-            <vxe-grid
-              ref="table-m1"
-              v-bind="vxeOption"
-              @resizable-change="$vxeTableUtil.onColumnWitchChange"
-              @custom="$vxeTableUtil.customHandle"
-            >
-              <template #form>
-                <tableForm :formData.sync="formData" @searchEvent="searchEvent" @resetEvent="resetEvent">
-                  <template #buttonLeft>
-                    <vxe-button status="primary" class="button-sty" icon="el-icon-plus" @click="openEditDialog()"
-                                v-if="isDev && currentFormType.addAuth===1">新增
-                    </vxe-button>
-                    <vxe-button status="success" class="button-sty" icon="el-icon-download" @click="jsonImport">导入发布
-                    </vxe-button>
-                    <vxe-button status="success" class="button-sty" icon="el-icon-upload2" @click="jsonExport"
-                                v-if="isDev">导出发布
-                    </vxe-button>
-                    <projectTagAddButton :option="addProjectTagOption" v-if="isDev"></projectTagAddButton>
-                    <projectTagDeleteButton :option="deleteProjectTagOption" v-if="isDev"></projectTagDeleteButton>
-                  </template>
-                  <template #buttonRight>
-                    <vxe-button icon="el-icon-brush" class="button-sty" @click="resetEvent" type="text" status="primary"
-                                plain>{{$t1('重置')}}
-                    </vxe-button>
-                    <vxe-button status="warning" icon="el-icon-search" class="button-sty" @click="searchEvent">搜索
-                    </vxe-button>
-                  </template>
-                  <template #menuKindName>
-                    <vxe-form-item title="表单分类:" field="tag">
-                      <template v-slot>
-                        <el-input v-model="currentMenuKindName" disabled></el-input>
-                      </template>
-                    </vxe-form-item>
-                  </template>
-                  <template #tag>
-                    <vxe-form-item title="项目标签:" field="tag">
-                      <template v-slot>
-                        <el-input
-                          class="search-input"
-                          max="200"
-                          :value="getTabNames()"
-                          @clear="
-                            checkTags = [];
-                          "
-                          v-el-readonly
-                          clearable
-                        >
-                          <i slot="suffix" class="el-input__icon el-icon-search" @click="openProjectTagDialog3"></i>
-                        </el-input>
-                      </template>
-                    </vxe-form-item>
-                  </template>
-                </tableForm>
-              </template>
-              <template #tag="{row}">
-                <projectTagView v-model="row.formTemplateTagDTOs" :readonly="true"></projectTagView>
-              </template>
-            </vxe-grid>
-            <el-drawer title="流程模板" :visible.sync="showItemView" :modal="false" :wrapperClosable="false"
-                       :destroy-on-close="true" size="90%" direction="btt">
-              <itemList v-if="showItemView" :formTemplate="currentRow"
-                        @openWfDesignDialog="openWfDesignDialog"></itemList>
-            </el-drawer>
-          </div>
-        </div>
-      </el-tab-pane>
-      <template #editTab="{tab,index,reloadTabContent}">
-        <el-tab-pane :key="tab.data.id" :label.sync="tab.data.formName" :name="tab.data.formCode"
-                     :closable="true">
-          <editView v-if="tab.showContent" :_dataId="tab.dataId" :currentFormType="currentFormType"
-                    :parent-target="_self"
-                    @reload="reloadTabContent" @openDesignDialog="openDesingerDialogByChild"></editView>
-        </el-tab-pane>
-      </template>
-    </x-tabs>
-    <el-drawer :title="'表单设计('+formName+')'" :visible.sync="showDesingerDialog" :modal="false"
-               :destroy-on-close="true"
-               size="100%" direction="rtl" :before-close="closeFormDesignwinEvent" :append-to-body="false"
-               class="designer-drawer" :class="[isFullscreen ? 'is-fullscreen' : '']" @close="handleFormDesignClose">
-      <el-tabs v-model="formDesTabs" type="card" class="tab-boxOnly" :stretch="true">
-        <el-tab-pane label="设计器" name="first">
-          <designer ref="designer" :formCode.sync="formCode" @reflushTemplateList="reflushTemplateList"></designer>
-        </el-tab-pane>
-        <el-tab-pane label="后端脚本" name="second">
-          <formScriptList :formCode="formCode" :formTemplate="currentFormTemplate"
-                          v-if="showFormScriptList"></formScriptList>
-        </el-tab-pane>
-      </el-tabs>
-      <el-button class="isFullIcon" v-if="!isFullscreen" @click="handleFullscreen">
-        <el-tooltip effect="dark" content="全屏" placement="top">
-          <i class="iconfont icon-quanping"></i>
-        </el-tooltip>
-
-      </el-button>
-      <el-button class="isFullIcon" v-else @click="handleFullscreen">
-        <el-tooltip effect="dark" content="缩小" placement="top">
-          <i class="iconfont icon-suoxiao"></i>
-        </el-tooltip>
-      </el-button>
-    </el-drawer>
-
-    <el-dialog
-      :title="流程设计"
-      :append-to-body="true"
-      :modal-append-to-body="true"
-      :close-on-click-modal="false"
-      v-if="showWfDialog"
-      :visible.sync="showWfDialog"
-      :modal="false"
-      custom-class="dialog-style designer-dialog"
-      width="100%"
-      height="100%"
-      top="0px"
-      bottom="0px"
-      :before-close="closeDesignwinEvent"
-      :destroy-on-close="true"
-      v-el-drag-dialog
-    >
-      <iframe :src="wfUrl" :style="'width:100%;height:' + ($root.$el.clientHeight - 30 - 12) + 'px'"></iframe>
-    </el-dialog>
-
-    <userDialog v-if="showUserDialog" :visiable.sync="showUserDialog" @confirm="confirmUser"
-                :multi.sync="wfAssignMulti"/>
-    <positionDialog v-if="showPositionDialog" :visiable.sync="showPositionDialog" @confirm="confirmPosition"/>
-    <scriptDescriptionDialog path="static/readme/Wf.txt" v-if="showScriptDescriptionDialog"
-                             :visiable.sync="showScriptDescriptionDialog"></scriptDescriptionDialog>
-
-    <formTypeEditDialog v-if="showFormTypeDialog" :visiable.sync="showFormTypeDialog" :_dataId.sync="editFormTypeId"
-                        @confirm="confirmFormTypeEditDialog"></formTypeEditDialog>
-
-    <ftHistoryDialog v-if="showFtHistoryDialog" :visiable.sync="showFtHistoryDialog"
-                     :formCode.sync="operateFtHistory.formCode" @confirm="confirmFtHistoryDialog" :multi="false"/>
-    <projectTagDialog v-if="showProjectTagDialog3"
-                      :visiable.sync="showProjectTagDialog3"
-                      @confirm="confirmProjectTagDialog3"
-                      :rows="checkTags"
-                      :multi="true"></projectTagDialog>
-
-  </div>
-</template>
-
-<script>
-import {treeScollx} from '@base/utils/global.js';
-import editView from './edit.vue';
-
-import userDialog from '../../../../views/user/user/dialog.vue';
-import positionDialog from '../../../../views/user/position/dialog.vue';
-import scriptDescriptionDialog from '@base/components/scriptDescription/dialog'
-
-import itemList from "./itemList";
-import formTypeEditDialog from "../../../../views/user/form/form_type/editDialog";
-import ftHistoryDialog from "./ftHistoryDialog";
-import indexUtil from "@base/utils/index.js"
-import formScriptList from '../../../../views/bd/setting/form_script/form_list.vue';
-import projectTagDialog from "../../../../views/user/project_tag/dialog.vue";
-import tableForm from "@base/components/table/tableForm.vue";
-import {getBdFlag} from "@base/api/user";
-import projectTagDeleteButton from "@base/components/projectTag/deleteButton.vue";
-import projectTagAddButton from "@base/components/projectTag/addButton.vue";
-import projectTagView from "@base/components/projectTag/view.vue";
-
-export default {
-  name: 'bd_form_template:list',
-  components: {
-    projectTagView,
-    projectTagAddButton, projectTagDeleteButton,
-    tableForm,
-    editView,
-    userDialog,
-    positionDialog,
-    scriptDescriptionDialog,
-    ftHistoryDialog,
-    itemList,
-    formTypeEditDialog,
-    formScriptList,
-    projectTagDialog,
-    designer: () => import('../../../../views/user/form/vform/designer.vue')
-  },
-  data() {
-    return {
-      isFullscreen: false,
-      formDesTabs: 'first',
-      activeName: 'second',
-      dataId: 0,
-      showEdit: false,
-      vxeOption: {},
-      formData: {},
-      showDesingerDialog: false,
-      formCode: null,
-      formName: null,
-      templateId: null,
-      currentFormTemplate: null,
-
-      showItemEdit: false,
-      showParamEdit: false,
-      vxeOption1: {},
-      editId: '',
-      itemEditId: '',
-      pRow: null,
-      currentRow: {},
-      serviceId: null,
-      itemServiceId: null,
-
-      showWfDialog: false,
-      wfUrl: '',
-      ph: '',
-      dialogActiveName: 'first',
-      showFunctionScriptList: false,
-      showUserDialog: false,
-      wfAssignData: [],
-      wfAssignCallback: null,
-      wfAssignMulti: true,
-
-      showPositionDialog: false,
-      wfAssignPositionData: [],
-      wfAssignPositionCallback: null,
-
-      showFormTemplateDialog: false,
-      wfAssignFormTemplateCallback: null,
-
-      showScriptDescriptionDialog: false,
-      showWfDiyAttributeEdit: false,
-
-      showFtHistoryDialog: false,
-      operateFtHistory: null,
-
-      defaultProps: {
-        label: 'name', //这里是树结构中需显示的数据（即接口返回的需展示在页面上的参数）
-        children: [],
-        isLeaf: 'leaf'
-      },
-      showItemView: false,
-
-      currentFormType: {},
-      editFormTypeId: null,
-      showFormTypeDialog: false,
-      showFormScriptList: false,
-      addProjectTagOption: {
-        url: USER_PREFIX + `/formTemplate/saveTag`,
-        tableDatas: () => {
-          return this.$refs["table-m1"].getCheckboxRecords(true);
-        },
-        reqData: (tagDatas, tableDatas) => {
-          let formCodes = tableDatas.map(item => item.formCode);
-          let tagCodes = tagDatas.map(item => item.tagCode);
-          let reqData = {
-            tagCodes,
-            formCodes
-          };
-          return reqData;
-        },
-        callback: () => {
-          this.searchEvent()
-        }
-      },
-      deleteProjectTagOption: {
-        url: USER_PREFIX + `/formTemplate/deleteTag`,
-        tableDatas: () => {
-          return this.$refs["table-m1"].getCheckboxRecords(true);
-        },
-        reqData: (tagDatas, tableDatas) => {
-          let formCodes = tableDatas.map(item => item.formCode);
-          let tagCodes = tagDatas.map(item => item.tagCode);
-          let reqData = {
-            tagCodes,
-            formCodes
-          };
-          return reqData;
-        },
-        callback: () => {
-          this.searchEvent()
-        }
-      },
-      showProjectTagDialog3: false,
-      checkTags: [],
-      isDev: true,
-      menuKindAuth: {},
-      showTree: false
-    };
-  },
-  computed: {
-    currentMenuKindId() {
-      return this.currentFormType?.id || null
-    },
-    currentMenuKindName() {
-      return this.currentFormType?.name || null
-    }
-  },
-  watch: {
-    formDesTabs(val) {
-      if (this.showFormScriptList == false && val == 'second') {
-        this.showFormScriptList = true;
-      }
-    }
-  },
-  mounted() {
-    treeScollx({target: this, type: 'default'});
-    this.getBdEnv();
-    this.initTableList();
-    this.initWfWinParam();
-  },
-  methods: {
-    searchEvent() {
-      this.$refs['table-m1'].commitProxy('reload');
-    },
-    resetEvent() {
-      this.formData = {};
-      this.checkTags = [];
-      this.$refs['table-m1'].commitProxy('reload');
-    },
-    openEditDialog(row) {
-      let formCode = row?.formCode || null;
-      /*this.dataId = !id || typeof id == 'object' ? 0 : id;
-      this.activeName = 'first';
-      this.showItemEdit = false;
-      this.$openEditView('showEdit');*/
-      if (!formCode) {
-        this.dataId = formCode;
-        this.activeName = 'first';
-        this.$openEditView('showEdit');
-      } else {
-        this.$refs.xTabs.openEditTab(row);
-      }
-
-    },
-    openDesingerDialog(row, callback) {
-      this.formCode = row.formCode;
-      this.formName = row.formName;
-      this.currentFormTemplate = row;
-      this.isFullscreen = false;
-      this.showDesingerDialog = true;
-      this.designerSaveCallback = callback ?? null;
-    },
-    openDesingerDialogByChild({row, callback}) {
-      this.openDesingerDialog(row, callback)
-    },
-    reflushTemplateList() {
-      this.searchEvent();
-      this.designerSaveCallback && this.designerSaveCallback();
-    },
-    handleFullscreen() {
-      let isFullscreen = this.isFullscreen;
-      if (!isFullscreen) {
-        indexUtil.addClass(document.body, "hideMenu");
-      } else {
-        indexUtil.removeClass(document.body, "hideMenu");
-      }
-      this.isFullscreen = !isFullscreen;
-    },
-    openFtHistoryDialog(row) {
-      this.operateFtHistory = row;
-      this.showFtHistoryDialog = true;
-    },
-    confirmFtHistoryDialog(row) {
-      this.searchEvent();
-    },
-    closeFormDesignwinEvent(done) {
-      this.$baseConfirm('请确认"已保存"报表模板，是否继续关闭？').then(() => {
-        indexUtil.removeClass(document.body, "hideMenu");
-        done && done();
-      });
-    },
-    getSearchParam() {
-      let tagCodes = null;
-      if (this.checkTags.length) {
-        tagCodes = this.checkTags.map(item => item.tagCode);
-      }
-      let currentFormType = this.currentFormType || {}
-      return {
-        ...this.formData,
-        tagCodes,
-        menuKindCode: currentFormType.menuKindCode || null,
-        history: false
-      };
-    },
-    initTableList() {
-      let that = this;
-      let tableOption = {
-        vue: this,
-        tableRef: 'table-m1',
-        tableName: 'bd_form_template_list-m1',
-        path: USER_PREFIX + '/formTemplate/listPage',
-        param: () => {
-          return this.getSearchParam();
-        },
-        columns: [
-          {type: 'checkbox', width: 48, resizable: false, fixed: 'left'},
-          {
-            title: '模板名称',
-            field: 'formName',
-            width: 150,
-            fixed: 'left'
-          },
-          {
-            title: '模板编码',
-            field: 'formCode',
-            width: 150
-          },
-          {
-            title: '模板版本',
-            field: 'formVersion',
-            width: 150
-          },
-          {
-            title: '表单分类',
-            field: 'menuKindName',
-            width: 150,
-          },
-          {
-            title: this.$t1('是否启用'),
-            field: 'enabled',
-            width: 150,
-            slots: {
-              default: ({row}) => {
-                if (row.enabled) {
-                  return [
-                    <div class="txt-status">
-                      <span>启用</span>
-                    </div>
-                  ];
-                } else {
-                  return [
-                    <div class="txt-status disable">
-                      <span>禁用</span>
-                    </div>
-                  ];
-                }
-              }
-            }
-          },
-          {
-            title: this.$t1('备注'),
-            field: 'remark',
-            width: 150
-          },
-          {
-            title: '项目标签', field: 'tag', width: 250, slots: {default: "tag"}, params: {
-              exportVal: ({row}) => {
-                if (row.formTemplateTagDTOs) {
-                  return row.formTemplateTagDTOs.map(item => item.tagName).join(",")
-                }
-              }
-            }
-          },
-          {
-            title: this.$t1('更新时间'),
-            field: 'modifyDate',
-            width: 150
-          },
-          {
-            title: this.$t1('创建时间'),
-            field: 'createDate',
-            width: 150
-          },
-          {
-            width: 200,
-            fixed: 'right',
-            title: '',
-            sortable: false,
-            slots: {
-              default: ({row}) => {
-                return [
-                  <div>
-                    <a
-                      href="javascript:void(0);"
-                      class="a-link"
-                      onclick={() => {
-                        this.openEditDialog(row);
-                      }}
-                    >
-                      <el-tooltip enterable={false} effect="dark" content={ this.$t1('查看') } placement="top"
-                                  popper-class="tooltip-skin">
-                        <i class="el-icon-edit"/>
-                      </el-tooltip>
-                    </a>
-                    <a
-                      href="javascript:void(0);"
-                      onClick={() => {
-                        this.openDesingerDialog(row);
-                      }}
-                      class="a-link"
-                    >
-                      <el-tooltip enterable={false} effect="dark" content="表单设计" placement="top"
-                                  popper-class="tooltip-skin">
-                        <i class="iconfont icon-liuchengguanli-shejiqi_liucheng"/>
-                      </el-tooltip>
-                    </a>
-                    <a
-                      href="javascript:void(0);"
-                      onClick={() => {
-                        this.chooseCellM1(row);
-                      }}
-                      class="a-link"
-                      v-show={row.hasWf}
-                    >
-                      <el-tooltip enterable={false} effect="dark" content="流程模板维护" placement="top"
-                                  popper-class="tooltip-skin">
-                        <i class="el-icon-edit"/>
-                        <span>流程模板维护</span>
-                      </el-tooltip>
-                    </a>
-                    <a
-                      href="javascript:void(0);"
-                      class="a-link"
-                      onClick={() => {
-                        this.openFtHistoryDialog(row);
-                      }}
-
-                    >
-                      <el-tooltip enterable={false} effect="dark" content="历史" placement="top"
-                                  popper-class="tooltip-skin">
-                        <i class="el-icon-s-order"/>
-                      </el-tooltip>
-                    </a>
-                  </div>
-                ];
-              }
-            }
-          }
-        ],
-        searchColumns: [
-          {
-            title: "表单分类",
-            field: "menuKindName",
-            type: "input",
-            common: true,
-            disabled: true,
-            defaultValueEnabled: false,
-            slot: "menuKindName"
-          },
-          {title: "模板名称", field: "formName", type: "input", common: true},
-          {title: "模板编码", field: "formCode", type: "input", common: true},
-          {
-            title: this.$t1('是否启用'), field: "enabled", type: "select", common: true, itemOption: [
-              {label: this.$t1('启用'), value: true},
-              {label: this.$t1('禁用'), value: false}
-            ]
-          },
-          {title: "项目标签", field: "tag", type: "input", common: true, slot: "tag"},
-        ],
-        config: {
-          proxyConfig: {
-            autoLoad: false
-          }
-        },
-      };
-      this.$vxeTableUtil.initVxeTable(tableOption).then(opts => {
-        this.vxeOption = opts;
-        this.showTree = true;
-      });
-    },
-    chooseCellM1(row) {
-      this.currentRow = row;
-      this.showItemView = true;
-    },
-    openWfDesignDialog(actModelId) {
-      //wfType 0:单据流程，1：场景流程
-      let serviceId = this.currentRow.serviceName;
-      this.wfUrl = WEB_PREFIX + '/activiti-explorer/modeler.html?wfType=0&serviceId=' + serviceId + '&modelId=' + actModelId;
-      this.dialogActiveName = 'first';
-      this.showWfDialog = true;
-    },
-    closeDesignwinEvent(done) {
-      this.$baseConfirm('请确认"已保存"流程模板，是否继续关闭？').then(() => {
-        this.showWfDialog = false;
-        // this.showDesingerDialog = false;
-      });
-    },
-    initWfWinParam() {
-      this.initCloseWfDesignWin();
-      this.initWinUserDialog();
-      this.initWinPositionDialog();
-      this.initSysParamForWf();
-      this.initWinFormTemplateDialog();
-      this.initWinScriptDescriptionDialog();
-    },
-    initCloseWfDesignWin() {
-      window.closeWfDesignWin = () => {
-        this.showWfDialog = false;
-      };
-    },
-    initWinUserDialog() {
-      window.openAssignUserDialog = opts => {
-        this.wfAssignMulti = opts.multi;
-        this.wfAssignData = opts.data || [];
-        this.wfAssignCallback = opts.callback;
-        this.showUserDialog = true;
-      };
-    },
-    confirmUser(rows) {
-      this.wfAssignCallback(rows);
-    },
-    initWinPositionDialog() {
-      window.openAssignPositionDialog = opts => {
-        this.wfAssignPositionData = opts.data || [];
-        this.wfAssignPositionCallback = opts.callback;
-        this.showPositionDialog = true;
-      };
-    },
-    initSysParamForWf() {
-      let webPrefix = WEB_PREFIX;
-      let baseApi = process.env.VUE_APP_BASE_API;
-      window.sysParamForWf = {
-        webPrefix,
-        baseApi
-      }
-    },
-    confirmPosition(rows) {
-      this.wfAssignPositionCallback(rows);
-    },
-    initWinFormTemplateDialog() {
-      window.openAssignFormTemplateDialog = opts => {
-        this.wfAssignFormTemplateCallback = opts.callback;
-        this.showFormTemplateDialog = true;
-      };
-    },
-    confirmFormTemplate(rows) {
-      this.wfAssignFormTemplateCallback(rows);
-    },
-    initWinScriptDescriptionDialog() {
-      window.openScriptDescriptionDialog = opts => {
-        this.showScriptDescriptionDialog = true;
-      };
-    },
-    handleNodeClick(data, node, v) {
-      this.handleNodeData(node)
-      this.$forceUpdate();
-      this.searchEvent();
-    },
-    // 异步树叶子节点懒加载逻辑
-    loadNode(node, resolve) {
-      let id = node && node.data && node.data.id ? node.data.id || '' : 0;
-      let param = {enabled: true};
-      let url = !id ? USER_PREFIX + '/menuKind/getAllList' : USER_PREFIX + '/menuKind/getChildren';
-      this.$http({
-        url: url,
-        method: 'post',
-        data: {
-          parent: id,
-          enabled: true
-        },
-        success: res => {
-          let rows = res.objx || [];
-          rows.forEach(value => {
-            value.leaf = !value.hasChild;
-          });
-          if (node.level === 0) {
-            if (rows.length > 0) {
-              this.$nextTick(() => {
-                let firstNode = node.childNodes[0];
-                if (rows[0].hasChild) {
-                  firstNode.expand();
-                }
-                this.$refs.tree.setCurrentKey(firstNode.data);
-                this.handleNodeClick(firstNode.data, firstNode, this)
-              });
-            }
-          }
-          resolve(rows);
-        }
-      });
-    },
-    handleNodeData(node) {
-      this.currentFormType = node ? node.data : null;
-      this.currentNode = node;
-    },
-    handleFormDesignClose() {
-      this.formDesTabs = 'first';
-      this.showFormScriptList = false;
-    },
-    openProjectTagDialog3() {
-      this.showProjectTagDialog3 = true;
-    },
-    confirmProjectTagDialog3(rows) {
-      this.checkTags = rows;
-    },
-    getTabNames() {
-      return this.checkTags.map(item => item.tagName).join(",");
-    },
-    jsonImport() {
-      this.$jsonImport({
-        saveUrl: USER_PREFIX + '/form_develop/importFormTemplate',
-        callback: () => {
-          this.searchEvent();
-        }
-      });
-    },
-    jsonExport() {
-      this.$jsonExport({
-        targetRef: "table-m1",
-        url: USER_PREFIX + "/form_develop/exportFormTemplate",
-        abcEnabled: true
-      })
-    },
-    getBdEnv() {
-      getBdFlag({
-        success: res => {
-          this.isDev = res.objx == 1
-        }
-      });
-    }
-  }
-};
-</script>
-<style scoped lang="scss">
-::v-deep .tab-boxOnly > .el-tabs__header {
-  position: absolute;
-  right: 130px;
-  top: 0;
-}
-
-::v-deep .tab-boxOnly > .el-tabs__content .el-tab-pane .el-tab-pane {
-  .detail-wrap .d-cont {
-    height: calc(100vh - 158px) !important
-  }
-
-  .grid-height {
-    height: calc(100vh - 126px) !important
-  }
-}
-
-::v-deep .designer-drawer.is-fullscreen .tab-boxOnly > .el-tabs__content .el-tab-pane .el-tab-pane {
-  .detail-wrap .d-cont {
-    height: calc(100vh - 116px) !important
-  }
-
-  .grid-height {
-    height: calc(100vh - 84px) !important
-  }
-}
-</style>
+<template>
+  <div id="containt">
+    <x-tabs ref="xTabs" v-model="activeName" class="tab-box" paneKeyName="formCode">
+      <el-tab-pane :label="$t1('常规')" name="first">
+        <editView v-if="showEdit" visible-key="showEdit" :_dataId.sync="dataId" :currentFormType="currentFormType"
+                  :parent-target="_self" @reload="$reloadHandle"
+                  @openDesignDialog="openDesingerDialogByChild"></editView>
+      </el-tab-pane>
+      <el-tab-pane :label="$t1('列表')" name="second">
+        <div class="tree-box fl">
+          <div class="tit"><b>表单分类</b></div>
+          <div class="tree-btns" style="margin-top: 10px;">
+          </div>
+          <el-tree
+            v-if="showTree"
+            :props="defaultProps"
+            :load="loadNode"
+            node-key="id"
+            ref="tree"
+            highlight-current
+            lazy
+            :expand-on-click-node="false"
+            @node-click="handleNodeClick"
+            class="tree-list"
+            icon-class="el-icon-arrow-down"
+          ></el-tree>
+        </div>
+        <label id="labBtn">
+          <div class="icon">
+            <i class="el-icon-more"></i>
+            <i class="el-icon-more"></i>
+          </div>
+        </label>
+        <div class="main-right fr" style="padding-left:6px;">
+          <div class="grid-height">
+            <vxe-grid
+              ref="table-m1"
+              v-bind="vxeOption"
+              @resizable-change="$vxeTableUtil.onColumnWitchChange"
+              @custom="$vxeTableUtil.customHandle"
+            >
+              <template #form>
+                <tableForm :formData.sync="formData" @searchEvent="searchEvent" @resetEvent="resetEvent">
+                  <template #buttonLeft>
+                    <vxe-button status="primary" class="button-sty" icon="el-icon-plus" @click="openEditDialog()"
+                                v-if="isDev && currentFormType.addAuth===1">新增
+                    </vxe-button>
+                    <vxe-button status="success" class="button-sty" icon="el-icon-download" @click="jsonImport">导入发布
+                    </vxe-button>
+                    <vxe-button status="success" class="button-sty" icon="el-icon-upload2" @click="jsonExport"
+                                v-if="isDev">导出发布
+                    </vxe-button>
+                    <projectTagAddButton :option="addProjectTagOption" v-if="isDev"></projectTagAddButton>
+                    <projectTagDeleteButton :option="deleteProjectTagOption" v-if="isDev"></projectTagDeleteButton>
+                  </template>
+                  <template #buttonRight>
+                    <vxe-button icon="el-icon-brush" class="button-sty" @click="resetEvent" type="text" status="primary"
+                                plain>{{$t1('重置')}}
+                    </vxe-button>
+                    <vxe-button status="warning" icon="el-icon-search" class="button-sty" @click="searchEvent">搜索
+                    </vxe-button>
+                  </template>
+                  <template #menuKindName>
+                    <vxe-form-item title="表单分类:" field="tag">
+                      <template v-slot>
+                        <el-input v-model="currentMenuKindName" disabled></el-input>
+                      </template>
+                    </vxe-form-item>
+                  </template>
+                  <template #tag>
+                    <vxe-form-item title="项目标签:" field="tag">
+                      <template v-slot>
+                        <el-input
+                          class="search-input"
+                          max="200"
+                          :value="getTabNames()"
+                          @clear="
+                            checkTags = [];
+                          "
+                          v-el-readonly
+                          clearable
+                        >
+                          <i slot="suffix" class="el-input__icon el-icon-search" @click="openProjectTagDialog3"></i>
+                        </el-input>
+                      </template>
+                    </vxe-form-item>
+                  </template>
+                </tableForm>
+              </template>
+              <template #tag="{row}">
+                <projectTagView v-model="row.formTemplateTagDTOs" :readonly="true"></projectTagView>
+              </template>
+            </vxe-grid>
+            <el-drawer title="流程模板" :visible.sync="showItemView" :modal="false" :wrapperClosable="false"
+                       :destroy-on-close="true" size="90%" direction="btt">
+              <itemList v-if="showItemView" :formTemplate="currentRow"
+                        @openWfDesignDialog="openWfDesignDialog"></itemList>
+            </el-drawer>
+          </div>
+        </div>
+      </el-tab-pane>
+      <template #editTab="{tab,index,reloadTabContent}">
+        <el-tab-pane :key="tab.data.id" :label.sync="tab.data.formName" :name="tab.data.formCode"
+                     :closable="true">
+          <editView v-if="tab.showContent" :_dataId="tab.dataId" :currentFormType="currentFormType"
+                    :parent-target="_self"
+                    @reload="reloadTabContent" @openDesignDialog="openDesingerDialogByChild"></editView>
+        </el-tab-pane>
+      </template>
+    </x-tabs>
+    <el-drawer :title="'表单设计('+formName+')'" :visible.sync="showDesingerDialog" :modal="false"
+               :destroy-on-close="true"
+               size="100%" direction="rtl" :before-close="closeFormDesignwinEvent" :append-to-body="false"
+               class="designer-drawer" :class="[isFullscreen ? 'is-fullscreen' : '']" @close="handleFormDesignClose">
+      <el-tabs v-model="formDesTabs" type="card" class="tab-boxOnly" :stretch="true">
+        <el-tab-pane label="设计器" name="first">
+          <designer ref="designer" :formCode.sync="formCode" @reflushTemplateList="reflushTemplateList"></designer>
+        </el-tab-pane>
+        <el-tab-pane label="后端脚本" name="second">
+          <formScriptList :formCode="formCode" :formTemplate="currentFormTemplate"
+                          v-if="showFormScriptList"></formScriptList>
+        </el-tab-pane>
+      </el-tabs>
+      <el-button class="isFullIcon" v-if="!isFullscreen" @click="handleFullscreen">
+        <el-tooltip effect="dark" content="全屏" placement="top">
+          <i class="iconfont icon-quanping"></i>
+        </el-tooltip>
+
+      </el-button>
+      <el-button class="isFullIcon" v-else @click="handleFullscreen">
+        <el-tooltip effect="dark" content="缩小" placement="top">
+          <i class="iconfont icon-suoxiao"></i>
+        </el-tooltip>
+      </el-button>
+    </el-drawer>
+
+    <el-dialog
+      :title="流程设计"
+      :append-to-body="true"
+      :modal-append-to-body="true"
+      :close-on-click-modal="false"
+      v-if="showWfDialog"
+      :visible.sync="showWfDialog"
+      :modal="false"
+      custom-class="dialog-style designer-dialog"
+      width="100%"
+      height="100%"
+      top="0px"
+      bottom="0px"
+      :before-close="closeDesignwinEvent"
+      :destroy-on-close="true"
+      v-el-drag-dialog
+    >
+      <iframe :src="wfUrl" :style="'width:100%;height:' + ($root.$el.clientHeight - 30 - 12) + 'px'"></iframe>
+    </el-dialog>
+
+    <userDialog v-if="showUserDialog" :visiable.sync="showUserDialog" @confirm="confirmUser"
+                :multi.sync="wfAssignMulti"/>
+    <positionDialog v-if="showPositionDialog" :visiable.sync="showPositionDialog" @confirm="confirmPosition"/>
+    <scriptDescriptionDialog path="static/readme/Wf.txt" v-if="showScriptDescriptionDialog"
+                             :visiable.sync="showScriptDescriptionDialog"></scriptDescriptionDialog>
+
+    <formTypeEditDialog v-if="showFormTypeDialog" :visiable.sync="showFormTypeDialog" :_dataId.sync="editFormTypeId"
+                        @confirm="confirmFormTypeEditDialog"></formTypeEditDialog>
+
+    <ftHistoryDialog v-if="showFtHistoryDialog" :visiable.sync="showFtHistoryDialog"
+                     :formCode.sync="operateFtHistory.formCode" @confirm="confirmFtHistoryDialog" :multi="false"/>
+    <projectTagDialog v-if="showProjectTagDialog3"
+                      :visiable.sync="showProjectTagDialog3"
+                      @confirm="confirmProjectTagDialog3"
+                      :rows="checkTags"
+                      :multi="true"></projectTagDialog>
+
+  </div>
+</template>
+
+<script>
+import {treeScollx} from '@base/utils/global.js';
+import editView from './edit.vue';
+
+import userDialog from '../../../../views/user/user/dialog.vue';
+import positionDialog from '../../../../views/user/position/dialog.vue';
+import scriptDescriptionDialog from '@base/components/scriptDescription/dialog'
+
+import itemList from "./itemList";
+import formTypeEditDialog from "../../../../views/user/form/form_type/editDialog";
+import ftHistoryDialog from "./ftHistoryDialog";
+import indexUtil from "@base/utils/index.js"
+import formScriptList from '../../../../views/bd/setting/form_script/form_list.vue';
+import projectTagDialog from "../../../../views/user/project_tag/dialog.vue";
+import tableForm from "@base/components/table/tableForm.vue";
+import {getBdFlag} from "@base/api/user";
+import projectTagDeleteButton from "@base/components/projectTag/deleteButton.vue";
+import projectTagAddButton from "@base/components/projectTag/addButton.vue";
+import projectTagView from "@base/components/projectTag/view.vue";
+
+export default {
+  name: 'bd_form_template:list',
+  components: {
+    projectTagView,
+    projectTagAddButton, projectTagDeleteButton,
+    tableForm,
+    editView,
+    userDialog,
+    positionDialog,
+    scriptDescriptionDialog,
+    ftHistoryDialog,
+    itemList,
+    formTypeEditDialog,
+    formScriptList,
+    projectTagDialog,
+    designer: () => import('../../../../views/user/form/vform/designer.vue')
+  },
+  data() {
+    return {
+      isFullscreen: false,
+      formDesTabs: 'first',
+      activeName: 'second',
+      dataId: 0,
+      showEdit: false,
+      vxeOption: {},
+      formData: {},
+      showDesingerDialog: false,
+      formCode: null,
+      formName: null,
+      templateId: null,
+      currentFormTemplate: null,
+
+      showItemEdit: false,
+      showParamEdit: false,
+      vxeOption1: {},
+      editId: '',
+      itemEditId: '',
+      pRow: null,
+      currentRow: {},
+      serviceId: null,
+      itemServiceId: null,
+
+      showWfDialog: false,
+      wfUrl: '',
+      ph: '',
+      dialogActiveName: 'first',
+      showFunctionScriptList: false,
+      showUserDialog: false,
+      wfAssignData: [],
+      wfAssignCallback: null,
+      wfAssignMulti: true,
+
+      showPositionDialog: false,
+      wfAssignPositionData: [],
+      wfAssignPositionCallback: null,
+
+      showFormTemplateDialog: false,
+      wfAssignFormTemplateCallback: null,
+
+      showScriptDescriptionDialog: false,
+      showWfDiyAttributeEdit: false,
+
+      showFtHistoryDialog: false,
+      operateFtHistory: null,
+
+      defaultProps: {
+        label: 'name', //这里是树结构中需显示的数据（即接口返回的需展示在页面上的参数）
+        children: [],
+        isLeaf: 'leaf'
+      },
+      showItemView: false,
+
+      currentFormType: {},
+      editFormTypeId: null,
+      showFormTypeDialog: false,
+      showFormScriptList: false,
+      addProjectTagOption: {
+        url: USER_PREFIX + `/formTemplate/saveTag`,
+        tableDatas: () => {
+          return this.$refs["table-m1"].getCheckboxRecords(true);
+        },
+        reqData: (tagDatas, tableDatas) => {
+          let formCodes = tableDatas.map(item => item.formCode);
+          let tagCodes = tagDatas.map(item => item.tagCode);
+          let reqData = {
+            tagCodes,
+            formCodes
+          };
+          return reqData;
+        },
+        callback: () => {
+          this.searchEvent()
+        }
+      },
+      deleteProjectTagOption: {
+        url: USER_PREFIX + `/formTemplate/deleteTag`,
+        tableDatas: () => {
+          return this.$refs["table-m1"].getCheckboxRecords(true);
+        },
+        reqData: (tagDatas, tableDatas) => {
+          let formCodes = tableDatas.map(item => item.formCode);
+          let tagCodes = tagDatas.map(item => item.tagCode);
+          let reqData = {
+            tagCodes,
+            formCodes
+          };
+          return reqData;
+        },
+        callback: () => {
+          this.searchEvent()
+        }
+      },
+      showProjectTagDialog3: false,
+      checkTags: [],
+      isDev: true,
+      menuKindAuth: {},
+      showTree: false
+    };
+  },
+  computed: {
+    currentMenuKindId() {
+      return this.currentFormType?.id || null
+    },
+    currentMenuKindName() {
+      return this.currentFormType?.name || null
+    }
+  },
+  watch: {
+    formDesTabs(val) {
+      if (this.showFormScriptList == false && val == 'second') {
+        this.showFormScriptList = true;
+      }
+    }
+  },
+  mounted() {
+    treeScollx({target: this, type: 'default'});
+    this.getBdEnv();
+    this.initTableList();
+    this.initWfWinParam();
+  },
+  methods: {
+    searchEvent() {
+      this.$refs['table-m1'].commitProxy('reload');
+    },
+    resetEvent() {
+      this.formData = {};
+      this.checkTags = [];
+      this.$refs['table-m1'].commitProxy('reload');
+    },
+    openEditDialog(row) {
+      let formCode = row?.formCode || null;
+      /*this.dataId = !id || typeof id == 'object' ? 0 : id;
+      this.activeName = 'first';
+      this.showItemEdit = false;
+      this.$openEditView('showEdit');*/
+      if (!formCode) {
+        this.dataId = formCode;
+        this.activeName = 'first';
+        this.$openEditView('showEdit');
+      } else {
+        this.$refs.xTabs.openEditTab(row);
+      }
+
+    },
+    openDesingerDialog(row, callback) {
+      this.formCode = row.formCode;
+      this.formName = row.formName;
+      this.currentFormTemplate = row;
+      this.isFullscreen = false;
+      this.showDesingerDialog = true;
+      this.designerSaveCallback = callback ?? null;
+    },
+    openDesingerDialogByChild({row, callback}) {
+      this.openDesingerDialog(row, callback)
+    },
+    reflushTemplateList() {
+      this.searchEvent();
+      this.designerSaveCallback && this.designerSaveCallback();
+    },
+    handleFullscreen() {
+      let isFullscreen = this.isFullscreen;
+      if (!isFullscreen) {
+        indexUtil.addClass(document.body, "hideMenu");
+      } else {
+        indexUtil.removeClass(document.body, "hideMenu");
+      }
+      this.isFullscreen = !isFullscreen;
+    },
+    openFtHistoryDialog(row) {
+      this.operateFtHistory = row;
+      this.showFtHistoryDialog = true;
+    },
+    confirmFtHistoryDialog(row) {
+      this.searchEvent();
+    },
+    closeFormDesignwinEvent(done) {
+      this.$baseConfirm('请确认"已保存"报表模板，是否继续关闭？').then(() => {
+        indexUtil.removeClass(document.body, "hideMenu");
+        done && done();
+      });
+    },
+    getSearchParam() {
+      let tagCodes = null;
+      if (this.checkTags.length) {
+        tagCodes = this.checkTags.map(item => item.tagCode);
+      }
+      let currentFormType = this.currentFormType || {}
+      return {
+        ...this.formData,
+        tagCodes,
+        menuKindCode: currentFormType.menuKindCode || null,
+        history: false
+      };
+    },
+    initTableList() {
+      let that = this;
+      let tableOption = {
+        vue: this,
+        tableRef: 'table-m1',
+        tableName: 'bd_form_template_list-m1',
+        path: USER_PREFIX + '/formTemplate/listPage',
+        param: () => {
+          return this.getSearchParam();
+        },
+        columns: [
+          {type: 'checkbox', width: 48, resizable: false, fixed: 'left'},
+          {
+            title: '模板名称',
+            field: 'formName',
+            width: 150,
+            fixed: 'left'
+          },
+          {
+            title: '模板编码',
+            field: 'formCode',
+            width: 150
+          },
+          {
+            title: '模板版本',
+            field: 'formVersion',
+            width: 150
+          },
+          {
+            title: '表单分类',
+            field: 'menuKindName',
+            width: 150,
+          },
+          {
+            title: this.$t1('是否启用'),
+            field: 'enabled',
+            width: 150,
+            slots: {
+              default: ({row}) => {
+                if (row.enabled) {
+                  return [
+                    <div class="txt-status">
+                      <span>启用</span>
+                    </div>
+                  ];
+                } else {
+                  return [
+                    <div class="txt-status disable">
+                      <span>禁用</span>
+                    </div>
+                  ];
+                }
+              }
+            }
+          },
+          {
+            title: this.$t1('备注'),
+            field: 'remark',
+            width: 150
+          },
+          {
+            title: '项目标签', field: 'tag', width: 250, slots: {default: "tag"}, params: {
+              exportVal: ({row}) => {
+                if (row.formTemplateTagDTOs) {
+                  return row.formTemplateTagDTOs.map(item => item.tagName).join(",")
+                }
+              }
+            }
+          },
+          {
+            title: this.$t1('更新时间'),
+            field: 'modifyDate',
+            width: 150
+          },
+          {
+            title: this.$t1('创建时间'),
+            field: 'createDate',
+            width: 150
+          },
+          {
+            width: 200,
+            fixed: 'right',
+            title: '',
+            sortable: false,
+            slots: {
+              default: ({row}) => {
+                return [
+                  <div>
+                    <a
+                      href="javascript:void(0);"
+                      class="a-link"
+                      onclick={() => {
+                        this.openEditDialog(row);
+                      }}
+                    >
+                      <el-tooltip enterable={false} effect="dark" content={ this.$t1('查看') } placement="top"
+                                  popper-class="tooltip-skin">
+                        <i class="el-icon-edit"/>
+                      </el-tooltip>
+                    </a>
+                    <a
+                      href="javascript:void(0);"
+                      onClick={() => {
+                        this.openDesingerDialog(row);
+                      }}
+                      class="a-link"
+                    >
+                      <el-tooltip enterable={false} effect="dark" content="表单设计" placement="top"
+                                  popper-class="tooltip-skin">
+                        <i class="iconfont icon-liuchengguanli-shejiqi_liucheng"/>
+                      </el-tooltip>
+                    </a>
+                    <a
+                      href="javascript:void(0);"
+                      onClick={() => {
+                        this.chooseCellM1(row);
+                      }}
+                      class="a-link"
+                      v-show={row.hasWf}
+                    >
+                      <el-tooltip enterable={false} effect="dark" content="流程模板维护" placement="top"
+                                  popper-class="tooltip-skin">
+                        <i class="el-icon-edit"/>
+                        <span>流程模板维护</span>
+                      </el-tooltip>
+                    </a>
+                    <a
+                      href="javascript:void(0);"
+                      class="a-link"
+                      onClick={() => {
+                        this.openFtHistoryDialog(row);
+                      }}
+
+                    >
+                      <el-tooltip enterable={false} effect="dark" content="历史" placement="top"
+                                  popper-class="tooltip-skin">
+                        <i class="el-icon-s-order"/>
+                      </el-tooltip>
+                    </a>
+                  </div>
+                ];
+              }
+            }
+          }
+        ],
+        searchColumns: [
+          {
+            title: "表单分类",
+            field: "menuKindName",
+            type: "input",
+            common: true,
+            disabled: true,
+            defaultValueEnabled: false,
+            slot: "menuKindName"
+          },
+          {title: "模板名称", field: "formName", type: "input", common: true},
+          {title: "模板编码", field: "formCode", type: "input", common: true},
+          {
+            title: this.$t1('是否启用'), field: "enabled", type: "select", common: true, itemOption: [
+              {label: this.$t1('启用'), value: true},
+              {label: this.$t1('禁用'), value: false}
+            ]
+          },
+          {title: "项目标签", field: "tag", type: "input", common: true, slot: "tag"},
+        ],
+        config: {
+          proxyConfig: {
+            autoLoad: false
+          }
+        },
+      };
+      this.$vxeTableUtil.initVxeTable(tableOption).then(opts => {
+        this.vxeOption = opts;
+        this.showTree = true;
+      });
+    },
+    chooseCellM1(row) {
+      this.currentRow = row;
+      this.showItemView = true;
+    },
+    openWfDesignDialog(actModelId) {
+      //wfType 0:单据流程，1：场景流程
+      let serviceId = this.currentRow.serviceName;
+      this.wfUrl = WEB_PREFIX + '/activiti-explorer/modeler.html?wfType=0&serviceId=' + serviceId + '&modelId=' + actModelId;
+      this.dialogActiveName = 'first';
+      this.showWfDialog = true;
+    },
+    closeDesignwinEvent(done) {
+      this.$baseConfirm('请确认"已保存"流程模板，是否继续关闭？').then(() => {
+        this.showWfDialog = false;
+        // this.showDesingerDialog = false;
+      });
+    },
+    initWfWinParam() {
+      this.initCloseWfDesignWin();
+      this.initWinUserDialog();
+      this.initWinPositionDialog();
+      this.initSysParamForWf();
+      this.initWinFormTemplateDialog();
+      this.initWinScriptDescriptionDialog();
+    },
+    initCloseWfDesignWin() {
+      window.closeWfDesignWin = () => {
+        this.showWfDialog = false;
+      };
+    },
+    initWinUserDialog() {
+      window.openAssignUserDialog = opts => {
+        this.wfAssignMulti = opts.multi;
+        this.wfAssignData = opts.data || [];
+        this.wfAssignCallback = opts.callback;
+        this.showUserDialog = true;
+      };
+    },
+    confirmUser(rows) {
+      this.wfAssignCallback(rows);
+    },
+    initWinPositionDialog() {
+      window.openAssignPositionDialog = opts => {
+        this.wfAssignPositionData = opts.data || [];
+        this.wfAssignPositionCallback = opts.callback;
+        this.showPositionDialog = true;
+      };
+    },
+    initSysParamForWf() {
+      let webPrefix = WEB_PREFIX;
+      let baseApi = process.env.VUE_APP_BASE_API;
+      window.sysParamForWf = {
+        webPrefix,
+        baseApi
+      }
+    },
+    confirmPosition(rows) {
+      this.wfAssignPositionCallback(rows);
+    },
+    initWinFormTemplateDialog() {
+      window.openAssignFormTemplateDialog = opts => {
+        this.wfAssignFormTemplateCallback = opts.callback;
+        this.showFormTemplateDialog = true;
+      };
+    },
+    confirmFormTemplate(rows) {
+      this.wfAssignFormTemplateCallback(rows);
+    },
+    initWinScriptDescriptionDialog() {
+      window.openScriptDescriptionDialog = opts => {
+        this.showScriptDescriptionDialog = true;
+      };
+    },
+    handleNodeClick(data, node, v) {
+      this.handleNodeData(node)
+      this.$forceUpdate();
+      this.searchEvent();
+    },
+    // 异步树叶子节点懒加载逻辑
+    loadNode(node, resolve) {
+      let id = node && node.data && node.data.id ? node.data.id || '' : 0;
+      let param = {enabled: true};
+      let url = !id ? USER_PREFIX + '/menuKind/getAllList' : USER_PREFIX + '/menuKind/getChildren';
+      this.$http({
+        url: url,
+        method: 'post',
+        data: {
+          parent: id,
+          enabled: true
+        },
+        success: res => {
+          let rows = res.objx || [];
+          rows.forEach(value => {
+            value.leaf = !value.hasChild;
+          });
+          if (node.level === 0) {
+            if (rows.length > 0) {
+              this.$nextTick(() => {
+                let firstNode = node.childNodes[0];
+                if (rows[0].hasChild) {
+                  firstNode.expand();
+                }
+                this.$refs.tree.setCurrentKey(firstNode.data);
+                this.handleNodeClick(firstNode.data, firstNode, this)
+              });
+            }
+          }
+          resolve(rows);
+        }
+      });
+    },
+    handleNodeData(node) {
+      this.currentFormType = node ? node.data : null;
+      this.currentNode = node;
+    },
+    handleFormDesignClose() {
+      this.formDesTabs = 'first';
+      this.showFormScriptList = false;
+    },
+    openProjectTagDialog3() {
+      this.showProjectTagDialog3 = true;
+    },
+    confirmProjectTagDialog3(rows) {
+      this.checkTags = rows;
+    },
+    getTabNames() {
+      return this.checkTags.map(item => item.tagName).join(",");
+    },
+    jsonImport() {
+      this.$jsonImport({
+        saveUrl: USER_PREFIX + '/form_develop/importFormTemplate',
+        callback: () => {
+          this.searchEvent();
+        }
+      });
+    },
+    jsonExport() {
+      this.$jsonExport({
+        targetRef: "table-m1",
+        url: USER_PREFIX + "/form_develop/exportFormTemplate",
+        abcEnabled: true
+      })
+    },
+    getBdEnv() {
+      getBdFlag({
+        success: res => {
+          this.isDev = res.objx == 1
+        }
+      });
+    }
+  }
+};
+</script>
+<style scoped lang="scss">
+::v-deep .tab-boxOnly > .el-tabs__header {
+  position: absolute;
+  right: 130px;
+  top: 0;
+}
+
+::v-deep .tab-boxOnly > .el-tabs__content .el-tab-pane .el-tab-pane {
+  .detail-wrap .d-cont {
+    height: calc(100vh - 158px) !important
+  }
+
+  .grid-height {
+    height: calc(100vh - 126px) !important
+  }
+}
+
+::v-deep .designer-drawer.is-fullscreen .tab-boxOnly > .el-tabs__content .el-tab-pane .el-tab-pane {
+  .detail-wrap .d-cont {
+    height: calc(100vh - 116px) !important
+  }
+
+  .grid-height {
+    height: calc(100vh - 84px) !important
+  }
+}
+</style>