前端性能优化，体验优化 (#1178)

* 优化角色管理中菜单和api管理的确定按钮，固定在右上角，更容易操作，每次修改完不需要拉到最上面再确定

* 角色管理中 api和菜单树 增加筛选框

* vite更新至3.0

* 取消sass-loader

* 取消*zoom 的打包报错

Co-authored-by: qiang <1604864658@qq.com>

web/src/view/superAdmin/authority/authority.vue

@@ -83,8 +83,8 @@
       </template>
     </el-dialog>
 
-    <el-drawer v-if="drawer" v-model="drawer" :with-header="false" size="40%" title="角色配置">
-      <el-tabs :before-leave="autoEnter" class="role-box" type="border-card">
+    <el-drawer v-if="drawer" v-model="drawer" custom-class="auth-drawer" :with-header="false" size="40%" title="角色配置">
+      <el-tabs :before-leave="autoEnter" type="border-card">
         <el-tab-pane label="角色菜单">
           <Menus ref="menus" :row="activeRow" @changeRow="changeRow" />
         </el-tab-pane>
@@ -396,10 +396,15 @@ export default {
     }
   }
 }
-.role-box {
-  .el-tabs__content {
-    height: calc(100vh - 72px);
-    overflow: auto;
+.tree-content{
+  overflow: auto;
+  height: calc(100vh - 100px);
+  margin-top: 10px;
+}
+
+.auth-drawer{
+  .el-drawer__body{
+    overflow: hidden;
   }
 }
 </style>