64 lines
1.9 KiB
Vue
64 lines
1.9 KiB
Vue
<template>
|
||
<ElDialog v-model="showDialog"
|
||
destroy-on-close
|
||
width="fit-content"
|
||
@close="dialogCloseHandler">
|
||
<ElDescriptions title="仓库信息" border>
|
||
<ElDescriptionsItem label="Id" prop="id">
|
||
{{ detailData.id }}
|
||
</ElDescriptionsItem>
|
||
<ElDescriptionsItem label="仓库名称" prop="warehouseName">
|
||
{{ detailData.warehouseName }}
|
||
</ElDescriptionsItem>
|
||
<ElDescriptionsItem label="位置" prop="location">
|
||
{{ detailData.location }}
|
||
</ElDescriptionsItem>
|
||
<ElDescriptionsItem label="创建人 Id； sys_user.id" prop="creatorId">
|
||
{{ detailData.creatorId }}
|
||
</ElDescriptionsItem>
|
||
<ElDescriptionsItem label="修改人 Id；sys_user.id" prop="modifierId">
|
||
{{ detailData.modifierId }}
|
||
</ElDescriptionsItem>
|
||
<ElDescriptionsItem label="创建时间" prop="createTime">
|
||
{{ detailData.createTime }}
|
||
</ElDescriptionsItem>
|
||
<ElDescriptionsItem label="修改时间" prop="modifyTime">
|
||
{{ detailData.modifyTime }}
|
||
</ElDescriptionsItem>
|
||
<ElDescriptionsItem label="是否删除； 0-->未删除、1-->已删除" prop="deleted">
|
||
{{ detailData.deleted }}
|
||
</ElDescriptionsItem>
|
||
</ElDescriptions>
|
||
<template #footer>
|
||
<ElButton @click="showDialog = false" type="primary">关闭</ElButton>
|
||
</template>
|
||
</ElDialog>
|
||
</template>
|
||
|
||
<script lang="ts" setup>
|
||
import WarehouseApi from '@/pages/wh/warehouse/warehouse-api.ts'
|
||
import Utils from '@/common/utils'
|
||
|
||
const showDialog = ref(false)
|
||
|
||
const detailData = Utils.resetAble(reactive<WarehouseTypes.SearchWarehouseResult>({}))
|
||
|
||
function dialogCloseHandler() {
|
||
detailData.$reset()
|
||
}
|
||
|
||
defineExpose({
|
||
open(data: WarehouseTypes.SearchWarehouseResult) {
|
||
showDialog.value = true
|
||
WarehouseApi.detail(data.id!)
|
||
.then(res => {
|
||
detailData.$reset(res.data)
|
||
})
|
||
}
|
||
})
|
||
</script>
|
||
|
||
<style lang="stylus" scoped>
|
||
|
||
</style>
|