中科大支线—修改

zhouwx

2026-06-22 1639727c47497fa1adbc4dba8c902e67aa602fa7

 src/views/homePage.vue

@@ -1,21 +1,21 @@
<template>
  <div class="login">
    <div class="title">
      <div class="logo">
        <img class="pics2" :src="logoPng">
        <span style="font-size: 40px;color: black"></span>
        <div style="width: 2px;height: 40px;background-color: #1C68A7;margin-top: 5px;margin-left: 15px;margin-right: 15px"></div>
        <span style="font-size: 28px;color: white">危化品全生命周期管理系统</span>
      </div>
<!--      <div class="logo">-->
<!--        <img class="pics2" :src="logoPng">-->
<!--        <span style="font-size: 40px;color: black"></span>-->
<!--        <div style="width: 2px;height: 40px;background-color: #1C68A7;margin-top: 5px;margin-left: 15px;margin-right: 15px"></div>-->
<!--        <span style="font-size: 28px;color: white">危化品全生命周期管理系统</span>-->
<!--      </div>-->
      <div class="content">
        <div class="imgBox">
          <div class="imG">
            <img style="width: auto;height: 420px" :src="back">
            <img :src="back">
          </div>
        </div>
        <div class="formBox">
          <div class="loginTitle">账号登录</div>
          <div style="padding: 20px 0;">
          <div class="loginTitle">危化品全生命周期<br/>管理系统</div>
          <div style="padding: 25px 0;">
            <el-form ref="loginRef" :model="loginForm" :rules="loginRules" class="login-form">
              <el-form-item>
                <div class="fromRow">
@@ -70,7 +70,7 @@
                      :loading="loading"
                      size="large"
                      type="primary"
                      style="width:100%;"
                      style="width:100%;height: 50px"
                      @click.prevent="handleLogin"
                  >
                    <span v-if="!loading">登 录</span>
@@ -163,6 +163,7 @@
import searchPng from "@/assets/images/login-search.png"
import logoPng from "@/assets/logo/logo1.png"
import back from "@/assets/images/logo22.png"
import {ElMessage} from "element-plus";

const userStore = useUserStore()
const route = useRoute();
@@ -217,6 +218,108 @@
}, { immediate: true });

const sidebarRouters = ref([])
// function handleLogin() {
//   proxy.$refs.loginRef.validate(valid => {
//     if (valid) {
//       loading.value = true;
//       // 勾选了需要记住密码设置在 cookie 中设置记住用户名和密码
//       // if (loginForm.value.rememberMe) {
//       Cookies.set("username", loginForm.value.username, { expires: 30 });
//       Cookies.set("password", encrypt(loginForm.value.password), { expires: 30 });
//       //   Cookies.set("rememberMe", loginForm.value.rememberMe, { expires: 30 });
//       // } else {
//       // 否则移除
//       //   Cookies.remove("username");
//       //   Cookies.remove("password");
//       //   Cookies.remove("rememberMe");
//       // }
//       // 调用action的登录方法
//       // loginForm.value.password = Base64.encode(loginForm.value.password)
//       const param = {
//         username: loginForm.value.username,
//         password: Base64.encode(loginForm.value.password),
//         code: loginForm.value.code,
//         uuid: loginForm.value.uuid,
//         identity: loginForm.value.role
//       }
//       userStore.login(param).then(() => {
//         // const query = route.query;
//         // const otherQueryParams = Object.keys(query).reduce((acc, cur) => {
//         //   if (cur !== "redirect") {
//         //     acc[cur] = query[cur];
//         //   }
//         //   return acc;
//         // }, {});
//
//         //暂时不分角色
//         // const userInfo = JSON.parse(Cookies.get('userInfo'))
//         // if(userInfo.identity === 0 ) {
//         //   //监管用户（管理员）
//         //   sidebarRouters.value =  menu.adminMenu
//         //   Cookies.set('routers',JSON.stringify(sidebarRouters.value))
//         // }else if(userInfo.identity === 1) {
//         //   sidebarRouters.value =  menu.agencyMenu
//         //   Cookies.set('routers',JSON.stringify(sidebarRouters.value))
//         // }
//         const userInfo = JSON.parse(Cookies.get('userInfo'))
//
//         if(userInfo.userType === 0) {
//           sidebarRouters.value =  menu.adminMenu
//           Cookies.set('routers',JSON.stringify(sidebarRouters.value))
//         }else if(userInfo.userType === 1){
//           const config = JSON.parse(Cookies.get('configInfo'))
//           if(config){
//             if(config.useProd === 0){
//               sidebarRouters.value =  menu.companyMenu.filter(item => item.path != '/finishedBasicInfo')
//             }else {
//               sidebarRouters.value =  menu.companyMenu
//
//             }
//           }else {
//             ElMessage.warning('请联系管理员完善企业配置')
//             sidebarRouters.value =  menu.companyMenu
//           }
//           Cookies.set('routers',JSON.stringify(sidebarRouters.value))
//         }else if(userInfo.userType === 2){
//           const config = JSON.parse(Cookies.get('configInfo'))
//           if(config){
//             if(config.useProd === 0){
//               sidebarRouters.value =  menu.commonMenu.filter(item => item.path != '/finishedBasicInfo')
//             }else {
//               sidebarRouters.value =  menu.commonMenu
//             }
//           }else {
//             // ElMessage.warning('请联系管理员完善企业配置')
//             sidebarRouters.value =  menu.commonMenu
//           }
//           Cookies.set('routers',JSON.stringify(sidebarRouters.value))
//         }else {
//           ElMessage.warning('监管部门账号不可登录')
//           loading.value = false
//           return
//         }
//         let path = ""
//         if(sidebarRouters.value[0].children && sidebarRouters.value[0].children.length > 0){
//           path = sidebarRouters.value[0].path + '/'+ sidebarRouters.value[0].children[0].path
//         }else {
//           path = sidebarRouters.value[0].path
//         }
//
//         router.push({
//           path: path
//         })
//         // router.push({ path: redirect.value || "/", query: otherQueryParams });
//       }).catch(() => {
//         loading.value = false;
//         // 重新获取验证码
//         if (captchaEnabled.value) {
//           getCode();
//         }
//       });
//     }
//   });
// }

function handleLogin() {
  proxy.$refs.loginRef.validate(valid => {
    if (valid) {
@@ -224,7 +327,8 @@
      // 勾选了需要记住密码设置在 cookie 中设置记住用户名和密码
      // if (loginForm.value.rememberMe) {
      Cookies.set("username", loginForm.value.username, { expires: 30 });
      Cookies.set("password", encrypt(loginForm.value.password), { expires: 30 });
      Cookies.set("password", loginForm.value.password, { expires: 30 });
      // Cookies.set("password", encrypt(loginForm.value.password), { expires: 30 });
      //   Cookies.set("rememberMe", loginForm.value.rememberMe, { expires: 30 });
      // } else {
      // 否则移除
@@ -239,60 +343,16 @@
        password: Base64.encode(loginForm.value.password),
        code: loginForm.value.code,
        uuid: loginForm.value.uuid,
        identity: loginForm.value.role
      }
      userStore.login(param).then(() => {
        // const query = route.query;
        // const otherQueryParams = Object.keys(query).reduce((acc, cur) => {
        //   if (cur !== "redirect") {
        //     acc[cur] = query[cur];
        //   }
        //   return acc;
        // }, {});

        //暂时不分角色
        // const userInfo = JSON.parse(Cookies.get('userInfo'))
        // if(userInfo.identity === 0 ) {
        //   //监管用户（管理员）
        //   sidebarRouters.value =  menu.adminMenu
        //   Cookies.set('routers',JSON.stringify(sidebarRouters.value))
        // }else if(userInfo.identity === 1) {
        //   sidebarRouters.value =  menu.agencyMenu
        //   Cookies.set('routers',JSON.stringify(sidebarRouters.value))
        // }
        const userInfo = JSON.parse(Cookies.get('userInfo'))

        if(userInfo.userType === 0) {
          sidebarRouters.value =  menu.adminMenu
          Cookies.set('routers',JSON.stringify(sidebarRouters.value))
        }else if(userInfo.userType === 1){
          const config = JSON.parse(Cookies.get('configInfo'))
          if(config.useProd === 0){
            sidebarRouters.value =  menu.companyMenu.filter(item => item.path != '/finishedBasicInfo')
          }else {
            sidebarRouters.value =  menu.companyMenu
        const query = route.query;
        const otherQueryParams = Object.keys(query).reduce((acc, cur) => {
          if (cur !== "redirect") {
            acc[cur] = query[cur];
          }
          Cookies.set('routers',JSON.stringify(sidebarRouters.value))
        }else if(userInfo.userType === 2){
          const config = JSON.parse(Cookies.get('configInfo'))
          if(config.useProd === 0){
            sidebarRouters.value =  menu.commonMenu.filter(item => item.path != '/finishedBasicInfo')
          }else {
            sidebarRouters.value =  menu.commonMenu
          }
          Cookies.set('routers',JSON.stringify(sidebarRouters.value))
        }
        let path = ""
        if(sidebarRouters.value[0].children && sidebarRouters.value[0].children.length > 0){
          path = sidebarRouters.value[0].path + '/'+ sidebarRouters.value[0].children[0].path
        }else {
          path = sidebarRouters.value[0].path
        }

        router.push({
          path: path
        })
        // router.push({ path: redirect.value || "/", query: otherQueryParams });
          return acc;
        }, {});
        router.push({ path: redirect.value || "/", query: otherQueryParams });
      }).catch(() => {
        loading.value = false;
        // 重新获取验证码
@@ -303,7 +363,6 @@
    }
  });
}

function getCode() {
  getCodeImg().then(res => {
    // captchaEnabled.value = res.data.captchaEnabled
@@ -327,10 +386,13 @@
  font-family: "microsoft yahei";
  font-size: 14px;
  //background: #04C1F8;
  background: #04C1F8 url(../assets/images/bgpag.png) no-repeat;
  background: #04C1F8 url('../assets/images/bgpag.png') no-repeat;
  //background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 931px;
  :deep(.el-form-item__content .el-form-item) {
    display: block;
@@ -359,44 +421,81 @@

}
.content{
  display: flex;
  min-width: 1200px;
  min-height: 560px;
  border-radius: 16px;
  background: url("../assets/images/logbox.jpg") no-repeat center;
  background-size: cover;
  box-shadow: 0 10px 20px rgba(0,0,0,.1);
  transform: translateY(-50px);
  position: relative;
}
@keyframes float {
  100% {
    transform: translateX(0);
    opacity: 100%;
    -webkit-opacity: 100%
  }
}
.imgBox {
  width: 560px;
  height: 560px;
  margin-top: 80px;
  float: left;
  position: relative;
  width: 50%;
  min-height: 560px;
  opacity: 0;
  -webkit-opacity: 0;
  transform: translateX(50px);
  display: flex;
  justify-content: center;
  align-items: center;
  animation: float ease 0.6s 0.6s forwards;
}
.fromRow{
  width: 100%;
  margin: 25px 0;
}
.imG{
  //width: 500px;
  //height: 500px;
  //background-image: url(../assets/images/logo11.jpg) ;
  width: 90%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  position: absolute;
  left: -30px;
  top: 30px;
}
@keyframes showForm {
  100% {
    transform: translateY(0);
    opacity: 100%;
    -webkit-opacity: 100%
  }
}
.formBox{
  width: 370px;
  height: 400px;
  border-radius: 5px;
  background: rgba(25,25,25,0.6);
  margin-top: 130px;
  padding: 20px;
  float: right;
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0;
  top: -20px;
  transform: translateY(30px);
  opacity: 0;
  -webkit-opacity: 0;
  min-height: 600px;
  border-radius: 16px;
  background: #fff;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 999;
  animation: showForm ease-in-out 0.6s forwards;
}
.loginTitle{
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #FFF;
  line-height: 50px;
  border-bottom: 1px solid #FFF;
  font-size: 48px;
  color: #2563eb;
  line-height: 1.5;
  font-weight: bolder;
  letter-spacing: 12px;
  text-shadow: 0 5px 10px rgba(0,0,0,.1);
}
.title {
  width: 90%;