product category
This commit is contained in:
@ -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",
|
||||
|
@ -27,6 +27,8 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref } from "vue";
|
||||
|
||||
const activeIndex = ref(0);
|
||||
</script>
|
||||
|
||||
|
@ -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);
|
||||
|
||||
|
@ -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();
|
||||
}
|
||||
|
||||
|
@ -262,6 +262,7 @@ getCode();
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
span {
|
||||
display: block;
|
||||
width: calc(32px / 39 * 157);
|
||||
|
@ -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/, ""),
|
||||
},
|
||||
|
Reference in New Issue
Block a user