页面修改

src/components/system/menu-form.vue

@@ -19,6 +19,7 @@
             label="菜单类型" @input="queryMenuList()" />
           <q-select class="col-6 q-pr-lg q-pb-lg" v-if="objOption.IsUserCenter==0" v-model="objOption.MenuLevel"
             :options="MenuLevelOpts" emit-value map-options label="菜单等级" @input="queryMenuList()" />
+
           <q-select v-if="objOption.IsUserCenter==0" filled clearable use-input option-value="MenuId"
             option-label="MenuName" v-model="objOption.ParentId" :options="MenuList" label="上级菜单" :dense="false"
             emit-value map-options class="col-6 q-pr-lg q-pb-lg" @filter="filterFn">
@@ -29,7 +30,18 @@
                 </q-item-section>
               </q-item>
             </template>
+            <template v-slot:option="{ itemProps, itemEvents, opt, selected, toggleOption }">
+              <q-item v-bind="itemProps" v-on="itemEvents">
+                <q-item-section>
+                  <q-item-label v-html="opt.MenuName"></q-item-label>
+                </q-item-section>
+                <q-item-section side>
+                  <q-item-label v-html="'菜单等级【'+opt.MenuLevel+'】'"></q-item-label>
+                </q-item-section>
+              </q-item>
+            </template>
           </q-select>
+       
           <q-input stack-label maxlength="60" :dense="false" v-model="objOption.MenuIcon" class="col-6 q-pr-lg q-pb-lg"
             label="图标" />
           <q-input filled stack-label maxlength="10" :dense="false" v-model="objOption.SortNum"
@@ -134,7 +146,8 @@
             res.Data.forEach(item => {
               var obj = {
                 MenuId: item.MenuId.toString(),
-                MenuName: item.MenuName
+                MenuName: item.MenuName,
+                MenuLevel:item.MenuLevel,
               };
               tempArray.push(obj);
             });
@@ -213,5 +226,4 @@
       }
     },
   }
-
-</script>
+</script>
\ No newline at end of file