修改登录页面，添加弹窗

祖安之光

2026-06-08 fca2bbc00dabbfea007c0f208650e6909da712c1

修改登录页面，添加弹窗

 src/views/components/loginForm.vue

@@ -62,10 +62,10 @@
          <el-button link type="primary" style="color: #fff" @click="openApply()" v-preReClick>专家申请</el-button>
          <el-button link type="primary" style="color: #fff" @click="openCheck" v-preReClick>专家评定进度查询</el-button>
        </div>
        <div style="margin-top: 10px;display: flex;align-items: center">
        <!-- <div style="margin-top: 10px;display: flex;align-items: center">
          <img :src="info" style="width: 20px;height: auto;margin-right: 6px"/>
          <el-button link type="primary" style="color: yellow;text-decoration: underline;font-size: 18px" @click="openFile()" v-preReClick>2025年第三方评定工作的通知</el-button>
        </div>
        </div> -->
      </div>
    </el-col>
  </el-row>

 src/views/homePage.vue

@@ -1,6 +1,23 @@
<template>
  <div class="login">
    <login-form ref="loginRef"/>
    <el-dialog
          v-model="tipVisible"
          title="提示"
          width="600"
          align-center
          center
        >
          <span>2026年度专家申请已开始。</span>
          <template #footer>
            <div class="dialog-footer">
              <el-button @click="tipVisible = false">关闭</el-button>
              <el-button type="primary" @click="openApply()">
                点此申请
              </el-button>
            </div>
          </template>
        </el-dialog>
    <!--  底部  -->
    <div class="el-login-footer">
      <span>Copyright ©2023-{{nowYear}} All Rights Reserved.</span>
@@ -12,6 +29,7 @@
import {onMounted, ref, reactive, watch, defineAsyncComponent, nextTick, onUnmounted} from "vue"
import useUserStore from '@/store/modules/user'
import LoginForm from './components/loginForm'
import {getSettings} from "@/api/backManage/evaluate";
const { proxy } = getCurrentInstance()
const route = useRoute()
const router = useRouter()
@@ -28,7 +46,7 @@
}

const noticeRef = ref(null)

const tipVisible = ref(true)
const state = reactive({
  activeMenu: 1,
  date: '',
@@ -36,6 +54,28 @@
  dayTime: '',
  checkDetails: false
})

const getApplyStatus = async ()=>{
  const res = await getSettings()
  if(res.code == 200){
    return res.data
  }else{
    ElMessage.warning(res.msg)
    return '0'
  }
}

const openApply = async () => {
  const status = await getApplyStatus();
  if(status == '1'){
    const routePath = '/fillForm';
    const resolvedRoute = router.resolve(routePath);
    const fullPath = resolvedRoute.href
    window.open(fullPath, '_blank');
  }else{
    ElMessage.warning('抱歉，专家申请暂未开启，请联系相关人员进行处理')
  }
}

// 当前时间
const getDateTime = () => {
@@ -87,7 +127,16 @@
  justify-content: center;
  height: 100%;
}

::v-deep(.el-overlay-dialog){
  .el-dialog:not(.is-fullscreen){
    margin-top: auto !important;
    .el-dialog__body{
      padding-top: 50px;
      padding-bottom: 50px;
      font-size: 20px;
    }
  }
}
.el-login-footer {
  height: 40px;
  line-height: 40px;