feat: 菜单配置的组件路径等允许用户修改

src/main.scss

@@ -26,3 +26,16 @@ body {
 .el-tabs__nav-wrap::after {
   position: static !important;
 }
+
+
+.flex {
+  display: flex;
+}
+
+.items-center {
+  align-items: center;
+}
+
+.cursor-pointer {
+  cursor: pointer;
+}

src/views/system/menu/MenuForm.vue

@@ -45,7 +45,7 @@
               <span>路由地址</span>
             </div>
           </template>
-          <el-input placeholder="路由地址" v-model="formParams.routeUrl" disabled />
+          <el-input placeholder="路由地址" v-model="formParams.routeUrl" />
         </el-form-item>
       </el-col>
       <el-col :span="12">
@@ -63,7 +63,7 @@
               <span>路由名称</span>
             </div>
           </template>
-          <el-input placeholder="路由名称" v-model="formParams.routeName" disabled />
+          <el-input placeholder="路由名称" v-model="formParams.routeName" />
         </el-form-item>
       </el-col>
     </el-row>
@@ -85,7 +85,7 @@
               <span>组件路径</span>
             </div>
           </template>
-          <el-input placeholder="组件路径" v-model="formParams.component" disabled />
+          <el-input placeholder="组件路径" v-model="formParams.component" />
         </el-form-item>
       </el-col>
     </el-row>
@@ -106,7 +106,7 @@
               <span>菜单图标</span>
             </div>
           </template>
-          <el-input placeholder="菜单图标映射名称" v-model="formParams.icon" disabled />
+          <el-input placeholder="菜单图标映射名称" v-model="formParams.icon" />
         </el-form-item>
       </el-col>
       <el-col :span="12">
@@ -122,7 +122,7 @@
               <span>默认路由</span>
             </div>
           </template>
-          <el-input placeholder="默认跳转路由地址" v-model="formParams.redirect" disabled />
+          <el-input placeholder="默认跳转路由地址" v-model="formParams.redirect" />
         </el-form-item>
       </el-col>
     </el-row>