用户信息-联调

src/layout/components/ESignatureDialog.vue

@@ -49,14 +49,9 @@
 <script>
 export default {
   name: "ESignatureDialog",
-  props: {
-    visible: {
-      type: Boolean,
-      default: false,
-    },
-  },
   data() {
     return {
+      visible: false,
       ctx: null,
       isDrawing: false,
       lastX: 0,
@@ -78,6 +73,9 @@ export default {
     },
   },
   methods: {
+    show() {
+      this.visible = true;
+    },
     initCanvas() {
       const canvas = this.$refs.signatureCanvas;
       if (!canvas) return;
@@ -291,7 +289,7 @@ export default {
     },
 
     handleClose() {
-      this.$emit("update:visible", false);
+      this.visible = false;
     },
   },
 };

src/layout/components/Navbar.vue

@@ -81,7 +81,7 @@
             <span>锁定屏幕</span>
           </el-dropdown-item> -->
           <el-dropdown-item
-            @click.native="showSystemSetting = true"
+            @click.native="handleSystemSettingClick"
             icon="el-icon-setting"
           >
             <span>系统设置</span>
@@ -109,7 +109,7 @@
       </el-dropdown>
     </div>
     <!-- 系统设置弹窗 -->
-    <SystemSettingDialog :visible="showSystemSetting" />
+    <SystemSettingDialog ref="systemSettingDialogRef" />
     <!-- 关于弹窗 -->
     <AboutDialog ref="aboutDialogRef" />
   </div>
@@ -203,6 +203,9 @@ export default {
     handleAboutClick() {
       this.$refs.aboutDialogRef.show();
     },
+    handleSystemSettingClick() {
+      this.$refs.systemSettingDialogRef.show();
+    },
     logout(title) {
       this.$confirm(title, "提示", {
         confirmButtonText: "确定",

src/layout/components/SystemSettingDialog.vue

@@ -76,7 +76,7 @@
         <el-form :model="otherForm" label-width="80px">
           <el-form-item label="电子签名">
             <div class="signature-control">
-              <el-button type="primary" @click="showSignatureDialog = true">
+              <el-button type="primary" @click="showSignatureDialog">
                 编辑
               </el-button>
               <span
@@ -104,7 +104,7 @@
     </span>
     <!-- 电子签名弹窗 -->
     <ESignatureDialog
-      :visible.sync="showSignatureDialog"
+      ref="signatureDialogRef"
       @submit="handleSignatureSubmit"
     />
   </el-dialog>
@@ -117,12 +117,6 @@ export default {
   components: {
     ESignatureDialog,
   },
-  props: {
-    visible: {
-      type: Boolean,
-      default: false,
-    },
-  },
   watch: {
     visible(newVal) {
       if (newVal) {
@@ -156,8 +150,8 @@ export default {
   },
   data() {
     return {
+      visible: false,
       activeTab: "basic",
-      showSignatureDialog: false,
       basicForm: {
         notification: true,
         // autoStart: false,      // 只能在软件中使用
@@ -178,8 +172,14 @@ export default {
     };
   },
   methods: {
+    show() {
+      this.visible = true;
+    },
     handleClose() {
-      this.$emit("update:visible", false);
+      this.visible = false;
+    },
+    showSignatureDialog(){
+      this.$refs.signatureDialogRef.show();
     },
     handleSignatureSubmit(signatureData) {
       this.otherForm.signature = signatureData;