yxt_develop
/
anrui
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

完善拆件管理--盘点管理、盘库报告

master
yunuo970428 7 months ago
parent
fefb881773
commit
27fb2ea325
9 changed files with 2166 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 28
      anrui-scm/anrui-scm-ui/src/api/Common/dictcommons.js
  2. 111
      anrui-scm/anrui-scm-ui/src/api/disassemble/stockCount.js
  3. 9
      anrui-scm/anrui-scm-ui/src/router/modules/codemenu.js
  4. 716
      anrui-scm/anrui-scm-ui/src/views/disassemble/stockCount/stockCount.vue
  5. 268
      anrui-scm/anrui-scm-ui/src/views/disassemble/stockCount/stockCountAdd.vue
  6. 216
      anrui-scm/anrui-scm-ui/src/views/disassemble/stockCount/stockCountAddByDetail.vue
  7. 282
      anrui-scm/anrui-scm-ui/src/views/disassemble/stockCount/stockCountInfo.vue
  8. 313
      anrui-scm/anrui-scm-ui/src/views/disassemble/stockCount/stockCountReport.vue
  9. 223
      anrui-scm/anrui-scm-ui/src/views/disassemble/stockCount/stockCountReportDetail.vue

28
anrui-scm/anrui-scm-ui/src/api/Common/dictcommons.js
View File

@ -251,3 +251,31 @@ export function fetchListByBankSid(data) {
params: data
})
}
// 根据当前登录人的全路径查询所属的仓库信息
export function getAllWarehouse(data) {
return request({
url: '/wms/apiadmin/base/wmswarehouseinfo/listAll',
method: 'post',
data: data,
headers: { 'Content-Type': 'application/json' }
})
}
// 根据仓库sid查询库区
export function getAllWarehouseareaBysid(data) {
return request({
url: '/wms/apiadmin/base/wmswarehousearea/selectAll',
method: 'get',
params: data
})
}
// 根据库区sid查询库位
export function getAllTypeByAreaSid(data) {
return request({
url: '/wms/apiadmin/base/wmswarehouserack/getAllTypeByAreaSid',
method: 'get',
params: data
})
}

111
anrui-scm/anrui-scm-ui/src/api/disassemble/stockCount.js
View File

@ -0,0 +1,111 @@
import request from '@/utils/request'
export default {
// 查询分页列表
listPage: function(data) {
return request({
url: '/wms/v1/wmsinventorycheckbill/listPage',
method: 'post',
data: data,
headers: { 'Content-Type': 'application/json' }
})
},
// 生成盘点单
createBill: function(data) {
return request({
url: '/wms/v1/wmsinventorycheckbill/save',
method: 'post',
data: data,
headers: { 'Content-Type': 'application/json' }
})
},
// 点击盘库 -- 库位盘点列表
billStocktak: function(data) {
return request({
url: '/wms/v1/wmsinventorycheckbill/detailRackPageList',
method: 'post',
data: data,
headers: { 'Content-Type': 'application/json' }
})
},
// 库位盘点列表 -- 库位盘点明细列表
billRackCodeDetail: function(data) {
return request({
url: '/wms/v1/wmsinventorycheckbill/detailRackGoodPageList',
method: 'post',
data: data,
headers: { 'Content-Type': 'application/json' }
})
},
// 生成盘点报告
billCreateReport: function(data) {
return request({
url: '/wms/v1/wmsinventorycheckbill/createReport',
method: 'post',
params: data
})
},
// 初始化盘库报告
init: function(data) {
return request({
url: '/wms/v1/wmsinventorycheckbill/viewReport',
method: 'post',
params: data,
headers: { 'Content-Type': 'application/json' }
})
},
// 盘点报告 -- 保存
saveReport: function(data) {
return request({
url: '/wms/v1/wmsinventorycheckbill/saveReport',
method: 'post',
params: data
})
},
// 盘点报告 -- 提交
submitReport: function(data) {
return request({
url: '/wms/v1/wmsinventorycheckbill/submitReport',
method: 'post',
data: data,
headers: { 'Content-Type': 'application/json' }
})
},
// 盘点报告 -- 明细下载
downloadExcel: function(data) {
return request({
url: '/wms/v1/wmsinventorycheckbill/downloadExcel',
method: 'post',
params: data,
responseType: 'blob', // 表明返回服务器返回的数据类型
headers: {
'Content-Type': 'application/json'
}
})
},
downloadPDF: function(data) {
return request({
url: '/wms/v1/wmsinventorycheckbill/createPdf',
method: 'post',
params: data
})
},
// 盘点单详情
billDetail: function(data) {
return request({
url: '/wms/v1/wmsinventorycheckbill/detailGoodPageList',
method: 'post',
data: data,
headers: { 'Content-Type': 'application/json' }
})
},
// 查询所有库位列表
warehouserackListAll: function(data) {
return request({
url: '/wms/apiadmin/base/wmswarehouserack/listAll',
method: 'post',
data: data,
headers: { 'Content-Type': 'application/json' }
})
}
}

9
anrui-scm/anrui-scm-ui/src/router/modules/codemenu.js
View File

@ -1025,6 +1025,15 @@ const codemenu = [{
noCache: true
}
},
{
path: '/stockCount/stockCount',
component: () => import('@/views/disassemble/stockCount/stockCount.vue'),
name: 'StockCount',
meta: {
title: '盘点',
noCache: true
}
},
]
},

716
anrui-scm/anrui-scm-ui/src/views/disassemble/stockCount/stockCount.vue
View File

@ -0,0 +1,716 @@
<template>
<div class="app-container">
<div v-show="viewState == 1">
<button-bar ref="btnbar" view-title="拆件盘点" :btndisabled="btndisabled" @btnhandle="btnHandle" />
<div class="main-content">
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">
{{ searchxianshitit }}
</el-button>
<div v-show="isSearchShow" class="search">
<el-form :inline="true" class="tab-header">
<el-form-item label="部门名称">
<el-input v-model="queryParams.params.deptNmae" placeholder="" clearable />
</el-form-item>
<el-form-item label="盘点编号">
<el-input v-model="queryParams.params.billNo" placeholder="" clearable />
</el-form-item>
<el-form-item label="生成日期">
<el-date-picker v-model="queryParams.params.createStartTime" type="date" placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;" />
<span style="padding: 0 8px">至</span>
<el-date-picker v-model="queryParams.params.createEndTime" type="date" placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;" />
</el-form-item>
<el-form-item label="盘点状态">
<el-select v-model="queryParams.params.checkState" placeholder="请选择" style="width: 200px;">
<el-option v-for="item in checkStateList" :key="item.sid" :label="item.name" :value="item.name" />
</el-select>
</el-form-item>
<el-form-item label="盘点人">
<el-input v-model="queryParams.params.createByName" placeholder="" clearable />
</el-form-item>
<el-form-item label="监盘人">
<el-input v-model="queryParams.params.superviseName" placeholder="" clearable />
</el-form-item>
</el-form>
<div class="btn" style="text-align: center;">
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
</div>
</div>
</div>
<!-- Start 项目列表头部 -->
<div class="listtop">
<div class="tit">盘点列表</div>
</div>
<!-- End 项目列表头部 -->
<!-- Start 项目列表 -->
<div class="">
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%" @selection-change="selectionLineChangeHandle">
<el-table-column fixed width="50" type="selection" align="center" />
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
<el-table-column fixed label="操作" align="center" width="220">
<template slot-scope="scope">
<el-button type="primary" size="mini" @click="toDetail(scope.row)">查看</el-button>
<el-button type="primary" size="mini" v-show="scope.row.state=='0'" @click="toEdit(scope.row)">办理</el-button>
<el-button type="primary" size="mini" v-show="scope.row.state=='0'" @click="toReport(scope.row)">盘库报告</el-button>
</template>
</el-table-column>
<el-table-column prop="nodeState" label="流程状态" width="120" align="center" />
<el-table-column prop="deptName" label="部门" width="120" align="center" />
<el-table-column prop="billNo" label="盘点编号" width="120" align="center" />
<el-table-column prop="createTime" label="生成日期" width="120" align="center" />
<el-table-column prop="createByName" label="盘点人" width="120" align="center" />
<el-table-column prop="superviseName" label="监盘人" width="120" align="center" />
<el-table-column prop="checkState" label="盘点状态" width="120" align="center" />
<el-table-column label="应盘" align="center">
<el-table-column prop="bookCount" label="数量" align="center" width="100" />
<el-table-column prop="bookAmount" label="金额" align="center" width="100" />
</el-table-column>
<el-table-column label="实盘" align="center">
<el-table-column prop="realCount" label="数量" align="center" width="100" />
<el-table-column prop="realAmount" label="金额" align="center" width="100" />
</el-table-column>
<el-table-column label="未盘" align="center">
<el-table-column prop="notCount" label="数量" align="center" width="100" />
<el-table-column prop="notAmount" label="金额" align="center" width="100" />
</el-table-column>
<el-table-column label="盘盈" align="center">
<el-table-column prop="profitCount" label="数量" align="center" width="100" />
<el-table-column prop="profitAmount" label="金额" align="center" width="100" />
</el-table-column>
<el-table-column label="盘亏" align="center">
<el-table-column prop="loseCount" label="数量" align="center" width="100" />
<el-table-column prop="loseAmount" label="金额" align="center" width="100" />
</el-table-column>
<el-table-column label="盘损" align="center">
<el-table-column prop="lossCount" label="数量" align="center" width="100" />
<el-table-column prop="lossAmount" label="金额" align="center" width="100" />
</el-table-column>
<el-table-column prop="remarks" label="备注" align="center" width="200" />
</el-table>
</div>
<!-- End 项目列表 -->
<div class="pages">
<div class="tit" />
<!-- 翻页 -->
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="loadList" />
</div>
</div>
</div>
<!-- 盘库 -->
<stockCountAdd v-show="viewState == 2 " ref="divAdd" @doback="resetState" />
<!-- 办理盘库报告 -->
<stockCountReport v-show="viewState == 3 " ref="divReport" @doback="resetState" @reloadlist="loadList" />
<!-- 查看盘库报告 -->
<stockCountReportDetail v-show="viewState == 4 " ref="divReportDetail" @doback="resetState" />
<!-- 查看详情 -->
<stockCountInfo v-show="viewState == 5" ref="divInfo" @doback="resetState" />
<!-- 新建盘点单 -->
<el-dialog title="新建盘点单" :visible.sync="dialogVisible" :before-close="handleClose">
<el-form ref="form_obj" class="formaddcopy02" :rules="rules" style="margin-top: -40px;" :model="formobj">
<el-row style="border-top: 1px solid #E0E3EB;">
<el-col :span="12">
<div class="span-sty">盘点人</div>
<el-form-item> <span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">生成日期</div>
<el-form-item> <span class="addinputInfo">{{ formobj.createDate }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty"><span class="icon">*</span> 盘点类型</div>
<el-form-item prop="checkTypeValue">
<el-select v-model="formobj.checkTypeValue" placeholder="请选择" class="addinputInfo addinputw" @change="selectStocktakTyp" filterable>
<el-option v-for="item in stocktakTypeList" :key="item.sid" :label="item.name" :value="item.sid" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty"><span class="icon">*</span> 监盘人</div>
<el-form-item prop="superviseName">
<el-select v-model="formobj.superviseName" placeholder="请选择" class="addinputInfo addinputw" @change="selectFinance" filterable>
<el-option v-for="item in financeList" :key="item.sid" :label="item.name" :value="item.sid" />
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">备注</div>
<el-form-item><el-input v-model="formobj.remarks" placeholder="请填写" class="addinputInfo addinputw" clearable />
</el-form-item>
</el-col>
</el-row>
<div class="title titleOne" v-show="showList == 1">
<div>盘点库位</div>
<el-button type="primary" size="mini" class="btntopblueline" @click="seleRack()">选择库位</el-button>
</div>
<el-table v-loading="tableLoading" :data="formobj.dataList" border style="width: 100%" v-show="showList == 1">
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
<el-table-column fixed label="操作" align="center" width="100">
<template slot-scope="scope">
<el-button type="primary" size="mini" @click="toDeleted(scope.$index)">删除</el-button>
</template>
</el-table-column>
<el-table-column prop="warehouseName" label="仓库" align="center" />
<el-table-column prop="locationName" label="库区" align="center" />
<el-table-column prop="rackCode" label="库位" align="center" />
</el-table>
</el-form>
<div style="display: flex;flex-direction: row;width: 100%;justify-content: center;align-items: center;">
<el-button type="primary" style="margin-top: 20px;" @click="saveExamine">保 存</el-button>
<el-button type="primary" style="margin-top: 20px;" @click="handleClose">关 闭</el-button>
</div>
</el-dialog>
<el-dialog title="选择盘点库位" :visible.sync="dialogVisible2" :before-close="handleClose2" width="70%">
<el-form ref="form_obj2" class="formaddcopy02" :rules="rules" style="margin-top: -40px;" :model="formobj">
<el-form :inline="true" class="tab-header">
<el-form-item label="仓库">
<el-select v-model="dialogParams.params.warehouseName" placeholder="请选择仓库" @change="selectWarehouseChange" style="width: 200px;">
<el-option v-for="item in warehouseList" :key="item.sid" :label="item.warehouseName" :value="item.sid" />
</el-select>
</el-form-item>
<el-form-item label="库区">
<el-select v-model="dialogParams.params.warehouseAreaName" placeholder="请选择库区" @change="selectWarehouseAreaChange" style="width: 200px;">
<el-option v-for="item in warehouseAreaList" :key="item.sid" :label="item.areaName" :value="item.sid" />
</el-select>
</el-form-item>
<el-form-item label="库位">
<el-select v-model="dialogParams.params.warehouseRackCode" placeholder="请选择库位" style="width: 200px;" @change="selectWarehouseRackChange">
<el-option v-for="item in warehouseRackList" :key="item.sid" :label="item.rackCode" :value="item.sid">
</el-option>
</el-select>
</el-form-item>
</el-form>
<div class="btn" style="text-align: center; margin-top: 10px;margin-bottom: 10px;">
<el-button type="primary" size="small" icon="el-icon-search" @click="dialogDosearch">查询</el-button>
<el-button type="primary" size="small" icon="el-icon-refresh" @click="dialogResetQuery">重置</el-button>
</div>
<div class="title" style="margin-top: 0px;">
<div>库位列表</div>
</div>
<el-table v-loading="tableLoading" :data="allWarehouseRackList" border style="width: 100%;" @selection-change="selectionWarehouseRack">
<el-table-column fixed width="50" type="selection" align="center" />
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
<el-table-column prop="warehouseName" label="仓库" align="center" />
<el-table-column prop="locationName" label="库区" align="center" />
<el-table-column prop="rackCode" label="库位" align="center" />
</el-table>
<pagination v-show="allWarehouseRackList.length > 0" :total="dialogParams.total" :page.sync="dialogParams.current" :limit.sync="dialogParams.size" class="pagination" @pagination="seleRack" />
</el-form>
<div style="display: flex;flex-direction: row;width: 100%;justify-content: center;align-items: center;">
<el-button type="primary" style="margin-top: 20px;" @click="addRck">确 认</el-button>
<el-button type="primary" style="margin-top: 20px;" @click="handleClose2">关 闭</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import req from '@/api/disassemble/stockCount'
import ButtonBar from '@/components/ButtonBar'
import Pagination from '@/components/pagination'
import stockCountInfo from './stockCountInfo.vue'
import stockCountAdd from './stockCountAdd.vue'
import stockCountReport from './stockCountReport.vue'
import stockCountReportDetail from './stockCountReportDetail.vue'
import { selAllByOrgSidPath, getAllWarehouse, getAllWarehouseareaBysid, getAllTypeByAreaSid } from '@/api/Common/dictcommons'
export default {
name: 'StockCount',
components: {
ButtonBar,
Pagination,
stockCountInfo,
stockCountAdd,
stockCountReport,
stockCountReportDetail
},
data() {
return {
showList: '2',
dialogVisible: false,
dialogVisible2: false,
btndisabled: false,
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
isSearchShow: false,
searchxianshitit: '显示查询条件',
tableLoading: false,
dataList: [],
btnList: [
{
type: 'primary',
size: 'small',
icon: 'plus',
btnKey: 'toAdd',
btnLabel: '生成盘点单'
},
{
type: 'primary',
size: 'small',
icon: 'edit',
btnKey: 'toShowBill',
btnLabel: '盘库'
},
{
type: 'primary',
size: 'small',
icon: 'edit',
btnKey: 'toStocktak',
btnLabel: '生成盘库报告'
},
{
type: 'info',
size: 'small',
icon: 'cross',
btnKey: 'doClose',
btnLabel: '关闭'
}
],
queryParams: {
current: 1,
size: 10,
total: 0,
params: {
deptNmae: '',
billNo: '',
createStartTime: '',
createEndTime: '',
checkState: '',
createByName: '',
superviseName: '',
warehouseTypeKey: '03'
}
},
sids: [],
selectionList: [],
checkStateList: [
{
sid: '1',
name: '未完成'
},
{
sid: '2',
name: '已完成'
}
],
stocktakTypeList: [
{
sid: '1',
name: '月度抽盘'
},
{
sid: '2',
name: '季度全盘'
}
],
formobj: {
createByName: '',
createBySid: '',
deptSid: '',
deptName: '',
createDate: '',
checkTypeValue: '',
checkTypeKey: '',
superviseName: '',
superviseSid: '',
remarks: '',
dataList: [],
warehouseTypeKey: '',
warehouseTypeValue: ''
},
financeList: [],
rules: {
checkTypeValue: [{ required: true, message: '请选择盘点类型', trigger: 'change' }],
superviseName: [{ required: true, message: '请选择监盘人', trigger: 'change' }]
},
dialogParams: {
current: 1,
size: 10,
total: 0,
params: {
warehouseSid: '',
warehouseName: '',
warehouseAreaSid: '',
warehouseAreaName: '',
warehouseRackSid: '',
warehouseRackCode: '',
warehouseTypeKey: '03'
}
},
warehouseList: [],
warehouseAreaList: [],
warehouseRackList: [],
allWarehouseRackList: [],
selectionWarehouseRackList: []
}
},
mounted() {
this.$refs['btnbar'].setButtonList(this.btnList)
},
created() {
this.loadList()
selAllByOrgSidPath({ orgSidPath: window.sessionStorage.getItem('defaultOrgPath') }).then((res) => {
if (res.success) {
this.financeList = res.data
}
})
getAllWarehouse({ orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((resp) => {
if (resp.success) {
this.warehouseList = resp.data
}
})
},
methods: {
selectWarehouseChange(val) {
const choose = this.warehouseList.filter((item) => item.sid === val)
this.dialogParams.params.warehouseSid = choose[0].sid
this.dialogParams.params.warehouseName = choose[0].warehouseName
this.getWarehouseArea(choose[0].sid)
},
getWarehouseArea(sid) {
this.dialogParams.params.warehouseAreaSid = ''
this.dialogParams.params.warehouseAreaName = ''
getAllWarehouseareaBysid({ ckSid: sid }).then((resp) => {
if (resp.success) {
this.warehouseAreaList = resp.data
}
})
},
selectWarehouseAreaChange(val) {
const choose = this.warehouseAreaList.filter((item) => item.sid === val)
this.dialogParams.params.warehouseAreaSid = choose[0].sid
this.dialogParams.params.warehouseAreaName = choose[0].areaName
this.getAllTypeByAreaSid(choose[0].sid)
},
getAllTypeByAreaSid(sid) {
this.dialogParams.params.warehouseRackSid = ''
this.dialogParams.params.warehouseRackCode = ''
getAllTypeByAreaSid({ areaSid: sid }).then(resp => {
if (resp.success) {
this.warehouseRackList = resp.data
}
})
},
selectWarehouseRackChange(val) {
const choose = this.warehouseRackList.filter((item) => item.sid === val)
this.dialogParams.params.warehouseRackSid = choose[0].sid
this.dialogParams.params.warehouseRackCode = choose[0].rackCode
},
dialogDosearch() {
this.dialogParams.current = 1
this.seleRack()
},
dialogResetQuery() {
this.dialogParams = {
current: 1,
size: 10,
total: 0,
params: {
warehouseSid: '',
warehouseName: '',
warehouseAreaSid: '',
warehouseAreaName: '',
warehouseRackSid: '',
warehouseRackCode: '',
warehouseTypeKey: '03'
}
}
this.seleRack()
},
seleRack() {
this.dialogParams.params.userSid = window.sessionStorage.getItem('userSid')
this.dialogParams.params.orgPath = window.sessionStorage.getItem('defaultOrgPath')
this.dialogParams.params.menuUrl = this.$route.path
req.warehouserackListAll(this.dialogParams).then(resp => {
if (resp.success) {
const data = resp.data
this.dialogParams.total = data.total
this.allWarehouseRackList = data.records
this.dialogVisible2 = true
} else {
// 根据resp.code进行异常情况处理
this.allWarehouseRackList = []
this.dialogParams.total = 0
}
}).catch(() => {})
},
selectionWarehouseRack(val) {
console.log('>>>>>>>>>selectionWarehouseRack', val)
this.selectionWarehouseRackList = val
},
addRck() {
this.formobj.dataList = []
for (var i = 0; i < this.selectionWarehouseRackList.length; i++) {
var item = this.selectionWarehouseRackList[i]
this.formobj.dataList.push(item)
}
this.dialogParams = {
current: 1,
size: 10,
total: 0,
params: {
warehouseSid: '',
warehouseName: '',
warehouseAreaSid: '',
warehouseAreaName: '',
warehouseRackSid: '',
warehouseRackCode: '',
warehouseTypeKey: '03'
}
}
this.dialogVisible2 = false
},
handleClose2() {
this.dialogParams = {
current: 1,
size: 10,
total: 0,
params: {
warehouseSid: '',
warehouseName: '',
warehouseAreaSid: '',
warehouseAreaName: '',
warehouseRackSid: '',
warehouseRackCode: '',
warehouseTypeKey: '03'
}
}
this.dialogVisible2 = false
},
toDeleted(index) {
this.formobj.dataList.splice(index, 1)
},
selectStocktakTyp(val) {
this.showList = val
const choose = this.stocktakTypeList.filter((item) => val.includes(item.sid))
this.formobj.checkTypeValue = choose[0].name
this.formobj.checkTypeKey = choose[0].sid
},
selectFinance(val) {
const choose = this.financeList.filter((item) => val.includes(item.sid))
this.formobj.superviseName = choose[0].name
this.formobj.superviseSid = choose[0].sid
},
handleClose() {
this.dialogVisible = false
this.showList = '2'
this.formobj.checkTypeValue = ''
this.formobj.checkTypeKey = ''
this.formobj.superviseName = ''
this.formobj.superviseSid = ''
this.formobj.remarks = ''
this.formobj.dataList = []
},
saveExamine() {
this.formobj.rackSids = []
for (var i = 0; i < this.formobj.dataList.length; i++) {
var item = this.formobj.dataList[i]
this.formobj.rackSids.push(item.sid)
}
this.$refs['form_obj'].validate((valid) => {
if (valid) {
this.formobj.warehouseTypeKey = '03'
this.formobj.warehouseTypeValue = '拆件库'
req.createBill(this.formobj).then((resp) => {
if (resp.success) {
this.$message({ type: 'success', message: '操作成功', showClose: true })
this.handleClose()
this.loadList()
}
}).catch(() => {})
}
})
},
// 搜索条件效果
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
}
},
btnHandle(btnKey) {
switch (btnKey) {
case 'toAdd':
this.toAdd()
break
case 'toShowBill':
this.toShowBill()
break
case 'toStocktak':
this.toStocktak()
break
case 'doClose':
this.doClose()
break
default:
break
}
},
loadList() {
this.tableLoading = true
this.queryParams.params.userSid = window.sessionStorage.getItem('userSid')
this.queryParams.params.orgPath = window.sessionStorage.getItem('defaultOrgPath')
this.queryParams.params.menuUrl = this.$route.path
req.listPage(this.queryParams).then((resp) => {
this.tableLoading = false
if (resp.success) {
const data = resp.data
this.queryParams.total = data.total
this.dataList = data.records
} else {
// 根据resp.code进行异常情况处理
this.dataList = []
this.queryParams.total = 0
}
}).catch(() => {
this.tableLoading = false
})
},
// 序号
indexMethod(index) {
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
var pageindex = index + 1 + pagestart
return pageindex
},
dosearch() {
this.queryParams.current = 1
this.loadList()
},
resetQuery() {
this.queryParams = {
current: 1,
size: 10,
total: 0,
params: {
deptNmae: '',
billNo: '',
createStartTime: '',
createEndTime: '',
checkState: '',
createByName: '',
superviseName: '',
warehouseTypeKey: '03'
}
}
this.loadList()
},
toAdd() {
this.dialogVisible = true
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
this.formobj.createByName = window.sessionStorage.getItem('name')
this.formobj.createBySid = window.sessionStorage.getItem('userSid')
this.formobj.deptName = window.sessionStorage.getItem('defaultOrgPathName').substring(window.sessionStorage.getItem('defaultOrgPathName').lastIndexOf('/') + 1)
this.formobj.deptSid = window.sessionStorage.getItem('defaultOrgPath').substring(window.sessionStorage.getItem('defaultOrgPath').lastIndexOf('/') + 1)
var nowDate = new Date()
var date = {
year: nowDate.getFullYear(),
month: nowDate.getMonth() + 1,
day: nowDate.getDate()
}
this.formobj.createDate = date.year + '-' + (date.month >= 10 ? date.month : '0' + date.month) + '-' + (date.day >= 10 ? date.day : '0' + date.day)
},
selectionLineChangeHandle(val) {
this.selectionList = val
const aa = []
val.forEach(element => {
aa.push(element.sid)
})
this.sids = aa
},
toDetail(row) {
this.viewState = 5
this.$refs['divInfo'].showDetail(row.sid)
},
toShowBill() {
if (this.selectionList.length !== 1) {
this.$message({
type: 'warning',
message: '请选择一条数据。',
showClose: true
})
return
}
this.viewState = 2
this.$refs['divAdd'].showDetail(this.selectionList[0].sid)
},
toStocktak() {
if (this.selectionList.length !== 1) {
this.$message({
type: 'warning',
message: '请选择一条数据。',
showClose: true
})
return
}
if (this.selectionList[0].state == '0') {
this.$message({ type: 'warning', message: '所选记录已生成报告,不可重复生成。', showClose: true })
return
}
this.$confirm('请确认是否盘点完毕，生成盘点报告后将不能再盘点！', '提示', {
confirmButtonText: '确认',
cancelButtonText: '取消',
showClose: true,
type: 'warning'
}).then(() => {
req.billCreateReport({ sid: this.selectionList[0].sid }).then((resp) => {
if (resp.success) {
this.$message({ type: 'success', message: '操作成功', showClose: true })
this.loadList()
}
}).catch(() => {})
}).catch(() => {
})
},
toEdit(row) {
this.viewState = 3
this.$refs['divReport'].showEdit(row)
},
toReport(row) {
this.viewState = 4
this.$refs['divReportDetail'].showDetail(row)
},
resetState() {
this.viewState = 1
},
doClose() {
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
}
}
}
</script>
<style scoped>
.span-sty {
width: 90px !important;
}
.addinputInfo {
margin-left: 80px !important;
}
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw {
margin-left: 80px !important;
width: calc(100% - 70px);
}
/deep/ .el-form-item__error {
margin-left: 180px !important;
}
.titleOne {
padding: 7px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
</style>

268
anrui-scm/anrui-scm-ui/src/views/disassemble/stockCount/stockCountAdd.vue
View File

@ -0,0 +1,268 @@
<template>
<div class="app-container">
<div v-show="viewState == 1">
<button-bar ref="btnbar" view-title="盘库明细" :btndisabled="btndisabled" @btnhandle="btnHandle" />
<div class="main-content">
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">
{{ searchxianshitit }}
</el-button>
<div v-show="isSearchShow" class="search">
<el-form :inline="true" class="tab-header">
<el-form-item label="仓库">
<el-select v-model="queryParams.params.warehouseName" placeholder="请选择仓库" @change="selectWarehouseChange" filterable>
<el-option v-for="item in warehouseList" :key="item.sid" :label="item.warehouseName" :value="item.sid" />
</el-select>
</el-form-item>
<el-form-item label="库区">
<el-select v-model="queryParams.params.warehouseAreaName" placeholder="请选择库区" @change="selectWarehouseAreaChange" filterable>
<el-option v-for="item in warehouseAreaList" :key="item.sid" :label="item.areaName" :value="item.sid" />
</el-select>
</el-form-item>
<el-form-item label="库位">
<el-select v-model="queryParams.params.warehouseRackName" placeholder="请选择库位" @change="selectWarehouseRackChange" filterable>
<el-option v-for="item in warehouseRackList" :key="item.sid" :label="item.rackName" :value="item.sid">
</el-option>
</el-select>
</el-form-item>
</el-form>
<div class="btn" style="text-align: center;">
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
</div>
</div>
</div>
<!-- Start 项目列表头部 -->
<div class="listtop">
<div class="tit">库位盘点列表</div>
</div>
<!-- End 项目列表头部 -->
<!-- Start 项目列表 -->
<div class="">
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%">
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
<el-table-column fixed label="操作" align="center" width="100">
<template slot-scope="scope">
<el-button type="primary" size="mini" @click="toDetail(scope.row)">查看</el-button>
</template>
</el-table-column>
<el-table-column prop="warehouseName" label="仓库" width="120" align="center" />
<el-table-column prop="warehouseArea" label="库区" width="120" align="center" />
<el-table-column prop="warehouseRackName" label="库位" width="120" align="center" />
<el-table-column label="应盘" align="center">
<el-table-column prop="bookCount" label="数量" align="center" width="100" />
<el-table-column prop="bookAmount" label="金额" align="center" width="100" />
</el-table-column>
<el-table-column label="实盘" align="center">
<el-table-column prop="realCount" label="数量" align="center" width="100" />
<el-table-column prop="realAmount" label="金额" align="center" width="100" />
</el-table-column>
<el-table-column label="未盘" align="center">
<el-table-column prop="notCount" label="数量" align="center" width="100" />
<el-table-column prop="notAmount" label="金额" align="center" width="100" />
</el-table-column>
<el-table-column label="盘盈" align="center">
<el-table-column prop="profitCount" label="数量" align="center" width="100" />
<el-table-column prop="profitAmount" label="金额" align="center" width="100" />
</el-table-column>
<el-table-column label="盘亏" align="center">
<el-table-column prop="loseCount" label="数量" align="center" width="100" />
<el-table-column prop="loseAmount" label="金额" align="center" width="100" />
</el-table-column>
<el-table-column label="盘损" align="center">
<el-table-column prop="lossCount" label="数量" align="center" width="100" />
<el-table-column prop="lossAmount" label="金额" align="center" width="100" />
</el-table-column>
</el-table>
</div>
<!-- End 项目列表 -->
<div class="pages">
<div class="tit" />
<!-- 翻页 -->
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="loadList" />
</div>
</div>
</div>
<!-- 查看库位明细 -->
<stockCountAddByDetail v-show="viewState == 2" ref="divSp" @doback="resetState" />
</div>
</template>
<script>
import req from '@/api/disassemble/stockCount'
import ButtonBar from '@/components/ButtonBar'
import Pagination from '@/components/pagination'
import stockCountAddByDetail from './stockCountAddByDetail.vue'
import { getAllWarehouse, getAllWarehouseareaBysid, getAllTypeByAreaSid } from '@/api/Common/dictcommons'
export default {
name: 'StockCountAdd',
components: {
ButtonBar,
Pagination,
stockCountAddByDetail
},
data() {
return {
dialogVisible: false,
btndisabled: false,
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
isSearchShow: false,
searchxianshitit: '显示查询条件',
tableLoading: false,
dataList: [],
btnList: [{
type: 'info',
size: 'small',
icon: 'cross',
btnKey: 'doClose',
btnLabel: '关闭'
}],
queryParams: {
current: 1,
size: 10,
total: 0,
params: {
billSid: '',
warehouseSid: '',
warehouseName: '',
warehouseAreaSid: '',
warehouseAreaName: '',
warehouseRackSid: '',
warehouseRackName: ''
}
},
billSid: '',
warehouseList: [],
warehouseAreaList: [],
warehouseRackList: []
}
},
mounted() {
this.$refs['btnbar'].setButtonList(this.btnList)
},
methods: {
initData() {
getAllWarehouse({ orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then(resp => {
this.warehouseList = resp.data
})
},
selectWarehouseChange(val) {
const choose = this.warehouseList.filter((item) => item.sid === val)
this.queryParams.params.warehouseSid = choose[0].sid
this.queryParams.params.warehouseName = choose[0].warehouseName
this.getWarehouseArea(choose[0].sid)
},
getWarehouseArea(sid) {
this.queryParams.params.warehouseAreaSid = ''
this.queryParams.params.warehouseAreaName = ''
getAllWarehouseareaBysid({ ckSid: sid }).then((resp) => {
if (resp.success) {
this.warehouseAreaList = resp.data
}
})
},
selectWarehouseAreaChange(val) {
const choose = this.warehouseAreaList.filter((item) => item.sid === val)
this.queryParams.params.warehouseAreaSid = choose[0].sid
this.queryParams.params.warehouseAreaName = choose[0].areaName
this.getAllTypeByAreaSid(choose[0].sid)
},
getAllTypeByAreaSid(sid) {
this.queryParams.params.warehouseRackSid = ''
this.queryParams.params.warehouseRackName = ''
getAllTypeByAreaSid({ areaSid: sid }).then((resp) => {
if (resp.success) {
this.warehouseRackList = resp.data
}
})
},
selectWarehouseRackChange(val) {
const choose = this.warehouseRackList.filter((item) => item.sid === val)
this.queryParams.params.warehouseRackSid = choose[0].sid
this.queryParams.params.warehouseRackName = choose[0].rackName
},
// 搜索条件效果
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
}
},
btnHandle(btnKey) {
switch (btnKey) {
case 'doClose':
this.doClose()
break
default:
break
}
},
showDetail(sid) {
this.initData()
this.billSid = sid
this.queryParams.params.billSid = sid
this.loadList()
},
loadList() {
this.tableLoading = true
req.billStocktak(this.queryParams).then((resp) => {
this.tableLoading = false
if (resp.success) {
const data = resp.data
this.queryParams.total = data.total
this.dataList = data.records
} else {
// 根据resp.code进行异常情况处理
this.dataList = []
this.queryParams.total = 0
}
}).catch(() => {
this.tableLoading = false
})
},
// 序号
indexMethod(index) {
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
var pageindex = index + 1 + pagestart
return pageindex
},
dosearch() {
this.queryParams.current = 1
this.loadList()
},
resetQuery() {
this.queryParams = {
current: 1,
size: 10,
total: 0,
params: {
billSid: this.billSid,
warehouseSid: '',
warehouseName: '',
warehouseAreaSid: '',
warehouseAreaName: '',
warehouseRackSid: '',
warehouseRackName: ''
}
}
this.loadList()
},
toDetail(row) {
this.viewState = 2
this.$refs['divSp'].showDetail(row.billSid, row.warehouseRackSid)
},
resetState() {
this.viewState = 1
},
doClose() {
this.$emit('doback')
}
}
}
</script>
<style scoped>
</style>

216
anrui-scm/anrui-scm-ui/src/views/disassemble/stockCount/stockCountAddByDetail.vue
View File

@ -0,0 +1,216 @@
<template>
<div class="app-container">
<div v-show="viewState == 1">
<button-bar ref="btnbar" view-title="库位商品盘点明细" :btndisabled="btndisabled" @btnhandle="btnHandle" />
<div class="main-content">
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">
{{ searchxianshitit }}
</el-button>
<div v-show="isSearchShow" class="search">
<el-form :inline="true" class="tab-header">
<el-form-item label="商品ID">
<el-input v-model="queryParams.params.goodsID" placeholder="" clearable />
</el-form-item>
<el-form-item label="商品名称">
<el-input v-model="queryParams.params.goodsSkuTitle" placeholder="" clearable />
</el-form-item>
<el-form-item label="商品图号">
<el-input v-model="queryParams.params.goodsSkuCode" placeholder="" clearable />
</el-form-item>
</el-form>
<div class="btn" style="text-align: center;">
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
</div>
</div>
</div>
<!-- Start 项目列表头部 -->
<div class="listtop">
<div class="tit">商品盘点记录</div>
</div>
<!-- End 项目列表头部 -->
<!-- Start 项目列表 -->
<div class="">
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%">
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
<el-table-column prop="goodsID" label="商品ID" width="120" align="center" />
<el-table-column prop="goodsSkuTitle" label="商品名称" width="120" align="center" />
<el-table-column prop="goodsSkuCode" label="图号" width="120" align="center" />
<el-table-column prop="warehouseName" label="仓库" width="120" align="center" />
<el-table-column prop="warehouseArea" label="库区" width="120" align="center" />
<el-table-column prop="warehouseRackName" label="库位" width="120" align="center" />
<el-table-column prop="unit" label="单位" width="120" align="center" />
<el-table-column prop="cost" label="单价" width="120" align="center" />
<el-table-column prop="bookCount" label="库存数量" width="120" align="center" />
<el-table-column prop="bookAmount" label="库存金额" width="120" align="center" />
<el-table-column prop="realCount" label="实盘数量" width="120" align="center" />
<el-table-column prop="realCount" label="实盘金额" width="120" align="center" />
<el-table-column prop="state" label="状态" width="120" align="center" />
<el-table-column prop="profitAndLoseCount" label="亏盈数" width="120" align="center" />
<el-table-column prop="profitAndLoseAmount" label="盈亏金额" width="120" align="center" />
<el-table-column prop="lossCount" label="盘损数量" width="120" align="center" />
<el-table-column prop="lossAmount" label="盘损金额" width="120" align="center" />
<el-table-column prop="remarks" label="备注" align="center" width="200" />
<el-table-column label="附件" align="center">
<template slot-scope="scope">
<div style="color: #1890FF; text-decoration: underline ;" @click="showImage(scope.row.fillPaths)">
查看
</div>
</template>
</el-table-column>
</el-table>
</div>
<!-- End 项目列表 -->
<div class="pages">
<div class="tit" />
<!-- 翻页 -->
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="loadList" />
</div>
</div>
</div>
<el-dialog title="附件" :visible.sync="dialogVisible" :before-close="handleClose">
<el-form ref="dataForm1" class="formadd" style="margin-top: -30px;">
<el-row class="first_row">
<el-col :span="24" class="trightb">
<el-image style="width: 120px;height: 120px; margin: 10px; background: #f0f;" v-for="(item, index) in fileList" :key="index" :src="item.url" :preview-src-list="[item]" />
</el-col>
</el-row>
</el-form>
</el-dialog>
</div>
</template>
<script>
import req from '@/api/disassemble/stockCount'
import ButtonBar from '@/components/ButtonBar'
import Pagination from '@/components/pagination'
export default {
name: 'StockCountAddByDetail',
components: {
ButtonBar,
Pagination
},
data() {
return {
dialogVisible: false,
btndisabled: false,
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
isSearchShow: false,
searchxianshitit: '显示查询条件',
tableLoading: false,
dataList: [],
btnList: [{
type: 'info',
size: 'small',
icon: 'cross',
btnKey: 'doClose',
btnLabel: '关闭'
}],
queryParams: {
current: 1,
size: 10,
total: 0,
params: {
billSid: '',
warehouseRackSid: '',
goodsID: '',
goodsSkuTitle: '',
goodsSkuCode: ''
}
},
billSid: '',
warehouseRackSid: '',
fileList: []
}
},
mounted() {
this.$refs['btnbar'].setButtonList(this.btnList)
},
methods: {
showImage(paths) {
this.fileList = paths
this.dialogVisible = true
},
handleClose() {
this.dialogVisible = false
},
// 搜索条件效果
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
}
},
btnHandle(btnKey) {
switch (btnKey) {
case 'doClose':
this.close()
break
default:
break
}
},
showDetail(sid, warehouseRackSid) {
this.billSid = sid
this.warehouseRackSid = warehouseRackSid
this.queryParams.params.billSid = sid
this.queryParams.params.warehouseRackSid = warehouseRackSid
this.loadList()
},
loadList() {
this.tableLoading = true
req.billRackCodeDetail(this.queryParams).then((resp) => {
this.tableLoading = false
if (resp.success) {
const data = resp.data
this.queryParams.total = data.total
this.dataList = data.records
} else {
// 根据resp.code进行异常情况处理
this.dataList = []
this.queryParams.total = 0
}
}).catch(() => {
this.tableLoading = false
})
},
// 序号
indexMethod(index) {
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
var pageindex = index + 1 + pagestart
return pageindex
},
dosearch() {
this.queryParams.current = 1
this.loadList()
},
resetQuery() {
this.queryParams = {
current: 1,
size: 10,
total: 0,
params: {
billSid: this.billSid,
warehouseRackSid: this.warehouseRackSid,
goodsID: '',
goodsSkuTitle: '',
goodsSkuCode: ''
}
}
this.loadList()
},
close() {
this.$emit('doback')
}
}
}
</script>
<style scoped>
</style>

282
anrui-scm/anrui-scm-ui/src/views/disassemble/stockCount/stockCountInfo.vue
View File

@ -0,0 +1,282 @@
<template>
<div class="app-container">
<div v-show="viewState == 1">
<button-bar ref="btnbar" view-title="商品盘点明细" :btndisabled="btndisabled" @btnhandle="btnHandle" />
<div class="main-content">
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">
{{ searchxianshitit }}
</el-button>
<div v-show="isSearchShow" class="search">
<el-form :inline="true" class="tab-header">
<el-form-item label="仓库">
<el-select v-model="queryParams.params.warehouseName" placeholder="请选择仓库" @change="selectWarehouseChange">
<el-option v-for="item in warehouseList" :key="item.sid" :label="item.warehouseName" :value="item.sid" />
</el-select>
</el-form-item>
<el-form-item label="库区">
<el-select v-model="queryParams.params.warehouseAreaName" placeholder="请选择库区" @change="selectWarehouseAreaChange">
<el-option v-for="item in warehouseAreaList" :key="item.sid" :label="item.areaName" :value="item.sid" />
</el-select>
</el-form-item>
<el-form-item label="库位">
<el-select v-model="queryParams.params.warehouseRackName" placeholder="请选择库位">
<el-option v-for="item in warehouseRackList" :key="item.sid" :label="item.rackName" :value="item.sid">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="商品ID">
<el-input v-model="queryParams.params.goodsID" placeholder="" clearable />
</el-form-item>
<el-form-item label="商品名称">
<el-input v-model="queryParams.params.goodsSkuTitle" placeholder="" clearable />
</el-form-item>
<el-form-item label="商品图号">
<el-input v-model="queryParams.params.goodsSkuCode" placeholder="" clearable />
</el-form-item>
</el-form>
<div class="btn" style="text-align: center;">
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
</div>
</div>
</div>
<!-- Start 项目列表头部 -->
<div class="listtop">
<div class="tit">商品盘点记录</div>
</div>
<!-- End 项目列表头部 -->
<!-- Start 项目列表 -->
<div class="">
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%">
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
<el-table-column prop="goodsID" label="商品ID" width="120" align="center" />
<el-table-column prop="goodsSkuTitle" label="商品名称" width="120" align="center" />
<el-table-column prop="goodsSkuCode" label="图号" width="120" align="center" />
<el-table-column prop="warehouseName" label="仓库" width="120" align="center" />
<el-table-column prop="warehouseArea" label="库区" width="120" align="center" />
<el-table-column prop="warehouseRackName" label="库位" width="120" align="center" />
<el-table-column prop="unit" label="单位" width="120" align="center" />
<el-table-column prop="cost" label="单价" width="120" align="center" />
<el-table-column prop="bookCount" label="库存数量" width="120" align="center" />
<el-table-column prop="bookAmount" label="库存金额" width="120" align="center" />
<el-table-column prop="realCount" label="实盘数量" width="120" align="center" />
<el-table-column prop="realCount" label="实盘金额" width="120" align="center" />
<el-table-column prop="state" label="状态" width="120" align="center" />
<el-table-column prop="profitAndLoseCount" label="亏盈数" width="120" align="center" />
<el-table-column prop="profitAndLoseAmount" label="盈亏金额" width="120" align="center" />
<el-table-column prop="lossCount" label="盘损数量" width="120" align="center" />
<el-table-column prop="lossAmount" label="盘损金额" width="120" align="center" />
<el-table-column prop="remarks" label="备注" align="center" width="200" />
<el-table-column label="附件" align="center">
<template slot-scope="scope">
<div style="color: #1890FF; text-decoration: underline ;" @click="showImage(scope.row.fillPaths)">查看</div>
</template>
</el-table-column>
</el-table>
</div>
<!-- End 项目列表 -->
<div class="pages">
<div class="tit" />
<!-- 翻页 -->
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="loadList" />
</div>
</div>
</div>
<el-dialog title="附件" :visible.sync="dialogVisible" :before-close="handleClose">
<el-form ref="dataForm1" class="formadd" style="margin-top: -30px;">
<el-row class="first_row">
<el-col :span="24" class="trightb">
<el-image style="width: 120px;height: 120px; margin: 10px; background: #f0f;" v-for="(item, index) in fileList" :key="index" :src="item.url" :preview-src-list="[item]">
</el-image>
</el-col>
</el-row>
</el-form>
</el-dialog>
</div>
</template>
<script>
import req from '@/api/disassemble/stockCount'
import ButtonBar from '@/components/ButtonBar'
import Pagination from '@/components/pagination'
import { getAllWarehouse, getAllWarehouseareaBysid, getAllTypeByAreaSid } from '@/api/Common/dictcommons'
export default {
name: 'StockCountInfo',
components: {
ButtonBar,
Pagination
},
data() {
return {
dialogVisible: false,
btndisabled: false,
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
isSearchShow: false,
searchxianshitit: '显示查询条件',
tableLoading: false,
dataList: [],
btnList: [{
type: 'info',
size: 'small',
icon: 'cross',
btnKey: 'doClose',
btnLabel: '关闭'
}],
queryParams: {
current: 1,
size: 10,
total: 0,
params: {
billSid: '',
warehouseSid: '',
warehouseName: '',
warehouseAreaSid: '',
warehouseAreaName: '',
warehouseRackSid: '',
goodsID: '',
goodsSkuTitle: '',
goodsSkuCode: ''
}
},
billSid: '',
fileList: [],
warehouseList: [],
warehouseAreaList: [],
warehouseRackList: []
}
},
mounted() {
this.$refs['btnbar'].setButtonList(this.btnList)
},
methods: {
initData() {
getAllWarehouse({ orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((resp) => {
if (resp.success) {
this.warehouseList = resp.data
}
})
},
selectWarehouseChange(val) {
const choose = this.warehouseList.filter((item) => item.sid === val)
this.queryParams.params.warehouseSid = choose[0].sid
this.queryParams.params.warehouseName = choose[0].warehouseName
this.getWarehouseArea(choose[0].sid)
},
getWarehouseArea(sid) {
this.queryParams.params.warehouseAreaSid = ''
this.queryParams.params.warehouseAreaName = ''
getAllWarehouseareaBysid({ ckSid: sid }).then((resp) => {
if (resp.success) {
this.warehouseAreaList = resp.data
}
})
},
selectWarehouseAreaChange(val) {
const choose = this.warehouseAreaList.filter((item) => item.sid === val)
this.queryParams.params.warehouseAreaSid = choose[0].sid
this.queryParams.params.warehouseAreaName = choose[0].areaName
this.getAllTypeByAreaSid(choose[0].sid)
},
getAllTypeByAreaSid(sid) {
this.queryParams.params.warehouseRackSid = ''
this.queryParams.params.warehouseRackName = ''
getAllTypeByAreaSid({ areaSid: sid }).then((resp) => {
if (resp.success) {
this.warehouseRackList = resp.data
}
})
},
selectWarehouseRackChange(val) {
const choose = this.warehouseRackList.filter((item) => item.sid === val)
this.queryParams.params.warehouseRackSid = choose[0].sid
this.queryParams.params.warehouseRackName = choose[0].rackName
},
showImage(paths) {
this.fileList = paths
this.dialogVisible = true
},
handleClose() {
this.dialogVisible = false
},
// 搜索条件效果
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
}
},
btnHandle(btnKey) {
switch (btnKey) {
case 'doClose':
this.close()
break
default:
break
}
},
showDetail(sid) {
this.initData()
this.billSid = sid
this.queryParams.params.billSid = sid
this.loadList()
},
loadList() {
this.tableLoading = true
req.billDetail(this.queryParams).then((resp) => {
this.tableLoading = false
if (resp.success) {
const data = resp.data
this.queryParams.total = data.total
this.dataList = data.records
} else {
// 根据resp.code进行异常情况处理
this.dataList = []
this.queryParams.total = 0
}
}).catch(() => {
this.tableLoading = false
})
},
// 序号
indexMethod(index) {
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
var pageindex = index + 1 + pagestart
return pageindex
},
dosearch() {
this.queryParams.current = 1
this.loadList()
},
resetQuery() {
this.queryParams = {
current: 1,
size: 10,
total: 0,
params: {
billSid: this.billSid,
warehouseSid: '',
warehouseName: '',
warehouseAreaSid: '',
warehouseAreaName: '',
warehouseRackSid: '',
goodsID: '',
goodsSkuTitle: '',
goodsSkuCode: ''
}
}
this.loadList()
},
close() {
this.$emit('doback')
}
}
}
</script>
<style scoped>
</style>

313
anrui-scm/anrui-scm-ui/src/views/disassemble/stockCount/stockCountReport.vue
View File

@ -0,0 +1,313 @@
<template>
<div class="app-container">
<div v-show="viewState == 1">
<div class="tab-header webtop">
<div>编辑盘库报告</div>
<div>
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate()">保存</el-button>
<el-button type="primary" size="small" :disabled="submitdisabled" @click="submit()">提交</el-button>
<el-button type="primary" size="small" :disabled="submitdisabled" @click="downLoadPDF()">下载pdf</el-button>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
</div>
<div class="listconadd">
<el-form ref="form_obj" :model="formobj" class="formaddcopy02">
<el-row style="border-top: 1px solid #E0E3EB">
<el-col :span="8">
<div class="span-sty">发起人</div>
<el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">发起部门</div>
<el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">发起日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">盘点人</div>
<el-form-item><span class="addinputInfo">{{ formobj.createName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">监盘人</div>
<el-form-item><span class="addinputInfo">{{ formobj.finances }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">备注</div>
<el-form-item><el-input v-model="formobj.remarks" placeholder="" class="addinputw addinputInfo" clearable /></el-form-item>
</el-col>
</el-row>
<div class="title titleOne">
<div>总体盘点情况</div>
<el-button type="primary" size="mini" class="btntopblueline" @click="downLoadDetail()">明细下载</el-button>
</div>
<div style="display: flex;flex-direction: row;align-items: center;border: 1px solid #E0E3EB;line-height: 30px;padding: 5px 10px;">
<div style="flex: 1;">
<span> 应盘数量:</span>
<span> {{formobj.ypNum}}</span>
</div>
<div style="flex: 1;">
<span> 应盘金额:</span>
<span> {{formobj.ypMoney}}</span>
</div>
<div style="flex: 1;">
<span> 实盘数量:</span>
<span> {{formobj.spNum}}</span>
</div>
<div style="flex: 1;">
<span> 实盘金额:</span>
<span> {{formobj.spMoney}}</span>
</div>
<div style="flex: 1;">
<span> 盘盈数量:</span>
<span> {{formobj.pyNum}}</span>
</div>
<div style="flex: 1;">
<span> 盘盈金额:</span>
<span> {{formobj.pyMoney}}</span>
</div>
<div style="flex: 1;">
<span> 盘亏数量:</span>
<span> {{formobj.pkNum}}</span>
</div>
<div style="flex: 1;">
<span> 盘亏金额:</span>
<span> {{formobj.pkMoney}}</span>
</div>
<div style="flex: 1;">
<span> 盘损数量:</span>
<span> {{formobj.psNum}}</span>
</div>
<div style="flex: 1;">
<span> 盘损金额:</span>
<span> {{formobj.psMoney}}</span>
</div>
</div>
<div class="title">仓库盘点情况</div>
<el-table :data="formobj.warehouseStocktakList" :index="index" border style="width: 100%;">
<el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center" />
<el-table-column prop="warehouseName" label="仓库" width="200" align="center" />
<el-table-column prop="ypNum" label="应盘" align="center" />
<el-table-column prop="ypMoney" label="应盘金额" align="center" />
<el-table-column prop="spNum" label="实盘" align="center" />
<el-table-column prop="spMoney" label="实盘金额" align="center" />
<el-table-column prop="pyNum" label="盘盈" align="center" />
<el-table-column prop="pyMoney" label="盘盈金额" align="center" />
<el-table-column prop="pkNum" label="盘亏" align="center" />
<el-table-column prop="pkMoney" label="盘亏金额" align="center" />
<el-table-column prop="psNum" label="盘损" align="center" />
<el-table-column prop="psMoney" label="盘损金额" align="center" />
</el-table>
<div class="title">库区盘点情况</div>
<el-table :data="formobj.arehouseAreaeStocktakList" :index="index" border style="width: 100%;">
<el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center" />
<el-table-column prop="warehouseAreaeName" label="仓库-库区" width="200" align="center" />
<el-table-column prop="ypNum" label="应盘" align="center" />
<el-table-column prop="ypMoney" label="应盘金额" align="center" />
<el-table-column prop="spNum" label="实盘" align="center" />
<el-table-column prop="spMoney" label="实盘金额" align="center" />
<el-table-column prop="pyNum" label="盘盈" align="center" />
<el-table-column prop="pyMoney" label="盘盈金额" align="center" />
<el-table-column prop="pkNum" label="盘亏" align="center" />
<el-table-column prop="pkMoney" label="盘亏金额" align="center" />
<el-table-column prop="psNum" label="盘损" align="center" />
<el-table-column prop="psMoney" label="盘损金额" align="center" />
</el-table>
</el-form>
</div>
</div>
</div>
</template>
<script>
import req from '@/api/disassemble/stockCount'
import { getOrgSidByPath } from '@/api/Common/dictcommons'
import { getStorage } from '@/utils/auth'
export default {
name: 'StockCountReport',
data() {
return {
viewState: 1,
submitdisabled: false,
index: 0,
formobj: {
createByName: '',
createBySid: '',
deptName: '',
deptSid: '',
createTime: '',
createName: '',
finances: '',
remarks: '',
ypNum: '',
ypMoney: '',
spNum: '',
spMoney: '',
pyNum: '',
pyMoney: '',
pkNum: '',
pkMoney: '',
psNum: '',
psMoney: '',
warehouseStocktakList: [],
arehouseAreaeStocktakList: [],
useOrgSid: '',
createOrgSid: ''
}
}
},
methods: {
init() {
getOrgSidByPath({ orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((res) => {
if (res.success) {
this.formobj.createOrgSid = res.data
this.formobj.useOrgSid = res.data
}
})
},
showEdit(row) {
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
req.init({ sid: row.sid }).then((res) => {
if (res.success) {
this.formobj = res.data
this.formobj.createByName = window.sessionStorage.getItem('name')
this.formobj.createBySid = window.sessionStorage.getItem('userSid')
this.formobj.deptName = window.sessionStorage.getItem('defaultOrgPathName').substring(window.sessionStorage.getItem('defaultOrgPathName').lastIndexOf('/') + 1)
this.formobj.deptSid = window.sessionStorage.getItem('defaultOrgPath').substring(window.sessionStorage.getItem('defaultOrgPath').lastIndexOf('/') + 1)
var nowDate = new Date()
var date = {
year: nowDate.getFullYear(),
month: nowDate.getMonth() + 1,
day: nowDate.getDate()
}
this.formobj.createTime = date.year + '-' + (date.month >= 10 ? date.month : '0' + date.month) + '-' + (date.day >= 10 ? date.day : '0' + date.day)
this.init()
}
})
},
saveOrUpdate() {
this.submitdisabled = true
var info = { sid: this.formobj.sid, remarks: this.formobj.remarks }
req.saveReport(info).then((res) => {
if (res.success) {
this.$message({ showClose: true, type: 'success', message: '保存成功' })
this.handleReturn('true')
} else {
this.submitdisabled = false
}
}).catch(() => {
this.submitdisabled = false
})
},
submit() {
req.submitReport(this.formobj).then((res) => {
if (res.success) {
this.$message({ showClose: true, type: 'success', message: '操作成功' })
this.handleReturn('true')
} else {
this.submitdisabled = false
}
}).catch(() => {
this.submitdisabled = false
})
},
handleReturn(isreload) {
if (isreload === 'true') this.$emit('reloadlist')
this.formobj = {}
this.submitdisabled = false
this.$emit('doback')
},
downLoadPDF() {
const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
req.downloadPDF({ sid: this.formobj.sid }).then((res) => {
if (res.success) {
loading.close()
var xhr = new XMLHttpRequest()
xhr.open('GET', process.env.VUE_APP_BASE_API + '/base/file/download?filePath=' + res.data +
'&outFileName=' + '盘点报告', true)
xhr.setRequestHeader('token', getStorage())
xhr.responseType = 'blob'
xhr.onload = function(e) {
// 如果请求执行成功
var blob = this.response
var filename = '盘点报告.pdf'
var a = document.createElement('a')
// blob.type="application/octet-stream";
// 创键临时url对象
var url = URL.createObjectURL(blob)
a.href = url
a.download = filename
a.click()
// 释放之前创建的URL对象
window.URL.revokeObjectURL(url)
}
// 发送请求
xhr.send()
}
}).catch(() => {
loading.close()
})
},
downLoadDetail() {
const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
req.downloadExcel({ sid: this.formobj.sid }).then((resp) => {
loading.close()
const blob = new Blob([resp], {
type: 'application/vnd.ms-excel'
})
const fileName = '总体盘库明细' + '.xls'
const elink = document.createElement('a')
elink.download = fileName
elink.style.display = 'nonde'
elink.href = URL.createObjectURL(blob)
document.body.appendChild(elink)
elink.click()
URL.revokeObjectURL(elink.href)
document.body.removeChild(elink)
}).catch(() => {
loading.close()
})
}
}
}
</script>
<style scoped>
.span-sty {
width: 130px !important;
}
.addinputInfo {
margin-left: 120px !important;
}
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw {
margin-left: 120px !important;
width: calc(100% - 115px);
}
.titleOne {
padding: 7px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
</style>

223
anrui-scm/anrui-scm-ui/src/views/disassemble/stockCount/stockCountReportDetail.vue
View File

@ -0,0 +1,223 @@
<template>
<div class="app-container">
<div v-show="viewState == 1">
<div class="tab-header webtop">
<div>盘库报告</div>
<div>
<el-button type="primary" size="small" :disabled="submitdisabled" @click="downLoadPDF()">下载pdf</el-button>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
</div>
<div class="listconadd">
<el-form ref="form_obj" :model="formobj" class="formaddcopy02">
<el-row style="border-top: 1px solid #E0E3EB">
<el-col :span="8">
<div class="span-sty">发起人</div>
<el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">发起部门</div>
<el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">发起日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">盘点人</div>
<el-form-item><span class="addinputInfo">{{ formobj.createName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">监盘人</div>
<el-form-item><span class="addinputInfo">{{ formobj.finances }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">备注</div>
<el-form-item><span class="addinputInfo">{{ formobj.remarks }}</span></el-form-item>
</el-col>
</el-row>
<div class="title titleOne">
<div>总体盘点情况</div>
<el-button type="primary" size="mini" class="btntopblueline" @click="downLoadDetail()">明细下载</el-button>
</div>
<div style="display: flex;flex-direction: row;align-items: center;border: 1px solid #E0E3EB;line-height: 30px;padding: 5px 10px;">
<div style="flex: 1;">
<span> 应盘数量:</span>
<span> {{formobj.ypNum}}</span>
</div>
<div style="flex: 1;">
<span> 应盘金额:</span>
<span> {{formobj.ypMoney}}</span>
</div>
<div style="flex: 1;">
<span> 实盘数量:</span>
<span> {{formobj.spNum}}</span>
</div>
<div style="flex: 1;">
<span> 实盘金额:</span>
<span> {{formobj.spMoney}}</span>
</div>
<div style="flex: 1;">
<span> 盘盈数量:</span>
<span> {{formobj.pyNum}}</span>
</div>
<div style="flex: 1;">
<span> 盘盈金额:</span>
<span> {{formobj.pyMoney}}</span>
</div>
<div style="flex: 1;">
<span> 盘亏数量:</span>
<span> {{formobj.pkNum}}</span>
</div>
<div style="flex: 1;">
<span> 盘亏金额:</span>
<span> {{formobj.pkMoney}}</span>
</div>
<div style="flex: 1;">
<span> 盘损数量:</span>
<span> {{formobj.psNum}}</span>
</div>
<div style="flex: 1;">
<span> 盘损金额:</span>
<span> {{formobj.psMoney}}</span>
</div>
</div>
<div class="title">仓库盘点情况</div>
<el-table :data="formobj.warehouseStocktakList" :index="index" border style="width: 100%;">
<el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center" />
<el-table-column prop="warehouseName" label="仓库" align="center" />
<el-table-column prop="ypNum" label="应盘" align="center" />
<el-table-column prop="ypMoney" label="应盘金额" width="150" align="center" />
<el-table-column prop="spNum" label="实盘" width="150" align="center" />
<el-table-column prop="spMoney" label="实盘金额" align="center" />
<el-table-column prop="pyNum" label="盘盈" align="center" />
<el-table-column prop="pyMoney" label="盘盈金额" align="center" />
<el-table-column prop="pkNum" label="盘亏" align="center" width="100" />
<el-table-column prop="pkMoney" label="盘亏金额" align="center" width="100" />
<el-table-column prop="psNum" label="盘损" align="center" width="100" />
<el-table-column prop="psMoney" label="盘损金额" align="center" width="100" />
</el-table>
<div class="title">库区盘点情况</div>
<el-table :data="formobj.arehouseAreaeStocktakList" :index="index" border style="width: 100%;">
<el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center" />
<el-table-column prop="warehouseAreaeName" label="仓库-库区" align="center" />
<el-table-column prop="ypNum" label="应盘" align="center" />
<el-table-column prop="ypMoney" label="应盘金额" width="150" align="center" />
<el-table-column prop="spNum" label="实盘" width="150" align="center" />
<el-table-column prop="spMoney" label="实盘金额" align="center" />
<el-table-column prop="pyNum" label="盘盈" align="center" />
<el-table-column prop="pyMoney" label="盘盈金额" align="center" />
<el-table-column prop="pkNum" label="盘亏" align="center" width="100" />
<el-table-column prop="pkMoney" label="盘亏金额" align="center" width="100" />
<el-table-column prop="psNum" label="盘损" align="center" width="100" />
<el-table-column prop="psMoney" label="盘损金额" align="center" width="100" />
</el-table>
</el-form>
</div>
</div>
</div>
</template>
<script>
import req from '@/api/disassemble/stockCount'
import { getStorage } from '@/utils/auth'
export default {
name: 'StockCountReportDetail',
data() {
return {
viewState: 1,
submitdisabled: false,
index: 0,
formobj: {}
}
},
methods: {
showDetail(row) {
req.init({ sid: row.sid }).then((res) => {
if (res.success) {
this.formobj = res.data
}
})
},
handleReturn() {
this.formobj = {}
this.submitdisabled = false
this.$emit('doback')
},
downLoadPDF() {
const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
req.downloadPDF({ sid: this.formobj.sid }).then((res) => {
if (res.success) {
loading.close()
var xhr = new XMLHttpRequest()
xhr.open('GET', process.env.VUE_APP_BASE_API + '/base/file/download?filePath=' + res.data +
'&outFileName=' + '盘点报告', true)
xhr.setRequestHeader('token', getStorage())
xhr.responseType = 'blob'
xhr.onload = function(e) {
// 如果请求执行成功
var blob = this.response
var filename = '盘点报告.pdf'
var a = document.createElement('a')
// blob.type="application/octet-stream";
// 创键临时url对象
var url = URL.createObjectURL(blob)
a.href = url
a.download = filename
a.click()
// 释放之前创建的URL对象
window.URL.revokeObjectURL(url)
}
// 发送请求
xhr.send()
}
}).catch(() => {
loading.close()
})
},
downLoadDetail() {
const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
req.downloadExcel({ sid: this.formobj.sid }).then((resp) => {
loading.close()
const blob = new Blob([resp], {
type: 'application/vnd.ms-excel'
})
const fileName = '总体盘库明细' + '.xls'
const elink = document.createElement('a')
elink.download = fileName
elink.style.display = 'nonde'
elink.href = URL.createObjectURL(blob)
document.body.appendChild(elink)
elink.click()
URL.revokeObjectURL(elink.href)
document.body.removeChild(elink)
}).catch(() => {
loading.close()
})
}
}
}
</script>
<style scoped>
.span-sty {
width: 130px !important;
}
.addinputInfo {
margin-left: 120px !important;
}
</style>
Write Preview
Loading…
Cancel
Save