11 changed files with 2170 additions and 502 deletions
@ -0,0 +1,367 @@ |
|||
<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 class="first_row"> |
|||
<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 titleOne"> |
|||
<div>仓库盘点情况</div> |
|||
</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 titleOne"> |
|||
<div>库区盘点情况</div> |
|||
</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/storage/stocktaking.js' |
|||
import { |
|||
getCurrentDate |
|||
} from '@/utils/index.js' |
|||
import { |
|||
getOrgSidByPath, |
|||
} from '@/api/Common/dictcommons' |
|||
export default { |
|||
data() { |
|||
return { |
|||
viewState: 1, |
|||
submitdisabled: false, |
|||
index: 0, |
|||
|
|||
formobj: { |
|||
"createByName": window.sessionStorage.getItem('name'), |
|||
"createBySid": window.sessionStorage.getItem('userSid'), |
|||
"deptName": window.sessionStorage.getItem('defaultOrgPathName').substring(window |
|||
.sessionStorage.getItem('defaultOrgPathName').lastIndexOf('/') + 1), |
|||
"deptSid": window.sessionStorage.getItem('defaultOrgPath').substring(window.sessionStorage |
|||
.getItem('defaultOrgPath').lastIndexOf('/') + 1), |
|||
"createTime": getCurrentDate(), |
|||
"createName": "", |
|||
"finances": "", |
|||
"remarks": "", |
|||
"ypNum": "", |
|||
"ypMoney": "", |
|||
"spNum": "", |
|||
"spMoney": "", |
|||
"pyNum": "", |
|||
"pyMoney": "", |
|||
"pkNum": "", |
|||
"pkMoney": "", |
|||
"psNum": "", |
|||
"psMoney": "", |
|||
"warehouseStocktakList": [], |
|||
"arehouseAreaeStocktakList": [], |
|||
"useOrgSid": '', |
|||
"createOrgSid": '', |
|||
|
|||
}, |
|||
} |
|||
}, |
|||
|
|||
created() { |
|||
|
|||
}, |
|||
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) { |
|||
|
|||
req.init(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) |
|||
this.formobj.createTime = getCurrentDate() |
|||
this.init() |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
saveOrUpdate() { |
|||
this.submitdisabled = true |
|||
req.saveReport(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 |
|||
}) |
|||
}, |
|||
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().then((resp) => { |
|||
loading.close() |
|||
const blob = new Blob([resp], { |
|||
type: 'application/vnd.ms-excel' |
|||
}) |
|||
const fileName = '盘库报告' + '.pdf' |
|||
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() |
|||
}) |
|||
|
|||
}, |
|||
downLoadDetail() { |
|||
|
|||
const loading = this.$loading({ |
|||
lock: true, |
|||
text: 'Loading', |
|||
spinner: 'el-icon-loading', |
|||
background: 'rgba(0, 0, 0, 0.7)' |
|||
}) |
|||
req.downloadExcel().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> |
|||
/deep/ .el-form-item__error { |
|||
margin-left: 120px !important; |
|||
} |
|||
|
|||
.must { |
|||
color: #f00; |
|||
} |
|||
|
|||
.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); |
|||
} |
|||
|
|||
.first_row { |
|||
border-top: 1px solid #E0E3EB; |
|||
} |
|||
|
|||
.titleOne { |
|||
padding: 7px; |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
|
|||
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .el-radio-group { |
|||
display: inline; |
|||
line-height: 1px; |
|||
vertical-align: middle; |
|||
} |
|||
</style> |
@ -0,0 +1,278 @@ |
|||
<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.warehouseName" placeholder="" clearable /> |
|||
</el-form-item> |
|||
<el-form-item label="库区"> |
|||
<el-input v-model="queryParams.params.warehouseAreaeName" placeholder="" clearable /> |
|||
</el-form-item> |
|||
<el-form-item label="库位"> |
|||
<el-input v-model="queryParams.params.warehouseRackName" placeholder="" clearable /> |
|||
</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.goodsName" placeholder="" clearable /> |
|||
</el-form-item> |
|||
<el-form-item label="商品图号"> |
|||
<el-input v-model="queryParams.params.goodsCode" 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="goodsName" label="商品名称" width="120" align="center" /> |
|||
<el-table-column prop="goodsCode" label="图号" width="120" align="center" /> |
|||
<el-table-column prop="warehouseName" label="仓库" width="120" align="center" /> |
|||
<el-table-column prop="warehouseAreaeName" 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="price" label="单价" width="120" align="center" /> |
|||
<el-table-column prop="inventoryNum" label="库存数量" width="120" align="center" /> |
|||
<el-table-column prop="inventoryMoeny" label="库存金额" width="120" align="center" /> |
|||
<el-table-column prop="spNum" label="实盘数量" width="120" align="center" /> |
|||
<el-table-column prop="spMoney" label="实盘金额" width="120" align="center" /> |
|||
<el-table-column prop="state" label="状态" width="120" align="center" /> |
|||
<el-table-column prop="ykNum" label="亏盈数" width="120" align="center" /> |
|||
<el-table-column prop="psNum" label="盘损数量" width="120" align="center" /> |
|||
<el-table-column prop="psMoney" 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" :src="item.url" :preview-src-list="[item]"> |
|||
</el-image> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
</el-form> |
|||
</el-dialog> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import req from '@/api/storage/stocktaking.js' |
|||
import ButtonBar from '@/components/ButtonBar' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
export default { |
|||
components: { |
|||
ButtonBar, |
|||
Pagination, |
|||
pageye, |
|||
}, |
|||
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: { |
|||
"sid": "", |
|||
"warehouseName": "", |
|||
"warehouseAreaeName": "", |
|||
"warehouseRackName": "", |
|||
"goodsId": "", |
|||
"goodsName": "", |
|||
"goodsCode": "" |
|||
} |
|||
}, |
|||
billSid: "", |
|||
fileList: [] |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.$refs['btnbar'].setButtonList(this.btnList) |
|||
}, |
|||
created() { |
|||
|
|||
}, |
|||
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 |
|||
} |
|||
}, |
|||
|
|||
loadList(sid) { |
|||
|
|||
this.tableLoading = true |
|||
this.billSid = sid |
|||
this.queryParams.params.sid = sid |
|||
|
|||
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: { |
|||
"sid": this.billSid, |
|||
"warehouseName": "", |
|||
"warehouseAreaeName": "", |
|||
"warehouseRackName": "", |
|||
"goodsId": "", |
|||
"goodsName": "", |
|||
"goodsCode": "" |
|||
} |
|||
} |
|||
this.loadList() |
|||
}, |
|||
|
|||
close() { |
|||
this.$emit('doback') |
|||
}, |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
/deep/ .el-form-item__error { |
|||
margin-left: 120px !important; |
|||
} |
|||
|
|||
.must { |
|||
color: #f00; |
|||
} |
|||
|
|||
.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); |
|||
} |
|||
|
|||
.first_row { |
|||
border-top: 1px solid #E0E3EB; |
|||
} |
|||
|
|||
.titleOne { |
|||
padding: 7px; |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
|
|||
/deep/ .el-form-item__error { |
|||
margin-left: 180px !important; |
|||
} |
|||
|
|||
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .el-radio-group { |
|||
display: inline; |
|||
line-height: 1px; |
|||
vertical-align: middle; |
|||
} |
|||
</style> |
@ -0,0 +1,263 @@ |
|||
<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.goodsName" placeholder="" clearable /> |
|||
</el-form-item> |
|||
<el-form-item label="商品图号"> |
|||
<el-input v-model="queryParams.params.goodsCode" 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="goodsName" label="商品名称" width="120" align="center" /> |
|||
<el-table-column prop="goodsCode" label="图号" width="120" align="center" /> |
|||
<el-table-column prop="warehouseName" label="仓库" width="120" align="center" /> |
|||
<el-table-column prop="warehouseAreaeName" 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="price" label="单价" width="120" align="center" /> |
|||
<el-table-column prop="inventoryNum" label="库存数量" width="120" align="center" /> |
|||
<el-table-column prop="inventoryMoeny" label="库存金额" width="120" align="center" /> |
|||
<el-table-column prop="spNum" label="实盘数量" width="120" align="center" /> |
|||
<el-table-column prop="spMoney" label="实盘金额" width="120" align="center" /> |
|||
<el-table-column prop="state" label="状态" width="120" align="center" /> |
|||
<el-table-column prop="ykNum" label="亏盈数" width="120" align="center" /> |
|||
<el-table-column prop="psNum" label="盘损数量" width="120" align="center" /> |
|||
<el-table-column prop="psMoney" 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" :src="item.url" :preview-src-list="[item]"> |
|||
</el-image> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
</el-form> |
|||
</el-dialog> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import req from '@/api/storage/stocktaking.js' |
|||
import ButtonBar from '@/components/ButtonBar' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
export default { |
|||
components: { |
|||
ButtonBar, |
|||
Pagination, |
|||
pageye, |
|||
}, |
|||
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: { |
|||
"sid": "", |
|||
"goodsId": "", |
|||
"goodsName": "", |
|||
"goodsCode": "" |
|||
} |
|||
}, |
|||
billSid: "", |
|||
fileList: [] |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.$refs['btnbar'].setButtonList(this.btnList) |
|||
}, |
|||
created() { |
|||
|
|||
}, |
|||
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 |
|||
} |
|||
}, |
|||
|
|||
loadList(sid) { |
|||
|
|||
this.tableLoading = true |
|||
this.billSid = sid |
|||
this.queryParams.params.sid = sid |
|||
|
|||
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: { |
|||
"sid": this.billSid, |
|||
"goodsId": "", |
|||
"goodsName": "", |
|||
"goodsCode": "" |
|||
} |
|||
} |
|||
this.loadList() |
|||
}, |
|||
|
|||
close() { |
|||
this.$emit('doback') |
|||
}, |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
/deep/ .el-form-item__error { |
|||
margin-left: 120px !important; |
|||
} |
|||
|
|||
.must { |
|||
color: #f00; |
|||
} |
|||
|
|||
.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); |
|||
} |
|||
|
|||
.first_row { |
|||
border-top: 1px solid #E0E3EB; |
|||
} |
|||
|
|||
.titleOne { |
|||
padding: 7px; |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
|
|||
/deep/ .el-form-item__error { |
|||
margin-left: 180px !important; |
|||
} |
|||
|
|||
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .el-radio-group { |
|||
display: inline; |
|||
line-height: 1px; |
|||
vertical-align: middle; |
|||
} |
|||
</style> |
@ -0,0 +1,272 @@ |
|||
<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="请选择仓库"> |
|||
<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.warehouseAreaeName" placeholder="请选择所属库位"> |
|||
<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.areaCode" |
|||
: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="warehouseAreaeName" 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="ypNum" label="数量" align="center" width="100" /> |
|||
<el-table-column prop="ypMoney" label="金额" align="center" width="100" /> |
|||
</el-table-column> |
|||
<el-table-column label="实盘" align="center"> |
|||
<el-table-column prop="spNum" label="数量" align="center" width="100" /> |
|||
<el-table-column prop="spMoney" label="金额" align="center" width="100" /> |
|||
</el-table-column> |
|||
<el-table-column label="未盘" align="center"> |
|||
<el-table-column prop="wpNum" label="数量" align="center" width="100" /> |
|||
<el-table-column prop="wpMoney" label="金额" align="center" width="100" /> |
|||
</el-table-column> |
|||
<el-table-column label="盘盈" align="center"> |
|||
<el-table-column prop="pyNum" label="数量" align="center" width="100" /> |
|||
<el-table-column prop="pyMoney" label="金额" align="center" width="100" /> |
|||
</el-table-column> |
|||
<el-table-column 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> |
|||
<el-table-column label="盘损" align="center"> |
|||
<el-table-column prop="psNum" label="数量" align="center" width="100" /> |
|||
<el-table-column prop="psMoney" 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> |
|||
<!-- 查看库位明细 --> |
|||
<stocktakingRackCodeDetail v-show="viewState == 2" ref="divSp" @doback="resetState" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import req from '@/api/storage/stocktaking.js' |
|||
import ButtonBar from '@/components/ButtonBar' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
import stocktakingRackCodeDetail from './stocktakingRackCodeDetail.vue' |
|||
export default { |
|||
components: { |
|||
ButtonBar, |
|||
Pagination, |
|||
pageye, |
|||
stocktakingRackCodeDetail |
|||
}, |
|||
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: { |
|||
"sid": "", |
|||
"warehouseName": "", |
|||
"warehouseAreaeName": "", |
|||
"warehouseRackName": "", |
|||
} |
|||
}, |
|||
billSid: "", |
|||
warehouseList: [], |
|||
warehouseAreaList: [], |
|||
warehouseRackList: [] |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.$refs['btnbar'].setButtonList(this.btnList) |
|||
}, |
|||
created() { |
|||
|
|||
}, |
|||
methods: { |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
btnHandle(btnKey) { |
|||
switch (btnKey) { |
|||
case 'doClose': |
|||
this.close() |
|||
break |
|||
default: |
|||
break |
|||
} |
|||
}, |
|||
|
|||
loadList(sid) { |
|||
|
|||
this.tableLoading = true |
|||
this.billSid = sid |
|||
this.queryParams.params.sid = sid |
|||
|
|||
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: { |
|||
"sid": this.billSid, |
|||
"warehouseName": "", |
|||
"warehouseAreaeName": "", |
|||
"warehouseRackName": "", |
|||
} |
|||
} |
|||
this.loadList() |
|||
}, |
|||
|
|||
toDetail(row) { |
|||
|
|||
this.viewState = 2 |
|||
this.$refs['divSp'].loadList(row.sid) |
|||
}, |
|||
close() { |
|||
this.$emit('doback') |
|||
}, |
|||
|
|||
resetState() { |
|||
this.viewState = 1 |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
/deep/ .el-form-item__error { |
|||
margin-left: 120px !important; |
|||
} |
|||
|
|||
.must { |
|||
color: #f00; |
|||
} |
|||
|
|||
.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); |
|||
} |
|||
|
|||
.first_row { |
|||
border-top: 1px solid #E0E3EB; |
|||
} |
|||
|
|||
.titleOne { |
|||
padding: 7px; |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
|
|||
/deep/ .el-form-item__error { |
|||
margin-left: 180px !important; |
|||
} |
|||
|
|||
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .el-radio-group { |
|||
display: inline; |
|||
line-height: 1px; |
|||
vertical-align: middle; |
|||
} |
|||
</style> |
@ -0,0 +1,221 @@ |
|||
<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="settle()">下载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 class="first_row"> |
|||
<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="seleMaintenance()">明细下载</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 titleOne"> |
|||
<div>仓库盘点情况</div> |
|||
</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="70" 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 titleOne"> |
|||
<div>库区盘点情况</div> |
|||
</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="70" 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/storage/stocktaking.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
viewState: 1, |
|||
submitdisabled: false, |
|||
index: 0, |
|||
|
|||
formobj: {}, |
|||
} |
|||
}, |
|||
|
|||
created() { |
|||
|
|||
}, |
|||
methods: { |
|||
showDetail(sid) { |
|||
req.init(sid).then((res) => { |
|||
if (res.success) { |
|||
this.formobj = res.data |
|||
|
|||
} |
|||
}) |
|||
}, |
|||
|
|||
handleReturn(isreload) { |
|||
if (isreload === 'true') this.$emit('reloadlist') |
|||
this.formobj = {} |
|||
this.submitdisabled = false |
|||
this.$emit('doback') |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
/deep/ .el-form-item__error { |
|||
margin-left: 120px !important; |
|||
} |
|||
|
|||
.must { |
|||
color: #f00; |
|||
} |
|||
|
|||
.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); |
|||
} |
|||
|
|||
.first_row { |
|||
border-top: 1px solid #E0E3EB; |
|||
} |
|||
|
|||
.titleOne { |
|||
padding: 7px; |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
|
|||
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .el-radio-group { |
|||
display: inline; |
|||
line-height: 1px; |
|||
vertical-align: middle; |
|||
} |
|||
</style> |
Loading…
Reference in new issue