feat: 消费记录表单优化

1. ConsumptionDetailDialog: 商品名称/编码为空时显示占位符
2. ConsumptionForm: 服刑人员姓名和罪犯编号设为只读不可修改
This commit is contained in:
tangweijie 2026-02-02 17:45:55 +08:00
parent 08917db45b
commit ec0ff8dc90
2 changed files with 15 additions and 5 deletions

View File

@ -1,8 +1,16 @@
<template>
<Dialog title="消费明细" v-model="dialogVisible" width="600px">
<el-table :data="detailList" v-loading="loading">
<el-table-column label="商品名称" prop="goodsName" align="center" />
<el-table-column label="商品编码" prop="goodsCode" align="center" width="120" />
<el-table-column label="商品名称" prop="goodsName" align="center">
<template #default="{ row }">
{{ row.goodsName || '-' }}
</template>
</el-table-column>
<el-table-column label="商品编码" prop="goodsCode" align="center" width="120">
<template #default="{ row }">
{{ row.goodsCode || '-' }}
</template>
</el-table-column>
<el-table-column label="单价" prop="goodsPrice" align="center" width="100">
<template #default="{ row }">
¥{{ row.goodsPrice?.toFixed(2) }}

View File

@ -9,13 +9,13 @@
>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="罪犯ID" prop="prisonerId">
<el-input v-model="formData.prisonerId" placeholder="请输入罪犯ID" />
<el-form-item label="服刑人员">
<el-input v-model="formData.prisonerName" placeholder="服刑人员姓名" disabled />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="罪犯编号" prop="prisonerNo">
<el-input v-model="formData.prisonerNo" placeholder="请输入罪犯编号" />
<el-input v-model="formData.prisonerNo" placeholder="罪犯编号" disabled />
</el-form-item>
</el-col>
<el-col :span="8">
@ -135,6 +135,7 @@ const formType = ref('')
const formData = ref({
id: undefined,
prisonerId: undefined,
prisonerName: undefined,
prisonerNo: undefined,
orderNo: undefined,
type: undefined,
@ -228,6 +229,7 @@ const resetForm = () => {
formData.value = {
id: undefined,
prisonerId: undefined,
prisonerName: undefined,
prisonerNo: undefined,
orderNo: undefined,
type: undefined,