移除模块BUG问题解决

whyczyk

2021-03-12 a427827ade262e6d196987dfe2fd146efb62f9f5

移除模块BUG问题解决

 src/components/settingModular.vue

@@ -208,6 +208,14 @@
            this.nowlayOut.children.splice(i, 1);
          }
        })
        let sendData = JSON.parse(JSON.stringify(this.nowlayOut));
        sendData.children.map((item) => {
          item.x = item.x / clientWidth;
          item.y = item.y / clientHeight;
          item.w = item.w / clientWidth;
          item.h = item.h / clientHeight;
        })
        this.$emit('removeModular', sendData);
      },
      // 加载布局数据
      loadLayout() {

 src/pages/design.vue

@@ -60,8 +60,8 @@
    <div class="content-warp">
      <div class="screenWarp" :style="'background-image:url('+screenBg+')'" ref="cover">
        <screen-title :title="layOut.name" :bgImg="screenTitleBg"></screen-title>
        <setting-modular :layOut="layOut" @onResizstop="onResizstop" @onDragstop="onDragstop" :draggable="true"
          :resizable="true"></setting-modular>
        <setting-modular :layOut="layOut" @onResizstop="onResizstop" @onDragstop="onDragstop"
          @removeModular="removeModular" :draggable="true" :resizable="true"></setting-modular>
      </div>
    </div>
  </div>
@@ -254,6 +254,9 @@
      onDragstop(data) {
        this.layOut = data
      },
      removeModular(data) {
        this.layOut = data
      },
      saveLayout() {
        let postData = JSON.parse(JSON.stringify(this.layOut))
        postData.children.map(item => {