|
|
@ -1,10 +1,12 @@ |
|
|
|
<template> |
|
|
|
<el-drawer v-model="isShowDrawer" title="详情" direction="rtl" size="80%" v-loading="detailLoading" > |
|
|
|
<div class="custom-class"> |
|
|
|
<ContentWrap> |
|
|
|
<template #header> |
|
|
|
<div class="font-size-18px"> |
|
|
|
{{ detailData.code }} <span class="ml-20px font-size-16px">{{ detailData.name }}</span> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<ContentWrap> |
|
|
|
<Descriptions :data="detailData" labelClassName="label-class-name" label-align="left" direction="vertical" :column="8" :schema="ItemBasic.allSchemas.detailSchema" :columns="2" width="200px"/> |
|
|
|
</ContentWrap> |
|
|
|
<Tabs :tabsList="tabsList" :current="current" @change="change" /> |
|
|
|
<div class="flex" v-if="current == 0"> |
|
|
@ -24,12 +26,15 @@ |
|
|
|
<ImportForm ref="importFormRef" :importTemplateData="importTemplateData" @success="importSuccess" /> |
|
|
|
</div> |
|
|
|
<ContentWrap v-else> |
|
|
|
<Table :columns="ItemBasic.allSchemas.tableColumns" :data="tableObject.tableList" :loading="tableObject.loading" |
|
|
|
:pagination="{ |
|
|
|
total: tableObject.total |
|
|
|
}" v-model:pageSize="tableObject.pageSize" v-model:currentPage="tableObject.currentPage" /> |
|
|
|
<Table |
|
|
|
:columns="ItemBasic.allSchemas.tableColumns" |
|
|
|
:data="tableObject.tableList" |
|
|
|
:loading="tableObject.loading" |
|
|
|
:pagination="{total: tableObject.total}" |
|
|
|
v-model:pageSize="tableObject.pageSize" |
|
|
|
v-model:currentPage="tableObject.currentPage" |
|
|
|
/> |
|
|
|
</ContentWrap> |
|
|
|
</div> |
|
|
|
</el-drawer> |
|
|
|
</template> |
|
|
|
|
|
|
@ -42,11 +47,8 @@ import ChangeRecord from '@/components/ChangeRecord/src/ChangeRecord.vue' |
|
|
|
import Tabs from '@/components/Tabs/src/Tabs.vue' |
|
|
|
import { ItemBasic } from '@/utils/disposition/tableColumns.ts' |
|
|
|
import { ItemBasicTabsList } from '@/utils/disposition/tabsList.ts' |
|
|
|
import { getItembasic } from '@/api/wms/itembasic' |
|
|
|
import * as ItembasicApi from '@/api/wms/itembasic' |
|
|
|
|
|
|
|
import * as UserApi from '@/api/system/user' |
|
|
|
|
|
|
|
const isShowDrawer = ref(false) |
|
|
|
|
|
|
|
const tabsList = ref(JSON.parse(JSON.stringify(ItemBasicTabsList))) |
|
|
@ -177,10 +179,14 @@ const openDetail = async (id?: number) => { |
|
|
|
} |
|
|
|
defineExpose({ openDetail }) // 提供 open 方法,用于打开弹窗 |
|
|
|
</script> |
|
|
|
<style scoped lang="scss"> |
|
|
|
.custom-class{ |
|
|
|
<style lang="scss"> |
|
|
|
.el-drawer__body{ |
|
|
|
background: #f5f5f5!important; |
|
|
|
margin: -20px; |
|
|
|
padding: 20px; |
|
|
|
} |
|
|
|
::v-deep(.label-class-name){ |
|
|
|
color: #dedede; |
|
|
|
} |
|
|
|
</style> |
|
|
|
<style scoped lang="scss"> |
|
|
|
|
|
|
|
</style> |
|
|
|