el-menu

src/components/parser/Parser.vue

@@ -486,7 +486,7 @@ export default {
           }
         }
         if (Array.isArray(config.regList)) {
-          debugger
+
           // 必填其他输入框校验
           if (['RADIO', 'CHECKBOX'].includes(cur.typeId)) {
             const required = { validator: validateOtherInput, message: cur.placeholder }

src/views/form/index.vue

@@ -20,15 +20,14 @@
                  :default-active="defaultActiveMenu"
                  class="el-menu-vertical">
           <el-menu-item class="el-menu-item-per"
-                        v-for="menuItem in (publishStatus===1?menuItemList1:publishStatus===2?menuItemList2:menuItemList3)"
+                        v-for="menuItem in menuShow"
                         :key="menuItem.key"
                         :index="menuItem.route"
                         @click="menuSelectHandle(menuItem.route,menuItem.key)">
 
             <i :class="menuItem.icon"
                style="margin-top:1px;align-items:center;" />
-            <span style="white-space:pre-wrap"
-                  slot="title">{{ menuItem.title }}</span>
+            <span slot="title">{{ menuItem.title }}</span>
 
           </el-menu-item>
         </el-menu>
@@ -75,6 +74,7 @@ export default {
       defaultActiveMenu: '',
       projectKey: null,
       isCollapse: false,
+      menuShow: [],
       menuItemList1: [
         {
           key: 'edit',
@@ -177,8 +177,13 @@ export default {
 
     this.getProjectStatus()
 
+
   },
   methods: {
+    menuInit () {
+      this.menuShow = this.publishStatus === 1 ? this.menuItemList1 : this.publishStatus === 2 ? this.menuItemList2 : this.menuItemList3
+
+    },
     diaCancal () {
       this.previewDialogVisible = false
     },
@@ -192,6 +197,7 @@ export default {
         if (this.publishStatus === 3) {
           this.menuSelectHandle('/project/form/statistics', 'static')
         }
+        this.menuInit()
 
       })
     },
@@ -280,7 +286,9 @@ export default {
 }
 
 .left-menu-container {
-  max-width: 100px;
+  width: 130px;
+  min-width: 130px;
+  max-width: 200px;
   text-align: center;
   position: relative;
   display: flex;
@@ -296,8 +304,8 @@ export default {
     min-height: 400px;
   }
   .el-menu-item-per {
-    display: flex;
-    line-height: 20px;
+    // display: flex;
+    // line-height: 20px;
   }
 
   .el-icon-d-arrow-left,
@@ -306,7 +314,7 @@ export default {
     cursor: pointer;
     font-weight: 550;
     color: #000;
-    margin-bottom: 100px;
+    margin-bottom: 20px;
 
     &:hover {
       color: rgb(32, 160, 255);