<template>
|
<el-dialog :visible.sync="detailVisible" append-to-body :close-on-click-modal="false" :title="title" center
|
width="75%">
|
<div class="app-container">
|
<div class="table_content">
|
<el-table
|
v-loading="listLoading"
|
:data="detailRecords"
|
border
|
fit
|
highlight-current-row
|
style="width: 100%;"
|
>
|
<el-table-column label="序号" type="index" align="center" width="60"/>
|
<el-table-column v-if="title == '出库详情'" label="产品名称" prop="itemname" align="center"></el-table-column>
|
<el-table-column v-if="title == '入库详情'" label="产品名称" prop="productname" align="center"></el-table-column>
|
<el-table-column label="产品包装码" prop="itemcode" align="center"></el-table-column>
|
<el-table-column label="类型" prop="type" align="center"></el-table-column>
|
<el-table-column label="规格" prop="specification" align="center"></el-table-column>
|
<el-table-column label="含药量" prop="explosivecontent" align="center"></el-table-column>
|
<el-table-column label="箱含量" prop="boxnumber" align="center"></el-table-column>
|
<el-table-column :label="title == '入库详情'?'入库数量':'出库数量'" prop="num" align="center"></el-table-column>
|
</el-table>
|
<el-pagination
|
v-show="recordTotal>0"
|
:current-page="currentPage"
|
:page-sizes="[10, 20, 30, 50]"
|
:page-size="pageSize"
|
:total="recordTotal"
|
layout="total, sizes, prev, pager, next, jumper"
|
background
|
style="float:right;"
|
@size-change="handleSizeChange"
|
@current-change="handleCurrentChange"
|
/>
|
</div>
|
</div>
|
</el-dialog>
|
</template>
|
|
<script>
|
import {mapGetters} from "vuex";
|
import {getInboundDetail, getOutboundDetail} from '../../../api/warehouse'
|
import Cookies from "_js-cookie@2.2.0@js-cookie";
|
export default {
|
name: "recordDetail",
|
data() {
|
return {
|
detailVisible: false,
|
title: '',
|
stockInfo:{
|
enterpriseName: '',
|
reserveName: '',
|
storehouseName: '',
|
totalInventory: null
|
},
|
detailRecords: [],
|
listLoading: false,
|
pageSize: 10,
|
recordTotal: 0,
|
currentPage: 1,
|
listQuery: {
|
pageIndex: 1,
|
pageSize: 10,
|
filter: {
|
storehouseId: null,
|
code: ''
|
}
|
}
|
}
|
},
|
created() {
|
const t = this
|
},
|
computed: {
|
...mapGetters([
|
'userType',
|
'username'
|
])
|
},
|
methods: {
|
open(type,data,storehouseId){
|
this.detailRecords = []
|
this.detailVisible = true
|
this.listQuery.filter.storehouseId = storehouseId
|
if(type=='out'){
|
this.title = '出库详情'
|
this.listQuery.filter.code = data.ordercode
|
this.getOut()
|
}else{
|
this.title = '入库详情'
|
this.listQuery.filter.code = data.code
|
this.getIn()
|
}
|
},
|
|
async getOut(){
|
const res = await getOutboundDetail(this.listQuery)
|
if(res.data.code == 200){
|
this.detailRecords = res.data.result.records
|
this.recordTotal = res.data.result.total
|
}else{
|
this.$message.warning(res.data.message)
|
}
|
},
|
|
async getIn(){
|
const res = await getInboundDetail(this.listQuery)
|
if(res.data.code == 200){
|
this.detailRecords = res.data.result.records
|
this.recordTotal = res.data.result.total
|
}else{
|
this.$message.warning(res.data.message)
|
}
|
},
|
|
handleSizeChange(val) {
|
this.listQuery.pageSize = val
|
if(this.title == '出库详情'){
|
this.getOut()
|
}else{
|
this.getIn()
|
}
|
},
|
handleCurrentChange(val) {
|
this.listQuery.pageIndex = val
|
if(this.title == '出库详情'){
|
this.getOut()
|
}else{
|
this.getIn()
|
}
|
},
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.part-title{
|
font-size: 16px;
|
font-weight: bolder;
|
}
|
.selector{
|
/deep/ .el-form-item__content{
|
margin-left: 0 !important;
|
}
|
}
|
.editForm{
|
.el-form-item{
|
display: flex !important;
|
}
|
/deep/ .el-form-item__content{
|
width: 100%;
|
margin-left: 0 !important;
|
}
|
}
|
|
.numInput{
|
/deep/ .el-input__inner{
|
padding-right: 0;
|
}
|
}
|
</style>
|
