gaoshp
2024-11-03 dcc4992bd51e9ee4a97099cd3a15085f7e247f23
src/views/home/widgets/index.vue
@@ -143,7 +143,6 @@
            })
            var myGrid = copmsList;
            this.$TOOL.data.set("DASHBOARDGRID", copmsList);
            return this.allCompsList;
         },
         nowCompsList(){
@@ -157,7 +156,7 @@
      },
      methods: {
         endDraggable(e) {
            //console.log(this.grid,e,111)
         },
         getWorkbenchCarList() {
            var data = this.$TOOL.data.get("MENU");
@@ -226,10 +225,17 @@
                  // this.$CONFIG.DEFAULT_GRID.layout = layout;
                  // this.$CONFIG.DEFAULT_GRID.data = cards;
                  //this.$CONFIG.DEFAULT_GRID.copmsList = [["mdcDeviceStatus"],["mdcRunning","mdcEquipmentRun"],[],[]]
                  this.$CONFIG.DEFAULT_GRID.copmsList = res.data[0].layoutConfig == null?[]:JSON.parse(res.data[0].layoutConfig);
                  // if(this.$CONFIG.DEFAULT_GRID.copmsList.length == 0) {
                  //    this.$CONFIG.DEFAULT_GRID.copmsList = [["mdcDeviceStatus"],["mdcRunning","mdcEquipmentRun"],[],[]]
                  // }
                  if(res.data.length == 0) {
                     this.$CONFIG.DEFAULT_GRID.copmsList = [[],[],[],[]];
                  }else {
                     var layoutConfig = JSON.parse(res.data[0].layoutConfig);
                     //不满足4,补足
                     var newArr = [...layoutConfig];
                     for (let i = 0; i < (4-newArr.length); i++) {
                        layoutConfig.push([]);
                     }
                     this.$CONFIG.DEFAULT_GRID.copmsList = res.data[0].layoutConfig == null?[]:layoutConfig;
                  }
                  this.$CONFIG.DEFAULT_GRID.layout = [24,12,6,6];
                  this.$CONFIG.DEFAULT_GRID.data = res.data;
                  this.defaultGrid = this.$CONFIG.DEFAULT_GRID;
@@ -277,23 +283,34 @@
         },
         //隐藏组件
         remove(item){
            var newCopmsList = this.grid.copmsList
            newCopmsList.forEach((obj, index) => {
               var newObj = obj.filter(o=>o!=item)
               newCopmsList[index] = newObj;
            this.$nextTick(()=> {
               var newCopmsList = this.grid.copmsList;
               newCopmsList.forEach((obj, index) => {
                  var newObj = obj.filter(o=>o!=item)
                  newCopmsList[index] = newObj;
               })
               this.grid.data.forEach((item1,index1)=> {
                  if(item1.cardKey == item) {
                     this.grid.data.splice(index1,1);
                  }
               })
            })
         },
         //保存
         save(){
            this.customizing = false
            this.$refs.widgets.style.removeProperty('transform')
            this.$TOOL.data.set("grid", this.grid)
            this.$TOOL.data.set("grid", this.grid);
            //this.apiResource.workStationIdList
            //保存接口
            //var copmsList = this.grid.copmsList;
            //var flattened = copmsList.reduce((acc, val) => acc.concat(val), []); //扁平化 
            //var data = this.grid.data.filter(item=>this.nowCompsList.includes(item.cardKey));
            this.grid.data.forEach(item=> {
               item.layoutConfig = JSON.stringify(this.grid.copmsList);
               if(item.cardKey == "mdcRunning") {
                  item.apiResource = JSON.stringify({workStationIdList: []})
               }
            })
            var obj = {
               workbenchCardAddVOList: this.grid.data,