<template>
  <div id="containt">
    <x-tabs ref="xTabs" v-model="activeName" class="tab-box">
      <el-tab-pane :label="$t1('常规')" name="first">
        <editView
          v-if="showEdit"
          visible-key="showEdit"
          :_dataId.sync="dataId"
          :parent-target="_self"
          @reload="$reloadHandle"
          :formCode="formCode"
          :scriptType="scriptType"
        ></editView>
      </el-tab-pane>
      <el-tab-pane :label="$t1('列表')" name="second">
        <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"
                    >{{ $t1("新增") }}
                  </vxe-button>
                  <vxe-button
                    status="success"
                    class="button-sty"
                    icon="el-icon-download"
                    @click="jsonImport"
                    >{{ $t1("导入发布") }}
                  </vxe-button>
                  <vxe-button
                    status="success"
                    class="button-sty"
                    icon="el-icon-upload2"
                    @click="jsonExport"
                    v-if="isDev"
                    >{{ $t1("导出发布") }}
                  </vxe-button>
                </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"
                    >{{ $t1("搜索") }}
                  </vxe-button>
                </template>
              </tableForm>
            </template>
            <template #operation="{ row }">
              <a href="javascript:void(0);" class="a-link" @click="openEditDialog(row)">
                <el-tooltip
                  :enterable="false"
                  effect="dark"
                  :content="$t1('查看')"
                  placement="top"
                  popper-class="tooltip-skin"
                >
                  <i class="el-icon-edit" />
                </el-tooltip>
              </a>
              <formVersionButton
                objType="FormScript"
                :objCode="row.scriptCode"
                :relationCode="row.formCode"
                @reverCallback="searchEvent"
              ></formVersionButton>
            </template>
          </vxe-grid>
        </div>
      </el-tab-pane>
      <template #editTab="{ tab, index, reloadTabContent }">
        <el-tab-pane
          :key="tab.data.id"
          :label.sync="tab.data.scriptName"
          :name="tab.data.id + ''"
          :closable="true"
        >
          <editView
            v-if="tab.showContent"
            :_dataId="tab.dataId"
            :formCode="formCode"
            :scriptType="scriptType"
            :parent-target="_self"
            @reload="reloadTabContent"
          ></editView>
        </el-tab-pane>
      </template>
    </x-tabs>
  </div>
</template>

<script>
import mixin from "./mixins/list";

export default {
  name: "form_script:list",
  mixins: [mixin],
};
</script>
