|
|
|
@ -26,24 +26,38 @@
|
|
|
|
</a-input>
|
|
|
|
</a-input>
|
|
|
|
</a-form-item>
|
|
|
|
</a-form-item>
|
|
|
|
<a-form-item label="验证码" style="text-align: left">
|
|
|
|
<a-form-item label="验证码" style="text-align: left">
|
|
|
|
<a-input style="width:unset" v-decorator="[
|
|
|
|
<div class="g_flex_row_start">
|
|
|
|
'code',
|
|
|
|
<div>
|
|
|
|
{
|
|
|
|
<a-input style="width:240px" v-decorator="[
|
|
|
|
rules: [
|
|
|
|
'code',
|
|
|
|
{
|
|
|
|
{
|
|
|
|
required: true,
|
|
|
|
rules: [
|
|
|
|
message: '请输入验证码',
|
|
|
|
{
|
|
|
|
},
|
|
|
|
required: true,
|
|
|
|
],
|
|
|
|
message: '请输入验证码',
|
|
|
|
validateTrigger: 'submit',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
],
|
|
|
|
]" type="text" placeholder="请输入短信验证码">
|
|
|
|
validateTrigger: 'submit',
|
|
|
|
<!-- <i slot="prefix" class="icon-duanxinyanzheng iconfont" /> -->
|
|
|
|
},
|
|
|
|
<span class="getrulecode" slot="suffix">
|
|
|
|
]" type="text" placeholder="请输入短信验证码">
|
|
|
|
<span @click="getPhoneCode" data-mark="getcode" v-if="timedata.isfinish">获取验证码</span>
|
|
|
|
<!-- <i slot="prefix" class="icon-duanxinyanzheng iconfont" /> -->
|
|
|
|
<timmer :timedata="timedata" v-if="!timedata.isfinish" />
|
|
|
|
<!-- <span class="getrulecode" slot="suffix">
|
|
|
|
</span>
|
|
|
|
<span @click="getPhoneCode" data-mark="getcode" v-if="timedata.isfinish">获取验证码</span>
|
|
|
|
</a-input>
|
|
|
|
<timmer :timedata="timedata" v-if="!timedata.isfinish" />
|
|
|
|
|
|
|
|
</span> -->
|
|
|
|
|
|
|
|
</a-input>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="g_ml_12">
|
|
|
|
|
|
|
|
<!-- <a-button>
|
|
|
|
|
|
|
|
<span @click="getPhoneCode" data-mark="getcode" v-if="timedata.isfinish">获取验证码</span>
|
|
|
|
|
|
|
|
<timmer :timedata="timedata" v-if="!timedata.isfinish" />
|
|
|
|
|
|
|
|
</a-button> -->
|
|
|
|
|
|
|
|
<div class="getrulecode sms-btn" style="line-height: 32px;">
|
|
|
|
|
|
|
|
<span @click="getPhoneCode" data-mark="getcode" v-if="timedata.isfinish">获取验证码</span>
|
|
|
|
|
|
|
|
<timmer :timedata="timedata" v-if="!timedata.isfinish" />
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</a-form-item>
|
|
|
|
</a-form-item>
|
|
|
|
<a-form-item label="新密码" style="text-align: left">
|
|
|
|
<a-form-item label="新密码" style="text-align: left">
|
|
|
|
<a-input @input="getpassword" v-decorator="[
|
|
|
|
<a-input @input="getpassword" v-decorator="[
|
|
|
|
@ -83,7 +97,7 @@
|
|
|
|
</a-form-item>
|
|
|
|
</a-form-item>
|
|
|
|
<a-form-item label class="submit" style="height: 40px;position: relative;margin-bottom: 0;">
|
|
|
|
<a-form-item label class="submit" style="height: 40px;position: relative;margin-bottom: 0;">
|
|
|
|
<div class="state-box">
|
|
|
|
<div class="state-box">
|
|
|
|
<a-button type="primary" class="cancel login-form-button" @click="cancel">取消</a-button>
|
|
|
|
<a-button type="primary" class="cancel login-form-button" @click="cancel">取消</a-button>
|
|
|
|
<a-button
|
|
|
|
<a-button
|
|
|
|
style="border: 1px solid #1890ff;"
|
|
|
|
style="border: 1px solid #1890ff;"
|
|
|
|
type="primary" html-type="submit" :loading="btnLoading" class="login-form-button">确定</a-button>
|
|
|
|
type="primary" html-type="submit" :loading="btnLoading" class="login-form-button">确定</a-button>
|
|
|
|
@ -290,6 +304,7 @@ export default {
|
|
|
|
margin: 0 auto;
|
|
|
|
margin: 0 auto;
|
|
|
|
.ant-form-item {
|
|
|
|
.ant-form-item {
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
margin-bottom: 16px;
|
|
|
|
// align-items: center;
|
|
|
|
// align-items: center;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/deep/ .ant-form-explain {
|
|
|
|
/deep/ .ant-form-explain {
|
|
|
|
@ -312,7 +327,7 @@ export default {
|
|
|
|
color: #4d575e;
|
|
|
|
color: #4d575e;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.ant-input {
|
|
|
|
.ant-input {
|
|
|
|
height: 40px;
|
|
|
|
height: 32px;
|
|
|
|
// background-color: #f6f6f6;
|
|
|
|
// background-color: #f6f6f6;
|
|
|
|
// width: 430px;
|
|
|
|
// width: 430px;
|
|
|
|
text-indent: 15px;
|
|
|
|
text-indent: 15px;
|
|
|
|
@ -329,13 +344,13 @@ export default {
|
|
|
|
&::placeholder {
|
|
|
|
&::placeholder {
|
|
|
|
opacity: 0.4;
|
|
|
|
opacity: 0.4;
|
|
|
|
color: #4d575e;
|
|
|
|
color: #4d575e;
|
|
|
|
font-size: 16px;
|
|
|
|
font-size: 14px;
|
|
|
|
text-indent: 15px;
|
|
|
|
text-indent: 15px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.ant-input {
|
|
|
|
.ant-input {
|
|
|
|
height: 40px;
|
|
|
|
height: 32px;
|
|
|
|
// background-color: #f6f6f6;
|
|
|
|
// background-color: #f6f6f6;
|
|
|
|
// width: 430px;
|
|
|
|
// width: 430px;
|
|
|
|
text-indent: 15px;
|
|
|
|
text-indent: 15px;
|
|
|
|
@ -352,7 +367,7 @@ export default {
|
|
|
|
&::placeholder {
|
|
|
|
&::placeholder {
|
|
|
|
opacity: 0.4;
|
|
|
|
opacity: 0.4;
|
|
|
|
color: #4d575e;
|
|
|
|
color: #4d575e;
|
|
|
|
font-size: 16px;
|
|
|
|
font-size: 14px;
|
|
|
|
text-indent: 15px;
|
|
|
|
text-indent: 15px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@ -414,4 +429,18 @@ export default {
|
|
|
|
width: 430px;
|
|
|
|
width: 430px;
|
|
|
|
top: -15px;
|
|
|
|
top: -15px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.sms-btn{
|
|
|
|
|
|
|
|
width: 102px !important;
|
|
|
|
|
|
|
|
height: 32px !important;
|
|
|
|
|
|
|
|
border: 1px solid #1890ff !important;
|
|
|
|
|
|
|
|
color: #1677ff !important;
|
|
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
|
|
border-color: #1677ff;
|
|
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
|
|
font-size: 14px !important;
|
|
|
|
|
|
|
|
// padding: 7px 12.5px;
|
|
|
|
|
|
|
|
border-radius: 6px;
|
|
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
|
|
top: 4px;
|
|
|
|
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</style>
|
|
|
|
|
