fix： 修改右弹窗的组件

src/views/settings/Roles.vue

@@ -34,9 +34,13 @@
         <pagination ref="pagination" :page-obj="pageObj" :table-id="tableId" @pageNo='pageNo' @pageSize='pageSize'></pagination>
       </template>
     </cn-data-list>
-    <transition name="right-box">
-      <role-box v-if="rightBox.show" :object="object" @close="closeRightBox"></role-box>
-    </transition>
+    <el-drawer
+            v-model="rightBox.show"
+            direction="rtl"
+            :with-header="false"
+            destroy-on-close>
+      <role-box :object="object" @close="closeRightBox"></role-box>
+    </el-drawer>
   </div>
 </template>
 <script>

src/views/settings/User.vue

@@ -38,13 +38,16 @@
         <pagination ref="pagination" :page-obj="pageObj" :table-id="tableId" @pageNo='pageNo' @pageSize='pageSize'></pagination>
       </template>
     </cn-data-list>
-    <transition name="right-box">
+    <el-drawer
+            v-model="rightBox.show"
+            direction="rtl"
+            :with-header="false"
+            destroy-on-close>
       <user-box
-        v-if="rightBox.show"
-        :object="object"
-        @close="closeRightBox"
+              :object="object"
+              @close="closeRightBox"
       />
-    </transition>
+    </el-drawer>
   </div>
 </template>
 <script>