<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"></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">{{ $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>
                <template #menuKindName>
                  <vxe-form-item :title="$t1('表单分类') + ':'" field="tag">
                    <template v-slot>
                      <el-input v-model="currentMenuKindName" disabled></el-input>
                    </template>
                  </vxe-form-item>
                </template>
              </tableForm>
            </template>
          </vxe-grid>
        </div>
      </el-tab-pane>
      <template #editTab="{tab,index,reloadTabContent}">
        <el-tab-pane :key="tab.data.id" :label="tab.data.name" :name="tab.data.id+''"
                     :closable="true">
          <editView v-if="tab.showContent" :_dataId="tab.dataId"
                    :parent-target="_self"
                    @reload="reloadTabContent"></editView>
        </el-tab-pane>
      </template>
    </x-tabs>
  </div>
</template>

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

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