refactor: 用例列表全屏显示

frontend/src/business/components/api/automation/scenario/EditApiScenario.vue

@@ -817,21 +817,23 @@
           }
         })
         // 场景变量csv 文件
-        this.currentScenario.variables.forEach(param => {
-          if (param.type === 'CSV' && param.files) {
-            param.files.forEach(item => {
-              if (item.file) {
-                if (!item.id) {
-                  let fileId = getUUID().substring(0, 12);
-                  item.name = item.file.name;
-                  item.id = fileId;
+        if (this.currentScenario.variables) {
+          this.currentScenario.variables.forEach(param => {
+            if (param.type === 'CSV' && param.files) {
+              param.files.forEach(item => {
+                if (item.file) {
+                  if (!item.id) {
+                    let fileId = getUUID().substring(0, 12);
+                    item.name = item.file.name;
+                    item.id = fileId;
+                  }
+                  obj.bodyUploadIds.push(item.id);
+                  bodyUploadFiles.push(item.file);
                 }
-                obj.bodyUploadIds.push(item.id);
-                bodyUploadFiles.push(item.file);
-              }
-            })
-          }
-        })
+              })
+            }
+          })
+        }
         return bodyUploadFiles;
       },
       editScenario(showMessage) {
@@ -869,18 +871,20 @@
                   this.currentEnvironmentId = obj.environmentId;
                   this.currentScenario.variables = [];
                   let index = 1;
-                  obj.variables.forEach(item => {
-                    // 兼容历史数据
-                    if (item.name) {
-                      if (!item.type) {
-                        item.type = "CONSTANT";
-                        item.id = getUUID();
+                  if (obj.variables) {
+                    obj.variables.forEach(item => {
+                      // 兼容历史数据
+                      if (item.name) {
+                        if (!item.type) {
+                          item.type = "CONSTANT";
+                          item.id = getUUID();
+                        }
+                        item.num = index;
+                        this.currentScenario.variables.push(item);
+                        index++;
                       }
-                      item.num = index;
-                      this.currentScenario.variables.push(item);
-                      index++;
-                    }
-                  })
+                    })
+                  }
                   this.enableCookieShare = obj.enableCookieShare;
                   this.scenarioDefinition = obj.hashTree;
                 }

frontend/src/business/components/common/components/MsDrawer.vue

@@ -8,6 +8,8 @@
     <div class="ms-drawer-header">
       <slot name="header"></slot>
       <i class="el-icon-close" @click="close"/>
+      <font-awesome-icon v-if="!isFullScreen && showFullScreen" class="alt-ico" :icon="['fa', 'expand-alt']" size="lg" @click="fullScreen"/>
+      <font-awesome-icon v-if="isFullScreen && showFullScreen" class="alt-ico" :icon="['fa', 'compress-alt']" size="lg" @click="unFullScreen"/>
     </div>
     <div class="ms-drawer-body">
       <slot></slot>
@@ -32,6 +34,9 @@
           h: 100,
           directionStyle: 'left-style',
           dragBarDirection: 'vertical',
+          isFullScreen: false,
+          originalW: 100,
+          originalH: 100,
         }
       },
       props: {
@@ -52,6 +57,12 @@
           default() {
             return 40;
           }
+        },
+        showFullScreen: {
+          type: Boolean,
+          default() {
+            return true;
+          }
         }
       },
       mounted() {
@@ -101,6 +112,18 @@
         getHeightPercentage(per) {
           return document.body.clientHeight * per / 100.0;
         },
+        fullScreen() {
+          this.originalW = this.w;
+          this.originalH = this.h;
+          this.w = document.body.clientWidth;
+          this.h = document.body.clientHeight;
+          this.isFullScreen = true;
+        },
+        unFullScreen() {
+          this.w = this.originalW;
+          this.h = this.originalH;
+          this.isFullScreen = false;
+        },
         close() {
           this.$emit('close')
         }
@@ -177,4 +200,18 @@
     color: red;
   }
 
+  .alt-ico {
+    position: absolute;
+    font-size: 15px;
+    right: 40px;
+    top: 15px;
+    color: #8c939d;
+  }
+
+  .alt-ico:hover {
+    color: black;
+    font-size: 18px;
+  }
+
+
 </style>