<!-- 下架策略 -->
<template>
  <!-- 列表头部 -->
  <TableHead :HeadButttondata="HeadButttondata" @buttonBaseClick="buttonBaseClick" />
   <!-- 表单弹窗：添加/修改 -->
    <AddForm ref="formRef" @success="getList" />
</template>

<script setup lang="ts">
import * as defaultButtons from '@/utils/disposition/defaultButtons'
import AddForm from './AddForm.vue'

defineOptions({ name: 'DownShelfStrategy' })
// 显示弹窗
const formRef = ref()
const openForm = (type: string) => {
  formRef.value.open(type)
}
// 列表头部按钮
const HeadButttondata = [
  defaultButtons.defaultAddBtn(null), // 新增
  defaultButtons.defaultImportBtn(null), // 导入
  defaultButtons.defaultExportBtn(null), // 导出
  // defaultButtons.defaultFilterBtn(), // 筛选
  defaultButtons.defaultFreshBtn(null), // 刷新
]



// 头部按钮事件 
const buttonBaseClick = (val, item) => {
  if (val == 'add') { // 新增
    openForm('create')
  } else if (val == 'import') { // 导入
    handleImport()
  } else if (val == 'export') { // 导出
    handleExport()
  } else if (val == 'refresh') { // 刷新
    getList()
  } else if (val == 'filtrate') { // 筛选
  } else { // 其他按钮 
    console.log('其他按钮', item)
  }
}

// 列表-操作按钮
const butttondata = [
  defaultButtons.mainListEditBtn({ hasPermi: 'wms:itembasic:update' }), // 编辑
  defaultButtons.mainListDeleteBtn({ hasPermi: 'wms:itembasic:delete' }), // 删除
]

// 列表-操作按钮事件 
const buttonTableClick = (val, row) => {
  if (val == 'edit') { // 编辑
    openForm('update', row.id)
  } else if (val == 'delete') { // 删除
    handleDelete(row.id)
  }
}

</script>
