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