样式美化

web/src/view/superAdmin/menu/icon.vue

@@ -1,25 +1,16 @@
 <template>
   <div>
-    <el-form
-      ref="menuForm"
-      :inline="true"
-      label-width="85px"
-      label-position="top"
-    >
-      <el-form-item prop="icon" style="width:100%">
-        <i
-          class="icon"
-          :class="'el-icon-'+ metaData.icon"
-          style="position: absolute; z-index: 9999; padding: 5px 10px; "
-        />
-        <el-select v-model="metaData.icon" clearable filterable class="gva-select" placeholder="请选择">
-          <el-option v-for="item in options" :key="item.key" :label="item.key" :value="item.key">
-            <span class="icon" :class="item.label" />
-            <span style="float: left">{{ item.key }}</span>
-          </el-option>
-        </el-select>
-      </el-form-item>
-    </el-form>
+    <i
+      class="icon"
+      :class="'el-icon-'+ metaData.icon"
+      style="position: absolute; z-index: 9999; padding: 5px 10px; "
+    />
+    <el-select v-model="metaData.icon" clearable filterable class="gva-select" placeholder="请选择">
+      <el-option v-for="item in options" :key="item.key" :label="item.key" :value="item.key">
+        <span class="icon" :class="item.label" />
+        <span style="float: left">{{ item.key }}</span>
+      </el-option>
+    </el-select>
   </div>
 </template>
 

web/src/view/superAdmin/menu/menu.vue

@@ -54,6 +54,7 @@
       </el-table>
     </div>
     <el-dialog v-model="dialogFormVisible" :before-close="handleClose" :title="dialogTitle">
+      <warning-bar title="新增菜单，需要在角色管理内篇日志权限才可使用" />
       <el-form
         v-if="dialogFormVisible"
         ref="menuForm"
@@ -128,7 +129,6 @@
           </el-select>
         </el-form-item>
       </el-form>
-      <div class="warning">新增菜单需要在角色管理内配置权限才可使用</div>
       <div>
         <el-button
           size="small"
@@ -175,8 +175,8 @@
       </div>
       <template #footer>
         <div class="dialog-footer">
-          <el-button @click="closeDialog">取 消</el-button>
-          <el-button type="primary" @click="enterDialog">确 定</el-button>
+          <el-button size="small" @click="closeDialog">取 消</el-button>
+          <el-button size="small" type="primary" @click="enterDialog">确 定</el-button>
         </div>
       </template>
     </el-dialog>
@@ -195,10 +195,12 @@ import {
 } from '@/api/menu'
 import infoList from '@/mixins/infoList'
 import icon from '@/view/superAdmin/menu/icon.vue'
+import warningBar from '@/components/warningBar/warningBar.vue'
 export default {
   name: 'Menus',
   components: {
-    icon
+    icon,
+    warningBar
   },
   mixins: [infoList],
   data() {