product category

This commit is contained in:
2023-03-17 12:03:42 +08:00
parent b23402fa29
commit c5591c7c3e
6 changed files with 76 additions and 59 deletions

View File

@ -9,7 +9,8 @@
"build:prod": "vite build",
"build:stage": "vite build --mode staging",
"preview": "vite preview",
"fmt": "prettier -w ."
"fmt": "prettier -w .",
"commit-push": "prettier -w . && git add . && git commit -m"
},
"repository": {
"type": "git",

View File

@ -27,6 +27,8 @@
</template>
<script setup>
import { ref } from "vue";
const activeIndex = ref(0);
</script>

View File

@ -11,6 +11,7 @@
<el-tab-pane label="密码登录" name="password"></el-tab-pane>
<el-tab-pane label="验证码登录" name="captcha"></el-tab-pane>
</el-tabs>
<Transition> </Transition>
<div v-if="loginMethod === 'password'">
<el-form-item prop="username">
<el-input
@ -319,6 +320,7 @@ getCookie();
background: #ffffff;
width: 400px;
padding: 25px 25px 5px 25px;
transition: all 1s linear;
box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1),
0 8px 10px -6px rgb(0 0 0 / 0.1);

View File

@ -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();
}

View File

@ -262,6 +262,7 @@ getCode();
display: flex;
justify-content: center;
align-items: center;
span {
display: block;
width: calc(32px / 39 * 157);

View File

@ -31,7 +31,7 @@ export default defineConfig(({ mode, command }) => {
proxy: {
// https://cn.vitejs.dev/config/#server-proxy
"/dev-api": {
target: "http://192.168.1.16:1616",
target: "http://192.168.1.5:1616",
changeOrigin: true,
rewrite: (p) => p.replace(/^\/dev-api/, ""),
},