优化
This commit is contained in:
@@ -1226,6 +1226,10 @@ const stockList = ref([]); //明细列表
|
||||
//查询明细列表数据方法
|
||||
function detailList(type) {
|
||||
listStock(billDoubleClickObj.value.billNo).then((response) => {
|
||||
if (response.data.length == 0) {
|
||||
proxy.$modal.msgError("该条入库单暂无明细");
|
||||
return;
|
||||
}
|
||||
if (type == "bill") {
|
||||
billAllObj.value = response.data;
|
||||
dialogBill.value = true;
|
||||
|
||||
@@ -1,651 +0,0 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryRef" v-show="showSearch" label-width="90">
|
||||
<el-row >
|
||||
<el-col :span="7">
|
||||
<el-form-item label="入库时间" prop="rkTime">
|
||||
<!-- <el-date-picker
|
||||
v-model="rkTime"
|
||||
type="daterange"
|
||||
start-placeholder="开始时间"
|
||||
end-placeholder="结束时间"
|
||||
format="YYYY-MM-DD"
|
||||
/> -->
|
||||
<el-date-picker
|
||||
v-model="rkTime"
|
||||
type="datetimerange"
|
||||
start-placeholder="开始时间"
|
||||
end-placeholder="结束时间"
|
||||
format="YYYY/MM/DD HH:mm:ss"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item label="项目号" prop="xmNo">
|
||||
<el-input
|
||||
v-model="queryParams.xmNo"
|
||||
placeholder="请输入项目号"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item label="订单编号" prop="sapNo">
|
||||
<el-input
|
||||
v-model="queryParams.sapNo"
|
||||
placeholder="请输入订单编号"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<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="4">
|
||||
<el-form-item label="库存状态" prop="isChuku">
|
||||
<el-select placeholder="请选择" clearable disabled>
|
||||
<el-option v-for="dict in storeStatusList" :key="dict.id" :label="dict.statusName" :value="dict.id" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
|
||||
<el-col :span="4">
|
||||
<el-form-item label="物资类型" prop="wlType">
|
||||
<el-select v-model="queryParams.wlType" placeholder="请选择物资类型" clearable >
|
||||
<el-option v-for="dict in wzTypeList" :key="dict.id" :label="dict.typeName" :value="dict.typeCode" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row >
|
||||
<el-col :span="7">
|
||||
<el-form-item label="项目描述" prop="xmMs">
|
||||
<el-input
|
||||
v-model="queryParams.xmMs"
|
||||
placeholder="请输入项目描述"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item label="物料号" prop="wlNo">
|
||||
<el-input
|
||||
v-model="queryParams.wlNo"
|
||||
placeholder="请输入物料号"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item label="供应商编码" prop="gysNo">
|
||||
<el-input
|
||||
v-model="queryParams.gysNo"
|
||||
placeholder="请输入供应商编码"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item label="库位码" prop="pcode">
|
||||
<el-input
|
||||
v-model="queryParams.pcode"
|
||||
placeholder="请输入库位码"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
/>
|
||||
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item label="入库类型" prop="rkType">
|
||||
<el-select v-model="queryParams.rkType" placeholder="请选择入库类型" clearable >
|
||||
<el-option v-for="dict in storeTypeList" :key="dict.id" :label="dict.typeName" :value="dict.typeCode" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="7">
|
||||
<el-form-item label="供应商名称" prop="gysMc">
|
||||
<el-input
|
||||
v-model="queryParams.gysMc"
|
||||
placeholder="请输入供应商名称"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- <el-col :span="4">
|
||||
<el-form-item label="所属仓库" prop="cangku">
|
||||
<el-select v-model="queryParams.cangku" placeholder="请选择仓库" clearable >
|
||||
<el-option v-for="dict in warehouseList" :key="dict.id" :label="dict.warehouseName" :value="dict.warehouseCode" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
<el-col :span="4">
|
||||
<el-form-item label="物料描述" prop="wlMs">
|
||||
<el-input
|
||||
v-model="queryParams.wlMs"
|
||||
placeholder="物料描述"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<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>
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
plain
|
||||
icon="Delete"
|
||||
@click="handleDel"
|
||||
>删除</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="Plus"
|
||||
@click="handleStore"
|
||||
>一键入库</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="stockList" @selection-change="selectionChange" border show-overflow-tooltip>
|
||||
<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" width="180"/>
|
||||
<el-table-column label="库存状态" align="center" width="100">
|
||||
<!-- scope.row.isChuku==0?"已入库":(scope.row.isChuku==1?"已出库":"审批中") -->
|
||||
<template #default="scope">
|
||||
<span>{{ isChukuFun(scope.row.isChuku) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="项目号" align="center" prop="xmNo" width="150"/>
|
||||
<el-table-column label="项目描述" align="center" prop="xmMs" width="150"/>
|
||||
<el-table-column label="物料号" align="center" prop="wlNo" width="100"/>
|
||||
<el-table-column label="物料描述" align="center" prop="wlMs" width="150"/>
|
||||
<el-table-column label="供应商编码" align="center" prop="gysNo" width="150"/>
|
||||
<el-table-column label="供应商名称" align="center" prop="gysMc" width="150"/>
|
||||
<el-table-column label="计划交货金额" align="center" prop="jhAmt" width="120"/>
|
||||
<el-table-column label="合同单价" align="center" prop="htDj" />
|
||||
<el-table-column label="订单编号" align="center" prop="sapNo" width="150"/>
|
||||
<!-- <el-table-column label="行号" align="center" prop="xh" /> -->
|
||||
<el-table-column label="计划交货数量" align="center" prop="jhQty" width="120"/>
|
||||
<!-- <el-table-column label="合同数量" align="center" prop="htQty" /> -->
|
||||
<el-table-column label="计量单位" align="center" prop="dw" />
|
||||
<el-table-column label="实际入库数量" align="center" prop="realQty" width="120"/>
|
||||
<el-table-column label="库位码" align="center" prop="pcode" width="120"/>
|
||||
<el-table-column label="托盘码" align="center" prop="trayCode" />
|
||||
<el-table-column label="身份码" align="center" prop="entityId" width="150"/>
|
||||
<el-table-column label="入库类型" align="center" prop="rkTypeName" width="150"/>
|
||||
<el-table-column label="物资类型" align="center" prop="wlTypeName" />
|
||||
<el-table-column label="所属大库" align="center" prop="parentWarehouseName" width="150"/>
|
||||
<el-table-column label="所属小库" align="center" prop="warehouseName" width="150"/>
|
||||
<el-table-column label="入库时间" align="center" prop="rkTime" width="100">
|
||||
<template #default="scope">
|
||||
<span>{{ parseTime(scope.row.rkTime, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="库龄" align="center" prop="stockAge" />
|
||||
<el-table-column label="理货员" align="center" prop="lihuoYName" />
|
||||
<!-- <el-table-column label="审核状态" align="center" prop="lihuoY" >
|
||||
<template #default="scope">
|
||||
<span>{{ scope.row.auditResult==0?"已入库":"已出库" }}</span>
|
||||
</template>
|
||||
</el-table-column> -->
|
||||
<el-table-column label="现场图片" align="center" v-if="isExamine==1">
|
||||
<template #default="scope">
|
||||
<el-image :src="scope.row.scenePhotoUrl" style="width:50px;height: 50px;"
|
||||
:zoom-rate="1.2"
|
||||
:max-scale="7"
|
||||
:min-scale="0.2"
|
||||
:preview-src-list="srcList"
|
||||
show-progress
|
||||
:initial-index="4"
|
||||
:preview-teleported="true"
|
||||
@click="preview(scope.row.scenePhotoUrl)"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="备注" align="center" prop="remark" width="150"/>
|
||||
<!-- <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width" width="130">
|
||||
<template #default="scope">
|
||||
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)">一键入库</el-button>
|
||||
<el-button
|
||||
link
|
||||
type="primary"
|
||||
icon="Delete"
|
||||
@click="handleStockDelete(scope.row)"
|
||||
>删除</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-dialog v-model="dialogVisible">
|
||||
<img w-full :src="dialogImageUrl" alt="Preview Image" />
|
||||
</el-dialog>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup name="inrevoke">
|
||||
// wisdomDelStock
|
||||
import { listInrevoke,delStore,storeFun} from "@/api/wisdom/inrevoke";
|
||||
import { getAudit} from "@/api/wisdom/stock";
|
||||
import {warehousingDict} from "@/api/information/warehousingtype"; //入库类型
|
||||
import {materialtypeDict} from "@/api/information/materialtype"; //物资类型
|
||||
import {warehouseDict} from "@/api/information/warehouseinfo"; //所属仓库
|
||||
import {personListDict} from "@/api/system/user"; //理货员
|
||||
import {getKwList} from "@/api/information/pcdedetail"; //库位下拉数据
|
||||
import { Plus } from '@element-plus/icons-vue'
|
||||
|
||||
|
||||
const { proxy } = getCurrentInstance();
|
||||
|
||||
const stockList = ref([]);
|
||||
const open = ref(false);
|
||||
const openSwitch = ref(false); //移库
|
||||
const loading = ref(true);
|
||||
const showSearch = ref(true);
|
||||
const idEdit = ref(0);
|
||||
const single = ref(true);
|
||||
const multiple = ref(true);
|
||||
const total = ref(0);
|
||||
const title = ref("");
|
||||
const planLoading = ref(true);
|
||||
const planList = ref([]); //从供应计划中添加列表
|
||||
const checkPlanList = ref([]); //已选中的要入库的数据
|
||||
const storeTypeList = ref([]); //入库类型下拉数据
|
||||
const wzTypeList = ref([]); //物资类型下拉数据
|
||||
const warehouseList = ref([]); //所属仓库下拉数据
|
||||
const personList = ref([]); //理货员下拉数据
|
||||
const orderNum = ref("") //搜索条件：订单号
|
||||
const kwOptions = ref([]); //库位下拉
|
||||
const showContent = ref(false); // 控制打印内容是否显示
|
||||
const dateStr = ref("") //打印单据生成的日期
|
||||
const printList = ref([]) //要打印的数据列表
|
||||
const storeStatusList = ref([
|
||||
{id:0,statusName:"已入库"},
|
||||
{id:1,statusName:"已出库"}
|
||||
])
|
||||
const moveReason = ref("") //移库原因
|
||||
const rkTime = ref([])
|
||||
const isExamine = ref(0) //是否需要开启审核 1开启；0不开启
|
||||
const actionUrl = import.meta.env.VITE_APP_BASE_API+"/wisdom/signature/upload"
|
||||
const dialogImageUrl = ref('')
|
||||
const dialogVisible = ref(false)
|
||||
const srcList = ref([])
|
||||
const autoFill = ref(false) //是否自动填充备注
|
||||
const kzms = ref("")
|
||||
const ids = ref([])
|
||||
|
||||
const data = reactive({
|
||||
form: {},
|
||||
storeData:{}, //入库数据
|
||||
switchData:[], //移库数据
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
isChuku:4,
|
||||
billNo:null,
|
||||
// rkTime: [],
|
||||
startTime:null,
|
||||
endTime:null,
|
||||
xmNo: null,
|
||||
sapNo: null,
|
||||
xmMs:"",
|
||||
wlNo:"",
|
||||
gysNo:"",
|
||||
pcode:"",
|
||||
rkType:"",
|
||||
gysMc:"",
|
||||
wlType:"", //物资类型
|
||||
cangku:"",
|
||||
wlMs:"",
|
||||
ids:[]
|
||||
},
|
||||
|
||||
|
||||
|
||||
});
|
||||
|
||||
const { queryParams, storeData,form,switchData} = toRefs(data);
|
||||
function isChukuFun(isChuku){
|
||||
// scope.row.isChuku==0?"已入库":(scope.row.isChuku==1?"已出库":"审批中")
|
||||
|
||||
if(isChuku == 0){
|
||||
return "已入库"
|
||||
} else if(isChuku == 1){
|
||||
return "已出库"
|
||||
}else if(isChuku == 3){
|
||||
return "借料出库"
|
||||
}else if(isChuku == 2){
|
||||
return "审批中"
|
||||
}else if(isChuku == 4){
|
||||
return "入库撤销"
|
||||
}else if(isChuku == 5){
|
||||
return "出库撤销"
|
||||
}
|
||||
}
|
||||
|
||||
function preview(url){
|
||||
srcList.value = [url]
|
||||
}
|
||||
//多选
|
||||
function selectionChange(selection){
|
||||
ids.value = selection.map(item => item.id)
|
||||
}
|
||||
//删除
|
||||
function handleDel(){
|
||||
if(ids.value.length==0){
|
||||
proxy.$modal.msgError("请勾选数据");
|
||||
return
|
||||
}
|
||||
// console.log(ids.value)
|
||||
// return
|
||||
delStore(ids.value).then(response=>{
|
||||
getList();
|
||||
proxy.$modal.msgSuccess("操作成功");
|
||||
})
|
||||
// console.log(ids.value)
|
||||
}
|
||||
//一键入库
|
||||
function handleStore(){
|
||||
if(ids.value.length==0){
|
||||
proxy.$modal.msgError("请勾选数据");
|
||||
return
|
||||
}
|
||||
storeFun(ids.value).then(response=>{
|
||||
getList();
|
||||
proxy.$modal.msgSuccess("操作成功");
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
//预览图片
|
||||
function handlePreview(uploadFile){
|
||||
// console.log(222222)
|
||||
// console.log(res)
|
||||
dialogImageUrl.value = uploadFile.response.url
|
||||
dialogVisible.value = true
|
||||
}
|
||||
function tableRowClassName({row, rowIndex}) {
|
||||
// console.log(row)
|
||||
// 根据每行的数据，判断isError来增加class属性
|
||||
if (row.isAdd) {
|
||||
return 'warning-row'
|
||||
}
|
||||
// else {
|
||||
// return 'success-row'
|
||||
// }
|
||||
return '';
|
||||
}
|
||||
/** 查询库存单据主列表 */
|
||||
function getList() {
|
||||
loading.value = true;
|
||||
listInrevoke(queryParams.value).then(response => {
|
||||
stockList.value = response.rows;
|
||||
total.value = response.total;
|
||||
loading.value = false;
|
||||
});
|
||||
}
|
||||
//判断是否需要开启审核功能
|
||||
function isAudit(){
|
||||
// {configKey:"stock.audit.enabled"}
|
||||
getAudit().then(response=>{
|
||||
// console.log(2222222)
|
||||
// console.log(response.msg)
|
||||
isExamine.value = response.msg
|
||||
})
|
||||
}
|
||||
//库位字典
|
||||
function pcodeList(){
|
||||
getKwList().then(response=>{
|
||||
kwOptions.value = response.data
|
||||
})
|
||||
}
|
||||
//所属仓库
|
||||
function warehouseFun(){
|
||||
//所属仓库下拉数据
|
||||
warehouseDict().then(response=>{
|
||||
warehouseList.value = response.data
|
||||
})
|
||||
}
|
||||
//物资类型
|
||||
function materialFun(){
|
||||
//获取物资类型下拉数据
|
||||
materialtypeDict().then(response=>{
|
||||
wzTypeList.value = response.data
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
// 表单重置
|
||||
function reset() {
|
||||
planList.value = []
|
||||
storeData.value = {}
|
||||
proxy.resetForm("stockRef");
|
||||
}
|
||||
|
||||
/** 搜索按钮操作 */
|
||||
function handleQuery() {
|
||||
|
||||
if(rkTime.value && rkTime.value.length>0){
|
||||
queryParams.value.startTime = rkTime.value[0]
|
||||
queryParams.value.endTime = rkTime.value[1]
|
||||
}else{
|
||||
queryParams.value.startTime = ""
|
||||
queryParams.value.endTime = ""
|
||||
}
|
||||
queryParams.value.pageNum = 1;
|
||||
if(printList.value.length>0){
|
||||
queryParams.value.ids = printList.value.map( item => item.id )
|
||||
}
|
||||
// console.log(queryParams.value)
|
||||
getList();
|
||||
}
|
||||
|
||||
/** 重置按钮操作 */
|
||||
function resetQuery() {
|
||||
proxy.resetForm("queryRef");
|
||||
rkTime.value = []
|
||||
// queryParams.value.startTime = ""
|
||||
// queryParams.value.endTime = ""
|
||||
handleQuery();
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/** 新增按钮操作 */
|
||||
function handleAdd() {
|
||||
reset();
|
||||
open.value = true;
|
||||
title.value = "添加库存单据";
|
||||
//获取入库类型下拉数据
|
||||
warehousingDict().then(response=>{
|
||||
storeTypeList.value = response.data
|
||||
})
|
||||
//理货员下拉数据
|
||||
personListDict().then(response=>{
|
||||
personList.value = response.data
|
||||
})
|
||||
}
|
||||
function lhyList(){
|
||||
//理货员下拉数据
|
||||
personListDict().then(response=>{
|
||||
personList.value = response.data
|
||||
})
|
||||
}
|
||||
function rklxList(){
|
||||
//获取入库类型下拉数据
|
||||
warehousingDict().then(response=>{
|
||||
storeTypeList.value = response.data
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
// function selectKw(row){
|
||||
// console.log(row)
|
||||
// }
|
||||
/** 修改按钮操作 */
|
||||
function handleUpdate(row) {
|
||||
reset();
|
||||
idEdit.value = row.id
|
||||
getStock(row.id).then(response => {
|
||||
let dataInfo = response.data
|
||||
dataInfo.isnew = true
|
||||
storeData.value.rkType = dataInfo.rkType
|
||||
storeData.value.wlType = dataInfo.wlType
|
||||
storeData.value.cangku = dataInfo.cangku
|
||||
storeData.value.lihuoY = parseInt(dataInfo.lihuoY)
|
||||
planList.value = [dataInfo]
|
||||
// form.value = response.data;
|
||||
open.value = true;
|
||||
title.value = "修改库存单据";
|
||||
});
|
||||
}
|
||||
function closeDialog(){
|
||||
idEdit.value = 0
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// 撤销入库
|
||||
const handleStockDelete = (row) => {
|
||||
// dialogDelStock.value = true
|
||||
proxy.$modal.confirm('确定撤销吗？').then(function() {
|
||||
if(row.isChuku==0){
|
||||
let data = {
|
||||
id:row.id,
|
||||
realQty:row.realQty,
|
||||
gysJhId:row.gysJhId
|
||||
}
|
||||
return wisdomDelStock(data);
|
||||
}else if(row.isChuku==1){
|
||||
return ckDelStock(row.id)
|
||||
}
|
||||
|
||||
}).then(() => {
|
||||
getList();
|
||||
proxy.$modal.msgSuccess("操作成功");
|
||||
}).catch(() => {});
|
||||
}
|
||||
|
||||
const dialogDelStock = ref(false)
|
||||
const delStockFormRef = ref(null)
|
||||
const delStockForm = ref({
|
||||
billNo:''
|
||||
})
|
||||
const delStockRules = ref({
|
||||
billNo: [{ required: true, message: '请输入单据号', trigger: ['blur'] }],
|
||||
})
|
||||
const submitDelStock = () => {
|
||||
proxy.$refs["delStockFormRef"].validate(valid => {
|
||||
if (valid){
|
||||
wisdomDelStock(delStockForm.value.billNo).then(response=>{
|
||||
if(response.code==200){
|
||||
proxy.$modal.msgSuccess("操作成功");
|
||||
//数据列表
|
||||
getList();
|
||||
dialogDelStock.value = false
|
||||
}else{
|
||||
proxy.$modal.msgError("操作失败");
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
const cancelDelStock = () => {
|
||||
dialogDelStock.value = false
|
||||
}
|
||||
/** 导出按钮操作 */
|
||||
function handleExport() {
|
||||
proxy.download('wisdom/stock/export', {
|
||||
...queryParams.value
|
||||
}, `stock_${new Date().getTime()}.xlsx`)
|
||||
}
|
||||
|
||||
//数据列表
|
||||
getList();
|
||||
//库位下拉数据
|
||||
pcodeList()
|
||||
//所属仓库
|
||||
warehouseFun()
|
||||
//物资类型
|
||||
materialFun()
|
||||
//是否开启审核
|
||||
isAudit()
|
||||
//入库类型下拉数据
|
||||
rklxList()
|
||||
//理货员下拉数据
|
||||
lhyList()
|
||||
</script>
|
||||
<style scoped>
|
||||
.el-table .warning-row {
|
||||
--el-table-tr-bg-color: var(--el-color-warning-light-9);
|
||||
}
|
||||
.el-table .success-row {
|
||||
--el-table-tr-bg-color: var(--el-color-success-light-9);
|
||||
}
|
||||
.titleBox{
|
||||
text-align: center;
|
||||
}
|
||||
.topBox{
|
||||
margin-bottom: 10px;
|
||||
display: flex;
|
||||
}
|
||||
.bottomBox{
|
||||
margin-top: 20px;
|
||||
}
|
||||
.oneLineBox{
|
||||
display: flex;
|
||||
}
|
||||
.everyBox{
|
||||
width: 30%;
|
||||
}
|
||||
.examine{
|
||||
margin-top: 20px;
|
||||
height: 100px;
|
||||
background-color: #ededed;
|
||||
padding: 20px 0 0 20px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1273,6 +1273,10 @@ const billAllObj = ref([]); // 单据数据
|
||||
const outboundList = ref([]);
|
||||
const getDetailList = (type) => {
|
||||
listOutStock(billDoubleClickObj.value.billNo).then((response) => {
|
||||
if (response.data.length == 0) {
|
||||
proxy.$modal.msgError("该条入库单暂无明细");
|
||||
return;
|
||||
}
|
||||
if (type == "bill") {
|
||||
billAllObj.value = response.data;
|
||||
dialogBill.value = true;
|
||||
|
||||
@@ -1,531 +0,0 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryRef" v-show="showSearch" label-width="90">
|
||||
<el-row >
|
||||
<el-col :span="7">
|
||||
<el-form-item label="出库时间" prop="rkTime">
|
||||
<!-- <el-date-picker clearable
|
||||
v-model="queryParams.rkTime"
|
||||
type="date"
|
||||
style="width: 100%;"
|
||||
value-format="YYYY-MM-DD"
|
||||
placeholder="请选择出库时间">
|
||||
</el-date-picker> -->
|
||||
<el-date-picker
|
||||
v-model="rkTime"
|
||||
type="datetimerange"
|
||||
start-placeholder="开始时间"
|
||||
end-placeholder="结束时间"
|
||||
format="YYYY/MM/DD HH:mm:ss"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item label="项目号" prop="xmNo">
|
||||
<el-input
|
||||
v-model="queryParams.xmNo"
|
||||
placeholder="请输入项目号"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item label="订单编号" prop="sapNo">
|
||||
<el-input
|
||||
v-model="queryParams.sapNo"
|
||||
placeholder="请输入订单编号"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<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="4">
|
||||
<el-form-item label="出库类型" prop="ckType">
|
||||
<el-select v-model="queryParams.ckType" placeholder="请选择出库类型" clearable >
|
||||
<el-option v-for="dict in storeTypeList" :key="dict.id" :label="dict.typeName" :value="dict.typeCode" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- <el-col :span="4">
|
||||
<el-form-item label="所属仓库" prop="cangku">
|
||||
<el-select v-model="queryParams.cangku" placeholder="请选择仓库" clearable >
|
||||
<el-option v-for="dict in warehouseList" :key="dict.id" :label="dict.warehouseName" :value="dict.warehouseCode" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
</el-row>
|
||||
<el-row >
|
||||
<el-col :span="7">
|
||||
<el-form-item label="项目描述" prop="xmMs">
|
||||
<el-input
|
||||
v-model="queryParams.xmMs"
|
||||
placeholder="请输入项目描述"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item label="物料号" prop="wlNo">
|
||||
<el-input
|
||||
v-model="queryParams.wlNo"
|
||||
placeholder="请输入物料号"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item label="物资类型" prop="wlType">
|
||||
<el-select v-model="queryParams.wlType" placeholder="请选择物资类型" clearable >
|
||||
<el-option v-for="dict in wzlxList" :key="dict.id" :label="dict.typeName" :value="dict.typeCode" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- <el-col :span="4">
|
||||
<el-form-item label="供应商编码" prop="gysNo">
|
||||
<el-input
|
||||
v-model="queryParams.gysNo"
|
||||
placeholder="请输入供应商编码"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
<el-col :span="4">
|
||||
<el-form-item label="库位码" prop="pcode">
|
||||
<el-input
|
||||
v-model="queryParams.pcode"
|
||||
placeholder="请输入库位码"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
/>
|
||||
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item label="物料描述" prop="wlMs">
|
||||
<el-input
|
||||
v-model="queryParams.wlMs"
|
||||
placeholder="请输入物料描述"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="7">
|
||||
<el-form-item label="供应商名称" prop="gysMc">
|
||||
<el-input
|
||||
v-model="queryParams.gysMc"
|
||||
placeholder="请输入供应商名称"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
|
||||
<!-- <el-col :span="4">
|
||||
<el-form-item label="所属仓库" prop="cangku">
|
||||
<el-select v-model="queryParams.cangku" placeholder="请选择仓库" clearable >
|
||||
<el-option v-for="dict in warehouseList" :key="dict.id" :label="dict.warehouseName" :value="dict.warehouseCode" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
<el-col :span="4">
|
||||
<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>
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
plain
|
||||
icon="Delete"
|
||||
@click="handleDel"
|
||||
>删除</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="Plus"
|
||||
@click="handleStore"
|
||||
>一键出库</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
|
||||
<el-table v-loading="loading" :data="outboundList" @selection-change="selectionChange" border show-overflow-tooltip>
|
||||
<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" width="180"/>
|
||||
<el-table-column label="订单编号" align="center" prop="sapNo" width="150"/>
|
||||
<el-table-column label="项目号" align="center" prop="xmNo" width="150"/>
|
||||
<el-table-column label="项目描述" align="center" prop="xmMs" width="150"/>
|
||||
<el-table-column label="物料号" align="center" prop="wlNo" width="100"/>
|
||||
<el-table-column label="物料描述" align="center" prop="wlMs" width="150"/>
|
||||
<el-table-column label="供应商编码" align="center" prop="gysNo" width="150"/>
|
||||
<el-table-column label="供应商名称" align="center" prop="gysMc" width="150"/>
|
||||
<el-table-column label="计划交货金额" align="center" prop="jhAmt" width="120"/>
|
||||
<el-table-column label="合同单价" align="center" prop="htDj" />
|
||||
|
||||
<!-- <el-table-column label="行号" align="center" prop="xh" /> -->
|
||||
<el-table-column label="计划交货数量" align="center" prop="jhQty" width="120"/>
|
||||
<!-- <el-table-column label="合同数量" align="center" prop="htQty" /> -->
|
||||
<el-table-column label="计量单位" align="center" prop="dw" />
|
||||
<el-table-column label="实际出库数量" align="center" prop="realQty" width="120"/>
|
||||
<el-table-column label="所属大库" align="center" prop="parentWarehouseName" width="150"/>
|
||||
<el-table-column label="所属小库" align="center" prop="warehouseName" width="150"/>
|
||||
<el-table-column label="库位码" align="center" prop="pcode" width="120"/>
|
||||
<el-table-column label="托盘码" align="center" prop="trayCode" />
|
||||
<el-table-column label="身份码" align="center" prop="entityId" width="150"/>
|
||||
<el-table-column label="出库类型" align="center" prop="ckTypeName" />
|
||||
<el-table-column label="物资类型" align="center" prop="wlTypeName" />
|
||||
<el-table-column label="出库时间" align="center" width="100">
|
||||
<template #default="scope">
|
||||
<span>{{ parseTime(scope.row.lyTime, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column label="库龄" align="center" prop="stockAge" /> -->
|
||||
<el-table-column label="理货员" align="center" prop="ckLihuoY" />
|
||||
<el-table-column label="现场图片" align="center" v-if="isExamine==1">
|
||||
<template #default="scope">
|
||||
<el-image :src="scope.row.scenePhotoUrl" style="width:50px;height: 50px;"
|
||||
:zoom-rate="1.2"
|
||||
:max-scale="7"
|
||||
:min-scale="0.2"
|
||||
:preview-src-list="srcList"
|
||||
show-progress
|
||||
:initial-index="4"
|
||||
:preview-teleported="true"
|
||||
@click="preview(scope.row.scenePhotoUrl)"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="备注" align="center" prop="ckRemark" width="150"/>
|
||||
<!-- <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width" width="130">
|
||||
<template #default="scope">
|
||||
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)">出库</el-button>
|
||||
<el-button
|
||||
link
|
||||
type="primary"
|
||||
icon="Delete"
|
||||
@click="handleStockDelete(scope.row)"
|
||||
>删除</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-dialog v-model="dialogVisible">
|
||||
<img w-full :src="dialogImageUrl" alt="Preview Image" />
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup name="outrevoke">
|
||||
import { listOutrevoke,delStore,storeFun} from "@/api/wisdom/outrevoke";
|
||||
import {listOuttype} from "@/api/information/outtype"; //出库类型
|
||||
import {listConstruction} from "@/api/information/construction"; //施工队
|
||||
import {warehouseDict} from "@/api/information/warehouseinfo"; //所属仓库
|
||||
import {materialtypeDict} from "@/api/information/materialtype"; //物资类型
|
||||
import {personListDict} from "@/api/system/user"; //理货员
|
||||
// import {getKwList} from "@/api/information/pcdedetail"; //库位下拉数据
|
||||
// import { Plus } from '@element-plus/icons-vue'
|
||||
import { getAudit} from "@/api/wisdom/stock";
|
||||
import { getToken } from "@/utils/auth";
|
||||
|
||||
|
||||
const headers = ref({
|
||||
Authorization: "Bearer " + getToken()
|
||||
});
|
||||
const { proxy } = getCurrentInstance();
|
||||
|
||||
const outboundList = ref([]);
|
||||
const open = ref(false);
|
||||
const loading = ref(true);
|
||||
const showSearch = ref(true);
|
||||
const ids = ref([]);
|
||||
const single = ref(true);
|
||||
const multiple = ref(true);
|
||||
const total = ref(0);
|
||||
const title = ref("");
|
||||
const planLoading = ref(true);
|
||||
const planList = ref([]); //从供应计划中添加列表
|
||||
const rkTime = ref([])
|
||||
const storeTypeList = ref([]); //出库类型下拉数据
|
||||
const wzTypeList = ref([]); //施工队下拉数据
|
||||
const wzlxList = ref([]) //物资类型下拉数据
|
||||
const warehouseList = ref([]) //所属仓库下拉数据
|
||||
const personList = ref([]); //理货员下拉数据
|
||||
const orderNum = ref("") //搜索条件：订单号
|
||||
const showContent = ref(false); // 控制打印内容是否显示
|
||||
const dateStr = ref("") //打印单据生成的日期
|
||||
const printList = ref([]) //要打印的数据列表
|
||||
const isExamine = ref(0) //是否需要开启审核 1开启；0不开启
|
||||
const actionUrl = import.meta.env.VITE_APP_BASE_API+"/wisdom/signature/upload"
|
||||
const dialogImageUrl = ref('')
|
||||
const dialogVisible = ref(false)
|
||||
const srcList = ref([])
|
||||
|
||||
const data = reactive({
|
||||
form: {},
|
||||
storeData:{}, //出库数据
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
isChuku:5,
|
||||
// rkTime:"", //出库时间
|
||||
lyStartTime:null,
|
||||
lyEndTime:null,
|
||||
xmNo:"",
|
||||
sapNo:"",
|
||||
billNo:"",
|
||||
ids: [],
|
||||
xmMs:"",
|
||||
wlNo:"",
|
||||
gysNo:"",
|
||||
pcode:"",
|
||||
ckType:"",
|
||||
gysMc:"",
|
||||
wlMs:"",
|
||||
wlType:"",
|
||||
cangku:""
|
||||
},
|
||||
outQueryParams:{
|
||||
xmNo:"",
|
||||
wlNo:"",
|
||||
sapNo:"",
|
||||
wlMs:"",
|
||||
xmMs:"",
|
||||
pcode:"",
|
||||
wlType:"",
|
||||
cangku:"",
|
||||
gysMc:"",
|
||||
pageNum:1,
|
||||
pageSize:50,
|
||||
isChuku:0,
|
||||
},
|
||||
rules: {
|
||||
ckType: [{ required: true, message: "出库类型不能为空", trigger: "change" }],
|
||||
teamCode: [{ required: true, message: "施工队不能为空", trigger: "change" }],
|
||||
lyTime: [{ required: true, message: "领用时间不能为空", trigger: "change" }],
|
||||
ckLihuoY: [{ required: true, message: "理货员不能为空", trigger: "change" }]
|
||||
},
|
||||
|
||||
});
|
||||
|
||||
const { queryParams, storeData, rules,form,outQueryParams } = toRefs(data);
|
||||
|
||||
//多选
|
||||
function selectionChange(selection){
|
||||
ids.value = selection.map(item => item.id)
|
||||
}
|
||||
//删除
|
||||
function handleDel(){
|
||||
if(ids.value.length==0){
|
||||
proxy.$modal.msgError("请勾选数据");
|
||||
return
|
||||
}
|
||||
// console.log(ids.value)
|
||||
// return
|
||||
delStore(ids.value).then(response=>{
|
||||
getList();
|
||||
proxy.$modal.msgSuccess("操作成功");
|
||||
})
|
||||
// console.log(ids.value)
|
||||
}
|
||||
//一键入库
|
||||
function handleStore(){
|
||||
if(ids.value.length==0){
|
||||
proxy.$modal.msgError("请勾选数据");
|
||||
return
|
||||
}
|
||||
storeFun(ids.value).then(response=>{
|
||||
getList();
|
||||
proxy.$modal.msgSuccess("操作成功");
|
||||
})
|
||||
}
|
||||
|
||||
function preview(url){
|
||||
srcList.value = [url]
|
||||
}
|
||||
//预览图片
|
||||
function handlePreview(uploadFile){
|
||||
// console.log(222222)
|
||||
// console.log(res)
|
||||
dialogImageUrl.value = uploadFile.response.url
|
||||
dialogVisible.value = true
|
||||
}
|
||||
|
||||
|
||||
/** 查询库存单据主列表 */
|
||||
function getList() {
|
||||
loading.value = true;
|
||||
listOutrevoke(queryParams.value).then(response => {
|
||||
outboundList.value = response.rows;
|
||||
total.value = response.total;
|
||||
loading.value = false;
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
// 表单重置
|
||||
function reset() {
|
||||
planList.value = []
|
||||
storeData.value = {}
|
||||
orderNum.value = ""
|
||||
proxy.resetForm("stockRef");
|
||||
}
|
||||
|
||||
/** 搜索按钮操作 */
|
||||
function handleQuery() {
|
||||
if(rkTime.value && rkTime.value.length>0){
|
||||
queryParams.value.lyStartTime = rkTime.value[0]
|
||||
queryParams.value.lyEndTime = rkTime.value[1]
|
||||
}else{
|
||||
queryParams.value.lyStartTime = ""
|
||||
queryParams.value.lyEndTime = ""
|
||||
}
|
||||
queryParams.value.pageNum = 1;
|
||||
getList();
|
||||
}
|
||||
|
||||
/** 重置按钮操作 */
|
||||
function resetQuery() {
|
||||
proxy.resetForm("queryRef");
|
||||
rkTime.value = []
|
||||
handleQuery();
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/** 新增按钮操作 */
|
||||
function handleAdd() {
|
||||
reset();
|
||||
open.value = true;
|
||||
title.value = "添加出库单据";
|
||||
//获取出库类型下拉数据
|
||||
listOuttype({pageNum:1,pageSize:50}).then(response=>{
|
||||
storeTypeList.value = response.rows
|
||||
})
|
||||
//获取施工队下拉数据
|
||||
listConstruction({pageNum:1,pageSize:50}).then(response=>{
|
||||
wzTypeList.value = response.rows
|
||||
})
|
||||
|
||||
//理货员下拉数据
|
||||
personListDict().then(response=>{
|
||||
personList.value = response.data
|
||||
})
|
||||
//物资类型下拉数据
|
||||
materialtypeDict().then(response=>{
|
||||
wzlxList.value = response.data
|
||||
})
|
||||
//所属仓库下拉数据
|
||||
warehouseDict().then(response=>{
|
||||
warehouseList.value = response.data
|
||||
})
|
||||
|
||||
}
|
||||
//物资类型下拉数据
|
||||
function wzTypeFun(){
|
||||
materialtypeDict().then(response=>{
|
||||
wzlxList.value = response.data
|
||||
})
|
||||
}
|
||||
//所属仓库下拉数据
|
||||
function cangkuFun(){
|
||||
warehouseDict().then(response=>{
|
||||
warehouseList.value = response.data
|
||||
})
|
||||
}
|
||||
function ckTypeFun(){
|
||||
listOuttype({pageNum:1,pageSize:50}).then(response=>{
|
||||
storeTypeList.value = response.rows
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
//判断是否需要开启审核功能
|
||||
function isAudit(){
|
||||
// {configKey:"stock.audit.enabled"}
|
||||
getAudit().then(response=>{
|
||||
// console.log(2222222)
|
||||
// console.log(response.msg)
|
||||
isExamine.value = response.msg
|
||||
})
|
||||
}
|
||||
isAudit()
|
||||
getList();
|
||||
ckTypeFun()
|
||||
wzTypeFun()
|
||||
cangkuFun()
|
||||
</script>
|
||||
<style>
|
||||
.el-table .warning-row {
|
||||
--el-table-tr-bg-color: var(--el-color-warning-light-9);
|
||||
}
|
||||
.el-table .success-row {
|
||||
--el-table-tr-bg-color: var(--el-color-success-light-9);
|
||||
}
|
||||
.titleBox{
|
||||
text-align: center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.topBox{
|
||||
display: flex;
|
||||
}
|
||||
.topEveryBox{
|
||||
width: 30%;
|
||||
}
|
||||
.tableBox{
|
||||
margin-top: 10px;
|
||||
}
|
||||
.oneLineBox{
|
||||
display: flex;
|
||||
}
|
||||
.everyBox{
|
||||
width: 25%;
|
||||
}
|
||||
.bottomBox{
|
||||
margin-top: 10px;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user