resourceStoreTimes.vue
2.07 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<template>
<el-dialog
id="resourceStoreTimesModel"
:title="$t('resourceStoreTimes.title')"
:visible.sync="visible"
width="80%"
:before-close="handleClose"
>
<el-table :data="resourceStoreTimesInfo.timeses" border style="width: 100%">
<el-table-column prop="resCode" :label="$t('resourceStoreTimes.itemCode')" align="center" />
<el-table-column prop="createTime" :label="$t('resourceStoreTimes.inboundTime')" align="center" />
<el-table-column prop="price" :label="$t('resourceStoreTimes.unitPrice')" align="center" />
<el-table-column prop="stock" :label="$t('resourceStoreTimes.stock')" align="center" />
<el-table-column prop="totalPrice" :label="$t('resourceStoreTimes.totalPrice')" align="center" />
</el-table>
<!-- <div style="text-align: right; margin-top: 20px;">
<span>{{ $t('resourceStoreTimes.totalPrice') }}: {{ resourceStoreTimesInfo.totalPrice }}</span>
</div> -->
</el-dialog>
</template>
<script>
import { listResourceStoreTimes } from '@/api/resource/resourceStoreManageApi'
export default {
name: 'ResourceStoreTimes',
data() {
return {
visible: false,
resourceStoreTimesInfo: {
timeses: [],
resCode: '',
totalPrice: 0.0
}
}
},
methods: {
open(resourceStore) {
this.visible = true
this._loadAllResourceStoreTimes(1, 10, resourceStore.resCode, resourceStore.shId)
},
handleClose() {
this.visible = false
this.resourceStoreTimesInfo = {
timeses: [],
resCode: '',
totalPrice: 0.0
}
},
async _loadAllResourceStoreTimes(page, rows, resCode, shId) {
try {
const { data, totalPrice } = await listResourceStoreTimes({
page: page,
row: rows,
resCode: resCode,
shId: shId
})
this.resourceStoreTimesInfo.timeses = data
this.resourceStoreTimesInfo.totalPrice = totalPrice
} catch (error) {
this.$message.error(this.$t('common.fetchError'))
}
}
}
}
</script>
<style scoped>
</style>