用户基础设置-页面优化

src/layout/components/AboutDialog.vue

@@ -1,10 +1,11 @@
 <template>
   <el-dialog
     title="关于"
-    :visible="visible"
+    :visible.sync="visible"
     width="450px"
     :show-close="true"
     @close="handleClose"
+    append-to-body
   >
     <div class="about-content">
       <div class="logo-section">

src/layout/components/ESignatureDialog.vue

@@ -1,11 +1,12 @@
 <template>
   <el-dialog
     title="电子签名"
-    :visible="visible"
+    :visible.sync="visible"
     width="49%"
     :show-close="true"
     @close="handleClose"
     @opened="initCanvas"
+    qappend-to-body
   >
     <el-form label-width="80px">
       <el-form-item label="签名区域">

src/layout/components/Navbar.vue

@@ -69,19 +69,19 @@
           <el-dropdown-item @click.native="showAbout = true">
             关于
           </el-dropdown-item>
-          <el-dropdown-item @click.native="switchAccount">
+          <el-dropdown-item divided @click.native="switchAccount">
             切换账号
           </el-dropdown-item>
-          <el-dropdown-item divided @click.native="logout">
+          <el-dropdown-item @click.native="logout">
             <span>退出登录</span>
           </el-dropdown-item>
         </el-dropdown-menu>
       </el-dropdown>
     </div>
     <!-- 系统设置弹窗 -->
-    <SystemSettingDialog :visible.sync="showSystemSetting" />
+    <SystemSettingDialog :visible="showSystemSetting" />
     <!-- 关于弹窗 -->
-    <AboutDialog :visible.sync="showAbout" />
+    <AboutDialog :visible="showAbout" />
   </div>
 </template>
 
@@ -123,6 +123,18 @@ export default {
       showAbout: false,
     };
   },
+  watch: {
+    showSystemSetting(newVal) {
+      if (newVal) {
+        this.showAbout = false;
+      }
+    },
+    showAbout(newVal) {
+      if (newVal) {
+        this.showSystemSetting = false;
+      }
+    },
+  },
   computed: {
     ...mapGetters(["sidebar", "avatar", "device", "nickName"]),
     setting: {

src/layout/components/SystemSettingDialog.vue

@@ -1,10 +1,11 @@
 <template>
   <el-dialog
     title="系统设置"
-    :visible="visible"
+    :visible.sync="visible"
     width="25%"
     :show-close="true"
     @close="handleClose"
+    append-to-body
   >
     <el-tabs v-model="activeTab">
       <!-- 基本设置 -->