refactor(物料分类): 优化界面显示和表单默认值
- 将状态选项"禁用"改为"停用"以保持一致性 - 移除父级分类编码、层级、创建时间和更新时间等非必要字段 - 设置表单状态默认值为'1'(启用) - 调整描述字段位置 - 初始化状态选项列表
This commit is contained in:
@@ -13,7 +13,7 @@
|
||||
<el-form-item label="状态" prop="status">
|
||||
<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-select>
|
||||
</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="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="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="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="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')">
|
||||
<template #default="scope">
|
||||
<dict-tag :options="options.statusOptions" :value="scope.row.status" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<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="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 label="操作" width="160">
|
||||
<template #default="scope">
|
||||
<el-button
|
||||
@@ -95,23 +95,17 @@
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :lg="12">
|
||||
<!-- <el-col :lg="12">
|
||||
<el-form-item label="父级分类编码" prop="parentCode">
|
||||
<el-input v-model="form.parentCode" placeholder="请输入父级分类编码" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-col> -->
|
||||
|
||||
<el-col :lg="12">
|
||||
<!-- <el-col :lg="12">
|
||||
<el-form-item label="层级" prop="levelNo">
|
||||
<el-input v-model.number="form.levelNo" placeholder="请输入层级" />
|
||||
</el-form-item>
|
||||
</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> -->
|
||||
|
||||
<el-col :lg="12">
|
||||
<el-form-item label="状态(0/1)" prop="status">
|
||||
@@ -122,20 +116,26 @@
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</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-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>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-col> -->
|
||||
|
||||
<el-col :lg="12">
|
||||
<!-- <el-col :lg="12">
|
||||
<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>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-col> -->
|
||||
</el-row>
|
||||
</el-form>
|
||||
<template #footer v-if="opertype != 3">
|
||||
@@ -231,14 +231,25 @@ const open = ref(false)
|
||||
const state = reactive({
|
||||
single: true,
|
||||
multiple: true,
|
||||
form: {},
|
||||
form: {
|
||||
status: '1'
|
||||
},
|
||||
rules: {
|
||||
categoryCode: [{ required: true, message: '分类编码不能为空', trigger: 'blur' }],
|
||||
categoryName: [{ required: true, message: '分类名称不能为空', trigger: 'blur' }]
|
||||
},
|
||||
options: {
|
||||
// 状态(0/1) 选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
|
||||
statusOptions: []
|
||||
statusOptions: [
|
||||
{
|
||||
dictValue: '0',
|
||||
dictLabel: '停用'
|
||||
},
|
||||
{
|
||||
dictValue: '1',
|
||||
dictLabel: '启用'
|
||||
}
|
||||
]
|
||||
}
|
||||
})
|
||||
|
||||
@@ -259,7 +270,7 @@ function reset() {
|
||||
parentCode: null,
|
||||
levelNo: null,
|
||||
description: null,
|
||||
status: null,
|
||||
status: '1', // 设置默认值为'1'(启用)
|
||||
createdTime: null,
|
||||
updatedTime: null
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user