yunxi
/
mes-heli
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

出库管理

Browse Source
pull/1/head
qiuhongwu 9 months ago
parent 37529ca6a5
commit 11891504d3
1 changed files with 176 additions and 195 deletions
Show Stats Download Patch File Download Diff File

371
mes-ui/mes-ui-admin-vue3/src/views/heli/storage/outdex.vue
Unescape View File

@ -1,41 +1,45 @@
<template> <template>
<ContentWrap> <el-card class="hl-card">
<!-- 搜索工作栏 --> <template #header>
<el-form <span>出库管理</span>
class="-mb-15px" </template>
:model="queryParams" <ContentWrap class="borderxx">
ref="queryFormRef" <!-- 搜索工作栏 -->
:inline="true" <el-form
label-width="68px" class="-mb-15px"
> :model="queryParams"
<el-form-item label="出库单号" prop="stockNo"> ref="queryFormRef"
<el-input :inline="true"
v-model="queryParams.stockNo" label-width="108px"
placeholder="出库单号" >
clearable <el-form-item label="出库单号" prop="stockNo">
@keyup.enter="handleQuery" <el-input
class="!w-240px" v-model="queryParams.stockNo"
/> placeholder="出库单号"
</el-form-item> clearable
<el-form-item label="上游单号" prop="headerNo"> @keyup.enter="handleQuery"
<el-input class="!w-240px"
v-model="queryParams.headerNo" />
placeholder="上游单号" </el-form-item>
clearable <el-form-item label="上游单号" prop="headerNo">
@keyup.enter="handleQuery" <el-input
class="!w-240px" v-model="queryParams.headerNo"
/> placeholder="上游单号"
</el-form-item> clearable
<el-form-item label="物料编码" prop="matNo"> @keyup.enter="handleQuery"
<el-input class="!w-240px"
v-model="queryParams.matNo" />
placeholder="物料编码" </el-form-item>
clearable <el-form-item label="物料编码" prop="matNo">
@keyup.enter="handleQuery" <el-input
class="!w-240px" v-model="queryParams.matNo"
/> placeholder="物料编码"
</el-form-item> clearable
<!-- <el-form-item label="物料名称" prop="matName"> @keyup.enter="handleQuery"
class="!w-240px"
/>
</el-form-item>
<!-- <el-form-item label="物料名称" prop="matName">
<el-input <el-input
v-model="queryParams.matName" v-model="queryParams.matName"
placeholder="物料名称" placeholder="物料名称"
@ -44,64 +48,50 @@
class="!w-240px" class="!w-240px"
/> />
</el-form-item> --> </el-form-item> -->
<el-form-item label="出库类型" prop="stockInType"> <el-form-item label="出库类型" prop="stockInType">
<el-select <el-select
v-model="queryParams.stockInType" v-model="queryParams.stockInType"
placeholder="下拉选择" placeholder="下拉选择"
clearable clearable
class="!w-240px" class="!w-240px"
> >
<el-option <el-option
v-for="dict in getIntDictOptions(DICT_TYPE.HELI_STORAGE_OUT_TYPE)" v-for="dict in getIntDictOptions(DICT_TYPE.HELI_STORAGE_OUT_TYPE)"
:key="dict.value" :key="dict.value"
:label="dict.label" :label="dict.label"
:value="dict.value" :value="dict.value"
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="出库仓库" prop="whId"> <el-form-item label="出库仓库" prop="whId">
<el-select <el-select v-model="queryParams.whId" placeholder="下拉选择" clearable class="!w-240px">
v-model="queryParams.whId" <el-option
placeholder="下拉选择" v-for="dict in warehouseList"
clearable :key="dict.value"
class="!w-240px" :label="dict.label"
> :value="dict.value"
<el-option />
v-for="dict in warehouseList" </el-select>
:key="dict.value" </el-form-item>
:label="dict.label"
:value="dict.value" <el-form-item label="单据状态" prop="status">
/> <el-select v-model="queryParams.status" placeholder="下拉选择" clearable class="!w-240px">
</el-select> <el-option
</el-form-item> v-for="dict in getIntDictOptions(DICT_TYPE.HELI_STORAGE_STATUS)"
:key="dict.value"
<el-form-item label="单据状态" prop="status"> :label="dict.label"
<el-select :value="dict.value"
v-model="queryParams.status" />
placeholder="下拉选择" </el-select>
clearable </el-form-item>
class="!w-240px"
> <el-form-item>
<el-option <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
v-for="dict in getIntDictOptions(DICT_TYPE.HELI_STORAGE_STATUS)" <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
:key="dict.value" <el-button type="primary" plain @click="openDetail('create')">
:label="dict.label" <Icon icon="ep:plus" class="mr-5px" /> 新增
:value="dict.value" </el-button>
/> <!-- <el-button
</el-select>
</el-form-item>
<el-form-item>
<el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
<el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
<el-button
type="primary"
plain
@click="openDetail('create')"
>
<Icon icon="ep:plus" class="mr-5px" /> 新增
</el-button>
<!-- <el-button
type="success" type="success"
plain plain
@click="handleExport" @click="handleExport"
@ -110,104 +100,96 @@
> >
<Icon icon="ep:download" class="mr-5px" /> 导出 <Icon icon="ep:download" class="mr-5px" /> 导出
</el-button> --> </el-button> -->
</el-form-item> </el-form-item>
</el-form> </el-form>
</ContentWrap> </ContentWrap>
<!-- 列表 --> <!-- 列表 -->
<ContentWrap> <ContentWrap>
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true"> <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
<!-- <el-table-column label="主键id" align="center" prop="id" /> --> <!-- <el-table-column label="主键id" align="center" prop="id" /> -->
<el-table-column label="出库单号" align="center" prop="stockNo" /> <el-table-column label="出库单号" align="center" prop="stockNo" />
<el-table-column label="出库类型" align="center" prop="stockInType"> <el-table-column label="出库类型" align="center" prop="stockInType">
<template #default="scope"> <template #default="scope">
<dict-tag :type="DICT_TYPE.HELI_STORAGE_IN_TYPE" :value="scope.row.stockInType" /> <dict-tag :type="DICT_TYPE.HELI_STORAGE_IN_TYPE" :value="scope.row.stockInType" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="上游单号" align="center" prop="headerNo" /> <el-table-column label="上游单号" align="center" prop="headerNo" />
<el-table-column label="出库仓库" align="center" prop="whId" > <el-table-column label="出库仓库" align="center" prop="whId">
<template #default="scope"> <template #default="scope">
{{ warehouseList.find((tag) => tag.id === scope.row.whId)?.whName }} {{ warehouseList.find((tag) => tag.id === scope.row.whId)?.whName }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="备注" align="center" prop="description" /> <el-table-column label="备注" align="center" prop="description" />
<el-table-column label="创建人" align="center" prop="creator" > <el-table-column label="创建人" align="center" prop="creator">
<template #default="scope"> <template #default="scope">
{{ userList.find((user) => user.id === scope.row.creator)?.nickname }} {{ userList.find((user) => user.id === scope.row.creator)?.nickname }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="创建时间" label="创建时间"
align="center" align="center"
prop="createTime" prop="createTime"
:formatter="dateFormatter" :formatter="dateFormatter"
width="180px" width="180px"
/> />
<el-table-column label="提交人" align="center" prop="keeper" > <el-table-column label="提交人" align="center" prop="keeper">
<template #default="scope"> <template #default="scope">
{{ userList.find((user) => user.id == scope.row.keeper)?.nickname }} {{ userList.find((user) => user.id == scope.row.keeper)?.nickname }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="提交时间" label="提交时间"
align="center" align="center"
prop="keeperTime" prop="keeperTime"
:formatter="dateFormatter" :formatter="dateFormatter"
width="180px" width="180px"
/> />
<el-table-column label="作废人" align="center" prop="cancel" > <el-table-column label="作废人" align="center" prop="cancel">
<template #default="scope"> <template #default="scope">
{{ userList.find((user) => user.id == scope.row.cancel)?.nickname }} {{ userList.find((user) => user.id == scope.row.cancel)?.nickname }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="作废时间" label="作废时间"
align="center" align="center"
prop="cancelTime" prop="cancelTime"
:formatter="dateFormatter" :formatter="dateFormatter"
width="180px" width="180px"
/> />
<el-table-column label="单据状态" align="center" prop="status"> <el-table-column label="单据状态" align="center" prop="status">
<template #default="scope"> <template #default="scope">
<dict-tag :type="DICT_TYPE.HELI_STORAGE_STATUS" :value="scope.row.status" /> <dict-tag :type="DICT_TYPE.HELI_STORAGE_STATUS" :value="scope.row.status" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center"> <el-table-column label="操作" align="center" width="130">
<template #default="scope"> <template #default="scope">
<el-button <el-button link type="primary" @click="openDetail('update', scope.row.id)">
link 编辑
type="primary" </el-button>
@click="openDetail('update',scope.row.id)" <el-button link type="primary" @click="openDetail('review', scope.row.id)">
> 查看
编辑 </el-button>
</el-button> <!-- <el-button
<el-button
link
type="primary"
@click="openDetail('review',scope.row.id)"
>
查看
</el-button>
<!-- <el-button
link link
type="danger" type="danger"
@click="handleDelete(scope.row.id)" @click="handleDelete(scope.row.id)"
> >
删除 删除
</el-button> --> </el-button> -->
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<!-- 分页 --> <!-- 分页 -->
<Pagination <Pagination
:total="total" :total="total"
v-model:page="queryParams.pageNo" v-model:page="queryParams.pageNo"
v-model:limit="queryParams.pageSize" v-model:limit="queryParams.pageSize"
@pagination="getList" @pagination="getList"
/> />
</ContentWrap> </ContentWrap>
</el-card>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
@ -216,13 +198,13 @@ import { dateFormatter } from '@/utils/formatTime'
import download from '@/utils/download' import download from '@/utils/download'
import * as StorageApi from '@/api/heli/storage' import * as StorageApi from '@/api/heli/storage'
import * as WarehouseApi from '@/api/heli/warehouse' import * as WarehouseApi from '@/api/heli/warehouse'
import * as UserApi from "@/api/system/user"; import * as UserApi from '@/api/system/user'
defineOptions({ name: 'Storage' }) defineOptions({ name: 'Storage' })
const message = useMessage() // 消息弹窗 const message = useMessage() // 消息弹窗
const { t } = useI18n() // 国际化 const { t } = useI18n() // 国际化
const router = useRouter(); // 路由 const router = useRouter() // 路由
const loading = ref(true) // 列表的加载中 const loading = ref(true) // 列表的加载中
const list = ref([]) // 列表的数据 const list = ref([]) // 列表的数据
@ -248,8 +230,8 @@ const queryParams = reactive({
outboundTime: [], outboundTime: [],
cancel: undefined, cancel: undefined,
cancelTime: [], cancelTime: [],
matNo:undefined, matNo: undefined,
matName:undefined matName: undefined
}) })
const queryFormRef = ref() // 搜索的表单 const queryFormRef = ref() // 搜索的表单
const exportLoading = ref(false) // 导出的加载中 const exportLoading = ref(false) // 导出的加载中
@ -286,23 +268,22 @@ const openForm = (type: string, id?: number) => {
formRef.value.open(type, id) formRef.value.open(type, id)
} }
/** 详情操作 新增/查看 */ /** 详情操作 新增/查看 */
const openDetail = (active: string,id?: number) => { const openDetail = (active: string, id?: number) => {
router.push({ path: '/inventory/storageoutdetail', query: {type: active,id: id}}); router.push({ path: '/inventory/storageoutdetail', query: { type: active, id: id } })
} }
/** 初始化 **/ /** 初始化 **/
onMounted(async () => { onMounted(async () => {
const queryParamsWarehouse = reactive({ const queryParamsWarehouse = reactive({
pageNo: 1, pageNo: 1,
pageSize: 99 pageSize: 99
}) })
const data = await WarehouseApi.getWarehousePage(queryParamsWarehouse) const data = await WarehouseApi.getWarehousePage(queryParamsWarehouse)
data.list.forEach(element => { data.list.forEach((element) => {
element.label = element.whName element.label = element.whName
element.value = element.id element.value = element.id
}); })
warehouseList.value = data.list warehouseList.value = data.list
@ -313,4 +294,4 @@ onMounted(async () => {
onActivated(() => { onActivated(() => {
getList() getList()
}) })
</script> </script>

Write Preview
Loading…
Cancel
Save