Yangwl
/
LJ-UI
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

基础信息管理后六个部分

Browse Source
yangwl
A0010407 2 years ago
parent 8233899bc3
commit cba2b65118
19 changed files with 3224 additions and 16 deletions
Show Stats Download Patch File Download Diff File

44
src/api/mes/pro/baseFile.js
Unescape Escape View File

@ -0,0 +1,44 @@
import request from '@/utils/request'
// 查询工艺附件管理列表
export function listBaseFile(query) {
return request({
url: '/mes/pro/baseFile/list',
method: 'get',
params: query
});
}
// 查询工艺附件管理详细
export function getBaseFile(fileId) {
return request({
url: '/mes/pro/baseFile/' + fileId,
method: 'get'
});
}
// 新增工艺附件管理
export function addBaseFile(data) {
return request({
url: '/mes/pro/baseFile',
method: 'post',
data: data
});
}
// 修改工艺附件管理
export function updateBaseFile(data) {
return request({
url: '/mes/pro/baseFile',
method: 'put',
data: data
});
}
// 删除工艺附件管理
export function delBaseFile(fileId) {
return request({
url: '/mes/pro/baseFile/' + fileId,
method: 'delete'
});
}

44
src/api/wms/bom.js
Unescape Escape View File

@ -0,0 +1,44 @@
import request from '@/utils/request'
// 查询物料BOM管理列表
export function listBom(query) {
return request({
url: '/wms/bom/list',
method: 'get',
params: query
});
}
// 查询物料BOM管理详细
export function getBom(bomItemId) {
return request({
url: '/wms/bom/' + bomItemId,
method: 'get'
});
}
// 新增物料BOM管理
export function addBom(data) {
return request({
url: '/wms/bom',
method: 'post',
data: data
});
}
// 修改物料BOM管理
export function updateBom(data) {
return request({
url: '/wms/bom',
method: 'put',
data: data
});
}
// 删除物料BOM管理
export function delBom(bomItemId) {
return request({
url: '/wms/bom/' + bomItemId,
method: 'delete'
});
}

44
src/api/wms/customer.js
Unescape Escape View File

@ -0,0 +1,44 @@
import request from '@/utils/request'
// 查询客户管理列表
export function listCustomer(query) {
return request({
url: '/wms/customer/list',
method: 'get',
params: query
});
}
// 查询客户管理详细
export function getCustomer(clientId) {
return request({
url: '/wms/customer/' + clientId,
method: 'get'
});
}
// 新增客户管理
export function addCustomer(data) {
return request({
url: '/wms/customer',
method: 'post',
data: data
});
}
// 修改客户管理
export function updateCustomer(data) {
return request({
url: '/wms/customer',
method: 'put',
data: data
});
}
// 删除客户管理
export function delCustomer(clientId) {
return request({
url: '/wms/customer/' + clientId,
method: 'delete'
});
}

44
src/api/wms/machinery.js
Unescape Escape View File

@ -0,0 +1,44 @@
import request from '@/utils/request'
// 查询机台管理列表
export function listMachinery(query) {
return request({
url: '/wms/machinery/list',
method: 'get',
params: query
});
}
// 查询机台管理详细
export function getMachinery(machineryId) {
return request({
url: '/wms/machinery/' + machineryId,
method: 'get'
});
}
// 新增机台管理
export function addMachinery(data) {
return request({
url: '/wms/machinery',
method: 'post',
data: data
});
}
// 修改机台管理
export function updateMachinery(data) {
return request({
url: '/wms/machinery',
method: 'put',
data: data
});
}
// 删除机台管理
export function delMachinery(machineryId) {
return request({
url: '/wms/machinery/' + machineryId,
method: 'delete'
});
}

44
src/api/wms/product.js
Unescape Escape View File

@ -0,0 +1,44 @@
import request from '@/utils/request'
// 查询物料信息列表
export function listProduct(query) {
return request({
url: '/wms/product/list',
method: 'get',
params: query
});
}
// 查询物料信息详细
export function getProduct(productId) {
return request({
url: '/wms/product/' + productId,
method: 'get'
});
}
// 新增物料信息
export function addProduct(data) {
return request({
url: '/wms/product',
method: 'post',
data: data
});
}
// 修改物料信息
export function updateProduct(data) {
return request({
url: '/wms/product',
method: 'put',
data: data
});
}
// 删除物料信息
export function delProduct(productId) {
return request({
url: '/wms/product/' + productId,
method: 'delete'
});
}

44
src/api/wms/productGroups.js
Unescape Escape View File

@ -0,0 +1,44 @@
import request from '@/utils/request'
// 查询物料分组列表
export function listProductGroups(query) {
return request({
url: '/wms/productGroups/list',
method: 'get',
params: query
});
}
// 查询物料分组详细
export function getProductGroups(pgId) {
return request({
url: '/wms/productGroups/' + pgId,
method: 'get'
});
}
// 新增物料分组
export function addProductGroups(data) {
return request({
url: '/wms/productGroups',
method: 'post',
data: data
});
}
// 修改物料分组
export function updateProductGroups(data) {
return request({
url: '/wms/productGroups',
method: 'put',
data: data
});
}
// 删除物料分组
export function delProductGroups(pgId) {
return request({
url: '/wms/productGroups/' + pgId,
method: 'delete'
});
}

44
src/api/wms/supplier.js
Unescape Escape View File

@ -0,0 +1,44 @@
import request from '@/utils/request'
// 查询供应商管理列表
export function listSupplier(query) {
return request({
url: '/wms/supplier/list',
method: 'get',
params: query
});
}
// 查询供应商管理详细
export function getSupplier(supplierId) {
return request({
url: '/wms/supplier/' + supplierId,
method: 'get'
});
}
// 新增供应商管理
export function addSupplier(data) {
return request({
url: '/wms/supplier',
method: 'post',
data: data
});
}
// 修改供应商管理
export function updateSupplier(data) {
return request({
url: '/wms/supplier',
method: 'put',
data: data
});
}
// 删除供应商管理
export function delSupplier(supplierId) {
return request({
url: '/wms/supplier/' + supplierId,
method: 'delete'
});
}

293
src/views/mes/pro/baseFile/index.vue
Unescape Escape View File

@ -0,0 +1,293 @@
<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="fileName">
<el-input
v-model="queryParams.fileName"
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"
v-hasPermi="['mes:pro:baseFile:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['mes:pro:baseFile:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['mes:pro:baseFile:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['mes:pro:baseFile:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="baseFileList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="附件名称" align="center" prop="fileName" />
<el-table-column label="附件地址" align="center" prop="fileAddress" />
<el-table-column label="工艺编码" align="center" prop="" />
<el-table-column label="工艺名称" align="center" prop="" />
<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)"
v-hasPermi="['mes:pro:baseFile:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['mes:pro:baseFile:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<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="1000px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="附件" prop="fileList">
<FileUpload v-model="form.fileList"/>
</el-form-item>
<template>
<el-button @click="toggleSelection()">取消选择</el-button>
<el-table
ref="multipleTable"
:data="tableData"
tooltip-effect="dark"
style="width: 100%"
@selection-change="handleSelectionChange">
<el-table-column
type="selection"
width="55">
</el-table-column>
<el-table-column
label="日期"
width="120">
<template slot-scope="scope">{{ scope.row.date }}</template>
</el-table-column>
<el-table-column
prop="name"
label="姓名"
width="120">
</el-table-column>
<el-table-column
prop="address"
label="地址"
show-overflow-tooltip>
</el-table-column>
</el-table>
</template>
</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 { listBaseFile, getBaseFile, delBaseFile, addBaseFile, updateBaseFile } from "@/api/mes/pro/baseFile";
export default {
name: "BaseFile",
data() {
return {
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 工艺附件管理表格数据
baseFileList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
fileName: null,
fileAddress: null,
sourceId: null,
attr1: null,
attr2: null,
attr3: null,
attr4: null,
},
// 表单参数
form: {},
// 表单校验
rules: {
}
};
},
created() {
this.getList();
},
methods: {
/** 查询工艺附件管理列表 */
getList() {
this.loading = true;
listBaseFile(this.queryParams).then(response => {
this.baseFileList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
fileId: null,
fileName: null,
fileAddress: null,
sourceId: null,
remark: null,
attr1: null,
attr2: null,
attr3: null,
attr4: null,
createBy: null,
createTime: null,
updateBy: null,
updateTime: null
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.fileId)
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加工艺附件管理";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const fileId = row.fileId || this.ids
getBaseFile(fileId).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改工艺附件管理";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.fileId != null) {
updateBaseFile(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addBaseFile(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const fileIds = row.fileId || this.ids;
this.$modal.confirm('是否确认删除工艺附件管理编号为"' + fileIds + '"的数据项？').then(function() {
return delBaseFile(fileIds);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download('mes/pro/baseFile/export', {
...this.queryParams
}, `baseFile_${new Date().getTime()}.xlsx`)
}
}
};
</script>

2
src/views/mes/pro/process/content.vue
Unescape Escape View File

@ -48,7 +48,7 @@
<el-table v-loading="loading" :data="processcontentList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="processcontentList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column label="顺序编号" align="center" prop="orderNum" /> <el-table-column label="顺序编号" align="center" pnpmrop="orderNum" />
<el-table-column label="步骤说明" width="400px" align="center" prop="contentText" :show-overflow-tooltip="true"/> <el-table-column label="步骤说明" width="400px" align="center" prop="contentText" :show-overflow-tooltip="true"/>
<el-table-column label="辅助设备" align="center" prop="device" :show-overflow-tooltip="true"/> <el-table-column label="辅助设备" align="center" prop="device" :show-overflow-tooltip="true"/>
<el-table-column label="BOM材料" align="center" prop="material" :show-overflow-tooltip="true"/> <el-table-column label="BOM材料" align="center" prop="material" :show-overflow-tooltip="true"/>

342
src/views/wms/bom/index.vue
Unescape Escape View File

@ -0,0 +1,342 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="108px">
<el-form-item label="物料BOM名称" prop="bomItemDesc">
<el-input
v-model="queryParams.bomItemDesc"
placeholder="请输入物料BOM名称"
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"
v-hasPermi="['wms:bom:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="info"
plain
icon="el-icon-sort"
size="mini"
@click="toggleExpandAll"
>展开/折叠</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table
v-if="refreshTable"
v-loading="loading"
:data="bomList"
row-key="bomItemId"
:default-expand-all="isExpandAll"
:tree-props="{children: 'children', hasChildren: 'hasChildren'}"
>
<el-table-column label="物料BOM名称" prop="bomItemDesc" />
<el-table-column label="物料BOM编码" prop="" />
<el-table-column label="物料类别" prop="" />
<el-table-column label="创建人" prop="createBy" />
<el-table-column label="创建时间" prop="createTime" />
<el-table-column prop="Active" label="是否启用" align="center">
<template slot-scope="scope">
{{ scope.row.Active == 1 ? "是" : "否" }}
</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)"
v-hasPermi="['wms:bom:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-plus"
@click="handleAdd(scope.row)"
v-hasPermi="['wms:bom:add']"
>新增</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['wms:bom:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<!-- 添加或修改物料BOM管理对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="110px">
<el-form-item label="物料BOM名称" prop="bomItemDesc">
<el-input v-model="form.bomItemDesc" placeholder="请输入物料BOM名称" />
</el-form-item>
<el-form-item label="BOM配方主键" prop="bomFormulationId">
<treeselect v-model="form.bomFormulationId" :options="bomOptions" :normalizer="normalizer" placeholder="请选择BOM配方主键" />
</el-form-item>
<el-form-item label="数量" prop="Quantity">
<el-input v-model="form.Quantity" placeholder="请输入数量" />
</el-form-item>
<el-form-item label="精度" prop="Precision">
<el-input v-model="form.Precision" placeholder="请输入精度" />
</el-form-item>
<el-form-item label="计量单位主键" prop="euId">
<el-input v-model="form.euId" placeholder="请输入计量单位主键" />
</el-form-item>
<el-form-item label="最低偏差" prop="lowerTolerance">
<el-input v-model="form.lowerTolerance" placeholder="请输入最低偏差" />
</el-form-item>
<el-form-item label="最低偏差精度" prop="lowerTolerancePrecision">
<el-input v-model="form.lowerTolerancePrecision" placeholder="请输入最低偏差精度" />
</el-form-item>
<el-form-item label="最高偏差" prop="upperTolerance">
<el-input v-model="form.upperTolerance" placeholder="请输入最高偏差" />
</el-form-item>
<el-form-item label="最高偏差精度" prop="upperTolerancePrecision">
<el-input v-model="form.upperTolerancePrecision" placeholder="请输入最高偏差精度" />
</el-form-item>
<el-form-item label="是否启用" prop="Active">
<el-select v-model="form.Active" placeholder="请选择是否启用" @change="$forceUpdate()" clearable>
<el-option v-for="item in options" :key="item.Active" :label="item.label" :value="item.Active"></el-option>
</el-select>
</el-form-item>
<el-form-item label="采购类型" prop="BESKZ">
<el-input v-model="form.BESKZ" placeholder="请输入采购类型" />
</el-form-item>
<el-form-item label="特殊采购类型" prop="SOBSL">
<el-input v-model="form.SOBSL" placeholder="请输入特殊采购类型" />
</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 { listBom, getBom, delBom, addBom, updateBom } from "@/api/wms/bom";
import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
export default {
name: "Bom",
components: {
Treeselect
},
data() {
return {
// 遮罩层
loading: true,
// 显示搜索条件
showSearch: true,
// 物料BOM管理表格数据
bomList: [],
// 物料BOM管理树选项
bomOptions: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 是否展开，默认全部展开
isExpandAll: true,
// 重新渲染表格状态
refreshTable: true,
// 查询参数
queryParams: {
bomItemDesc: null,
bomFormulationOrder: null,
bomFormulationId: null,
prodId: null,
Quantity: null,
Precision: null,
euId: null,
lowerTolerance: null,
lowerTolerancePrecision: null,
upperTolerance: null,
upperTolerancePrecision: null,
Active: null,
siteId: null,
siteCode: null,
enterpriseId: null,
enterpriseCode: null,
FactoryNo: null,
BESKZ: null,
SOBSL: null,
STUFE: null
},
options: [{
Active: "1",
label: '是'
}, {
Active: "0",
label: '否'
}],
// 表单参数
form: {},
// 表单校验
rules: {
}
};
},
created() {
this.getList();
},
methods: {
/** 查询物料BOM管理列表 */
getList() {
this.loading = true;
listBom(this.queryParams).then(response => {
this.bomList = this.handleTree(response.data, "bomItemId", "bomFormulationId");
this.loading = false;
});
},
/** 转换物料BOM管理数据结构 */
normalizer(node) {
if (node.children && !node.children.length) {
delete node.children;
}
return {
id: node.bomItemId,
label: node.bomItemDesc,
children: node.children
};
},
/** 查询物料BOM管理下拉树结构 */
getTreeselect() {
listBom().then(response => {
this.bomOptions = [];
const data = { bomItemId: 0, bomItemDesc: '顶级节点', children: [] };
data.children = this.handleTree(response.data, "bomItemId", "bomFormulationId");
this.bomOptions.push(data);
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
bomItemId: null,
bomItemDesc: null,
bomFormulationOrder: null,
bomFormulationId: null,
prodId: null,
Quantity: null,
Precision: null,
euId: null,
lowerTolerance: null,
lowerTolerancePrecision: null,
upperTolerance: null,
upperTolerancePrecision: null,
createBy: null,
createTime: null,
updateBy: null,
updateTime: null,
Active: null,
siteId: null,
siteCode: null,
enterpriseId: null,
enterpriseCode: null,
FactoryNo: null,
BESKZ: null,
SOBSL: null,
STUFE: null
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
/** 新增按钮操作 */
handleAdd(row) {
this.reset();
this.getTreeselect();
if (row != null && row.bomItemId) {
this.form.bomFormulationId = row.bomItemId;
} else {
this.form.bomFormulationId = 0;
}
this.open = true;
this.title = "添加物料BOM管理";
},
/** 展开/折叠操作 */
toggleExpandAll() {
this.refreshTable = false;
this.isExpandAll = !this.isExpandAll;
this.$nextTick(() => {
this.refreshTable = true;
});
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
this.getTreeselect();
if (row != null) {
this.form.bomFormulationId = row.bomItemId;
}
getBom(row.bomItemId).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改物料BOM管理";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.bomItemId != null) {
updateBom(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addBom(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
this.$modal.confirm('是否确认删除物料BOM管理编号为"' + row.bomItemId + '"的数据项？').then(function() {
return delBom(row.bomItemId);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
}
}
};
</script>

444
src/views/wms/customer/index.vue
Unescape Escape View File

@ -0,0 +1,444 @@
<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="clientCode">
<el-input
v-model="queryParams.clientCode"
placeholder="请输入客户编码"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="客户名称" prop="clientName">
<el-input
v-model="queryParams.clientName"
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"
v-hasPermi="['wms:customer:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['wms:customer:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['wms:customer:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['wms:customer:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="customerList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="客户ID" align="center" prop="clientId" />
<el-table-column label="客户编码" align="center" prop="clientCode" />
<el-table-column label="客户名称" align="center" prop="clientName" />
<el-table-column label="客户简称" align="center" prop="clientNick" />
<el-table-column label="客户英文名称" align="center" prop="clientEn" />
<el-table-column label="客户简介" align="center" prop="clientDes" />
<el-table-column label="客户LOGO地址" align="center" prop="clientLogo" />
<el-table-column label="客户类型" align="center" prop="clientType" />
<el-table-column label="客户地址" align="center" prop="address" />
<el-table-column label="客户官网地址" align="center" prop="website" />
<el-table-column label="客户邮箱地址" align="center" prop="email" />
<el-table-column label="客户电话" align="center" prop="tel" />
<el-table-column label="联系人1" align="center" prop="contact1" />
<el-table-column label="联系人1-电话" align="center" prop="contact1Tel" />
<el-table-column label="联系人1-邮箱" align="center" prop="contact1Email" />
<el-table-column label="联系人2" align="center" prop="contact2" />
<el-table-column label="联系人2-电话" align="center" prop="contact2Tel" />
<el-table-column label="联系人2-邮箱" align="center" prop="contact2Email" />
<el-table-column label="统一社会信用代码" align="center" prop="creditCode" />
<el-table-column label="是否启用" align="center" prop="enableFlag" />
<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)"
v-hasPermi="['wms:customer:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['wms:customer:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<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="1000px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="130px">
<el-row :gutter="10" class="mb8">
<el-col :span="12">
<el-form-item label="客户编码" prop="clientCode">
<el-input v-model="form.clientCode" placeholder="请输入客户编码" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="客户名称" prop="clientName">
<el-input v-model="form.clientName" placeholder="请输入客户名称" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" class="mb8">
<el-col :span="12">
<el-form-item label="客户简称" prop="clientNick">
<el-input v-model="form.clientNick" placeholder="请输入客户简称" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="客户英文名称" prop="clientEn">
<el-input v-model="form.clientEn" placeholder="请输入客户英文名称" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" class="mb8">
<el-col :span="12">
<el-form-item label="客户简介" prop="clientDes">
<el-input v-model="form.clientDes" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="客户LOGO地址" prop="clientLogo">
<el-input v-model="form.clientLogo" placeholder="请输入客户LOGO地址" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" class="mb8">
<el-col :span="12">
<el-form-item label="客户地址" prop="address">
<el-input v-model="form.address" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="客户官网地址" prop="website">
<el-input v-model="form.website" placeholder="请输入客户官网地址" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" class="mb8">
<el-col :span="12">
<el-form-item label="客户邮箱地址" prop="email">
<el-input v-model="form.email" placeholder="请输入客户邮箱地址" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="客户电话" prop="tel">
<el-input v-model="form.tel" placeholder="请输入客户电话" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" class="mb8">
<el-col :span="12">
<el-form-item label="联系人1" prop="contact1">
<el-input v-model="form.contact1" placeholder="请输入联系人1" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联系人1-电话" prop="contact1Tel">
<el-input v-model="form.contact1Tel" placeholder="请输入联系人1-电话" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" class="mb8">
<el-col :span="12">
<el-form-item label="联系人1-邮箱" prop="contact1Email">
<el-input v-model="form.contact1Email" placeholder="请输入联系人1-邮箱" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联系人2" prop="contact2">
<el-input v-model="form.contact2" placeholder="请输入联系人2" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" class="mb8">
<el-col :span="12">
<el-form-item label="联系人2-电话" prop="contact2Tel">
<el-input v-model="form.contact2Tel" placeholder="请输入联系人2-电话" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联系人2-邮箱" prop="contact2Email">
<el-input v-model="form.contact2Email" placeholder="请输入联系人2-邮箱" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" class="mb8">
<el-col :span="12">
<el-form-item label="统一社会信用代码" prop="creditCode">
<el-input v-model="form.creditCode" placeholder="请输入统一社会信用代码" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="是否启用" prop="enableFlag">
<el-input v-model="form.enableFlag" placeholder="请输入是否启用" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" class="mb8">
<el-col :span="12">
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-col>
<el-col :span="12">
</el-col>
</el-row>
</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 { listCustomer, getCustomer, delCustomer, addCustomer, updateCustomer } from "@/api/wms/customer";
export default {
name: "Customer",
data() {
return {
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 客户管理表格数据
customerList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
clientCode: null,
clientName: null,
clientNick: null,
clientEn: null,
clientDes: null,
clientLogo: null,
clientType: null,
address: null,
website: null,
email: null,
tel: null,
contact1: null,
contact1Tel: null,
contact1Email: null,
contact2: null,
contact2Tel: null,
contact2Email: null,
creditCode: null,
enableFlag: null,
attr1: null,
attr2: null,
attr3: null,
attr4: null,
},
// 表单参数
form: {},
// 表单校验
rules: {
clientCode: [
{ required: true, message: "客户编码不能为空", trigger: "blur" }
],
clientName: [
{ required: true, message: "客户名称不能为空", trigger: "blur" }
],
enableFlag: [
{ required: true, message: "是否启用不能为空", trigger: "blur" }
],
}
};
},
created() {
this.getList();
},
methods: {
/** 查询客户管理列表 */
getList() {
this.loading = true;
listCustomer(this.queryParams).then(response => {
this.customerList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
clientId: null,
clientCode: null,
clientName: null,
clientNick: null,
clientEn: null,
clientDes: null,
clientLogo: null,
clientType: null,
address: null,
website: null,
email: null,
tel: null,
contact1: null,
contact1Tel: null,
contact1Email: null,
contact2: null,
contact2Tel: null,
contact2Email: null,
creditCode: null,
enableFlag: null,
remark: null,
attr1: null,
attr2: null,
attr3: null,
attr4: null,
createBy: null,
createTime: null,
updateBy: null,
updateTime: null
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.clientId)
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加客户管理";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const clientId = row.clientId || this.ids
getCustomer(clientId).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改客户管理";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.clientId != null) {
updateCustomer(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addCustomer(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const clientIds = row.clientId || this.ids;
this.$modal.confirm('是否确认删除客户管理编号为"' + clientIds + '"的数据项？').then(function() {
return delCustomer(clientIds);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download('wms/customer/export', {
...this.queryParams
}, `customer_${new Date().getTime()}.xlsx`)
}
}
};
</script>

6
src/views/wms/factory/index.vue
Unescape Escape View File

@ -58,7 +58,7 @@
<el-table-column label="创建时间" align="center" prop="createTime" /> <el-table-column label="创建时间" align="center" prop="createTime" />
<el-table-column prop="status" label="是否启用" align="center" > <el-table-column prop="status" label="是否启用" align="center" >
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.status == 0 ? "是" : "否" }} {{ scope.row.status == 1 ? "是" : "否" }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
@ -163,10 +163,10 @@ export default {
status: null, status: null,
}, },
options: [{ options: [{
status: "0", status: "1",
label: '是' label: '是'
}, { }, {
status: "1", status: "0",
label: '否' label: '否'
}], }],
// 表单参数 // 表单参数

355
src/views/wms/machinery/index.vue
Unescape Escape View File

@ -0,0 +1,355 @@
<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="machineryCode" label-width="108px">
<el-input
v-model="queryParams.machineryCode"
placeholder="请输入设备类型编码"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="设备类型名称" prop="machineryName" label-width="108px">
<el-input
v-model="queryParams.machineryName"
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"
v-hasPermi="['wms:machinery:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['wms:machinery:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['wms:machinery:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['wms:machinery:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="machineryList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<!-- 序号 -->
<el-table-column type="index" width="90" align="center" :index="indexMethod" label="序号"></el-table-column>
<el-table-column label="设备编码" align="center" prop="machineryCode" />
<el-table-column label="设备名称" align="center" prop="machineryName" />
<el-table-column label="所属线体ID" align="center" prop="workshopCode" />
<el-table-column label="所属线体名称" align="center" prop="workshopName" />
<el-table-column label="创建时间" align="center" prop="createTime" />
<el-table-column label="创建人" align="center" prop="createBy" />
<el-table-column prop="status" label="是否启用" align="center" >
<template slot-scope="scope">
{{ scope.row.status == 1 ? "是" : "否" }}
</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)"
v-hasPermi="['wms:machinery:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['wms:machinery:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<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="machineryCode">np
<el-input v-model="form.machineryCode" placeholder="请输入设备类型编码" />
</el-form-item>
<el-form-item label="设备名称" prop="machineryName">
<el-input v-model="form.machineryName" placeholder="请输入设备类型名称" />
</el-form-item>
<el-form-item label="品牌" prop="machineryBrand">
<el-input v-model="form.machineryBrand" placeholder="请输入品牌" />
</el-form-item>
<el-form-item label="规格型号" prop="machinerySpec">
<el-input v-model="form.machinerySpec" placeholder="请输入规格型号" />
</el-form-item>
<el-form-item label="设备类型ID" prop="machineryTypeId">
<el-input v-model="form.machineryTypeId" placeholder="请输入设备类型ID" />
</el-form-item>
<el-form-item label="设备类型编码" prop="machineryTypeCode">
<el-input v-model="form.machineryTypeCode" placeholder="请输入设备类型编码" />
</el-form-item>
<el-form-item label="设备类型名称" prop="machineryTypeName">
<el-input v-model="form.machineryTypeName" placeholder="请输入设备类型名称" />
</el-form-item>
<el-form-item label="所属线体ID" prop="workshopId">
<el-input v-model="form.workshopId" placeholder="请输入所属车间ID" />
</el-form-item>
<el-form-item label="所属线体编码" prop="workshopCode">
<el-input v-model="form.workshopCode" placeholder="请输入所属车间编码" />
</el-form-item>
<el-form-item label="设备产能" prop="">
<el-input v-model="form.workshopCode" placeholder="" />
</el-form-item>
<el-form-item label="所属车间名称" prop="workshopName">
<el-input v-model="form.workshopName" placeholder="请输入所属车间名称" />
</el-form-item>
<el-form-item label="是否启用" prop="status">
<el-select v-model="form.status" placeholder="请选择是否启用" @change="$forceUpdate()" clearable>
<el-option v-for="item in options" :key="item.status" :label="item.label" :value="item.status"></el-option>
</el-select>
</el-form-item>
</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 { listMachinery, getMachinery, delMachinery, addMachinery, updateMachinery } from "@/api/wms/machinery";
export default {
name: "Machinery",
data() {
return {
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 设备管理表格数据
machineryList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
machineryCode: null,
machineryName: null,
machineryBrand: null,
machinerySpec: null,
machineryTypeId: null,
machineryTypeCode: null,
machineryTypeName: null,
workshopId: null,
workshopCode: null,
workshopName: null,
status: null,
attr1: null,
attr2: null,
attr3: null,
attr4: null,
},
options: [{
status: "1",
label: '是'
}, {
status: "0",
label: '否'
}],
// 表单参数
form: {},
// 表单校验
rules: {
machineryCode: [
{ required: true, message: "设备类型编码不能为空", trigger: "blur" }
],
machineryName: [
{ required: true, message: "设备类型名称不能为空", trigger: "blur" }
],
machineryTypeId: [
{ required: true, message: "设备类型ID不能为空", trigger: "blur" }
],
workshopId: [
{ required: true, message: "所属车间ID不能为空", trigger: "blur" }
],
status: [
{ required: true, message: "设备状态不能为空", trigger: "change" }
],
}
};
},
created() {
this.getList();
},
methods: {
/** 查询设备管理列表 */
getList() {
this.loading = true;
listMachinery(this.queryParams).then(response => {
this.machineryList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
machineryId: null,
machineryCode: null,
machineryName: null,
machineryBrand: null,
machinerySpec: null,
machineryTypeId: null,
machineryTypeCode: null,
machineryTypeName: null,
workshopId: null,
workshopCode: null,
workshopName: null,
status: null,
remark: null,
attr1: null,
attr2: null,
attr3: null,
attr4: null,
createBy: null,
createTime: null,
updateBy: null,
updateTime: null
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.machineryId)
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加设备管理";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const machineryId = row.machineryId || this.ids
getMachinery(machineryId).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改设备管理";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.machineryId != null) {
updateMachinery(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addMachinery(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const machineryIds = row.machineryId || this.ids;
this.$modal.confirm('是否确认删除设备管理编号为"' + machineryIds + '"的数据项？').then(function() {
return delMachinery(machineryIds);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download('wms/machinery/export', {
...this.queryParams
}, `machinery_${new Date().getTime()}.xlsx`)
}
}
};
</script>

489
src/views/wms/product/index.vue
Unescape Escape View File

@ -0,0 +1,489 @@
<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="productCode">
<el-input
v-model="queryParams.productCode"
placeholder="请输入物料编码"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="物料名称" prop="productDescZh">
<el-input
v-model="queryParams.productDescZh"
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"
v-hasPermi="['wms:product:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['wms:product:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['wms:product:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['wms:product:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="productList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<!-- <el-table-column label="主键ID" align="center" prop="productId" /> -->
<el-table-column label="物料编码" align="center" prop="productCode" />
<el-table-column label="物料类别" align="center" prop="productCode" />
<!-- 中文描述也就是物料名称 -->
<el-table-column label="物料名称" align="center" prop="productDescZh" />
<!-- <el-table-column label="英文描述" align="center" prop="productDescEn" />
<el-table-column label="序列号规则代码" align="center" prop="ruleCode" />
<el-table-column label="旧物料号" align="center" prop="oldProductCode" />
<el-table-column label="散件物料号" align="center" prop="partsProductCode" />
<el-table-column label="69码" align="center" prop="skuBarcode" />
<el-table-column label="长" align="center" prop="length" />
<el-table-column label="宽" align="center" prop="width" />
<el-table-column label="高" align="center" prop="height" /> -->
<!-- <el-table-column label="毛重" align="center" prop="grossWeight" />
<el-table-column label="净重" align="center" prop="netWeight" />
<el-table-column label="皮重" align="center" prop="tareWeight" />
<el-table-column label="体积" align="center" prop="volume" />
<el-table-column label="单价" align="center" prop="unitPrice" />
<el-table-column label="产品组" align="center" prop="productGroup" />
<el-table-column label="${comment}" align="center" prop="productGroupName" />
<el-table-column label="用户自定义1" align="center" prop="userDefined1" />
<el-table-column label="用户自定义2" align="center" prop="userDefined2" />
<el-table-column label="用户自定义3" align="center" prop="userDefined3" />
<el-table-column label="${comment}" align="center" prop="userDefined4" />
<el-table-column label="${comment}" align="center" prop="userDefined5" />
<el-table-column label="${comment}" align="center" prop="userDefined6" />
<el-table-column label="工厂编码" align="center" prop="factoryCode" /> -->
<el-table-column label="激活标记" align="center" prop="activeFlag" />
<!-- <el-table-column label="${comment}" align="center" prop="syncFlag" />
<el-table-column label="${comment}" align="center" prop="primaryUom" />
<el-table-column label="订单单位" align="center" prop="bstme" />
<el-table-column label="${comment}" align="center" prop="basicOrder" />
<el-table-column label="${comment}" align="center" prop="convOrder" />
<el-table-column label="发货单位" align="center" prop="ausme" />
<el-table-column label="${comment}" align="center" prop="basicIssue" />
<el-table-column label="${comment}" align="center" prop="convIssue" />
<el-table-column label="是否补料" align="center" prop="appendFlag" />
<el-table-column label="补料比例" align="center" prop="appendPercent" /> -->
<el-table-column label="创建人" align="center" prop="createBy" />
<el-table-column label="创建时间" align="center" prop="createTime" />
<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)"
v-hasPermi="['wms:product:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['wms:product:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<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="productCode">
<el-input v-model="form.productCode" placeholder="请输入产品代码" />
</el-form-item>
<el-form-item label="物料名称" prop="productDescZh">
<el-input v-model="form.productDescZh" placeholder="请输入物料名称" />
</el-form-item>
<el-form-item label="物料类别" prop="productDescZh">
<el-input v-model="form.productDescZh" placeholder="请输入物料名称" />
</el-form-item>
<!-- <el-form-item label="英文描述" prop="productDescEn">
<el-input v-model="form.productDescEn" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="序列号规则代码" prop="ruleCode">
<el-input v-model="form.ruleCode" placeholder="请输入序列号规则代码" />
</el-form-item>
<el-form-item label="旧物料号" prop="oldProductCode">
<el-input v-model="form.oldProductCode" placeholder="请输入旧物料号" />
</el-form-item>
<el-form-item label="散件物料号" prop="partsProductCode">
<el-input v-model="form.partsProductCode" placeholder="请输入散件物料号" />
</el-form-item>
<el-form-item label="69码" prop="skuBarcode">
<el-input v-model="form.skuBarcode" placeholder="请输入69码" />
</el-form-item>
<el-form-item label="长" prop="length">
<el-input v-model="form.length" placeholder="请输入长" />
</el-form-item>
<el-form-item label="宽" prop="width">
<el-input v-model="form.width" placeholder="请输入宽" />
</el-form-item>
<el-form-item label="高" prop="height">
<el-input v-model="form.height" placeholder="请输入高" />
</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="皮重" prop="tareWeight">
<el-input v-model="form.tareWeight" placeholder="请输入皮重" />
</el-form-item>
<el-form-item label="体积" prop="volume">
<el-input v-model="form.volume" placeholder="请输入体积" />
</el-form-item>
<el-form-item label="单价" prop="unitPrice">
<el-input v-model="form.unitPrice" placeholder="请输入单价" />
</el-form-item>
<el-form-item label="产品组" prop="productGroup">
<el-input v-model="form.productGroup" placeholder="请输入产品组" />
</el-form-item>
<el-form-item label="${comment}" prop="productGroupName">
<el-input v-model="form.productGroupName" placeholder="请输入${comment}" />
</el-form-item>
<el-form-item label="用户自定义1" prop="userDefined1">
<el-input v-model="form.userDefined1" placeholder="请输入用户自定义1" />
</el-form-item>
<el-form-item label="用户自定义2" prop="userDefined2">
<el-input v-model="form.userDefined2" placeholder="请输入用户自定义2" />
</el-form-item>
<el-form-item label="用户自定义3" prop="userDefined3">
<el-input v-model="form.userDefined3" placeholder="请输入用户自定义3" />
</el-form-item>
<el-form-item label="${comment}" prop="userDefined4">
<el-input v-model="form.userDefined4" placeholder="请输入${comment}" />
</el-form-item>
<el-form-item label="${comment}" prop="userDefined5">
<el-input v-model="form.userDefined5" placeholder="请输入${comment}" />
</el-form-item>
<el-form-item label="${comment}" prop="userDefined6">
<el-input v-model="form.userDefined6" placeholder="请输入${comment}" />
</el-form-item>
<el-form-item label="工厂编码" prop="factoryCode">
<el-input v-model="form.factoryCode" placeholder="请输入工厂编码" />
</el-form-item> -->
<el-form-item label="是否启用" prop="activeFlag">
<el-select v-model="form.activeFlag" placeholder="请选择是否启用" @change="$forceUpdate()" clearable>
<el-option v-for="item in options" :key="item.activeFlag" :label="item.label" :value="item.activeFlag"></el-option>
</el-select>
</el-form-item>
<!-- <el-form-item label="${comment}" prop="syncFlag">
<el-input v-model="form.syncFlag" placeholder="请输入${comment}" />
</el-form-item>
<el-form-item label="${comment}" prop="primaryUom">
<el-input v-model="form.primaryUom" placeholder="请输入${comment}" />
</el-form-item>
<el-form-item label="${comment}" prop="delFlag">
<el-input v-model="form.delFlag" placeholder="请输入${comment}" />
</el-form-item>
<el-form-item label="订单单位" prop="bstme">
<el-input v-model="form.bstme" placeholder="请输入订单单位" />
</el-form-item>
<el-form-item label="${comment}" prop="basicOrder">
<el-input v-model="form.basicOrder" placeholder="请输入${comment}" />
</el-form-item>
<el-form-item label="${comment}" prop="convOrder">
<el-input v-model="form.convOrder" placeholder="请输入${comment}" />
</el-form-item>
<el-form-item label="发货单位" prop="ausme">
<el-input v-model="form.ausme" placeholder="请输入发货单位" />
</el-form-item>
<el-form-item label="${comment}" prop="basicIssue">
<el-input v-model="form.basicIssue" placeholder="请输入${comment}" />
</el-form-item>
<el-form-item label="${comment}" prop="convIssue">
<el-input v-model="form.convIssue" placeholder="请输入${comment}" />
</el-form-item>
<el-form-item label="是否补料" prop="appendFlag">
<el-input v-model="form.appendFlag" placeholder="请输入是否补料" />
</el-form-item>
<el-form-item label="补料比例" prop="appendPercent">
<el-input v-model="form.appendPercent" placeholder="请输入补料比例" />
</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 { listProduct, getProduct, delProduct, addProduct, updateProduct } from "@/api/wms/product";
export default {
name: "Product",
data() {
return {
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 物料信息表格数据
productList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
productCode: null,
productDescZh: null,
productDescEn: null,
ruleCode: null,
oldProductCode: null,
partsProductCode: null,
skuBarcode: null,
length: null,
width: null,
height: null,
grossWeight: null,
netWeight: null,
tareWeight: null,
volume: null,
unitPrice: null,
productGroup: null,
productGroupName: null,
userDefined1: null,
userDefined2: null,
userDefined3: null,
userDefined4: null,
userDefined5: null,
userDefined6: null,
factoryCode: null,
activeFlag: null,
syncFlag: null,
primaryUom: null,
bstme: null,
basicOrder: null,
convOrder: null,
ausme: null,
basicIssue: null,
convIssue: null,
appendFlag: null,
appendPercent: null
},
options: [{
activeFlag: "1",
label: '是'
}, {
activeFlag: "0",
label: '否'
}],
// 表单参数
form: {},
// 表单校验
rules: {
productCode: [
{ required: true, message: "产品代码不能为空", trigger: "blur" }
],
}
};
},
created() {
this.getList();
},
methods: {
// 生成表头序号
indexMethod(index) {
return index + 1;
},
/** 查询物料信息列表 */
getList() {
this.loading = true;
listProduct(this.queryParams).then(response => {
this.productList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
productId: null,
productCode: null,
productDescZh: null,
productDescEn: null,
ruleCode: null,
oldProductCode: null,
partsProductCode: null,
skuBarcode: null,
length: null,
width: null,
height: null,
grossWeight: null,
netWeight: null,
tareWeight: null,
volume: null,
unitPrice: null,
productGroup: null,
productGroupName: null,
userDefined1: null,
userDefined2: null,
userDefined3: null,
userDefined4: null,
userDefined5: null,
userDefined6: null,
createBy: null,
createTime: null,
updateBy: null,
updateTime: null,
factoryCode: null,
activeFlag: null,
syncFlag: null,
primaryUom: null,
delFlag: null,
bstme: null,
basicOrder: null,
convOrder: null,
ausme: null,
basicIssue: null,
convIssue: null,
appendFlag: null,
appendPercent: null
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.productId)
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加物料信息";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const productId = row.productId || this.ids
getProduct(productId).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改物料信息";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.productId != null) {
updateProduct(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addProduct(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const productIds = row.productId || this.ids;
this.$modal.confirm('是否确认删除物料信息编号为"' + productIds + '"的数据项？').then(function() {
return delProduct(productIds);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download('wms/product/export', {
...this.queryParams
}, `product_${new Date().getTime()}.xlsx`)
}
}
};
</script>

391
src/views/wms/productGroups/index.vue
Unescape Escape View File

@ -0,0 +1,391 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="98px">
<el-form-item label="物料类别编码" prop="pgCode">
<el-input
v-model="queryParams.pgCode"
placeholder="请输入物料类别编码"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<!-- <el-form-item label="产品分组简称" prop="pgDesc">
<el-input
v-model="queryParams.pgDesc"
placeholder="请输入产品分组简称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> -->
<el-form-item label="物料类别名称" prop="pgDescGlobal">
<el-input
v-model="queryParams.pgDescGlobal"
placeholder="请输入物料类别名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<!-- <el-form-item label="产品分组扩展名称" prop="pgDescExtended">
<el-input
v-model="queryParams.pgDescExtended"
placeholder="请输入产品分组扩展名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="可用标识" prop="Active">
<el-input
v-model="queryParams.Active"
placeholder="请输入可用标识"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="企业主键" prop="enterpriseId">
<el-input
v-model="queryParams.enterpriseId"
placeholder="请输入企业主键"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="企业编码" prop="enterpriseCode">
<el-input
v-model="queryParams.enterpriseCode"
placeholder="请输入企业编码"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="工厂主键" prop="siteId">
<el-input
v-model="queryParams.siteId"
placeholder="请输入工厂主键"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="工厂编码" prop="siteCode">
<el-input
v-model="queryParams.siteCode"
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"
v-hasPermi="['wms:productGroups:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['wms:productGroups:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['wms:productGroups:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['wms:productGroups:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="productGroupsList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<!-- 序号 -->
<el-table-column type="index" width="90" align="center" :index="indexMethod" label="序号"></el-table-column>
<!-- <el-table-column label="产品分组主键" align="center" prop="pgId" /> -->
<el-table-column label="物料类别编码" align="center" prop="pgCode" />
<!-- <el-table-column label="产品分组简称" align="center" prop="pgDesc" /> -->
<el-table-column label="物料类别名称" align="center" prop="pgDescGlobal" />
<!-- <el-table-column label="产品分组扩展名称" align="center" prop="pgDescExtended" /> -->
<el-table-column label="创建人" align="center" prop="createBy" />
<el-table-column label="创建时间" align="center" prop="createTime" />
<el-table-column label="可用标识" align="center" prop="Active">
<template slot-scope="scope">
{{ scope.row.Active == 1 ? "是" : "否" }}
</template>
</el-table-column>
<!-- <el-table-column label="企业主键" align="center" prop="enterpriseId" />
<el-table-column label="企业编码" align="center" prop="enterpriseCode" />
<el-table-column label="工厂主键" align="center" prop="siteId" />
<el-table-column label="工厂编码" align="center" prop="siteCode" /> -->
<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)"
v-hasPermi="['wms:productGroups:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['wms:productGroups:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<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="110px">
<el-form-item label="物料类别编码" prop="pgCode">
<el-input v-model="form.pgCode" placeholder="请输入物料类别编码" />
</el-form-item>
<!-- <el-form-item label="产品分组简称" prop="pgDesc">
<el-input v-model="form.pgDesc" placeholder="请输入产品分组简称" />
</el-form-item> -->
<el-form-item label="物料类别名称" prop="pgDescGlobal">
<el-input v-model="form.pgDescGlobal" placeholder="请输入物料类别名称" />
</el-form-item>
<!-- <el-form-item label="产品分组扩展名称" prop="pgDescExtended">
<el-input v-model="form.pgDescExtended" placeholder="请输入产品分组扩展名称" />
</el-form-item> -->
<el-form-item label="可用标识" prop="Active">
<el-select v-model="form.Active" placeholder="请选择是否启用" @change="$forceUpdate()" clearable>
<el-option v-for="item in options" :key="item.Active" :label="item.label" :value="item.Active"></el-option>
</el-select>
</el-form-item>
<!-- <el-form-item label="企业主键" prop="enterpriseId">
<el-input v-model="form.enterpriseId" placeholder="请输入企业主键" />
</el-form-item>
<el-form-item label="企业编码" prop="enterpriseCode">
<el-input v-model="form.enterpriseCode" placeholder="请输入企业编码" />
</el-form-item>
<el-form-item label="工厂主键" prop="siteId">
<el-input v-model="form.siteId" placeholder="请输入工厂主键" />
</el-form-item>
<el-form-item label="工厂编码" prop="siteCode">
<el-input v-model="form.siteCode" placeholder="请输入工厂编码" />
</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 { listProductGroups, getProductGroups, delProductGroups, addProductGroups, updateProductGroups } from "@/api/wms/productGroups";
export default {
name: "ProductGroups",
data() {
return {
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 物料分组表格数据
productGroupsList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
pgCode: null,
pgDesc: null,
pgDescGlobal: null,
pgDescExtended: null,
Active: null,
enterpriseId: null,
enterpriseCode: null,
siteId: null,
siteCode: null
},
options: [{
Active: "1",
label: '是'
}, {
Active: "0",
label: '否'
}],
// 表单参数
form: {},
// 表单校验
rules: {
pgDesc: [
{ required: true, message: "产品分组简称不能为空", trigger: "blur" }
],
pgDescGlobal: [
{ required: true, message: "产品分组通用名称不能为空", trigger: "blur" }
],
pgDescExtended: [
{ required: true, message: "产品分组扩展名称不能为空", trigger: "blur" }
],
}
};
},
created() {
this.getList();
},
methods: {
// 生成表头序号
indexMethod(index) {
return index + 1;
},
/** 查询物料分组列表 */
getList() {
this.loading = true;
listProductGroups(this.queryParams).then(response => {
this.productGroupsList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
pgId: null,
pgCode: null,
pgDesc: null,
pgDescGlobal: null,
pgDescExtended: null,
createBy: null,
createTime: null,
updateBy: null,
updateTime: null,
Active: null,
enterpriseId: null,
enterpriseCode: null,
siteId: null,
siteCode: null
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.pgId)
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加物料分组";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const pgId = row.pgId || this.ids
getProductGroups(pgId).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改物料分组";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.pgId != null) {
updateProductGroups(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addProductGroups(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const pgIds = row.pgId || this.ids;
this.$modal.confirm('是否确认删除物料分组编号为"' + pgIds + '"的数据项？').then(function() {
return delProductGroups(pgIds);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download('wms/productGroups/export', {
...this.queryParams
}, `productGroups_${new Date().getTime()}.xlsx`)
}
}
};
</script>

10
src/views/wms/shifts/index.vue
Unescape Escape View File

@ -81,6 +81,8 @@
</el-table-column> </el-table-column>
<el-table-column label="班次编码" align="center" prop="shiftCode" /> <el-table-column label="班次编码" align="center" prop="shiftCode" />
<el-table-column label="班次名称" align="center" prop="shiftDescGlobal" /> <el-table-column label="班次名称" align="center" prop="shiftDescGlobal" />
<el-table-column label="开始时间" align="center" prop="shiftStartTime" />
<el-table-column label="结束时间" align="center" prop="shiftEndTime" />
<el-table-column label="创建人" align="center" prop="createBy" /> <el-table-column label="创建人" align="center" prop="createBy" />
<el-table-column label="创建时间" align="center" prop="createDate"/> <el-table-column label="创建时间" align="center" prop="createDate"/>
<el-table-column prop="active" label="是否启用" align="center"> <el-table-column prop="active" label="是否启用" align="center">
@ -135,7 +137,7 @@
</el-form-item> </el-form-item>
<el-form-item label="开始时间" prop="shiftStartTime"> <el-form-item label="开始时间" prop="shiftStartTime">
<el-time-select <el-time-select
v-model="value" v-model="form.shiftStartTime"
:picker-options="{ :picker-options="{
start: '00:00', start: '00:00',
step: '01:00', step: '01:00',
@ -146,7 +148,7 @@
</el-form-item> </el-form-item>
<el-form-item label="结束时间" prop="shiftEndTime"> <el-form-item label="结束时间" prop="shiftEndTime">
<el-time-select <el-time-select
v-model="value" v-model="form.shiftEndTime"
:picker-options="{ :picker-options="{
start: '00:00', start: '00:00',
step: '01:00', step: '01:00',
@ -215,10 +217,10 @@ export default {
siteCode: null siteCode: null
}, },
options: [{ options: [{
active: "0", active: "1",
label: '是' label: '是'
}, { }, {
active: "1", active: "0",
label: '否' label: '否'
}], }],
// 表单参数 // 表单参数

584
src/views/wms/supplier/index.vue
Unescape Escape View File

@ -0,0 +1,584 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="88px">
<el-form-item label="供应商代码" prop="supplierCode">
<el-input
v-model="queryParams.supplierCode"
placeholder="请输入供应商代码"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="供应商名称" prop="zhDesc">
<el-input
v-model="queryParams.zhDesc"
placeholder="请输入供应商名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<!-- <el-form-item label="英文描述" prop="enDesc">
<el-input
v-model="queryParams.enDesc"
placeholder="请输入英文描述"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="账号" prop="accountNumber">
<el-input
v-model="queryParams.accountNumber"
placeholder="请输入账号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="证照编码" prop="licenceNumber">
<el-input
v-model="queryParams.licenceNumber"
placeholder="请输入证照编码"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="省" prop="province">
<el-input
v-model="queryParams.province"
placeholder="请输入省"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="市" prop="city">
<el-input
v-model="queryParams.city"
placeholder="请输入市"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="区" prop="area">
<el-input
v-model="queryParams.area"
placeholder="请输入区"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="邮编" prop="postcode">
<el-input
v-model="queryParams.postcode"
placeholder="请输入邮编"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> -->
<el-form-item label="联系人" prop="contact">
<el-input
v-model="queryParams.contact"
placeholder="请输入联系人"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<!-- <el-form-item label="联系人电话" prop="contactPhone">
<el-input
v-model="queryParams.contactPhone"
placeholder="请输入联系人电话"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="联系人职务" prop="contactPosition">
<el-input
v-model="queryParams.contactPosition"
placeholder="请输入联系人职务"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="联系人电子邮件" prop="contactEmail">
<el-input
v-model="queryParams.contactEmail"
placeholder="请输入联系人电子邮件"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="激活标记" prop="activeFlag">
<el-input
v-model="queryParams.activeFlag"
placeholder="请输入激活标记"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="用户自定义1--国家" prop="userDefined1">
<el-input
v-model="queryParams.userDefined1"
placeholder="请输入用户自定义1--国家"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="用户自定义2--税号" prop="userDefined2">
<el-input
v-model="queryParams.userDefined2"
placeholder="请输入用户自定义2--税号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="用户自定义3" prop="userDefined3">
<el-input
v-model="queryParams.userDefined3"
placeholder="请输入用户自定义3"
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"
v-hasPermi="['wms:supplier:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['wms:supplier:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['wms:supplier:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['wms:supplier:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="supplierList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<!-- <el-table-column label="主键uuid" align="center" prop="supplierId" /> -->
<!-- 序号 -->
<el-table-column type="index" width="90" align="center" :index="indexMethod" label="序号"></el-table-column>
<el-table-column label="供应商代码" align="center" prop="supplierCode" />
<el-table-column label="供应商名字" align="center" prop="zhDesc" />
<el-table-column label="英文描述" align="center" prop="enDesc" />
<el-table-column label="供应商类型" align="center" prop="supplierType" />
<el-table-column label="账号" align="center" prop="accountNumber" />
<el-table-column label="证照编码" align="center" prop="licenceNumber" />
<el-table-column label="经营范围" align="center" prop="businessScope" />
<el-table-column label="省" align="center" prop="province" />
<el-table-column label="市" align="center" prop="city" />
<el-table-column label="区" align="center" prop="area" />
<el-table-column label="详细地址" align="center" prop="address" />
<el-table-column label="邮编" align="center" prop="postcode" />
<el-table-column label="联系人" align="center" prop="contact" />
<el-table-column label="联系人电话" align="center" prop="contactPhone" />
<el-table-column label="联系人职务" align="center" prop="contactPosition" />
<el-table-column label="联系人电子邮件" align="center" prop="contactEmail" />
<el-table-column label="激活标记" align="center" prop="activeFlag">
<template slot-scope="scope">
{{ scope.row.activeFlag == 1 ? "是" : "否" }}
</template>
</el-table-column>
<el-table-column label="国家" align="center" prop="userDefined1" />
<el-table-column label="税号" align="center" prop="userDefined2" />
<!-- <el-table-column label="用户自定义3" align="center" prop="userDefined3" />
<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)"
v-hasPermi="['wms:supplier:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['wms:supplier:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<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="1000px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="110px">
<el-row :gutter="10" class="mb8">
<el-col :span="12">
<el-form-item label="供应商代码" prop="supplierCode">
<el-input v-model="form.supplierCode" placeholder="请输入供应商代码" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="供应商名字" prop="zhDesc">
<el-input v-model="form.zhDesc" placeholder="请输入供应商名字" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" class="mb8">
<el-col :span="12">
<el-form-item label="英文描述" prop="enDesc">
<el-input v-model="form.enDesc" placeholder="请输入供应商代码" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="供应商类型" prop="supplierType">
<el-input v-model="form.supplierType" placeholder="请输入供应商名字" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" class="mb8">
<el-col :span="12">
<el-form-item label="账号" prop="accountNumber">
<el-input v-model="form.accountNumber" placeholder="请输入账号" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="证照编码" prop="licenceNumber">
<el-input v-model="form.licenceNumber" placeholder="请输入证照编码" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" class="mb8">
<el-col :span="12">
<el-form-item label="国家" prop="userDefined1">
<el-input v-model="form.userDefined1" placeholder="请输入国家" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="省" prop="province">
<el-input v-model="form.province" placeholder="请输入省" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" class="mb8">
<el-col :span="12">
<el-form-item label="市" prop="city">
<el-input v-model="form.city" placeholder="请输入市" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="区" prop="area">
<el-input v-model="form.area" placeholder="请输入区" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" class="mb8">
<el-col :span="12">
<el-form-item label="详细地址" prop="address">
<el-input v-model="form.address" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="邮编" prop="postcode">
<el-input v-model="form.postcode" placeholder="请输入邮编" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" class="mb8">
<el-col :span="12">
<el-form-item label="联系人" prop="contact">
<el-input v-model="form.contact" placeholder="请输入联系人" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联系人电话" prop="contactPhone">
<el-input v-model="form.contactPhone" placeholder="请输入联系人电话" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" class="mb8">
<el-col :span="12">
<el-form-item label="联系人职务" prop="contactPosition">
<el-input v-model="form.contactPosition" placeholder="请输入联系人职务" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联系人电子邮件" prop="contactEmail">
<el-input v-model="form.contactEmail" placeholder="请输入联系人电子邮件" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" class="mb8">
<el-col :span="12">
<el-form-item label="是否启用" prop="activeFlag">
<el-select v-model="form.activeFlag" placeholder="请选择是否启用" @change="$forceUpdate()" clearable>
<el-option v-for="item in options" :key="item.activeFlag" :label="item.label" :value="item.activeFlag"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="经营范围" prop="businessScope">
<el-input v-model="form.businessScope" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" class="mb8">
<el-col :span="12">
<el-form-item label="税号" prop="userDefined2">
<el-input v-model="form.userDefined2" placeholder="请输入税号" />
</el-form-item>
</el-col>
<el-col :span="12">
<!-- <el-form-item label="用户自定义3" prop="userDefined3">
<el-input v-model="form.userDefined3" placeholder="请输入用户自定义3" />
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" placeholder="请输入备注" />
</el-form-item> -->
</el-col>
</el-row>
</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 { listSupplier, getSupplier, delSupplier, addSupplier, updateSupplier } from "@/api/wms/supplier";
export default {
name: "Supplier",
data() {
return {
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 供应商管理表格数据
supplierList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
supplierCode: null,
zhDesc: null,
enDesc: null,
supplierType: null,
accountNumber: null,
licenceNumber: null,
businessScope: null,
province: null,
city: null,
area: null,
address: null,
postcode: null,
contact: null,
contactPhone: null,
contactPosition: null,
contactEmail: null,
activeFlag: null,
userDefined1: null,
userDefined2: null,
userDefined3: null,
},
options: [{
activeFlag: "1",
label: '是'
}, {
activeFlag: "0",
label: '否'
}],
// 表单参数
form: {},
// 表单校验
rules: {
supplierCode: [
{ required: true, message: "供应商代码不能为空", trigger: "blur" }
],
zhDesc: [
{ required: true, message: "供应商名字不能为空", trigger: "blur" }
],
activeFlag: [
{ required: true, message: "是否启用不能为空", trigger: "blur" }
],
}
};
},
created() {
this.getList();
},
methods: {
// 生成表头序号
indexMethod(index) {
return index + 1;
},
/** 查询供应商管理列表 */
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: null,
supplierCode: null,
zhDesc: null,
enDesc: null,
supplierType: null,
accountNumber: null,
licenceNumber: null,
businessScope: null,
province: null,
city: null,
area: null,
address: null,
postcode: null,
contact: null,
contactPhone: null,
contactPosition: null,
contactEmail: null,
activeFlag: null,
userDefined1: null,
userDefined2: null,
userDefined3: null,
createBy: null,
createTime: null,
updateBy: null,
updateTime: null,
remark: null
};
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.reset();
const supplierId = row.supplierId || this.ids
getSupplier(supplierId).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改供应商管理";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.supplierId != null) {
updateSupplier(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addSupplier(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const supplierIds = row.supplierId || this.ids;
this.$modal.confirm('是否确认删除供应商管理编号为"' + supplierIds + '"的数据项？').then(function() {
return delSupplier(supplierIds);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download('wms/supplier/export', {
...this.queryParams
}, `supplier_${new Date().getTime()}.xlsx`)
}
}
};
</script>

4
src/views/wms/warehouse/index.vue
Unescape Escape View File

@ -204,10 +204,10 @@ export default {
warehouseType2: null warehouseType2: null
}, },
options: [{ options: [{
activeFlag: "0", activeFlag: "1",
label: '是' label: '是'
}, { }, {
activeFlag: "1", activeFlag: "0",
label: '否' label: '否'
}], }],
lineFlagOptions: [{ lineFlagOptions: [{

Write Preview
Loading…
Cancel
Save