增加AI助手

packages/bigscreen/designer/Layout.vue

@@ -13,8 +13,11 @@
       </div>
     </div>
     <div class="layout-wrapper">
-      <div class="layout-left">
-        <h2>全部资产</h2>
+      <div class="layout-left" :class="{hide:leftHide}">
+        <h2 class="flex">
+          <div class="fill">全部资产</div>
+          <el-button class="leftHideBtn" type="text" @click="leftHide=!leftHide">{{ leftHide ? "展开" : "收起" }}</el-button>
+        </h2>
         <div class="layout-left__wrapper">
           <div class="layout-left__left">
             <div @click="subIndex = 0, parentIndex = index" :class="{active: parentIndex === index}"
@@ -44,14 +47,13 @@
       </div>
       <div class="layout-middle">
         <div class="canvas-wrapper">
-          <vue-ruler-tool
-              v-model="dashboard.presetLine"
-              class="vueRuler"
-              :step-length="50"
-              parent
-              is-scale-revise
-              position="relative"
-              :visible.sync="dashboard.presetLineVisible">
+          <vue-ruler-tool v-model="dashboard.presetLine" v-if="resizeWrapper"
+                          class="vueRuler"
+                          :step-length="50"
+                          parent
+                          is-scale-revise
+                          position="relative"
+                          :visible.sync="dashboard.presetLineVisible">
             <div id="workbench"
                  class="workbench"
                  :style="{
@@ -278,6 +280,8 @@ export default {
       widthScale: 0,
       heightScale: 0,
       images: [],
+      leftHide: false,
+      resizeWrapper: true
     }
   },
 
@@ -319,7 +323,16 @@ export default {
       this.initCanvas()
     })
   },
-
+  watch: {
+    leftHide: {
+      handler(v) {
+        this.middleWidth = document.querySelector('.layout-wrapper').offsetWidth - (v ? 340 : 670)
+        this.initCanvas()
+        this.resizeWrapper = false
+        this.$nextTick(() => this.resizeWrapper = true)
+      }
+    }
+  },
   methods: {
     ...mapActions(['closePage']),
     copy(link) {
@@ -747,6 +760,22 @@ export default {
     flex-shrink: 0;
     background: #1D2127;
 
+    &.hide {
+      width: 0;
+      position: relative;
+
+      h2 > .fill {
+        display: none;
+      }
+
+      .leftHideBtn {
+        position: absolute;
+        left: 0;
+        top: 0;
+        transform: translate(0, -100%);
+      }
+    }
+
     & > h2 {
       height: 40px;
       line-height: 40px;
@@ -798,8 +827,12 @@ export default {
         }
 
         img {
-          width: 180px;
-          height: 80px;
+          width: auto;
+          height: auto;
+          max-height: 80px;
+          max-width: 100%;
+          margin-left: 50%;
+          transform: translateX(-50%);
         }
 
         span {
@@ -882,7 +915,6 @@ export default {
       position: relative;
       -webkit-transform-origin: 0 0;
       transform-origin: 0 0;
-      -webkit-box-sizing: border-box;
       box-sizing: border-box;
       height: 100%;
       margin: 0;