Skip to content

T
ty_patentSys
Commit 275af101 by heshihao
Options

feat: 修改展示问题

parent e005397f
Showing with 41 additions and 108 deletions
src/views/login/admin.vue
...@@ -29,10 +29,7 @@ ...@@ -29,10 +29,7 @@
@finish="onFinish" @finish="onFinish"
@finishFailed="onFinishFailed" @finishFailed="onFinishFailed"
> >
<a-form-item <a-form-item name="username" :rules="[{ required: true, message: '请输入用户名！' }]">
name="username"
:rules="[{ required: true, message: '请输入用户名！' }]"
>
<a-input v-model:value="formState.username"> <a-input v-model:value="formState.username">
<template #prefix> <template #prefix>
<img src="../../static/login/icon-user.png" alt="" /> <img src="../../static/login/icon-user.png" alt="" />
...@@ -40,10 +37,7 @@ ...@@ -40,10 +37,7 @@
</a-input> </a-input>
</a-form-item> </a-form-item>
<a-form-item <a-form-item name="password" :rules="[{ required: true, message: '请输入密码！' }]">
name="password"
:rules="[{ required: true, message: '请输入密码！' }]"
>
<a-input-password v-model:value="formState.password"> <a-input-password v-model:value="formState.password">
<template #prefix> <template #prefix>
<img src="../../static/login/icon-password.png" alt="" /> <img src="../../static/login/icon-password.png" alt="" />
...@@ -53,9 +47,7 @@ ...@@ -53,9 +47,7 @@
<a-form-item> <a-form-item>
<a-form-item name="remember"> <a-form-item name="remember">
<a-checkbox v-model:checked="formState.remember" <a-checkbox v-model:checked="formState.remember">记住密码</a-checkbox>
>记住密码</a-checkbox
>
</a-form-item> </a-form-item>
<!-- <a-form-item name="remember" style="float: right;"> <!-- <a-form-item name="remember" style="float: right;">
<a-checkbox v-model:checked="formState.autologin" <a-checkbox v-model:checked="formState.autologin"
...@@ -64,14 +56,7 @@ ...@@ -64,14 +56,7 @@
</a-form-item> --> </a-form-item> -->
</a-form-item> </a-form-item>
<a-form-item> <a-form-item>
<a-button <a-button type="primary" html-type="submit" class="login-form-button" @click="login"> 登录 </a-button>
type="primary"
html-type="submit"
class="login-form-button"
@click="login"
>
登录
</a-button>
</a-form-item> </a-form-item>
<a-form-item> <a-form-item>
<div class="admin_login"> <div class="admin_login">
...@@ -86,20 +71,17 @@ ...@@ -86,20 +71,17 @@
</div> </div>
</div> </div>
<footer> <footer>
<a <!-- <a style="color: #818a9f" href="http://zhongyanrenzhi.com/#/product2" target="_blank"
style="color: #818a9f"
href="http://zhongyanrenzhi.com/#/product2"
target="_blank"
>产品介绍&nbsp;&nbsp;&nbsp;&nbsp;</a >产品介绍&nbsp;&nbsp;&nbsp;&nbsp;</a
>| >|
<a <a style="color: #818a9f" target="_blank" href="http://zhongyanrenzhi.com/#/into/1"
style="color: #818a9f"
target="_blank"
href="http://zhongyanrenzhi.com/#/into/1"
>&nbsp;&nbsp;&nbsp;&nbsp;关于中研认知</a >&nbsp;&nbsp;&nbsp;&nbsp;关于中研认知</a
><br /> > -->
<span>版权所有：北京中研硕福科技有限公司&nbsp;&nbsp;&nbsp;&nbsp;</span <span>主办：太原理工技术转移有限公司 </span>
>丨<span>&nbsp;&nbsp;&nbsp;&nbsp;京ICP备19055798号-3 </span> <br />
<span>技术支持：北京中研硕福科技有限公司&nbsp;&nbsp;&nbsp;&nbsp;</span>丨<span
>&nbsp;&nbsp;&nbsp;&nbsp;京ICP备19055798号-3
</span>
</footer> </footer>
</div> </div>
</template> </template>
......
src/views/login/forget.vue
...@@ -49,9 +49,7 @@ ...@@ -49,9 +49,7 @@
<img src="../../static/login/icon-yzm.png" alt="" /> <img src="../../static/login/icon-yzm.png" alt="" />
</template> </template>
<template #suffix> <template #suffix>
<span v-show="!isSend" class="code" @click="sendCode" <span v-show="!isSend" class="code" @click="sendCode">获取验证码</span>
>获取验证码</span
>
<span v-show="isSend" class="code"> <span v-show="isSend" class="code">
{{ RemainingTime }} {{ RemainingTime }}
秒后重新获取 秒后重新获取
...@@ -59,39 +57,23 @@ ...@@ -59,39 +57,23 @@
</template> </template>
</a-input> </a-input>
</a-form-item> </a-form-item>
<a-form-item <a-form-item name="password">
name="password"
>
<!-- :rules="[{ required: true, message: '请输入密码！' }]" --> <!-- :rules="[{ required: true, message: '请输入密码！' }]" -->
<a-input-password <a-input-password v-model:value="formState.password" placeholder="请输入新密码">
v-model:value="formState.password"
placeholder="请输入新密码"
>
<template #prefix> <template #prefix>
<img src="../../static/login/icon-password.png" alt="" /> <img src="../../static/login/icon-password.png" alt="" />
</template> </template>
</a-input-password> </a-input-password>
</a-form-item> </a-form-item>
<a-form-item name="repassword"> <a-form-item name="repassword">
<a-input-password <a-input-password v-model:value="formState.repassword" placeholder="请再次输入新密码">
v-model:value="formState.repassword"
placeholder="请再次输入新密码"
>
<template #prefix> <template #prefix>
<img src="../../static/login/icon-password.png" alt="" /> <img src="../../static/login/icon-password.png" alt="" />
</template> </template>
</a-input-password> </a-input-password>
</a-form-item> </a-form-item>
<a-form-item> <a-form-item>
<a-button <a-button type="primary" html-type="submit" class="login-form-button" @click="reset"> 重置密码 </a-button>
type="primary"
html-type="submit"
class="login-form-button"
@click="reset"
>
重置密码
</a-button>
</a-form-item> </a-form-item>
</a-form> </a-form>
<div v-else class="success_reset"> <div v-else class="success_reset">
...@@ -99,32 +81,23 @@ ...@@ -99,32 +81,23 @@
<br /><br /> <br /><br />
<p>您已经成功设置密码，请使用新密码登录</p> <p>您已经成功设置密码，请使用新密码登录</p>
<br /><br /> <br /><br />
<a-button <a-button type="primary" html-type="submit" class="login-form-button" @click="tologin"> 马上登录 </a-button>
type="primary"
html-type="submit"
class="login-form-button"
@click="tologin"
>
马上登录
</a-button>
</div> </div>
</div> </div>
</div> </div>
<footer> <footer>
<a <!-- <a style="color: #818a9f" href="http://zhongyanrenzhi.com/#/product2" target="_blank"
style="color: #818a9f"
href="http://zhongyanrenzhi.com/#/product2"
target="_blank"
>产品介绍&nbsp;&nbsp;&nbsp;&nbsp;</a >产品介绍&nbsp;&nbsp;&nbsp;&nbsp;</a
>| >|
<a <a style="color: #818a9f" target="_blank" href="http://zhongyanrenzhi.com/#/into/1"
style="color: #818a9f"
target="_blank"
href="http://zhongyanrenzhi.com/#/into/1"
>&nbsp;&nbsp;&nbsp;&nbsp;关于中研认知</a >&nbsp;&nbsp;&nbsp;&nbsp;关于中研认知</a
><br /> > -->
<span>版权所有：北京中研硕福科技有限公司&nbsp;&nbsp;&nbsp;&nbsp;</span <span>主办：太原理工技术转移有限公司</span>
>丨<span>&nbsp;&nbsp;&nbsp;&nbsp;京ICP备19055798号-3 </span>
<br />
<span>技术支持：北京中研硕福科技有限公司&nbsp;&nbsp;&nbsp;&nbsp;</span>丨<span
>&nbsp;&nbsp;&nbsp;&nbsp;京ICP备19055798号-3
</span>
</footer> </footer>
</div> </div>
</template> </template>
...@@ -150,8 +123,7 @@ export default { ...@@ -150,8 +123,7 @@ export default {
phone: [ phone: [
{ required: true, message: "请输入手机号！" }, { required: true, message: "请输入手机号！" },
{ {
pattern: pattern: /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/,
/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/,
message: "手机号格式不正确！", message: "手机号格式不正确！",
validateTrigger: "onBlur", validateTrigger: "onBlur",
}, },
...@@ -193,10 +165,7 @@ export default { ...@@ -193,10 +165,7 @@ export default {
this.RemainingTime = TIME_COUNT; this.RemainingTime = TIME_COUNT;
this.isSend = true; this.isSend = true;
this.timer = setInterval(() => { this.timer = setInterval(() => {
if ( if (this.RemainingTime > 0 && this.RemainingTime <= TIME_COUNT) {
this.RemainingTime > 0 &&
this.RemainingTime <= TIME_COUNT
) {
this.RemainingTime--; this.RemainingTime--;
} else { } else {
this.isSend = false; this.isSend = false;
......
src/views/login/index.vue
...@@ -23,10 +23,7 @@ ...@@ -23,10 +23,7 @@
<span>账户登录</span> <span>账户登录</span>
</div> </div>
<a-form :model="formState" name="normal_login" class="login-form"> <a-form :model="formState" name="normal_login" class="login-form">
<a-form-item <a-form-item name="username" :rules="[{ required: true, message: '请输入用户名！' }]">
name="username"
:rules="[{ required: true, message: '请输入用户名！' }]"
>
<a-input v-model:value="formState.username"> <a-input v-model:value="formState.username">
<template #prefix> <template #prefix>
<img src="../../static/login/icon-user.png" alt="" /> <img src="../../static/login/icon-user.png" alt="" />
...@@ -34,10 +31,7 @@ ...@@ -34,10 +31,7 @@
</a-input> </a-input>
</a-form-item> </a-form-item>
<a-form-item <a-form-item name="password" :rules="[{ required: true, message: '请输入密码！' }]">
name="password"
:rules="[{ required: true, message: '请输入密码！' }]"
>
<a-input-password v-model:value="formState.password"> <a-input-password v-model:value="formState.password">
<template #prefix> <template #prefix>
<img src="../../static/login/icon-password.png" alt="" /> <img src="../../static/login/icon-password.png" alt="" />
...@@ -47,20 +41,11 @@ ...@@ -47,20 +41,11 @@
<a-form-item> <a-form-item>
<a-form-item name="remember"> <a-form-item name="remember">
<a-checkbox v-model:checked="formState.remember" <a-checkbox v-model:checked="formState.remember">记住密码</a-checkbox>
>记住密码</a-checkbox
>
</a-form-item> </a-form-item>
</a-form-item> </a-form-item>
<a-form-item> <a-form-item>
<a-button <a-button type="primary" html-type="submit" class="login-form-button" @click="login"> 登录 </a-button>
type="primary"
html-type="submit"
class="login-form-button"
@click="login"
>
登录
</a-button>
</a-form-item> </a-form-item>
<a-form-item> <a-form-item>
<div class="admin_login" style="float: left"> <div class="admin_login" style="float: left">
...@@ -76,20 +61,17 @@ ...@@ -76,20 +61,17 @@
</div> </div>
</div> </div>
<footer> <footer>
<a <!-- <a style="color: #818a9f" href="http://zhongyanrenzhi.com/#/product2" target="_blank"
style="color: #818a9f"
href="http://zhongyanrenzhi.com/#/product2"
target="_blank"
>产品介绍&nbsp;&nbsp;&nbsp;&nbsp;</a >产品介绍&nbsp;&nbsp;&nbsp;&nbsp;</a
>| >|
<a <a style="color: #818a9f" target="_blank" href="http://zhongyanrenzhi.com/#/into/1"
style="color: #818a9f"
target="_blank"
href="http://zhongyanrenzhi.com/#/into/1"
>&nbsp;&nbsp;&nbsp;&nbsp;关于中研认知</a >&nbsp;&nbsp;&nbsp;&nbsp;关于中研认知</a
><br /> > -->
<span>版权所有：北京中研硕福科技有限公司&nbsp;&nbsp;&nbsp;&nbsp;</span <span>主办：太原理工技术转移有限公司</span>
>丨<span>&nbsp;&nbsp;&nbsp;&nbsp;京ICP备19055798号-3 </span> <br />
<span>技术支持：北京中研硕福科技有限公司&nbsp;&nbsp;&nbsp;&nbsp;</span>丨<span
>&nbsp;&nbsp;&nbsp;&nbsp;京ICP备19055798号-3
</span>
</footer> </footer>
</div> </div>
</template> </template>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment