Merge remote-tracking branch 'origin/0.8.X' into 0.8.X
This commit is contained in:
@@ -378,4 +378,15 @@ export function listWithBindInfoCoil(params) {
|
||||
params,
|
||||
timeout: 600000
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 类型不匹配的卷
|
||||
*/
|
||||
export function listTypeErrorCoil() {
|
||||
return request({
|
||||
url: '/wms/materialCoil/queryMismatchedItemCoils',
|
||||
method: 'get',
|
||||
timeout: 600000
|
||||
})
|
||||
}
|
||||
686
klp-ui/src/views/crm/coil/index.vue
Normal file
686
klp-ui/src/views/crm/coil/index.vue
Normal file
@@ -0,0 +1,686 @@
|
||||
<template>
|
||||
<div class="app-container stock-layout">
|
||||
<!-- 左侧树结构 -->
|
||||
<div class="stock-tree-col">
|
||||
<el-card shadow="never" class="stock-tree-card">
|
||||
<div slot="header" class="stock-tree-title">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between;">
|
||||
<span>
|
||||
仓库结构
|
||||
</span>
|
||||
|
||||
<el-select v-model="warehouseType" placeholder="请选择仓库类别" style="width: 50%;">
|
||||
<el-option label="真实库区" value="real" />
|
||||
<el-option label="逻辑库位" value="virtual" />
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
<WarehouseTree @node-click="handleTreeSelect" :warehouseType="warehouseType" :showEmpty="true" />
|
||||
</el-card>
|
||||
</div>
|
||||
<!-- 右侧内容 -->
|
||||
<div class="stock-main-col">
|
||||
<!-- <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<MaterialSelect :itemType.sync="queryParams.itemType" :itemId.sync="queryParams.itemId" @change="getList" />
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
|
||||
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport">导出</el-button>
|
||||
</el-form-item>
|
||||
</el-form> -->
|
||||
<!-- 上方增加分组信息会影响下面的表格显示, 可以添加多级分组，例如按照itemType，按照itemName, 按照材质material, 按照规格specification, 按照厂家manufacturer -->
|
||||
<div class="group-controls">
|
||||
<el-form :model="groupForm" size="small" :inline="true">
|
||||
<el-form-item label="分组维度">
|
||||
<el-select v-model="groupForm.groupingCriteria" multiple placeholder="请选择分组维度" style="width: 300px;">
|
||||
<el-option label="物料类型" value="itemType" />
|
||||
<el-option label="物料名称" value="itemName" />
|
||||
<el-option label="材质" value="material" />
|
||||
<el-option label="规格" value="specification" />
|
||||
<el-option label="宽度" value="width" />
|
||||
<el-option label="厚度" value="thickness" />
|
||||
<el-option label="厂家" value="manufacturer" />
|
||||
<el-option label="镀层质量" value="zincLayer" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="getList">应用分组</el-button>
|
||||
<el-button @click="resetGroup">重置分组</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
|
||||
<vxe-toolbar :refresh="{query: reload}" export custom>
|
||||
<template v-slot:buttons>
|
||||
<!-- 统计数据；共{{ total }}卷 -->
|
||||
<span style="margin-left: 10px; font-weight: bold;">统计数据：共{{ total }}卷，总重量{{ totalWeight.toFixed(2) }}吨</span>
|
||||
|
||||
<!-- <vxe-input v-model.lazy="filterName" type="search" placeholder="全表搜索" style="width: 200px; margin-left: 10px;"></vxe-input> -->
|
||||
<!-- <vxe-button @click="$refs.xTree.setAllTreeExpand(true)">展开所有</vxe-button>
|
||||
<vxe-button @click="$refs.xTree.clearTreeExpand()">关闭所有</vxe-button> -->
|
||||
<vxe-button @click="clearFilterEvent">清除所有筛选</vxe-button>
|
||||
</template>
|
||||
</vxe-toolbar>
|
||||
|
||||
<div style="height: calc(100vh - 260px);">
|
||||
<vxe-table ref="xTree" :loading="loading" :data="list" size="mini" :tree-config="effectiveTreeConfig"
|
||||
max-height="100%" @row-click="handleTableRowClick" :export-config="{}" :scroll-y="{ enabled: true }">
|
||||
<vxe-table-column field="itemType" title="物料类型" align="center" :formatter="formatterItemType" tree-node sortable :filters="[{label: '产品', value: 'product'}, {label: '原料', value: 'raw_material'}]" :filter-method="filterItemTypeMethod">
|
||||
<template v-slot="{ row }">
|
||||
<span v-if="row.itemType">{{ formatterItemType(row.itemType) }}</span>
|
||||
<span v-else>{{ row.itemType || row.itemName || row.material || row.specification || row.manufacturer || row.zincLayer ||
|
||||
row.width ? ('宽度：' + row.width) : undefined ||
|
||||
row.thickness ? ('厚度：' + row.thickness) : undefined
|
||||
}}</span>
|
||||
</template>
|
||||
</vxe-table-column>
|
||||
<vxe-table-column sortable field="itemName" title="物料名称" align="center" :filters="itemNameOptions" :filter-method="filterItemNameMethod">
|
||||
</vxe-table-column>
|
||||
<vxe-table-column sortable field="material" title="材质" align="center" :filters="materialOptions" :filter-method="filterMaterialMethod">
|
||||
</vxe-table-column>
|
||||
<vxe-table-column sortable field="specification" title="规格" align="center" :filters="specificationOptions" :filter-method="filterSpecificationMethod">
|
||||
</vxe-table-column>
|
||||
<vxe-table-column sortable field="thickness" title="厚度" align="center" :filters="thicknessOptions" :filter-method="filterThicknessMethod">
|
||||
</vxe-table-column>
|
||||
<vxe-table-column sortable field="width" title="宽度" align="center" :filters="widthOptions" :filter-method="filterWidthMethod">
|
||||
</vxe-table-column>
|
||||
<vxe-table-column sortable field="manufacturer" title="厂家" align="center" :filters="manufacturerOptions" :filter-method="filterManufacturerMethod">
|
||||
</vxe-table-column>
|
||||
<vxe-table-column sortable field="zincLayer" title="镀层质量" align="center" :filters="zincLayerOptions" :filter-method="filterZincLayerMethod">
|
||||
</vxe-table-column>
|
||||
<!-- <vxe-table-column sortable field="totalQuantity" title="库存数量" align="center">
|
||||
</vxe-table-column> -->
|
||||
<vxe-table-column sortable field="netWeight" title="重量" align="center">
|
||||
</vxe-table-column>
|
||||
<vxe-table-column sortable field="quantity" title="数量" align="center">
|
||||
</vxe-table-column>
|
||||
<!-- <vxe-table-column field="remark" title="备注" align="center" /> -->
|
||||
|
||||
</vxe-table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listMaterialCoil } from "@/api/wms/coil";
|
||||
import WarehouseSelect from "@/components/WarehouseSelect";
|
||||
import RawMaterialInfo from "@/components/KLPService/Renderer/RawMaterialInfo";
|
||||
import ProductInfo from "@/components/KLPService/Renderer/ProductInfo";
|
||||
import WarehouseTree from "@/components/KLPService/WarehouseTree/index.vue";
|
||||
import MaterialSelect from "@/components/KLPService/MaterialSelect";
|
||||
|
||||
export default {
|
||||
name: "Stock",
|
||||
dicts: ['stock_item_type'],
|
||||
components: {
|
||||
WarehouseSelect,
|
||||
RawMaterialInfo,
|
||||
ProductInfo,
|
||||
WarehouseTree,
|
||||
MaterialSelect,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
// 库存分析对话框显示状态
|
||||
stockBoxVisible: false,
|
||||
// 按钮loading
|
||||
buttonLoading: false,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
totalQuantity: 0,
|
||||
totalWeight: 0,
|
||||
// 宽度和厚度汇总
|
||||
widths: [],
|
||||
thicknesses: [],
|
||||
// 库存：原材料/产品与库区/库位的存放关系表格数据
|
||||
stockList: [],
|
||||
// 弹出层标题
|
||||
title: "",
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 99,
|
||||
status: 0,
|
||||
dateType: 1,
|
||||
warehouseId: undefined,
|
||||
},
|
||||
warehouseType: 'virtual',
|
||||
// 表单参数
|
||||
form: {},
|
||||
|
||||
// 分组相关数据
|
||||
groupForm: {
|
||||
groupingCriteria: []
|
||||
},
|
||||
// vxe-table树配置
|
||||
tableTreeConfig: {
|
||||
children: 'children',
|
||||
accordion: true,
|
||||
expandAll: false,
|
||||
line: true,
|
||||
},
|
||||
// 搜索关键字
|
||||
filterName: '',
|
||||
// 筛选选项数组
|
||||
itemNameOptions: [],
|
||||
materialOptions: [],
|
||||
specificationOptions: [],
|
||||
manufacturerOptions: [],
|
||||
zincLayerOptions: [],
|
||||
thicknessOptions: [],
|
||||
widthOptions: []
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
list() {
|
||||
const filterName = this.filterName.trim().toLowerCase();
|
||||
if (!filterName) {
|
||||
return this.stockList;
|
||||
}
|
||||
|
||||
const searchProps = ['itemType', 'itemName', 'material', 'specification', 'manufacturer', 'totalQuantity', 'remark'];
|
||||
|
||||
const filterData = (data) => {
|
||||
return data.filter(item => {
|
||||
if (item.children) {
|
||||
item.children = filterData(item.children);
|
||||
return item.children.length > 0 || searchProps.some(key => {
|
||||
return String(item[key] || '').toLowerCase().includes(filterName);
|
||||
});
|
||||
}
|
||||
return searchProps.some(key => {
|
||||
return String(item[key] || '').toLowerCase().includes(filterName);
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
return filterData([...this.stockList]);
|
||||
},
|
||||
// 控制是否启用树形数据配置
|
||||
effectiveTreeConfig() {
|
||||
// 当没有分组条件时，不启用树形数据
|
||||
return this.groupForm.groupingCriteria && this.groupForm.groupingCriteria.length > 0 ? this.tableTreeConfig : undefined;
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询库存列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
if (this.warehouseType === 'real') {
|
||||
listMaterialCoil(this.queryParams).then(res => {
|
||||
let list = res.rows
|
||||
// 处理数据，添加宽度、厚度和数量字段
|
||||
list = list.map(item => {
|
||||
const parts = item.specification ? item.specification.split('*') : [];
|
||||
return {
|
||||
...item,
|
||||
thickness: parts[0] || '',
|
||||
width: parts[1] || '',
|
||||
quantity: 1 // 数量字段设为1
|
||||
};
|
||||
});
|
||||
this.stockList = this.groupData(list, this.groupForm.groupingCriteria);
|
||||
this.extractOptions(list);
|
||||
// 计算总数量和总重量
|
||||
this.calculateTotals(list);
|
||||
this.loading = false;
|
||||
})
|
||||
} else {
|
||||
listMaterialCoil(this.queryParams).then(res => {
|
||||
let list = res.rows
|
||||
// 处理数据，添加宽度、厚度和数量字段
|
||||
list = list.map(item => {
|
||||
const parts = item.specification ? item.specification.split('*') : [];
|
||||
return {
|
||||
...item,
|
||||
thickness: parts[0] || '',
|
||||
width: parts[1] || '',
|
||||
quantity: 1 // 数量字段设为1
|
||||
};
|
||||
});
|
||||
this.stockList = this.groupData(list, this.groupForm.groupingCriteria);
|
||||
this.extractOptions(list);
|
||||
// 计算总数量和总重量
|
||||
this.calculateTotals(list);
|
||||
this.loading = false;
|
||||
})
|
||||
}
|
||||
},
|
||||
/** 提取筛选选项值 */
|
||||
extractOptions(data) {
|
||||
// 提取唯一值
|
||||
const itemNames = new Set();
|
||||
const materials = new Set();
|
||||
const specifications = new Set();
|
||||
const manufacturers = new Set();
|
||||
const zincLayers = new Set();
|
||||
const thicknesses = new Set();
|
||||
const widths = new Set();
|
||||
|
||||
data.forEach(item => {
|
||||
if (item.itemName) itemNames.add(item.itemName);
|
||||
if (item.material) materials.add(item.material);
|
||||
if (item.specification) specifications.add(item.specification);
|
||||
if (item.manufacturer) manufacturers.add(item.manufacturer);
|
||||
if (item.zincLayer) zincLayers.add(item.zincLayer);
|
||||
if (item.thickness) thicknesses.add(item.thickness);
|
||||
if (item.width) widths.add(item.width);
|
||||
});
|
||||
|
||||
// 转换为数组并排序
|
||||
this.itemNameOptions = Array.from(itemNames).sort();
|
||||
this.materialOptions = Array.from(materials).sort();
|
||||
this.specificationOptions = Array.from(specifications).sort();
|
||||
this.manufacturerOptions = Array.from(manufacturers).sort();
|
||||
this.zincLayerOptions = Array.from(zincLayers).sort();
|
||||
this.thicknessOptions = Array.from(thicknesses).sort();
|
||||
this.widthOptions = Array.from(widths).sort();
|
||||
|
||||
this.updateManufacturerFilterEvent();
|
||||
this.updateZincLayerFilterEvent();
|
||||
this.updateSpecificationFilterEvent();
|
||||
this.updateMaterialFilterEvent();
|
||||
this.updateNameFilterEvent();
|
||||
this.updateThicknessFilterEvent();
|
||||
this.updateWidthFilterEvent();
|
||||
|
||||
console.log(this.itemNameOptions, itemNames, data);
|
||||
},
|
||||
formatterItemType(itemType) {
|
||||
return itemType === 'raw_material' ? '原材料' : '产品';
|
||||
},
|
||||
/** 格式化厚度 */
|
||||
formatterThickness(row) {
|
||||
if (!row.specification) return '';
|
||||
const parts = row.specification.split('*');
|
||||
return parts[0] || '';
|
||||
},
|
||||
/** 格式化宽度 */
|
||||
formatterWidth(row) {
|
||||
if (!row.specification) return '';
|
||||
const parts = row.specification.split('*');
|
||||
return parts[1] || '';
|
||||
},
|
||||
/** 计算总数量和总重量 */
|
||||
calculateTotals(data) {
|
||||
// 计算总数量（求和）
|
||||
this.total = data.length;
|
||||
|
||||
// 计算总重量（求和并保留两位小数）
|
||||
this.totalWeight = parseFloat(data.reduce((sum, item) => {
|
||||
return sum + (parseFloat(item.netWeight) || 0);
|
||||
}, 0).toFixed(2));
|
||||
|
||||
// 汇总宽度和厚度（提取唯一值）
|
||||
this.widths = [...new Set(data.map(item => item.width).filter(w => w))].sort();
|
||||
this.thicknesses = [...new Set(data.map(item => item.thickness).filter(t => t))].sort();
|
||||
},
|
||||
// 树节点点击
|
||||
handleTreeSelect(node) {
|
||||
if (this.warehouseType === 'real') {
|
||||
this.queryParams.actualWarehouseId = node.actualWarehouseId;
|
||||
this.queryParams.warehouseId = '';
|
||||
} else {
|
||||
this.queryParams.warehouseId = node.warehouseId;
|
||||
this.queryParams.actualWarehouseId = '';
|
||||
}
|
||||
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
handleExport() {
|
||||
this.download('wms/stock/export', {
|
||||
...this.queryParams
|
||||
}, `stock_${new Date().getTime()}.xlsx`)
|
||||
},
|
||||
|
||||
/** 重置分组 */
|
||||
resetGroup() {
|
||||
this.groupForm.groupingCriteria = [];
|
||||
this.getList();
|
||||
},
|
||||
/** 分组数据处理 */
|
||||
groupData(data, criteria) {
|
||||
if (!criteria || criteria.length === 0) {
|
||||
return data;
|
||||
}
|
||||
|
||||
const groupBy = (arr, key) => {
|
||||
return arr.reduce((groups, item) => {
|
||||
const value = item[key] || '未知';
|
||||
if (!groups[value]) {
|
||||
groups[value] = [];
|
||||
}
|
||||
groups[value].push(item);
|
||||
return groups;
|
||||
}, {});
|
||||
};
|
||||
|
||||
const buildTree = (items, level) => {
|
||||
if (level >= criteria.length) {
|
||||
return items;
|
||||
}
|
||||
|
||||
const currentCriteria = criteria[level];
|
||||
const grouped = groupBy(items, currentCriteria);
|
||||
|
||||
return Object.keys(grouped).map(key => {
|
||||
const children = buildTree(grouped[key], level + 1);
|
||||
const totalQuantity = children.reduce((sum, child) => {
|
||||
return sum + (parseInt(child.quantity) || 0);
|
||||
}, 0);
|
||||
|
||||
const totalWeight = parseFloat(children.reduce((sum, child) => {
|
||||
return sum + (parseFloat(child.netWeight) || 0);
|
||||
}, 0).toFixed(2));
|
||||
|
||||
return {
|
||||
[currentCriteria]: key,
|
||||
quantity: totalQuantity,
|
||||
netWeight: totalWeight,
|
||||
children,
|
||||
hasChildren: children.length > 0
|
||||
};
|
||||
});
|
||||
};
|
||||
|
||||
return buildTree(data, 0);
|
||||
},
|
||||
/** 物料类型筛选 */
|
||||
filterItemTypeMethod({ cellValue, option }) {
|
||||
return cellValue === option.value;
|
||||
},
|
||||
/** 物料名称筛选 */
|
||||
filterItemNameMethod({ cellValue, option }) {
|
||||
return option.value ? cellValue === option.value : true;
|
||||
},
|
||||
/** 材质筛选 */
|
||||
filterMaterialMethod({ cellValue, option }) {
|
||||
return option.value ? cellValue === option.value : true;
|
||||
},
|
||||
/** 规格筛选 */
|
||||
filterSpecificationMethod({ cellValue, option }) {
|
||||
return option.value ? cellValue === option.value : true;
|
||||
},
|
||||
/** 厂家筛选 */
|
||||
filterManufacturerMethod({ cellValue, option }) {
|
||||
return option.value ? cellValue === option.value : true;
|
||||
},
|
||||
/** 镀层质量筛选 */
|
||||
filterZincLayerMethod({ cellValue, option }) {
|
||||
return option.value ? cellValue === option.value : true;
|
||||
},
|
||||
/** 厚度筛选 */
|
||||
filterThicknessMethod({ cellValue, option }) {
|
||||
return option.value ? cellValue === option.value : true;
|
||||
},
|
||||
/** 宽度筛选 */
|
||||
filterWidthMethod({ cellValue, option }) {
|
||||
return option.value ? cellValue === option.value : true;
|
||||
},
|
||||
/** 库存数量筛选 */
|
||||
filterTotalQuantityMethod({ cellValue, option }) {
|
||||
const value = Number(cellValue || 0);
|
||||
const filterValue = Number(option.value || 0);
|
||||
|
||||
switch (option.operator || option.value) {
|
||||
case 'gt':
|
||||
return value > filterValue;
|
||||
case 'gte':
|
||||
return value >= filterValue;
|
||||
case 'lt':
|
||||
return value < filterValue;
|
||||
case 'lte':
|
||||
return value <= filterValue;
|
||||
case 'eq':
|
||||
return value === filterValue;
|
||||
default:
|
||||
return true;
|
||||
}
|
||||
},
|
||||
/** 更改物料名称筛选条件 */
|
||||
updateNameFilterEvent() {
|
||||
const xTable = this.$refs.xTree;
|
||||
const column = xTable.getColumnByField('itemName');
|
||||
// 使用从数据中汇总的实际选项
|
||||
const options = this.itemNameOptions.map(item => ({
|
||||
label: item,
|
||||
value: item
|
||||
}));
|
||||
// 修改筛选列表
|
||||
xTable.setFilter(column, options);
|
||||
// 修改条件之后，需要手动调用 updateData 处理表格数据
|
||||
xTable.updateData();
|
||||
},
|
||||
/** 更改材质筛选条件 */
|
||||
updateMaterialFilterEvent() {
|
||||
const xTable = this.$refs.xTree;
|
||||
const column = xTable.getColumnByField('material');
|
||||
// 使用从数据中汇总的实际选项
|
||||
const options = this.materialOptions.map(item => ({
|
||||
label: item,
|
||||
value: item
|
||||
}));
|
||||
// 修改筛选列表
|
||||
xTable.setFilter(column, options);
|
||||
// 修改条件之后，需要手动调用 updateData 处理表格数据
|
||||
xTable.updateData();
|
||||
},
|
||||
/** 更改规格筛选条件 */
|
||||
updateSpecificationFilterEvent() {
|
||||
const xTable = this.$refs.xTree;
|
||||
const column = xTable.getColumnByField('specification');
|
||||
// 使用从数据中汇总的实际选项
|
||||
const options = this.specificationOptions.map(item => ({
|
||||
label: item,
|
||||
value: item
|
||||
}));
|
||||
// 修改筛选列表
|
||||
xTable.setFilter(column, options);
|
||||
// 修改条件之后，需要手动调用 updateData 处理表格数据
|
||||
xTable.updateData();
|
||||
},
|
||||
/** 更改厂家筛选条件 */
|
||||
updateManufacturerFilterEvent() {
|
||||
const xTable = this.$refs.xTree;
|
||||
const column = xTable.getColumnByField('manufacturer');
|
||||
// 使用从数据中汇总的实际选项
|
||||
const options = this.manufacturerOptions.map(item => ({
|
||||
label: item,
|
||||
value: item
|
||||
}));
|
||||
// 修改筛选列表
|
||||
xTable.setFilter(column, options);
|
||||
// 修改条件之后，需要手动调用 updateData 处理表格数据
|
||||
xTable.updateData();
|
||||
},
|
||||
/** 更改镀层质量筛选条件 */
|
||||
updateZincLayerFilterEvent() {
|
||||
const xTable = this.$refs.xTree;
|
||||
const column = xTable.getColumnByField('zincLayer');
|
||||
// 使用从数据中汇总的实际选项
|
||||
const options = this.zincLayerOptions.map(item => ({
|
||||
label: item,
|
||||
value: item
|
||||
}));
|
||||
// 修改筛选列表
|
||||
xTable.setFilter(column, options);
|
||||
// 修改条件之后，需要手动调用 updateData 处理表格数据
|
||||
xTable.updateData();
|
||||
},
|
||||
/** 更改厚度筛选条件 */
|
||||
updateThicknessFilterEvent() {
|
||||
const xTable = this.$refs.xTree;
|
||||
const column = xTable.getColumnByField('thickness');
|
||||
// 使用从数据中汇总的实际选项
|
||||
const options = this.thicknessOptions.map(item => ({
|
||||
label: item,
|
||||
value: item
|
||||
}));
|
||||
// 修改筛选列表
|
||||
xTable.setFilter(column, options);
|
||||
// 修改条件之后，需要手动调用 updateData 处理表格数据
|
||||
xTable.updateData();
|
||||
},
|
||||
/** 更改宽度筛选条件 */
|
||||
updateWidthFilterEvent() {
|
||||
const xTable = this.$refs.xTree;
|
||||
const column = xTable.getColumnByField('width');
|
||||
// 使用从数据中汇总的实际选项
|
||||
const options = this.widthOptions.map(item => ({
|
||||
label: item,
|
||||
value: item
|
||||
}));
|
||||
// 修改筛选列表
|
||||
xTable.setFilter(column, options);
|
||||
// 修改条件之后，需要手动调用 updateData 处理表格数据
|
||||
xTable.updateData();
|
||||
},
|
||||
/** 清除筛选条件 */
|
||||
clearFilterEvent() {
|
||||
const xTable = this.$refs.xTree;
|
||||
xTable.clearFilter();
|
||||
xTable.updateData();
|
||||
},
|
||||
/** 刷新数据 */
|
||||
reload() {
|
||||
this.getList();
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.stock-layout {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.stock-tree-col {
|
||||
width: 260px;
|
||||
max-width: 300px;
|
||||
background: #fff;
|
||||
border-right: 1px solid #f0f0f0;
|
||||
height: 100%;
|
||||
padding-right: 0;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.stock-tree-card {
|
||||
height: 100%;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.stock-tree-title {
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
padding: 8px 0;
|
||||
}
|
||||
|
||||
.stock-tree {
|
||||
min-height: 500px;
|
||||
max-height: 80vh;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.stock-main-col {
|
||||
flex: 1;
|
||||
padding-left: 24px;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.group-controls {
|
||||
margin-bottom: 16px;
|
||||
padding: 12px;
|
||||
background-color: #f9f9f9;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #eaeaea;
|
||||
}
|
||||
|
||||
.group-controls .el-form {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* 分组行样式 */
|
||||
.el-table__row.group-row {
|
||||
background-color: #f5f7fa;
|
||||
}
|
||||
|
||||
/* 叶子节点样式 */
|
||||
.el-table__row.leaf-row {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
/* 筛选输入框样式 */
|
||||
.my-input {
|
||||
width: 100%;
|
||||
padding: 4px 8px;
|
||||
border: 1px solid #dcdfe6;
|
||||
border-radius: 4px;
|
||||
font-size: 12px;
|
||||
outline: none;
|
||||
transition: border-color 0.3s;
|
||||
}
|
||||
|
||||
.my-input:focus {
|
||||
border-color: #409eff;
|
||||
}
|
||||
|
||||
/* 筛选下拉选择框样式 */
|
||||
.my-select {
|
||||
width: 100%;
|
||||
padding: 4px 8px;
|
||||
border: 1px solid #dcdfe6;
|
||||
border-radius: 4px;
|
||||
font-size: 12px;
|
||||
outline: none;
|
||||
transition: border-color 0.3s;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.my-select:focus {
|
||||
border-color: #409eff;
|
||||
}
|
||||
|
||||
/* 库存数量筛选样式 */
|
||||
.quantity-filter {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.quantity-filter .my-select {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.quantity-filter .my-input {
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
@@ -55,28 +55,37 @@
|
||||
<div class="exception-section">
|
||||
<div class="section-header">
|
||||
<h4 class="section-title">异常记录</h4>
|
||||
<el-button type="default" icon="el-icon-refresh" plain size="mini" @click="refreshAbnormalList"
|
||||
:loading="abnormalLoading">
|
||||
刷新
|
||||
</el-button>
|
||||
<div>
|
||||
<el-button type="primary" size="mini" @click="handleSave">保存</el-button>
|
||||
<el-button type="default" icon="el-icon-refresh" plain size="mini" @click="refreshAbnormalList"
|
||||
:loading="abnormalLoading">
|
||||
刷新
|
||||
</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-table :data="abnormalList" style="width: 100%" border>
|
||||
<el-table-column label="开始位置" prop="startPosition" width="80">
|
||||
<el-table :data="abnormalList" style="width: 100%" border stripe>
|
||||
<el-table-column label="序号" type="index" width="50" />
|
||||
<el-table-column label="缺陷描述" prop="remark">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.remark" placeholder="请输入缺陷描述" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="开始位置" prop="startPosition" width="100">
|
||||
<template slot-scope="scope">
|
||||
<el-input :controls="false" v-model="scope.row.startPosition" placeholder="请输入开始位置" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="结束位置" prop="endPosition" width="80">
|
||||
<el-table-column label="结束位置" prop="endPosition" width="100">
|
||||
<template slot-scope="scope">
|
||||
<el-input :controls="false" v-model="scope.row.endPosition" placeholder="请输入结束位置" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="长度" prop="length" width="80">
|
||||
<el-table-column label="长度" prop="length" width="100">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.endPosition - scope.row.startPosition }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="上下版面" prop="plateSurface">
|
||||
<el-table-column label="上下版面" prop="plateSurface" width="180">
|
||||
<template slot-scope="scope">
|
||||
<muti-select v-model="scope.row.plateSurface" :options="[
|
||||
{ label: '上板面', value: '上' },
|
||||
@@ -88,7 +97,7 @@
|
||||
</el-checkbox-group> -->
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="断面位置" prop="position">
|
||||
<el-table-column label="断面位置" prop="position" width="240">
|
||||
<template slot-scope="scope">
|
||||
<muti-select v-model="scope.row.position" :options="dict.type.coil_abnormal_position" type="checkbox">
|
||||
</muti-select>
|
||||
@@ -97,41 +106,53 @@
|
||||
</el-checkbox-group> -->
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="缺陷代码" prop="defectCode">
|
||||
<template slot-scope="scope">
|
||||
<div class="radio-single">
|
||||
<el-radio-group v-model="scope.row.defectCode">
|
||||
<el-radio v-for="dict in dict.type.coil_abnormal_code" :key="dict.value" :label="dict.value" @click.native="handleRadioClick(scope.row.defectCode, dict.value, 'defectCode', scope.row)">
|
||||
{{ dict.label }}
|
||||
</el-radio>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="程度" prop="degree">
|
||||
<template slot-scope="scope">
|
||||
<div class="radio-single">
|
||||
<el-radio-group v-model="scope.row.degree">
|
||||
<el-radio v-for="dict in dict.type.coil_abnormal_degree" :key="dict.value" :label="dict.value" @click.native="handleRadioClick(scope.row.degree, dict.value, 'degree', scope.row)">
|
||||
{{ dict.label }}
|
||||
</el-radio>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="80">
|
||||
<template slot-scope="scope">
|
||||
<el-button v-if="scope.row.abnormalId" type="text" size="mini" @click="handleDelete(scope.row)" style="color: #f56c6c;">
|
||||
删除
|
||||
</el-button>
|
||||
<el-button v-else type="text" size="mini" @click="clearRowData(scope.row)">
|
||||
清空
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="主缺陷" prop="mainMark" width="60">
|
||||
<template slot-scope="scope">
|
||||
<el-checkbox v-model="scope.row.mainMark" :true-label="1" :false-label="0"></el-checkbox>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="缺陷代码" prop="defectCode">
|
||||
<template slot-scope="scope">
|
||||
<el-select v-model="scope.row.defectCode" placeholder="请选择缺陷代码">
|
||||
<el-option v-for="dict in dict.type.coil_abnormal_code" :key="dict.value" :label="dict.label"
|
||||
:value="dict.value"></el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="程度" prop="degree">
|
||||
<template slot-scope="scope">
|
||||
<el-select v-model="scope.row.degree" placeholder="请选择程度">
|
||||
<el-option v-for="dict in dict.type.coil_abnormal_degree" :key="dict.value" :label="dict.label"
|
||||
:value="dict.value"></el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="产线" prop="productionLine">
|
||||
<!-- <el-table-column label="产线" prop="productionLine">
|
||||
<template slot-scope="scope">
|
||||
<el-select v-model="scope.row.productionLine" placeholder="请选择产线">
|
||||
<el-option v-for="dict in dict.type.sys_lines" :key="dict.value" :label="dict.label"
|
||||
:value="dict.value"></el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="备注" prop="remark">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.remark" placeholder="请输入备注" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="180">
|
||||
</el-table-column> -->
|
||||
<!-- <el-table-column label="操作" width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-button v-if="!scope.row.abnormalId" type="primary" plain size="mini" :loading="buttonLoading"
|
||||
@click="handleSave(scope.row)">新增</el-button>
|
||||
@@ -142,7 +163,7 @@
|
||||
@click="handleDelete(scope.row)">删除</el-button>
|
||||
</template>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table-column> -->
|
||||
</el-table>
|
||||
</div>
|
||||
|
||||
@@ -285,63 +306,77 @@ export default {
|
||||
}
|
||||
return emptyRows
|
||||
},
|
||||
handleSave(row) {
|
||||
// 验证数据
|
||||
if (!row.startPosition || !row.endPosition) {
|
||||
this.$message.error('请填写开始位置和结束位置')
|
||||
return
|
||||
handleSave() {
|
||||
// 过滤出非空行
|
||||
const nonEmptyRows = this.abnormalList.filter(row => {
|
||||
return row.startPosition || row.endPosition || row.position || row.plateSurface || row.defectCode || row.degree || row.remark
|
||||
})
|
||||
|
||||
// 批量校验
|
||||
for (let i = 0; i < nonEmptyRows.length; i++) {
|
||||
const row = nonEmptyRows[i]
|
||||
const rowIndex = this.abnormalList.indexOf(row) + 1 // 行号从1开始
|
||||
|
||||
if (!row.startPosition || !row.endPosition) {
|
||||
this.$message.error(`第${rowIndex}行：请填写开始位置和结束位置`)
|
||||
return
|
||||
}
|
||||
if (row.startPosition > row.endPosition) {
|
||||
this.$message.error(`第${rowIndex}行：开始位置必须小于结束位置`)
|
||||
return
|
||||
}
|
||||
if (!row.position || row.position.length === 0) {
|
||||
this.$message.error(`第${rowIndex}行：请选择断面位置`)
|
||||
return
|
||||
}
|
||||
if (!row.plateSurface || row.plateSurface.length === 0) {
|
||||
this.$message.error(`第${rowIndex}行：请选择上下板面`)
|
||||
return
|
||||
}
|
||||
if (!row.defectCode) {
|
||||
this.$message.error(`第${rowIndex}行：请选择缺陷代码`)
|
||||
return
|
||||
}
|
||||
if (!row.degree) {
|
||||
this.$message.error(`第${rowIndex}行：请选择程度`)
|
||||
return
|
||||
}
|
||||
}
|
||||
if (row.startPosition > row.endPosition) {
|
||||
this.$message.error('开始位置必须小于结束位置')
|
||||
return
|
||||
}
|
||||
if (!row.position || row.position.length === 0) {
|
||||
this.$message.error('请选择断面位置')
|
||||
return
|
||||
}
|
||||
if (!row.plateSurface || row.plateSurface.length === 0) {
|
||||
this.$message.error('请选择上下板面')
|
||||
return
|
||||
}
|
||||
if (!row.defectCode) {
|
||||
this.$message.error('请选择缺陷代码')
|
||||
return
|
||||
}
|
||||
if (!row.degree) {
|
||||
this.$message.error('请选择程度')
|
||||
|
||||
if (nonEmptyRows.length === 0) {
|
||||
this.$message.info('没有需要保存的数据')
|
||||
return
|
||||
}
|
||||
|
||||
this.buttonLoading = true
|
||||
const saveData = {
|
||||
...row,
|
||||
// length: row.endPosition - row.startPosition,
|
||||
coilId: this.coilId
|
||||
}
|
||||
|
||||
if (row.abnormalId) {
|
||||
// 调用修改接口
|
||||
updateCoilAbnormal(saveData).then(response => {
|
||||
this.$message.success('异常记录更新成功')
|
||||
}).catch(error => {
|
||||
console.error('异常记录更新失败:', error)
|
||||
this.$message.error('异常记录更新失败: ' + (error.message || error))
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false
|
||||
})
|
||||
} else {
|
||||
// 调用新增接口
|
||||
addCoilAbnormal(saveData).then(response => {
|
||||
this.$message.success('异常记录添加成功')
|
||||
// 重新加载列表以获取新的 abnormalId
|
||||
this.loadAbnormalList()
|
||||
}).catch(error => {
|
||||
console.error('异常记录添加失败:', error)
|
||||
this.$message.error('异常记录添加失败: ' + (error.message || error))
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false
|
||||
})
|
||||
}
|
||||
// 批量请求
|
||||
const requests = nonEmptyRows.map(row => {
|
||||
const saveData = {
|
||||
...row,
|
||||
coilId: this.coilId
|
||||
}
|
||||
|
||||
if (row.abnormalId) {
|
||||
// 更新操作
|
||||
return updateCoilAbnormal(saveData)
|
||||
} else {
|
||||
// 新增操作
|
||||
return addCoilAbnormal(saveData)
|
||||
}
|
||||
})
|
||||
|
||||
// 执行所有请求
|
||||
Promise.all(requests).then(responses => {
|
||||
this.$message.success('批量保存成功')
|
||||
// 刷新列表
|
||||
this.loadAbnormalList()
|
||||
}).catch(error => {
|
||||
console.error('批量保存失败:', error)
|
||||
this.$message.error('批量保存失败: ' + (error.message || error))
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false
|
||||
})
|
||||
},
|
||||
handleDelete(row) {
|
||||
if (!row.abnormalId) {
|
||||
@@ -394,6 +429,45 @@ export default {
|
||||
}).finally(() => {
|
||||
this.coilInfoLoading = false
|
||||
})
|
||||
},
|
||||
handleSingleCheckboxChange(val, value, field, row) {
|
||||
if (val) {
|
||||
// 选中状态，设置值
|
||||
row[field] = value
|
||||
} else {
|
||||
// 取消选中状态，清空值
|
||||
if (row[field] === value) {
|
||||
row[field] = null
|
||||
}
|
||||
}
|
||||
},
|
||||
handleSingleCheckboxClick(value, field, row) {
|
||||
// 实现排他单选：如果点击的是当前选中的值，则取消选中；否则选中新值
|
||||
if (row[field] === value) {
|
||||
row[field] = null
|
||||
} else {
|
||||
row[field] = value
|
||||
}
|
||||
},
|
||||
handleRadioClick(currentValue, value, field, row) {
|
||||
// 实现 radio 的取消选择功能：如果点击的是当前选中的值，则取消选中
|
||||
if (currentValue === value) {
|
||||
// 使用 $nextTick 确保在 radio 组件更新后再清空值
|
||||
this.$nextTick(() => {
|
||||
row[field] = null
|
||||
})
|
||||
}
|
||||
},
|
||||
clearRowData(row) {
|
||||
// 清空一行的所有数据
|
||||
row.remark = null
|
||||
row.startPosition = 0
|
||||
row.endPosition = 0
|
||||
row.position = ''
|
||||
row.plateSurface = ''
|
||||
row.mainMark = 0
|
||||
row.defectCode = null
|
||||
row.degree = null
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -458,4 +532,19 @@ export default {
|
||||
margin-right: -16px;
|
||||
margin-bottom: -16px;
|
||||
}
|
||||
|
||||
.radio-single {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 10px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.radio-single .el-radio {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.radio-single .el-button {
|
||||
margin-left: 10px;
|
||||
}
|
||||
</style>
|
||||
@@ -347,6 +347,12 @@
|
||||
<el-input-number :controls="false" v-model="form.actualThickness" placeholder="请输入实测厚度" type="number"
|
||||
:step="0.01" />
|
||||
</el-form-item>
|
||||
<el-form-item label="业务目的" prop="businessPurpose">
|
||||
<el-select v-model="form.businessPurpose" placeholder="请选择业务目的" style="width: 100%">
|
||||
<el-option v-for="item in dict.type.coil_business_purpose" :key="item.value" :value="item.value"
|
||||
:label="item.label" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="调制度" prop="temperGrade">
|
||||
<el-input v-model="form.temperGrade" placeholder="请输入调制度" />
|
||||
</el-form-item>
|
||||
@@ -422,6 +428,7 @@ export default {
|
||||
RawMaterialSelect,
|
||||
CoilTraceResult,
|
||||
},
|
||||
dicts: ['coil_business_purpose'],
|
||||
data() {
|
||||
return {
|
||||
traceOpen: false,
|
||||
|
||||
@@ -421,6 +421,12 @@
|
||||
<el-input-number :controls="false" v-model="form.actualThickness" placeholder="请输入实测厚度" type="number"
|
||||
:step="0.01" />
|
||||
</el-form-item>
|
||||
<el-form-item label="业务目的" prop="businessPurpose">
|
||||
<el-select v-model="form.businessPurpose" placeholder="业务目的" filterable>
|
||||
<el-option v-for="item in dict.type.coil_business_purpose" :key="item.value" :value="item.value"
|
||||
:label="item.label" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="调制度" prop="temperGrade">
|
||||
<el-input v-model="form.temperGrade" placeholder="请输入调制度" />
|
||||
</el-form-item>
|
||||
@@ -474,7 +480,7 @@ import { getCoilTagPrintType } from '@/views/wms/coil/js/coilPrint'
|
||||
|
||||
export default {
|
||||
name: 'CorrentAllPage',
|
||||
dicts: ['action_type', 'coil_quality_status'],
|
||||
dicts: ['action_type', 'coil_quality_status', 'coil_business_purpose'],
|
||||
components: {
|
||||
LabelRender,
|
||||
WarehouseSelect,
|
||||
|
||||
@@ -222,6 +222,14 @@
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<el-form-item label="业务目的" prop="businessPurpose" class="form-item-half">
|
||||
<el-select v-model="targetCoil.businessPurpose" placeholder="请选择业务目的" style="width: 100%"
|
||||
:disabled="readonly">
|
||||
<el-option v-for="item in dict.type.coil_business_purpose" :key="item.value" :value="item.value"
|
||||
:label="item.label" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="钢卷表面处理" prop="coilSurfaceTreatment" class="form-item-half">
|
||||
<MemoInput storageKey="surfaceTreatmentDesc" v-model="targetCoil.coilSurfaceTreatment"
|
||||
placeholder="请输入钢卷表面处理" />
|
||||
@@ -305,7 +313,7 @@ export default {
|
||||
TimeInput,
|
||||
AbnormalForm
|
||||
},
|
||||
dicts: ['coil_quality_status', 'coil_abnormal_position', 'coil_abnormal_code', 'coil_abnormal_degree'],
|
||||
dicts: ['coil_quality_status', 'coil_abnormal_position', 'coil_abnormal_code', 'coil_abnormal_degree', 'coil_business_purpose'],
|
||||
data() {
|
||||
const currentCoilNoPrefix = generateCoilNoPrefix()
|
||||
return {
|
||||
|
||||
@@ -396,6 +396,12 @@
|
||||
<el-input-number :controls="false" v-model="form.actualWidth" placeholder="请输入实测宽度" type="number"
|
||||
:step="0.01" />
|
||||
</el-form-item>
|
||||
<el-form-item label="业务目的" prop="businessPurpose">
|
||||
<el-select v-model="form.businessPurpose" placeholder="业务目的" filterable>
|
||||
<el-option v-for="item in dict.type.coil_business_purpose" :key="item.value" :value="item.value"
|
||||
:label="item.label" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="调制度" prop="temperGrade">
|
||||
<el-input v-model="form.temperGrade" placeholder="请输入调制度" />
|
||||
</el-form-item>
|
||||
@@ -1110,7 +1116,7 @@ export default {
|
||||
handlePreviewLabel(row) {
|
||||
this.labelRender.visible = true;
|
||||
const itemName = row.itemName || '';
|
||||
|
||||
|
||||
this.labelRender.type = row.itemType === 'product' ? '3' : '2';
|
||||
this.labelRender.data = {
|
||||
...row,
|
||||
|
||||
@@ -173,6 +173,12 @@
|
||||
<el-input-number :controls="false" v-model="splitForm.actualWidth" placeholder="请输入实测宽度" type="number"
|
||||
:step="0.01" />
|
||||
</el-form-item>
|
||||
<el-form-item label="业务目的" prop="businessPurpose">
|
||||
<el-select v-model="splitForm.businessPurpose" placeholder="业务目的" filterable>
|
||||
<el-option v-for="item in dict.type.coil_business_purpose" :key="item.value" :value="item.value"
|
||||
:label="item.label" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="调制度" prop="temperGrade">
|
||||
<el-input v-model="splitForm.temperGrade" placeholder="请输入调制度" />
|
||||
</el-form-item>
|
||||
@@ -340,7 +346,7 @@ export default {
|
||||
ProductInfo,
|
||||
RawMaterialInfo,
|
||||
},
|
||||
dicts: ['coil_quality_status', 'coil_abnormal_position', 'coil_abnormal_code', 'coil_abnormal_degree'],
|
||||
dicts: ['coil_quality_status', 'coil_abnormal_position', 'coil_abnormal_code', 'coil_abnormal_degree', 'coil_business_purpose'],
|
||||
data() {
|
||||
const currentCoilNoPrefix = generateCoilNoPrefix()
|
||||
return {
|
||||
@@ -610,8 +616,15 @@ export default {
|
||||
|
||||
// 材料类型变更处理
|
||||
handleMaterialTypeChange(val) {
|
||||
// 根据材料类型设置itemType
|
||||
this.splitForm.itemType = val === '成品' ? 'product' : val === '原料' ? 'raw_material' : ''
|
||||
// 清空物品选择
|
||||
this.splitForm.itemId = null;
|
||||
|
||||
// 根据材料类型设置物品类型
|
||||
if (val === '成品') {
|
||||
this.splitForm.itemType = 'product';
|
||||
} else if (val === '原料') {
|
||||
this.splitForm.itemType = 'raw_material';
|
||||
}
|
||||
},
|
||||
|
||||
// 选中分条列表项（显示详情）
|
||||
@@ -640,8 +653,6 @@ export default {
|
||||
this.selectedSplitItem = null
|
||||
// 赋值表单数据
|
||||
this.splitForm = { ...row }
|
||||
// 同步材料类型和长度显示状态
|
||||
this.handleMaterialTypeChange(row.materialType)
|
||||
},
|
||||
|
||||
// 新增/编辑分条
|
||||
@@ -883,11 +894,6 @@ export default {
|
||||
...copiedFields
|
||||
};
|
||||
|
||||
// 同步材料类型和长度显示状态
|
||||
if (this.splitForm.materialType) {
|
||||
this.handleMaterialTypeChange(this.splitForm.materialType);
|
||||
}
|
||||
|
||||
this.$message.success('已复制源卷信息，请根据需要修改');
|
||||
}
|
||||
},
|
||||
|
||||
@@ -215,6 +215,12 @@
|
||||
<template slot="append">米</template>
|
||||
</el-input-number>
|
||||
</el-form-item>
|
||||
<el-form-item label="业务目的" prop="businessPurpose">
|
||||
<el-select v-model="item.businessPurpose" placeholder="请选择业务目的" style="width: 100%">
|
||||
<el-option v-for="item in dict.type.coil_business_purpose" :key="item.value" :value="item.value"
|
||||
:label="item.label" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="调制度" prop="temperGrade">
|
||||
<el-input v-model="item.temperGrade" placeholder="请输入调制度" />
|
||||
</el-form-item>
|
||||
@@ -321,7 +327,7 @@ export default {
|
||||
TimeInput,
|
||||
AbnormalForm
|
||||
},
|
||||
dicts: ['coil_quality_status', 'coil_abnormal_position', 'coil_abnormal_code', 'coil_abnormal_degree'],
|
||||
dicts: ['coil_quality_status', 'coil_abnormal_position', 'coil_abnormal_code', 'coil_abnormal_degree', 'coil_business_purpose'],
|
||||
data() {
|
||||
const currentCoilNoPrefix = generateCoilNoPrefix()
|
||||
return {
|
||||
|
||||
@@ -207,6 +207,13 @@
|
||||
</el-input-number>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="业务目的" prop="businessPurpose">
|
||||
<el-select v-model="updateForm.businessPurpose" placeholder="请选择业务目的" style="width: 100%">
|
||||
<el-option v-for="item in dict.type.coil_business_purpose" :key="item.value" :value="item.value"
|
||||
:label="item.label" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="调制度" prop="temperGrade">
|
||||
<el-input v-model="updateForm.temperGrade" placeholder="请输入调制度" />
|
||||
</el-form-item>
|
||||
@@ -341,7 +348,7 @@ export default {
|
||||
TimeInput,
|
||||
AbnormalForm
|
||||
},
|
||||
dicts: ['coil_quality_status', 'coil_abnormal_position', 'coil_abnormal_code', 'coil_abnormal_degree'],
|
||||
dicts: ['coil_quality_status', 'coil_abnormal_position', 'coil_abnormal_code', 'coil_abnormal_degree', 'coil_business_purpose'],
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
@@ -685,11 +692,6 @@ export default {
|
||||
this.updateForm.productionDuration = data.productionDuration;
|
||||
this.updateForm.formattedDuration = this.formatDuration(data.productionDuration);
|
||||
}
|
||||
|
||||
// 不再预加载物品列表，改为实时搜索
|
||||
|
||||
// 加载变更历史
|
||||
// this.loadHistory();
|
||||
}
|
||||
} catch (error) {
|
||||
this.$message.error('加载钢卷信息失败');
|
||||
@@ -767,67 +769,6 @@ export default {
|
||||
}
|
||||
},
|
||||
|
||||
// 已移除 loadAllItems，改为实时搜索
|
||||
|
||||
// 已移除 loadItemList，改为实时搜索
|
||||
|
||||
// 实时搜索物品（后端搜索）
|
||||
async searchItems(query) {
|
||||
if (!this.updateForm.itemType) {
|
||||
this.$message.warning('请先选择材料类型');
|
||||
return;
|
||||
}
|
||||
|
||||
// 如果没有输入，清空列表
|
||||
if (!query || query.trim() === '') {
|
||||
if (this.updateForm.itemType === 'raw_material') {
|
||||
this.rawMaterialList = [];
|
||||
} else if (this.updateForm.itemType === 'product') {
|
||||
this.productList = [];
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
this.itemSearchLoading = true;
|
||||
const searchQuery = query.trim();
|
||||
|
||||
if (this.updateForm.itemType === 'raw_material') {
|
||||
// 后端搜索原材料（支持名称或规格模糊搜索）
|
||||
const response = await listRawMaterialWithBom({
|
||||
pageNum: 1,
|
||||
pageSize: 20,
|
||||
rawMaterialName: searchQuery,
|
||||
specification: searchQuery // 同时传入，后端会使用 OR 条件
|
||||
});
|
||||
if (response.code === 200) {
|
||||
this.rawMaterialList = response.rows || [];
|
||||
}
|
||||
} else if (this.updateForm.itemType === 'product') {
|
||||
// 后端搜索产品（支持名称或规格模糊搜索）
|
||||
const response = await listProductWithBom({
|
||||
pageNum: 1,
|
||||
pageSize: 20,
|
||||
productName: searchQuery,
|
||||
specification: searchQuery // 同时传入，后端会使用 OR 条件
|
||||
});
|
||||
if (response.code === 200) {
|
||||
this.productList = response.rows || [];
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('搜索物品失败', error);
|
||||
this.$message.error('搜索失败，请重试');
|
||||
} finally {
|
||||
this.itemSearchLoading = false;
|
||||
}
|
||||
},
|
||||
|
||||
// 物品选择变化
|
||||
handleItemChange(itemId) {
|
||||
// 物品选择变化处理
|
||||
},
|
||||
|
||||
// 加载变更历史
|
||||
async loadHistory() {
|
||||
if (!this.currentInfo.enterCoilNo) {
|
||||
|
||||
474
klp-ui/src/views/wms/coil/views/typeError.vue
Normal file
474
klp-ui/src/views/wms/coil/views/typeError.vue
Normal file
@@ -0,0 +1,474 @@
|
||||
<template>
|
||||
<div class="app-container" v-loading="loading" >
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExportAll">导出</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
共 {{ totalCoil }} 卷
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<KLPTable :data="materialCoilList" @selection-change="handleSelectionChange" :floatLayer="true"
|
||||
:floatLayerConfig="floatLayerConfig">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="入场钢卷号" align="center" prop="enterCoilNo">
|
||||
<template slot-scope="scope">
|
||||
<coil-no :coil-no="scope.row.enterCoilNo"></coil-no>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="当前钢卷号" align="center" prop="currentCoilNo">
|
||||
<template slot-scope="scope">
|
||||
<current-coil-no :current-coil-no="scope.row.currentCoilNo"></current-coil-no>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<!-- <el-table-column label="逻辑库位" align="center" prop="warehouseName" />
|
||||
<el-table-column label="实际库区" align="center" prop="actualWarehouseName" /> -->
|
||||
<el-table-column label="产品类型" align="center" width="180">
|
||||
<template slot-scope="scope">
|
||||
<ProductInfo v-if="scope.row.itemType == 'product'" :product="scope.row" />
|
||||
<RawMaterialInfo v-else-if="scope.row.itemType === 'raw_material'" :material="scope.row" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column label="异常数量" align="center" prop="abnormalCount"></el-table-column> -->
|
||||
<el-table-column label="净重" align="center" prop="netWeight" />
|
||||
|
||||
<el-table-column label="更新时间" align="center" prop="updateTime" />
|
||||
<el-table-column label="更新人" align="center" prop="updateBy" />
|
||||
<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="handleCheck(scope.row)">修正</el-button>
|
||||
<el-button size="mini" type="text" icon="el-icon-view" @click="handlePreviewLabel(scope.row)">
|
||||
预览标签
|
||||
</el-button>
|
||||
<el-button size="mini" type="text" icon="el-icon-printer" @click="handlePrintLabel(scope.row)">
|
||||
打印标签
|
||||
</el-button>
|
||||
<el-button size="mini" type="text" icon="el-icon-search" @click="handleTrace(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="标签预览" :visible.sync="labelRender.visible" append-to-body>
|
||||
<label-render :forceSpecialTag="forceSpecialTag" :content="labelRender.data" :labelType="labelRender.type" />
|
||||
</el-dialog>
|
||||
|
||||
<label-render :forceSpecialTag="forceSpecialTag" ref="labelRender" v-show="false" :content="labelRender.data"
|
||||
:labelType="labelRender.type" />
|
||||
|
||||
<!-- 钢卷追溯对话框（使用封装的组件） -->
|
||||
<el-dialog title="钢卷追溯" :visible.sync="traceOpen" width="90%" append-to-body>
|
||||
<coil-trace-result v-loading="traceLoading" :trace-result="traceResult"></coil-trace-result>
|
||||
</el-dialog>
|
||||
|
||||
<!-- 添加或修改钢卷物料对话框 -->
|
||||
<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="enterCoilNo">
|
||||
<el-input v-model="form.enterCoilNo" placeholder="请输入入场钢卷号" :disabled="form.coilId" />
|
||||
</el-form-item>
|
||||
<el-form-item label="当前钢卷号" prop="currentCoilNo">
|
||||
<el-input v-model="form.currentCoilNo" placeholder="请输入当前钢卷号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="厂家原料卷号" prop="supplierCoilNo">
|
||||
<el-input v-model="form.supplierCoilNo" placeholder="请输入厂家原料卷号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="所在库位" prop="warehouseId">
|
||||
<warehouse-select v-model="form.warehouseId" placeholder="请选择仓库/库区/库位" style="width: 100%;" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="实际库区" prop="actualWarehouseId">
|
||||
<actual-warehouse-select v-model="form.actualWarehouseId" :clearInput="form.coilId != null"
|
||||
placeholder="请选择实际库区" style="width: 100%;" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="班组" prop="team">
|
||||
<el-select v-model="form.team" placeholder="请选择班组" style="width: 100%">
|
||||
<el-option key="甲" label="甲" value="甲" />
|
||||
<el-option key="乙" label="乙" value="乙" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="材料类型" prop="materialType">
|
||||
<el-select v-model="form.materialType" placeholder="请选择材料类型" @change="handleMaterialTypeChange">
|
||||
<el-option label="成品" value="成品" />
|
||||
<el-option label="原料" value="原料" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item :label="getItemLabel" prop="itemId">
|
||||
<product-select v-if="form.itemType == 'product'" v-model="form.itemId" placeholder="请选择成品"
|
||||
style="width: 100%;" clearable />
|
||||
<raw-material-select v-else-if="form.itemType == 'raw_material'" v-model="form.itemId" placeholder="请选择原料"
|
||||
style="width: 100%;" clearable />
|
||||
<div v-else>请先选择材料类型</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="切边要求" prop="trimmingRequirement">
|
||||
<el-select v-model="form.trimmingRequirement" placeholder="请选择切边要求" style="width: 100%">
|
||||
<el-option label="净边料" value="净边料" />
|
||||
<el-option label="毛边料" value="毛边料" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="原料材质" prop="packingStatus">
|
||||
<el-input v-model="form.packingStatus" placeholder="请输入原料材质">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="包装要求" prop="packagingRequirement">
|
||||
<el-select v-model="form.packagingRequirement" placeholder="请选择包装要求" style="width: 100%">
|
||||
<el-option label="裸包" value="裸包" />
|
||||
<el-option label="普包" value="普包" />
|
||||
<el-option label="简包" value="简包" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="毛重" prop="grossWeight">
|
||||
<el-input v-model="form.grossWeight" placeholder="请输入毛重" />
|
||||
</el-form-item>
|
||||
<el-form-item label="净重" prop="netWeight">
|
||||
<el-input v-model="form.netWeight" placeholder="请输入净重" />
|
||||
</el-form-item>
|
||||
<el-form-item label="实测长度(m)" prop="actualLength">
|
||||
<el-input-number :controls="false" v-model="form.actualLength" placeholder="请输入实测长度" type="number"
|
||||
:step="0.01" />
|
||||
</el-form-item>
|
||||
<el-form-item label="实测厚度(m)" prop="actualThickness" class="form-item-half">
|
||||
<el-input-number :controls="false" v-model="form.actualThickness" placeholder="请输入实测厚度" type="number"
|
||||
:step="0.01" />
|
||||
</el-form-item>
|
||||
<el-form-item label="实测宽度(m)" prop="actualWidth">
|
||||
<el-input-number :controls="false" v-model="form.actualWidth" placeholder="请输入实测宽度" type="number"
|
||||
:step="0.01" />
|
||||
</el-form-item>
|
||||
<el-form-item label="调制度" prop="temperGrade">
|
||||
<el-input v-model="form.temperGrade" placeholder="请输入调制度" />
|
||||
</el-form-item>
|
||||
<el-form-item label="镀层种类" prop="coatingType">
|
||||
<el-input v-model="form.coatingType" placeholder="请输入镀层种类" />
|
||||
</el-form-item>
|
||||
<el-form-item label="钢卷表面处理" prop="coilSurfaceTreatment">
|
||||
<el-input v-model="form.coilSurfaceTreatment" 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 { listTypeErrorCoil, getMaterialCoilTrace, getMaterialCoil, updateMaterialCoilSimple } from "@/api/wms/coil";
|
||||
import WarehouseSelect from "@/components/KLPService/WarehouseSelect";
|
||||
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";
|
||||
import CoilTraceResult from "../panels/CoilTraceResult.vue";
|
||||
import LabelRender from '../panels/LabelRender/index.vue';
|
||||
import CoilNo from "@/components/KLPService/Renderer/CoilNo.vue";
|
||||
import CurrentCoilNo from "@/components/KLPService/Renderer/CurrentCoilNo.vue";
|
||||
import RightToolbar from "@/components/RightToolbar";
|
||||
import ActualWarehouseSelect from "@/components/KLPService/ActualWarehouseSelect";
|
||||
import { getCoilTagPrintType } from '@/views/wms/coil/js/coilPrint';
|
||||
|
||||
export default {
|
||||
name: "TypeErrorCoil",
|
||||
components: {
|
||||
WarehouseSelect,
|
||||
ProductSelect,
|
||||
RawMaterialSelect,
|
||||
ProductInfo,
|
||||
RawMaterialInfo,
|
||||
CoilTraceResult,
|
||||
LabelRender,
|
||||
CoilNo,
|
||||
CurrentCoilNo,
|
||||
RightToolbar,
|
||||
ActualWarehouseSelect,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 追溯加载中
|
||||
traceLoading: false,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 钢卷物料表格数据
|
||||
materialCoilList: [],
|
||||
// 追溯对话框显示
|
||||
traceOpen: false,
|
||||
// 追溯结果数据（传递给组件）
|
||||
traceResult: null,
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
enterCoilNo: undefined,
|
||||
currentCoilNo: undefined,
|
||||
},
|
||||
labelRender: {
|
||||
visible: false,
|
||||
data: {},
|
||||
type: '2'
|
||||
},
|
||||
forceSpecialTag: '',
|
||||
floatLayerConfig: {
|
||||
columns: [
|
||||
{ label: '入场钢卷号', prop: 'enterCoilNo' },
|
||||
{ label: '当前钢卷号', prop: 'currentCoilNo' },
|
||||
{ label: '厂家卷号', prop: 'supplierCoilNo' },
|
||||
{ label: '逻辑库位', prop: 'warehouseName' },
|
||||
{ label: '实际库位', prop: 'actualWarehouseName' },
|
||||
{ label: '物料类型', prop: 'materialType' },
|
||||
{ label: '班组', prop: 'team' },
|
||||
{ label: '净重', prop: 'netWeight' },
|
||||
{ label: '毛重', prop: 'grossWeight' },
|
||||
{ label: '备注', prop: 'remark' },
|
||||
{ label: '质量状态', prop: 'qualityStatus' },
|
||||
{ label: '原料材质', prop: 'packingStatus' },
|
||||
{ label: '切边要求', prop: 'edgeRequirement' },
|
||||
{ label: '包装要求', prop: 'packagingRequirement' },
|
||||
{ label: '厂家', prop: 'itemManufacturer' },
|
||||
{ label: '调制度', prop: 'temperGrade' },
|
||||
{ label: '镀层种类', prop: 'coatingType' },
|
||||
{ label: '实测长度(m)', prop: 'actualLength' },
|
||||
{ label: '实测宽度(m)', prop: 'actualWidth' },
|
||||
{ label: '实测厚度(m)', prop: 'actualThickness' },
|
||||
{ label: '钢卷表面处理', prop: 'coilSurfaceTreatment' },
|
||||
],
|
||||
title: '详细信息'
|
||||
},
|
||||
// 按钮loading
|
||||
buttonLoading: false,
|
||||
// 弹出层标题
|
||||
title: "",
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
// 表单参数
|
||||
form: {},
|
||||
// 表单校验
|
||||
rules: {
|
||||
enterCoilNo: [
|
||||
{ required: true, message: "入场钢卷号不能为空", trigger: "blur" },
|
||||
],
|
||||
currentCoilNo: [
|
||||
{ required: true, message: "当前钢卷号不能为空", trigger: "blur" },
|
||||
],
|
||||
itemId: [
|
||||
{ required: true, message: "物品ID不能为空", trigger: "blur" }
|
||||
],
|
||||
itemType: [
|
||||
{ required: true, message: "物品类型不能为空", trigger: "change" }
|
||||
],
|
||||
netWeight: [
|
||||
{ required: true, message: "净重不能为空", trigger: "blur" }
|
||||
],
|
||||
grossWeight: [
|
||||
{ required: true, message: "毛重不能为空", trigger: "blur" }
|
||||
],
|
||||
},
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
// 动态显示标签
|
||||
getItemLabel() {
|
||||
if (this.form.materialType === '成品') {
|
||||
return '产品类型';
|
||||
} else if (this.form.materialType === '原料') {
|
||||
return '原料类型';
|
||||
}
|
||||
return '物品类型';
|
||||
},
|
||||
totalCoil() {
|
||||
return this.materialCoilList.length;
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询类型不匹配的钢卷列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listTypeErrorCoil().then(response => {
|
||||
this.materialCoilList = response.data || [];
|
||||
this.total = response.total || 0;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 追溯按钮操作 */
|
||||
handleTrace(row) {
|
||||
this.traceOpen = true;
|
||||
this.traceLoading = true;
|
||||
this.traceResult = null; // 清空历史数据
|
||||
getMaterialCoilTrace({
|
||||
coilId: row.coilId,
|
||||
currentCoilNo: row.currentCoilNo,
|
||||
}).then(res => {
|
||||
this.traceResult = res.data; // 将结果传递给组件
|
||||
}).catch(err => {
|
||||
console.error('溯源查询失败：', err);
|
||||
this.$message.error('溯源查询失败，请重试');
|
||||
}).finally(() => {
|
||||
this.traceLoading = false;
|
||||
});
|
||||
},
|
||||
/** 预览标签 */
|
||||
handlePreviewLabel(row) {
|
||||
this.labelRender.visible = true;
|
||||
const itemName = row.itemName || '';
|
||||
|
||||
this.labelRender.type = row.itemType === 'product' ? '3' : '2';
|
||||
this.labelRender.data = {
|
||||
...row,
|
||||
itemName: itemName,
|
||||
updateTime: row.updateTime?.split(' ')[0] || '',
|
||||
};
|
||||
},
|
||||
/** 打印标签 */
|
||||
handlePrintLabel(row) {
|
||||
const type = getCoilTagPrintType(row);
|
||||
this.labelRender.type = type;
|
||||
|
||||
this.labelRender.data = {
|
||||
...row,
|
||||
updateTime: row.updateTime?.split(' ')[0] || '',
|
||||
};
|
||||
this.$nextTick(() => {
|
||||
this.$refs.labelRender.printLabel();
|
||||
})
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
/** 重置表单 */
|
||||
resetForm(formName) {
|
||||
this.$refs[formName]?.resetFields();
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
handleExportAll() {
|
||||
// 导出逻辑
|
||||
const coilIds = this.materialCoilList.map(item => item.coilId).join(',')
|
||||
this.download('wms/materialCoil/export', {
|
||||
coilIds
|
||||
}, `materialCoil_${new Date().getTime()}.xlsx`)
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.coilId)
|
||||
this.single = selection.length !== 1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
/** 处理材料类型变化 */
|
||||
handleMaterialTypeChange(value) {
|
||||
// 清空物品选择
|
||||
this.form.itemId = null;
|
||||
|
||||
// 根据材料类型设置物品类型
|
||||
if (value === '成品') {
|
||||
this.form.itemType = 'product';
|
||||
} else if (value === '原料') {
|
||||
this.form.itemType = 'raw_material';
|
||||
}
|
||||
},
|
||||
/** 修正按钮操作 */
|
||||
handleCheck(row) {
|
||||
this.reset();
|
||||
const coilId = row.coilId || this.ids
|
||||
getMaterialCoil(coilId).then(response => {
|
||||
this.form = response.data;
|
||||
|
||||
// 设置 materialType（优先级：后端返回 > itemType推断）
|
||||
if (!this.form.materialType) {
|
||||
if (this.form.itemType) {
|
||||
// 根据 itemType 推断
|
||||
if (this.form.itemType === 'product') {
|
||||
this.form.materialType = '成品';
|
||||
} else if (this.form.itemType === 'raw_material') {
|
||||
this.form.materialType = '原料';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
this.open = true;
|
||||
this.title = "修正钢卷物料";
|
||||
});
|
||||
},
|
||||
// 取消按钮
|
||||
cancel() {
|
||||
this.open = false;
|
||||
this.reset();
|
||||
},
|
||||
// 表单重置
|
||||
reset() {
|
||||
this.form = {
|
||||
coilId: undefined,
|
||||
enterCoilNo: undefined,
|
||||
currentCoilNo: undefined,
|
||||
supplierCoilNo: undefined,
|
||||
dataType: 1,
|
||||
warehouseId: undefined,
|
||||
nextWarehouseId: undefined,
|
||||
qrcodeRecordId: undefined,
|
||||
actualWarehouseId: undefined,
|
||||
team: undefined,
|
||||
hasMergeSplit: undefined,
|
||||
parentCoilNos: undefined,
|
||||
itemId: undefined,
|
||||
itemType: undefined,
|
||||
status: undefined,
|
||||
remark: undefined,
|
||||
delFlag: undefined,
|
||||
createTime: undefined,
|
||||
createBy: undefined,
|
||||
updateTime: undefined,
|
||||
updateBy: undefined,
|
||||
materialType: '原料',
|
||||
temperGrade: undefined,
|
||||
coatingType: undefined,
|
||||
};
|
||||
this.resetForm("form");
|
||||
},
|
||||
/** 提交表单 */
|
||||
submitForm() {
|
||||
this.$refs.form.validate((valid) => {
|
||||
if (valid) {
|
||||
this.buttonLoading = true;
|
||||
updateMaterialCoilSimple(this.form).then(res => {
|
||||
this.buttonLoading = false;
|
||||
this.$message({
|
||||
message: '更新成功',
|
||||
type: 'success',
|
||||
});
|
||||
this.open = false;
|
||||
this.getList();
|
||||
})
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@@ -67,6 +67,7 @@
|
||||
<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-view" @click="handleView(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>
|
||||
@@ -244,6 +245,30 @@
|
||||
<el-button @click="cancelSupplement">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
<!-- 查看员工入职记录对话框 -->
|
||||
<el-dialog title="查看员工入职记录" :visible.sync="viewOpen" width="500px" append-to-body>
|
||||
<el-descriptions :column="1" border>
|
||||
<el-descriptions-item label="员工姓名">
|
||||
{{ viewRecord.wmsEmployeeInfo && viewRecord.wmsEmployeeInfo.name }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="入职时间">
|
||||
{{ parseTime(viewRecord.changeTime, '{y}-{m}-{d} {h}:{i}:{s}') }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="入职原因">
|
||||
{{ viewRecord.changeReason }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="负责人">
|
||||
{{ viewRecord.changeHandler }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="附件">
|
||||
<file-list :oss-ids="viewRecord.attachment"></file-list>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="备注">
|
||||
{{ viewRecord.remark }}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -251,11 +276,13 @@
|
||||
import { listEmployeeChange, getEmployeeChange, delEmployeeChange, updateEmployeeChange, addEmployeeChange, employeeEntry } from "@/api/wms/employeeChange";
|
||||
import { listDept } from "@/api/wms/dept";
|
||||
import EmployeeSelector from "@/components/EmployeeSelector";
|
||||
import FileList from "@/components/FileList";
|
||||
|
||||
export default {
|
||||
name: "EmployeeEntry",
|
||||
components: {
|
||||
EmployeeSelector
|
||||
EmployeeSelector,
|
||||
FileList
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
@@ -317,7 +344,19 @@ export default {
|
||||
},
|
||||
supplementRules: {
|
||||
},
|
||||
supplementAttachment: undefined
|
||||
supplementAttachment: undefined,
|
||||
// 查看记录对话框相关
|
||||
viewOpen: false,
|
||||
viewRecord: {
|
||||
changeId: undefined,
|
||||
infoId: undefined,
|
||||
changeType: undefined,
|
||||
changeTime: undefined,
|
||||
changeReason: undefined,
|
||||
changeHandler: undefined,
|
||||
attachment: undefined,
|
||||
remark: undefined
|
||||
}
|
||||
};
|
||||
},
|
||||
dicts: ['hrm_employee_education'],
|
||||
@@ -522,6 +561,11 @@ export default {
|
||||
this.download('system/employeeChange/export', {
|
||||
...this.queryParams
|
||||
}, `employeeChange_${new Date().getTime()}.xlsx`)
|
||||
},
|
||||
/** 查看按钮操作 */
|
||||
handleView(row) {
|
||||
this.viewRecord = row;
|
||||
this.viewOpen = true;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
@@ -296,7 +296,7 @@
|
||||
{{ regularRecord.changeHandler }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="附件">
|
||||
<file-upload v-model="regularRecord.attachment"></file-upload>
|
||||
<file-list :oss-ids="regularRecord.attachment"></file-list>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="备注">
|
||||
{{ regularRecord.remark }}
|
||||
@@ -310,9 +310,13 @@
|
||||
import { listEmployeeInfo, getEmployeeInfo, delEmployeeInfo, updateEmployeeInfo } from "@/api/wms/employeeInfo";
|
||||
import { listDept } from "@/api/wms/dept";
|
||||
import { employeeEntry, employeeRegular, listEmployeeChange } from '@/api/wms/employeeChange'
|
||||
import FileList from "@/components/FileList";
|
||||
|
||||
export default {
|
||||
name: "EmployeeInfo",
|
||||
components: {
|
||||
FileList
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
// 按钮loading
|
||||
|
||||
@@ -64,6 +64,7 @@
|
||||
<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-view" @click="handleView(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>
|
||||
@@ -102,6 +103,30 @@
|
||||
<el-button @click="cancelSupplement">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
<!-- 查看员工离职记录对话框 -->
|
||||
<el-dialog title="查看员工离职记录" :visible.sync="viewOpen" width="500px" append-to-body>
|
||||
<el-descriptions :column="1" border>
|
||||
<el-descriptions-item label="员工姓名">
|
||||
{{ viewRecord.wmsEmployeeInfo && viewRecord.wmsEmployeeInfo.name }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="离职时间">
|
||||
{{ parseTime(viewRecord.changeTime, '{y}-{m}-{d} {h}:{i}:{s}') }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="离职原因">
|
||||
{{ viewRecord.changeReason }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="负责人">
|
||||
{{ viewRecord.changeHandler }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="附件">
|
||||
<file-list :oss-ids="viewRecord.attachment"></file-list>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="备注">
|
||||
{{ viewRecord.remark }}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -109,11 +134,13 @@
|
||||
import { listEmployeeChange, getEmployeeChange, delEmployeeChange, updateEmployeeChange, addEmployeeChange, employeeEntry, employeeLeave } from "@/api/wms/employeeChange";
|
||||
import { listDept } from "@/api/wms/dept";
|
||||
import EmployeeSelector from "@/components/EmployeeSelector";
|
||||
import FileList from "@/components/FileList";
|
||||
|
||||
export default {
|
||||
name: "EmployeeLeave",
|
||||
components: {
|
||||
EmployeeSelector
|
||||
EmployeeSelector,
|
||||
FileList
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
@@ -175,7 +202,19 @@ export default {
|
||||
},
|
||||
supplementRules: {
|
||||
},
|
||||
supplementAttachment: undefined
|
||||
supplementAttachment: undefined,
|
||||
// 查看记录对话框相关
|
||||
viewOpen: false,
|
||||
viewRecord: {
|
||||
changeId: undefined,
|
||||
infoId: undefined,
|
||||
changeType: undefined,
|
||||
changeTime: undefined,
|
||||
changeReason: undefined,
|
||||
changeHandler: undefined,
|
||||
attachment: undefined,
|
||||
remark: undefined
|
||||
}
|
||||
};
|
||||
},
|
||||
dicts: ['hrm_employee_education'],
|
||||
@@ -359,6 +398,11 @@ export default {
|
||||
this.download('system/employeeChange/export', {
|
||||
...this.queryParams
|
||||
}, `employeeChange_${new Date().getTime()}.xlsx`)
|
||||
},
|
||||
/** 查看按钮操作 */
|
||||
handleView(row) {
|
||||
this.viewRecord = row;
|
||||
this.viewOpen = true;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
@@ -66,6 +66,7 @@
|
||||
<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-view" @click="handleView(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>
|
||||
@@ -112,6 +113,42 @@
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
<!-- 查看员工调岗记录对话框 -->
|
||||
<el-dialog title="查看员工调岗记录" :visible.sync="viewOpen" width="500px" append-to-body>
|
||||
<el-descriptions :column="1" border>
|
||||
<el-descriptions-item label="员工姓名">
|
||||
{{ viewRecord.wmsEmployeeInfo && viewRecord.wmsEmployeeInfo.name }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="原部门">
|
||||
{{ viewRecord.oldDept }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="原岗位工种">
|
||||
{{ viewRecord.oldJobType }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="新部门">
|
||||
{{ viewRecord.newDept }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="新岗位工种">
|
||||
{{ viewRecord.newJobType }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="转岗生效时间">
|
||||
{{ parseTime(viewRecord.transferTime, '{y}-{m}-{d} {h}:{i}:{s}') }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="转岗原因">
|
||||
{{ viewRecord.transferReason }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="转岗经办人">
|
||||
{{ viewRecord.transferHandler }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="附件">
|
||||
<file-list :oss-ids="viewRecord.attachment"></file-list>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="备注">
|
||||
{{ viewRecord.remark }}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -119,11 +156,13 @@
|
||||
import { listEmployeeTransfer, getEmployeeTransfer, delEmployeeTransfer, updateEmployeeTransfer, transferEmployee } from "@/api/wms/employeeTransfer";
|
||||
import EmployeeSelector from "@/components/EmployeeSelector";
|
||||
import { listDept } from "@/api/wms/dept";
|
||||
import FileList from "@/components/FileList";
|
||||
|
||||
export default {
|
||||
name: "EmployeeTransfer",
|
||||
components: {
|
||||
EmployeeSelector,
|
||||
FileList
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
@@ -194,6 +233,21 @@ export default {
|
||||
transferHandler: [
|
||||
{ required: true, message: "转岗经办人不能为空", trigger: "blur" }
|
||||
],
|
||||
},
|
||||
// 查看记录对话框相关
|
||||
viewOpen: false,
|
||||
viewRecord: {
|
||||
transferId: undefined,
|
||||
infoId: undefined,
|
||||
oldDept: undefined,
|
||||
oldJobType: undefined,
|
||||
newDept: undefined,
|
||||
newJobType: undefined,
|
||||
transferTime: undefined,
|
||||
transferReason: undefined,
|
||||
transferHandler: undefined,
|
||||
attachment: undefined,
|
||||
remark: undefined
|
||||
}
|
||||
};
|
||||
},
|
||||
@@ -335,6 +389,11 @@ export default {
|
||||
this.download('wms/employeeTransfer/export', {
|
||||
...this.queryParams
|
||||
}, `employeeTransfer_${new Date().getTime()}.xlsx`)
|
||||
},
|
||||
/** 查看按钮操作 */
|
||||
handleView(row) {
|
||||
this.viewRecord = row;
|
||||
this.viewOpen = true;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user