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