维护

WXL

2 天以前 c8e9849cb5f24848df0174c13bfbbff37bb08a5a

 src/views/login.vue

@@ -6,7 +6,14 @@
      :rules="loginRules"
      class="login-form"
    >
      <h3 class="title">青岛大学附属医院opo</h3>
      <div class="login-header">
        <img
          src="@/assets/logo/OPO_Logo.png"
          class="hospital-logo"
          alt="医院logo"
        />
        <h3 class="title">青岛大学附属医院opo</h3>
      </div>
      <el-form-item prop="username">
        <el-input
          v-model="loginForm.username"
@@ -25,6 +32,7 @@
        <el-input
          v-model="loginForm.password"
          type="password"
          show-password
          auto-complete="off"
          @focus="tip"
          placeholder="密码"
@@ -79,9 +87,18 @@
        </div>
      </el-form-item>
    </el-form>
    <!--  底部  -->
    <!-- 底部信息 -->
    <div class="el-login-footer">
      <span>Copyright © 浙江省OPO管理中心</span>
      <div class="footer-content">
        <div class="footer-row">
          <span class="tech-label">技术支持：</span>
          <img src="@/assets/logo/Hrs.png" class="tech-logo" alt="logo" />
          <span class="tech-name">浙江亥尔时科技有限公司</span>
        </div>
        <div class="footer-row">
          <span class="hotline">服务热线：17778760073</span>
        </div>
      </div>
    </div>
  </div>
</template>
@@ -328,17 +345,78 @@
    vertical-align: middle;
  }
}
.login-header {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px; /* 与原来 title 的 margin-bottom 一致 */
}

.hospital-logo {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-right: 14px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  background: #fff; /* 防止透明背景 */
}

.title {
  margin: 0;
  text-align: center;
  color: #707070;
  font-size: 22px;
  font-weight: bold;
}
.el-login-footer {
  height: 40px;
  line-height: 40px;
  position: fixed;
  bottom: 0;
  bottom: 20px;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  font-family: Arial;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.6);
  z-index: 10;
}

.footer-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.footer-row {
  display: flex;
  align-items: center;
  justify-content: center;
}

.tech-logo {
  width: 28px;
  height: 28px;
  margin: 0 6px;
  vertical-align: middle;
}

.tech-label,
.tech-name,
.hotline {
  color: rgba(255, 255, 255, 0.75);
  font-size: 13px;
}

.tech-name {
  color: rgba(255, 255, 255, 0.9);
  font-weight: 500;
}

.hotline {
  font-size: 12px;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, 0.55);
}
.login-code-img {
  height: 38px;