Commit b30467db authored by wanglianghe's avatar wanglianghe

货架管理

parent 0397b3f9
import request from '@/utils/request'
// 创建货架
export function createShelf(data) {
return request({
url: '/ecw/shelf/create',
method: 'post',
data: data
})
}
// 更新货架
export function updateShelf(data) {
return request({
url: '/ecw/shelf/update',
method: 'put',
data: data
})
}
// 删除货架
export function deleteShelf(id) {
return request({
url: '/ecw/shelf/delete?id=' + id,
method: 'delete'
})
}
// 获得货架
export function getShelf(id) {
return request({
url: '/ecw/shelf/get?id=' + id,
method: 'get'
})
}
// 获得货架分页
export function getShelfPage(query) {
return request({
url: '/ecw/shelf/page',
method: 'get',
params: query
})
}
// 导出货架 Excel
export function exportShelfExcel(query) {
return request({
url: '/ecw/shelf/export-excel',
method: 'get',
params: query,
responseType: 'blob'
})
}
......@@ -43,6 +43,15 @@ export function getWarehousePage(query) {
})
}
// 获得仓库列表
export function getWarehouseList(query) {
return request({
url: '/ecw/warehouse/list',
method: 'get',
params: query
})
}
// 导出仓库 Excel
export function exportWarehouseExcel(query) {
return request({
......
......@@ -171,7 +171,7 @@ export const constantRoutes = [
path: 'warehouse',
component: (resolve) => require(['@/views/ecw/warehouse/index'], resolve),
name: 'warehouse',
meta: {title: '网点仓库', activeMenu: '/config/node'}
meta: {title: '网点仓库', activeMenu: '/warehouse/node'}
}
]
},
......
<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="仓库ID" prop="warehouseId">
<el-input v-model="queryParams.warehouseId" placeholder="请输入仓库ID" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="区域名称" prop="regionName">
<el-input v-model="queryParams.regionName" placeholder="请输入区域名称" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="区域编码" prop="regionCode">
<el-input v-model="queryParams.regionCode" placeholder="请输入区域编码" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="条码起始号" prop="barcodeStart">
<el-input v-model="queryParams.barcodeStart" placeholder="请输入条码起始号" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="货架数量" prop="shelfNum">
<el-input v-model="queryParams.shelfNum" placeholder="请输入货架数量" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="货架起始号" prop="shelfStart">
<el-input v-model="queryParams.shelfStart" placeholder="请输入货架起始号" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="货架层数" prop="shelfLayer">
<el-input v-model="queryParams.shelfLayer" placeholder="请输入货架层数" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="层数起始号" prop="layerStart">
<el-input v-model="queryParams.layerStart" placeholder="请输入层数起始号" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="货架格数" prop="shelfGridNum">
<el-input v-model="queryParams.shelfGridNum" placeholder="请输入货架格数" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="货架类型" prop="shelfType">
<el-select v-model="queryParams.shelfType" placeholder="请选择货架类型" clearable size="small">
<el-option label="请选择字典生成" value="" />
</el-select>
</el-form-item>
<el-form-item label="排序" prop="sort">
<el-input v-model="queryParams.sort" placeholder="请输入排序" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="是否展示 默认为展示" prop="status">
<el-select v-model="queryParams.status" placeholder="请选择是否展示 默认为展示" clearable size="small">
<el-option label="请选择字典生成" value="" />
</el-select>
</el-form-item>
<el-form-item label="创建时间">
<el-date-picker v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd"
type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" />
</el-form-item>
<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-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="['ecw:shelf:create']">新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading"
v-hasPermi="['ecw:shelf:export']">导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<!-- 列表 -->
<el-table v-loading="loading" :data="list">
<el-table-column label="仓库ID" align="center" prop="warehouseId" />
<el-table-column label="区域名称" align="center" prop="regionName" />
<el-table-column label="区域编码" align="center" prop="regionCode" />
<el-table-column label="条码起始号" align="center" prop="barcodeStart" />
<el-table-column label="货架数量" align="center" prop="shelfNum" />
<el-table-column label="货架起始号" align="center" prop="shelfStart" />
<el-table-column label="货架层数" align="center" prop="shelfLayer" />
<el-table-column label="层数起始号" align="center" prop="layerStart" />
<el-table-column label="货架格数" align="center" prop="shelfGridNum" />
<el-table-column label="货架类型" align="center" prop="shelfType" />
<el-table-column label="排序" align="center" prop="sort" />
<el-table-column label="是否展示 默认为展示" align="center" prop="status" />
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
v-hasPermi="['ecw:shelf:update']">修改</el-button>
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
v-hasPermi="['ecw:shelf:delete']">删除</el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页组件 -->
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
@pagination="getList"/>
<!-- 对话框(添加 / 修改) -->
<el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="90px">
<el-form-item label="归属仓库" prop="warehouseId">
<el-select v-model="form.warehouseId" clearable>
<el-option v-for="warehouse in warehouseList" :key="warehouse.id" :label="warehouse.titleZh" :value="warehouse.id" />
</el-select>
</el-form-item>
<el-form-item label="区域名称" prop="regionName">
<el-col :span="8">
<el-input v-model="form.regionName" placeholder="请输入区域名称" />
</el-col>
<el-col :span="24">
<span style="color:red;font-size:12px;">如:衣服区,电子区 货架名称格式为:货架分区-架位数-层数-格数 如:A区 第6货架 第5层 第1格:A-06-05-01</span>
</el-col>
</el-form-item>
<el-form-item label="区域编码" prop="regionCode">
<el-col :span="8">
<el-input v-model="form.regionCode" placeholder="请输入区域编码" />
</el-col>
<el-col :span="16">
<span style="color:red;font-size:12px;">如:A B C</span>
</el-col>
</el-form-item>
<el-form-item label="条码起始号" prop="barcodeStart">
<el-col :span="8">
<el-input v-model.number="form.barcodeStart" type="number" placeholder="请输入条码起始号" />
</el-col>
<el-col :span="16">
<span style="color:red;font-size:12px;">货架条码:按起始号叠加,为4位数</span>
</el-col>
</el-form-item>
<el-form-item label="货架数量" prop="shelfNum">
<el-col :span="8">
<el-input v-model.number="form.shelfNum" type="number" placeholder="请输入货架数量" />
</el-col>
</el-form-item>
<el-form-item label="货架层数" prop="shelfLayer">
<el-col :span="8">
<el-input v-model.number="form.shelfLayer" type="number" placeholder="请输入货架层数" />
</el-col>
</el-form-item>
<el-form-item label="货架格数" prop="shelfGridNum">
<el-col :span="8">
<el-input v-model.number="form.shelfGridNum" type="number" placeholder="请输入货架格数" />
</el-col>
<el-col :span="16">
<span style="color:red;font-size:12px;">如果不分格子,则默认为一格 </span>
</el-col>
</el-form-item>
<el-form-item label="货架类型" prop="shelfType">
<el-select v-model="form.shelfType" placeholder="请选择货架类型">
<el-option label="请选择字典生成" value="" />
</el-select>
</el-form-item>
<el-form-item label="排序" prop="sort">
<el-input v-model="form.sort" placeholder="请输入排序" />
</el-form-item>
<el-form-item label="是否展示 默认为展示" prop="status">
<el-radio-group v-model="form.status">
<el-radio label="1">请选择字典生成</el-radio>
</el-radio-group>
</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 { createShelf, updateShelf, deleteShelf, getShelf, getShelfPage, exportShelfExcel } from "@/api/ecw/shelf";
import { getWarehouseList } from "@/api/ecw/warehouse"
export default {
name: "Shelf",
components: {
},
data() {
return {
//仓库列表
warehouseList: [],
// 遮罩层
loading: true,
// 导出遮罩层
exportLoading: false,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 货架列表
list: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
dateRangeCreateTime: [],
// 查询参数
queryParams: {
pageNo: 1,
pageSize: 10,
warehouseId: null,
regionName: null,
regionCode: null,
barcodeStart: null,
shelfNum: null,
shelfStart: null,
shelfLayer: null,
layerStart: null,
shelfGridNum: null,
shelfType: null,
sort: null,
status: null,
},
// 表单参数
form: {},
// 表单校验
rules: {
sort: [{ required: true, message: "排序不能为空", trigger: "blur" }],
}
};
},
created() {
this.requestWarehouseList();
this.getList();
},
methods: {
/**查询仓库 */
requestWarehouseList() {
getWarehouseList({}).then(response => {
this.warehouseList = response.data;
})
},
/** 查询列表 */
getList() {
this.loading = true;
// 处理查询参数
let params = {...this.queryParams};
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime');
// 执行查询
getShelfPage(params).then(response => {
this.list = response.data.list;
this.total = response.data.total;
this.loading = false;
});
},
/** 取消按钮 */
cancel() {
this.open = false;
this.reset();
},
/** 表单重置 */
reset() {
this.form = {
id: undefined,
warehouseId: undefined,
regionName: undefined,
regionCode: undefined,
barcodeStart: undefined,
shelfNum: undefined,
shelfStart: undefined,
shelfLayer: undefined,
layerStart: undefined,
shelfGridNum: undefined,
shelfType: undefined,
sort: undefined,
status: undefined,
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNo = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.dateRangeCreateTime = [];
this.resetForm("queryForm");
this.handleQuery();
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加货架";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const id = row.id;
getShelf(id).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改货架";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (!valid) {
return;
}
// 修改的提交
if (this.form.id != null) {
updateShelf(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
return;
}
// 添加的提交
createShelf(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
});
},
/** 删除按钮操作 */
handleDelete(row) {
const id = row.id;
this.$modal.confirm('是否确认删除货架编号为"' + id + '"的数据项?').then(function() {
return deleteShelf(id);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
// 处理查询参数
let params = {...this.queryParams};
params.pageNo = undefined;
params.pageSize = undefined;
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime');
// 执行导出
this.$modal.confirm('是否确认导出所有货架数据项?').then(() => {
this.exportLoading = true;
return exportShelfExcel(params);
}).then(response => {
this.$download.excel(response, '${table.classComment}.xls');
this.exportLoading = false;
}).catch(() => {});
}
}
};
</script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment