|
@ -2,9 +2,11 @@ |
|
|
<ContentWrap> |
|
|
<ContentWrap> |
|
|
<!-- 搜索工作栏 --> |
|
|
<!-- 搜索工作栏 --> |
|
|
<Search :schema="ItemBasic.allSchemas.searchSchema" @search="setSearchParams" @reset="setSearchParams" /> |
|
|
<Search :schema="ItemBasic.allSchemas.searchSchema" @search="setSearchParams" @reset="setSearchParams" /> |
|
|
<el-button type="primary" @click="openForm('create')"> |
|
|
<!-- 列表头部 --> |
|
|
<Icon icon="ep:plus" class="mr-5px" /> 新增 |
|
|
<TableHead |
|
|
</el-button> |
|
|
:HeadButttondata="HeadButttondata" |
|
|
|
|
|
@buttonBaseClick="buttonBaseClick" |
|
|
|
|
|
/> |
|
|
|
|
|
|
|
|
<!-- <el-form |
|
|
<!-- <el-form |
|
|
class="-mb-15px" |
|
|
class="-mb-15px" |
|
@ -414,6 +416,7 @@ |
|
|
|
|
|
|
|
|
<!-- 表单弹窗:添加/修改 --> |
|
|
<!-- 表单弹窗:添加/修改 --> |
|
|
<ItembasicForm ref="formRef" @success="getList" /> |
|
|
<ItembasicForm ref="formRef" @success="getList" /> |
|
|
|
|
|
<ImportForm ref="importFormRef" :url="ItembasicApi.importUrl" :importTemplateData="importTemplateData" @success="importSuccess" /> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script setup lang="ts"> |
|
|
<script setup lang="ts"> |
|
@ -421,9 +424,14 @@ import download from '@/utils/download' |
|
|
import * as ItembasicApi from '@/api/wms/itembasic' |
|
|
import * as ItembasicApi from '@/api/wms/itembasic' |
|
|
import ItembasicForm from './ItembasicForm.vue' |
|
|
import ItembasicForm from './ItembasicForm.vue' |
|
|
import ItembasicDetail from './ItembasicDetail.vue' |
|
|
import ItembasicDetail from './ItembasicDetail.vue' |
|
|
|
|
|
import ImportForm from '@/components/ImportForm/src/ImportForm.vue' |
|
|
import { ItemBasic } from '@/utils/disposition/tableColumns' |
|
|
import { ItemBasic } from '@/utils/disposition/tableColumns' |
|
|
|
|
|
import * as defaultButtons from '@/utils/disposition/defaultButtons' |
|
|
const router = useRouter() // 路由 |
|
|
const router = useRouter() // 路由 |
|
|
|
|
|
|
|
|
|
|
|
console.log(ItembasicApi.importUrl); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// tableObject:表格的属性对象,可获得分页大小、条数等属性 |
|
|
// tableObject:表格的属性对象,可获得分页大小、条数等属性 |
|
|
// tableMethods:表格的操作对象,可进行获得分页、删除记录等操作 |
|
|
// tableMethods:表格的操作对象,可进行获得分页、删除记录等操作 |
|
|
// 详细可见:https://doc.iocoder.cn/vue3/crud-schema/ |
|
|
// 详细可见:https://doc.iocoder.cn/vue3/crud-schema/ |
|
@ -431,6 +439,24 @@ const { tableObject, tableMethods } = useTable({ |
|
|
getListApi: ItembasicApi.getItembasicPage // 分页接口 |
|
|
getListApi: ItembasicApi.getItembasicPage // 分页接口 |
|
|
}) |
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
const importFormRef=ref() |
|
|
|
|
|
// 列表头部按钮 |
|
|
|
|
|
const HeadButttondata = [ |
|
|
|
|
|
defaultButtons.defaultAddBtn(null), // 新增 |
|
|
|
|
|
defaultButtons.defaultImportBtn(null), // 导入 |
|
|
|
|
|
defaultButtons.defaultExportBtn(null), // 导出 |
|
|
|
|
|
// defaultButtons.defaultFilterBtn(), // 筛选 |
|
|
|
|
|
defaultButtons.defaultFreshBtn(null), // 刷新 |
|
|
|
|
|
// { |
|
|
|
|
|
// label: '自定义扩展按钮', |
|
|
|
|
|
// name: 'zdy', |
|
|
|
|
|
// hide: false, |
|
|
|
|
|
// type: 'primary', |
|
|
|
|
|
// icon: 'Select', |
|
|
|
|
|
// color: '' |
|
|
|
|
|
// }, |
|
|
|
|
|
] |
|
|
|
|
|
|
|
|
// 获得表格的各种操作 |
|
|
// 获得表格的各种操作 |
|
|
const { getList, setSearchParams } = tableMethods |
|
|
const { getList, setSearchParams } = tableMethods |
|
|
|
|
|
|
|
@ -473,7 +499,52 @@ const queryParams = reactive({ |
|
|
}) |
|
|
}) |
|
|
const exportLoading = ref(false) // 导出的加载中 |
|
|
const exportLoading = ref(false) // 导出的加载中 |
|
|
|
|
|
|
|
|
|
|
|
// 头部按钮事件 |
|
|
|
|
|
const buttonBaseClick = (val, item) => { |
|
|
|
|
|
// 新增 |
|
|
|
|
|
if (val == 'add') { |
|
|
|
|
|
console.log(417, item) |
|
|
|
|
|
} |
|
|
|
|
|
// 导入 |
|
|
|
|
|
else if (val == 'import') { |
|
|
|
|
|
handleImport() |
|
|
|
|
|
} |
|
|
|
|
|
// 导出 |
|
|
|
|
|
else if (val == 'export') { |
|
|
|
|
|
handleExport() |
|
|
|
|
|
} |
|
|
|
|
|
// 刷新 |
|
|
|
|
|
else if (val == 'refresh') { |
|
|
|
|
|
getList() |
|
|
|
|
|
} |
|
|
|
|
|
// 筛选 |
|
|
|
|
|
else if (val == 'filtrate') { |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
// 其他按钮 |
|
|
|
|
|
else { |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
onMounted(async () => { |
|
|
|
|
|
importTemplateData.templateUrl = await ItembasicApi.importTemplate() |
|
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
const handleImport = () => { |
|
|
|
|
|
importFormRef.value.open() |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
// 导入附件弹窗所需的参数 |
|
|
|
|
|
const importTemplateData = reactive({ |
|
|
|
|
|
templateUrl: '', |
|
|
|
|
|
templateTitle: '导入模版99.xls' |
|
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
// 导入成功之后 |
|
|
|
|
|
const importSuccess = () => { |
|
|
|
|
|
getList() |
|
|
|
|
|
} |
|
|
/** 添加/修改操作 */ |
|
|
/** 添加/修改操作 */ |
|
|
const formRef = ref() |
|
|
const formRef = ref() |
|
|
const openForm = (type: string, id?: number) => { |
|
|
const openForm = (type: string, id?: number) => { |
|
|