修改唯一码、出入库、传感器管理菜单

This commit is contained in:
zx
2026-04-14 11:30:06 +08:00
parent ce116a9b42
commit 21f461b3d7
10 changed files with 992 additions and 1045 deletions

View File

@@ -1,158 +1,114 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="入库单号" prop="billNo">
<el-input
v-model="queryParams.billNo"
placeholder="请输入入库单号"
clearable
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item label="仓库编码" prop="warehouseCode">
<el-input
v-model="queryParams.warehouseCode"
placeholder="请输入仓库编码"
clearable
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item label="仓库名称" prop="warehouseName">
<el-input
v-model="queryParams.warehouseName"
placeholder="请输入仓库名称"
clearable
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item label="存储区编码" prop="areaCode">
<el-input
v-model="queryParams.areaCode"
placeholder="请输入存储区编码"
clearable
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item label="存储区名称" prop="areaName">
<el-input
v-model="queryParams.areaName"
placeholder="请输入存储区名称"
clearable
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item label="入库时间" prop="inboundTime">
<el-date-picker clearable
v-model="queryParams.inboundTime"
type="date"
value-format="YYYY-MM-DD"
placeholder="请选择入库时间">
</el-date-picker>
</el-form-item>
<el-form-item label="逻辑删除" prop="isDelete">
<el-input
v-model="queryParams.isDelete"
placeholder="请输入逻辑删除"
clearable
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item>
<div class="app-container-page">
<el-form :model="queryParams" class="table-form-search" ref="queryRef" :inline="true" v-show="showSearch"
label-width="100px">
<el-row>
<el-col :span="8">
<el-form-item label="入库单号" prop="billNo">
<el-input v-model="queryParams.billNo" placeholder="请输入入库单号" clearable @keyup.enter="handleQuery" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="仓库编码" prop="warehouseCode">
<el-input v-model="queryParams.warehouseCode" placeholder="请输入仓库编码" clearable @keyup.enter="handleQuery" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="仓库名称" prop="warehouseName">
<el-input v-model="queryParams.warehouseName" placeholder="请输入仓库名称" clearable @keyup.enter="handleQuery" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<!-- <el-col :span="8">
<el-form-item label="存储区编码" prop="areaCode">
<el-input v-model="queryParams.areaCode" placeholder="请输入存储区编码" clearable @keyup.enter="handleQuery" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="存储区名称" prop="areaName">
<el-input v-model="queryParams.areaName" placeholder="请输入存储区名称" clearable @keyup.enter="handleQuery" />
</el-form-item>
</el-col> -->
<el-col :span="8">
<el-form-item label="入库时间" prop="inboundTime">
<el-date-picker clearable v-model="queryParams.inboundTime" style="width: 100%;" type="date"
value-format="YYYY-MM-DD" placeholder="请选择入库时间">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24" class="searchBtn">
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div class="table-list">
<el-row :gutter="10" class="mb8">
<!-- <el-col :span="1.5">
<el-button type="primary" plain icon="Plus" @click="handleAdd"
v-hasPermi="['worn:inboundBill:add']">新增</el-button>
</el-col> -->
<!-- <el-col :span="1.5">
<el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate"
v-hasPermi="['worn:inboundBill:edit']">修改</el-button>
</el-col> -->
<el-col :span="1.5">
<el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete"
v-hasPermi="['worn:inboundBill:remove']">删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain icon="Download" @click="handleExport"
v-hasPermi="['worn:inboundBill:export']">导出</el-button>
</el-col>
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="Plus"
@click="handleAdd"
v-hasPermi="['worn:inboundBill:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="Edit"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['worn:inboundBill:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="Delete"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['worn:inboundBill:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="Download"
@click="handleExport"
v-hasPermi="['worn:inboundBill:export']"
>导出</el-button>
</el-col>
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="inboundBillList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="主键ID" align="center" prop="id" />
<el-table-column label="入库单号" align="center" prop="billNo" />
<el-table-column label="入库单类型" align="center" prop="billType" />
<el-table-column label="仓库编码" align="center" prop="warehouseCode" />
<el-table-column label="仓库名称" align="center" prop="warehouseName" />
<el-table-column label="存储区编码" align="center" prop="areaCode" />
<el-table-column label="存储区名称" align="center" prop="areaName" />
<el-table-column label="单据备注" align="center" prop="remark" />
<el-table-column label="入库时间" align="center" prop="inboundTime" width="180">
<template #default="scope">
<span>{{ parseTime(scope.row.inboundTime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="状态" align="center" prop="status" />
<el-table-column label="逻辑删除" align="center" prop="isDelete" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['worn:inboundBill:edit']">修改</el-button>
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['worn:inboundBill:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize"
@pagination="getList"
/>
<el-table v-loading="loading" :data="inboundBillList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="入库单号" align="center" prop="billNo" />
<el-table-column label="入库单类型" align="center" prop="billType">
<template #default="scope">
<span :style="getColor(scope.row.billType, scope.row?.status)">{{ getBillType(scope.row.billType,
scope.row?.status, '1')
}}</span>
</template>
</el-table-column>
<el-table-column label="仓库名称" align="center" prop="warehouseName" />
<el-table-column label="存储区名称" align="center" prop="areaName" />
<el-table-column label="单据备注" align="center" prop="remark" />
<el-table-column label="入库时间" align="center" prop="inboundTime" width="180">
<template #default="scope">
<span>{{ parseTime(scope.row.inboundTime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<!-- <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
v-hasPermi="['worn:inboundBill:edit']">修改</el-button> -->
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
v-hasPermi="['worn:inboundBill:remove']">删除</el-button>
<!-- todo 详情 -->
</template>
</el-table-column>
</el-table>
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize" @pagination="getList" />
</div>
<!-- 添加或修改入库库存对话框 -->
<el-dialog :title="title" v-model="open" width="500px" append-to-body>
<el-form ref="inboundBillRef" :model="form" :rules="rules" label-width="80px">
<el-dialog :title="title" v-model="open" width="600px" append-to-body>
<el-form ref="inboundBillRef" :model="form" :rules="rules" label-width="100px">
<el-form-item label="入库单号" prop="billNo">
<el-input v-model="form.billNo" placeholder="请输入入库单号" />
</el-form-item>
<el-form-item label="仓库编码" prop="warehouseCode">
<el-input v-model="form.warehouseCode" placeholder="请输入仓库编码" />
</el-form-item>
<el-form-item label="仓库名称" prop="warehouseName">
<el-input v-model="form.warehouseName" placeholder="请输入仓库名称" />
</el-form-item>
<el-form-item label="存储区编码" prop="areaCode">
<el-input v-model="form.areaCode" placeholder="请输入存储区编码" />
</el-form-item>
<el-form-item label="存储区名称" prop="areaName">
<el-input v-model="form.areaName" placeholder="请输入存储区名称" />
</el-form-item>
@@ -160,16 +116,10 @@
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="入库时间" prop="inboundTime">
<el-date-picker clearable
v-model="form.inboundTime"
type="date"
value-format="YYYY-MM-DD"
placeholder="请选择入库时间">
<el-date-picker clearable v-model="form.inboundTime" style="width: 100%;" type="date"
value-format="YYYY-MM-DD" placeholder="请选择入库时间">
</el-date-picker>
</el-form-item>
<el-form-item label="逻辑删除" prop="isDelete">
<el-input v-model="form.isDelete" placeholder="请输入逻辑删除" />
</el-form-item>
</el-form>
<template #footer>
<div class="dialog-footer">
@@ -183,7 +133,7 @@
<script setup name="InboundBill">
import { listInboundBill, getInboundBill, delInboundBill, addInboundBill, updateInboundBill } from "@/api/worn/inboundBill"
import { getColor, getBillType } from '@/untils'
const { proxy } = getCurrentInstance()
const inboundBillList = ref([])
@@ -319,12 +269,12 @@ function submitForm() {
/** 删除按钮操作 */
function handleDelete(row) {
const _ids = row.id || ids.value
proxy.$modal.confirm('是否确认删除入库库存编号为"' + _ids + '"的数据项?').then(function() {
proxy.$modal.confirm('是否确认删除入库库存编号为"' + _ids + '"的数据项?').then(function () {
return delInboundBill(_ids)
}).then(() => {
getList()
proxy.$modal.msgSuccess("删除成功")
}).catch(() => {})
}).catch(() => { })
}
/** 导出按钮操作 */