refactor(物料分类): 优化界面显示和表单默认值

- 将状态选项"禁用"改为"停用"以保持一致性
- 移除父级分类编码、层级、创建时间和更新时间等非必要字段
- 设置表单状态默认值为'1'(启用)
- 调整描述字段位置
- 初始化状态选项列表
This commit is contained in:
Tom
2025-12-30 11:11:47 +08:00
parent 81c9afa351
commit 8b04307682

View File

@@ -13,7 +13,7 @@
<el-form-item label="状态" prop="status"> <el-form-item label="状态" prop="status">
<el-select v-model="queryParams.status" placeholder="请选择"> <el-select v-model="queryParams.status" placeholder="请选择">
<el-option label="启用" value="启用"> </el-option> <el-option label="启用" value="启用"> </el-option>
<el-option label="用" value="用"> </el-option> <el-option label="用" value="用"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
@@ -43,16 +43,16 @@
<el-table-column prop="id" label="主键ID" align="center" v-if="columns.showColumn('id')" /> <el-table-column prop="id" label="主键ID" align="center" v-if="columns.showColumn('id')" />
<el-table-column prop="categoryCode" label="分类编码" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('categoryCode')" /> <el-table-column prop="categoryCode" label="分类编码" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('categoryCode')" />
<el-table-column prop="categoryName" label="分类名称" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('categoryName')" /> <el-table-column prop="categoryName" label="分类名称" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('categoryName')" />
<el-table-column prop="parentCode" label="父级分类编码" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('parentCode')" /> <!-- <el-table-column prop="parentCode" label="父级分类编码" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('parentCode')" /> -->
<el-table-column prop="levelNo" label="层级" align="center" v-if="columns.showColumn('levelNo')" /> <!-- <el-table-column prop="levelNo" label="层级" align="center" v-if="columns.showColumn('levelNo')" /> -->
<el-table-column prop="description" label="描述" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('description')" /> <el-table-column prop="description" label="描述" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('description')" />
<el-table-column prop="status" label="状态(0/1)" align="center" v-if="columns.showColumn('status')"> <el-table-column prop="status" label="状态(0/1)" align="center" v-if="columns.showColumn('status')">
<template #default="scope"> <template #default="scope">
<dict-tag :options="options.statusOptions" :value="scope.row.status" /> <dict-tag :options="options.statusOptions" :value="scope.row.status" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="createdTime" label="创建时间" :show-overflow-tooltip="true" v-if="columns.showColumn('createdTime')" /> <!-- <el-table-column prop="createdTime" label="创建时间" :show-overflow-tooltip="true" v-if="columns.showColumn('createdTime')" /> -->
<el-table-column prop="updatedTime" label="更新时间" :show-overflow-tooltip="true" v-if="columns.showColumn('updatedTime')" /> <!-- <el-table-column prop="updatedTime" label="更新时间" :show-overflow-tooltip="true" v-if="columns.showColumn('updatedTime')" /> -->
<el-table-column label="操作" width="160"> <el-table-column label="操作" width="160">
<template #default="scope"> <template #default="scope">
<el-button <el-button
@@ -95,23 +95,17 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :lg="12"> <!-- <el-col :lg="12">
<el-form-item label="父级分类编码" prop="parentCode"> <el-form-item label="父级分类编码" prop="parentCode">
<el-input v-model="form.parentCode" placeholder="请输入父级分类编码" /> <el-input v-model="form.parentCode" placeholder="请输入父级分类编码" />
</el-form-item> </el-form-item>
</el-col> </el-col> -->
<el-col :lg="12"> <!-- <el-col :lg="12">
<el-form-item label="层级" prop="levelNo"> <el-form-item label="层级" prop="levelNo">
<el-input v-model.number="form.levelNo" placeholder="请输入层级" /> <el-input v-model.number="form.levelNo" placeholder="请输入层级" />
</el-form-item> </el-form-item>
</el-col> </el-col> -->
<el-col :lg="12">
<el-form-item label="描述" prop="description">
<el-input v-model="form.description" placeholder="请输入描述" />
</el-form-item>
</el-col>
<el-col :lg="12"> <el-col :lg="12">
<el-form-item label="状态(0/1)" prop="status"> <el-form-item label="状态(0/1)" prop="status">
@@ -122,20 +116,26 @@
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :lg="12"> <el-col :lg="12">
<el-form-item label="描述" prop="description">
<el-input v-model="form.description" placeholder="请输入描述" />
</el-form-item>
</el-col>
<!-- <el-col :lg="12">
<el-form-item label="创建时间" prop="createdTime"> <el-form-item label="创建时间" prop="createdTime">
<el-date-picker v-model="form.createdTime" type="datetime" placeholder="选择日期时间" value-format="YYYY-MM-DD HH:mm:ss"> <el-date-picker v-model="form.createdTime" type="datetime" placeholder="选择日期时间" value-format="YYYY-MM-DD HH:mm:ss">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col> -->
<el-col :lg="12"> <!-- <el-col :lg="12">
<el-form-item label="更新时间" prop="updatedTime"> <el-form-item label="更新时间" prop="updatedTime">
<el-date-picker v-model="form.updatedTime" type="datetime" placeholder="选择日期时间" value-format="YYYY-MM-DD HH:mm:ss"> <el-date-picker v-model="form.updatedTime" type="datetime" placeholder="选择日期时间" value-format="YYYY-MM-DD HH:mm:ss">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col> -->
</el-row> </el-row>
</el-form> </el-form>
<template #footer v-if="opertype != 3"> <template #footer v-if="opertype != 3">
@@ -231,14 +231,25 @@ const open = ref(false)
const state = reactive({ const state = reactive({
single: true, single: true,
multiple: true, multiple: true,
form: {}, form: {
status: '1'
},
rules: { rules: {
categoryCode: [{ required: true, message: '分类编码不能为空', trigger: 'blur' }], categoryCode: [{ required: true, message: '分类编码不能为空', trigger: 'blur' }],
categoryName: [{ required: true, message: '分类名称不能为空', trigger: 'blur' }] categoryName: [{ required: true, message: '分类名称不能为空', trigger: 'blur' }]
}, },
options: { options: {
// 状态(0/1) 选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'} // 状态(0/1) 选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
statusOptions: [] statusOptions: [
{
dictValue: '0',
dictLabel: '停用'
},
{
dictValue: '1',
dictLabel: '启用'
}
]
} }
}) })
@@ -259,7 +270,7 @@ function reset() {
parentCode: null, parentCode: null,
levelNo: null, levelNo: null,
description: null, description: null,
status: null, status: '1', // 设置默认值为'1'(启用)
createdTime: null, createdTime: null,
updatedTime: null updatedTime: null
} }