feat:模具出库/模具入库-新增/编辑-清单重构成模具组/子模具

main
黄伟杰 2 weeks ago
parent 62ca6a1b45
commit eb64e35f92

@ -3,14 +3,14 @@
<div class="device-ledger-right"> <div class="device-ledger-right">
<ContentWrap> <ContentWrap>
<el-form class="-mb-15px" :model="queryParams" ref="queryFormRef" :inline="true" label-width="68px"> <el-form class="-mb-15px" :model="queryParams" ref="queryFormRef" :inline="true" label-width="68px">
<el-form-item :label="t('MoldManagement.Mold.code')" prop="code"> <el-form-item :label="t('MoldManagement.MoldBrandPage.code')" prop="code">
<el-input <el-input
v-model="queryParams.code" :placeholder="t('MoldManagement.Mold.code')" clearable @keyup.enter="handleQuery" v-model="queryParams.code" :placeholder="t('MoldManagement.MoldBrandPage.code')" clearable @keyup.enter="handleQuery"
class="!w-240px" /> class="!w-240px" />
</el-form-item> </el-form-item>
<el-form-item :label="t('MoldManagement.Mold.name')" prop="name"> <el-form-item :label="t('MoldManagement.MoldBrandPage.name')" prop="name">
<el-input <el-input
v-model="queryParams.name" :placeholder="t('MoldManagement.Mold.name')" clearable @keyup.enter="handleQuery" v-model="queryParams.name" :placeholder="t('MoldManagement.MoldBrandPage.name')" clearable @keyup.enter="handleQuery"
class="!w-240px" /> class="!w-240px" />
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
@ -24,25 +24,59 @@ v-model="queryParams.name" :placeholder="t('MoldManagement.Mold.name')" clearabl
</el-form> </el-form>
</ContentWrap> </ContentWrap>
<ContentWrap> <ContentWrap>
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" @selection-change="handleSelectionChange" ref="tableRef" :row-key="row => row.id"> <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true"
<el-table-column width="30" type="selection" /> @selection-change="handleSelectionChange" ref="tableRef" :row-key="row => row.id"
<el-table-column :label="t('MoldManagement.Mold.code')" align="center" prop="code" sortable /> @expand-change="handleExpandChange">
<el-table-column :label="t('MoldManagement.Mold.name')" align="left" prop="name" sortable /> <el-table-column width="30" type="selection" />
<el-table-column :label="t('MoldManagement.Mold.useTime')" align="center" prop="useTime" sortable /> <el-table-column type="expand">
<el-table-column :label="t('MoldManagement.Mold.status')" align="center" prop="status" sortable> <template #default="scope">
<template #default="scope"> <div style="padding: 0 48px">
<dict-tag :type="DICT_TYPE.ERP_MOLD_STATUS" :value="scope.row.status" /> <el-table v-loading="expandLoadingMap[scope.row.id]" :data="expandDataMap[scope.row.id] || []"
</template> :stripe="true" :show-overflow-tooltip="true" size="small">
</el-table-column> <el-table-column :label="t('MoldManagement.MoldListPage.subMoldName')" prop="name" min-width="160" />
<el-table-column :label="t('MoldManagement.Mold.machineName')" align="center" prop="machineName" sortable /> <el-table-column :label="t('MoldManagement.MoldListPage.type')" min-width="120">
<el-table-column :label="t('MoldManagement.Mold.remark')" align="center" prop="remark" /> <template #default="subScope">
<el-table-column :label="t('MoldManagement.Mold.isEnable')" align="center" prop="isEnable"> <dict-tag :type="DICT_TYPE.SUBMOLD_TYPE" :value="subScope.row.type" />
<template #default="scope"> </template>
<dict-tag :type="DICT_TYPE.INFRA_BOOLEAN_STRING" :value="scope.row.isEnable" /> </el-table-column>
</template> <el-table-column :label="t('MoldManagement.MoldListPage.installLocation')" min-width="140">
</el-table-column> <template #default="subScope">
<el-table-column :label="t('MoldManagement.Mold.createTime')" align="center" prop="createTime" :formatter="dateFormatter" width="180px" sortable /> {{ subScope.row.installLocation || subScope.row.installPosition || subScope.row.currentPosition || subScope.row.machineName || '-' }}
</el-table> </template>
</el-table-column>
<el-table-column :label="t('MoldManagement.MoldListPage.material')" min-width="120">
<template #default="subScope">
{{ subScope.row.material || '-' }}
</template>
</el-table-column>
<el-table-column :label="t('MoldManagement.MoldListPage.quantity')" width="90" align="center">
<template #default="subScope">
{{ subScope.row.quantity || subScope.row.count || 1 }}
</template>
</el-table-column>
</el-table>
</div>
</template>
</el-table-column>
<el-table-column :label="t('MoldManagement.MoldBrandPage.code')" prop="code" min-width="150" sortable />
<el-table-column :label="t('MoldManagement.MoldBrandPage.name')" prop="name" min-width="160" sortable />
<el-table-column :label="t('MoldManagement.MoldBrandPage.productName')" prop="productName" min-width="140" />
<el-table-column :label="t('MoldManagement.MoldBrandPage.version')" prop="version" width="100" />
<el-table-column :label="t('MoldManagement.MoldBrandPage.status')" prop="status" width="100" align="center">
<template #default="scope">
<dict-tag :type="DICT_TYPE.ERP_MOLD_STATUS" :value="scope.row.status" />
</template>
</el-table-column>
<el-table-column :label="t('MoldManagement.MoldBrandPage.currentDevice')" min-width="140">
<template #default="scope">
{{ scope.row.deviceName }}
</template>
</el-table-column>
<el-table-column :label="t('MoldManagement.MoldBrandPage.moldSize')" prop="moldSize" width="90"
align="center" />
<el-table-column :label="t('MoldManagement.MoldBrandPage.childMoldCount')" prop="childMoldCount" width="90"
align="center" />
</el-table>
<Pagination <Pagination
:total="total" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize" :total="total" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize"
@pagination="getList" /> @pagination="getList" />
@ -64,8 +98,7 @@ v-model="queryParams.name" :placeholder="t('MoldManagement.Mold.name')" clearabl
<script setup lang="ts"> <script setup lang="ts">
import { DICT_TYPE } from '@/utils/dict' import { DICT_TYPE } from '@/utils/dict'
import { dateFormatter } from '@/utils/formatTime' import { MoldBrandApi, MoldBrandVO } from '@/api/erp/mold'
import { MoldBrandApi, MoldVO } from '@/api/erp/mold'
import { useDictStoreWithOut } from '@/store/modules/dict' import { useDictStoreWithOut } from '@/store/modules/dict'
const props = defineProps<{ const props = defineProps<{
@ -77,37 +110,37 @@ const message = useMessage() // 消息弹窗
const { t } = useI18n() // const { t } = useI18n() //
const loading = ref(false) // const loading = ref(false) //
const list = ref<MoldVO[]>([]) // const list = ref<MoldBrandVO[]>([]) //
const total = ref(0) // const total = ref(0) //
const queryParams = reactive({ const queryParams = reactive({
pageNo: 1, pageNo: 1,
pageSize: 10, pageSize: 10,
code: undefined, code: undefined,
name: undefined, name: undefined,
brand: undefined,
}) })
const queryFormRef = ref() // const queryFormRef = ref() //
const dictStore = useDictStoreWithOut() const dictStore = useDictStoreWithOut()
const dictReady = ref(false) const dictReady = ref(false)
//
const expandLoadingMap = ref<Record<number, boolean>>({})
const expandDataMap = ref<Record<number, any[]>>({})
/** 查询列表 */ /** 查询列表 */
const getList = async () => { const getList = async () => {
loading.value = true loading.value = true
ignoreSelectionChange.value = true ignoreSelectionChange.value = true
try { try {
const data = await MoldBrandApi.getMoldPage({ const data = await MoldBrandApi.getMoldBrandPage({
pageNo: queryParams.pageNo, pageNo: queryParams.pageNo,
pageSize: queryParams.pageSize, pageSize: queryParams.pageSize,
code: queryParams.code, code: queryParams.code,
name: queryParams.name, name: queryParams.name,
brandId: queryParams.brand,
statuss: [1]
}) })
list.value = data.list const pageResult = data?.pageResult ?? data ?? {}
total.value = data.total list.value = pageResult.list ?? []
total.value = pageResult.total ?? 0
} finally { } finally {
loading.value = false loading.value = false
await nextTick() await nextTick()
@ -115,6 +148,30 @@ const getList = async () => {
} }
} }
/** 展开行 - 加载子模具列表 */
const handleExpandChange = async (row: MoldBrandVO, expandedRows: MoldBrandVO[]) => {
if (!expandedRows.some((r) => r.id === row.id)) {
//
delete expandDataMap.value[row.id]
return
}
if (expandDataMap.value[row.id]) {
//
return
}
expandLoadingMap.value[row.id] = true
try {
const data = await MoldBrandApi.getMoldPage({
pageNo: 1,
pageSize: 100,
brandId: row.id,
})
expandDataMap.value[row.id] = data.list || []
} finally {
expandLoadingMap.value[row.id] = false
}
}
/** 搜索按钮操作 */ /** 搜索按钮操作 */
const handleQuery = () => { const handleQuery = () => {
queryParams.pageNo = 1 queryParams.pageNo = 1
@ -196,7 +253,7 @@ const validate = async (): Promise<boolean> => {
return false return false
} }
} }
defineExpose({ validate,selectedRows: selectedRows }) defineExpose({ validate, selectedRows: selectedRows })
/** 初始化 **/ /** 初始化 **/
onMounted(async () => { onMounted(async () => {
@ -204,7 +261,6 @@ onMounted(async () => {
dictReady.value = true dictReady.value = true
getList() getList()
}) })
</script> </script>
<style scoped> <style scoped>
@ -213,146 +269,8 @@ onMounted(async () => {
gap: 12px; gap: 12px;
} }
.device-ledger-left {
width: 280px;
flex: 0 0 auto;
}
.device-ledger-right { .device-ledger-right {
flex: 1; flex: 1;
min-width: 0; min-width: 0;
} }
.device-ledger-detail-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
}
.device-ledger-detail-title {
font-size: 14px;
font-weight: 600;
}
.device-ledger-history-steps {
padding: 8px 8px 0;
}
.device-ledger-history-title {
display: flex;
align-items: center;
gap: 10px;
font-size: 13px;
}
.device-ledger-history-time {
font-weight: 600;
}
.device-ledger-history-operator {
color: var(--el-text-color-secondary);
}
.device-ledger-tab-toolbar {
margin-bottom: 8px;
text-align: right;
}
.device-ledger-history-items {
display: flex;
flex-direction: column;
gap: 6px;
margin-top: 8px;
}
.device-ledger-history-item {
display: flex;
padding: 10px;
background: var(--el-fill-color-blank);
border: 1px solid var(--el-border-color-lighter);
border-radius: 8px;
flex-direction: column;
gap: 8px;
}
.device-ledger-history-item-head {
display: flex;
align-items: center;
gap: 10px;
}
.device-ledger-history-item-body {
display: flex;
flex-direction: column;
gap: 6px;
width: 100%;
}
.device-ledger-history-item-row {
display: flex;
gap: 10px;
}
.device-ledger-history-item-label {
width: 70px;
flex: 0 0 70px;
color: var(--el-text-color-secondary);
}
.device-ledger-history-item-value {
flex: 1;
color: var(--el-text-color-regular);
word-break: break-word;
}
.device-ledger-history-item-images {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 4px;
}
.device-ledger-history-item-image {
width: 76px;
height: 76px;
overflow: hidden;
border-radius: 6px;
}
.device-ledger-history-image-error {
display: flex;
width: 100%;
height: 100%;
font-size: 12px;
color: var(--el-text-color-secondary);
background: var(--el-fill-color);
align-items: center;
justify-content: center;
}
.device-ledger-repair-collapse {
padding: 8px 8px 0;
}
.device-ledger-repair-title {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.device-ledger-repair-name {
font-weight: 600;
color: var(--el-text-color-primary);
}
.device-ledger-repair-meta {
font-size: 12px;
color: var(--el-text-color-secondary);
}
.device-ledger-history-item-text {
color: var(--el-text-color-regular);
}
</style> </style>

@ -409,7 +409,7 @@ onMounted(async () => {
await getList() await getList()
// //
// productList.value = await ProductApi.getProductSimpleList() // productList.value = await ProductApi.getProductSimpleList()
moldList.value = await MoldBrandApi.getMoldAllList() moldList.value = await MoldBrandApi.getBrandList()
warehouseList.value = await WarehouseApi.getWarehouseSimpleList() warehouseList.value = await WarehouseApi.getWarehouseSimpleList()
customerList.value = await CustomerApi.getCustomerSimpleList() customerList.value = await CustomerApi.getCustomerSimpleList()
userList.value = await UserApi.getSimpleUserList() userList.value = await UserApi.getSimpleUserList()

@ -3,14 +3,14 @@
<div class="device-ledger-right"> <div class="device-ledger-right">
<ContentWrap> <ContentWrap>
<el-form class="-mb-15px" :model="queryParams" ref="queryFormRef" :inline="true" label-width="68px"> <el-form class="-mb-15px" :model="queryParams" ref="queryFormRef" :inline="true" label-width="68px">
<el-form-item :label="t('MoldManagement.Mold.code')" prop="code"> <el-form-item :label="t('MoldManagement.MoldBrandPage.code')" prop="code">
<el-input <el-input
v-model="queryParams.code" :placeholder="t('MoldManagement.Mold.code')" clearable @keyup.enter="handleQuery" v-model="queryParams.code" :placeholder="t('MoldManagement.MoldBrandPage.code')" clearable @keyup.enter="handleQuery"
class="!w-240px" /> class="!w-240px" />
</el-form-item> </el-form-item>
<el-form-item :label="t('MoldManagement.Mold.name')" prop="name"> <el-form-item :label="t('MoldManagement.MoldBrandPage.name')" prop="name">
<el-input <el-input
v-model="queryParams.name" :placeholder="t('MoldManagement.Mold.name')" clearable @keyup.enter="handleQuery" v-model="queryParams.name" :placeholder="t('MoldManagement.MoldBrandPage.name')" clearable @keyup.enter="handleQuery"
class="!w-240px" /> class="!w-240px" />
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
@ -24,25 +24,59 @@ v-model="queryParams.name" :placeholder="t('MoldManagement.Mold.name')" clearabl
</el-form> </el-form>
</ContentWrap> </ContentWrap>
<ContentWrap> <ContentWrap>
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" @selection-change="handleSelectionChange" ref="tableRef" :row-key="row => row.id"> <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true"
<el-table-column width="30" type="selection" /> @selection-change="handleSelectionChange" ref="tableRef" :row-key="row => row.id"
<el-table-column :label="t('MoldManagement.Mold.code')" align="center" prop="code" sortable /> @expand-change="handleExpandChange">
<el-table-column :label="t('MoldManagement.Mold.name')" align="left" prop="name" sortable /> <el-table-column width="30" type="selection" />
<el-table-column :label="t('MoldManagement.Mold.useTime')" align="center" prop="useTime" sortable /> <el-table-column type="expand">
<el-table-column :label="t('MoldManagement.Mold.status')" align="center" prop="status" sortable> <template #default="scope">
<template #default="scope"> <div style="padding: 0 48px">
<dict-tag :type="DICT_TYPE.ERP_MOLD_STATUS" :value="scope.row.status" /> <el-table v-loading="expandLoadingMap[scope.row.id]" :data="expandDataMap[scope.row.id] || []"
</template> :stripe="true" :show-overflow-tooltip="true" size="small">
</el-table-column> <el-table-column :label="t('MoldManagement.MoldListPage.subMoldName')" prop="name" min-width="160" />
<el-table-column :label="t('MoldManagement.Mold.machineName')" align="center" prop="machineName" sortable /> <el-table-column :label="t('MoldManagement.MoldListPage.type')" min-width="120">
<el-table-column :label="t('MoldManagement.Mold.remark')" align="center" prop="remark" /> <template #default="subScope">
<el-table-column :label="t('MoldManagement.Mold.isEnable')" align="center" prop="isEnable"> <dict-tag :type="DICT_TYPE.SUBMOLD_TYPE" :value="subScope.row.type" />
<template #default="scope"> </template>
<dict-tag :type="DICT_TYPE.INFRA_BOOLEAN_STRING" :value="scope.row.isEnable" /> </el-table-column>
</template> <el-table-column :label="t('MoldManagement.MoldListPage.installLocation')" min-width="140">
</el-table-column> <template #default="subScope">
<el-table-column :label="t('MoldManagement.Mold.createTime')" align="center" prop="createTime" :formatter="dateFormatter" width="180px" sortable /> {{ subScope.row.installLocation || subScope.row.installPosition || subScope.row.currentPosition || subScope.row.machineName || '-' }}
</el-table> </template>
</el-table-column>
<el-table-column :label="t('MoldManagement.MoldListPage.material')" min-width="120">
<template #default="subScope">
{{ subScope.row.material || '-' }}
</template>
</el-table-column>
<el-table-column :label="t('MoldManagement.MoldListPage.quantity')" width="90" align="center">
<template #default="subScope">
{{ subScope.row.quantity || subScope.row.count || 1 }}
</template>
</el-table-column>
</el-table>
</div>
</template>
</el-table-column>
<el-table-column :label="t('MoldManagement.MoldBrandPage.code')" prop="code" min-width="150" sortable />
<el-table-column :label="t('MoldManagement.MoldBrandPage.name')" prop="name" min-width="160" sortable />
<el-table-column :label="t('MoldManagement.MoldBrandPage.productName')" prop="productName" min-width="140" />
<el-table-column :label="t('MoldManagement.MoldBrandPage.version')" prop="version" width="100" />
<el-table-column :label="t('MoldManagement.MoldBrandPage.status')" prop="status" width="100" align="center">
<template #default="scope">
<dict-tag :type="DICT_TYPE.ERP_MOLD_STATUS" :value="scope.row.status" />
</template>
</el-table-column>
<el-table-column :label="t('MoldManagement.MoldBrandPage.currentDevice')" min-width="140">
<template #default="scope">
{{ scope.row.deviceName }}
</template>
</el-table-column>
<el-table-column :label="t('MoldManagement.MoldBrandPage.moldSize')" prop="moldSize" width="90"
align="center" />
<el-table-column :label="t('MoldManagement.MoldBrandPage.childMoldCount')" prop="childMoldCount" width="90"
align="center" />
</el-table>
<Pagination <Pagination
:total="total" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize" :total="total" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize"
@pagination="getList" /> @pagination="getList" />
@ -64,8 +98,7 @@ v-model="queryParams.name" :placeholder="t('MoldManagement.Mold.name')" clearabl
<script setup lang="ts"> <script setup lang="ts">
import { DICT_TYPE } from '@/utils/dict' import { DICT_TYPE } from '@/utils/dict'
import { dateFormatter } from '@/utils/formatTime' import { MoldBrandApi, MoldBrandVO } from '@/api/erp/mold'
import { MoldBrandApi, MoldVO } from '@/api/erp/mold'
import { useDictStoreWithOut } from '@/store/modules/dict' import { useDictStoreWithOut } from '@/store/modules/dict'
@ -78,37 +111,37 @@ const message = useMessage() // 消息弹窗
const { t } = useI18n() // const { t } = useI18n() //
const loading = ref(false) // const loading = ref(false) //
const list = ref<MoldVO[]>([]) // const list = ref<MoldBrandVO[]>([]) //
const total = ref(0) // const total = ref(0) //
const queryParams = reactive({ const queryParams = reactive({
pageNo: 1, pageNo: 1,
pageSize: 10, pageSize: 10,
code: undefined, code: undefined,
name: undefined, name: undefined,
brand: undefined,
}) })
const queryFormRef = ref() // const queryFormRef = ref() //
const dictStore = useDictStoreWithOut() const dictStore = useDictStoreWithOut()
const dictReady = ref(false) const dictReady = ref(false)
//
const expandLoadingMap = ref<Record<number, boolean>>({})
const expandDataMap = ref<Record<number, any[]>>({})
/** 查询列表 */ /** 查询列表 */
const getList = async () => { const getList = async () => {
loading.value = true loading.value = true
ignoreSelectionChange.value = true ignoreSelectionChange.value = true
try { try {
const data = await MoldBrandApi.getMoldPage({ const data = await MoldBrandApi.getMoldBrandPage({
pageNo: queryParams.pageNo, pageNo: queryParams.pageNo,
pageSize: queryParams.pageSize, pageSize: queryParams.pageSize,
code: queryParams.code, code: queryParams.code,
name: queryParams.name, name: queryParams.name,
brandId: queryParams.brand,
statuss: [3,0]
}) })
list.value = data.list const pageResult = data?.pageResult ?? data ?? {}
total.value = data.total list.value = pageResult.list ?? []
total.value = pageResult.total ?? 0
} finally { } finally {
loading.value = false loading.value = false
await nextTick() await nextTick()
@ -116,6 +149,30 @@ const getList = async () => {
} }
} }
/** 展开行 - 加载子模具列表 */
const handleExpandChange = async (row: MoldBrandVO, expandedRows: MoldBrandVO[]) => {
if (!expandedRows.some((r) => r.id === row.id)) {
//
delete expandDataMap.value[row.id]
return
}
if (expandDataMap.value[row.id]) {
//
return
}
expandLoadingMap.value[row.id] = true
try {
const data = await MoldBrandApi.getMoldPage({
pageNo: 1,
pageSize: 100,
brandId: row.id,
})
expandDataMap.value[row.id] = data.list || []
} finally {
expandLoadingMap.value[row.id] = false
}
}
/** 搜索按钮操作 */ /** 搜索按钮操作 */
const handleQuery = () => { const handleQuery = () => {
queryParams.pageNo = 1 queryParams.pageNo = 1
@ -197,7 +254,7 @@ const validate = async (): Promise<boolean> => {
return false return false
} }
} }
defineExpose({ validate,selectedRows: selectedRows }) defineExpose({ validate, selectedRows: selectedRows })
/** 初始化 **/ /** 初始化 **/
onMounted(async () => { onMounted(async () => {
@ -205,7 +262,6 @@ onMounted(async () => {
dictReady.value = true dictReady.value = true
getList() getList()
}) })
</script> </script>
<style scoped> <style scoped>
@ -214,146 +270,8 @@ onMounted(async () => {
gap: 12px; gap: 12px;
} }
.device-ledger-left {
width: 280px;
flex: 0 0 auto;
}
.device-ledger-right { .device-ledger-right {
flex: 1; flex: 1;
min-width: 0; min-width: 0;
} }
.device-ledger-detail-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
}
.device-ledger-detail-title {
font-size: 14px;
font-weight: 600;
}
.device-ledger-history-steps {
padding: 8px 8px 0;
}
.device-ledger-history-title {
display: flex;
align-items: center;
gap: 10px;
font-size: 13px;
}
.device-ledger-history-time {
font-weight: 600;
}
.device-ledger-history-operator {
color: var(--el-text-color-secondary);
}
.device-ledger-tab-toolbar {
margin-bottom: 8px;
text-align: right;
}
.device-ledger-history-items {
display: flex;
flex-direction: column;
gap: 6px;
margin-top: 8px;
}
.device-ledger-history-item {
display: flex;
padding: 10px;
background: var(--el-fill-color-blank);
border: 1px solid var(--el-border-color-lighter);
border-radius: 8px;
flex-direction: column;
gap: 8px;
}
.device-ledger-history-item-head {
display: flex;
align-items: center;
gap: 10px;
}
.device-ledger-history-item-body {
display: flex;
flex-direction: column;
gap: 6px;
width: 100%;
}
.device-ledger-history-item-row {
display: flex;
gap: 10px;
}
.device-ledger-history-item-label {
width: 70px;
flex: 0 0 70px;
color: var(--el-text-color-secondary);
}
.device-ledger-history-item-value {
flex: 1;
color: var(--el-text-color-regular);
word-break: break-word;
}
.device-ledger-history-item-images {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 4px;
}
.device-ledger-history-item-image {
width: 76px;
height: 76px;
overflow: hidden;
border-radius: 6px;
}
.device-ledger-history-image-error {
display: flex;
width: 100%;
height: 100%;
font-size: 12px;
color: var(--el-text-color-secondary);
background: var(--el-fill-color);
align-items: center;
justify-content: center;
}
.device-ledger-repair-collapse {
padding: 8px 8px 0;
}
.device-ledger-repair-title {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.device-ledger-repair-name {
font-weight: 600;
color: var(--el-text-color-primary);
}
.device-ledger-repair-meta {
font-size: 12px;
color: var(--el-text-color-secondary);
}
.device-ledger-history-item-text {
color: var(--el-text-color-regular);
}
</style> </style>

@ -405,7 +405,7 @@ onMounted(async () => {
await getList() await getList()
// //
// productList.value = await ProductApi.getProductSimpleList() // productList.value = await ProductApi.getProductSimpleList()
moldList.value = await MoldBrandApi.getMoldAllList() moldList.value = await MoldBrandApi.getBrandList()
warehouseList.value = await WarehouseApi.getWarehouseSimpleList() warehouseList.value = await WarehouseApi.getWarehouseSimpleList()
customerList.value = await CustomerApi.getCustomerSimpleList() customerList.value = await CustomerApi.getCustomerSimpleList()
userList.value = await UserApi.getSimpleUserList() userList.value = await UserApi.getSimpleUserList()

Loading…
Cancel
Save