mt-qj-wms-ui/src/views/common/ex-warehouse-info.vue
2022-01-04 08:51:40 +08:00

89 lines
2.1 KiB
Vue

<!--
* @Author: zwq
* @Date: 2021-11-17 15:49:18
* @LastEditors: gtz
* @LastEditTime: 2021-12-21 10:23:09
* @Description:
-->
<template>
<el-dialog
title="库位信息"
:visible.sync="visible">
<el-table
:data="dataList"
v-loading="formLoading"
:stripe="true"
:header-cell-style="{background:'#eef1f6',color:'#606266',height: '56px'}"
style="width: 100%;">
<el-table-column
type="index"
header-align="center"
align="center"
label="序号"
width="50">
</el-table-column>
<el-table-column
prop="idenCardNum"
header-align="center"
align="center"
label="标识卡">
</el-table-column>
<el-table-column
prop="customer"
header-align="center"
align="center"
label="客户信息">
</el-table-column>
<el-table-column
prop="quantity"
header-align="center"
align="center"
label="数量">
</el-table-column>
<el-table-column
prop="unit"
header-align="center"
align="center"
label="单位">
</el-table-column>
</el-table>
<span slot="footer" class="dialog-footer">
<el-button @click="visible = false">取消</el-button>
</span>
</el-dialog>
</template>
<script>
export default {
data () {
return {
visible: false,
dataList: [],
formLoading: false
}
},
methods: {
init (id) {
this.visible = true
this.formLoading = true
this.$nextTick(() => {
if (id) {
this.$http({
url: this.$http.adornUrl(`/outStock/get`),
method: 'post',
data: this.$http.adornData({ id })
}).then(({data}) => {
if (data && data.code === 0) {
this.dataList = data.data
} else {
this.$message.error(data.msg)
}
this.formLoading = false
})
}
})
}
}
}
</script>