refactor(物料分类): 优化界面显示和表单默认值
- 将状态选项"禁用"改为"停用"以保持一致性 - 移除父级分类编码、层级、创建时间和更新时间等非必要字段 - 设置表单状态默认值为'1'(启用) - 调整描述字段位置 - 初始化状态选项列表
This commit is contained in:
@@ -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
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user