前端

fuintAdmin_zt/src/layout/components/Navbar.vue

@@ -46,6 +46,26 @@
         </el-dropdown-menu>
       </el-dropdown>
     </div>
+    <el-dialog
+      title="提示"
+      :visible.sync="dialogVisible"
+      width="30%"
+      :before-close="handleClose">
+      <el-form-item label="密码" prop="name">
+        <el-input v-model="ruleForm.name"></el-input>
+      </el-form-item>
+      <el-form-item label="新密码" prop="name">
+        <el-input v-model="ruleForm.name"></el-input>
+      </el-form-item>
+      <el-form-item label="确认密码" prop="name">
+        <el-input v-model="ruleForm.name"></el-input>
+      </el-form-item>
+      <span slot="footer" class="dialog-footer">
+    <el-button @click="dialogVisible = false">取 消</el-button>
+    <el-button type="primary" @click="prsswrod()">确 定</el-button>
+  </span>
+    </el-dialog>
+
 
   </div>
 </template>
@@ -62,6 +82,11 @@ import FuintDoc from '@/components/Fuint/Doc'
 import confirmLog from "@/views/coupon/confirmLog/index.vue";
 
 export default {
+  data() {
+    return {
+      dialogVisible: false
+    }
+  },
   components: {
     Breadcrumb,
     TopNav,
@@ -96,8 +121,18 @@ export default {
     }
   },
   methods: {
+    handleClose(done) {
+      this.$confirm('确认关闭？')
+        .then(_ => {
+          done();
+        })
+        .catch(_ => {});
+    }
+  },
     prsswrod(){
       console.log('方法')
+      this.dialogVisible = false
+
     },
     toggleSideBar() {
       this.$store.dispatch('app/toggleSideBar')
@@ -113,7 +148,7 @@ export default {
         })
       }).catch(() => {});
     }
-  }
+
 }
 </script>