refactor(wms): 移除未使用的采购计划相关组件和代码
清理未使用的采购计划面板组件(RecommendPurchasePanel, clac, merger, CreatePurchasePanel, transfer, stockin)及相关代码 移除未使用的采购计划明细API导入 删除未使用的供应商、产品BOM和库存流水视图文件
This commit is contained in:
砂糖
@@ -1,291 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="app-container">
|
|
||||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
|
||||||
<el-form-item label="存储位置" prop="warehouseId">
|
|
||||||
<WarehouseSelect v-model="queryParams.warehouseId" placeholder="请选择仓库/库区/库位" clearable @change="getList" />
|
|
||||||
</el-form-item>
|
|
||||||
<MaterialSelect :itemType.sync="queryParams.itemType" :itemId.sync="queryParams.itemId" @change="getList" />
|
|
||||||
|
|
||||||
<el-form-item label="变动时间" prop="changeTime">
|
|
||||||
<el-date-picker
|
|
||||||
clearable
|
|
||||||
v-model="queryParams.changeTime"
|
|
||||||
type="daterange"
|
|
||||||
value-format="yyyy-MM-dd"
|
|
||||||
placeholder="请选择实际库存变动时间">
|
|
||||||
</el-date-picker>
|
|
||||||
</el-form-item>
|
|
||||||
|
|
||||||
<el-form-item label="批次号" prop="batchNo">
|
|
||||||
<el-input v-model="queryParams.batchNo" placeholder="请输入批次号" />
|
|
||||||
</el-form-item>
|
|
||||||
|
|
||||||
<el-form-item>
|
|
||||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
|
||||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
|
|
||||||
<el-row :gutter="10" class="mb8">
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="warning"
|
|
||||||
plain
|
|
||||||
icon="el-icon-download"
|
|
||||||
size="mini"
|
|
||||||
@click="handleExport"
|
|
||||||
>导出</el-button>
|
|
||||||
</el-col>
|
|
||||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<KLPTable v-loading="loading" :data="stockLogList" @selection-change="handleSelectionChange">
|
|
||||||
<el-table-column type="selection" width="55" align="center" />
|
|
||||||
<el-table-column label="存储位置" align="center" prop="warehouseName" />
|
|
||||||
<el-table-column label="物品ID" align="center" prop="itemId">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<RawMaterialInfo v-if="scope.row.itemType == 'raw_material'" :material-id="scope.row.itemId" />
|
|
||||||
<ProductInfo v-else-if="scope.row.itemType == 'product' || scope.row.itemType == 'semi'" :product-id="scope.row.itemId" />
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="物品类型" align="center" prop="itemType">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<dict-tag :options="dict.type.stock_item_type" :value="scope.row.itemType" />
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="变动数量" align="center" prop="changeQty" />
|
|
||||||
<el-table-column label="变动后的库存数量" align="center" prop="afterQty" />
|
|
||||||
<el-table-column label="变动类型" align="center" prop="changeType" />
|
|
||||||
<el-table-column label="库存数量变动时间" align="center" prop="changeTime" width="180">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span>{{ parseTime(scope.row.changeTime, '{y}-{m}-{d}') }}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="批次号" align="center" prop="batchNo" />
|
|
||||||
<el-table-column label="备注" align="center" prop="remark" />
|
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-edit"
|
|
||||||
@click="handleUpdate(scope.row)"
|
|
||||||
>修改</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</KLPTable>
|
|
||||||
|
|
||||||
<pagination
|
|
||||||
v-show="total>0"
|
|
||||||
:total="total"
|
|
||||||
:page.sync="queryParams.pageNum"
|
|
||||||
:limit.sync="queryParams.pageSize"
|
|
||||||
@pagination="getList"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- 添加或修改库存流水对话框 -->
|
|
||||||
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
||||||
<el-form-item label="存储位置" prop="warehouseId" disabled>
|
|
||||||
<el-input v-model="form.warehouseId" placeholder="请输入仓库/库区/库位ID" disabled />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="物品信息" prop="itemId" disabled>
|
|
||||||
<RawMaterialInfo v-if="form.itemType == 'raw_material'" :material-id="form.itemId" />
|
|
||||||
<ProductInfo v-else-if="form.itemType == 'product' || form.itemType == 'semi'" :product-id="form.itemId" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="变动数量" prop="changeQty" disabled>
|
|
||||||
<el-input v-model="form.changeQty" placeholder="请输入变动数量" disabled />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="库存数量" prop="afterQty" disabled>
|
|
||||||
<el-input v-model="form.afterQty" placeholder="请输入变动后的库存数量" disabled />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="变动时间" prop="changeTime" disabled>
|
|
||||||
<el-date-picker clearable
|
|
||||||
v-model="form.changeTime"
|
|
||||||
type="datetime"
|
|
||||||
value-format="yyyy-MM-dd HH:mm:ss"
|
|
||||||
placeholder="请选择实际库存变动时间" disabled>
|
|
||||||
</el-date-picker>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="批次号" prop="batchNo">
|
|
||||||
<el-input v-model="form.batchNo" placeholder="请输入批次号" disabled/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="备注" prop="remark">
|
|
||||||
<el-input v-model="form.remark" placeholder="请输入备注" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<div slot="footer" class="dialog-footer">
|
|
||||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
|
|
||||||
<el-button @click="cancel">取 消</el-button>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { listStockLog, getStockLog, updateStockLog } from "@/api/wms/stockLog";
|
|
||||||
import WarehouseSelect from '@/components/KLPService/WarehouseSelect/index.vue';
|
|
||||||
import RawMaterialSelect from '@/components/KLPService/RawMaterialSelect/index.vue';
|
|
||||||
import ProductSelect from '@/components/KLPService/ProductSelect/index.vue';
|
|
||||||
import SemiSelect from '@/components/KLPService/SemiSelect/index.vue';
|
|
||||||
import RawMaterialInfo from '@/components/KLPService/Renderer/RawMaterialInfo.vue';
|
|
||||||
import ProductInfo from '@/components/KLPService/Renderer/ProductInfo.vue';
|
|
||||||
import MaterialSelect from '@/components/KLPService/MaterialSelect/index.vue';
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: "StockLog",
|
|
||||||
components: {
|
|
||||||
WarehouseSelect,
|
|
||||||
RawMaterialSelect,
|
|
||||||
ProductSelect,
|
|
||||||
RawMaterialInfo,
|
|
||||||
ProductInfo,
|
|
||||||
SemiSelect,
|
|
||||||
MaterialSelect
|
|
||||||
},
|
|
||||||
dicts: ['stock_item_type'],
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
// 按钮loading
|
|
||||||
buttonLoading: false,
|
|
||||||
// 遮罩层
|
|
||||||
loading: true,
|
|
||||||
// 选中数组
|
|
||||||
ids: [],
|
|
||||||
// 非单个禁用
|
|
||||||
single: true,
|
|
||||||
// 非多个禁用
|
|
||||||
multiple: true,
|
|
||||||
// 显示搜索条件
|
|
||||||
showSearch: true,
|
|
||||||
// 总条数
|
|
||||||
total: 0,
|
|
||||||
// 库存流水表格数据
|
|
||||||
stockLogList: [],
|
|
||||||
// 弹出层标题
|
|
||||||
title: "",
|
|
||||||
// 是否显示弹出层
|
|
||||||
open: false,
|
|
||||||
// 查询参数
|
|
||||||
queryParams: {
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 20,
|
|
||||||
warehouseId: undefined,
|
|
||||||
itemId: undefined,
|
|
||||||
itemType: undefined,
|
|
||||||
changeQty: undefined,
|
|
||||||
afterQty: undefined,
|
|
||||||
changeType: undefined,
|
|
||||||
changeTime: undefined,
|
|
||||||
batchNo: undefined,
|
|
||||||
},
|
|
||||||
// 表单参数
|
|
||||||
form: {},
|
|
||||||
// 表单校验
|
|
||||||
rules: {
|
|
||||||
}
|
|
||||||
};
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
const itemId = this.$route.query.itemId;
|
|
||||||
const itemType = this.$route.query.itemType;
|
|
||||||
if (itemId && itemType) {
|
|
||||||
this.queryParams.itemId = itemId;
|
|
||||||
this.queryParams.itemType = itemType;
|
|
||||||
}
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
/** 查询库存流水列表 */
|
|
||||||
getList() {
|
|
||||||
this.loading = true;
|
|
||||||
const { changeTime, ...payload } = {
|
|
||||||
...this.queryParams,
|
|
||||||
startTime: this.queryParams.changeTime ? this.queryParams.changeTime[0] + ' 00:00:00' : undefined,
|
|
||||||
endTime: this.queryParams.changeTime ? this.queryParams.changeTime[1] + ' 23:59:59' : undefined
|
|
||||||
}
|
|
||||||
listStockLog(payload).then(response => {
|
|
||||||
this.stockLogList = response.rows;
|
|
||||||
this.total = response.total;
|
|
||||||
this.loading = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 取消按钮
|
|
||||||
cancel() {
|
|
||||||
this.open = false;
|
|
||||||
this.reset();
|
|
||||||
},
|
|
||||||
// 表单重置
|
|
||||||
reset() {
|
|
||||||
this.form = {
|
|
||||||
id: undefined,
|
|
||||||
warehouseId: undefined,
|
|
||||||
itemId: undefined,
|
|
||||||
itemType: undefined,
|
|
||||||
changeQty: undefined,
|
|
||||||
afterQty: undefined,
|
|
||||||
changeType: undefined,
|
|
||||||
changeTime: undefined,
|
|
||||||
remark: undefined,
|
|
||||||
createTime: undefined,
|
|
||||||
createBy: undefined,
|
|
||||||
updateTime: undefined,
|
|
||||||
updateBy: undefined,
|
|
||||||
delFlag: undefined
|
|
||||||
};
|
|
||||||
this.resetForm("form");
|
|
||||||
},
|
|
||||||
/** 搜索按钮操作 */
|
|
||||||
handleQuery() {
|
|
||||||
this.queryParams.pageNum = 1;
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
/** 重置按钮操作 */
|
|
||||||
resetQuery() {
|
|
||||||
this.resetForm("queryForm");
|
|
||||||
this.handleQuery();
|
|
||||||
},
|
|
||||||
// 多选框选中数据
|
|
||||||
handleSelectionChange(selection) {
|
|
||||||
this.ids = selection.map(item => item.id)
|
|
||||||
this.single = selection.length!==1
|
|
||||||
this.multiple = !selection.length
|
|
||||||
},
|
|
||||||
/** 修改按钮操作 */
|
|
||||||
handleUpdate(row) {
|
|
||||||
this.loading = true;
|
|
||||||
this.reset();
|
|
||||||
const id = row.id || this.ids
|
|
||||||
getStockLog(id).then(response => {
|
|
||||||
this.loading = false;
|
|
||||||
this.form = response.data;
|
|
||||||
this.open = true;
|
|
||||||
this.title = "修改库存流水";
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 提交按钮 */
|
|
||||||
submitForm() {
|
|
||||||
this.$refs["form"].validate(valid => {
|
|
||||||
if (valid) {
|
|
||||||
this.buttonLoading = true;
|
|
||||||
if (this.form.id != null) {
|
|
||||||
updateStockLog(this.form).then(response => {
|
|
||||||
this.$modal.msgSuccess("修改成功");
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
}).finally(() => {
|
|
||||||
this.buttonLoading = false;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 导出按钮操作 */
|
|
||||||
handleExport() {
|
|
||||||
this.download('klp/stockLog/export', {
|
|
||||||
...this.queryParams
|
|
||||||
}, `stockLog_${new Date().getTime()}.xlsx`)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
@@ -40,7 +40,6 @@ import { listStockIoDetail } from '@/api/wms/stockIoDetail';
|
|||||||
import { listOrder } from '@/api/wms/order';
|
import { listOrder } from '@/api/wms/order';
|
||||||
import { listOrderDetail } from '@/api/wms/orderDetail';
|
import { listOrderDetail } from '@/api/wms/orderDetail';
|
||||||
import { listPurchasePlan } from '@/api/wms/purchasePlan';
|
import { listPurchasePlan } from '@/api/wms/purchasePlan';
|
||||||
import { listPurchasePlanDetail } from '@/api/wms/purchasePlanDetail';
|
|
||||||
import { mapState } from 'vuex';
|
import { mapState } from 'vuex';
|
||||||
import { ITEM_TYPE } from '../../../utils/enums';
|
import { ITEM_TYPE } from '../../../utils/enums';
|
||||||
|
|
||||||
|
|||||||
@@ -1,311 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="app-container">
|
|
||||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="50px">
|
|
||||||
<el-form-item label="产品" prop="productId">
|
|
||||||
<ProductSelect v-model="queryParams.productId" placeholder="请选择产品" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="原材料" prop="rawMaterialId">
|
|
||||||
<RawMaterialSelect v-model="queryParams.rawMaterialId" placeholder="请选择原材料" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="单位" prop="unit">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.unit"
|
|
||||||
placeholder="请输入单位"
|
|
||||||
clearable
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item>
|
|
||||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
|
||||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
|
|
||||||
<el-row :gutter="10" class="mb8">
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
plain
|
|
||||||
icon="el-icon-plus"
|
|
||||||
size="mini"
|
|
||||||
@click="handleAdd"
|
|
||||||
>新增</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="success"
|
|
||||||
plain
|
|
||||||
icon="el-icon-edit"
|
|
||||||
size="mini"
|
|
||||||
:disabled="single"
|
|
||||||
@click="handleUpdate"
|
|
||||||
>修改</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="danger"
|
|
||||||
plain
|
|
||||||
icon="el-icon-delete"
|
|
||||||
size="mini"
|
|
||||||
:disabled="multiple"
|
|
||||||
@click="handleDelete"
|
|
||||||
>删除</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="warning"
|
|
||||||
plain
|
|
||||||
icon="el-icon-download"
|
|
||||||
size="mini"
|
|
||||||
@click="handleExport"
|
|
||||||
>导出</el-button>
|
|
||||||
</el-col>
|
|
||||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<KLPTable v-loading="loading" :data="productBomList" @selection-change="handleSelectionChange">
|
|
||||||
<el-table-column type="selection" width="55" align="center" />
|
|
||||||
<el-table-column label="产品" align="center" prop="productName">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<ProductInfo :productId="scope.row.productId" />
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="原材料" align="center" prop="rawMaterialName">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<RawMaterialInfo :materialId="scope.row.rawMaterialId" />
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="原材料数量" align="center" prop="quantity" />
|
|
||||||
<el-table-column label="单位" align="center" prop="unit" />
|
|
||||||
<el-table-column label="备注" align="center" prop="remark" />
|
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-edit"
|
|
||||||
@click="handleUpdate(scope.row)"
|
|
||||||
>修改</el-button>
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-delete"
|
|
||||||
@click="handleDelete(scope.row)"
|
|
||||||
>删除</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</KLPTable>
|
|
||||||
|
|
||||||
<pagination
|
|
||||||
v-show="total>0"
|
|
||||||
:total="total"
|
|
||||||
:page.sync="queryParams.pageNum"
|
|
||||||
:limit.sync="queryParams.pageSize"
|
|
||||||
@pagination="getList"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- 添加或修改产品参数（产品-原材料清单）对话框 -->
|
|
||||||
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
|
|
||||||
<el-form-item label="产品" prop="productId">
|
|
||||||
<ProductSelect v-model="form.productId" placeholder="请选择产品" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="原材料" prop="rawMaterialId">
|
|
||||||
<RawMaterialSelect v-model="form.rawMaterialId" placeholder="请选择原材料" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="原材料数量" prop="quantity">
|
|
||||||
<el-input v-model="form.quantity" placeholder="请输入每个产品所需原材料数量" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="单位" prop="unit">
|
|
||||||
<el-input v-model="form.unit" placeholder="请输入单位" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="备注" prop="remark">
|
|
||||||
<el-input v-model="form.remark" placeholder="请输入备注" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<div slot="footer" class="dialog-footer">
|
|
||||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
|
|
||||||
<el-button @click="cancel">取 消</el-button>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { listProductBom, getProductBom, delProductBom, addProductBom, updateProductBom } from "@/api/wms/productBom";
|
|
||||||
import ProductSelect from "@/components/KLPService/ProductSelect";
|
|
||||||
import RawMaterialSelect from "@/components/KLPService/RawMaterialSelect";
|
|
||||||
import ProductInfo from "@/components/KLPService/Renderer/ProductInfo";
|
|
||||||
import RawMaterialInfo from "@/components/KLPService/Renderer/RawMaterialInfo";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: "ProductBom",
|
|
||||||
components: {
|
|
||||||
ProductSelect,
|
|
||||||
RawMaterialSelect,
|
|
||||||
ProductInfo,
|
|
||||||
RawMaterialInfo
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
// 按钮loading
|
|
||||||
buttonLoading: false,
|
|
||||||
// 遮罩层
|
|
||||||
loading: true,
|
|
||||||
// 选中数组
|
|
||||||
ids: [],
|
|
||||||
// 非单个禁用
|
|
||||||
single: true,
|
|
||||||
// 非多个禁用
|
|
||||||
multiple: true,
|
|
||||||
// 显示搜索条件
|
|
||||||
showSearch: true,
|
|
||||||
// 总条数
|
|
||||||
total: 0,
|
|
||||||
// 产品参数（产品-原材料清单）表格数据
|
|
||||||
productBomList: [],
|
|
||||||
// 弹出层标题
|
|
||||||
title: "",
|
|
||||||
// 是否显示弹出层
|
|
||||||
open: false,
|
|
||||||
// 查询参数
|
|
||||||
queryParams: {
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 20,
|
|
||||||
productId: undefined,
|
|
||||||
rawMaterialId: undefined,
|
|
||||||
quantity: undefined,
|
|
||||||
unit: undefined,
|
|
||||||
},
|
|
||||||
// 表单参数
|
|
||||||
form: {},
|
|
||||||
// 表单校验
|
|
||||||
rules: {
|
|
||||||
productId: [
|
|
||||||
{ required: true, message: "产品ID不能为空", trigger: "blur" }
|
|
||||||
],
|
|
||||||
rawMaterialId: [
|
|
||||||
{ required: true, message: "原材料ID不能为空", trigger: "blur" }
|
|
||||||
],
|
|
||||||
quantity: [
|
|
||||||
{ required: true, message: "每个产品所需原材料数量不能为空", trigger: "blur" }
|
|
||||||
],
|
|
||||||
unit: [
|
|
||||||
{ required: true, message: "单位不能为空", trigger: "blur" }
|
|
||||||
],
|
|
||||||
}
|
|
||||||
};
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
/** 查询产品参数（产品-原材料清单）列表 */
|
|
||||||
getList() {
|
|
||||||
this.loading = true;
|
|
||||||
listProductBom(this.queryParams).then(response => {
|
|
||||||
this.productBomList = response.rows;
|
|
||||||
this.total = response.total;
|
|
||||||
this.loading = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 取消按钮
|
|
||||||
cancel() {
|
|
||||||
this.open = false;
|
|
||||||
this.reset();
|
|
||||||
},
|
|
||||||
// 表单重置
|
|
||||||
reset() {
|
|
||||||
this.form = {
|
|
||||||
bomId: undefined,
|
|
||||||
productId: undefined,
|
|
||||||
rawMaterialId: undefined,
|
|
||||||
quantity: undefined,
|
|
||||||
unit: undefined,
|
|
||||||
remark: undefined
|
|
||||||
};
|
|
||||||
this.resetForm("form");
|
|
||||||
},
|
|
||||||
/** 搜索按钮操作 */
|
|
||||||
handleQuery() {
|
|
||||||
this.queryParams.pageNum = 1;
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
/** 重置按钮操作 */
|
|
||||||
resetQuery() {
|
|
||||||
this.resetForm("queryForm");
|
|
||||||
this.handleQuery();
|
|
||||||
},
|
|
||||||
// 多选框选中数据
|
|
||||||
handleSelectionChange(selection) {
|
|
||||||
this.ids = selection.map(item => item.bomId)
|
|
||||||
this.single = selection.length!==1
|
|
||||||
this.multiple = !selection.length
|
|
||||||
},
|
|
||||||
/** 新增按钮操作 */
|
|
||||||
handleAdd() {
|
|
||||||
this.reset();
|
|
||||||
this.open = true;
|
|
||||||
this.title = "添加产品参数（产品-原材料清单）";
|
|
||||||
},
|
|
||||||
/** 修改按钮操作 */
|
|
||||||
handleUpdate(row) {
|
|
||||||
this.loading = true;
|
|
||||||
this.reset();
|
|
||||||
const bomId = row.bomId || this.ids
|
|
||||||
getProductBom(bomId).then(response => {
|
|
||||||
this.loading = false;
|
|
||||||
this.form = response.data;
|
|
||||||
this.open = true;
|
|
||||||
this.title = "修改产品参数（产品-原材料清单）";
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 提交按钮 */
|
|
||||||
submitForm() {
|
|
||||||
this.$refs["form"].validate(valid => {
|
|
||||||
if (valid) {
|
|
||||||
this.buttonLoading = true;
|
|
||||||
if (this.form.bomId != null) {
|
|
||||||
updateProductBom(this.form).then(response => {
|
|
||||||
this.$modal.msgSuccess("修改成功");
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
}).finally(() => {
|
|
||||||
this.buttonLoading = false;
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
addProductBom(this.form).then(response => {
|
|
||||||
this.$modal.msgSuccess("新增成功");
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
}).finally(() => {
|
|
||||||
this.buttonLoading = false;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 删除按钮操作 */
|
|
||||||
handleDelete(row) {
|
|
||||||
const bomIds = row.bomId || this.ids;
|
|
||||||
this.$modal.confirm('是否确认删除产品参数（产品-原材料清单）编号为"' + bomIds + '"的数据项？').then(() => {
|
|
||||||
this.loading = true;
|
|
||||||
return delProductBom(bomIds);
|
|
||||||
}).then(() => {
|
|
||||||
this.loading = false;
|
|
||||||
this.getList();
|
|
||||||
this.$modal.msgSuccess("删除成功");
|
|
||||||
}).catch(() => {
|
|
||||||
}).finally(() => {
|
|
||||||
this.loading = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 导出按钮操作 */
|
|
||||||
handleExport() {
|
|
||||||
this.download('wms/productBom/export', {
|
|
||||||
...this.queryParams
|
|
||||||
}, `productBom_${new Date().getTime()}.xlsx`)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
@@ -1,544 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="app-container">
|
|
||||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="120px">
|
|
||||||
<el-form-item label="采购计划编号" prop="planCode">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.planCode"
|
|
||||||
placeholder="请输入采购计划编号"
|
|
||||||
clearable
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="负责人" prop="owner">
|
|
||||||
<el-input v-model="queryParams.owner" :multiple="false" placeholder="请选择负责人" clearable />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="关联订单ID" prop="orderId">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.orderId"
|
|
||||||
placeholder="请输入关联订单ID"
|
|
||||||
clearable
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item>
|
|
||||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
|
||||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
|
|
||||||
<el-row :gutter="10" class="mb8">
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
plain
|
|
||||||
icon="el-icon-plus"
|
|
||||||
size="mini"
|
|
||||||
@click="handleAdd"
|
|
||||||
>新增</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="success"
|
|
||||||
plain
|
|
||||||
icon="el-icon-edit"
|
|
||||||
size="mini"
|
|
||||||
:disabled="single"
|
|
||||||
@click="handleUpdate"
|
|
||||||
>修改</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="danger"
|
|
||||||
plain
|
|
||||||
icon="el-icon-delete"
|
|
||||||
size="mini"
|
|
||||||
:disabled="multiple"
|
|
||||||
@click="handleDelete"
|
|
||||||
>删除</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="warning"
|
|
||||||
plain
|
|
||||||
icon="el-icon-download"
|
|
||||||
size="mini"
|
|
||||||
@click="handleExport"
|
|
||||||
>导出</el-button>
|
|
||||||
</el-col>
|
|
||||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<KLPTable v-loading="loading" :data="purchasePlanList" @selection-change="handleSelectionChange">
|
|
||||||
<el-table-column type="selection" width="55" align="center" />
|
|
||||||
<el-table-column label="采购计划编号" align="center" prop="planCode" />
|
|
||||||
<el-table-column label="负责人" align="center" prop="owner" />
|
|
||||||
<!-- <el-table-column label="关联订单ID" align="center" prop="orderId" /> -->
|
|
||||||
<!-- <el-table-column label="状态" align="center" prop="status" /> -->
|
|
||||||
<el-table-column label="备注" align="center" prop="remark" />
|
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-document"
|
|
||||||
@click="handleAccessory(scope.row)"
|
|
||||||
>附件</el-button>
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-view"
|
|
||||||
@click="handleDetail(scope.row)"
|
|
||||||
>详情</el-button>
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-edit"
|
|
||||||
@click="handleUpdate(scope.row)"
|
|
||||||
>修改</el-button>
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-delete"
|
|
||||||
@click="handleDelete(scope.row)"
|
|
||||||
>删除</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</KLPTable>
|
|
||||||
|
|
||||||
<pagination
|
|
||||||
v-show="total>0"
|
|
||||||
:total="total"
|
|
||||||
:page.sync="queryParams.pageNum"
|
|
||||||
:limit.sync="queryParams.pageSize"
|
|
||||||
@pagination="getList"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- 添加或修改采购计划主对话框 -->
|
|
||||||
<el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
|
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
|
|
||||||
<el-form-item label="采购计划编号" prop="planCode">
|
|
||||||
<el-input v-model="form.planCode" placeholder="请输入采购计划编号" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="负责人" prop="owner">
|
|
||||||
<el-input v-model="form.owner" :multiple="false" placeholder="请选择负责人" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="关联订单ID" prop="orderId">
|
|
||||||
<el-input v-model="form.orderId" placeholder="请输入关联订单ID" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="备注" prop="remark">
|
|
||||||
<el-input v-model="form.remark" placeholder="请输入备注" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<div slot="footer" class="dialog-footer">
|
|
||||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
|
|
||||||
<el-button @click="cancel">取 消</el-button>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
|
|
||||||
<!-- 订单选择弹窗 -->
|
|
||||||
<el-dialog title="选择订单" :visible.sync="orderSelectOpen" width="800px" append-to-body>
|
|
||||||
<el-form :model="orderQueryParams" ref="orderQueryForm" size="small" :inline="true" label-width="80px">
|
|
||||||
<el-form-item label="订单编号" prop="orderCode">
|
|
||||||
<el-input
|
|
||||||
v-model="orderQueryParams.orderCode"
|
|
||||||
placeholder="请输入订单编号"
|
|
||||||
clearable
|
|
||||||
@keyup.enter.native="handleOrderQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="客户名称" prop="customerName">
|
|
||||||
<el-input
|
|
||||||
v-model="orderQueryParams.customerName"
|
|
||||||
placeholder="请输入客户名称"
|
|
||||||
clearable
|
|
||||||
@keyup.enter.native="handleOrderQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="销售经理" prop="salesManager">
|
|
||||||
<el-input v-model="orderQueryParams.salesManager" :multiple="false" placeholder="请选择销售经理" clearable />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="订单状态" prop="orderStatus">
|
|
||||||
<el-select v-model="orderQueryParams.orderStatus" placeholder="请选择订单状态" clearable>
|
|
||||||
<el-option
|
|
||||||
v-for="dict in dict.type.order_status"
|
|
||||||
:key="dict.value"
|
|
||||||
:label="dict.label"
|
|
||||||
:value="dict.value"
|
|
||||||
/>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item>
|
|
||||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleOrderQuery">搜索</el-button>
|
|
||||||
<el-button icon="el-icon-refresh" size="mini" @click="resetOrderQuery">重置</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
|
|
||||||
<KLPTable v-loading="orderLoading" :data="orderList" @row-click="handleOrderSelect" style="cursor: pointer;">
|
|
||||||
<el-table-column label="订单编号" align="center" prop="orderCode" />
|
|
||||||
<el-table-column label="客户名称" align="center" prop="customerName" />
|
|
||||||
<el-table-column label="销售经理" align="center" prop="salesManager" />
|
|
||||||
<el-table-column label="备注" align="center" prop="remark" />
|
|
||||||
<el-table-column label="创建时间" align="center" prop="createTime" width="180" />
|
|
||||||
</KLPTable>
|
|
||||||
|
|
||||||
<pagination
|
|
||||||
v-show="orderTotal>0"
|
|
||||||
:total="orderTotal"
|
|
||||||
:page.sync="orderQueryParams.pageNum"
|
|
||||||
:limit.sync="orderQueryParams.pageSize"
|
|
||||||
@pagination="getOrderList"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<div slot="footer" class="dialog-footer">
|
|
||||||
<el-button @click="orderSelectOpen = false">取 消</el-button>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
|
|
||||||
<!-- 推荐采购计划弹窗 -->
|
|
||||||
<el-dialog title="推荐采购计划" :visible.sync="recommendOpen" width="1200px" append-to-body>
|
|
||||||
<div v-if="selectedOrderId">
|
|
||||||
<p style="margin-bottom: 20px; color: #666;">
|
|
||||||
当前选择订单ID: <strong>{{ selectedOrderId }}</strong>
|
|
||||||
<el-button type="text" @click="handleReSelectOrder" style="margin-left: 10px;">重新选择订单</el-button>
|
|
||||||
</p>
|
|
||||||
<PurchasePlanClac
|
|
||||||
:orderId="selectedOrderId"
|
|
||||||
@confirm="handleRecommendConfirm"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div slot="footer" class="dialog-footer">
|
|
||||||
<el-button @click="recommendOpen = false">取 消</el-button>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
|
|
||||||
<!-- 采购计划详情弹窗 -->
|
|
||||||
<el-dialog title="采购计划详情" :visible.sync="detailOpen" width="1400px" append-to-body>
|
|
||||||
<div v-if="selectedPlanId">
|
|
||||||
<p style="margin-bottom: 20px; color: #666;">
|
|
||||||
当前采购计划ID: <strong>{{ selectedPlanId }}</strong>
|
|
||||||
</p>
|
|
||||||
<PurchasePlanDetail
|
|
||||||
ref="purchasePlanDetail"
|
|
||||||
:planId="selectedPlanId"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div slot="footer" class="dialog-footer">
|
|
||||||
<el-button @click="detailOpen = false">关 闭</el-button>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
|
|
||||||
<!-- 新增采购计划底部抽屉 -->
|
|
||||||
<el-drawer
|
|
||||||
title="新增采购计划"
|
|
||||||
:visible.sync="addDrawerOpen"
|
|
||||||
direction="btt"
|
|
||||||
size="98%"
|
|
||||||
:with-header="true"
|
|
||||||
:wrapperClosable="false"
|
|
||||||
custom-class="purchase-drawer"
|
|
||||||
append-to-body
|
|
||||||
mask-closable="false"
|
|
||||||
>
|
|
||||||
<Transfer
|
|
||||||
:order-id="''"
|
|
||||||
:recommend-data="{}"
|
|
||||||
@confirm="onAddConfirm"
|
|
||||||
/>
|
|
||||||
</el-drawer>
|
|
||||||
|
|
||||||
<el-dialog title="附件查看" :visible.sync="accessoryOpen" width="800px" append-to-body>
|
|
||||||
<FileUpload v-model="accessory" @success="handleAccessorySuccess" />
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { listPurchasePlan, getPurchasePlan, delPurchasePlan, addPurchasePlan, updatePurchasePlan } from "@/api/wms/purchasePlan";
|
|
||||||
import { listOrder } from "@/api/wms/order";
|
|
||||||
import PurchasePlanClac from "./panels/clac.vue";
|
|
||||||
import PurchasePlanDetail from "./panels/detail.vue";
|
|
||||||
import { EOrderStatus } from "../../../utils/enums";
|
|
||||||
import UserSelect from '@/components/KLPService/UserSelect'
|
|
||||||
import Transfer from './panels/transfer.vue'
|
|
||||||
import FileUpload from '@/components/FileUpload'
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: "PurchasePlan",
|
|
||||||
components: {
|
|
||||||
PurchasePlanClac,
|
|
||||||
PurchasePlanDetail,
|
|
||||||
UserSelect,
|
|
||||||
Transfer,
|
|
||||||
FileUpload,
|
|
||||||
},
|
|
||||||
dicts: ['order_status'],
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
// 按钮loading
|
|
||||||
buttonLoading: false,
|
|
||||||
// 遮罩层
|
|
||||||
loading: true,
|
|
||||||
// 选中数组
|
|
||||||
ids: [],
|
|
||||||
// 非单个禁用
|
|
||||||
single: true,
|
|
||||||
// 非多个禁用
|
|
||||||
multiple: true,
|
|
||||||
// 显示搜索条件
|
|
||||||
showSearch: true,
|
|
||||||
// 总条数
|
|
||||||
total: 0,
|
|
||||||
// 采购计划主表格数据
|
|
||||||
purchasePlanList: [],
|
|
||||||
// 弹出层标题
|
|
||||||
title: "",
|
|
||||||
// 是否显示弹出层
|
|
||||||
open: false,
|
|
||||||
// 订单选择弹窗
|
|
||||||
orderSelectOpen: false,
|
|
||||||
// 推荐采购计划弹窗
|
|
||||||
recommendOpen: false,
|
|
||||||
// 采购计划详情弹窗
|
|
||||||
detailOpen: false,
|
|
||||||
// 选中的订单ID
|
|
||||||
selectedOrderId: null,
|
|
||||||
// 选中的采购计划ID
|
|
||||||
selectedPlanId: null,
|
|
||||||
// 订单列表
|
|
||||||
orderList: [],
|
|
||||||
// 订单总数
|
|
||||||
orderTotal: 0,
|
|
||||||
// 订单加载状态
|
|
||||||
orderLoading: false,
|
|
||||||
// 查询参数
|
|
||||||
queryParams: {
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 20,
|
|
||||||
planCode: undefined,
|
|
||||||
owner: undefined,
|
|
||||||
orderId: undefined,
|
|
||||||
status: undefined,
|
|
||||||
},
|
|
||||||
// 订单查询参数
|
|
||||||
orderQueryParams: {
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 20,
|
|
||||||
orderCode: undefined,
|
|
||||||
customerName: undefined,
|
|
||||||
salesManager: undefined,
|
|
||||||
},
|
|
||||||
// 表单参数
|
|
||||||
form: {},
|
|
||||||
// 表单校验
|
|
||||||
rules: {
|
|
||||||
planCode: [
|
|
||||||
{ required: true, message: "采购计划编号不能为空", trigger: "blur" }
|
|
||||||
],
|
|
||||||
owner: [
|
|
||||||
{ required: true, message: "负责人不能为空", trigger: "blur" }
|
|
||||||
],
|
|
||||||
status: [
|
|
||||||
{ required: true, message: "状态不能为空", trigger: "change" }
|
|
||||||
],
|
|
||||||
},
|
|
||||||
addDrawerOpen: false,
|
|
||||||
accessory: '',
|
|
||||||
accessoryOpen: false,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
/** 查询采购计划主列表 */
|
|
||||||
getList() {
|
|
||||||
this.loading = true;
|
|
||||||
listPurchasePlan(this.queryParams).then(response => {
|
|
||||||
this.purchasePlanList = response.rows;
|
|
||||||
this.total = response.total;
|
|
||||||
this.loading = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 取消按钮
|
|
||||||
cancel() {
|
|
||||||
this.open = false;
|
|
||||||
this.reset();
|
|
||||||
},
|
|
||||||
// 表单重置
|
|
||||||
reset() {
|
|
||||||
this.form = {
|
|
||||||
planId: undefined,
|
|
||||||
planCode: undefined,
|
|
||||||
owner: undefined,
|
|
||||||
orderId: undefined,
|
|
||||||
status: undefined,
|
|
||||||
remark: undefined,
|
|
||||||
delFlag: undefined,
|
|
||||||
createTime: undefined,
|
|
||||||
createBy: undefined,
|
|
||||||
updateTime: undefined,
|
|
||||||
updateBy: undefined
|
|
||||||
};
|
|
||||||
this.resetForm("form");
|
|
||||||
},
|
|
||||||
/** 搜索按钮操作 */
|
|
||||||
handleQuery() {
|
|
||||||
this.queryParams.pageNum = 1;
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
/** 重置按钮操作 */
|
|
||||||
resetQuery() {
|
|
||||||
this.resetForm("queryForm");
|
|
||||||
this.handleQuery();
|
|
||||||
},
|
|
||||||
// 多选框选中数据
|
|
||||||
handleSelectionChange(selection) {
|
|
||||||
this.ids = selection.map(item => item.planId)
|
|
||||||
this.single = selection.length!==1
|
|
||||||
this.multiple = !selection.length
|
|
||||||
},
|
|
||||||
/** 新增按钮操作 */
|
|
||||||
handleAdd() {
|
|
||||||
this.addDrawerOpen = true;
|
|
||||||
},
|
|
||||||
/** 修改按钮操作 */
|
|
||||||
handleUpdate(row) {
|
|
||||||
this.loading = true;
|
|
||||||
this.reset();
|
|
||||||
const planId = row.planId || this.ids
|
|
||||||
getPurchasePlan(planId).then(response => {
|
|
||||||
this.loading = false;
|
|
||||||
this.form = response.data;
|
|
||||||
this.open = true;
|
|
||||||
this.title = "修改采购计划主";
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 提交按钮 */
|
|
||||||
submitForm() {
|
|
||||||
this.$refs["form"].validate(valid => {
|
|
||||||
if (valid) {
|
|
||||||
this.buttonLoading = true;
|
|
||||||
if (this.form.planId != null) {
|
|
||||||
updatePurchasePlan(this.form).then(response => {
|
|
||||||
this.$modal.msgSuccess("修改成功");
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
}).finally(() => {
|
|
||||||
this.buttonLoading = false;
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
addPurchasePlan(this.form).then(response => {
|
|
||||||
this.$modal.msgSuccess("新增成功");
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
}).finally(() => {
|
|
||||||
this.buttonLoading = false;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 删除按钮操作 */
|
|
||||||
handleDelete(row) {
|
|
||||||
const planIds = row.planId || this.ids;
|
|
||||||
this.$modal.confirm('是否确认删除采购计划主编号为"' + planIds + '"的数据项？').then(() => {
|
|
||||||
this.loading = true;
|
|
||||||
return delPurchasePlan(planIds);
|
|
||||||
}).then(() => {
|
|
||||||
this.loading = false;
|
|
||||||
this.getList();
|
|
||||||
this.$modal.msgSuccess("删除成功");
|
|
||||||
}).catch(() => {
|
|
||||||
}).finally(() => {
|
|
||||||
this.loading = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 导出按钮操作 */
|
|
||||||
handleExport() {
|
|
||||||
this.download('wms/purchasePlan/export', {
|
|
||||||
...this.queryParams
|
|
||||||
}, `purchasePlan_${new Date().getTime()}.xlsx`)
|
|
||||||
},
|
|
||||||
/** 推荐采购计划按钮操作 */
|
|
||||||
handleRecommend() {
|
|
||||||
this.orderSelectOpen = true;
|
|
||||||
this.getOrderList();
|
|
||||||
},
|
|
||||||
/** 获取订单列表 */
|
|
||||||
getOrderList() {
|
|
||||||
this.orderLoading = true;
|
|
||||||
listOrder({...this.orderQueryParams, orderStatus: EOrderStatus.NEW}).then(response => {
|
|
||||||
this.orderList = response.rows;
|
|
||||||
this.orderTotal = response.total;
|
|
||||||
this.orderLoading = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 订单查询 */
|
|
||||||
handleOrderQuery() {
|
|
||||||
this.orderQueryParams.pageNum = 1;
|
|
||||||
this.getOrderList();
|
|
||||||
},
|
|
||||||
/** 重置订单查询 */
|
|
||||||
resetOrderQuery() {
|
|
||||||
this.orderQueryParams = {
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 20,
|
|
||||||
orderCode: undefined,
|
|
||||||
customerName: undefined,
|
|
||||||
salesManager: undefined,
|
|
||||||
orderStatus: undefined,
|
|
||||||
};
|
|
||||||
this.handleOrderQuery();
|
|
||||||
},
|
|
||||||
/** 选择订单 */
|
|
||||||
handleOrderSelect(row) {
|
|
||||||
this.selectedOrderId = row.orderId;
|
|
||||||
this.orderSelectOpen = false;
|
|
||||||
this.recommendOpen = true;
|
|
||||||
},
|
|
||||||
/** 重新选择订单 */
|
|
||||||
handleReSelectOrder() {
|
|
||||||
this.recommendOpen = false;
|
|
||||||
this.orderSelectOpen = true;
|
|
||||||
},
|
|
||||||
/** 推荐采购计划确认 */
|
|
||||||
handleRecommendConfirm(data) {
|
|
||||||
console.log('推荐采购计划数据:', data);
|
|
||||||
this.$modal.msgSuccess("推荐采购计划已生成");
|
|
||||||
this.recommendOpen = false;
|
|
||||||
this.getList(); // 刷新列表
|
|
||||||
},
|
|
||||||
/** 详情按钮操作 */
|
|
||||||
handleDetail(row) {
|
|
||||||
this.selectedPlanId = row.planId;
|
|
||||||
this.detailOpen = true;
|
|
||||||
},
|
|
||||||
onAddConfirm() {
|
|
||||||
this.addDrawerOpen = false;
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
handleAccessory(row) {
|
|
||||||
this.accessoryOpen = true;
|
|
||||||
this.form = row;
|
|
||||||
this.accessory = row.attachmentInfo;
|
|
||||||
},
|
|
||||||
handleAccessorySuccess(fileList) {
|
|
||||||
updatePurchasePlan({
|
|
||||||
planId: this.form.planId,
|
|
||||||
attachmentInfo: fileList.map(item => item.ossId).join(',')
|
|
||||||
}).then(response => {
|
|
||||||
this.$modal.msgSuccess("附件上传成功");
|
|
||||||
this.getList();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.purchase-drawer .el-drawer__body {
|
|
||||||
padding: 24px;
|
|
||||||
background: #f9f9f9;
|
|
||||||
overflow-y: auto;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,439 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="app-container">
|
|
||||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="60px">
|
|
||||||
<el-form-item label="原材料" prop="rawMaterialId">
|
|
||||||
<RawMaterialSelect v-model="queryParams.rawMaterialId" placeholder="请选择原材料" can-add />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="负责人" prop="owner">
|
|
||||||
<el-input v-model="queryParams.owner" placeholder="请输入负责人" />
|
|
||||||
</el-form-item>
|
|
||||||
<!-- 远程搜索供应商 -->
|
|
||||||
<!-- <el-form-item label="供应商" prop="supplierId">
|
|
||||||
<VendorSelect v-model="queryParams.supplierId" />
|
|
||||||
</el-form-item> -->
|
|
||||||
<el-form-item label="关联订单" prop="orderId">
|
|
||||||
<el-input v-model="queryParams.orderId" placeholder="请输入关联订单ID" clearable @keyup.enter.native="handleQuery" />
|
|
||||||
</el-form-item>
|
|
||||||
|
|
||||||
<el-form-item>
|
|
||||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
|
||||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
|
|
||||||
<el-row :gutter="10" class="mb8">
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd">新增</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single"
|
|
||||||
@click="handleUpdate">修改</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple"
|
|
||||||
@click="handleDelete">删除</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport">导出</el-button>
|
|
||||||
</el-col>
|
|
||||||
<!-- <el-col :span="1.5">
|
|
||||||
<el-button type="info" plain icon="el-icon-plus" size="mini" :disabled="!hasArrivalItems"
|
|
||||||
@click="handleCreateStockIn">创建入库单</el-button>
|
|
||||||
</el-col> -->
|
|
||||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<KLPTable v-loading="loading" :data="purchasePlanDetailList" @selection-change="handleSelectionChange"
|
|
||||||
ref="purchasePlanDetailTable">
|
|
||||||
<el-table-column type="selection" width="55" align="center" />
|
|
||||||
<!-- <el-table-column label="明细ID" align="center" prop="detailId" v-if="true"/>
|
|
||||||
<el-table-column label="采购计划ID" align="center" prop="planId" /> -->
|
|
||||||
<el-table-column label="计划编号" align="center" prop="detailCode" />
|
|
||||||
<el-table-column label="原材料" align="center">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<RawMaterialInfo :material-id="scope.row.rawMaterialId">
|
|
||||||
<template #default="{ material }">
|
|
||||||
{{ material.rawMaterialName }}<span v-if="material.rawMaterialCode">({{ material.rawMaterialCode
|
|
||||||
}})</span>
|
|
||||||
</template>
|
|
||||||
</RawMaterialInfo>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="参数" align="center">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<BomInfoMini item-type="raw_material" :item-id="scope.row.rawMaterialId" />
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="负责人" align="center" prop="owner" />
|
|
||||||
<el-table-column label="供应商" align="center" prop="supplierName" />
|
|
||||||
<el-table-column label="合同编号" align="center" prop="contractNo" />
|
|
||||||
<el-table-column label="计划采购数量" align="center" prop="quantity" />
|
|
||||||
<el-table-column label="单位" align="center" prop="unit" />
|
|
||||||
<el-table-column label="状态" align="center" prop="status">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-select v-model="scope.row.status"
|
|
||||||
size="large"
|
|
||||||
@change="handleStatusChange(scope.row, scope.row.status, scope.row.status)">
|
|
||||||
<el-option v-for="item in dict.type.pruchase_detail_status" :key="item.value" :label="item.label"
|
|
||||||
:value="parseInt(item.value)">
|
|
||||||
<dict-tag :options="dict.type.pruchase_detail_status" :value="item.value" />
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="备注" align="center" prop="remark" />
|
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)">修改</el-button>
|
|
||||||
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button>
|
|
||||||
<!-- 状态修改按钮 -->
|
|
||||||
<el-button v-if="scope.row.status === EPurchaseDetailStatus.NEW" size="mini" type="text"
|
|
||||||
icon="el-icon-refresh"
|
|
||||||
@click="handleStatusChange(scope.row, EPurchaseDetailStatus.ONWAY, '在途')">设为在途</el-button>
|
|
||||||
<el-button v-if="scope.row.status === EPurchaseDetailStatus.ONWAY" size="mini" type="text"
|
|
||||||
icon="el-icon-refresh"
|
|
||||||
@click="handleStatusChange(scope.row, EPurchaseDetailStatus.ARRIVAL, '到货')">设为到货</el-button>
|
|
||||||
<el-button v-if="scope.row.status === EPurchaseDetailStatus.ARRIVAL" size="mini" type="text"
|
|
||||||
icon="el-icon-refresh"
|
|
||||||
@click="handleStatusChange(scope.row, EPurchaseDetailStatus.REVIEW, '待审核')">设为待审核</el-button>
|
|
||||||
<el-button
|
|
||||||
v-if="scope.row.status === EPurchaseDetailStatus.REVIEW || scope.row.status === EPurchaseDetailStatus.FINISH"
|
|
||||||
size="mini" type="text" icon="el-icon-document"
|
|
||||||
@click="handleUploadQualityCertificate(scope.row)">质保单</el-button>
|
|
||||||
<el-button v-if="scope.row.status === EPurchaseDetailStatus.REVIEW" size="mini" type="text"
|
|
||||||
icon="el-icon-refresh"
|
|
||||||
@click="handleStatusChange(scope.row, EPurchaseDetailStatus.FINISH, '采购完成')">设为完成</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</KLPTable>
|
|
||||||
|
|
||||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
|
|
||||||
@pagination="getList" />
|
|
||||||
|
|
||||||
<!-- 添加或修改采购计划明细对话框 -->
|
|
||||||
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
||||||
<el-form-item label="计划编号" prop="detailCode">
|
|
||||||
<el-input v-model="form.detailCode" placeholder="请输入计划编号" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="原材料" prop="rawMaterialId">
|
|
||||||
<RawMaterialSelect v-model="form.rawMaterialId" placeholder="请选择原材料" @change="onRawMaterialChange" can-add />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="负责人" prop="owner">
|
|
||||||
<el-input v-model="form.owner" placeholder="请输入负责人" />
|
|
||||||
</el-form-item>
|
|
||||||
<!-- 远程搜索供应商 -->
|
|
||||||
<el-form-item label="供应商" prop="supplierId">
|
|
||||||
<VendorSelect v-model="form.supplierId" />
|
|
||||||
</el-form-item>
|
|
||||||
<!-- 远程搜索合同 -->
|
|
||||||
<el-form-item label="合同" prop="contractId">
|
|
||||||
<el-select remote filterable v-model="form.contractId" placeholder="请选择合同"
|
|
||||||
:remote-method="remoteSearchContract" :loading="contractLoading">
|
|
||||||
<el-option v-for="item in contractList" :key="item.contractId" :label="item.contractNo"
|
|
||||||
:value="item.contractId" />
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="采购数量" prop="quantity">
|
|
||||||
<el-input v-model="form.quantity" placeholder="请输入计划采购数量" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="单位" prop="unit">
|
|
||||||
<el-input v-model="form.unit" placeholder="请输入单位" :disabled="true" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="备注" prop="remark">
|
|
||||||
<el-input v-model="form.remark" placeholder="请输入备注" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<div slot="footer" class="dialog-footer">
|
|
||||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
|
|
||||||
<el-button @click="cancel">取 消</el-button>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
|
|
||||||
<!-- 入库单创建对话框 -->
|
|
||||||
<stock-in-dialog :visible.sync="stockInVisible" :selected-items="selectedArrivalItems"
|
|
||||||
@success="handleStockInSuccess" />
|
|
||||||
|
|
||||||
<el-dialog title="上传质保单" :visible.sync="uploadQualityCertificateOpen" width="800px" append-to-body>
|
|
||||||
<quality-certicate :info="uploadQualityCertificateInfo" @confirm="handleUploadQualityCertificateConfirm" />
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { listPurchasePlanDetail, getPurchasePlanDetail, delPurchasePlanDetail, addPurchasePlanDetail, updatePurchasePlanDetail } from "@/api/wms/purchasePlanDetail";
|
|
||||||
import { listContract } from "@/api/wms/contract";
|
|
||||||
import { EPurchaseDetailStatus } from "@/utils/enums";
|
|
||||||
import StockInDialog from "./panels/stockin.vue";
|
|
||||||
import RawMaterialSelect from '@/components/KLPService/RawMaterialSelect';
|
|
||||||
import UserSelect from '@/components/KLPService/UserSelect'
|
|
||||||
import { RawMaterialInfo } from '@/components/KLPService';
|
|
||||||
import BomInfoMini from '@/components/KLPService/Renderer/BomInfoMini.vue';
|
|
||||||
import QualityCerticate from './panels/qualityCerticate.vue'
|
|
||||||
import VendorSelect from '@/components/KLPService/VendorSelect/index.vue';
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: "PurchasePlanDetail",
|
|
||||||
components: {
|
|
||||||
StockInDialog,
|
|
||||||
RawMaterialSelect,
|
|
||||||
UserSelect,
|
|
||||||
RawMaterialInfo,
|
|
||||||
BomInfoMini,
|
|
||||||
QualityCerticate,
|
|
||||||
VendorSelect
|
|
||||||
},
|
|
||||||
dicts: ['pruchase_detail_status'],
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
EPurchaseDetailStatus,
|
|
||||||
// 按钮loading
|
|
||||||
buttonLoading: false,
|
|
||||||
// 遮罩层
|
|
||||||
loading: true,
|
|
||||||
// 选中数组
|
|
||||||
ids: [],
|
|
||||||
// 非单个禁用
|
|
||||||
single: true,
|
|
||||||
// 非多个禁用
|
|
||||||
multiple: true,
|
|
||||||
// 显示搜索条件
|
|
||||||
showSearch: true,
|
|
||||||
// 总条数
|
|
||||||
total: 0,
|
|
||||||
// 采购计划明细表格数据
|
|
||||||
purchasePlanDetailList: [],
|
|
||||||
// 弹出层标题
|
|
||||||
title: "",
|
|
||||||
// 是否显示弹出层
|
|
||||||
open: false,
|
|
||||||
// 查询参数
|
|
||||||
queryParams: {
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 20,
|
|
||||||
rawMaterialId: undefined,
|
|
||||||
owner: undefined,
|
|
||||||
quantity: undefined,
|
|
||||||
unit: undefined,
|
|
||||||
},
|
|
||||||
// 表单参数
|
|
||||||
form: {},
|
|
||||||
// 表单校验
|
|
||||||
rules: {
|
|
||||||
detailCode: [
|
|
||||||
{ required: true, message: "计划编号不能为空", trigger: "blur" }
|
|
||||||
],
|
|
||||||
rawMaterialId: [
|
|
||||||
{ required: true, message: "原材料ID不能为空", trigger: "blur" }
|
|
||||||
],
|
|
||||||
owner: [
|
|
||||||
{ required: true, message: "负责人不能为空", trigger: "blur" }
|
|
||||||
],
|
|
||||||
quantity: [
|
|
||||||
{ required: true, message: "计划采购数量不能为空", trigger: "blur" }
|
|
||||||
],
|
|
||||||
unit: [
|
|
||||||
{ required: true, message: "单位不能为空", trigger: "blur" }
|
|
||||||
],
|
|
||||||
},
|
|
||||||
// 入库单相关
|
|
||||||
stockInVisible: false,
|
|
||||||
selectedArrivalItems: [],
|
|
||||||
uploadQualityCertificateOpen: false,
|
|
||||||
uploadQualityCertificateInfo: undefined,
|
|
||||||
|
|
||||||
vendorList: [],
|
|
||||||
vendorLoading: false,
|
|
||||||
contractList: [],
|
|
||||||
contractLoading: false
|
|
||||||
};
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
/** 是否有到货状态的明细 */
|
|
||||||
hasArrivalItems() {
|
|
||||||
return this.purchasePlanDetailList.some(item => item.status === EPurchaseDetailStatus.ARRIVAL);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
this.getList();
|
|
||||||
this.remoteSearchContract('');
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
remoteSearchContract(query) {
|
|
||||||
this.contractLoading = true;
|
|
||||||
listContract({ contractNo: query, pageNum: 1, pageSize: 10 }).then(response => {
|
|
||||||
this.contractList = response.rows;
|
|
||||||
}).finally(() => {
|
|
||||||
this.contractLoading = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 查询采购计划明细列表 */
|
|
||||||
getList() {
|
|
||||||
this.loading = true;
|
|
||||||
listPurchasePlanDetail(this.queryParams).then(response => {
|
|
||||||
this.purchasePlanDetailList = response.rows;
|
|
||||||
this.total = response.total;
|
|
||||||
this.loading = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 取消按钮
|
|
||||||
cancel() {
|
|
||||||
this.open = false;
|
|
||||||
this.reset();
|
|
||||||
},
|
|
||||||
// 表单重置
|
|
||||||
reset() {
|
|
||||||
this.form = {
|
|
||||||
detailCode: undefined,
|
|
||||||
detailId: undefined,
|
|
||||||
rawMaterialId: undefined,
|
|
||||||
owner: undefined,
|
|
||||||
quantity: undefined,
|
|
||||||
unit: undefined,
|
|
||||||
remark: undefined,
|
|
||||||
delFlag: undefined,
|
|
||||||
createTime: undefined,
|
|
||||||
createBy: undefined,
|
|
||||||
updateTime: undefined,
|
|
||||||
updateBy: undefined
|
|
||||||
};
|
|
||||||
this.resetForm("form");
|
|
||||||
},
|
|
||||||
/** 搜索按钮操作 */
|
|
||||||
handleQuery() {
|
|
||||||
this.queryParams.pageNum = 1;
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
/** 重置按钮操作 */
|
|
||||||
resetQuery() {
|
|
||||||
this.resetForm("queryForm");
|
|
||||||
this.handleQuery();
|
|
||||||
},
|
|
||||||
// 多选框选中数据
|
|
||||||
handleSelectionChange(selection) {
|
|
||||||
this.ids = selection.map(item => item.detailId)
|
|
||||||
this.single = selection.length !== 1
|
|
||||||
this.multiple = !selection.length
|
|
||||||
},
|
|
||||||
/** 新增按钮操作 */
|
|
||||||
handleAdd() {
|
|
||||||
this.reset();
|
|
||||||
this.open = true;
|
|
||||||
this.title = "添加采购计划明细";
|
|
||||||
},
|
|
||||||
/** 修改按钮操作 */
|
|
||||||
handleUpdate(row) {
|
|
||||||
this.loading = true;
|
|
||||||
this.reset();
|
|
||||||
const detailId = row.detailId || this.ids
|
|
||||||
getPurchasePlanDetail(detailId).then(response => {
|
|
||||||
this.loading = false;
|
|
||||||
this.form = response.data;
|
|
||||||
this.open = true;
|
|
||||||
this.title = "修改采购计划明细";
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 提交按钮 */
|
|
||||||
submitForm() {
|
|
||||||
this.$refs["form"].validate(valid => {
|
|
||||||
if (valid) {
|
|
||||||
this.buttonLoading = true;
|
|
||||||
if (this.form.detailId != null) {
|
|
||||||
updatePurchasePlanDetail(this.form).then(response => {
|
|
||||||
this.$modal.msgSuccess("修改成功");
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
}).finally(() => {
|
|
||||||
this.buttonLoading = false;
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
addPurchasePlanDetail(this.form).then(response => {
|
|
||||||
this.$modal.msgSuccess("新增成功");
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
}).finally(() => {
|
|
||||||
this.buttonLoading = false;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 删除按钮操作 */
|
|
||||||
handleDelete(row) {
|
|
||||||
const detailIds = row.detailId || this.ids;
|
|
||||||
this.$modal.confirm('是否确认删除采购计划明细编号为"' + detailIds + '"的数据项？').then(() => {
|
|
||||||
this.loading = true;
|
|
||||||
return delPurchasePlanDetail(detailIds);
|
|
||||||
}).then(() => {
|
|
||||||
this.loading = false;
|
|
||||||
this.getList();
|
|
||||||
this.$modal.msgSuccess("删除成功");
|
|
||||||
}).catch(() => {
|
|
||||||
}).finally(() => {
|
|
||||||
this.loading = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 导出按钮操作 */
|
|
||||||
handleExport() {
|
|
||||||
this.download('wms/purchasePlanDetail/export', {
|
|
||||||
...this.queryParams
|
|
||||||
}, `purchasePlanDetail_${new Date().getTime()}.xlsx`)
|
|
||||||
},
|
|
||||||
/** 状态修改按钮操作 */
|
|
||||||
handleStatusChange(row, status, label) {
|
|
||||||
// this.$modal.confirm('是否确认将采购计划明细编号为"' + row.detailId + '"的状态改为"' + label + '"？').then(() => {
|
|
||||||
this.loading = true;
|
|
||||||
updatePurchasePlanDetail({ detailId: row.detailId, status: status }).then(response => {
|
|
||||||
this.$modal.msgSuccess("状态修改成功");
|
|
||||||
this.getList();
|
|
||||||
}).catch(error => {
|
|
||||||
console.error(error);
|
|
||||||
this.$modal.msgError("状态修改失败");
|
|
||||||
}).finally(() => {
|
|
||||||
this.loading = false;
|
|
||||||
});
|
|
||||||
// });
|
|
||||||
},
|
|
||||||
handleUploadQualityCertificateConfirm() {
|
|
||||||
this.uploadQualityCertificateOpen = false;
|
|
||||||
this.handleStatusChange(this.uploadQualityCertificateInfo, EPurchaseDetailStatus.FINISH, '采购完成');
|
|
||||||
},
|
|
||||||
/** 创建入库单按钮操作 */
|
|
||||||
handleCreateStockIn() {
|
|
||||||
// 获取用户选中的明细
|
|
||||||
const selectedItems = this.$refs.purchasePlanDetailTable.selection;
|
|
||||||
|
|
||||||
if (selectedItems.length === 0) {
|
|
||||||
this.$modal.msgWarning("请先选择要入库的明细");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 检查选中的明细是否都是到货状态
|
|
||||||
const nonArrivalItems = selectedItems.filter(item => item.status !== EPurchaseDetailStatus.ARRIVAL);
|
|
||||||
if (nonArrivalItems.length > 0) {
|
|
||||||
this.$modal.msgWarning("只能选择到货状态的明细进行入库操作");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
this.selectedArrivalItems = selectedItems;
|
|
||||||
this.stockInVisible = true;
|
|
||||||
},
|
|
||||||
/** 入库单创建成功后的回调 */
|
|
||||||
handleStockInSuccess() {
|
|
||||||
this.$modal.msgSuccess("入库单创建成功，相关明细状态已更新为采购完成");
|
|
||||||
this.getList();
|
|
||||||
this.stockInVisible = false;
|
|
||||||
this.selectedArrivalItems = []; // 清空选中的明细
|
|
||||||
},
|
|
||||||
onRawMaterialChange(rawMaterial) {
|
|
||||||
if (rawMaterial && rawMaterial.unit) {
|
|
||||||
this.form.unit = rawMaterial.unit;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
handleUploadQualityCertificate(row) {
|
|
||||||
this.uploadQualityCertificateOpen = true;
|
|
||||||
this.uploadQualityCertificateInfo = row;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
@@ -1,255 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="purchase-plan-transfer">
|
|
||||||
<!-- 采购单信息区 -->
|
|
||||||
<el-card class="section-card" shadow="never">
|
|
||||||
<div slot="header" class="section-title">采购单信息</div>
|
|
||||||
<el-form :model="mainForm" :rules="mainFormRules" ref="mainFormRef" :inline="true" label-width="120px" style="margin-bottom: 0;" v-loading="formLoading" element-loading-text="正在加载主数据...">
|
|
||||||
<el-form-item label="计划编号" prop="planCode">
|
|
||||||
<el-input v-model="mainForm.planCode" placeholder="请输入计划编号" style="width: 200px;" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="负责人" prop="owner">
|
|
||||||
<el-input v-model="mainForm.owner" :multiple="false" placeholder="请填写负责人" style="width: 200px;" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="备注" prop="remark">
|
|
||||||
<el-input v-model="mainForm.remark" placeholder="请输入备注" style="width: 300px;" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
</el-card>
|
|
||||||
<div>
|
|
||||||
<!-- 采购单明细区 -->
|
|
||||||
<el-card shadow="never">
|
|
||||||
<div slot="header" class="section-title">采购单明细</div>
|
|
||||||
<KLPTable
|
|
||||||
:data="purchaseList"
|
|
||||||
@selection-change="handleRightSelectionChange"
|
|
||||||
style="width: 100%"
|
|
||||||
ref="rightTable"
|
|
||||||
border
|
|
||||||
>
|
|
||||||
<el-table-column type="selection" width="55" />
|
|
||||||
<el-table-column prop="rawMaterialId" label="原材料">
|
|
||||||
<template #default="scope">
|
|
||||||
<RawMaterialSelect v-model="scope.row.rawMaterialId" placeholder="请选择原材料" />
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="参数" align="center">
|
|
||||||
<template #default="scope">
|
|
||||||
<BomInfoMini item-type="raw_material" :item-id="scope.row.rawMaterialId" />
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="unit" label="单位" />
|
|
||||||
<el-table-column prop="onTheWay" label="在途" />
|
|
||||||
<el-table-column prop="inventory" label="在库" />
|
|
||||||
<el-table-column prop="demand" label="所需" />
|
|
||||||
<el-table-column prop="quantity" label="计划采购数">
|
|
||||||
<template #default="scope">
|
|
||||||
<el-input-number :controls=false controls-position="right" v-model="scope.row.quantity" :min="0" size="small" />
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="owner" label="负责人">
|
|
||||||
<template #default="scope">
|
|
||||||
<el-input v-model="scope.row.owner" :multiple="false" placeholder="请填写负责人" size="small" />
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="remark" label="备注">
|
|
||||||
<template #default="scope">
|
|
||||||
<el-input v-model="scope.row.remark" size="small" />
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</KLPTable>
|
|
||||||
</el-card>
|
|
||||||
</div>
|
|
||||||
<div style="margin-top: 20px; text-align: right;" v-loading="submitLoading" element-loading-text="正在提交数据...">
|
|
||||||
<el-button type="primary" @click="confirm" :loading="submitLoading">{{ submitLoading ? '提交中...' : '确认' }}</el-button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { createPurchasePlan } from '@/api/wms/purchasePlan'
|
|
||||||
import { listRawMaterial } from '@/api/wms/rawMaterial'
|
|
||||||
import UserSelect from '@/components/KLPService/UserSelect'
|
|
||||||
import RawMaterialSelect from '@/components/KLPService/RawMaterialSelect'
|
|
||||||
import BomInfoMini from '@/components/KLPService/Renderer/BomInfoMini.vue';
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: 'CreatePurchasePanel',
|
|
||||||
components: { UserSelect, RawMaterialSelect, BomInfoMini },
|
|
||||||
props: {
|
|
||||||
orderId: {
|
|
||||||
type: [String, Number],
|
|
||||||
required: true
|
|
||||||
},
|
|
||||||
recommendData: {
|
|
||||||
type: Object,
|
|
||||||
default: () => ({})
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
// 原材料表格相关
|
|
||||||
rawMaterialList: [],
|
|
||||||
total: 0,
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 20,
|
|
||||||
rawMaterialLoading: false,
|
|
||||||
leftSelected: [],
|
|
||||||
rightSelected: [],
|
|
||||||
rawMaterialNameFilter: '',
|
|
||||||
// 采购列表
|
|
||||||
purchaseList: [],
|
|
||||||
// 细化的loading状态
|
|
||||||
formLoading: false,
|
|
||||||
submitLoading: false,
|
|
||||||
mainForm: {
|
|
||||||
planCode: '',
|
|
||||||
owner: '',
|
|
||||||
remark: ''
|
|
||||||
},
|
|
||||||
mainFormRules: {
|
|
||||||
planCode: [
|
|
||||||
{ required: true, message: '请输入计划编号', trigger: 'blur' }
|
|
||||||
],
|
|
||||||
owner: [
|
|
||||||
{ required: true, message: '请输入负责人', trigger: 'blur' }
|
|
||||||
]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
recommendData: {
|
|
||||||
immediate: true,
|
|
||||||
handler(newVal) {
|
|
||||||
if (newVal && newVal.detailList) {
|
|
||||||
this.purchaseList = newVal.detailList
|
|
||||||
this.mainForm = {
|
|
||||||
planCode: newVal.planCode || '',
|
|
||||||
owner: newVal.owner || '',
|
|
||||||
remark: newVal.remark || ''
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.fetchRawMaterials();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
// 原材料分页查询
|
|
||||||
fetchRawMaterials() {
|
|
||||||
this.rawMaterialLoading = true;
|
|
||||||
listRawMaterial({ pageNum: this.pageNum, pageSize: this.pageSize, rawMaterialName: this.rawMaterialNameFilter }).then(res => {
|
|
||||||
// 过滤掉已在采购列表中的原材料
|
|
||||||
const purchaseIds = this.purchaseList.map(item => item.rawMaterialId);
|
|
||||||
this.rawMaterialList = (res.rows || []).filter(item => !purchaseIds.includes(item.rawMaterialId));
|
|
||||||
this.total = res.total || 0;
|
|
||||||
this.rawMaterialLoading = false;
|
|
||||||
}).catch(() => {
|
|
||||||
this.rawMaterialLoading = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
handlePageChange(page) {
|
|
||||||
this.pageNum = page;
|
|
||||||
this.fetchRawMaterials();
|
|
||||||
},
|
|
||||||
handleSelectionChange(selection) {
|
|
||||||
this.leftSelected = selection;
|
|
||||||
},
|
|
||||||
handleRightSelectionChange(selection) {
|
|
||||||
this.rightSelected = selection;
|
|
||||||
},
|
|
||||||
handleRawMaterialFilter() {
|
|
||||||
this.pageNum = 1;
|
|
||||||
this.fetchRawMaterials();
|
|
||||||
},
|
|
||||||
addToPurchase() {
|
|
||||||
// 去重添加
|
|
||||||
const ids = this.purchaseList.map(item => item.rawMaterialId);
|
|
||||||
const newItems = this.leftSelected.filter(item => !ids.includes(item.rawMaterialId)).map(item => ({
|
|
||||||
...item,
|
|
||||||
quantity: 0,
|
|
||||||
owner: '',
|
|
||||||
remark: ''
|
|
||||||
}));
|
|
||||||
this.purchaseList = this.purchaseList.concat(newItems);
|
|
||||||
this.$refs.leftTable.clearSelection();
|
|
||||||
this.fetchRawMaterials();
|
|
||||||
},
|
|
||||||
removeFromPurchase() {
|
|
||||||
const removeIds = this.rightSelected.map(item => item.rawMaterialId);
|
|
||||||
this.purchaseList = this.purchaseList.filter(item => !removeIds.includes(item.rawMaterialId));
|
|
||||||
this.$refs.rightTable.clearSelection();
|
|
||||||
this.fetchRawMaterials();
|
|
||||||
},
|
|
||||||
confirm() {
|
|
||||||
this.submitLoading = true;
|
|
||||||
this.$refs.mainFormRef.validate(async(valid) => {
|
|
||||||
if (!valid) {
|
|
||||||
this.$message.error('请完整填写主数据信息');
|
|
||||||
this.submitLoading = false;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
// 校验采购列表数据（除remark外都不能为空）
|
|
||||||
const filtered = this.purchaseList.filter(row => row.rawMaterialId && row.rawMaterialId !== '');
|
|
||||||
const invalid = filtered.some(row => {
|
|
||||||
return !row.rawMaterialId || !row.owner || !row.unit || row.quantity === '' || row.quantity === null || row.quantity === undefined;
|
|
||||||
});
|
|
||||||
if (invalid) {
|
|
||||||
this.$message.error('请完整填写所有必填项');
|
|
||||||
this.submitLoading = false;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
// 合并主数据和明细数据
|
|
||||||
const submitData = {
|
|
||||||
...this.mainForm,
|
|
||||||
orderId: this.orderId,
|
|
||||||
detailList: filtered
|
|
||||||
};
|
|
||||||
await createPurchasePlan(submitData);
|
|
||||||
this.$emit('confirm', submitData);
|
|
||||||
this.submitLoading = false;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.purchase-plan-transfer {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
.section-card {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
.section-title {
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 16px;
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
.transfer-content {
|
|
||||||
display: flex;
|
|
||||||
align-items: flex-start;
|
|
||||||
}
|
|
||||||
.left-table {
|
|
||||||
width: 30%;
|
|
||||||
}
|
|
||||||
.right-table {
|
|
||||||
width: 60%;
|
|
||||||
}
|
|
||||||
.transfer-actions {
|
|
||||||
width: 10%;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
.transfer-actions .el-button {
|
|
||||||
margin: 10px 0;
|
|
||||||
}
|
|
||||||
.filter-bar {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,57 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div>
|
|
||||||
<el-button v-if="showButton" type="primary" @click="handleRecommend" :loading="loading">推荐采购计划</el-button>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { recommendPurchasePlan } from '@/api/wms/purchasePlan'
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: 'RecommendPurchasePanel',
|
|
||||||
props: {
|
|
||||||
orderId: {
|
|
||||||
type: [String, Number],
|
|
||||||
required: true
|
|
||||||
},
|
|
||||||
showButton: {
|
|
||||||
type: Boolean,
|
|
||||||
default: true
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
loading: false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
orderId: {
|
|
||||||
handler(newVal) {
|
|
||||||
this.handleRecommend()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
if (!this.showButton) {
|
|
||||||
this.handleRecommend();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
async handleRecommend() {
|
|
||||||
if (!this.orderId) {
|
|
||||||
this.$message.error('缺少订单ID');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
this.loading = true;
|
|
||||||
try {
|
|
||||||
const res = await recommendPurchasePlan(this.orderId);
|
|
||||||
this.$emit('recommend', res.data);
|
|
||||||
} catch (e) {
|
|
||||||
this.$message.error('推荐失败');
|
|
||||||
} finally {
|
|
||||||
this.loading = false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
@@ -1,115 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="purchase-plan-transfer">
|
|
||||||
<!-- 推荐采购计划（自动推荐，无按钮） -->
|
|
||||||
<recommend-purchase-panel :order-id="orderId" :show-button="false" @recommend="onRecommend" />
|
|
||||||
|
|
||||||
<!-- 创建采购计划表单及明细 -->
|
|
||||||
<create-purchase-panel
|
|
||||||
:order-id="orderId"
|
|
||||||
:recommend-data="recommendData"
|
|
||||||
@confirm="onConfirm"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import RecommendPurchasePanel from './RecommendPurchasePanel.vue'
|
|
||||||
import CreatePurchasePanel from './CreatePurchasePanel.vue'
|
|
||||||
import { updateOrder } from '@/api/wms/order'
|
|
||||||
import { EOrderStatus } from '@/utils/enums'
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: 'PurchasePlanClac',
|
|
||||||
components: {
|
|
||||||
RecommendPurchasePanel,
|
|
||||||
CreatePurchasePanel
|
|
||||||
},
|
|
||||||
props: {
|
|
||||||
orderId: {
|
|
||||||
type: [String, Number],
|
|
||||||
required: true
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
recommendData: {},
|
|
||||||
EOrderStatus: EOrderStatus
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
onRecommend(data) {
|
|
||||||
console.log('获取推荐数据', data)
|
|
||||||
this.recommendData = data
|
|
||||||
},
|
|
||||||
onConfirm(submitData) {
|
|
||||||
console.log('calc层', submitData)
|
|
||||||
updateOrder({
|
|
||||||
orderId: this.orderId,
|
|
||||||
orderStatus: this.EOrderStatus.PRODUCTIONING,
|
|
||||||
}).then(response => {
|
|
||||||
this.$emit('confirm', submitData)
|
|
||||||
})
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.purchase-plan-transfer {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
.section-card {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
.section-title {
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 16px;
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
.transfer-content {
|
|
||||||
display: flex;
|
|
||||||
align-items: flex-start;
|
|
||||||
}
|
|
||||||
.left-table {
|
|
||||||
width: 30%;
|
|
||||||
}
|
|
||||||
.right-table {
|
|
||||||
width: 60%;
|
|
||||||
}
|
|
||||||
.transfer-actions {
|
|
||||||
width: 10%;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
.transfer-actions .el-button {
|
|
||||||
margin: 10px 0;
|
|
||||||
}
|
|
||||||
.global-loading-overlay {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
background: rgba(255, 255, 255, 0.9);
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
z-index: 2000;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
.global-loading-overlay p {
|
|
||||||
margin-top: 10px;
|
|
||||||
color: #409EFF;
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
.filter-bar {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,496 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="app-container">
|
|
||||||
<el-row :gutter="10" class="mb8">
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
plain
|
|
||||||
icon="el-icon-plus"
|
|
||||||
size="mini"
|
|
||||||
@click="handleAdd"
|
|
||||||
>新增</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="success"
|
|
||||||
plain
|
|
||||||
icon="el-icon-edit"
|
|
||||||
size="mini"
|
|
||||||
:disabled="single"
|
|
||||||
@click="handleUpdate"
|
|
||||||
>修改</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="danger"
|
|
||||||
plain
|
|
||||||
icon="el-icon-delete"
|
|
||||||
size="mini"
|
|
||||||
:disabled="multiple"
|
|
||||||
@click="handleDelete"
|
|
||||||
>删除</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="warning"
|
|
||||||
plain
|
|
||||||
icon="el-icon-download"
|
|
||||||
size="mini"
|
|
||||||
@click="handleExport"
|
|
||||||
>导出</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="info"
|
|
||||||
plain
|
|
||||||
icon="el-icon-plus"
|
|
||||||
size="mini"
|
|
||||||
:disabled="!hasArrivalItems"
|
|
||||||
@click="handleCreateStockIn"
|
|
||||||
>创建入库单</el-button>
|
|
||||||
</el-col>
|
|
||||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<KLPTable v-loading="loading" :data="purchasePlanDetailList" @selection-change="handleSelectionChange" ref="purchasePlanDetailTable">
|
|
||||||
<el-table-column type="selection" width="55" align="center" />
|
|
||||||
<!-- <el-table-column label="明细ID" align="center" prop="detailId" v-if="true"/>
|
|
||||||
<el-table-column label="采购计划ID" align="center" prop="planId" /> -->
|
|
||||||
<el-table-column label="原材料" align="center">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<RawMaterialInfo :material-id="scope.row.rawMaterialId">
|
|
||||||
<template #default="{ material }">
|
|
||||||
{{ material.rawMaterialName }}<span v-if="material.rawMaterialCode">({{ material.rawMaterialCode }})</span>
|
|
||||||
</template>
|
|
||||||
</RawMaterialInfo>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="参数" align="center">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<BomInfoMini item-type="raw_material" :item-id="scope.row.rawMaterialId" />
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="负责人" align="center" prop="owner" />
|
|
||||||
<el-table-column label="供应商" align="center" prop="supplierName" />
|
|
||||||
<el-table-column label="合同编号" align="center" prop="contractNo" />
|
|
||||||
<el-table-column label="计划采购数量" align="center" prop="quantity" />
|
|
||||||
<el-table-column label="单位" align="center" prop="unit" />
|
|
||||||
<el-table-column label="状态" align="center" prop="status">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-select v-model="scope.row.status" @change="handleStatusChange(scope.row, scope.row.status, scope.row.status)">
|
|
||||||
<el-option v-for="item in dict.type.pruchase_detail_status" :key="item.value" :label="item.label" :value="parseInt(item.value)">
|
|
||||||
<dict-tag :options="dict.type.pruchase_detail_status" :value="item.value" />
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="备注" align="center" prop="remark" />
|
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-edit"
|
|
||||||
@click="handleUpdate(scope.row)"
|
|
||||||
>修改</el-button>
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-delete"
|
|
||||||
@click="handleDelete(scope.row)"
|
|
||||||
>删除</el-button>
|
|
||||||
<!-- 状态修改按钮 -->
|
|
||||||
<el-button
|
|
||||||
v-if="scope.row.status === EPurchaseDetailStatus.NEW"
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-refresh"
|
|
||||||
@click="handleStatusChange(scope.row, EPurchaseDetailStatus.ONWAY, '在途')"
|
|
||||||
>设为在途</el-button>
|
|
||||||
<el-button
|
|
||||||
v-if="scope.row.status === EPurchaseDetailStatus.ONWAY"
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-refresh"
|
|
||||||
@click="handleStatusChange(scope.row, EPurchaseDetailStatus.ARRIVAL, '到货')"
|
|
||||||
>设为到货</el-button>
|
|
||||||
<el-button
|
|
||||||
v-if="scope.row.status === EPurchaseDetailStatus.ARRIVAL"
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-refresh"
|
|
||||||
@click="handleStatusChange(scope.row, EPurchaseDetailStatus.REVIEW, '待审核')"
|
|
||||||
>设为待审核</el-button>
|
|
||||||
<el-button
|
|
||||||
v-if="scope.row.status === EPurchaseDetailStatus.REVIEW || scope.row.status === EPurchaseDetailStatus.FINISH"
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-document"
|
|
||||||
@click="handleUploadQualityCertificate(scope.row)"
|
|
||||||
>质保单</el-button>
|
|
||||||
<el-button
|
|
||||||
v-if="scope.row.status === EPurchaseDetailStatus.REVIEW"
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-refresh"
|
|
||||||
@click="handleStatusChange(scope.row, EPurchaseDetailStatus.FINISH, '采购完成')"
|
|
||||||
>设为完成</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</KLPTable>
|
|
||||||
|
|
||||||
<pagination
|
|
||||||
v-show="total > 0"
|
|
||||||
:total="total"
|
|
||||||
:page.sync="queryParams.pageNum"
|
|
||||||
:limit.sync="queryParams.pageSize"
|
|
||||||
@pagination="getList"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- 添加或修改采购计划明细对话框 -->
|
|
||||||
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
||||||
<el-form-item label="原材料" prop="rawMaterialId">
|
|
||||||
<RawMaterialSelect v-model="form.rawMaterialId" placeholder="请选择原材料" @change="onRawMaterialChange" can-add />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="负责人" prop="owner">
|
|
||||||
<el-input v-model="form.owner" placeholder="请输入负责人" />
|
|
||||||
</el-form-item>
|
|
||||||
<!-- 远程搜索供应商 -->
|
|
||||||
<el-form-item label="供应商" prop="supplierId">
|
|
||||||
<VendorSelect v-model="form.supplierId" />
|
|
||||||
</el-form-item>
|
|
||||||
<!-- 远程搜索合同 -->
|
|
||||||
<el-form-item label="合同" prop="contractId">
|
|
||||||
<el-select remote filterable v-model="form.contractId" placeholder="请选择合同" :remote-method="remoteSearchContract" :loading="contractLoading">
|
|
||||||
<el-option v-for="item in contractList" :key="item.contractId" :label="item.contractNo" :value="item.contractId" />
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="采购数量" prop="quantity">
|
|
||||||
<el-input v-model="form.quantity" placeholder="请输入计划采购数量" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="单位" prop="unit">
|
|
||||||
<el-input v-model="form.unit" placeholder="请输入单位" :disabled="true" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="备注" prop="remark">
|
|
||||||
<el-input v-model="form.remark" placeholder="请输入备注" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<div slot="footer" class="dialog-footer">
|
|
||||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
|
|
||||||
<el-button @click="cancel">取 消</el-button>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
|
|
||||||
<!-- 入库单创建对话框 -->
|
|
||||||
<stock-in-dialog
|
|
||||||
:visible.sync="stockInVisible"
|
|
||||||
:selected-items="selectedArrivalItems"
|
|
||||||
@success="handleStockInSuccess"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<el-dialog title="上传质保单" :visible.sync="uploadQualityCertificateOpen" width="800px" append-to-body>
|
|
||||||
<quality-certicate :info="uploadQualityCertificateInfo" @confirm="handleUploadQualityCertificateConfirm" />
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { listPurchasePlanDetail, getPurchasePlanDetail, delPurchasePlanDetail, addPurchasePlanDetail, updatePurchasePlanDetail } from "@/api/wms/purchasePlanDetail";
|
|
||||||
import { listSupplier } from "@/api/wms/supplier";
|
|
||||||
import { listContract } from "@/api/wms/contract";
|
|
||||||
import { EPurchaseDetailStatus } from "@/utils/enums";
|
|
||||||
import StockInDialog from "./stockin.vue";
|
|
||||||
import RawMaterialSelect from '@/components/KLPService/RawMaterialSelect';
|
|
||||||
import UserSelect from '@/components/KLPService/UserSelect'
|
|
||||||
import { RawMaterialInfo } from '@/components/KLPService';
|
|
||||||
import BomInfoMini from '@/components/KLPService/Renderer/BomInfoMini.vue';
|
|
||||||
import QualityCerticate from './qualityCerticate.vue'
|
|
||||||
import VendorSelect from '@/components/KLPService/VendorSelect/index.vue';
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: "PurchasePlanDetail",
|
|
||||||
components: {
|
|
||||||
StockInDialog,
|
|
||||||
RawMaterialSelect,
|
|
||||||
UserSelect,
|
|
||||||
RawMaterialInfo,
|
|
||||||
BomInfoMini,
|
|
||||||
QualityCerticate,
|
|
||||||
VendorSelect
|
|
||||||
},
|
|
||||||
props: {
|
|
||||||
planId: {
|
|
||||||
type: [String, Number],
|
|
||||||
default: null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
dicts: ['pruchase_detail_status'],
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
EPurchaseDetailStatus,
|
|
||||||
// 按钮loading
|
|
||||||
buttonLoading: false,
|
|
||||||
// 遮罩层
|
|
||||||
loading: true,
|
|
||||||
// 选中数组
|
|
||||||
ids: [],
|
|
||||||
// 非单个禁用
|
|
||||||
single: true,
|
|
||||||
// 非多个禁用
|
|
||||||
multiple: true,
|
|
||||||
// 显示搜索条件
|
|
||||||
showSearch: true,
|
|
||||||
// 总条数
|
|
||||||
total: 0,
|
|
||||||
// 采购计划明细表格数据
|
|
||||||
purchasePlanDetailList: [],
|
|
||||||
// 弹出层标题
|
|
||||||
title: "",
|
|
||||||
// 是否显示弹出层
|
|
||||||
open: false,
|
|
||||||
// 查询参数
|
|
||||||
queryParams: {
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 20,
|
|
||||||
planId: undefined,
|
|
||||||
rawMaterialId: undefined,
|
|
||||||
owner: undefined,
|
|
||||||
quantity: undefined,
|
|
||||||
unit: undefined,
|
|
||||||
},
|
|
||||||
// 表单参数
|
|
||||||
form: {},
|
|
||||||
// 表单校验
|
|
||||||
rules: {
|
|
||||||
planId: [
|
|
||||||
{ required: true, message: "采购计划ID不能为空", trigger: "blur" }
|
|
||||||
],
|
|
||||||
rawMaterialId: [
|
|
||||||
{ required: true, message: "原材料ID不能为空", trigger: "blur" }
|
|
||||||
],
|
|
||||||
owner: [
|
|
||||||
{ required: true, message: "负责人不能为空", trigger: "blur" }
|
|
||||||
],
|
|
||||||
quantity: [
|
|
||||||
{ required: true, message: "计划采购数量不能为空", trigger: "blur" }
|
|
||||||
],
|
|
||||||
unit: [
|
|
||||||
{ required: true, message: "单位不能为空", trigger: "blur" }
|
|
||||||
],
|
|
||||||
},
|
|
||||||
// 入库单相关
|
|
||||||
stockInVisible: false,
|
|
||||||
selectedArrivalItems: [],
|
|
||||||
uploadQualityCertificateOpen: false,
|
|
||||||
uploadQualityCertificateInfo: undefined,
|
|
||||||
|
|
||||||
vendorList: [],
|
|
||||||
vendorLoading: false,
|
|
||||||
contractList: [],
|
|
||||||
contractLoading: false
|
|
||||||
};
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
/** 是否有到货状态的明细 */
|
|
||||||
hasArrivalItems() {
|
|
||||||
return this.purchasePlanDetailList.some(item => item.status === EPurchaseDetailStatus.ARRIVAL);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
this.getList();
|
|
||||||
this.remoteSearchContract('');
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
planId: {
|
|
||||||
handler(newVal) {
|
|
||||||
if (newVal) {
|
|
||||||
this.queryParams.planId = newVal;
|
|
||||||
this.getList();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
immediate: true
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
remoteSearchContract(query) {
|
|
||||||
this.contractLoading = true;
|
|
||||||
listContract({ contractNo: query, pageNum: 1, pageSize: 10 }).then(response => {
|
|
||||||
this.contractList = response.rows;
|
|
||||||
}).finally(() => {
|
|
||||||
this.contractLoading = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 查询采购计划明细列表 */
|
|
||||||
getList() {
|
|
||||||
this.loading = true;
|
|
||||||
listPurchasePlanDetail(this.queryParams).then(response => {
|
|
||||||
this.purchasePlanDetailList = response.rows;
|
|
||||||
this.total = response.total;
|
|
||||||
this.loading = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 取消按钮
|
|
||||||
cancel() {
|
|
||||||
this.open = false;
|
|
||||||
this.reset();
|
|
||||||
},
|
|
||||||
// 表单重置
|
|
||||||
reset() {
|
|
||||||
this.form = {
|
|
||||||
detailId: undefined,
|
|
||||||
planId: undefined,
|
|
||||||
rawMaterialId: undefined,
|
|
||||||
owner: undefined,
|
|
||||||
quantity: undefined,
|
|
||||||
unit: undefined,
|
|
||||||
remark: undefined,
|
|
||||||
delFlag: undefined,
|
|
||||||
createTime: undefined,
|
|
||||||
createBy: undefined,
|
|
||||||
updateTime: undefined,
|
|
||||||
updateBy: undefined
|
|
||||||
};
|
|
||||||
this.resetForm("form");
|
|
||||||
},
|
|
||||||
/** 搜索按钮操作 */
|
|
||||||
handleQuery() {
|
|
||||||
this.queryParams.pageNum = 1;
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
/** 重置按钮操作 */
|
|
||||||
resetQuery() {
|
|
||||||
this.resetForm("queryForm");
|
|
||||||
this.handleQuery();
|
|
||||||
},
|
|
||||||
// 多选框选中数据
|
|
||||||
handleSelectionChange(selection) {
|
|
||||||
this.ids = selection.map(item => item.detailId)
|
|
||||||
this.single = selection.length!==1
|
|
||||||
this.multiple = !selection.length
|
|
||||||
},
|
|
||||||
/** 新增按钮操作 */
|
|
||||||
handleAdd() {
|
|
||||||
this.reset();
|
|
||||||
if (this.planId) {
|
|
||||||
this.form.planId = this.planId;
|
|
||||||
}
|
|
||||||
this.open = true;
|
|
||||||
this.title = "添加采购计划明细";
|
|
||||||
},
|
|
||||||
/** 修改按钮操作 */
|
|
||||||
handleUpdate(row) {
|
|
||||||
this.loading = true;
|
|
||||||
this.reset();
|
|
||||||
const detailId = row.detailId || this.ids
|
|
||||||
getPurchasePlanDetail(detailId).then(response => {
|
|
||||||
this.loading = false;
|
|
||||||
this.form = response.data;
|
|
||||||
this.open = true;
|
|
||||||
this.title = "修改采购计划明细";
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 提交按钮 */
|
|
||||||
submitForm() {
|
|
||||||
this.$refs["form"].validate(valid => {
|
|
||||||
if (valid) {
|
|
||||||
this.buttonLoading = true;
|
|
||||||
if (this.form.detailId != null) {
|
|
||||||
updatePurchasePlanDetail(this.form).then(response => {
|
|
||||||
this.$modal.msgSuccess("修改成功");
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
}).finally(() => {
|
|
||||||
this.buttonLoading = false;
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
addPurchasePlanDetail(this.form).then(response => {
|
|
||||||
this.$modal.msgSuccess("新增成功");
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
}).finally(() => {
|
|
||||||
this.buttonLoading = false;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 删除按钮操作 */
|
|
||||||
handleDelete(row) {
|
|
||||||
const detailIds = row.detailId || this.ids;
|
|
||||||
this.$modal.confirm('是否确认删除采购计划明细编号为"' + detailIds + '"的数据项？').then(() => {
|
|
||||||
this.loading = true;
|
|
||||||
return delPurchasePlanDetail(detailIds);
|
|
||||||
}).then(() => {
|
|
||||||
this.loading = false;
|
|
||||||
this.getList();
|
|
||||||
this.$modal.msgSuccess("删除成功");
|
|
||||||
}).catch(() => {
|
|
||||||
}).finally(() => {
|
|
||||||
this.loading = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 导出按钮操作 */
|
|
||||||
handleExport() {
|
|
||||||
this.download('wms/purchasePlanDetail/export', {
|
|
||||||
...this.queryParams
|
|
||||||
}, `purchasePlanDetail_${new Date().getTime()}.xlsx`)
|
|
||||||
},
|
|
||||||
/** 状态修改按钮操作 */
|
|
||||||
handleStatusChange(row, status, label) {
|
|
||||||
// this.$modal.confirm('是否确认将采购计划明细编号为"' + row.detailId + '"的状态改为"' + label + '"？').then(() => {
|
|
||||||
this.loading = true;
|
|
||||||
updatePurchasePlanDetail({ detailId: row.detailId, status: status }).then(response => {
|
|
||||||
this.$modal.msgSuccess("状态修改成功");
|
|
||||||
this.getList();
|
|
||||||
}).catch(error => {
|
|
||||||
console.error(error);
|
|
||||||
this.$modal.msgError("状态修改失败");
|
|
||||||
}).finally(() => {
|
|
||||||
this.loading = false;
|
|
||||||
});
|
|
||||||
// });
|
|
||||||
},
|
|
||||||
handleUploadQualityCertificateConfirm() {
|
|
||||||
this.uploadQualityCertificateOpen = false;
|
|
||||||
this.handleStatusChange(this.uploadQualityCertificateInfo, EPurchaseDetailStatus.FINISH, '采购完成');
|
|
||||||
},
|
|
||||||
/** 创建入库单按钮操作 */
|
|
||||||
handleCreateStockIn() {
|
|
||||||
// 获取用户选中的明细
|
|
||||||
const selectedItems = this.$refs.purchasePlanDetailTable.selection;
|
|
||||||
|
|
||||||
if (selectedItems.length === 0) {
|
|
||||||
this.$modal.msgWarning("请先选择要入库的明细");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 检查选中的明细是否都是到货状态
|
|
||||||
const nonArrivalItems = selectedItems.filter(item => item.status !== EPurchaseDetailStatus.ARRIVAL);
|
|
||||||
if (nonArrivalItems.length > 0) {
|
|
||||||
this.$modal.msgWarning("只能选择到货状态的明细进行入库操作");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
this.selectedArrivalItems = selectedItems;
|
|
||||||
this.stockInVisible = true;
|
|
||||||
},
|
|
||||||
/** 入库单创建成功后的回调 */
|
|
||||||
handleStockInSuccess() {
|
|
||||||
this.$modal.msgSuccess("入库单创建成功，相关明细状态已更新为采购完成");
|
|
||||||
this.getList();
|
|
||||||
this.stockInVisible = false;
|
|
||||||
this.selectedArrivalItems = []; // 清空选中的明细
|
|
||||||
},
|
|
||||||
onRawMaterialChange(rawMaterial) {
|
|
||||||
if (rawMaterial && rawMaterial.unit) {
|
|
||||||
this.form.unit = rawMaterial.unit;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
handleUploadQualityCertificate(row) {
|
|
||||||
this.uploadQualityCertificateOpen = true;
|
|
||||||
this.uploadQualityCertificateInfo = row;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
@@ -1,165 +0,0 @@
|
|||||||
<!-- 当新旧质保单不一致时, 需要用户选择处理方式, 在这个组件内处理通过confirm回调来通知父组件完成 -->
|
|
||||||
<template>
|
|
||||||
<div>
|
|
||||||
<el-row>
|
|
||||||
<el-alert title="质保单处理结果与历史质保单不一致，请选择处理方式" type="warning" />
|
|
||||||
</el-row>
|
|
||||||
<el-row :gutter="20" style="margin-top: 20px;">
|
|
||||||
<el-col :span="12">
|
|
||||||
<KLPTable :data="oldResult" style="width: 100%">
|
|
||||||
<el-table-column prop="attrKey" label="属性名称" />
|
|
||||||
<el-table-column prop="attrValue" label="属性值" />
|
|
||||||
</KLPTable>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<!-- 默认全部选中 -->
|
|
||||||
<KLPTable :data="newResult" style="width: 100%" @selection-change="handleSelectionChange" :default-sort="{ prop: 'attrKey', order: 'ascending' }">
|
|
||||||
<el-table-column type="selection" width="55" />
|
|
||||||
<el-table-column prop="attrKey" label="属性名称">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-input v-model="scope.row.attrKey" />
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="attrValue" label="属性值">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-input v-model="scope.row.attrValue" />
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</KLPTable>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row style="margin-top: 20px;">
|
|
||||||
<el-col>
|
|
||||||
<el-radio-group v-model="uploadQualityCertificateForm.qualityCertificateType">
|
|
||||||
<el-radio v-for="item in options" :key="item.value" :label="item.value">{{ item.label }}</el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-button type="primary" @click="handleConfirm">确认</el-button>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { addBomItem } from '@/api/wms/bomItem'
|
|
||||||
import { addBom } from '@/api/wms/bom'
|
|
||||||
import { updateRawMaterial, addRawMaterial, getRawMaterial } from '@/api/wms/rawMaterial'
|
|
||||||
import { updatePurchasePlanDetail } from '@/api/wms/purchasePlanDetail'
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: 'Merger',
|
|
||||||
props: {
|
|
||||||
oldResult: {
|
|
||||||
type: Array,
|
|
||||||
required: true
|
|
||||||
},
|
|
||||||
newResult: {
|
|
||||||
type: Array,
|
|
||||||
required: true
|
|
||||||
},
|
|
||||||
info: {
|
|
||||||
type: Object,
|
|
||||||
required: true
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
options: [
|
|
||||||
{
|
|
||||||
label: '使用旧的质保单',
|
|
||||||
value: 1
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: '使用新的质保单',
|
|
||||||
value: 2
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: '创建新物料',
|
|
||||||
value: 3
|
|
||||||
}
|
|
||||||
],
|
|
||||||
uploadQualityCertificateForm: {
|
|
||||||
qualityCertificateType: 1
|
|
||||||
},
|
|
||||||
selection: []
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
handleSelectionChange(selection) {
|
|
||||||
this.selection = selection;
|
|
||||||
},
|
|
||||||
async handleConfirm() {
|
|
||||||
if (!this.uploadQualityCertificateForm.qualityCertificateType) {
|
|
||||||
this.$modal.msgError('请选择处理方式');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
this.$emit('confirm', {
|
|
||||||
status: 'start',
|
|
||||||
})
|
|
||||||
try {
|
|
||||||
if (this.uploadQualityCertificateForm.qualityCertificateType === 1) {
|
|
||||||
// 什么都不需要做,直接完成就可以
|
|
||||||
console.log('使用旧的质保单');
|
|
||||||
}
|
|
||||||
else if (this.uploadQualityCertificateForm.qualityCertificateType === 2) {
|
|
||||||
// 创建一个新的参数
|
|
||||||
const bom = await addBom({
|
|
||||||
bomName: 'N' + new Date().getTime(),
|
|
||||||
bomCode: 'N' + new Date().getTime(),
|
|
||||||
})
|
|
||||||
// 将参数ID赋值给对应的materialId
|
|
||||||
await updateRawMaterial({
|
|
||||||
rawMaterialId: this.info.rawMaterialId,
|
|
||||||
bomId: bom.data.bomId,
|
|
||||||
})
|
|
||||||
// 逐项创建参数Item, 只创建选中的
|
|
||||||
for (let i = 0; i < this.selection.length; i++) {
|
|
||||||
await addBomItem({
|
|
||||||
bomId: bom.data.bomId,
|
|
||||||
attrKey: this.selection[i].attrKey,
|
|
||||||
attrValue: this.selection[i].attrValue,
|
|
||||||
})
|
|
||||||
}
|
|
||||||
this.$store.dispatch('category/getBomMap');
|
|
||||||
this.$store.dispatch('category/getRawMaterialMap');
|
|
||||||
} else if (this.uploadQualityCertificateForm.qualityCertificateType === 3) {
|
|
||||||
// 创建一个新的参数
|
|
||||||
const bom = await addBom({
|
|
||||||
bomName: 'N' + new Date().getTime(),
|
|
||||||
bomCode: 'N' + new Date().getTime(),
|
|
||||||
})
|
|
||||||
// 逐项创建参数Item
|
|
||||||
for (let i = 0; i < this.selection.length; i++) {
|
|
||||||
await addBomItem({
|
|
||||||
bomId: bom.data.bomId,
|
|
||||||
attrKey: this.selection[i].attrKey,
|
|
||||||
attrValue: this.selection[i].attrValue,
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 创建一个新的物料,使用原有物料的信息, code使用时间戳
|
|
||||||
const { rawMaterialId, rawMaterialCode, ...rawMaterial } = (await getRawMaterial(this.info.rawMaterialId)).data
|
|
||||||
const newMaterial = await addRawMaterial({
|
|
||||||
...rawMaterial,
|
|
||||||
bomId: bom.data.bomId,
|
|
||||||
rawMaterialCode: 'N' + new Date().getTime(),
|
|
||||||
})
|
|
||||||
// 修改采购单据赋值为新的物料
|
|
||||||
await updatePurchasePlanDetail({
|
|
||||||
detailId: this.info.detailId,
|
|
||||||
rawMaterialId: newMaterial.data.rawMaterialId,
|
|
||||||
})
|
|
||||||
this.$store.dispatch('category/getBomMap');
|
|
||||||
this.$store.dispatch('category/getRawMaterialMap');
|
|
||||||
}
|
|
||||||
|
|
||||||
this.$emit('confirm', {
|
|
||||||
status: 'success',
|
|
||||||
})
|
|
||||||
} catch {
|
|
||||||
this.$emit('confirm', {
|
|
||||||
status: 'error',
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
@@ -1,411 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div v-loading="loading" :element-loading-text="loadingText">
|
|
||||||
<el-steps :active="1" align-center simple>
|
|
||||||
<el-step style="cursor: pointer;" @click.native="active = 0" title="上传质保单" icon="el-icon-upload" />
|
|
||||||
<el-step style="cursor: pointer;" @click.native="active = 1" title="质保单处理" icon="el-icon-edit" />
|
|
||||||
<el-step style="cursor: pointer;" @click.native="active = 2" title="质保单审核" icon="el-icon-check" />
|
|
||||||
</el-steps>
|
|
||||||
<div v-if="active === 0" style="padding: 30px;">
|
|
||||||
<file-upload v-model="uploadQualityCertificateForm.qualityCertificate" />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div v-if="active === 1">
|
|
||||||
<el-row>
|
|
||||||
<el-alert title="质保单处理" type="info" />
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<!-- 提取质保单信息,选择使用ocr还是使用大模型 -->
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="12">
|
|
||||||
<div
|
|
||||||
style="border: 1px solid #ccc; border-radius: 10px; padding: 20px; cursor: pointer; text-align: center; position: relative;">
|
|
||||||
<!-- 齿轮图标，绝对定位在左上角 -->
|
|
||||||
<i class="el-icon-setting"
|
|
||||||
style="position: absolute; left: 10px; top: 10px; font-size: 20px; color: #606266; cursor: pointer; z-index: 2;"
|
|
||||||
@click.stop="openKeyListDialog"></i>
|
|
||||||
<div style="margin-bottom: 10px; display: flex; align-items: center; justify-content: center;">
|
|
||||||
<span style="font-weight: bold; font-size: 16px;">OCR识别</span>
|
|
||||||
<el-tooltip content="通过OCR自动识别质保单内容, 仅支持pdf格式" placement="top">
|
|
||||||
<i class="el-icon-question" style="margin-left: 6px; color: #409EFF; cursor: pointer;"></i>
|
|
||||||
</el-tooltip>
|
|
||||||
</div>
|
|
||||||
<img @click="handleOcr" :src="ocrImage" alt="ocr" style="width: 120px; height: 120px; object-fit: contain;"
|
|
||||||
append-to-body />
|
|
||||||
</div>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<div style="border: 1px solid #ccc; border-radius: 10px; padding: 20px; cursor: pointer; text-align: center;">
|
|
||||||
<div style="margin-bottom: 10px; display: flex; align-items: center; justify-content: center;">
|
|
||||||
<span style="font-weight: bold; font-size: 16px;">大模型识别</span>
|
|
||||||
<el-tooltip content="通过AI大模型识别质保单内容, 仅支持图片格式" placement="top">
|
|
||||||
<i class="el-icon-question" style="margin-left: 6px; color: #409EFF; cursor: pointer;"></i>
|
|
||||||
</el-tooltip>
|
|
||||||
</div>
|
|
||||||
<img @click="handleModel" :src="modelImage" alt="model"
|
|
||||||
style="width: 120px; height: 120px; object-fit: contain;" />
|
|
||||||
</div>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div v-if="active === 2">
|
|
||||||
<div v-if="resultDiff">
|
|
||||||
<merger :info="info" :old-result="oldResult" :new-result="newResult" @confirm="handleMergerConfirm" />
|
|
||||||
</div>
|
|
||||||
<div v-else>
|
|
||||||
<el-row>
|
|
||||||
<el-alert title="请核对识别结果是否正确" type="success" />
|
|
||||||
</el-row>
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="12">
|
|
||||||
<KLPTable :data="newResult" style="width: 100%">
|
|
||||||
<el-table-column prop="attrKey" label="属性名称" />
|
|
||||||
<el-table-column prop="attrValue" label="属性值" />
|
|
||||||
</KLPTable>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<div>
|
|
||||||
<img style="width: 100%; height: 100%;" :src="file.url" alt="">
|
|
||||||
</div>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-button type="primary" @click="handleConfirm">确认</el-button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- keyList配置弹窗 -->
|
|
||||||
<el-dialog title="配置OCR识别字段" :visible.sync="showKeyListDialog" width="400px" append-to-body>
|
|
||||||
<div>
|
|
||||||
<el-tag type="info" style="margin-bottom: 8px;">每行一个字段名，顺序影响识别</el-tag>
|
|
||||||
<el-input type="textarea" :rows="8" v-model="keyListInput" placeholder="如：订货单位\n合同号\n产品名称..." />
|
|
||||||
</div>
|
|
||||||
<span slot="footer" class="dialog-footer">
|
|
||||||
<el-button @click="showKeyListDialog = false">取消</el-button>
|
|
||||||
<el-button type="primary" @click="saveKeyList">保存</el-button>
|
|
||||||
</span>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import FileUpload from '@/components/FileUpload'
|
|
||||||
import { listByIds } from '@/api/system/oss'
|
|
||||||
import { updatePurchasePlanDetail } from '@/api/wms/purchasePlanDetail'
|
|
||||||
import { recognizeText, recognizeBomByModel, recognizePdfText, testNet } from '@/api/system/ocr'
|
|
||||||
import { listBomItem } from '@/api/wms/bomItem'
|
|
||||||
import { getRawMaterial } from '@/api/wms/rawMaterial'
|
|
||||||
import Merger from './merger.vue'
|
|
||||||
|
|
||||||
import modelImage from '@/assets/images/model.png'
|
|
||||||
import ocrImage from '@/assets/images/ocr.png'
|
|
||||||
|
|
||||||
const so = {
|
|
||||||
annex: {
|
|
||||||
loading: '正在保存质保单',
|
|
||||||
handler: async (vm, newVal) => {
|
|
||||||
return await updatePurchasePlanDetail({
|
|
||||||
...vm.info,
|
|
||||||
annex: newVal
|
|
||||||
})
|
|
||||||
}
|
|
||||||
},
|
|
||||||
ocr: {
|
|
||||||
loading: '等待ocr识别结果',
|
|
||||||
handler: async (vm) => {
|
|
||||||
function extractData(text) {
|
|
||||||
// 优先读取localStorage配置的keyList
|
|
||||||
let keyList = [];
|
|
||||||
try {
|
|
||||||
const local = localStorage.getItem('ocrKeyList');
|
|
||||||
if (local) {
|
|
||||||
keyList = local.split('\n').map(k => k.trim()).filter(k => k);
|
|
||||||
}
|
|
||||||
} catch { }
|
|
||||||
// 默认keyList
|
|
||||||
if (!keyList.length) {
|
|
||||||
keyList = [
|
|
||||||
"订货单位", "合同号", "产品名称", "执行标准",
|
|
||||||
"卷号", "原料坯号", "规格", "材质",
|
|
||||||
"表面状态", "调制度", "切边要求", "包装种类",
|
|
||||||
"毛重", "净重", "参考长度"
|
|
||||||
];
|
|
||||||
}
|
|
||||||
// 预处理：将复合键合并（如"合同号"、"卷号"等）
|
|
||||||
let normalizedText = text
|
|
||||||
.replace(/卷\s*号/g, "卷号")
|
|
||||||
.replace(/原料\s*坯号/g, "原料坯号")
|
|
||||||
.replace(/切边\s*要求/g, "切边要求")
|
|
||||||
.replace(/包装\s*种类/g, "包装种类");
|
|
||||||
const lines = normalizedText.split(/\r?\n/).filter(line => line.trim());
|
|
||||||
const result = [];
|
|
||||||
// 核心数据行处理（跳过首行公司名）
|
|
||||||
for (let i = 1; i < lines.length; i++) {
|
|
||||||
let currentLine = lines[i];
|
|
||||||
let remaining = currentLine;
|
|
||||||
// 处理单行中的多组键值对
|
|
||||||
while (remaining) {
|
|
||||||
let found = false;
|
|
||||||
// 检查剩余文本是否以已知键开头
|
|
||||||
for (const key of keyList) {
|
|
||||||
if (remaining.startsWith(key)) {
|
|
||||||
found = true;
|
|
||||||
// 移动到键之后的位置
|
|
||||||
let afterKey = remaining.substring(key.length).trim();
|
|
||||||
// 查找下一个键的起始位置
|
|
||||||
let nextKeyIndex = afterKey.length;
|
|
||||||
for (const k of keyList) {
|
|
||||||
const idx = afterKey.indexOf(k);
|
|
||||||
if (idx > -1 && idx < nextKeyIndex) {
|
|
||||||
nextKeyIndex = idx;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// 提取当前键的值
|
|
||||||
const value = afterKey.substring(0, nextKeyIndex).trim();
|
|
||||||
result.push({
|
|
||||||
attrKey: key,
|
|
||||||
attrValue: key === "毛重" || key === "净重"
|
|
||||||
? value.replace(/\D/g, "") // 提取数字部分
|
|
||||||
: value
|
|
||||||
});
|
|
||||||
// 更新剩余文本
|
|
||||||
remaining = afterKey.substring(nextKeyIndex).trim();
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// 如果没有找到更多键，结束循环
|
|
||||||
if (!found) break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return result;
|
|
||||||
}
|
|
||||||
const { text } = (await recognizePdfText({ pdfUrl: vm.file.url })).data
|
|
||||||
console.log(text)
|
|
||||||
const result = extractData(text)
|
|
||||||
console.log(result)
|
|
||||||
vm.newResult = result;
|
|
||||||
return result;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
model: {
|
|
||||||
loading: '等待大模型识别结果',
|
|
||||||
handler: async (vm) => {
|
|
||||||
// 外网连通测试，如果失败给出提示请打开外网
|
|
||||||
const flag = await testNet()
|
|
||||||
if (!flag) {
|
|
||||||
vm.$modal.msgError('请打开外网连接以使用大模型');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const res = await recognizeBomByModel({ imageUrl: vm.file.url })
|
|
||||||
|
|
||||||
vm.newResult = res.data.attributes;
|
|
||||||
vm.$modal.msgSuccess("识别成功");
|
|
||||||
return res;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
bom: {
|
|
||||||
loading: '正在处理参数'
|
|
||||||
},
|
|
||||||
oss: {
|
|
||||||
loading: '正在获取质保单',
|
|
||||||
handler: async (vm, newVal) => {
|
|
||||||
const res = await listByIds(newVal)
|
|
||||||
vm.file = res.data[0];
|
|
||||||
vm.active = 1;
|
|
||||||
return res.data[0];
|
|
||||||
}
|
|
||||||
},
|
|
||||||
old: {
|
|
||||||
loading: '正在获取历史质保单',
|
|
||||||
handler: async (vm, newVal) => {
|
|
||||||
// 查询对应的bomId
|
|
||||||
const res = await getRawMaterial(vm.info.rawMaterialId)
|
|
||||||
const bomId = res.data.bomId;
|
|
||||||
const bomItemRes = await listBomItem({
|
|
||||||
bomId,
|
|
||||||
})
|
|
||||||
vm.oldResult = bomItemRes.rows;
|
|
||||||
return bomItemRes.rows;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
compare: {
|
|
||||||
loading: '正在比较新旧质保单',
|
|
||||||
handler: async (vm) => {
|
|
||||||
// 先检查新旧result是否一致
|
|
||||||
if (vm.oldResult.length !== vm.newResult.length) {
|
|
||||||
vm.resultDiff = true;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
// 比较新旧result是否一致
|
|
||||||
for (let i = 0; i < vm.oldResult.length; i++) {
|
|
||||||
if (vm.oldResult[i].attrKey !== vm.newResult[i].attrKey || vm.oldResult[i].attrValue !== vm.newResult[i].attrValue) {
|
|
||||||
vm.resultDiff = true;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
vm.resultDiff = false;
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 原子操作, 用于细化的进度展示, 無論其同步還是異步一律視作異步函數執行, 並返回一個Promise
|
|
||||||
const atoms = {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: 'QualityCerticate',
|
|
||||||
components: {
|
|
||||||
FileUpload,
|
|
||||||
Merger
|
|
||||||
},
|
|
||||||
props: {
|
|
||||||
info: {
|
|
||||||
type: Object,
|
|
||||||
default: () => ({})
|
|
||||||
}
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
info: {
|
|
||||||
handler(newVal) {
|
|
||||||
this.active = 0;
|
|
||||||
if (newVal.annex) {
|
|
||||||
this.uploadQualityCertificateForm.qualityCertificate = newVal.annex;
|
|
||||||
} else {
|
|
||||||
this.uploadQualityCertificateForm.qualityCertificate = undefined;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
deep: true,
|
|
||||||
immediate: true
|
|
||||||
},
|
|
||||||
'uploadQualityCertificateForm.qualityCertificate': {
|
|
||||||
handler(newVal) {
|
|
||||||
if (newVal) {
|
|
||||||
this.loadingMethod('oss')
|
|
||||||
}
|
|
||||||
this.loadingMethod('annex')
|
|
||||||
},
|
|
||||||
immediate: true
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
uploadQualityCertificateForm: {
|
|
||||||
qualityCertificate: undefined,
|
|
||||||
qualityCertificateType: undefined,
|
|
||||||
},
|
|
||||||
active: 0,
|
|
||||||
file: undefined,
|
|
||||||
loading: false,
|
|
||||||
loadingText: '加载中...',
|
|
||||||
resultDiff: true,
|
|
||||||
oldResult: [],
|
|
||||||
newResult: [],
|
|
||||||
modelImage,
|
|
||||||
ocrImage,
|
|
||||||
showKeyListDialog: false,
|
|
||||||
keyListInput: '',
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
handleOcr() {
|
|
||||||
// 识别file是不是pdf, 只有pdf可以使用ocr
|
|
||||||
if (!this.file.url.endsWith('.pdf')) {
|
|
||||||
this.$modal.msgError('质保单不是pdf格式');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
this.loadingMethod('ocr', async (res) => {
|
|
||||||
await this.loadingMethod('old')
|
|
||||||
await this.loadingMethod('compare')
|
|
||||||
this.active = 2;
|
|
||||||
})
|
|
||||||
},
|
|
||||||
handleModel() {
|
|
||||||
this.loadingMethod('model', async (res) => {
|
|
||||||
await this.loadingMethod('old')
|
|
||||||
await this.loadingMethod('compare')
|
|
||||||
this.active = 2;
|
|
||||||
})
|
|
||||||
|
|
||||||
},
|
|
||||||
async handleConfirm() {
|
|
||||||
// 变更状态
|
|
||||||
this.active = 3;
|
|
||||||
this.$emit('confirm')
|
|
||||||
},
|
|
||||||
handleMergerConfirm(res) {
|
|
||||||
if (res.status === 'start') {
|
|
||||||
this.loading = true;
|
|
||||||
this.loadingText = '正在处理产品参数';
|
|
||||||
} else if (res.status === 'success') {
|
|
||||||
this.loading = false;
|
|
||||||
this.active = 3;
|
|
||||||
this.$emit('confirm')
|
|
||||||
} else if (res.status === 'error') {
|
|
||||||
this.loading = false;
|
|
||||||
this.$modal.msgError('质保单处理失败');
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async loadingMethod(key, fn) {
|
|
||||||
this.loading = true;
|
|
||||||
this.loadingText = so[key].loading;
|
|
||||||
try {
|
|
||||||
const res = await so[key].handler(this, this.uploadQualityCertificateForm.qualityCertificate)
|
|
||||||
fn && await fn(res)
|
|
||||||
return res;
|
|
||||||
} catch {
|
|
||||||
this.$modal.msgError('操作失败');
|
|
||||||
} finally {
|
|
||||||
this.loading = false;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 比较新旧result是否一致
|
|
||||||
handleCompareResult() {
|
|
||||||
// 先检查新旧result是否一致
|
|
||||||
if (this.oldResult.length !== this.newResult.length) {
|
|
||||||
this.resultDiff = true;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
// 比较新旧result是否一致
|
|
||||||
for (let i = 0; i < this.oldResult.length; i++) {
|
|
||||||
if (this.oldResult[i].attrKey !== this.newResult[i].attrKey || this.oldResult[i].attrValue !== this.newResult[i].attrValue) {
|
|
||||||
this.resultDiff = true;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
this.resultDiff = false;
|
|
||||||
},
|
|
||||||
// 保存keyList到localStorage
|
|
||||||
saveKeyList() {
|
|
||||||
localStorage.setItem('ocrKeyList', this.keyListInput)
|
|
||||||
this.showKeyListDialog = false
|
|
||||||
this.$message.success('已保存OCR字段配置')
|
|
||||||
},
|
|
||||||
// 打开弹窗时初始化内容
|
|
||||||
openKeyListDialog() {
|
|
||||||
let local = ''
|
|
||||||
try {
|
|
||||||
local = localStorage.getItem('ocrKeyList') || ''
|
|
||||||
} catch { }
|
|
||||||
if (local) {
|
|
||||||
this.keyListInput = local
|
|
||||||
} else {
|
|
||||||
this.keyListInput = [
|
|
||||||
"订货单位", "合同号", "产品名称", "执行标准",
|
|
||||||
"卷号", "原料坯号", "规格", "材质",
|
|
||||||
"表面状态", "调制度", "切边要求", "包装种类",
|
|
||||||
"毛重", "净重", "参考长度"
|
|
||||||
].join('\n')
|
|
||||||
}
|
|
||||||
this.showKeyListDialog = true
|
|
||||||
},
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.el-row {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
margin-top: 20px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,335 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="stockin-container">
|
|
||||||
<el-dialog
|
|
||||||
:title="title"
|
|
||||||
:visible.sync="visible"
|
|
||||||
width="80%"
|
|
||||||
:before-close="handleClose"
|
|
||||||
append-to-body
|
|
||||||
>
|
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
|
|
||||||
<!-- 入库单基本信息 -->
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="入库单号" prop="stockIoCode">
|
|
||||||
<el-input v-model="form.stockIoCode" placeholder="系统自动生成" :disabled="true" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="入库类型" prop="ioType">
|
|
||||||
<el-select v-model="form.ioType" placeholder="请选择入库类型" :disabled="true">
|
|
||||||
<el-option label="入库" value="in" />
|
|
||||||
<el-option label="出库" value="out" />
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="业务类型" prop="bizType">
|
|
||||||
<el-select v-model="form.bizType" placeholder="请选择业务类型" :disabled="true">
|
|
||||||
<el-option label="采购入库" value="purchase" />
|
|
||||||
<el-option label="销售退货" value="return" />
|
|
||||||
<el-option label="调拨入库" value="transfer" />
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="单据状态" prop="status">
|
|
||||||
<el-select v-model="form.status" placeholder="请选择单据状态" :disabled="true">
|
|
||||||
<el-option label="草稿" :value="0" />
|
|
||||||
<el-option label="已提交" :value="1" />
|
|
||||||
<el-option label="已审核" :value="2" />
|
|
||||||
<el-option label="已完成" :value="3" />
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<el-form-item label="备注" prop="remark">
|
|
||||||
<el-input
|
|
||||||
v-model="form.remark"
|
|
||||||
type="textarea"
|
|
||||||
:rows="3"
|
|
||||||
placeholder="请输入备注信息"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
|
|
||||||
<!-- 入库明细表格 -->
|
|
||||||
<el-form-item label="入库明细">
|
|
||||||
<KLPTable
|
|
||||||
:data="form.details"
|
|
||||||
border
|
|
||||||
style="width: 100%"
|
|
||||||
>
|
|
||||||
<el-table-column label="原材料" align="center" prop="rawMaterialName" />
|
|
||||||
<el-table-column label="参数" align="center">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<BomInfoMini item-type="raw_material" :item-id="scope.row.rawMaterialId" />
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="计划数量" align="center" prop="planQuantity" />
|
|
||||||
<el-table-column label="入库数量" align="center" prop="quantity">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-input
|
|
||||||
v-model.number="scope.row.quantity"
|
|
||||||
size="mini"
|
|
||||||
@change="handleQuantityChange(scope.row)"
|
|
||||||
/>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="单位" align="center" prop="unit" />
|
|
||||||
<el-table-column label="仓库" align="center" prop="warehouseId">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<warehouse-select
|
|
||||||
v-model="scope.row.warehouseId"
|
|
||||||
placeholder="请选择仓库"
|
|
||||||
size="mini"
|
|
||||||
style="width: 100%"
|
|
||||||
/>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="批次号" align="center" prop="batchNo">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-input
|
|
||||||
v-model="scope.row.batchNo"
|
|
||||||
size="mini"
|
|
||||||
placeholder="请输入批次号"
|
|
||||||
/>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="备注" align="center" prop="remark">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-input
|
|
||||||
v-model="scope.row.remark"
|
|
||||||
size="mini"
|
|
||||||
placeholder="请输入备注"
|
|
||||||
/>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</KLPTable>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
|
|
||||||
<div slot="footer" class="dialog-footer">
|
|
||||||
<el-button @click="handleClose">取 消</el-button>
|
|
||||||
<el-button type="primary" :loading="submitLoading" @click="handleSubmit">确 定</el-button>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { addStockIoWithDetail } from "@/api/wms/stockIo";
|
|
||||||
import { updatePurchasePlanDetail } from "@/api/wms/purchasePlanDetail";
|
|
||||||
import { getRawMaterial } from "@/api/wms/rawMaterial";
|
|
||||||
import { EPurchaseDetailStatus } from "@/utils/enums";
|
|
||||||
import WarehouseSelect from "@/components/KLPService/WarehouseSelect";
|
|
||||||
import BomInfoMini from '@/components/KLPService/Renderer/BomInfoMini.vue';
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: "StockInDialog",
|
|
||||||
components: {
|
|
||||||
WarehouseSelect,
|
|
||||||
BomInfoMini
|
|
||||||
},
|
|
||||||
props: {
|
|
||||||
visible: {
|
|
||||||
type: Boolean,
|
|
||||||
default: false
|
|
||||||
},
|
|
||||||
selectedItems: {
|
|
||||||
type: Array,
|
|
||||||
default: () => []
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
title: "创建入库单",
|
|
||||||
submitLoading: false,
|
|
||||||
form: {
|
|
||||||
stockIoCode: "",
|
|
||||||
ioType: "in",
|
|
||||||
bizType: "purchase",
|
|
||||||
status: 0,
|
|
||||||
remark: "",
|
|
||||||
details: []
|
|
||||||
},
|
|
||||||
rules: {
|
|
||||||
remark: [
|
|
||||||
{ max: 500, message: "备注长度不能超过500个字符", trigger: "blur" }
|
|
||||||
]
|
|
||||||
}
|
|
||||||
};
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
visible(newVal) {
|
|
||||||
if (newVal) {
|
|
||||||
this.initForm();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// selectedItems: {
|
|
||||||
// handler(newVal) {
|
|
||||||
// if (newVal && newVal.length > 0 && this.visible) {
|
|
||||||
// this.initDetails();
|
|
||||||
// }
|
|
||||||
// },
|
|
||||||
// immediate: false
|
|
||||||
// }
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
/** 初始化表单 */
|
|
||||||
initForm() {
|
|
||||||
this.form = {
|
|
||||||
stockIoCode: `IN-${new Date().getTime()}`,
|
|
||||||
ioType: "in",
|
|
||||||
bizType: "purchase",
|
|
||||||
status: 0,
|
|
||||||
remark: `采购计划入库单 - ${new Date().toLocaleDateString()}`,
|
|
||||||
details: []
|
|
||||||
};
|
|
||||||
// 如果已经有选中的明细，则初始化明细
|
|
||||||
if (this.selectedItems && this.selectedItems.length > 0) {
|
|
||||||
this.initDetails();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
/** 初始化明细数据 */
|
|
||||||
async initDetails() {
|
|
||||||
if (this.selectedItems && this.selectedItems.length > 0) {
|
|
||||||
this.form.details = [];
|
|
||||||
|
|
||||||
// 逐个获取原材料信息
|
|
||||||
for (const item of this.selectedItems) {
|
|
||||||
try {
|
|
||||||
const rawMaterialInfo = await getRawMaterial(item.rawMaterialId);
|
|
||||||
this.form.details.push({
|
|
||||||
detailId: item.detailId,
|
|
||||||
rawMaterialId: item.rawMaterialId,
|
|
||||||
rawMaterialName: rawMaterialInfo.data.rawMaterialName || `原材料${item.rawMaterialId}`,
|
|
||||||
planQuantity: item.quantity,
|
|
||||||
quantity: item.quantity, // 默认入库数量等于计划数量
|
|
||||||
unit: item.unit,
|
|
||||||
warehouseId: null, // 默认仓库ID
|
|
||||||
batchNo: `BATCH-${new Date().getTime()}-${item.rawMaterialId}`,
|
|
||||||
remark: "",
|
|
||||||
itemType: "raw_material"
|
|
||||||
});
|
|
||||||
} catch (error) {
|
|
||||||
console.error(`获取原材料信息失败: ${item.rawMaterialId}`, error);
|
|
||||||
// 如果获取失败，使用默认名称
|
|
||||||
this.form.details.push({
|
|
||||||
detailId: item.detailId,
|
|
||||||
rawMaterialId: item.rawMaterialId,
|
|
||||||
rawMaterialName: `原材料${item.rawMaterialId}`,
|
|
||||||
planQuantity: item.quantity,
|
|
||||||
quantity: item.quantity,
|
|
||||||
unit: item.unit,
|
|
||||||
warehouseId: null,
|
|
||||||
batchNo: `BATCH-${new Date().getTime()}-${item.rawMaterialId}`,
|
|
||||||
remark: "",
|
|
||||||
itemType: "raw_material"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
/** 处理数量变化 */
|
|
||||||
handleQuantityChange(row) {
|
|
||||||
// 验证入库数量不能超过计划数量
|
|
||||||
if (row.quantity > row.planQuantity) {
|
|
||||||
this.$message.warning(`入库数量不能超过计划数量 ${row.planQuantity}`);
|
|
||||||
row.quantity = row.planQuantity;
|
|
||||||
}
|
|
||||||
if (row.quantity < 0) {
|
|
||||||
this.$message.warning("入库数量不能为负数");
|
|
||||||
row.quantity = 0;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
/** 关闭对话框 */
|
|
||||||
handleClose() {
|
|
||||||
this.$confirm("确认关闭？未保存的数据将丢失", "提示", {
|
|
||||||
confirmButtonText: "确定",
|
|
||||||
cancelButtonText: "取消",
|
|
||||||
type: "warning"
|
|
||||||
}).then(() => {
|
|
||||||
this.$emit("update:visible", false);
|
|
||||||
}).catch(() => {});
|
|
||||||
},
|
|
||||||
/** 提交表单 */
|
|
||||||
handleSubmit() {
|
|
||||||
this.$refs.form.validate(valid => {
|
|
||||||
if (valid) {
|
|
||||||
// 验证是否有明细
|
|
||||||
if (this.form.details.length === 0) {
|
|
||||||
this.$message.warning("没有可入库的明细");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 验证必填字段
|
|
||||||
const invalidDetails = this.form.details.filter(detail =>
|
|
||||||
!detail.warehouseId || !detail.batchNo || detail.quantity <= 0
|
|
||||||
);
|
|
||||||
|
|
||||||
if (invalidDetails.length > 0) {
|
|
||||||
this.$message.warning("请完善明细的仓库、批次号和入库数量信息");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
this.submitLoading = true;
|
|
||||||
|
|
||||||
// 构建入库单数据
|
|
||||||
const stockInData = {
|
|
||||||
...this.form,
|
|
||||||
details: this.form.details.map(detail => ({
|
|
||||||
warehouseId: detail.warehouseId,
|
|
||||||
itemType: detail.itemType,
|
|
||||||
itemId: detail.rawMaterialId,
|
|
||||||
quantity: detail.quantity,
|
|
||||||
unit: detail.unit,
|
|
||||||
batchNo: detail.batchNo,
|
|
||||||
remark: detail.remark
|
|
||||||
}))
|
|
||||||
};
|
|
||||||
|
|
||||||
// 调用创建入库单API
|
|
||||||
addStockIoWithDetail(stockInData).then(response => {
|
|
||||||
// 创建入库单成功后，更新采购明细状态
|
|
||||||
const updatePromises = this.form.details.map(detail =>
|
|
||||||
updatePurchasePlanDetail({
|
|
||||||
detailId: detail.detailId,
|
|
||||||
status: EPurchaseDetailStatus.FINISH
|
|
||||||
})
|
|
||||||
);
|
|
||||||
|
|
||||||
Promise.all(updatePromises).then(() => {
|
|
||||||
this.$modal.msgSuccess("入库单创建成功，相关明细状态已更新为采购完成");
|
|
||||||
this.$emit("success");
|
|
||||||
this.$emit("update:visible", false);
|
|
||||||
}).catch(error => {
|
|
||||||
console.error(error);
|
|
||||||
this.$modal.msgError("状态更新失败");
|
|
||||||
});
|
|
||||||
}).catch(error => {
|
|
||||||
console.error(error);
|
|
||||||
this.$modal.msgError("入库单创建失败");
|
|
||||||
}).finally(() => {
|
|
||||||
this.submitLoading = false;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.stockin-container {
|
|
||||||
padding: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dialog-footer {
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,295 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="purchase-plan-transfer">
|
|
||||||
<!-- 采购单信息区 -->
|
|
||||||
<el-card class="section-card" shadow="never">
|
|
||||||
<div slot="header" class="section-title">采购单信息</div>
|
|
||||||
<el-form :model="mainForm" :rules="mainFormRules" ref="mainFormRef" :inline="true" label-width="120px" style="margin-bottom: 0;" v-loading="formLoading" element-loading-text="正在加载主数据...">
|
|
||||||
<el-form-item label="计划编号" prop="planCode">
|
|
||||||
<el-input v-model="mainForm.planCode" placeholder="请输入计划编号" style="width: 200px;" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="负责人" prop="owner">
|
|
||||||
<el-input v-model="mainForm.owner" :multiple="false" placeholder="请填写负责人" style="width: 200px;" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="备注" prop="remark">
|
|
||||||
<el-input v-model="mainForm.remark" placeholder="请输入备注" style="width: 300px;" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
</el-card>
|
|
||||||
<div>
|
|
||||||
<el-row style="height: 60vh;">
|
|
||||||
<el-col :span="8">
|
|
||||||
<!-- 原材料表格 -->
|
|
||||||
<KLPTable v-loading="rawMaterialLoading" ref="leftTable" :data="rawMaterialList" style="width: 100%" height="600" class="message-table" stripe @selection-change="handleSelectionChange">
|
|
||||||
<el-table-column type="selection" width="55" />
|
|
||||||
<el-table-column prop="rawMaterialId" label="原材料" align="center">
|
|
||||||
<template #default="scope">
|
|
||||||
<RawMaterialInfo :materialId="scope.row.rawMaterialId" />
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="参数" align="center">
|
|
||||||
<template #default="scope">
|
|
||||||
<BomInfoMini item-type="raw_material" :item-id="scope.row.rawMaterialId" />
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="unit" label="单位" align="center" />
|
|
||||||
<el-table-column prop="onTheWay" label="在途" align="center" />
|
|
||||||
<el-table-column prop="inventory" label="在库" align="center" />
|
|
||||||
<el-table-column prop="demand" label="所需" align="center" />
|
|
||||||
</KLPTable>
|
|
||||||
|
|
||||||
<el-pagination
|
|
||||||
style="margin-top: 10px;"
|
|
||||||
background
|
|
||||||
layout="prev, pager, next"
|
|
||||||
:total="total"
|
|
||||||
:page-size="pageSize"
|
|
||||||
:current-page="pageNum"
|
|
||||||
@current-change="handlePageChange"
|
|
||||||
/>
|
|
||||||
</el-col>
|
|
||||||
<!-- 穿梭操作 -->
|
|
||||||
<el-col :span="2">
|
|
||||||
<div style="display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%;">
|
|
||||||
<el-button type="primary" @click="addToPurchase">添加》</el-button>
|
|
||||||
<el-button type="danger" @click="removeFromPurchase" style="margin-top: 10px;">《删除</el-button>
|
|
||||||
</div>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="14">
|
|
||||||
<div slot="header" class="section-title">采购单明细</div>
|
|
||||||
<KLPTable
|
|
||||||
:data="purchaseList"
|
|
||||||
@selection-change="handleRightSelectionChange"
|
|
||||||
style="width: 100%"
|
|
||||||
height="600"
|
|
||||||
ref="rightTable"
|
|
||||||
border
|
|
||||||
>
|
|
||||||
<el-table-column type="selection" width="55" />
|
|
||||||
<el-table-column prop="rawMaterialId" label="原材料">
|
|
||||||
<template #default="scope">
|
|
||||||
<RawMaterialInfo :materialId="scope.row.rawMaterialId" />
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="参数" align="center">
|
|
||||||
<template #default="scope">
|
|
||||||
<BomInfoMini item-type="raw_material" :item-id="scope.row.rawMaterialId" />
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="unit" label="单位" />
|
|
||||||
<el-table-column prop="onTheWay" label="在途" />
|
|
||||||
<el-table-column prop="inventory" label="在库" />
|
|
||||||
<el-table-column prop="demand" label="所需" />
|
|
||||||
<el-table-column prop="quantity" label="计划采购数">
|
|
||||||
<template #default="scope">
|
|
||||||
<el-input-number :controls=false controls-position="right" v-model="scope.row.quantity" :min="0" size="small" />
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="owner" label="负责人">
|
|
||||||
<template #default="scope">
|
|
||||||
<el-input v-model="scope.row.owner" :multiple="false" placeholder="请填写负责人" size="small" />
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="remark" label="备注">
|
|
||||||
<template #default="scope">
|
|
||||||
<el-input v-model="scope.row.remark" size="small" />
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</KLPTable>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</div>
|
|
||||||
<div style="margin-top: 20px; text-align: right;" v-loading="submitLoading" element-loading-text="正在提交数据...">
|
|
||||||
<el-button type="primary" @click="confirm" :loading="submitLoading">{{ submitLoading ? '提交中...' : '确认' }}</el-button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { createPurchasePlan } from '@/api/wms/purchasePlan'
|
|
||||||
import { listRawMaterial, listRawMaterialWithDemand } from '@/api/wms/rawMaterial'
|
|
||||||
import UserSelect from '@/components/KLPService/UserSelect'
|
|
||||||
import RawMaterialSelect from '@/components/KLPService/RawMaterialSelect'
|
|
||||||
import RawMaterialInfo from '@/components/KLPService/Renderer/RawMaterialInfo.vue'
|
|
||||||
import BomInfoMini from '@/components/KLPService/Renderer/BomInfoMini.vue';
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: 'CreatePurchasePanel',
|
|
||||||
components: { UserSelect, RawMaterialSelect, RawMaterialInfo, BomInfoMini },
|
|
||||||
props: {
|
|
||||||
orderId: {
|
|
||||||
type: [String, Number],
|
|
||||||
required: true
|
|
||||||
},
|
|
||||||
recommendData: {
|
|
||||||
type: Object,
|
|
||||||
default: () => ({})
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
// 原材料表格相关
|
|
||||||
rawMaterialList: [],
|
|
||||||
total: 0,
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 20,
|
|
||||||
rawMaterialLoading: false,
|
|
||||||
leftSelected: [],
|
|
||||||
rightSelected: [],
|
|
||||||
rawMaterialNameFilter: '',
|
|
||||||
// 采购列表
|
|
||||||
purchaseList: [],
|
|
||||||
// 细化的loading状态
|
|
||||||
formLoading: false,
|
|
||||||
submitLoading: false,
|
|
||||||
mainForm: {
|
|
||||||
planCode: '',
|
|
||||||
owner: '',
|
|
||||||
remark: ''
|
|
||||||
},
|
|
||||||
mainFormRules: {
|
|
||||||
planCode: [
|
|
||||||
{ required: true, message: '请输入计划编号', trigger: 'blur' }
|
|
||||||
],
|
|
||||||
owner: [
|
|
||||||
{ required: true, message: '请输入负责人', trigger: 'blur' }
|
|
||||||
]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
recommendData: {
|
|
||||||
immediate: true,
|
|
||||||
handler(newVal) {
|
|
||||||
if (newVal && newVal.detailList) {
|
|
||||||
this.purchaseList = newVal.detailList
|
|
||||||
this.mainForm = {
|
|
||||||
planCode: newVal.planCode || '',
|
|
||||||
owner: newVal.owner || '',
|
|
||||||
remark: newVal.remark || ''
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.fetchRawMaterials();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
// 原材料分页查询
|
|
||||||
fetchRawMaterials() {
|
|
||||||
this.rawMaterialLoading = true;
|
|
||||||
listRawMaterialWithDemand({ pageNum: this.pageNum, pageSize: this.pageSize, rawMaterialName: this.rawMaterialNameFilter }).then(res => {
|
|
||||||
// 过滤掉已在采购列表中的原材料
|
|
||||||
const purchaseIds = this.purchaseList.map(item => item.rawMaterialId);
|
|
||||||
this.rawMaterialList = (res.rows || []).filter(item => !purchaseIds.includes(item.rawMaterialId));
|
|
||||||
this.total = res.total || 0;
|
|
||||||
this.rawMaterialLoading = false;
|
|
||||||
}).catch(() => {
|
|
||||||
this.rawMaterialLoading = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
handlePageChange(page) {
|
|
||||||
this.pageNum = page;
|
|
||||||
this.fetchRawMaterials();
|
|
||||||
},
|
|
||||||
handleSelectionChange(selection) {
|
|
||||||
this.leftSelected = selection;
|
|
||||||
},
|
|
||||||
handleRightSelectionChange(selection) {
|
|
||||||
this.rightSelected = selection;
|
|
||||||
},
|
|
||||||
handleRawMaterialFilter() {
|
|
||||||
this.pageNum = 1;
|
|
||||||
this.fetchRawMaterials();
|
|
||||||
},
|
|
||||||
addToPurchase() {
|
|
||||||
// 去重添加
|
|
||||||
const ids = this.purchaseList.map(item => item.rawMaterialId);
|
|
||||||
const newItems = this.leftSelected.filter(item => !ids.includes(item.rawMaterialId)).map(item => ({
|
|
||||||
...item,
|
|
||||||
quantity: 0,
|
|
||||||
owner: '',
|
|
||||||
remark: ''
|
|
||||||
}));
|
|
||||||
this.purchaseList = this.purchaseList.concat(newItems);
|
|
||||||
this.$refs.leftTable.clearSelection();
|
|
||||||
this.fetchRawMaterials();
|
|
||||||
},
|
|
||||||
removeFromPurchase() {
|
|
||||||
const removeIds = this.rightSelected.map(item => item.rawMaterialId);
|
|
||||||
this.purchaseList = this.purchaseList.filter(item => !removeIds.includes(item.rawMaterialId));
|
|
||||||
this.$refs.rightTable.clearSelection();
|
|
||||||
this.fetchRawMaterials();
|
|
||||||
},
|
|
||||||
confirm() {
|
|
||||||
this.submitLoading = true;
|
|
||||||
this.$refs.mainFormRef.validate(async(valid) => {
|
|
||||||
if (!valid) {
|
|
||||||
this.$message.error('请完整填写主数据信息');
|
|
||||||
this.submitLoading = false;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
// 校验采购列表数据（除remark外都不能为空）
|
|
||||||
const filtered = this.purchaseList.filter(row => row.rawMaterialId && row.rawMaterialId !== '');
|
|
||||||
const invalid = filtered.some(row => {
|
|
||||||
return !row.rawMaterialId || !row.owner || !row.unit || row.quantity === '' || row.quantity === null || row.quantity === undefined;
|
|
||||||
});
|
|
||||||
if (invalid) {
|
|
||||||
this.$message.error('请完整填写所有必填项');
|
|
||||||
this.submitLoading = false;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
// 合并主数据和明细数据
|
|
||||||
const submitData = {
|
|
||||||
...this.mainForm,
|
|
||||||
orderId: this.orderId,
|
|
||||||
detailList: filtered
|
|
||||||
};
|
|
||||||
await createPurchasePlan(submitData);
|
|
||||||
this.$emit('confirm', submitData);
|
|
||||||
this.submitLoading = false;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.purchase-plan-transfer {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
.section-card {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
.section-title {
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 16px;
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
.transfer-content {
|
|
||||||
display: flex;
|
|
||||||
align-items: flex-start;
|
|
||||||
}
|
|
||||||
.left-table {
|
|
||||||
width: 30%;
|
|
||||||
}
|
|
||||||
.right-table {
|
|
||||||
width: 60%;
|
|
||||||
}
|
|
||||||
.transfer-actions {
|
|
||||||
width: 10%;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
.transfer-actions .el-button {
|
|
||||||
margin: 10px 0;
|
|
||||||
}
|
|
||||||
.filter-bar {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,361 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="app-container">
|
|
||||||
<el-row :gutter="10" class="mb8">
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
plain
|
|
||||||
icon="el-icon-plus"
|
|
||||||
size="mini"
|
|
||||||
@click="handleAdd"
|
|
||||||
>新增</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="success"
|
|
||||||
plain
|
|
||||||
icon="el-icon-edit"
|
|
||||||
size="mini"
|
|
||||||
:disabled="single"
|
|
||||||
@click="handleUpdate"
|
|
||||||
>修改</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="danger"
|
|
||||||
plain
|
|
||||||
icon="el-icon-delete"
|
|
||||||
size="mini"
|
|
||||||
:disabled="multiple"
|
|
||||||
@click="handleDelete"
|
|
||||||
>删除</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="warning"
|
|
||||||
plain
|
|
||||||
icon="el-icon-download"
|
|
||||||
size="mini"
|
|
||||||
@click="handleExport"
|
|
||||||
>导出</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="warning"
|
|
||||||
plain
|
|
||||||
icon="el-icon-close"
|
|
||||||
size="mini"
|
|
||||||
@click="handleClose"
|
|
||||||
>关闭</el-button>
|
|
||||||
</el-col>
|
|
||||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<KLPTable v-loading="loading" :data="dataList" @selection-change="handleSelectionChange">
|
|
||||||
<el-table-column type="selection" width="55" align="center" />
|
|
||||||
<el-table-column label="字典编码" align="center" prop="dictCode" />
|
|
||||||
<el-table-column label="字典标签" align="center" prop="dictLabel">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span v-if="scope.row.listClass == '' || scope.row.listClass == 'default'">{{scope.row.dictLabel}}</span>
|
|
||||||
<el-tag v-else :type="scope.row.listClass == 'primary' ? '' : scope.row.listClass">{{scope.row.dictLabel}}</el-tag>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="字典键值" align="center" prop="dictValue" />
|
|
||||||
<el-table-column label="字典排序" align="center" prop="dictSort" />
|
|
||||||
<el-table-column label="状态" align="center" prop="status">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<dict-tag :options="dict.type.sys_normal_disable" :value="scope.row.status"/>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="备注" align="center" prop="remark" :show-overflow-tooltip="true" />
|
|
||||||
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span>{{ parseTime(scope.row.createTime) }}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-edit"
|
|
||||||
@click="handleUpdate(scope.row)"
|
|
||||||
>修改</el-button>
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-delete"
|
|
||||||
@click="handleDelete(scope.row)"
|
|
||||||
>删除</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</KLPTable>
|
|
||||||
|
|
||||||
<pagination
|
|
||||||
v-show="total>0"
|
|
||||||
:total="total"
|
|
||||||
:page.sync="queryParams.pageNum"
|
|
||||||
:limit.sync="queryParams.pageSize"
|
|
||||||
@pagination="getList"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- 添加或修改参数配置对话框 -->
|
|
||||||
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
||||||
<el-form-item label="字典类型">
|
|
||||||
<el-input v-model="form.dictType" :disabled="true" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="数据标签" prop="dictLabel">
|
|
||||||
<el-input v-model="form.dictLabel" placeholder="请输入数据标签" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="数据键值" prop="dictValue">
|
|
||||||
<el-input v-model="form.dictValue" placeholder="请输入数据键值" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="样式属性" prop="cssClass">
|
|
||||||
<el-input v-model="form.cssClass" placeholder="请输入样式属性" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="显示排序" prop="dictSort">
|
|
||||||
<el-input-number :controls=false controls-position="right" v-model="form.dictSort" :min="0" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="回显样式" prop="listClass">
|
|
||||||
<el-select v-model="form.listClass">
|
|
||||||
<el-option
|
|
||||||
v-for="item in listClassOptions"
|
|
||||||
:key="item.value"
|
|
||||||
:label="item.label + '(' + item.value + ')'"
|
|
||||||
:value="item.value"
|
|
||||||
></el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="状态" prop="status">
|
|
||||||
<el-radio-group v-model="form.status">
|
|
||||||
<el-radio
|
|
||||||
v-for="dict in dict.type.sys_normal_disable"
|
|
||||||
:key="dict.value"
|
|
||||||
:label="dict.value"
|
|
||||||
>{{dict.label}}</el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="备注" prop="remark">
|
|
||||||
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<div slot="footer" class="dialog-footer">
|
|
||||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
|
||||||
<el-button @click="cancel">取 消</el-button>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { listData, getData, delData, addData, updateData } from "@/api/system/dict/data";
|
|
||||||
import { optionselect as getDictOptionselect, getType } from "@/api/system/dict/type";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: "Data",
|
|
||||||
dicts: ['sys_normal_disable'],
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
// 遮罩层
|
|
||||||
loading: true,
|
|
||||||
// 选中数组
|
|
||||||
ids: [],
|
|
||||||
// 非单个禁用
|
|
||||||
single: true,
|
|
||||||
// 非多个禁用
|
|
||||||
multiple: true,
|
|
||||||
// 显示搜索条件
|
|
||||||
showSearch: true,
|
|
||||||
// 总条数
|
|
||||||
total: 0,
|
|
||||||
// 字典表格数据
|
|
||||||
dataList: [],
|
|
||||||
// 默认字典类型
|
|
||||||
defaultDictType: "",
|
|
||||||
// 弹出层标题
|
|
||||||
title: "",
|
|
||||||
// 是否显示弹出层
|
|
||||||
open: false,
|
|
||||||
// 数据标签回显样式
|
|
||||||
listClassOptions: [
|
|
||||||
{
|
|
||||||
value: "default",
|
|
||||||
label: "默认"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "primary",
|
|
||||||
label: "主要"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "success",
|
|
||||||
label: "成功"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "info",
|
|
||||||
label: "信息"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "warning",
|
|
||||||
label: "警告"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "danger",
|
|
||||||
label: "危险"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
// 类型数据字典
|
|
||||||
typeOptions: [],
|
|
||||||
// 查询参数
|
|
||||||
queryParams: {
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 20,
|
|
||||||
dictName: undefined,
|
|
||||||
dictType: undefined,
|
|
||||||
status: undefined
|
|
||||||
},
|
|
||||||
// 表单参数
|
|
||||||
form: {},
|
|
||||||
// 表单校验
|
|
||||||
rules: {
|
|
||||||
dictLabel: [
|
|
||||||
{ required: true, message: "数据标签不能为空", trigger: "blur" }
|
|
||||||
],
|
|
||||||
dictValue: [
|
|
||||||
{ required: true, message: "数据键值不能为空", trigger: "blur" }
|
|
||||||
],
|
|
||||||
dictSort: [
|
|
||||||
{ required: true, message: "数据顺序不能为空", trigger: "blur" }
|
|
||||||
]
|
|
||||||
}
|
|
||||||
};
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
const dictId = '1946447341556719617';
|
|
||||||
this.getType(dictId);
|
|
||||||
this.getTypeList();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
/** 查询字典类型详细 */
|
|
||||||
getType(dictId) {
|
|
||||||
getType(dictId).then(response => {
|
|
||||||
this.queryParams.dictType = response.data.dictType;
|
|
||||||
this.defaultDictType = response.data.dictType;
|
|
||||||
this.getList();
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 查询字典类型列表 */
|
|
||||||
getTypeList() {
|
|
||||||
getDictOptionselect().then(response => {
|
|
||||||
this.typeOptions = response.data;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 查询字典数据列表 */
|
|
||||||
getList() {
|
|
||||||
this.loading = true;
|
|
||||||
listData(this.queryParams).then(response => {
|
|
||||||
this.dataList = response.rows;
|
|
||||||
this.total = response.total;
|
|
||||||
this.loading = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 取消按钮
|
|
||||||
cancel() {
|
|
||||||
this.open = false;
|
|
||||||
this.reset();
|
|
||||||
},
|
|
||||||
// 表单重置
|
|
||||||
reset() {
|
|
||||||
this.form = {
|
|
||||||
dictCode: undefined,
|
|
||||||
dictLabel: undefined,
|
|
||||||
dictValue: undefined,
|
|
||||||
cssClass: undefined,
|
|
||||||
listClass: 'default',
|
|
||||||
dictSort: 0,
|
|
||||||
status: "0",
|
|
||||||
remark: undefined
|
|
||||||
};
|
|
||||||
this.resetForm("form");
|
|
||||||
},
|
|
||||||
/** 搜索按钮操作 */
|
|
||||||
handleQuery() {
|
|
||||||
this.queryParams.pageNum = 1;
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
/** 返回按钮操作 */
|
|
||||||
handleClose() {
|
|
||||||
const obj = { path: "/system/dict" };
|
|
||||||
this.$tab.closeOpenPage(obj);
|
|
||||||
},
|
|
||||||
/** 重置按钮操作 */
|
|
||||||
resetQuery() {
|
|
||||||
this.resetForm("queryForm");
|
|
||||||
this.queryParams.dictType = this.defaultDictType;
|
|
||||||
this.handleQuery();
|
|
||||||
},
|
|
||||||
/** 新增按钮操作 */
|
|
||||||
handleAdd() {
|
|
||||||
this.reset();
|
|
||||||
this.open = true;
|
|
||||||
this.title = "添加字典数据";
|
|
||||||
this.form.dictType = this.queryParams.dictType;
|
|
||||||
},
|
|
||||||
// 多选框选中数据
|
|
||||||
handleSelectionChange(selection) {
|
|
||||||
this.ids = selection.map(item => item.dictCode)
|
|
||||||
this.single = selection.length!=1
|
|
||||||
this.multiple = !selection.length
|
|
||||||
},
|
|
||||||
/** 修改按钮操作 */
|
|
||||||
handleUpdate(row) {
|
|
||||||
this.reset();
|
|
||||||
const dictCode = row.dictCode || this.ids
|
|
||||||
getData(dictCode).then(response => {
|
|
||||||
this.form = response.data;
|
|
||||||
this.open = true;
|
|
||||||
this.title = "修改字典数据";
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 提交按钮 */
|
|
||||||
submitForm: function() {
|
|
||||||
this.$refs["form"].validate(valid => {
|
|
||||||
if (valid) {
|
|
||||||
if (this.form.dictCode != undefined) {
|
|
||||||
updateData(this.form).then(response => {
|
|
||||||
this.$store.dispatch('dict/removeDict', this.queryParams.dictType);
|
|
||||||
this.$modal.msgSuccess("修改成功");
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
addData(this.form).then(response => {
|
|
||||||
this.$store.dispatch('dict/removeDict', this.queryParams.dictType);
|
|
||||||
this.$modal.msgSuccess("新增成功");
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 删除按钮操作 */
|
|
||||||
handleDelete(row) {
|
|
||||||
const dictCodes = row.dictCode || this.ids;
|
|
||||||
this.$modal.confirm('是否确认删除字典编码为"' + dictCodes + '"的数据项？').then(function() {
|
|
||||||
return delData(dictCodes);
|
|
||||||
}).then(() => {
|
|
||||||
this.getList();
|
|
||||||
this.$modal.msgSuccess("删除成功");
|
|
||||||
this.$store.dispatch('dict/removeDict', this.queryParams.dictType);
|
|
||||||
}).catch(() => {});
|
|
||||||
},
|
|
||||||
/** 导出按钮操作 */
|
|
||||||
handleExport() {
|
|
||||||
this.download('system/dict/data/export', {
|
|
||||||
...this.queryParams
|
|
||||||
}, `data_${new Date().getTime()}.xlsx`)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
305
klp-ui/src/views/wms/vendor/index.vue
vendored
305
klp-ui/src/views/wms/vendor/index.vue
vendored
@@ -1,305 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="app-container">
|
|
||||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="80px">
|
|
||||||
<el-form-item label="供应商名称" prop="name">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.name"
|
|
||||||
placeholder="请输入供应商名称"
|
|
||||||
clearable
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="联系人" prop="contactPerson">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.contactPerson"
|
|
||||||
placeholder="请输入联系人"
|
|
||||||
clearable
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="联系电话" prop="phone">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.phone"
|
|
||||||
placeholder="请输入联系电话"
|
|
||||||
clearable
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="地址" prop="address">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.address"
|
|
||||||
placeholder="请输入地址"
|
|
||||||
clearable
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item>
|
|
||||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
|
||||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
|
|
||||||
<el-row :gutter="10" class="mb8">
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
plain
|
|
||||||
icon="el-icon-plus"
|
|
||||||
size="mini"
|
|
||||||
@click="handleAdd"
|
|
||||||
>新增</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="success"
|
|
||||||
plain
|
|
||||||
icon="el-icon-edit"
|
|
||||||
size="mini"
|
|
||||||
:disabled="single"
|
|
||||||
@click="handleUpdate"
|
|
||||||
>修改</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="danger"
|
|
||||||
plain
|
|
||||||
icon="el-icon-delete"
|
|
||||||
size="mini"
|
|
||||||
:disabled="multiple"
|
|
||||||
@click="handleDelete"
|
|
||||||
>删除</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="warning"
|
|
||||||
plain
|
|
||||||
icon="el-icon-download"
|
|
||||||
size="mini"
|
|
||||||
@click="handleExport"
|
|
||||||
>导出</el-button>
|
|
||||||
</el-col>
|
|
||||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<KLPTable v-loading="loading" :data="supplierList" @selection-change="handleSelectionChange">
|
|
||||||
<el-table-column type="selection" width="55" align="center" />
|
|
||||||
<el-table-column label="供应商ID" align="center" prop="supplierId" v-if="false"/>
|
|
||||||
<el-table-column label="供应商名称" align="center" prop="name" />
|
|
||||||
<el-table-column label="联系人" align="center" prop="contactPerson" />
|
|
||||||
<el-table-column label="联系电话" align="center" prop="phone" />
|
|
||||||
<el-table-column label="地址" align="center" prop="address" />
|
|
||||||
<el-table-column label="备注" align="center" prop="remark" />
|
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-edit"
|
|
||||||
@click="handleUpdate(scope.row)"
|
|
||||||
>修改</el-button>
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-delete"
|
|
||||||
@click="handleDelete(scope.row)"
|
|
||||||
>删除</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</KLPTable>
|
|
||||||
|
|
||||||
<pagination
|
|
||||||
v-show="total>0"
|
|
||||||
:total="total"
|
|
||||||
:page.sync="queryParams.pageNum"
|
|
||||||
:limit.sync="queryParams.pageSize"
|
|
||||||
@pagination="getList"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- 添加或修改供应商信息对话框 -->
|
|
||||||
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
|
|
||||||
<el-form-item label="供应商名称" prop="name">
|
|
||||||
<el-input v-model="form.name" placeholder="请输入供应商名称" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="联系人" prop="contactPerson">
|
|
||||||
<el-input v-model="form.contactPerson" placeholder="请输入联系人" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="联系电话" prop="phone">
|
|
||||||
<el-input v-model="form.phone" placeholder="请输入联系电话" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="地址" prop="address">
|
|
||||||
<el-input v-model="form.address" placeholder="请输入地址" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="备注" prop="remark">
|
|
||||||
<el-input v-model="form.remark" placeholder="请输入备注" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<div slot="footer" class="dialog-footer">
|
|
||||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
|
|
||||||
<el-button @click="cancel">取 消</el-button>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { listSupplier, getSupplier, delSupplier, addSupplier, updateSupplier } from "@/api/wms/supplier";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: "Supplier",
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
// 按钮loading
|
|
||||||
buttonLoading: false,
|
|
||||||
// 遮罩层
|
|
||||||
loading: true,
|
|
||||||
// 选中数组
|
|
||||||
ids: [],
|
|
||||||
// 非单个禁用
|
|
||||||
single: true,
|
|
||||||
// 非多个禁用
|
|
||||||
multiple: true,
|
|
||||||
// 显示搜索条件
|
|
||||||
showSearch: true,
|
|
||||||
// 总条数
|
|
||||||
total: 0,
|
|
||||||
// 供应商信息表格数据
|
|
||||||
supplierList: [],
|
|
||||||
// 弹出层标题
|
|
||||||
title: "",
|
|
||||||
// 是否显示弹出层
|
|
||||||
open: false,
|
|
||||||
// 查询参数
|
|
||||||
queryParams: {
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 20,
|
|
||||||
name: undefined,
|
|
||||||
contactPerson: undefined,
|
|
||||||
phone: undefined,
|
|
||||||
address: undefined,
|
|
||||||
},
|
|
||||||
// 表单参数
|
|
||||||
form: {},
|
|
||||||
// 表单校验
|
|
||||||
rules: {
|
|
||||||
}
|
|
||||||
};
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
/** 查询供应商信息列表 */
|
|
||||||
getList() {
|
|
||||||
this.loading = true;
|
|
||||||
listSupplier(this.queryParams).then(response => {
|
|
||||||
this.supplierList = response.rows;
|
|
||||||
this.total = response.total;
|
|
||||||
this.loading = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 取消按钮
|
|
||||||
cancel() {
|
|
||||||
this.open = false;
|
|
||||||
this.reset();
|
|
||||||
},
|
|
||||||
// 表单重置
|
|
||||||
reset() {
|
|
||||||
this.form = {
|
|
||||||
supplierId: undefined,
|
|
||||||
name: undefined,
|
|
||||||
contactPerson: undefined,
|
|
||||||
phone: undefined,
|
|
||||||
address: undefined,
|
|
||||||
remark: undefined,
|
|
||||||
delFlag: undefined,
|
|
||||||
createTime: undefined,
|
|
||||||
createBy: undefined,
|
|
||||||
updateTime: undefined,
|
|
||||||
updateBy: undefined
|
|
||||||
};
|
|
||||||
this.resetForm("form");
|
|
||||||
},
|
|
||||||
/** 搜索按钮操作 */
|
|
||||||
handleQuery() {
|
|
||||||
this.queryParams.pageNum = 1;
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
/** 重置按钮操作 */
|
|
||||||
resetQuery() {
|
|
||||||
this.resetForm("queryForm");
|
|
||||||
this.handleQuery();
|
|
||||||
},
|
|
||||||
// 多选框选中数据
|
|
||||||
handleSelectionChange(selection) {
|
|
||||||
this.ids = selection.map(item => item.supplierId)
|
|
||||||
this.single = selection.length!==1
|
|
||||||
this.multiple = !selection.length
|
|
||||||
},
|
|
||||||
/** 新增按钮操作 */
|
|
||||||
handleAdd() {
|
|
||||||
this.reset();
|
|
||||||
this.open = true;
|
|
||||||
this.title = "添加供应商信息";
|
|
||||||
},
|
|
||||||
/** 修改按钮操作 */
|
|
||||||
handleUpdate(row) {
|
|
||||||
this.loading = true;
|
|
||||||
this.reset();
|
|
||||||
const supplierId = row.supplierId || this.ids
|
|
||||||
getSupplier(supplierId).then(response => {
|
|
||||||
this.loading = false;
|
|
||||||
this.form = response.data;
|
|
||||||
this.open = true;
|
|
||||||
this.title = "修改供应商信息";
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 提交按钮 */
|
|
||||||
submitForm() {
|
|
||||||
this.$refs["form"].validate(valid => {
|
|
||||||
if (valid) {
|
|
||||||
this.buttonLoading = true;
|
|
||||||
if (this.form.supplierId != null) {
|
|
||||||
updateSupplier(this.form).then(response => {
|
|
||||||
this.$modal.msgSuccess("修改成功");
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
}).finally(() => {
|
|
||||||
this.buttonLoading = false;
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
addSupplier(this.form).then(response => {
|
|
||||||
this.$modal.msgSuccess("新增成功");
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
}).finally(() => {
|
|
||||||
this.buttonLoading = false;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 删除按钮操作 */
|
|
||||||
handleDelete(row) {
|
|
||||||
const supplierIds = row.supplierId || this.ids;
|
|
||||||
this.$modal.confirm('是否确认删除供应商信息编号为"' + supplierIds + '"的数据项？').then(() => {
|
|
||||||
this.loading = true;
|
|
||||||
return delSupplier(supplierIds);
|
|
||||||
}).then(() => {
|
|
||||||
this.loading = false;
|
|
||||||
this.getList();
|
|
||||||
this.$modal.msgSuccess("删除成功");
|
|
||||||
}).catch(() => {
|
|
||||||
}).finally(() => {
|
|
||||||
this.loading = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 导出按钮操作 */
|
|
||||||
handleExport() {
|
|
||||||
this.download('wms/supplier/export', {
|
|
||||||
...this.queryParams
|
|
||||||
}, `supplier_${new Date().getTime()}.xlsx`)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
Reference in New Issue
Block a user