4-10

platform-admin/src/main/webapp/js/sys/tbcfstationitem.js

@@ -81,9 +81,90 @@ let vm = new Vue({
         showAttributeImg:false, //显示属性图片模态框
         AttributeImgArr:[],
         skuListsIndex:null,//sku选中索引
+        disabledChangeAttribute:false,//禁止改变商品属性
 
+        showBatch:false,//显示批量操作模态框
+        selectBtnArr:[
+            {isSelected:false,title:'全选'},
+            {isSelected:false,title:'反选'},
+            {isSelected:false,title:'取消选择'}
+        ],
+        allAttributes:[],//所有具体属性
+        batchAmount:0,
+        batchCount:0
     },
     methods: {
+        changeBatch(e,flag){
+            if(flag==='amount'){
+                this.batchAmount=e.target.value;
+            }else{
+                this.batchCount=e.target.value;
+            }
+        },
+        saveBatchData(){
+            let activeImgPath = '';
+            this.AttributeImgArr.map( item => {
+                item.isSelected?activeImgPath=item.img_path:null;
+            });
+            this.allAttributes.forEach( item => {
+                if(item.isSelected){
+                    item.amount = this.batchAmount;
+                    item.count = this.batchCount;
+                    item.skuImg = activeImgPath;
+                    return false;
+                }
+            })
+            // console.log(this.allAttributes);
+            let prevItemIndex = null;
+            this.prevItem.map( item => {
+                this.allAttributes.map( _item => {
+                    if(item.skuDesc.includes(_item.text)){
+                        item.skuImg = _item.skuImg;
+                        item.skuPrice = _item.amount;
+                        item.skuCount = _item.count;
+                        return false;
+                    }
+                })
+            })
+
+            console.log(this.prevItem);
+            this.showBatch = false;
+        },
+        //批处理图片选择
+        BatchSelectImg(item,index){
+            this.AttributeImgArr.map( (_item,_index) => _item.isSelected = false);
+            this.AttributeImgArr[index].isSelected = !this.AttributeImgArr[index].isSelected;
+        },
+        //批量处理单选属性
+        selectAttr(e,index){
+            this.allAttributes[index].isSelected = !this.allAttributes[index].isSelected;
+        },
+        //显示批量处理模态框
+        showBatchModel(){
+            this.showBatch = true;
+            //获取所有具体属性
+            this.allAttributes = [];
+            this.attrItem.map( item =>  item.categoryDesc.split(',').map( _item => this.allAttributes.push({
+                text:_item,
+                isSelected:false,
+                amount:null,
+                count:null,
+                skuImg:null
+            })) );
+        },
+        //切换批量选择按钮
+        changeSelectBtnArr(item,index){
+            this.selectBtnArr.map( (_item,_index) => _index!==index?_item.isSelected = false:null);
+            this.selectBtnArr[index].isSelected = !this.selectBtnArr[index].isSelected;
+
+            if(index===0){
+                this.allAttributes.map( item => item.isSelected = true);
+            }else if(index===1){
+                this.allAttributes.map( item => item.isSelected = !item.isSelected);
+            }else{
+                this.allAttributes.map( item => item.isSelected = false);
+            }
+        },
         selectImg(url){
             // console.log(this.prevItem[this.skuListsIndex]);
             this.prevItem[this.skuListsIndex].skuImg = url;
@@ -92,8 +173,12 @@ let vm = new Vue({
         },
         //单条sku选择图片
         HandleSelectAttributeImg(e,i){
-            this.showAttributeImg = true;
-            this.skuListsIndex = i;
+            if(!this.disabledChangeAttribute){
+                window.alert('请先确认商品规格后再操作。(确认商品规格后将不可再次编辑规格数据)');
+            }else{
+                this.showAttributeImg = true;
+                this.skuListsIndex = i;
+            }
         },
         //删除属性图片
         removeAttributeImg(e,i){
@@ -115,7 +200,10 @@ let vm = new Vue({
         },
         //处理属性图片上传成功回调
         handleAttributeImgSuccess(e){
-            this.AttributeImgArr.push(e);
+            this.AttributeImgArr.push({
+                img_path:e,
+                isSelected:false
+            });
             console.log(e);
             // this.delAttributeImg(e);
         },
@@ -331,7 +419,8 @@ let vm = new Vue({
         reload: function (event) {
             this.prevItem = []
             this.attrItem = []
-            this.isDisabled = false
+            // this.isDisabled = false
+            this.disabledChangeAttribute = false
             vm.showList = true;
             let page = $("#jqGrid").jqGrid('getGridParam', 'page');
             $("#jqGrid").jqGrid('setGridParam', {
@@ -531,7 +620,7 @@ let vm = new Vue({
                 return result.map(arr => arr.join('/'))
             }
 
-            // this.prevItem = [];
+            this.prevItem = [];
             let contentArr = [] // 属性通过','分割后的数组
             this.attrItem.map(item => {
                 let formatter = []
@@ -544,8 +633,8 @@ let vm = new Vue({
             let skuName = '' //sku组合名
             let skuArr = []
             contentArr.forEach((item_a, index_a) => {
-                skuName += item_a.name + '/'
-                skuArr.push(item_a.size)
+                skuName += item_a.name + '/';
+                skuArr.push(item_a.size);
             })
             skuName = skuName.slice(0, skuName.length - 1);
 
@@ -600,8 +689,8 @@ let vm = new Vue({
         },
         /* 保存 */
         save() {
+            console.log(this.attrItem);
             console.log(this.prevItem) //sku组合数组
-            console.log(this.putaway) //是否立即上架
         },
         /* 获取标签数据*/
         getTagsData() {