|
@@ -1,7 +1,13 @@
|
|
|
<template>
|
|
|
<div class="home">
|
|
|
<div class="menu-box"></div>
|
|
|
- <el-dialog class="dialog" title="请先修改密码,再进入系统." :visible.sync="dialogFormVisible" :close-on-click-modal="false" :show-close="false" width="600px">
|
|
|
+ <el-dialog :visible.sync="dialogFormVisible" :close-on-click-modal="false" :show-close="false" width="600px" custom-class="customClass">
|
|
|
+ <div slot="title" class="dialog-title">
|
|
|
+ <el-row>
|
|
|
+ <el-icon class="el-icon-message-solid"></el-icon>
|
|
|
+ <span>请先修改密码,再登录系统</span>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
<el-form :model="dialogForm" :rules="rules" ref="dialogForm" label-position="right"
|
|
|
label-width="110px"
|
|
|
style="width: 400px; margin-left:50px;">
|
|
@@ -34,7 +40,7 @@
|
|
|
activeItem: {},
|
|
|
dialogFormVisible:false,
|
|
|
dialogForm:{},
|
|
|
- rules:{}
|
|
|
+ rules:{},
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
@@ -254,7 +260,18 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .dialog{
|
|
|
- border-radius: 20px;
|
|
|
- }
|
|
|
+ /deep/.customClass{
|
|
|
+ border-radius: 20px;
|
|
|
+ }
|
|
|
+ .dialog-title{
|
|
|
+ .el-icon-message-solid{
|
|
|
+ font-size: 30px;
|
|
|
+ color: red;
|
|
|
+ }
|
|
|
+ span{
|
|
|
+ margin-left: 10px;
|
|
|
+ color: red;
|
|
|
+ font-size: 20px;
|
|
|
+ }
|
|
|
+ }
|
|
|
</style>
|