xh-pan1
2 years ago
23 changed files with 724 additions and 51 deletions
-
2canvas-container/assets/font_icon/iconfont.json
-
8src/api/commodity.js
-
19src/api/shopSys.js
-
48src/api/stockNote.js
-
4src/styles/elDialog.scss
-
2src/views/active/index.vue
-
2src/views/commodity/commodityList/commodityGroup.vue
-
8src/views/commodity/commoditySystem/addComponent.vue
-
2src/views/commodity/commoditySystem/index.vue
-
6src/views/customer/operate/index.vue
-
2src/views/distributor/achievement/humens.vue
-
4src/views/distributor/achievement/order.vue
-
2src/views/distributor/customer/popSearch.vue
-
2src/views/distributor/personnel/list.vue
-
2src/views/distributor/personnel/msg.vue
-
2src/views/distributor/personnel/sys.vue
-
17src/views/finance/list/index.vue
-
2src/views/login/index.vue
-
2src/views/marketing/channelCoupons/index.vue
-
42src/views/shop/material/index.vue
-
335src/views/stock/stocknote/Edit.vue
-
214src/views/stock/stocknote/index.vue
-
48src/views/system/shopSys/index.vue
@ -0,0 +1,48 @@ |
|||
import request from '@/utils/request' |
|||
|
|||
//* ******************** 出入库记录 *********************
|
|||
// 出入库记录查询
|
|||
export function stocknoteGetAll(data) { |
|||
return request({ |
|||
url: '/stocknote/getAll', |
|||
method: 'post', |
|||
data |
|||
}) |
|||
} |
|||
|
|||
// 出入库记录详情
|
|||
export function stocknoteGetById(data) { |
|||
return request({ |
|||
url: '/stocknote/getById', |
|||
method: 'post', |
|||
data |
|||
}) |
|||
} |
|||
|
|||
// 添加出入库记录
|
|||
export function stocknoteAdd(data) { |
|||
return request({ |
|||
url: '/stocknote/save', |
|||
method: 'post', |
|||
data |
|||
}) |
|||
} |
|||
|
|||
// 修改出入库记录
|
|||
export function stocknoteUpdate(data) { |
|||
return request({ |
|||
url: '/stocknote/update', |
|||
method: 'post', |
|||
data |
|||
}) |
|||
} |
|||
|
|||
// 删除仓库
|
|||
export function stocknoteDelete(data) { |
|||
return request({ |
|||
url: '/stocknote/delete', |
|||
method: 'post', |
|||
data |
|||
}) |
|||
} |
|||
|
|||
@ -0,0 +1,335 @@ |
|||
<template> |
|||
<el-dialog |
|||
:close-on-click-modal="false" |
|||
:title="title" |
|||
:type="type" |
|||
:visible.sync="isVisible" |
|||
:modal-append-to-body="false" |
|||
:center="true" |
|||
width="80%" |
|||
top="50px" |
|||
class="dialog-wrap" |
|||
> |
|||
<el-form ref="ruleForm" :model="params" label-width="150px"> |
|||
<el-form-item label="仓库"> |
|||
<el-select v-model="params.storehouseId" placeholder="请选择仓库" @change="changeStorehouseValue" clearable> |
|||
<el-option |
|||
v-for="(item,index) in storehouseList" |
|||
:key="index" |
|||
:label="item.storehouseName" |
|||
:value="item.storehouseId" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
|
|||
<el-form-item label="商品"> |
|||
<el-select v-model="params.productId" placeholder="请选择商品" @change="changeProductValue" clearable> |
|||
<el-option |
|||
v-for="(item,index) in productList" |
|||
:key="index" |
|||
:label="item.productName" |
|||
:value="item.productId" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
|
|||
<el-form-item label="SKU" v-if="isSkuVisible == 1"> |
|||
<el-select v-model="params.skuId" placeholder="请选择规格" clearable> |
|||
<el-option |
|||
v-for="(item,index) in skuList" |
|||
:key="index" |
|||
:label="item.skuName" |
|||
:value="item.skuId" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
|
|||
<el-form-item label="单据类型"> |
|||
<el-radio-group v-model="params.billTypeId"> |
|||
<el-radio :disabled="isDisabled" :label="1">采购入库</el-radio> |
|||
<el-radio :disabled="isDisabled" :label="4">报废出库</el-radio> |
|||
</el-radio-group> |
|||
</el-form-item> |
|||
|
|||
<el-form-item label="数量"> |
|||
<div class="form-item-row"> |
|||
<div class="el-row" style="margin-bottom: 10px;"> |
|||
<el-input |
|||
v-model="params.quantity" |
|||
maxlength="20" |
|||
:readonly="isDisabled" |
|||
onblur="value=value.replace(/(^\s*)|(\s*$)/g, '')" |
|||
/> |
|||
</div> |
|||
</div> |
|||
</el-form-item> |
|||
|
|||
<el-form-item label="价格"> |
|||
<div class="form-item-row"> |
|||
<div class="el-row" style="margin-bottom: 10px;"> |
|||
<el-input |
|||
v-model="params.price" |
|||
maxlength="20" |
|||
:readonly="isDisabled" |
|||
onblur="value=value.replace(/(^\s*)|(\s*$)/g, '')" |
|||
/> |
|||
</div> |
|||
</div> |
|||
</el-form-item> |
|||
|
|||
</el-form> |
|||
<!-- <el-table-column label="商品"> |
|||
<template slot-scope="scope"> |
|||
<el-select v-model="scope.row.productId" placeholder="请选择商品" clearable> |
|||
<el-option |
|||
v-for="(item,index) in productList" |
|||
:key="index" |
|||
:label="item.productName" |
|||
:value="item.productId" |
|||
/> |
|||
</el-select> |
|||
</template> |
|||
</el-table-column> |
|||
|
|||
<el-table-column label="规格"> |
|||
<template slot-scope="scope"> |
|||
<el-select v-model="scope.row.skuId" placeholder="请选择规格" clearable> |
|||
<el-option |
|||
v-for="(item,index) in skuList" |
|||
:key="index" |
|||
:label="item.skuName" |
|||
:value="item.skuId" |
|||
/> |
|||
</el-select> |
|||
</template> |
|||
</el-table-column> |
|||
|
|||
--> |
|||
|
|||
<div slot="footer" class="btn-wrap"> |
|||
<el-button type="primary" @click="onSubmit">确定</el-button> |
|||
<el-button @click="isVisible = false">取消</el-button> |
|||
</div> |
|||
|
|||
</el-dialog> |
|||
</template> |
|||
<script> |
|||
|
|||
import { stocknoteGetById, stocknoteAdd, stocknoteUpdate } from '@/api/stockNote' |
|||
import { storehouseGetList } from '@/api/shopSys' |
|||
import { getClassifyGetList,getClassifyGetById } from '@/api/commodity' |
|||
|
|||
export default { |
|||
props: { |
|||
dialogVisible: { |
|||
type: Boolean, |
|||
default: false |
|||
}, |
|||
type: { |
|||
type: String, |
|||
default: 'add' |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
params: { |
|||
storehouseId: 0, |
|||
storehouseName: '', |
|||
productId: 0, |
|||
productName: '', |
|||
skuId : 0, |
|||
skuName: '', |
|||
billTypeId: 0,//新增的都是采购入库单 |
|||
billTypeName: '', |
|||
originPrice: 0, |
|||
price: 0, |
|||
quantity: 0 |
|||
}, |
|||
storehouseList:[],//仓库列表 |
|||
productList:[],//商品列表 |
|||
skuList:[],//商品列表 |
|||
isSkuVisible : 1, |
|||
checkId: null |
|||
} |
|||
}, |
|||
computed: { |
|||
isVisible: { |
|||
get() { |
|||
return this.dialogVisible |
|||
}, |
|||
set() { |
|||
this.close() |
|||
this.reset() |
|||
} |
|||
}, |
|||
isDisabled() { |
|||
return this.type === 'check' |
|||
}, |
|||
title() { |
|||
const titleMap = { |
|||
add: '新建出入库单', |
|||
check: '查看出入库单', |
|||
edit: '修改出入库单' |
|||
} |
|||
return titleMap[this.type] |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.getStorehouseList(); |
|||
}, |
|||
methods: { |
|||
// 获取仓库 |
|||
async getStorehouseList() { |
|||
const res = await storehouseGetList({}) |
|||
this.storehouseList = res.data |
|||
if(this.storehouseList && this.storehouseList.length > 0){ |
|||
this.params.storehouseId = this.storehouseList[0].storehouseId |
|||
this.params.storehouseName = this.storehouseList[0].storehouseName |
|||
this.getProductList(); |
|||
} |
|||
}, |
|||
// 获取商品 |
|||
async getProductList() { |
|||
const res = await getClassifyGetList({ storehouseId: this.params.storehouseId}) |
|||
this.productList = res.data |
|||
if(this.productList && this.productList.length > 0){ |
|||
this.params.productId = this.productList[0].productId |
|||
this.params.productName = this.productList[0].productName |
|||
this.getSkuList(); |
|||
} |
|||
}, |
|||
async getSkuList() { |
|||
const res = await getClassifyGetById({ productId: this.params.productId}) |
|||
this.skuList = res.data.skus |
|||
if(this.skuList && this.skuList.length > 0){ |
|||
this.params.skuId = this.skuList[0].skuId |
|||
this.params.skuName = this.skuList[0].skuName |
|||
if(this.skuList[0].skuAttrCodeDTOList.length > 0){ |
|||
//多款式 |
|||
this.isSkuVisible = 1 |
|||
}else{ |
|||
this.isSkuVisible = 0 |
|||
} |
|||
} |
|||
}, |
|||
|
|||
async changeStorehouseValue(){ |
|||
this.getProductList(); |
|||
}, |
|||
async changeProductValue(){ |
|||
this.getSkuList(); |
|||
}, |
|||
|
|||
close() { |
|||
this.$emit('close') |
|||
}, |
|||
async reset() { |
|||
console.log("reset") |
|||
this.params = { |
|||
storehouseId: 0, |
|||
storehouseName: '', |
|||
productId: 0, |
|||
productName: '', |
|||
skuId : 0, |
|||
skuName: '', |
|||
billTypeId: 0,//新增的都是采购入库单 |
|||
billTypeName: '', |
|||
originPrice: 0, |
|||
price: 0, |
|||
quantity: 0 |
|||
} |
|||
if(this.storehouseList && this.storehouseList.length > 0){ |
|||
this.params.storehouseId = this.storehouseList[0].storehouseId |
|||
this.getProductList(); |
|||
} |
|||
}, |
|||
// 查看详情 |
|||
async getDetails() { |
|||
const res = await stocknoteGetById({ stockNoteId: this.checkId }) |
|||
if (res.code === '') { |
|||
this.params = res.data |
|||
} |
|||
}, |
|||
async onSubmit() { |
|||
this.params.originPrice = this.params.price; |
|||
if (this.params.storehouseName === '') { |
|||
this.$message.error('请输入仓库名称') |
|||
} else if (this.type === 'add') { |
|||
this.add() |
|||
} else if (this.type === 'edit') { |
|||
this.update() |
|||
} else { |
|||
this.isVisible = false |
|||
} |
|||
}, |
|||
async add() { |
|||
const res = await stocknoteAdd(this.params) |
|||
if (res.code === '') { |
|||
this.isVisible = false |
|||
this.$message({ |
|||
message: '成功添加', |
|||
type: 'success' |
|||
}) |
|||
this.$emit('success') |
|||
} |
|||
}, |
|||
async update() { |
|||
const res = await stocknoteUpdate(this.params) |
|||
if (res.code === '') { |
|||
this.isVisible = false |
|||
this.$message({ |
|||
message: '成功', |
|||
type: 'success' |
|||
}); |
|||
this.$emit('success') |
|||
} |
|||
}, |
|||
setParams(val = {}) { |
|||
if (val['params']) { |
|||
this.params = val['params'] |
|||
} |
|||
if (val['checkId']) { |
|||
this.checkId = val['checkId'] |
|||
this.getDetails() |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.dialog-wrap { |
|||
::v-deep .el-dialog { |
|||
display: flex; |
|||
flex-direction: column; |
|||
max-height: 80vh; |
|||
max-width: 900px; |
|||
overflow: hidden; |
|||
|
|||
.el-dialog__body { |
|||
flex: 1; |
|||
overflow: auto; |
|||
} |
|||
} |
|||
|
|||
.dialog-from { |
|||
width: 90%; |
|||
margin: auto; |
|||
|
|||
|
|||
} |
|||
|
|||
.btn-wrap { |
|||
margin: 45px auto 0; |
|||
text-align: right; |
|||
} |
|||
|
|||
.form-item-row { |
|||
// padding-top: 40px; |
|||
::v-deep .el-input { |
|||
width: 80px; |
|||
margin: 0 5px; |
|||
} |
|||
} |
|||
} |
|||
|
|||
</style> |
|||
@ -0,0 +1,214 @@ |
|||
<!-- --> |
|||
<template> |
|||
<div> |
|||
<div class="pending"> |
|||
<!-- 搜索 --> |
|||
<div class="formSearch"> |
|||
<el-form :inline="true" :model="formParams" class="demo-form-inline"> |
|||
<!-- <el-form-item label="仓库名称"> |
|||
<el-input v-model="formParams.logisticsName" placeholder="请输入仓库名称" /> |
|||
</el-form-item> --> |
|||
<el-form-item> |
|||
<el-button type="success" plain @click="add">新增出入库单</el-button> |
|||
<!-- <el-button type="primary" plain @click="search">查询</el-button>--> |
|||
</el-form-item> |
|||
</el-form> |
|||
</div> |
|||
<!-- 表格 --> |
|||
<div class="tableBox"> |
|||
<el-table |
|||
ref="multipleTable" |
|||
:data="tableData" |
|||
border |
|||
:header-cell-style="{ background: '#EEF3FF', color: '#333333' }" |
|||
tooltip-effect="dark" |
|||
style="width: 100%" |
|||
> |
|||
<el-table-column label="仓库名称" width="200"> |
|||
<template slot-scope="scope">{{ scope.row.storehouseName }}</template> |
|||
</el-table-column> |
|||
<el-table-column label="商品名称" width="200"> |
|||
<template slot-scope="scope">{{ scope.row.productName }}</template> |
|||
</el-table-column> |
|||
<el-table-column label="SKU" width="200"> |
|||
<template slot-scope="scope">{{ scope.row.skuName }}</template> |
|||
</el-table-column> |
|||
<el-table-column label="单据类型" width="100"> |
|||
<template slot-scope="scope">{{ scope.row.billTypeName }}</template> |
|||
</el-table-column> |
|||
<el-table-column label="出入库数量" width="100"> |
|||
<template slot-scope="scope">{{ scope.row.quantity }}</template> |
|||
</el-table-column> |
|||
<el-table-column label="成本单价" width="100"> |
|||
<template slot-scope="scope">{{ scope.row.originPrice }}</template> |
|||
</el-table-column> |
|||
<el-table-column label="出入库单价" width="100"> |
|||
<template slot-scope="scope">{{ scope.row.price }}</template> |
|||
</el-table-column> |
|||
<el-table-column label="操作" show-overflow-tooltip> |
|||
<template slot-scope="scope"> |
|||
<div class="btnList"> |
|||
<el-button type="text" :visible="false" @click="seeMore(scope.row)">查看</el-button> |
|||
<el-button type="text" :visible="false" @click="edit(scope.row)">编辑</el-button> |
|||
<el-button type="text" @click="del(scope.row)">删除</el-button> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<div class="fenye"> |
|||
<el-pagination |
|||
:current-page="currentPage" |
|||
:page-sizes="[10, 20, 50, 100]" |
|||
:page-size="10" |
|||
layout="total, sizes, prev, pager, next, jumper" |
|||
:total="total" |
|||
@size-change="handleSizeChange" |
|||
@current-change="handleCurrentChange" |
|||
/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 方案组件 --> |
|||
<stock-note-edit |
|||
ref="edit" |
|||
:dialog-visible="dialog.isVisible" |
|||
:type="dialog.type" |
|||
@close="editClose" |
|||
@success="getLists" |
|||
/> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { stocknoteGetAll, stocknoteDelete } from '@/api/stockNote' |
|||
import StockNoteEdit from './Edit' |
|||
export default { |
|||
components: { |
|||
StockNoteEdit |
|||
}, |
|||
data() { |
|||
// 这里存放数据 |
|||
return { |
|||
formParams: { |
|||
storehouseName: '', |
|||
page: 1, |
|||
pageSize: 10 |
|||
}, |
|||
total: 1, |
|||
tableData: [], |
|||
currentPage: 1, |
|||
dialog: { |
|||
type: 'add', |
|||
isVisible: false |
|||
} |
|||
} |
|||
}, |
|||
// 监听属性 类似于data概念 |
|||
computed: {}, |
|||
// 监控data中的数据变化 |
|||
watch: {}, |
|||
// 生命周期 - 创建完成（可以访问当前this实例） |
|||
created() {}, |
|||
// 生命周期 - 挂载完成（可以访问DOM元素） |
|||
mounted() { |
|||
this.getList(this.formParams) |
|||
}, |
|||
// 方法集合 |
|||
methods: { |
|||
btnClick(id) { |
|||
console.log(id) |
|||
if (id.permissionName === '新增') { |
|||
this.add() |
|||
} |
|||
}, |
|||
handleSizeChange(val) { |
|||
this.formParams.pageSize = val |
|||
this.getList(this.formParams) |
|||
}, |
|||
handleCurrentChange(val) { |
|||
this.formParams.page = val |
|||
this.getList(this.formParams) |
|||
}, |
|||
getLists() { |
|||
this.getList(this.formParams) |
|||
}, |
|||
// 查询 |
|||
search() { |
|||
this.total = 1 |
|||
this.formParams.page = 1 |
|||
this.getList(this.formParams) |
|||
}, |
|||
// 新建方案 |
|||
add() { |
|||
this.dialog = { |
|||
type: 'add', |
|||
isVisible: true |
|||
} |
|||
}, |
|||
// 查看 |
|||
seeMore(row) { |
|||
const { storehouseId } = row |
|||
this.dialog = { |
|||
type: 'check', |
|||
isVisible: true |
|||
} |
|||
this.$refs.edit.setParams({ |
|||
checkId: storehouseId |
|||
}) |
|||
}, |
|||
// 编辑 |
|||
edit(row) { |
|||
const { storehouseId } = row |
|||
this.dialog = { |
|||
type: 'edit', |
|||
isVisible: true |
|||
} |
|||
this.$refs.edit.setParams({ |
|||
checkId: storehouseId |
|||
}) |
|||
}, |
|||
// 关闭弹框 |
|||
editClose() { |
|||
this.dialog.isVisible = false |
|||
}, |
|||
// 删除 |
|||
del(row) { |
|||
this.$confirm('选中数据将被永久删除, 是否继续？', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}) |
|||
.then(() => { |
|||
stocknoteDelete({ stockNoteId: row.stockNoteId }).then(res => { |
|||
if (res.code === '') { |
|||
this.$message({ |
|||
type: 'success', |
|||
message: '删除成功!' |
|||
}) |
|||
} |
|||
this.getList(this.formParams) |
|||
}) |
|||
}) |
|||
.catch(() => {}) |
|||
}, |
|||
// 初始化查询所有数据 |
|||
async getList(formParams) { |
|||
const res = await stocknoteGetAll(formParams) |
|||
this.tableData = res.data.list |
|||
this.total = res.data.total |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style lang='scss' scoped> |
|||
//@import url(); 引入公共css类 |
|||
@import url("../../../styles/elDialog.scss"); |
|||
.pending { |
|||
padding: 30px; |
|||
background: #FFFFFF; |
|||
border-radius: 10px; |
|||
} |
|||
.fenye { |
|||
margin-top: 20px; |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue