11/09 10:53

菜单栏设置

src/views/setSilder/addSilder.vue

@@ -68,8 +68,11 @@
                default-expand-all
                @close="onFormClose('ruleForm')"
                width="500px">
-      <el-form :model="form" :rules="rules" ref="ruleForm">
-        <el-form-item label="菜单名" prop="name"
+      <el-form :model="form"
+               :rules="rules"
+               ref="ruleForm">
+        <el-form-item label="菜单名"
+                      prop="name"
                       :label-width="formLabelWidth">
           <el-input v-model.trim="form.name"
                     autocomplete="off"></el-input>
@@ -79,12 +82,14 @@
           <el-input v-model.trim="form.path"
                     autocomplete="off"></el-input>
         </el-form-item>
-        <el-form-item label="接口权限" prop="permission"
+        <el-form-item label="接口权限"
+                      prop="permission"
                       :label-width="formLabelWidth">
           <el-input v-model.trim="form.permission"
                     autocomplete="off"></el-input>
         </el-form-item>
-        <el-form-item label="页面权限" prop="memo"
+        <el-form-item label="页面权限"
+                      prop="memo"
                       :label-width="formLabelWidth">
           <el-input v-model.trim="form.memo"
                     autocomplete="off"></el-input>
@@ -99,10 +104,15 @@
           <el-input v-model.trim="form.component"
                     autocomplete="off"></el-input>
         </el-form-item>
-        <el-form-item label="父元素ID" prop="parentId"
+        <el-form-item label="父元素ID"
+                      prop="parentId"
                       :label-width="formLabelWidth">
-          <el-input v-model.trim="form.parentId"
-                    autocomplete="off"></el-input>
+          <!-- <el-input v-model.trim="form.parentId"
+                    autocomplete="off"></el-input> -->
+          <el-cascader v-model="form.parentId"
+                       style="width:100%"
+                       :options="tableList"
+                       :props="optionProps"></el-cascader>
         </el-form-item>
         <el-form-item label="是否隐藏"
                       :label-width="formLabelWidth">
@@ -173,6 +183,11 @@ export default {
         permission: [{ required: true, message: "请输入接口权限", trigger: "blur" }],
         memo: [{ required: true, message: "请输入页面权限", trigger: "blur" }],
         parentId: [{ required: true, message: "请输入父元素ID", trigger: "blur" }],
+      },
+      optionProps: {
+        value: 'id',
+        label: 'name',
+        children: 'children'
       }
     }
   },
@@ -251,7 +266,7 @@ export default {
           return false;
         }
       });
-      
+
     },
 
     lookSilder () {

src/views/teamBuild/components/soundSetComponents/chioseMusic.vue

@@ -133,5 +133,6 @@ p {
   align-items: center;
   padding-left: 20px;
   margin-top: 10px;
+  width: 100%;
 }
 </style>