yudao
/
admin-vue3
mirror of https://gitee.com/yudaocode/yudao-ui-admin-vue3.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

修复采购退货编辑的bug

pull/744/head
没钱 2025-03-18 11:50:40 +08:00
parent ceb71cc300
commit 954543a091
7 changed files with 100 additions and 88 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package-lock.json generated
View File

@ -46,7 +46,7 @@
"nprogress": "^0.2.0",
"pinia": "^2.1.7",
"pinia-plugin-persistedstate": "^3.2.1",
"qrcode": "^1.5.3",
"qrcode": "^1.5.4",
"qs": "^6.12.0",
"sortablejs": "^1.15.3",
"steady-xml": "^0.1.0",

2
package.json
View File

@ -62,7 +62,7 @@
"nprogress": "^0.2.0",
"pinia": "^2.1.7",
"pinia-plugin-persistedstate": "^3.2.1",
"qrcode": "^1.5.3",
"qrcode": "^1.5.4",
"qs": "^6.12.0",
"sortablejs": "^1.15.3",
"steady-xml": "^0.1.0",

4
src/views/erp/purchase/in/components/PurchaseInItemForm.vue
View File

@ -414,7 +414,7 @@ const handleAdd = () => {
}
const queryLocationParams = reactive({
pageNo: 1,
pageSize: 10,
pageSize: 100,
warehouseId: undefined as unknown
})
@ -471,6 +471,6 @@ defineExpose({ validate })
onMounted(async () => {
warehouseList.value = await WarehouseApi.getWarehouseSimpleList()
defaultWarehouse.value = warehouseList.value.find((item) => item.defaultStatus)
locationList.value = onChangeWarehouse({pageNo: 1,pageSize: 10,warehouseId: defaultWarehouse.value?.id})
locationList.value = onChangeWarehouse({pageNo: 1,pageSize: 100,warehouseId: defaultWarehouse.value?.id})
})
</script>

5
src/views/erp/purchase/return/PurchaseReturnForm.vue
View File

@ -242,6 +242,11 @@ const open = async (type: string, id?: number) => {
formLoading.value = true
try {
formData.value = await PurchaseReturnApi.getPurchaseReturn(id)
formData.value.items.forEach((item) => {
if(item.ifQr===0){
item.qrCodeLineCount = item.count
}
})
} finally {
formLoading.value = false
}

35
src/views/erp/purchase/return/components/PurchaseReturnItemForm.vue
View File

@ -14,6 +14,30 @@
</el-select>
</el-form-item>
</template>
</el-table-column>
<el-table-column label="货位" min-width="125">
<template #default="{ row, $index }">
<el-form-item
:prop="`${$index}.warehouseLocationId`"
:rules="formRules.warehouseLocationId"
class="mb-0px!"
>
<el-select
v-model="row.warehouseLocationId"
clearable
filterable
placeholder="请选择货位"
>
<el-option
v-for="item in locationList"
:key="item.id"
:label="item.name"
:value="item.id"
/>
</el-select>
</el-form-item>
</template>
</el-table-column>
<el-table-column label="产品名称" min-width="180">
<template #default="{ row }">
@ -164,6 +188,8 @@ import {
} from '@/utils'
import { WarehouseApi, WarehouseVO } from '@/api/erp/stock/warehouse'
const locationList = ref<WarehouseLocationVO[]>([]) // 仓库列表
const props = defineProps<{
items: undefined
disabled: false
@ -171,6 +197,7 @@ const props = defineProps<{
const formLoading = ref(false) // 表单的加载中
const formData = ref([])
const formRules = reactive({
warehouseLocationId: [{ required: true, message: '货位不能为空', trigger: 'blur' }],
warehouseId: [{ required: true, message: '仓库不能为空', trigger: 'blur' }],
productId: [{ required: true, message: '产品不能为空', trigger: 'blur' }],
count: [{ required: true, message: '产品数量不能为空', trigger: 'blur' }]
@ -195,6 +222,7 @@ const message = useMessage() // 消息弹窗
const qrNeedCount = computed(() => {
return currentRow.value?.count
})
// 监听二维码文本域内容的变化
const onQrCodeChange = () => {
// 检查 qrCode.value 是否为 undefined 或 null
@ -317,7 +345,11 @@ const getSummaries = (param: SummaryMethodProps) => {
return sums
}
const queryLocationParams = reactive({
pageNo: 1,
pageSize: 100,
warehouseId: undefined as unknown
})
//仓库变更，同步变更货位列表
const onChangeWarehouse = async (row: typeof props.items[0]) => {
@ -391,5 +423,6 @@ defineExpose({ validate })
onMounted(async () => {
warehouseList.value = await WarehouseApi.getWarehouseSimpleList()
defaultWarehouse.value = warehouseList.value.find((item) => item.defaultStatus)
locationList.value = onChangeWarehouse({pageNo: 1,pageSize: 100,warehouseId: defaultWarehouse.value?.id})
})
</script>

16
src/views/erp/stock/record/stockrecordqr/index.vue
View File

@ -120,13 +120,16 @@
<ContentWrap>
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
<el-table-column label="编号" align="center" prop="id" />
<el-table-column label="二维码" align="center" prop="qr" min-width="100" />
<el-table-column label="明细编号" align="center" prop="recordId" />
<el-table-column label="产品编号" align="center" prop="productId" />
<el-table-column label="仓库编号" align="center" prop="warehouseId" />
<el-table-column label="货位编号" align="center" prop="warehouseLocationId" />
<el-table-column label="业务类型" align="center" prop="bizType" />
<el-table-column label="业务编号" align="center" prop="bizId" />
<el-table-column label="业务项编号" align="center" prop="bizItemId" />
<el-table-column label="产品名称" align="center" prop="productName" />
<el-table-column label="仓库" align="center" prop="warehouseName" />
<el-table-column label="货位" align="center" prop="warehouseLocationName" />
<el-table-column label="类型" align="center" prop="bizType" min-width="100">
<template #default="scope">
<dict-tag :type="DICT_TYPE.ERP_STOCK_RECORD_BIZ_TYPE" :value="scope.row.bizType" />
</template>
</el-table-column>
<el-table-column label="业务单号" align="center" prop="bizNo" />
<el-table-column
label="创建时间"
@ -170,6 +173,7 @@
</template>
<script setup lang="ts">
import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
import { dateFormatter } from '@/utils/formatTime'
import download from '@/utils/download'
import { StockRecordQrApi, StockRecordQrVO } from '@/api/erp/stock/record/stockrecordqr'

122
src/views/erp/stock/stock/stockqr/index.vue
View File

@ -1,70 +1,36 @@
<template>
<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="二维码" prop="qr">
<el-input
v-model="queryParams.qr"
placeholder="请输入二维码"
clearable
@keyup.enter="handleQuery"
class="!w-240px"
/>
<el-input v-model="queryParams.qr" placeholder="请输入二维码" clearable @keyup.enter="handleQuery" class="!w-240px" />
</el-form-item>
<el-form-item label="产品编号" prop="productId">
<el-select
v-model="queryParams.productId"
placeholder="请选择产品编号"
clearable
class="!w-240px"
>
<el-select v-model="queryParams.productId" placeholder="请选择产品编号" clearable class="!w-240px">
<el-option label="请选择字典生成" value="" />
</el-select>
</el-form-item>
<el-form-item label="仓库编号" prop="warehouseId">
<el-input
v-model="queryParams.warehouseId"
placeholder="请输入仓库编号"
clearable
@keyup.enter="handleQuery"
class="!w-240px"
/>
<el-input v-model="queryParams.warehouseId" placeholder="请输入仓库编号" clearable @keyup.enter="handleQuery"
class="!w-240px" />
</el-form-item>
<el-form-item label="创建时间" prop="createTime">
<el-date-picker
v-model="queryParams.createTime"
value-format="YYYY-MM-DD HH:mm:ss"
type="daterange"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
class="!w-220px"
/>
<el-date-picker v-model="queryParams.createTime" value-format="YYYY-MM-DD HH:mm:ss" type="daterange"
start-placeholder="开始日期" end-placeholder="结束日期"
:default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]" class="!w-220px" />
</el-form-item>
<el-form-item>
<el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
<el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
<el-button
type="primary"
plain
@click="openForm('create')"
v-hasPermi="['erp:stock-qr:create']"
>
<el-button @click="handleQuery">
<Icon icon="ep:search" class="mr-5px" /> 搜索
</el-button>
<el-button @click="resetQuery">
<Icon icon="ep:refresh" class="mr-5px" /> 重置
</el-button>
<el-button type="primary" plain @click="openForm('create')" v-hasPermi="['erp:stock-qr:create']">
<Icon icon="ep:plus" class="mr-5px" /> 新增
</el-button>
<el-button
type="success"
plain
@click="handleExport"
:loading="exportLoading"
v-hasPermi="['erp:stock-qr:export']"
>
<el-button type="success" plain @click="handleExport" :loading="exportLoading"
v-hasPermi="['erp:stock-qr:export']">
<Icon icon="ep:download" class="mr-5px" /> 导出
</el-button>
</el-form-item>
@ -76,44 +42,29 @@
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
<el-table-column label="编号" align="center" prop="id" />
<el-table-column label="二维码" align="center" prop="qr" />
<el-table-column label="二维码图片" align="center" prop="qrImg">
<template #default="scope">
<img :src="scope.row.qrImgUrl" alt="二维码图片" class="w-50px h-50px" />
</template>
</el-table-column>
<el-table-column label="产品名称" align="center" prop="productName" />
<el-table-column label="仓库" align="center" prop="warehouseName" />
<el-table-column label="货位" align="center" prop="warehouseLocationName" />
<el-table-column
label="创建时间"
align="center"
prop="createTime"
:formatter="dateFormatter"
width="180px"
/>
<el-table-column label="创建时间" align="center" prop="createTime" :formatter="dateFormatter" width="180px" />
<el-table-column label="操作" align="center" min-width="120px">
<template #default="scope">
<el-button
link
type="primary"
@click="openForm('update', scope.row.id)"
v-hasPermi="['erp:stock-qr:update']"
>
<el-button link type="primary" @click="openForm('update', scope.row.id)" v-hasPermi="['erp:stock-qr:update']">
编辑
</el-button>
<el-button
link
type="danger"
@click="handleDelete(scope.row.id)"
v-hasPermi="['erp:stock-qr:delete']"
>
<el-button link type="danger" @click="handleDelete(scope.row.id)" v-hasPermi="['erp:stock-qr:delete']">
删除
</el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页 -->
<Pagination
:total="total"
v-model:page="queryParams.pageNo"
v-model:limit="queryParams.pageSize"
@pagination="getList"
/>
<Pagination :total="total" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize"
@pagination="getList" />
</ContentWrap>
<!-- 表单弹窗：添加/修改 -->
@ -125,6 +76,7 @@ import { dateFormatter } from '@/utils/formatTime'
import download from '@/utils/download'
import { StockQrApi, StockQrVO } from '@/api/erp/stock/stock/stockqr'
import StockQrForm from './StockQrForm.vue'
import QRCode from 'qrcode' // 引入 qrcode 库
/** ERP 产品库存二维码 列表 */
defineOptions({ name: 'ErpStockQr' })
@ -146,6 +98,17 @@ const queryParams = reactive({
const queryFormRef = ref() // 搜索的表单
const exportLoading = ref(false) // 导出的加载中
// 生成二维码图片的函数
const generateQrCodeImage = async (qrValue: string): Promise<string> => {
try {
const base64 = await QRCode.toDataURL(qrValue)
return base64
} catch (error) {
console.error('生成二维码失败:', error)
return ''
}
}
/** 查询列表 */
const getList = async () => {
loading.value = true
@ -153,6 +116,13 @@ const getList = async () => {
const data = await StockQrApi.getStockQrPage(queryParams)
list.value = data.list
total.value = data.total
// 遍历列表，为每个元素生成二维码图片
for (const item of list.value) {
if (item.qr) {
const imageUrl = await generateQrCodeImage(item.qr)
item.qrImgUrl = imageUrl // 假设添加一个新的属性 qrImgUrl 来存储图片链接
}
}
} finally {
loading.value = false
}