完成魔方管理

platform-admin/src/main/webapp/WEB-INF/page/sys/tbcfcube.html

@@ -141,7 +141,7 @@
                             </i-button>
 
                             <i-button class="prev-choose" type="primary" size="small"
-                                      @click="selectItems" style="float: right;margin-right: 10px">选择
+                                      @click="selectItems(i)" style="float: right;margin-right: 10px">选择
                             </i-button>
                             <Form-item>
                                 <i-input v-model="el.item" placeholder="商品选择"

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

@@ -4,9 +4,9 @@ $(function () {
         colModel: [
             {label: 'id', name: 'id', index: 'id', key: true, hidden: true},
             {label: '魔方标题', name: 'cubeTitle', index: 'cube_title', width: 80},
-            {label: '标题图片', name: 'headerImage', index: 'header_image', width: 80},
+            {label: '标题图片', name: 'headerImage', index: 'header_image', width: 80, formatter: imageFormat},
             {label: '排序', name: 'sort', index: 'sort', width: 80},
-            {label: '是否启用', name: 'isEnabled', index: 'is_enabled', width: 80},
+            {label: '是否启用', name: 'isEnabled', index: 'is_enabled', width: 80, formatter: validFormat},
             {label: '创建时间', name: 'createTime', index: 'create_time', width: 80}]
     });
 });
@@ -14,6 +14,7 @@ $(function () {
 let vm = new Vue({
     el: '#rrapp',
     data: {
+        item: null,
         typeActive: 2, //显示索引
         items: [],
         /*
@@ -114,7 +115,7 @@ let vm = new Vue({
         radio: 1,
         showList: true,
         title: null,
-        chooseItems: [{item: null}],
+        chooseItems: [],
         tbCfCube: {},
         chooseOptions: [{
             value: 0,
@@ -131,8 +132,7 @@ let vm = new Vue({
         q: {
             name: ''
         },
-
-        selectItemId:null, //选中的商品id
+        selectIndex: null,
     },
     methods: {
         tirggerFile: function (event) {
@@ -159,12 +159,11 @@ let vm = new Vue({
             });
         },
         back() {
-            this.selectItemId = getSelectedRow("#searchjqGrid");
             this.showItems = false;
-            this.chooseItems.push({
-                item:this.selectItemId
-            });
-            this.chooseItems.map( (item,index) => item.item === null ? this.chooseItems.splice(index,1) : void(0));
+            this.chooseItems[this.selectIndex].item = getSelectedRow("#searchjqGrid");
+            /*         let tmpArr = [];
+                     this.chooseItems.forEach(item => item.item !== null ? tmpArr.push(item) : void(0));
+                     this.chooseItems = tmpArr;*/
         },
         handleSubmit: function (name) {
             let redirectUrl = null;
@@ -336,7 +335,8 @@ let vm = new Vue({
                 })() : null
             })
         },
-        selectItems() {
+        selectItems(i) {
+            this.selectIndex = i;
             this.showItems = true;
         },
         delParamster(i) {
@@ -365,11 +365,13 @@ let vm = new Vue({
             vm.reload();
         },
         add: function () {
+            this.chooseItems.length = 0
             vm.showList = false;
             vm.title = "新增";
             vm.tbCfCube = {};
         },
         update: function (event) {
+            this.chooseItems.length = 0
             let id = getSelectedRow("#jqGrid");
             if (id == null) {
                 return;
@@ -381,6 +383,8 @@ let vm = new Vue({
         },
         saveOrUpdate: function (event) {
             let url = vm.tbCfCube.id == null ? "../tbcfcube/save" : "../tbcfcube/update";
+            vm.tbCfCube.itemIds = vm.chooseItems.map(res => res.item).join(';');
+            console.log(222, vm.tbCfCube.itemIds)
             Ajax.request({
                 url: url,
                 params: JSON.stringify(vm.tbCfCube),
@@ -417,8 +421,15 @@ let vm = new Vue({
             Ajax.request({
                 url: "../tbcfcube/info/" + id,
                 async: true,
-                successCallback: function (r) {
+                successCallback: (r) => {
                     vm.tbCfCube = r.tbCfCube;
+                    let idArr = vm.tbCfCube.itemIds.split(';');
+                    idArr.map(res => {
+                        console.log(456, res)
+                        this.chooseItems.push({
+                            item: res
+                        });
+                    })
                 }
             });
         },
@@ -448,8 +459,8 @@ let vm = new Vue({
     }
     ,
     created() {
-        document.onkeydown=(e)=>{
-            if(this.search&&e.keyCode===13){
+        document.onkeydown = (e) => {
+            if (this.search && e.keyCode === 13) {
                 this.handleSearch()
             }
         }
@@ -478,10 +489,10 @@ let vm = new Vue({
 
         //获取标签
         $.get('../tbcflabel/queryAll?timestamp=' + new Date().getTime(), res => {
-            this.tagLists=[];
+            this.tagLists = [];
             let OBJ_res = JSON.parse(res);
             OBJ_res.list.forEach((item) => {
-                console.log('labelName',item.labelName)
+                console.log('labelName', item.labelName)
                 this.tagLists.push({
                     label: item.labelName,
                     value: item.id