|
|
|
@ -8,14 +8,14 @@
|
|
|
|
|
label-position="left"
|
|
|
|
|
label-width="100px"
|
|
|
|
|
>
|
|
|
|
|
<el-form-item label="父ID" prop="parentId">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="queryParams.parentId"
|
|
|
|
|
clearable
|
|
|
|
|
placeholder="请输入父ID"
|
|
|
|
|
@keyup.enter="handleQuery"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<!-- <el-form-item label="父ID" prop="parentId">-->
|
|
|
|
|
<!-- <el-input-->
|
|
|
|
|
<!-- v-model="queryParams.parentId"-->
|
|
|
|
|
<!-- clearable-->
|
|
|
|
|
<!-- placeholder="请输入父ID"-->
|
|
|
|
|
<!-- @keyup.enter="handleQuery"-->
|
|
|
|
|
<!-- />-->
|
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
|
<el-form-item label="物品分类名称" prop="name">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="queryParams.name"
|
|
|
|
@ -24,22 +24,22 @@
|
|
|
|
|
@keyup.enter="handleQuery"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="排序" prop="sort">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="queryParams.sort"
|
|
|
|
|
clearable
|
|
|
|
|
placeholder="请输入排序"
|
|
|
|
|
@keyup.enter="handleQuery"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="租户ID" prop="tenantId">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="queryParams.tenantId"
|
|
|
|
|
clearable
|
|
|
|
|
placeholder="请输入租户ID"
|
|
|
|
|
@keyup.enter="handleQuery"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<!-- <el-form-item label="排序" prop="sort">-->
|
|
|
|
|
<!-- <el-input-->
|
|
|
|
|
<!-- v-model="queryParams.sort"-->
|
|
|
|
|
<!-- clearable-->
|
|
|
|
|
<!-- placeholder="请输入排序"-->
|
|
|
|
|
<!-- @keyup.enter="handleQuery"-->
|
|
|
|
|
<!-- />-->
|
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
|
<!-- <el-form-item label="租户ID" prop="tenantId">-->
|
|
|
|
|
<!-- <el-input-->
|
|
|
|
|
<!-- v-model="queryParams.tenantId"-->
|
|
|
|
|
<!-- clearable-->
|
|
|
|
|
<!-- placeholder="请输入租户ID"-->
|
|
|
|
|
<!-- @keyup.enter="handleQuery"-->
|
|
|
|
|
<!-- />-->
|
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<el-button icon="Search" type="primary" @click="handleQuery"
|
|
|
|
|
>搜索</el-button
|
|
|
|
@ -105,13 +105,13 @@
|
|
|
|
|
@selection-change="handleSelectionChange"
|
|
|
|
|
>
|
|
|
|
|
<el-table-column align="center" type="selection" width="55" />
|
|
|
|
|
<el-table-column align="center" label="物品分类ID" prop="categoryId" />
|
|
|
|
|
<el-table-column align="center" label="父ID" prop="parentId" />
|
|
|
|
|
<!-- <el-table-column align="center" label="物品分类ID" prop="categoryId" />-->
|
|
|
|
|
<!-- <el-table-column align="center" label="父ID" prop="parentId" />-->
|
|
|
|
|
<el-table-column align="center" label="物品分类名称" prop="name" />
|
|
|
|
|
<el-table-column align="center" label="排序" prop="sort" />
|
|
|
|
|
<!-- <el-table-column align="center" label="排序" prop="sort" />-->
|
|
|
|
|
<el-table-column align="center" label="备注" prop="remark" />
|
|
|
|
|
<el-table-column align="center" label="状态(0正常1禁用)" prop="status" />
|
|
|
|
|
<el-table-column align="center" label="租户ID" prop="tenantId" />
|
|
|
|
|
<!-- <el-table-column align="center" label="状态(0正常1禁用)" prop="status" />-->
|
|
|
|
|
<!-- <el-table-column align="center" label="租户ID" prop="tenantId" />-->
|
|
|
|
|
<el-table-column
|
|
|
|
|
align="center"
|
|
|
|
|
class-name="small-padding fixed-width"
|
|
|
|
@ -140,19 +140,19 @@
|
|
|
|
|
link
|
|
|
|
|
type="primary"
|
|
|
|
|
@click="handleAdd(scope.row.categoryId)"
|
|
|
|
|
>添加子级
|
|
|
|
|
>添加子节点
|
|
|
|
|
</el-button>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
|
|
|
|
|
<pagination
|
|
|
|
|
v-show="total > 0"
|
|
|
|
|
v-model:limit="queryParams.pageSize"
|
|
|
|
|
v-model:page="queryParams.pageNum"
|
|
|
|
|
:total="total"
|
|
|
|
|
@pagination="getList"
|
|
|
|
|
/>
|
|
|
|
|
<!-- <pagination-->
|
|
|
|
|
<!-- v-show="total>0"-->
|
|
|
|
|
<!-- v-model:limit="queryParams.pageSize"-->
|
|
|
|
|
<!-- v-model:page="queryParams.pageNum"-->
|
|
|
|
|
<!-- :total="total"-->
|
|
|
|
|
<!-- @pagination="getList"-->
|
|
|
|
|
<!-- />-->
|
|
|
|
|
|
|
|
|
|
<!-- 添加或修改产品分类对话框 -->
|
|
|
|
|
<el-dialog v-model="open" :title="title" append-to-body width="500px">
|
|
|
|
@ -163,27 +163,36 @@
|
|
|
|
|
label-position="left"
|
|
|
|
|
label-width="120px"
|
|
|
|
|
>
|
|
|
|
|
<el-form-item label="选择父级" prop="parentId">
|
|
|
|
|
<!-- <el-input v-model="form.parentId" placeholder="请输入父ID"/>-->
|
|
|
|
|
<el-form-item label="物品分类名称" prop="name">
|
|
|
|
|
<el-input v-model="form.name" placeholder="请输入物品分类名称" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="选择上级" prop="parentId">
|
|
|
|
|
<!-- <el-input v-model="form.parentId" placeholder="请输入父ID" />-->
|
|
|
|
|
<el-tree-select
|
|
|
|
|
v-model="form.parentId"
|
|
|
|
|
:data="categoryList"
|
|
|
|
|
:data="[
|
|
|
|
|
{
|
|
|
|
|
categoryId: 0,
|
|
|
|
|
name: '根节点',
|
|
|
|
|
children: categoryList,
|
|
|
|
|
},
|
|
|
|
|
]"
|
|
|
|
|
:default-expanded-keys="[0]"
|
|
|
|
|
node-key="categoryId"
|
|
|
|
|
:props="{
|
|
|
|
|
value: 'categoryId',
|
|
|
|
|
label: 'name',
|
|
|
|
|
children: 'children',
|
|
|
|
|
}"
|
|
|
|
|
check-strictly
|
|
|
|
|
placeholder="选择父级"
|
|
|
|
|
clearable
|
|
|
|
|
placeholder="选择上级分类"
|
|
|
|
|
value-key="categoryId"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="物品分类名称" prop="name">
|
|
|
|
|
<el-input v-model="form.name" placeholder="请输入物品分类名称" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="排序" prop="sort">
|
|
|
|
|
<el-input v-model="form.sort" placeholder="请输入排序" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<!-- <el-form-item label="排序" prop="sort">-->
|
|
|
|
|
<!-- <el-input v-model="form.sort" placeholder="请输入排序" />-->
|
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
|
<el-form-item label="备注" prop="remark">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="form.remark"
|
|
|
|
@ -191,9 +200,9 @@
|
|
|
|
|
type="textarea"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="租户ID" prop="tenantId">
|
|
|
|
|
<el-input v-model="form.tenantId" placeholder="请输入租户ID" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<!-- <el-form-item label="租户ID" prop="tenantId">-->
|
|
|
|
|
<!-- <el-input v-model="form.tenantId" placeholder="请输入租户ID" />-->
|
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
|
</el-form>
|
|
|
|
|
<template #footer>
|
|
|
|
|
<div class="dialog-footer">
|
|
|
|
@ -230,15 +239,17 @@ const title = ref("");
|
|
|
|
|
const data = reactive({
|
|
|
|
|
form: {},
|
|
|
|
|
queryParams: {
|
|
|
|
|
pageNum: 1,
|
|
|
|
|
pageSize: 10,
|
|
|
|
|
// pageNum: 1,
|
|
|
|
|
// pageSize: 10,
|
|
|
|
|
parentId: null,
|
|
|
|
|
name: null,
|
|
|
|
|
sort: null,
|
|
|
|
|
status: null,
|
|
|
|
|
tenantId: null,
|
|
|
|
|
},
|
|
|
|
|
rules: {},
|
|
|
|
|
rules: {
|
|
|
|
|
name: [{ required: true, message: "请输入产品分类名称", trigger: "blur" }],
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
const { queryParams, form, rules } = toRefs(data);
|
|
|
|
@ -247,8 +258,8 @@ const { queryParams, form, rules } = toRefs(data);
|
|
|
|
|
function getList() {
|
|
|
|
|
loading.value = true;
|
|
|
|
|
listCategory(queryParams.value).then((response) => {
|
|
|
|
|
categoryList.value = response.rows;
|
|
|
|
|
total.value = response.total;
|
|
|
|
|
categoryList.value = response.data;
|
|
|
|
|
// total.value = response.total;
|
|
|
|
|
loading.value = false;
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
@ -263,7 +274,7 @@ function cancel() {
|
|
|
|
|
function reset() {
|
|
|
|
|
form.value = {
|
|
|
|
|
categoryId: null,
|
|
|
|
|
parentId: null,
|
|
|
|
|
parentId: 0,
|
|
|
|
|
name: null,
|
|
|
|
|
sort: null,
|
|
|
|
|
remark: null,
|
|
|
|
@ -277,7 +288,7 @@ function reset() {
|
|
|
|
|
|
|
|
|
|
/** 搜索按钮操作 */
|
|
|
|
|
function handleQuery() {
|
|
|
|
|
queryParams.value.pageNum = 1;
|
|
|
|
|
// queryParams.value.pageNum = 1;
|
|
|
|
|
getList();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|