|
@@ -10,7 +10,7 @@
|
|
width="80%">
|
|
width="80%">
|
|
<!-- 合计 -->
|
|
<!-- 合计 -->
|
|
<a-alert type="info" showIcon style="margin-bottom:15px">
|
|
<a-alert type="info" showIcon style="margin-bottom:15px">
|
|
- <div class="ftext" slot="message">现有库存总数量(个):<strong>998</strong>;现有库存总成本(¥):<strong>2009.00</strong>。</div>
|
|
|
|
|
|
+ <div class="ftext" slot="message">现有库存总数量(个):<strong>{{ currentStock.currentQty || 0 }}</strong>;现有库存总成本(¥):<strong>{{ currentStock.putCost || 0 }}</strong>。</div>
|
|
</a-alert>
|
|
</a-alert>
|
|
<!-- 库存详情 -->
|
|
<!-- 库存详情 -->
|
|
<s-table
|
|
<s-table
|
|
@@ -20,7 +20,7 @@
|
|
:rowKey="(record) => record.id"
|
|
:rowKey="(record) => record.id"
|
|
:columns="columns"
|
|
:columns="columns"
|
|
:data="loadData"
|
|
:data="loadData"
|
|
- :scroll="{ x: 1220 }"
|
|
|
|
|
|
+ :scroll="{ x: 1340 }"
|
|
bordered>
|
|
bordered>
|
|
</s-table>
|
|
</s-table>
|
|
<div class="btn-cont">
|
|
<div class="btn-cont">
|
|
@@ -31,6 +31,7 @@
|
|
|
|
|
|
<script>
|
|
<script>
|
|
import { STable } from '@/components'
|
|
import { STable } from '@/components'
|
|
|
|
+import { stockDetailList, stockDetailCount } from '@/api/stock'
|
|
export default {
|
|
export default {
|
|
name: 'InventoryQueryDetailModal',
|
|
name: 'InventoryQueryDetailModal',
|
|
components: { STable },
|
|
components: { STable },
|
|
@@ -55,49 +56,51 @@ export default {
|
|
// 表头
|
|
// 表头
|
|
columns: [
|
|
columns: [
|
|
{ title: '序号', dataIndex: 'no', width: 80, align: 'center', fixed: 'left' },
|
|
{ title: '序号', dataIndex: 'no', width: 80, align: 'center', fixed: 'left' },
|
|
- { title: '产品编码', dataIndex: 'productNum', width: 140, align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
|
|
|
+ { title: '产品编码', dataIndex: 'productCode', width: 140, align: 'center', customRender: function (text) { return text || '--' } },
|
|
{ title: '产品名称', dataIndex: 'productName', align: 'center', ellipsis: true, customRender: function (text) { return text || '--' } },
|
|
{ title: '产品名称', dataIndex: 'productName', align: 'center', ellipsis: true, customRender: function (text) { return text || '--' } },
|
|
- { title: '原厂编码', dataIndex: 'productOldNum', width: 140, align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
|
- { title: '入库时间', dataIndex: 'productBrand', width: 160, align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
|
- { title: '仓库', dataIndex: 'productType', width: 100, align: 'center', ellipsis: true, customRender: function (text) { return text || '--' } },
|
|
|
|
- { title: '仓位', dataIndex: 'productTypes', width: 100, align: 'center', ellipsis: true, customRender: function (text) { return text || '--' } },
|
|
|
|
- { title: '入库类型', dataIndex: 'productTypess', width: 100, align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
|
- { title: '库存数量', dataIndex: 'inventoryNum', width: 100, align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
|
- { title: '成本单价', dataIndex: 'inventoryMoney', width: 100, align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } }
|
|
|
|
|
|
+ { title: '原厂编码', dataIndex: 'productOrigCode', width: 140, align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
|
+ { title: '入库时间', dataIndex: 'putTime', width: 160, align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
|
+ { title: '仓库', dataIndex: 'warehouseName', width: 140, align: 'center', ellipsis: true, customRender: function (text) { return text || '--' } },
|
|
|
|
+ { title: '仓位', dataIndex: 'warehouseLocationName', width: 140, align: 'center', ellipsis: true, customRender: function (text) { return text || '--' } },
|
|
|
|
+ { title: '入库类型', dataIndex: 'putBizTypeDictValue', width: 140, align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
|
+ { title: '库存数量', dataIndex: 'putQty', width: 100, align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
|
+ { title: '成本单价', dataIndex: 'putCost', width: 100, align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } }
|
|
],
|
|
],
|
|
// 加载数据方法 必须为 Promise 对象
|
|
// 加载数据方法 必须为 Promise 对象
|
|
loadData: parameter => {
|
|
loadData: parameter => {
|
|
this.disabled = true
|
|
this.disabled = true
|
|
- // return customerBundleDelayList( Object.assign(parameter, this.queryParam) ).then(res => {
|
|
|
|
- // const data = res.data
|
|
|
|
- // const no = (data.pageNo - 1) * data.pageSize
|
|
|
|
- // for (var i = 0; i < data.list.length; i++) {
|
|
|
|
- // data.list[i].no = no + i + 1
|
|
|
|
- // }
|
|
|
|
- // this.disabled = false
|
|
|
|
- // return data
|
|
|
|
- // })
|
|
|
|
- const _this = this
|
|
|
|
- return new Promise(function (resolve, reject) {
|
|
|
|
- const data = {
|
|
|
|
- pageNo: 1,
|
|
|
|
- pageSize: 10,
|
|
|
|
- list: [
|
|
|
|
- { id: '1', productNum: 'jgqp11111111111', productName: '产品1', productOldNum: 'jgqp111123545', productBrand: '箭冠品牌', productType: '产品分类1', inventoryNum: '5', inventoryMoney: '122' }
|
|
|
|
- ]
|
|
|
|
- }
|
|
|
|
|
|
+ return stockDetailList(Object.assign(parameter, { stockSn: this.itemId })).then(res => {
|
|
|
|
+ const data = res.data
|
|
const no = (data.pageNo - 1) * data.pageSize
|
|
const no = (data.pageNo - 1) * data.pageSize
|
|
for (var i = 0; i < data.list.length; i++) {
|
|
for (var i = 0; i < data.list.length; i++) {
|
|
data.list[i].no = no + i + 1
|
|
data.list[i].no = no + i + 1
|
|
}
|
|
}
|
|
- _this.disabled = false
|
|
|
|
- resolve(data)
|
|
|
|
|
|
+ this.disabled = false
|
|
|
|
+ // 总计
|
|
|
|
+ this.getTotal(Object.assign(parameter, { stockSn: this.itemId }))
|
|
|
|
+ return data
|
|
})
|
|
})
|
|
|
|
+ },
|
|
|
|
+ currentStock: { // 合计信息
|
|
|
|
+ currentQty: '',
|
|
|
|
+ putCost: ''
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
-
|
|
|
|
|
|
+ // 合计
|
|
|
|
+ getTotal (param) {
|
|
|
|
+ stockDetailCount(param).then(res => {
|
|
|
|
+ if (res.status == 200 && res.data) {
|
|
|
|
+ this.currentStock = res.data
|
|
|
|
+ } else {
|
|
|
|
+ this.currentStock = { // 合计信息
|
|
|
|
+ currentQty: '',
|
|
|
|
+ putCost: ''
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ }
|
|
},
|
|
},
|
|
watch: {
|
|
watch: {
|
|
// 父页面传过来的弹框状态
|
|
// 父页面传过来的弹框状态
|
|
@@ -109,14 +112,6 @@ export default {
|
|
if (!newValue) {
|
|
if (!newValue) {
|
|
this.$emit('close')
|
|
this.$emit('close')
|
|
}
|
|
}
|
|
- },
|
|
|
|
- itemId (newValue, oldValue) {
|
|
|
|
- if (this.isShow && newValue) {
|
|
|
|
- const _this = this
|
|
|
|
- setTimeout(() => {
|
|
|
|
- _this.$refs.table.refresh(true)
|
|
|
|
- }, 100)
|
|
|
|
- }
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -125,8 +120,8 @@ export default {
|
|
<style lang="less">
|
|
<style lang="less">
|
|
.inventoryQueryDetail-modal{
|
|
.inventoryQueryDetail-modal{
|
|
.btn-cont {
|
|
.btn-cont {
|
|
- text-align: center;
|
|
|
|
- margin: 35px 0 10px;
|
|
|
|
|
|
+ text-align: center;
|
|
|
|
+ margin: 35px 0 10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|