From e0366dc2424df3233aeb3baa50999dfb2bf4aad0 Mon Sep 17 00:00:00 2001
From: 祖安之光 <11848914+light-of-zuan@user.noreply.gitee.com>
Date: Fri, 13 Feb 2026 13:05:32 +0800
Subject: [PATCH] 修改
---
src/views/login/index.vue | 88 +++++++++++++++++++++++++++++++++----------
1 files changed, 67 insertions(+), 21 deletions(-)
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 94867c3..af1345a 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -1,7 +1,6 @@
<template>
<div class="login-container">
<div v-title :data-title="titleName" class="main"/>
-
<div class="left-container">
<div class="login_title"></div>
<div v-if="action==='login'" class="login-component">
@@ -16,13 +15,14 @@
title="账户到期提醒"
:visible.sync="dialogTip"
:close-on-click-modal="false"
- width="40%"
- top="30vh"
+ width="45%"
+ top="28vh"
:show-close="false"
center>
- <div style="text-indent: 28px;line-height: 1.5">
- <div style="margin-bottom: 10px">尊敬的烟花爆竹生产、经营厂家，您的账户免费使用权限即将过期，为不影响您的正常使用，请于{{ deadline }}之前缴（续）费，逾期未缴费您的账户将不能继续登录使用。</div>
- <div style="margin-bottom: 10px">系统年度技术服务费人民币1800元，点击下方“去缴费”即可进行缴（续）费操作。</div>
+ <div class="dateTip">
+ <div v-if="isOverTime">尊敬的烟花爆竹生产、经营厂家，您的账户免费使用权限已过期(<span>截止到：{{deadline}}</span>)，为不影响您的正常使用，请尽快缴（续）费，过期未缴费期间您的账户将不能继续登录使用。</div>
+ <div v-else>尊敬的烟花爆竹生产、经营厂家，您的账户免费使用权限即将过期，为不影响您的正常使用，请于<span>{{ deadline }}</span>之前缴（续）费，逾期未缴费您的账户将不能继续登录使用。</div>
+ <div style="margin-bottom: 10px">系统年度技术服务费人民币<span class="money">1800</span>元，点击下方“去缴费”即可进行缴（续）费操作。</div>
<div>感谢您的配合！</div>
</div>
<span slot="footer" class="dialog-footer">
@@ -34,23 +34,28 @@
title="缴（续）费须知"
:visible.sync="dialogPay"
:close-on-click-modal="false"
- width="40%"
- top="30vh"
+ width="45%"
+ top="23vh"
@closed="isLogin()"
center>
<div class="payTip">
<div>
<h2>付款方式：</h2>
- <span>苏州国科鸿宇智能科技有限公司</span>纳税人识别号：91320594MA1YCQQ60E<br/>开户行：中国银行股份有限公司苏州独墅湖支行<br/>账号：517073268476<br/>地址：苏州工业园区若水路398号D0313<br/>联系电话：0512-62872586
+ <span>苏州国科鸿宇智能科技有限公司</span>
+ <div><span>纳税人识别号：</span><span>91320594MA1YCQQ60E</span></div>
+ <div><span>开户行：</span><span>中国银行股份有限公司苏州独墅湖支行</span></div>
+ <div><span>账号：</span><span>517073268476</span></div>
+ <div><span>地址：</span><span>苏州工业园区若水路398号D0313</span></div>
+ <div><span>联系电话：</span><span>0512-62872586</span></div>
</div>
<div class="payInfo">
<h3>提醒：</h3>
- 请您在完成付款之后，联系<br/>0512-62872586 田老师<br/>为您的账户进行续期，为您开具发票。
+ 请您在完成付款之后，联系<br/>田老师 18796814417<br/>为您的账户进行续期，为您开具发票。
</div>
</div>
</el-dialog>
<div class="bottom-container">
- <span class="bottom-container_title">中国科学院苏州纳米技术与纳米仿生研究所监制</span>
+ <span class="bottom-container_title">新疆维吾尔自治区应急管理厅 监制</span>
</div>
</div>
</template>
@@ -126,6 +131,7 @@
t.dialogTip = false
},
toPay(){
+ this.dialogTip = false
this.dialogPay = true
},
isLogin(){
@@ -148,12 +154,9 @@
_this.loading = false
const data = res.result
if(data.deadline && data.deadline != null){
- const deadline = data.deadline;
- console.log('判断时间')
- const date = new Date(deadline);
- console.log(date.getTime(),Date.now(),'对比')
+ _this.deadline = data.deadline;
+ const date = new Date(_this.deadline);
if(date.getTime() < Date.now()){
- console.log("过期")
_this.isOverTime = true
_this.dialogTip = true
return
@@ -285,7 +288,6 @@
// 根据服务器推送的消息做自己的业务处理
let jsonMsg = JSON.parse(event.data)
let _this = this
- console.log(jsonMsg)
if (jsonMsg.type === 'notify') {
_this.$notify.warning({
message: jsonMsg.message,
@@ -434,17 +436,62 @@
line-height: 20px;
}
}
+
+ .dateTip{
+ text-indent: 36px;
+ line-height: 1.5;
+ font-size:18px;
+
+ &>div{
+ margin-bottom: 10px;
+
+ &:last-of-type{
+ margin-bottom: 0;
+ }
+
+ span{
+ color: #ff0000;
+ margin: 0 6px;
+ }
+
+ .money{
+ font-size: 22px;
+ font-weight: bolder;
+ color: #034ea2;
+ }
+ }
+ }
+
.payTip{
- div{
+ &>div{
line-height: 1.5;
+ font-size: 18px;
h2{
margin-top: 0;
margin-bottom: 6px;
}
- span{
- font-size: 16px;
+ &>span{
+ font-size: 22px;
font-weight: bolder;
display: block;
+ color: #034ea2;
+ margin-bottom: 6px;
+ }
+ div{
+ display: flex;
+ align-items: center;
+
+ &>span{
+ &:first-child{
+ width: 25%;
+ text-align: justify;
+ margin-right: 20px;
+ }
+ &:last-of-type{
+ width: calc(75% - 20px);
+ text-align: left;
+ }
+ }
}
}
.payInfo{
@@ -557,4 +604,3 @@
margin:auto;
}
</style>
-
--
Gitblit v1.9.2