sfms3.0
/
sfms3.0-ui
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

器具初始化记录页面开发完成

master
zhaoxuebing 11 months ago
parent
dd66f4d4f3
commit
cf95edd2e3
7 changed files with 1022 additions and 1 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 55
      src/api/wms/containerInitRecordDetail/index.ts
  2. 68
      src/api/wms/containerInitRecordMain/index.ts
  3. 3
      src/utils/dict.ts
  4. 219
      src/views/wms/inventoryManage/containerinit/containerinitadd/containerMain.data.ts
  5. 247
      src/views/wms/inventoryManage/containerinit/containerinitadd/index.vue
  6. 145
      src/views/wms/inventoryManage/containerinit/containerinitrecord/containerInitRecordMain.data.ts
  7. 286
      src/views/wms/inventoryManage/containerinit/containerinitrecord/index.vue

55
src/api/wms/containerInitRecordDetail/index.ts
View File

@ -0,0 +1,55 @@
import request from '@/config/axios'
export interface ContainerInitRecordDetailVO {
id: number
containerNumber: string
type: string
capacity: number
status: string
ownerCode: string
masterId: number
number: string
siteId: string
remark: string
}
// 查询器具初始化记录子列表
export const getContainerInitRecordDetailPage = async (params) => {
if (params.isSearch) {
delete params.isSearch
const data = {...params}
return await request.post({ url: '/wms/container-init-record-detail/senior', data })
} else {
return await request.get({ url: `/wms/container-init-record-detail/page`, params })
}
}
// 查询器具初始化记录子详情
export const getContainerInitRecordDetail = async (id: number) => {
return await request.get({ url: `/wms/container-init-record-detail/get?id=` + id })
}
// 新增器具初始化记录子
export const createContainerInitRecordDetail = async (data: ContainerInitRecordDetailVO) => {
return await request.post({ url: `/wms/container-init-record-detail/create`, data })
}
// 修改器具初始化记录子
export const updateContainerInitRecordDetail = async (data: ContainerInitRecordDetailVO) => {
return await request.put({ url: `/wms/container-init-record-detail/update`, data })
}
// 删除器具初始化记录子
export const deleteContainerInitRecordDetail = async (id: number) => {
return await request.delete({ url: `/wms/container-init-record-detail/delete?id=` + id })
}
// 导出器具初始化记录子 Excel
export const exportContainerInitRecordDetail = async (params) => {
return await request.download({ url: `/wms/container-init-record-detail/export-excel`, params })
}
// 下载用户导入模板
export const importTemplate = () => {
return request.download({ url: '/wms/container-init-record-detail/get-import-template' })
}

68
src/api/wms/containerInitRecordMain/index.ts
View File

@ -0,0 +1,68 @@
import request from '@/config/axios'
export interface ContainerInitRecordMainVO {
id: number
number: string
fromWarehouseCode: string
toWarehouseCode: string
outTransactionType: string
inTransactionType: string
executeTime: Date
activeDate: Date
available: string
requestTime: Date
dueTime: Date
departmentCode: string
userGroupCode: string
interfaceType: string
businessType: string
remark: string
extraProperties: string
siteId: string
code: string
fromLocationTypes: string
toLocationTypes: string
fromAreaCodes: string
toAreaCodes: string
}
// 查询器具初始化记录主列表
export const getContainerInitRecordMainPage = async (params) => {
if (params.isSearch) {
delete params.isSearch
const data = {...params}
return await request.post({ url: '/wms/container-init-record-main/senior', data })
} else {
return await request.get({ url: `/wms/container-init-record-main/page`, params })
}
}
// 查询器具初始化记录主详情
export const getContainerInitRecordMain = async (id: number) => {
return await request.get({ url: `/wms/container-init-record-main/get?id=` + id })
}
// 新增器具初始化记录主
export const createContainerInitRecordMain = async (data: ContainerInitRecordMainVO) => {
return await request.post({ url: `/wms/container-init-record-main/create`, data })
}
// 修改器具初始化记录主
export const updateContainerInitRecordMain = async (data: ContainerInitRecordMainVO) => {
return await request.put({ url: `/wms/container-init-record-main/update`, data })
}
// 删除器具初始化记录主
export const deleteContainerInitRecordMain = async (id: number) => {
return await request.delete({ url: `/wms/container-init-record-main/delete?id=` + id })
}
// 导出器具初始化记录主 Excel
export const exportContainerInitRecordMain = async (params) => {
return await request.download({ url: `/wms/container-init-record-main/export-excel`, params })
}
// 下载用户导入模板
export const importTemplate = () => {
return request.download({ url: '/wms/container-init-record-main/get-import-template' })
}

3
src/utils/dict.ts
View File

@ -270,5 +270,6 @@ export enum DICT_TYPE {
TRANSFER_MODE = 'transfer_mode', // 运输方式
LABEL_TYPE = 'label_type', // 标签类型
LABEL_STATUS = 'label_status', // 标签状态
BIND_TYPE = 'bind_type' // 器具绑定类型
BIND_TYPE = 'bind_type', // 器具绑定类型
CONTAINER_STATUS = 'container_status', // 容器状态
}

219
src/views/wms/inventoryManage/containerinit/containerinitadd/containerMain.data.ts
View File

@ -0,0 +1,219 @@
import type { CrudSchema } from '@/hooks/web/useCrudSchemas'
import {Owner} from "@/views/wms/basicDataManage/orderManage/owner/owner.data";
import * as OwnerApi from "@/api/wms/owner";
import {Warehouse} from "@/views/wms/basicDataManage/factoryModeling/warehouse/warehouse.data";
import * as WarehouseApi from "@/api/wms/warehouse";
// 表单校验
export const ContainerMainRules = reactive({
number: [
{ required: true, message: '请输入号码', trigger: 'blur' }
],
type: [
{ required: true, message: '请选择类型', trigger: 'change' }
],
status: [
{ required: true, message: '请选择状态', trigger: 'change' }
],
ownerCode: [
{ required: true, message: '请选择货主代码', trigger: 'change' }
],
})
export const ContainerMain = useCrudSchemas(reactive<CrudSchema[]>([
{
label: '号码',
field: 'number',
sort: 'custom',
isSearch: true,
},
{
label: '类型',
field: 'type',
dictType: DICT_TYPE.CONTAINER_TYPE,
dictClass: 'string',
isTable: true,
isForm: true,
sort: 'custom',
isSearch: true,
},
{
label: '总容量',
field: 'capacity',
sort: 'custom',
form: {
component: 'InputNumber',
},
isSearch: true,
},
{
label: '状态',
field: 'status',
dictType: DICT_TYPE.CONTAINER_STATUS,
dictClass: 'string',
isTable: true,
isForm: true,
sort: 'custom',
isSearch: true,
},
{
label: '货主代码',
field: 'ownerCode',
sort: 'custom',
table: {
width: 150
},
tableForm:{
isInpuFocusShow: true, // 开启查询弹窗
searchListPlaceholder: '请选择货主代码',
searchField: 'code',
searchTitle: '货主信息',
searchAllSchemas: Owner.allSchemas,
searchPage: OwnerApi.getOwnerPage,
searchCondition: [{
key: 'available',
value: 'TRUE',
isMainValue: false
}]
},
form: {
// labelMessage: '信息提示说明！！！',
componentProps: {
isSearchList: true, // 开启查询弹窗
searchListPlaceholder: '请选择货主代码',
searchField: 'code',
searchTitle: '货主信息',
searchAllSchemas: Owner.allSchemas,
searchPage: OwnerApi.getOwnerPage,
searchCondition: [{
key: 'available',
value: 'TRUE',
isMainValue: false
}]
}
}
},
{
label: '仓库代码',
field: 'warehouseCode',
sort: 'custom',
table: {
width: 150
},
isSearch: true,
tableForm:{
isInpuFocusShow: true, // 开启查询弹窗
searchListPlaceholder: '请选择仓库代码',
searchField: 'code',
searchTitle: '仓库信息',
searchAllSchemas: Warehouse.allSchemas,
searchPage: WarehouseApi.getWarehousePage,
searchCondition: [{
key: 'available',
value: 'TRUE',
isMainValue: false
}]
},
form: {
// labelMessage: '信息提示说明！！！',
componentProps: {
isSearchList: true, // 开启查询弹窗
searchListPlaceholder: '请选择仓库代码', // 输入框占位文本
searchField: 'code', // 查询弹窗赋值字段
searchTitle: '仓库信息', // 查询弹窗标题
searchAllSchemas: Warehouse.allSchemas, // 查询弹窗所需类
searchPage: WarehouseApi.getWarehousePage, // 查询弹窗所需分页方法
searchCondition: [{
key: 'available',
value: 'TRUE',
isMainValue: false
}]
}
}
},
]))
/**
* @returns {Array} 器具子表
*/
export const ContainerDetail = useCrudSchemas(reactive<CrudSchema[]>([
{
label: '内容物类型',
field: 'containerContentType',
dictType: DICT_TYPE.CONTAINER_CONTENT_TYPE,
dictClass: 'string',
isTable: true,
isForm: true,
sort: 'custom',
table: {
width: 150
},
},
{
label: '内容物号',
field: 'contentNumber',
sort: 'custom',
table: {
width: 150
},
},
{
label: '物料代码',
field: 'itemCode',
sort: 'custom',
table: {
width: 150
},
},
{
label: '批次',
field: 'batch',
sort: 'custom',
table: {
width: 150
},
},
{
label: '库存状态',
field: 'inventoryStatus',
dictType: DICT_TYPE.INVENTORY_STATUS,
dictClass: 'string',
isTable: true,
isForm: true,
sort: 'custom',
table: {
width: 150
},
},
{
label: '数量',
field: 'qty',
sort: 'custom',
table: {
width: 150
},
form: {
component: 'InputNumber',
}
},
{
label: '计量单位',
field: 'uom',
dictType: DICT_TYPE.UOM,
dictClass: 'string',
isTable: true,
isForm: true,
sort: 'custom',
table: {
width: 150
},
},
]))
// 表单校验
export const ContainerDetailRules = reactive({
containerContentType: [
{ required: true, message: '请选择内容物类型', trigger: 'change' }
],
})

247
src/views/wms/inventoryManage/containerinit/containerinitadd/index.vue
View File

@ -0,0 +1,247 @@
<template>
<ContentWrap>
<!-- 搜索工作栏 -->
<Search :schema="ContainerMain.allSchemas.searchSchema" @search="setSearchParams" @reset="setSearchParams" />
</ContentWrap>
<!-- 列表头部 -->
<TableHead
:HeadButttondata="HeadButttondata"
@button-base-click="buttonBaseClick"
:routeName="routeName"
@updataTableColumns="updataTableColumns"
@searchFormClick="searchFormClick"
:allSchemas="ContainerMain.allSchemas"
/>
<!-- 列表 -->
<ContentWrap>
<Table
:columns="tableColumns"
:data="tableObject.tableList"
:loading="tableObject.loading"
:pagination="{
total: tableObject.total
}"
v-model:pageSize="tableObject.pageSize"
v-model:currentPage="tableObject.currentPage"
v-model:sort="tableObject.sort"
>
<template #number="{row}">
<el-button type="primary" link @click="openDetail(row, '号码', row.number)">
<span>{{ row.number }}</span>
</el-button>
</template>
<template #action="{ row }">
<ButtonBase :Butttondata="butttondata" @button-base-click="buttonTableClick($event,row)" />
</template>
</Table>
</ContentWrap>
<!-- 表单弹窗：添加/修改 -->
<BasicForm
ref="basicFormRef"
@success="formsSuccess"
:rules="ContainerMainRules"
:formAllSchemas="ContainerMain.allSchemas"
:apiUpdate="ContainerMainApi.updateContainerMain"
:apiCreate="ContainerMainApi.createContainerMain"
@searchTableSuccess="searchTableSuccess"
:isBusiness="false"
/>
<!-- 详情 -->
<Detail
ref="detailRef"
:isBasic="false"
:allSchemas="ContainerMain.allSchemas"
:detailAllSchemas="ContainerDetail.allSchemas"
:detailAllSchemasRules="ContainerDetailRules"
:apiPage="ContainerDetailApi.getContainerDetailPage"
/>
</template>
<script setup lang="ts">
import download from '@/utils/download'
import { ContainerMain,ContainerMainRules,ContainerDetail,ContainerDetailRules } from './containerMain.data'
import * as ContainerMainApi from '@/api/wms/containerMain'
import * as ContainerDetailApi from '@/api/wms/containerDetail'
import * as defaultButtons from '@/utils/disposition/defaultButtons'
import TableHead from '@/components/TableHead/src/TableHead.vue'
import Detail from '@/components/Detail/src/Detail.vue'
defineOptions({ name: 'ContainerMain' })
const message = useMessage() // 消息弹窗
const { t } = useI18n() // 国际化
const route = useRoute() // 路由信息
const routeName = ref()
routeName.value = route.name
const tableColumns = ref(ContainerMain.allSchemas.tableColumns)
// 字段设置 更新主列表字段
const updataTableColumns = (val) => {
tableColumns.value = val
}
// 查询列表页面参数设置
const searchTableParams = ref([
//{
// formField: 'productItemCode',
// searchTableTitle: '物料信息',
// searchTableAllSchemas: Itembasic.allSchemas,
// searchTablePage: ItembasicApi.getItembasicPage
//}
])
const { tableObject, tableMethods } = useTable({
getListApi: ContainerMainApi.getContainerMainPage // 分页接口
})
// 获得表格的各种操作
const { getList, setSearchParams } = tableMethods
// 列表头部按钮
const HeadButttondata = [
defaultButtons.defaultAddBtn({hasPermi:'wms:container-main:create'}), // 新增
defaultButtons.defaultImportBtn({hasPermi:'wms:container-main:import'}), // 导入
defaultButtons.defaultExportBtn({hasPermi:'wms:container-main:export'}), // 导出
defaultButtons.defaultFreshBtn(null), // 刷新
defaultButtons.defaultFilterBtn(null), // 筛选
defaultButtons.defaultSetBtn(null), // 设置
// {
// label: '自定义扩展按钮',
// name: 'zdy',
// hide: false,
// type: 'primary',
// icon: 'Select',
// color: ''
// },
]
// 头部按钮事件
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:containerMain:update'}), // 编辑
defaultButtons.mainListDeleteBtn({hasPermi:'wms:containerMain:delete'}), // 删除
]
// 列表-操作按钮事件
const buttonTableClick = async (val, row) => {
if (val == 'edit') { // 编辑
openForm('update', row)
} else if (val == 'delete') { // 删除
handleDelete(row.id)
}
}
/** 添加/修改操作 */
const basicFormRef = ref()
const openForm = (type: string, row?: any) => {
basicFormRef.value.open(type, row)
}
// 查询页面返回
const searchTableSuccess = (formField, searchField, val, formRef) => {
nextTick(() => {
const setV = {}
setV[formField] = val[0][searchField]
formRef.setValues(setV)
})
}
/** 详情操作 */
const detailRef = ref()
const openDetail = (row: any, titleName: any, titleValue: any) => {
detailRef.value.openDetail(row, titleName, titleValue)
}
/** 删除按钮操作 */
const handleDelete = async (id: number) => {
try {
// 删除的二次确认
await message.delConfirm()
// 发起删除
await ContainerMainApi.deleteContainerMain(id)
message.success(t('common.delSuccess'))
// 刷新列表
await getList()
} catch {}
}
/** 导出按钮操作 */
const exportLoading = ref(false) // 导出的加载中
const handleExport = async () => {
try {
// 导出的二次确认
await message.exportConfirm()
// 发起导出
exportLoading.value = true
const data = await ContainerMainApi.exportContainerMain(setSearchParams)
download.excel(data, '器具主.xls')
} catch {
} finally {
exportLoading.value = false
}
}
/** 导入 */
const importFormRef = ref()
const handleImport = () => {
importFormRef.value.open()
}
// 导入附件弹窗所需的参数
const importTemplateData = reactive({
templateUrl: '',
templateTitle: '器具主导入模版.xls'
})
// 导入成功之后
const importSuccess = () => {
getList()
}
// 筛选提交
const searchFormClick = (searchData) => {
tableObject.params = {
isSearch: true,
filters: searchData.filters
}
getList() // 刷新当前列表
}
// form表单提交
const formsSuccess = async (formType,data) => {
if (formType === 'create') {
await ContainerMainApi.createContainerMain(data)
message.success(t('common.createSuccess'))
} else {
await ContainerMainApi.updateContainerMain(data)
message.success(t('common.updateSuccess'))
}
basicFormRef.value.dialogVisible = false
getList()
}
/** 初始化 **/
onMounted(async () => {
getList()
})
</script>

145
src/views/wms/inventoryManage/containerinit/containerinitrecord/containerInitRecordMain.data.ts
View File

@ -0,0 +1,145 @@
import type { CrudSchema } from '@/hooks/web/useCrudSchemas'
import { dateFormatter } from '@/utils/formatTime'
// 表单校验
export const ContainerInitRecordMainRules = reactive({
})
export const ContainerInitRecordMain = useCrudSchemas(reactive<CrudSchema[]>([
{
label: '单据号',
field: 'number',
sort: 'custom',
isSearch: true,
},
{
label: '仓库代码',
field: 'fromWarehouseCode',
sort: 'custom',
isSearch: true,
},
{
label: '部门',
field: 'departmentCode',
sort: 'custom',
},
{
label: '创建时间',
field: 'createTime',
sort: 'custom',
formatter: dateFormatter,
isSearch: false,
search: {
component: 'DatePicker',
componentProps: {
valueFormat: 'YYYY-MM-DD HH:mm:ss',
type: 'daterange',
defaultTime: [new Date('1 00:00:00'), new Date('1 23:59:59')]
}
},
isForm: false,
},
{
label: '备注',
field: 'remark',
sort: 'custom',
table:{
show:false
}
},
]))
export const ContainerInitRecordDetail = useCrudSchemas(reactive<CrudSchema[]>([
{
label: '器具号',
field: 'containerNumber',
sort: 'custom',
table: {
width: 150
},
},
{
label: '类型',
field: 'type',
sort: 'custom',
form: {
component: 'SelectV2'
},
table: {
width: 150
},
},
{
label: '总容量',
field: 'capacity',
sort: 'custom',
table: {
width: 150
},
},
{
label: '状态',
field: 'status',
sort: 'custom',
form: {
component: 'Radio'
},
table: {
width: 150
},
},
{
label: '货主代码',
field: 'ownerCode',
sort: 'custom',
table: {
width: 150
},
},
{
label: '单据号',
field: 'number',
sort: 'custom',
table: {
width: 150
},
},
{
label: '创建时间',
field: 'createTime',
sort: 'custom',
formatter: dateFormatter,
table: {
width: 150
},
search: {
component: 'DatePicker',
componentProps: {
valueFormat: 'YYYY-MM-DD HH:mm:ss',
type: 'daterange',
defaultTime: [new Date('1 00:00:00'), new Date('1 23:59:59')]
}
},
isForm: false,
},
{
label: '备注',
field: 'remark',
sort: 'custom',
},
{
label: '操作',
field: 'action',
isForm: false,
table: {
width: 150,
fixed: 'right'
}
}
]))
// 表单校验
export const ContainerInitRecordDetailRules = reactive({
})

286
src/views/wms/inventoryManage/containerinit/containerinitrecord/index.vue
View File

@ -0,0 +1,286 @@
<template>
<ContentWrap>
<!-- 搜索工作栏 -->
<Search :schema="ContainerInitRecordMain.allSchemas.searchSchema" @search="setSearchParams" @reset="setSearchParams" />
</ContentWrap>
<!-- 列表头部 -->
<TableHead
:HeadButttondata="HeadButttondata"
@button-base-click="buttonBaseClick"
:routeName="routeName"
@updataTableColumns="updataTableColumns"
@searchFormClick="searchFormClick"
:allSchemas="ContainerInitRecordMain.allSchemas"
/>
<!-- 列表 -->
<ContentWrap>
<Table
:columns="tableColumns"
:data="tableObject.tableList"
:loading="tableObject.loading"
:pagination="{
total: tableObject.total
}"
v-model:pageSize="tableObject.pageSize"
v-model:currentPage="tableObject.currentPage"
v-model:sort="tableObject.sort"
>
<template #number="{row}">
<el-button type="primary" link @click="openDetail(row, '单据号', row.number)">
<span>{{ row.number }}</span>
</el-button>
</template>
<template #action="{ row }">
<ButtonBase :Butttondata="butttondata" @button-base-click="buttonTableClick($event,row)" />
</template>
</Table>
</ContentWrap>
<!-- 表单弹窗：添加/修改 -->
<BasicForm
ref="basicFormRef"
@success="getList"
:rules="ContainerInitRecordMainRules"
:formAllSchemas="ContainerInitRecordMain.allSchemas"
:searchTableParams="searchTableParams"
:tableAllSchemas="ContainerInitRecordDetail.allSchemas"
:tableFormRules="ContainerInitRecordDetailRules"
:tableData="tableData"
:apiUpdate="ContainerInitRecordMainApi.updateContainerInitRecordMain"
:apiCreate="ContainerInitRecordMainApi.createContainerInitRecordMain"
@searchTableSuccess="searchTableSuccess"
:isBusiness="true"
@handleAddTable="handleAddTable"
@handleDeleteTable="handleDeleteTable"
@submitForm="submitForm"
/>
<!-- 详情 -->
<Detail
ref="detailRef"
:isBasic="false"
:allSchemas="ContainerInitRecordMain.allSchemas"
:detailAllSchemas="ContainerInitRecordDetail.allSchemas"
:detail-all-schemas-rules="ContainerInitRecordDetailRules"
:searchTableParams="searchTableParams"
:apiCreate="ContainerInitRecordDetailApi.createContainerInitRecordDetail"
:apiUpdate="ContainerInitRecordDetailApi.updateContainerInitRecordDetail"
:apiPage="ContainerInitRecordDetailApi.getContainerInitRecordDetailPage"
:apiDelete="ContainerInitRecordDetailApi.deleteContainerInitRecordDetail"
:Echo="Echo"
/>
<!-- 导入 -->
<ImportForm ref="importFormRef" url="/wms/container-init-record-main/import" :importTemplateData="importTemplateData" @success="importSuccess" />
</template>
<script setup lang="ts">
import download from '@/utils/download'
import { ContainerInitRecordMain,ContainerInitRecordMainRules,ContainerInitRecordDetail,ContainerInitRecordDetailRules } from './containerInitRecordMain.data'
import * as ContainerInitRecordMainApi from '@/api/wms/containerInitRecordMain'
import * as ContainerInitRecordDetailApi from '@/api/wms/containerInitRecordDetail'
import * as defaultButtons from '@/utils/disposition/defaultButtons'
import TableHead from '@/components/TableHead/src/TableHead.vue'
import ImportForm from '@/components/ImportForm/src/ImportForm.vue'
import Detail from '@/components/Detail/src/Detail.vue'
defineOptions({ name: 'ContainerInitRecordMain' })
const message = useMessage() // 消息弹窗
const { t } = useI18n() // 国际化
const route = useRoute() // 路由信息
const routeName = ref()
routeName.value = route.name
const tableColumns = ref(ContainerInitRecordMain.allSchemas.tableColumns)
// 字段设置 更新主列表字段
const updataTableColumns = (val) => {
tableColumns.value = val
}
// 查询列表页面参数设置
const searchTableParams = ref([
//{
// formField: 'productItemCode',
// searchTableTitle: '物料信息',
// searchTableAllSchemas: Itembasic.allSchemas,
// searchTablePage: ItembasicApi.getItembasicPage
//}
])
const { tableObject, tableMethods } = useTable({
getListApi: ContainerInitRecordMainApi.getContainerInitRecordMainPage // 分页接口
})
// 获得表格的各种操作
const { getList, setSearchParams } = tableMethods
// 列表头部按钮
const HeadButttondata = [
// defaultButtons.defaultAddBtn({hasPermi:'wms:container-init-record-main:create'}), // 新增
defaultButtons.defaultImportBtn({hasPermi:'wms:container-init-record-main:import'}), // 导入
defaultButtons.defaultExportBtn({hasPermi:'wms:container-init-record-main:export'}), // 导出
defaultButtons.defaultFreshBtn(null), // 刷新
defaultButtons.defaultFilterBtn(null), // 筛选
defaultButtons.defaultSetBtn(null), // 设置
// {
// label: '自定义扩展按钮',
// name: 'zdy',
// hide: false,
// type: 'primary',
// icon: 'Select',
// color: ''
// },
]
// 头部按钮事件
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:container-init-record-main:update'}), // 编辑
defaultButtons.mainListDeleteBtn({hasPermi:'wms:container-init-record-main:delete'}), // 删除
]
// 列表-操作按钮事件
const buttonTableClick = async (val, row) => {
if (val == 'edit') { // 编辑
openForm('update', row)
} else if (val == 'delete') { // 删除
handleDelete(row.id)
}
}
/** 添加/修改操作 */
const basicFormRef = ref()
const openForm = (type: string, row?: any) => {
basicFormRef.value.open(type, row)
}
// 查询页面返回
const searchTableSuccess = (formField, searchField, val, formRef) => {
nextTick(() => {
const setV = {}
setV[formField] = val[0][searchField]
formRef.setValues(setV)
})
}
/** 详情操作 */
const detailRef = ref()
const openDetail = (row: any, titleName: any, titleValue: any) => {
detailRef.value.openDetail(row, titleName, titleValue, 'basicContainerInitRecordMain')
}
/** 删除按钮操作 */
const handleDelete = async (id: number) => {
try {
// 删除的二次确认
await message.delConfirm()
// 发起删除
await ContainerInitRecordMainApi.deleteContainerInitRecordMain(id)
message.success(t('common.delSuccess'))
// 刷新列表
await getList()
} catch {}
}
/** 导出按钮操作 */
const exportLoading = ref(false) // 导出的加载中
const handleExport = async () => {
try {
// 导出的二次确认
await message.exportConfirm()
// 发起导出
exportLoading.value = true
const data = await ContainerInitRecordMainApi.exportContainerInitRecordMain(setSearchParams)
download.excel(data, '器具初始化记录主.xls')
} catch {
} finally {
exportLoading.value = false
}
}
// 主子数据 提交
const submitForm = async (formType, data) => {
data.subList = tableData.value // 拼接子表数据参数
try {
if (formType === 'create') {
await ContainerInitRecordMainApi.createContainerInitRecordMain(data)
message.success(t('common.createSuccess'))
} else {
await ContainerInitRecordMainApi.updateContainerInitRecordMain(data)
message.success(t('common.updateSuccess'))
}
basicFormRef.value.dialogVisible = false
// 刷新当前列表
getList()
} finally {
basicFormRef.value.formLoading = false
}
}
const tableData = ref([])
const tableFormKeys = {}
ContainerInitRecordDetail.allSchemas.tableFormColumns.forEach(item => {
tableFormKeys[item.field] = item.default ? item.default : ''
})
// 添加明细
const handleAddTable = () => {
tableData.value.push(JSON.parse(JSON.stringify(tableFormKeys)))
}
// 删除明细
const handleDeleteTable = (item, index) => {
tableData.value.splice(index, 1)
}
/** 导入 */
const importFormRef = ref()
const handleImport = () => {
importFormRef.value.open()
}
// 导入附件弹窗所需的参数
const importTemplateData = reactive({
templateUrl: '',
templateTitle: '器具初始化记录主导入模版.xls'
})
// 导入成功之后
const importSuccess = () => {
getList()
}
// 筛选提交
const searchFormClick = (searchData) => {
tableObject.params = {
isSearch: true,
filters: searchData.filters
}
getList() // 刷新当前列表
}
/** 初始化 **/
onMounted(async () => {
getList()
importTemplateData.templateUrl = await ContainerInitRecordMainApi.importTemplate()
})
</script>
Write Preview
Loading…
Cancel
Save