优化svg文件，增加头像处理

2021/portal/css/base.css

@@ -967,6 +967,9 @@ body.pages-login {
.form-icon {
  margin-left: 12px;
  font-size: 18px;
  color: rgba(0, 0, 0, .25);
  line-height: 1;
}
.form-icon svg {

2021/portal/js/frame.js

@@ -12,6 +12,9 @@ $(function () {
    if (userInfo.userName) {
      $(".user-name").html(userInfo.userName);
    }
    if (userInfo.avater) {
      $(".user-avater").attr("src", userInfo.avater);
    }
  } else {
    location.href = "login.html";
  }

2021/portal/login.html

@@ -38,10 +38,7 @@
    <div class="login-form-row">
      <div class="ipu-flex-middle login-form-input login-form-input-account">
        <div class="ipu-flex-grow-0 ipu-flex-center form-icon icon-user">
          <svg viewBox="0 0 24 24">
            <path fill="currentColor"
                  d="M4 22a8 8 0 1 1 16 0h-2a6 6 0 1 0-12 0H4zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z"></path>
          </svg>
          <i class="ri-user-line"></i>
        </div>
        <div class="ipu-flex-grow-1 form-input-wrap">
          <input type="text" class="form-input" placeholder="请输入账号" name="account">
@@ -55,11 +52,7 @@
    <div class="login-form-row">
      <div class="ipu-flex-middle login-form-input login-form-input-pass">
        <div class="ipu-flex-grow-0 ipu-flex-center form-icon icon-user">
          <svg viewBox="0 0 24 24">
            <path fill="currentColor"
                  d="M19 10h1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h1V9a7 7 0 1 1 14 0v1zM5 12v8h14v-8H5zm6 2h2v4h-2v-4zm6-4V9A5 5 0 0 0 7 9v1h10z"></path>
          </svg>
          <i class="ri-lock-line"></i>
        </div>
        <div class="ipu-flex-grow-1 form-input-wrap">
          <input type="password" class="form-input" placeholder="请输入密码" name="password">

2021/portal/mock/login.js

@@ -1,18 +1,9 @@
function wrapData(data) {
  data.IPU_RESULT_CODE = "1";
  data.IPU_RESULT_INFO = "";
  /* return {
     IPU_RESULT_CODE: "0",
     IPU_RESULT_INFO: "",
     data: data,
   }*/
  return data;
}
// 输出结果
// console.log(JSON.stringify(data, null, 4))
var logoPath = "data:image/png;base64,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";
@@ -37,7 +28,7 @@ Mock.mock('http://localhost/login', 'post', function (options) {
  }
  return wrapData({
    userName: userName,       // 用户名，可无
    userAvater: "userAvater", // 用户头像信息，可无
    avater: "", // 用户头像信息，可无
    sessionId: "sessionId",   // sessionId字段，可无
    resetPass: false        // 是否登录后，要重置密码，可无
  });

2021/portal/mock/pass-first-reset.js

@@ -4,9 +4,6 @@ function wrapData(data) {
  return data;
}
// 输出结果
// console.log(JSON.stringify(data, null, 4))
/* 4、数据获取处理..,mock、登录页、欢迎页、icon更新、页面标题 */
Mock.mock('http://10.13.14.100:8080/ipu/config/passFirstResetPage', 'post', wrapData({

2021/portal/mock/pass-modify.js

@@ -4,8 +4,6 @@ function wrapData(data) {
  return data;
}
// 输出结果
// console.log(JSON.stringify(data, null, 4))
/* 4、数据获取处理..,mock、登录页、欢迎页、icon更新、页面标题 */

2021/portal/pass-first-reset.html

@@ -38,10 +38,7 @@
    <div class="login-form-row">
      <div class="ipu-flex-middle login-form-input login-form-input-account">
        <div class="ipu-flex-grow-0 ipu-flex-center form-icon icon-user">
          <svg viewBox="0 0 24 24">
            <path fill="currentColor"
                  d="M19 10h1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h1V9a7 7 0 1 1 14 0v1zM5 12v8h14v-8H5zm6 2h2v4h-2v-4zm6-4V9A5 5 0 0 0 7 9v1h10z"></path>
          </svg>
          <i class="ri-lock-line"></i>
        </div>
        <div class="ipu-flex-grow-1 form-input-wrap">
          <input type="password" class="form-input" placeholder="请输入新密码" name="newPassword">
@@ -55,11 +52,7 @@
    <div class="login-form-row">
      <div class="ipu-flex-middle login-form-input login-form-input-pass">
        <div class="ipu-flex-grow-0 ipu-flex-center form-icon icon-user">
          <svg viewBox="0 0 24 24">
            <path fill="currentColor"
                  d="M19 10h1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h1V9a7 7 0 1 1 14 0v1zM5 12v8h14v-8H5zm6 2h2v4h-2v-4zm6-4V9A5 5 0 0 0 7 9v1h10z"></path>
          </svg>
          <i class="ri-lock-line"></i>
        </div>
        <div class="ipu-flex-grow-1 form-input-wrap">
          <input type="password" class="form-input" placeholder="请输入确认新密码" name="newPasswordConfirm">

2021/portal/pass-modify.html

@@ -38,9 +38,7 @@
    <div class="login-form-row">
      <div class="ipu-flex-middle login-form-input login-form-input-account">
        <div class="ipu-flex-grow-0 ipu-flex-center form-icon icon-user">
          <svg viewBox="0 0 24 24">
            <path fill="currentColor" d="M19 10h1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h1V9a7 7 0 1 1 14 0v1zM5 12v8h14v-8H5zm6 2h2v4h-2v-4zm6-4V9A5 5 0 0 0 7 9v1h10z"></path>
          </svg>
          <i class="ri-lock-line"></i>
        </div>
        <div class="ipu-flex-grow-1 form-input-wrap">
          <input type="password" class="form-input" placeholder="请输入旧密码" name="oldPassword">
@@ -54,9 +52,7 @@
    <div class="login-form-row">
      <div class="ipu-flex-middle login-form-input login-form-input-account">
        <div class="ipu-flex-grow-0 ipu-flex-center form-icon icon-user">
          <svg viewBox="0 0 24 24">
            <path fill="currentColor" d="M19 10h1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h1V9a7 7 0 1 1 14 0v1zM5 12v8h14v-8H5zm6 2h2v4h-2v-4zm6-4V9A5 5 0 0 0 7 9v1h10z"></path>
          </svg>
          <i class="ri-lock-line"></i>
        </div>
        <div class="ipu-flex-grow-1 form-input-wrap">
          <input type="password" class="form-input" placeholder="请输入新密码" name="newPassword">
@@ -70,9 +66,7 @@
    <div class="login-form-row">
      <div class="ipu-flex-middle login-form-input login-form-input-account">
        <div class="ipu-flex-grow-0 ipu-flex-center form-icon icon-user">
          <svg viewBox="0 0 24 24">
            <path fill="currentColor" d="M19 10h1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h1V9a7 7 0 1 1 14 0v1zM5 12v8h14v-8H5zm6 2h2v4h-2v-4zm6-4V9A5 5 0 0 0 7 9v1h10z"></path>
          </svg>
          <i class="ri-lock-line"></i>
        </div>
        <div class="ipu-flex-grow-1 form-input-wrap">
          <input type="password" class="form-input" placeholder="请输入确认新密码" name="newPasswordConfirm">