Compare commits
No commits in common. "d0108ad2efb5d033b3146992e916352ce7abb586" and "4c97cbe8f0e97e96d20ca87a9be247f1fa39fafc" have entirely different histories.
d0108ad2ef
...
4c97cbe8f0
|
|
@ -1,40 +0,0 @@
|
||||||
import request from '@/utils/request'
|
|
||||||
// 查询属性列表
|
|
||||||
export function list(name) {
|
|
||||||
return request({
|
|
||||||
url: '/product/attributeInfo/list?name='+name,
|
|
||||||
method: 'get'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
//新增属性
|
|
||||||
export function insertAttribute(attribute) {
|
|
||||||
return request({
|
|
||||||
url: '/product/attributeInfo/insertAttribute',
|
|
||||||
method: 'post',
|
|
||||||
data: attribute
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
//删除属性
|
|
||||||
export function deleteById(attributeInfoId) {
|
|
||||||
return request({
|
|
||||||
url: '/product/attributeInfo/deleteAttributeById?attributeInfoId='+attributeInfoId,
|
|
||||||
method: 'get'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
//获取属性组列表
|
|
||||||
export function getAttributeGroupList(attributeName) {
|
|
||||||
return request({
|
|
||||||
url: '/product/attributeGroup/getAttributeGroupList?attributeName='+attributeName,
|
|
||||||
method: 'get'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
export function insertAttributeGroup(attributeGroupReq) {
|
|
||||||
return request({
|
|
||||||
url: '/product/attributeGroup/insertAttributeGroup',
|
|
||||||
method: 'post',
|
|
||||||
data: attributeGroupReq
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
@ -73,7 +73,7 @@ service.interceptors.request.use(config => {
|
||||||
|
|
||||||
// 响应拦截器
|
// 响应拦截器
|
||||||
service.interceptors.response.use(res => {
|
service.interceptors.response.use(res => {
|
||||||
|
debugger
|
||||||
// 未设置状态码则默认成功状态
|
// 未设置状态码则默认成功状态
|
||||||
const code = res.data.code || 200;
|
const code = res.data.code || 200;
|
||||||
// 获取错误信息
|
// 获取错误信息
|
||||||
|
|
|
||||||
|
|
@ -1,257 +0,0 @@
|
||||||
<template>
|
|
||||||
<div>
|
|
||||||
<el-table
|
|
||||||
:data="attributeGroupList"
|
|
||||||
style="width: 100%">
|
|
||||||
<el-table-column
|
|
||||||
label="属性组编号"
|
|
||||||
width="180">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span style="margin-left: 10px" >{{ scope.row.id }}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
label="属性组名称"
|
|
||||||
width="180">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span style="margin-left: 10px" >{{ scope.row.name }}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
label="下辖属性"
|
|
||||||
width="180">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
|
|
||||||
<el-row>
|
|
||||||
<el-col v-for="attribute in scope.row.attributeInfos">
|
|
||||||
<el-tag
|
|
||||||
:key="attribute.id"
|
|
||||||
type="">
|
|
||||||
{{attribute.name}}
|
|
||||||
</el-tag>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
label="备注"
|
|
||||||
width="180">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span style="margin-left: 10px" >{{ scope.row.remark }}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
label="创建时间"
|
|
||||||
width="180">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<i class="el-icon-time"></i>
|
|
||||||
<span style="margin-left: 10px" value-format="yyyy-MM-dd HH:dd:ss">{{ scope.row.createTime }}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
label="创建人"
|
|
||||||
width="180">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span style="margin-left: 10px" >{{ scope.row.createBy }}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="操作">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
@click="handleEdit(scope.$index, scope.row)">编辑</el-button>
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="danger"
|
|
||||||
@click="handleDelete(scope.$index, scope.row)">删除</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="danger"
|
|
||||||
@click="queryAttributeList">新增</el-button>
|
|
||||||
<el-dialog title="收货地址" :visible.sync="isOpenAddAttributeGroup">
|
|
||||||
<el-form :model="attributeGroupReq">
|
|
||||||
<el-form-item label="属性组名称" :label-width="formLabelWidth">
|
|
||||||
<el-input v-model="attributeGroupReq.name" autocomplete="off"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="备注" :label-width="formLabelWidth">
|
|
||||||
<el-input v-model="attributeGroupReq.remark" autocomplete="off"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="已选属性" :label-width="formLabelWidth">
|
|
||||||
<el-tag
|
|
||||||
v-for="attribute in attributeGroupReq.selectAttributeList"
|
|
||||||
v-model="attributeGroupReq.selectAttributeList"
|
|
||||||
:key="attribute.id"
|
|
||||||
closable
|
|
||||||
:disable-transitions="false"
|
|
||||||
@close="handleClose(attribute)">
|
|
||||||
{{attribute.name}}
|
|
||||||
</el-tag>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<br>
|
|
||||||
<span>可选属性</span>
|
|
||||||
<div>
|
|
||||||
<el-checkbox @change="updateAttribute(attribute)"
|
|
||||||
style="margin-left: 10px"
|
|
||||||
v-for="attribute in attributeList"
|
|
||||||
:key="attribute.id"
|
|
||||||
v-model="attribute.checked"
|
|
||||||
:label="attribute.name" border></el-checkbox>
|
|
||||||
</div>
|
|
||||||
<div slot="footer" class="dialog-footer">
|
|
||||||
<el-button @click="isOpenAddAttributeGroup = false">取 消</el-button>
|
|
||||||
<el-button type="primary" @click="insertAttributeGroup">确 定</el-button>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
|
|
||||||
//例如：import 《组件名称》 from '《组件路径》,
|
|
||||||
import {getAttributeGroupList, list, insertAttributeGroup} from "@/api/product/attribute";
|
|
||||||
import attribute from "@/views/product/attribute/index.vue";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: "attributeGroup",
|
|
||||||
//import引入的组件需要注入到对象中才能使用"
|
|
||||||
components: {},
|
|
||||||
props: {},
|
|
||||||
data() {
|
|
||||||
|
|
||||||
//这里存放数据"
|
|
||||||
return {
|
|
||||||
attributeName:"",
|
|
||||||
attributeGroupList: [],
|
|
||||||
isOpenAddAttributeGroup: false,
|
|
||||||
formLabelWidth: "120px",
|
|
||||||
//新增请求对象
|
|
||||||
attributeGroupReq: {
|
|
||||||
//已选中属性
|
|
||||||
selectAttributeList: []
|
|
||||||
},
|
|
||||||
attributeQueryName: "",
|
|
||||||
//未选中
|
|
||||||
attributeList: [],
|
|
||||||
|
|
||||||
};
|
|
||||||
},
|
|
||||||
//计算属性 类似于data概念",
|
|
||||||
computed: {},
|
|
||||||
//监控data中的数据变化",
|
|
||||||
watch: {},
|
|
||||||
//方法集合",
|
|
||||||
methods: {
|
|
||||||
//修改
|
|
||||||
handleDelete(index, row) {
|
|
||||||
this.isOpenAddAttributeGroup = true
|
|
||||||
console.log(index, row);
|
|
||||||
this.attributeGroupReq = row
|
|
||||||
this.attributeGroupReq.selectAttributeList = row.attributeInfos
|
|
||||||
list(this.attributeQueryName).then(
|
|
||||||
res => {
|
|
||||||
this.attributeList = res.data
|
|
||||||
this.attributeList.forEach(
|
|
||||||
attribute => {
|
|
||||||
this.attributeGroupReq.selectAttributeList.forEach(
|
|
||||||
attributeReq =>{
|
|
||||||
if (attribute.id == attributeReq.id){
|
|
||||||
console.log("六六六")
|
|
||||||
attribute.checked = true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
)
|
|
||||||
}
|
|
||||||
)
|
|
||||||
}
|
|
||||||
)
|
|
||||||
|
|
||||||
},
|
|
||||||
//重置属性
|
|
||||||
reset() {
|
|
||||||
this.attributeGroupReq = {
|
|
||||||
selectAttributeList: []
|
|
||||||
},
|
|
||||||
this.attributeList =[]
|
|
||||||
},
|
|
||||||
//删除选中属性
|
|
||||||
handleClose(attribute){
|
|
||||||
console.log(this.attributeGroupList)
|
|
||||||
debugger
|
|
||||||
this.attributeList.forEach(attr => {
|
|
||||||
|
|
||||||
if (attr.id == attribute.id) {
|
|
||||||
attr.checked = false
|
|
||||||
}
|
|
||||||
})
|
|
||||||
this.attributeGroupReq.selectAttributeList = this.attributeGroupReq.selectAttributeList.filter(item => item!=attribute);
|
|
||||||
},
|
|
||||||
//更新选中属性
|
|
||||||
updateAttribute(attribute) {
|
|
||||||
if (this.attributeGroupReq.selectAttributeList.includes(attribute)){
|
|
||||||
this.attributeGroupReq.selectAttributeList = this.attributeGroupReq.selectAttributeList.filter(item => item !== attribute)
|
|
||||||
}else{
|
|
||||||
this.attributeGroupReq.selectAttributeList.push(attribute)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
//得到属性组列表
|
|
||||||
getAttributeGroupList(){
|
|
||||||
getAttributeGroupList(this.attributeName).then(
|
|
||||||
res => {
|
|
||||||
console.log(res);
|
|
||||||
this.attributeGroupList = res.data
|
|
||||||
}
|
|
||||||
)
|
|
||||||
},
|
|
||||||
handleEdit(index, row) {
|
|
||||||
console.log(index, row);
|
|
||||||
},
|
|
||||||
queryAttributeList(){
|
|
||||||
this.isOpenAddAttributeGroup = true
|
|
||||||
list(this.attributeQueryName).then(
|
|
||||||
res => {
|
|
||||||
this.attributeList = res.data
|
|
||||||
}
|
|
||||||
)
|
|
||||||
},
|
|
||||||
insertAttributeGroup() {
|
|
||||||
console.log(this.attributeGroupReq)
|
|
||||||
insertAttributeGroup(this.attributeGroupReq).then(
|
|
||||||
res => {
|
|
||||||
this.reset();
|
|
||||||
this.getAttributeGroupList()
|
|
||||||
this.isOpenAddAttributeGroup = false
|
|
||||||
}
|
|
||||||
)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
//生命周期 - 创建完成（可以访问当前this实例）",
|
|
||||||
created() {
|
|
||||||
this.getAttributeGroupList()
|
|
||||||
},
|
|
||||||
//生命周期 - 挂载完成（可以访问DOM元素）",
|
|
||||||
mounted() {
|
|
||||||
},
|
|
||||||
beforeCreate() {
|
|
||||||
}, //生命周期 - 创建之前",
|
|
||||||
beforeMount() {
|
|
||||||
}, //生命周期 - 挂载之前",
|
|
||||||
beforeUpdate() {
|
|
||||||
}, //生命周期 - 更新之前",
|
|
||||||
updated() {
|
|
||||||
}, //生命周期 - 更新之后",
|
|
||||||
beforeDestroy() {
|
|
||||||
}, //生命周期 - 销毁之前",
|
|
||||||
destroyed() {
|
|
||||||
}, //生命周期 - 销毁完成",
|
|
||||||
activated() {
|
|
||||||
} //如果页面有keep-alive缓存功能，这个函数会触发",
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style scoped>
|
|
||||||
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,192 +0,0 @@
|
||||||
<template>
|
|
||||||
<div>
|
|
||||||
<el-table
|
|
||||||
:data="attributeList"
|
|
||||||
style="width: 100%">
|
|
||||||
<el-table-column
|
|
||||||
label="创建日期"
|
|
||||||
width="180">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<i class="el-icon-time"></i>
|
|
||||||
<span style="margin-left: 10px"
|
|
||||||
value-format="yyyy-MM-dd HH:mm:ss">{{ scope.row.createTime }}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
|
|
||||||
<el-table-column
|
|
||||||
label="创建人"
|
|
||||||
width="180">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<i class="el-icon-time"></i>
|
|
||||||
<span style="margin-left: 10px"
|
|
||||||
value-format="yyyy-MM-dd HH:mm:ss">{{ scope.row.createBy }}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
|
|
||||||
<el-table-column
|
|
||||||
label="属性编号"
|
|
||||||
width="180">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<i class="el-icon-time"></i>
|
|
||||||
<span style="margin-left: 10px"
|
|
||||||
value-format="yyyy-MM-dd HH:mm:ss">{{ scope.row.id }}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
|
|
||||||
<el-table-column
|
|
||||||
label="属性名称"
|
|
||||||
width="180">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<i class="el-icon-time"></i>
|
|
||||||
<span style="margin-left: 10px"
|
|
||||||
value-format="yyyy-MM-dd HH:mm:ss">{{ scope.row.name }}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
|
|
||||||
<el-table-column
|
|
||||||
label="属性描述"
|
|
||||||
width="180">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<i class="el-icon-time"></i>
|
|
||||||
<span style="margin-left: 10px"
|
|
||||||
value-format="yyyy-MM-dd HH:mm:ss">{{ scope.row.remark }}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
|
|
||||||
<el-table-column label="操作">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
@click="handleEdit(scope.$index, scope.row)" v-hasPermi="['product:attribute:update']">修改</el-button>
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="danger"
|
|
||||||
@click="handleDelete(scope.$index, scope.row)" v-hasPermi="['product:attribute:delete']">删除</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
<el-button size="mini" type="primary" @click="openAdd = true" v-hasPermi="['product:attribute:add']">新增</el-button>
|
|
||||||
|
|
||||||
<el-dialog title="属性信息" :visible.sync="openAdd">
|
|
||||||
<el-form :model="addAttribute">
|
|
||||||
<el-form-item label="属性名称" :label-width="formLabelWidth">
|
|
||||||
<el-input v-model="addAttribute.name" autocomplete="off"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="属性备注" :label-width="formLabelWidth">
|
|
||||||
<el-input v-model="addAttribute.remark" autocomplete="off"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<div slot="footer" class="dialog-footer">
|
|
||||||
<el-button @click="cancelInsert">取 消</el-button>
|
|
||||||
<el-button type="primary" @click="insertAttribute">确 定</el-button>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
|
|
||||||
//例如：import 《组件名称》 from '《组件路径》,
|
|
||||||
import {deleteById, insertAttribute, list} from "@/api/product/attribute";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: 'attribute',
|
|
||||||
//import引入的组件需要注入到对象中才能使用"
|
|
||||||
components: {},
|
|
||||||
props: {},
|
|
||||||
data() {
|
|
||||||
//这里存放数据"
|
|
||||||
|
|
||||||
return {
|
|
||||||
formLabelWidth: '120px',
|
|
||||||
//获取属性列表的请求参数
|
|
||||||
attributeName: "",
|
|
||||||
//得到的属性列表
|
|
||||||
attributeList: [],
|
|
||||||
//新增属性需要的参数
|
|
||||||
addAttribute: {
|
|
||||||
name: '',
|
|
||||||
remark: ''
|
|
||||||
},
|
|
||||||
//是否显示新增谈话框
|
|
||||||
openAdd: false
|
|
||||||
};
|
|
||||||
},
|
|
||||||
//计算属性 类似于data概念",
|
|
||||||
computed: {},
|
|
||||||
//监控data中的数据变化",
|
|
||||||
watch: {},
|
|
||||||
//方法集合",
|
|
||||||
methods: {
|
|
||||||
//修改方法
|
|
||||||
handleEdit(index, row) {
|
|
||||||
console.log(index, row);
|
|
||||||
this.addAttribute["name"] = row.name
|
|
||||||
this.addAttribute["remark"] = row.remark
|
|
||||||
this.addAttribute["id"] = row.id
|
|
||||||
this.openAdd = true
|
|
||||||
|
|
||||||
},
|
|
||||||
//删除方法
|
|
||||||
handleDelete(index, row) {
|
|
||||||
deleteById(row.id).then(
|
|
||||||
res=>{
|
|
||||||
console.log(res)
|
|
||||||
this.getAttributeList()
|
|
||||||
}
|
|
||||||
)
|
|
||||||
console.log(index, row);
|
|
||||||
},
|
|
||||||
//获取列表方法
|
|
||||||
getAttributeList(){
|
|
||||||
list(this.attributeName).then(
|
|
||||||
res => {
|
|
||||||
this.attributeList = res.data
|
|
||||||
console.log(res)
|
|
||||||
}
|
|
||||||
)
|
|
||||||
},
|
|
||||||
//新增方法
|
|
||||||
insertAttribute(){
|
|
||||||
insertAttribute(this.addAttribute).then(
|
|
||||||
this.getAttributeList
|
|
||||||
)
|
|
||||||
this.addAttribute["name"] = ""
|
|
||||||
this.addAttribute["remark"] = ""
|
|
||||||
this.addAttribute["id"] = ""
|
|
||||||
this.openAdd = false
|
|
||||||
|
|
||||||
},
|
|
||||||
//新增取消
|
|
||||||
cancelInsert(){
|
|
||||||
this.openAdd = false
|
|
||||||
this.addAttribute = {}
|
|
||||||
},
|
|
||||||
},
|
|
||||||
//生命周期 - 创建完成（可以访问当前this实例）",
|
|
||||||
created() {
|
|
||||||
this.getAttributeList()
|
|
||||||
},
|
|
||||||
//生命周期 - 挂载完成（可以访问DOM元素）",
|
|
||||||
mounted() {
|
|
||||||
},
|
|
||||||
beforeCreate() {
|
|
||||||
}, //生命周期 - 创建之前",
|
|
||||||
beforeMount() {
|
|
||||||
}, //生命周期 - 挂载之前",
|
|
||||||
beforeUpdate() {
|
|
||||||
}, //生命周期 - 更新之前",
|
|
||||||
updated() {
|
|
||||||
}, //生命周期 - 更新之后",
|
|
||||||
beforeDestroy() {
|
|
||||||
}, //生命周期 - 销毁之前",
|
|
||||||
destroyed() {
|
|
||||||
}, //生命周期 - 销毁完成",
|
|
||||||
activated() {
|
|
||||||
} //如果页面有keep-alive缓存功能，这个函数会触发",
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style scoped>
|
|
||||||
|
|
||||||
</style>
|
|
||||||
Loading…
Reference in New Issue