<template>
  <div id="containt">
    <el-tabs v-model="activeName" class="tab-box">
      <el-tab-pane :label="$t1('常规')" name="first">
        <component
          v-if="showEdit"
          :is="editViewName"
          visible-key="showEdit"
          :_dataId.sync="dataId"
          :copyId.sync="copyId"
          :parent-target="_self"
          @reload="$reloadHandle"
          :paramType="paramType"
        ></component>
      </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>
              </tableForm>
            </template>
          </vxe-grid>
        </div>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import listMixin from "./mixins/list";
export default {
  name: "logic_param:list",
  mixins: [listMixin],
};
</script>
