xjs
4 years ago
parent
3858e21e39
commit
b5eb19d4ee
@ -0,0 +1,45 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 获取品牌分组分页数据
|
||||
export function getAttrGroupList(data) {
|
||||
return request({
|
||||
url: '/mall-product/product/attrgroup/list/'+data.catelogId,
|
||||
method: 'get',
|
||||
params:data
|
||||
})
|
||||
}
|
||||
|
||||
//获取具体品牌分组数据
|
||||
export function getAttrGroup(data) {
|
||||
return request({
|
||||
url: `/mall-product/product/attrgroup/info/${data}`,
|
||||
method: 'get',
|
||||
})
|
||||
}
|
||||
|
||||
// 保存品牌分组数据
|
||||
export function addAttrGroup(data) {
|
||||
return request({
|
||||
url: `/mall-product/product/attrgroup/save`,
|
||||
method: 'post',
|
||||
data:data
|
||||
})
|
||||
}
|
||||
|
||||
// 修改品牌分组数据
|
||||
export function editAttrGroup(data) {
|
||||
return request({
|
||||
url: `/mall-product/product/attrgroup/update`,
|
||||
method: 'put',
|
||||
data:data
|
||||
})
|
||||
}
|
||||
|
||||
// 删除品牌分组数据
|
||||
export function delAttrGroup(ids) {
|
||||
return request({
|
||||
url: '/mall-product/product/attrgroup/delete',
|
||||
method: 'delete',
|
||||
data:ids
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,52 @@
|
||||
<template>
|
||||
<el-tree
|
||||
:data="menus"
|
||||
:props="defaultProps"
|
||||
@node-click="nodeClick"
|
||||
node-key="catId"
|
||||
ref="menuTree">
|
||||
</el-tree>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {getMenus} from "@/api/mall/product/category";
|
||||
|
||||
export default {
|
||||
name: "category",
|
||||
|
||||
data() {
|
||||
return {
|
||||
menus: [],
|
||||
expandedKey: [],
|
||||
defaultProps: {
|
||||
children: "children",
|
||||
label: "name"
|
||||
},
|
||||
};
|
||||
},
|
||||
|
||||
created() {
|
||||
this.getMenus()
|
||||
},
|
||||
|
||||
methods:{
|
||||
getMenus() {
|
||||
this.$modal.loading("请稍候...");
|
||||
getMenus().then(res => {
|
||||
this.$modal.closeLoading()
|
||||
this.menus = res.page;
|
||||
})
|
||||
},
|
||||
|
||||
nodeClick(data,node,component) {
|
||||
//向父组件发送事件
|
||||
this.$emit("tree-node-click",data,node,component)
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,134 @@
|
||||
<template>
|
||||
<el-dialog
|
||||
:title="!dataForm.id ? '新增' : '修改'"
|
||||
:close-on-click-modal="false"
|
||||
:visible.sync="visible"
|
||||
@closed="dialogClose"
|
||||
>
|
||||
<el-form
|
||||
:model="dataForm"
|
||||
:rules="dataRule"
|
||||
ref="dataForm"
|
||||
@keyup.enter.native="dataFormSubmit()"
|
||||
label-width="120px"
|
||||
>
|
||||
<el-form-item label="组名" prop="attrGroupName">
|
||||
<el-input v-model="dataForm.attrGroupName" placeholder="组名"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="排序" prop="sort">
|
||||
<el-input v-model="dataForm.sort" placeholder="排序"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="描述" prop="descript">
|
||||
<el-input v-model="dataForm.descript" placeholder="描述"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="组图标" prop="icon">
|
||||
<el-input v-model="dataForm.icon" placeholder="组图标"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="所属分类" prop="catelogId">
|
||||
<category-cascader :catelogPath.sync="catelogPath"></category-cascader>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="visible = false">取消</el-button>
|
||||
<el-button type="primary" @click="dataFormSubmit()">确定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import CategoryCascader from '../../../components/mall/category-cascader'
|
||||
import {getMenus} from "@/api/mall/product/category";
|
||||
|
||||
import {addAttrGroup, getAttrGroup} from "@/api/mall/product/attr-group";
|
||||
|
||||
export default {
|
||||
name: "attrgroup-add-or-update",
|
||||
|
||||
components: {CategoryCascader},
|
||||
|
||||
data() {
|
||||
return {
|
||||
props: {
|
||||
value: "catId",
|
||||
label: "name",
|
||||
children: "children"
|
||||
},
|
||||
visible: false,
|
||||
categorys: [],
|
||||
catelogPath: [],
|
||||
dataForm: {
|
||||
attrGroupId: 0,
|
||||
attrGroupName: "",
|
||||
sort: "",
|
||||
descript: "",
|
||||
icon: "",
|
||||
catelogId: 0
|
||||
},
|
||||
dataRule: {
|
||||
attrGroupName: [
|
||||
{required: true, message: "组名不能为空", trigger: "blur"}
|
||||
],
|
||||
sort: [{required: true, message: "排序不能为空", trigger: "blur"}],
|
||||
descript: [
|
||||
{required: true, message: "描述不能为空", trigger: "blur"}
|
||||
],
|
||||
icon: [{required: true, message: "组图标不能为空", trigger: "blur"}],
|
||||
catelogId: [
|
||||
{required: true, message: "所属分类id不能为空", trigger: "blur"}
|
||||
]
|
||||
}
|
||||
};
|
||||
},
|
||||
|
||||
methods: {
|
||||
dialogClose() {
|
||||
this.catelogPath = [];
|
||||
},
|
||||
|
||||
|
||||
init(id) {
|
||||
this.dataForm.attrGroupId = id;
|
||||
this.visible = true;
|
||||
this.$nextTick(() => {
|
||||
this.$refs["dataForm"].resetFields();
|
||||
if (this.dataForm.attrGroupId) {
|
||||
getAttrGroup(this.dataForm.attrGroupId).then(res => {
|
||||
this.dataForm = res.attrGroup
|
||||
//查出catelogId的完整路径
|
||||
this.catelogPath = res.attrGroup.catelogPath;
|
||||
})
|
||||
}
|
||||
});
|
||||
},
|
||||
// 表单提交
|
||||
dataFormSubmit() {
|
||||
this.$refs["dataForm"].validate(valid => {
|
||||
if (valid) {
|
||||
let data = {
|
||||
attrGroupId: this.dataForm.attrGroupId || undefined,
|
||||
attrGroupName: this.dataForm.attrGroupName,
|
||||
sort: this.dataForm.sort,
|
||||
descript: this.dataForm.descript,
|
||||
icon: this.dataForm.icon,
|
||||
catelogId: this.catelogPath[this.catelogPath.length - 1]
|
||||
}
|
||||
if (!this.dataForm.attrGroupId) {
|
||||
addAttrGroup(data).then(res => {
|
||||
this.$modal.notifySuccess("添加成功");
|
||||
this.visible = false;
|
||||
this.$emit("refreshDataList");
|
||||
})
|
||||
} else {
|
||||
editAttrGroup(data).then(res => {
|
||||
this.$modal.notifySuccess("修改成功");
|
||||
this.visible = false;
|
||||
this.$emit("refreshDataList");
|
||||
})
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
};
|
||||
</script>
|
||||
Loading…
Reference in new issue