分类添加筛选属性

src/api/productAttr.js

@@ -36,3 +36,10 @@ export function getProductAttr(id) {
  method:'get'
  })
 }
+
+export function getProductAttrInfo(productCategoryId) {
+ return request({
+ url:'/productAttribute/attrInfo/'+productCategoryId,
+ method:'get'
+ })
+}

src/api/productCate.js

@@ -35,3 +35,19 @@ export function getProductCate(id) {
  method:'get',
  })
 }
+
+export function updateShowStatus(data) {
+ return request({
+ url:'/productCategory/update/showStatus',
+ method:'post',
+ data:data
+ })
+}
+
+export function updateNavStatus(data) {
+ return request({
+ url:'/productCategory/update/navStatus',
+ method:'post',
+ data:data
+ })
+}

src/views/pms/productAttr/components/ProductAttrDetail.vue

@@ -37,7 +37,7 @@
  <el-radio-group v-model="productAttr.selectType">
  <el-radio :label="0">唯一</el-radio>
  <el-radio :label="1">单选</el-radio>
- <el-radio :label="1">复选</el-radio>
+ <el-radio :label="2">复选</el-radio>
  </el-radio-group>
  </el-form-item>
  <el-form-item label="属性值的录入方式:">

src/views/pms/productCate/components/ProductCateDetail.vue

@@ -39,6 +39,21 @@
  <el-form-item label="分类图标：">
  <single-upload v-model="productCate.icon"></single-upload>
  </el-form-item>
+ <el-form-item v-for="(filterProductAttr, index) in filterProductAttrList"
+ :label="index | filterLabelFilter"
+ :key="filterProductAttr.key"
+ >
+ <el-cascader
+ clearable
+ v-model="filterProductAttr.value"
+ :options="filterAttrs"
+ @active-item-change="handleItemChange">
+ </el-cascader>
+ <el-button style="margin-left: 20px" @click.prevent="removeFilterAttr(filterProductAttr)">删除</el-button>
+ </el-form-item>
+ <el-form-item>
+ <el-button size="small" type="primary" @click="handleAddFilterAttr()">新增</el-button>
+ </el-form-item>
  <el-form-item label="关键词：">
  <el-input v-model="productCate.keywords"></el-input>
  </el-form-item>
@@ -55,6 +70,8 @@
 
 <script>
  import {fetchList, createProductCate, updateProductCate, getProductCate} from '@/api/productCate';
+ import {fetchList as fetchProductAttrCateList} from '@/api/productAttrCate';
+ import {fetchList as fetchProductAttrList,getProductAttrInfo} from '@/api/productAttr';
  import SingleUpload from '@/components/Upload/singleUpload';
 
  const defaultProductCate = {
@@ -66,7 +83,8 @@
  parentId: 0,
  productUnit: '',
  showStatus: 0,
- sort: 0
+ sort: 0,
+ productAttributeIdList: []
  };
  export default {
  name: "ProductCateDetail",
@@ -86,7 +104,11 @@
  {required: true, message: '请输入品牌名称', trigger: 'blur'},
  {min: 2, max: 140, message: '长度在 2 到 140 个字符', trigger: 'blur'}
  ]
- }
+ },
+ filterAttrs: [],
+ filterProductAttrList: [{
+ value: []
+ }]
  }
  },
  created() {
@@ -98,6 +120,7 @@
  this.productCate = Object.assign({}, defaultProductCate);
  }
  this.getSelectProductCateList();
+ this.getProductAttrCateList();
  },
  methods: {
  getSelectProductCateList() {
@@ -106,6 +129,26 @@
  this.selectProductCateList.unshift({id: 0, name: '无上级分类'});
  });
  },
+ getProductAttrCateList() {
+ fetchProductAttrCateList({pageSize: 100, pageNum: 1}).then(response => {
+ let productAttrCateList = response.data.list;
+ for (let i = 0; i < productAttrCateList.length; i++) {
+ let productAttrCate = productAttrCateList[i];
+ this.filterAttrs.push({label: productAttrCate.name, value: productAttrCate.id, children: []});
+ }
+ });
+ },
+ getProductAttributeIdList() {
+ //获取选中的筛选商品属性
+ let productAttributeIdList = [];
+ for (let i = 0; i < this.filterProductAttrList.length; i++) {
+ let item = this.filterProductAttrList[i];
+ if (item.value !== null && item.value.length === 2) {
+ productAttributeIdList.push(item.value[1]);
+ }
+ }
+ return productAttributeIdList;
+ },
  onSubmit(formName) {
  this.$refs[formName].validate((valid) => {
  if (valid) {
@@ -116,7 +159,6 @@
  }).then(() => {
  if (this.isEdit) {
  updateProductCate(this.$route.query.id, this.productCate).then(response => {
- this.$refs[formName].resetFields();
  this.$message({
  message: '修改成功',
  type: 'success',
@@ -125,9 +167,10 @@
  this.$router.back();
  });
  } else {
+ this.productCate.productAttributeIdList = this.getProductAttributeIdList();
  createProductCate(this.productCate).then(response => {
  this.$refs[formName].resetFields();
- this.brand = Object.assign({}, defaultProductCate);
+ this.resetForm(formName);
  this.$message({
  message: '提交成功',
  type: 'success',
@@ -151,6 +194,61 @@
  this.$refs[formName].resetFields();
  this.productCate = Object.assign({}, defaultProductCate);
  this.getSelectProductCateList();
+ this.filterProductAttrList= [{
+ value: []
+ }];
+ },
+ handleItemChange(val) {
+ let cateId = Number(val);
+ fetchProductAttrList(cateId, {pageSize: 100, pageNum: 1, type: 1}).then(response => {
+ let data = response.data.list;
+ let children = [];
+ for (let i = 0; i < data.length; i++) {
+ children.push({label: data[i].name, value: data[i].id});
+ }
+ for (let i = 0; i < this.filterAttrs.length; i++) {
+ if (cateId === this.filterAttrs[i].value) {
+ this.filterAttrs[i].children = children;
+ }
+ }
+ });
+ },
+ removeFilterAttr(productAttributeId) {
+ if (this.filterProductAttrList.length === 1) {
+ this.$message({
+ message: '至少要留一个',
+ type: 'warning',
+ duration: 1000
+ });
+ return;
+ }
+ var index = this.filterProductAttrList.indexOf(productAttributeId);
+ if (index !== -1) {
+ this.filterProductAttrList.splice(index, 1)
+ }
+ },
+ handleAddFilterAttr() {
+ if (this.filterProductAttrList.length === 3) {
+ this.$message({
+ message: '最多添加三个',
+ type: 'warning',
+ duration: 1000
+ });
+ return;
+ }
+ this.filterProductAttrList.push({
+ value: null,
+ key: Date.now()
+ });
+ }
+ },
+ filters: {
+ filterLabelFilter(index) {
+ if (index === 0) {
+ return '筛选属性：';
+ } else {
+ return '';
+ }
  }
  }
  }

src/views/pms/productCate/index.vue

@@ -97,7 +97,7 @@
 </template>
 
 <script>
- import {fetchList,deleteProductCate} from '@/api/productCate'
+ import {fetchList,deleteProductCate,updateShowStatus,updateNavStatus} from '@/api/productCate'
 
  export default {
  name: "productCateList",
@@ -152,10 +152,32 @@
  this.getList();
  },
  handleNavStatusChange(index, row) {
- console.log('handleNavStatusChange');
+ let data = new URLSearchParams();
+ let ids=[];
+ ids.push(row.id)
+ data.append('ids',ids);
+ data.append('navStatus',row.navStatus);
+ updateNavStatus(data).then(response=>{
+ this.$message({
+ message: '修改成功',
+ type: 'success',
+ duration: 1000
+ });
+ });
  },
  handleShowStatusChange(index, row) {
- console.log('handleShowStatusChange');
+ let data = new URLSearchParams();
+ let ids=[];
+ ids.push(row.id)
+ data.append('ids',ids);
+ data.append('showStatus',row.showStatus);
+ updateShowStatus(data).then(response=>{
+ this.$message({
+ message: '修改成功',
+ type: 'success',
+ duration: 1000
+ });
+ });
  },
  handleShowNextLevel(index, row) {
  this.$router.push({path: '/pms/productCate', query: {parentId: row.id}})