登录配置化

ZZJ

2021-12-14 e060a8863f67dd42589c76bcee373ce8f8013ec3

登录配置化

 public/apps/loginData/LOGO.png

 public/apps/loginData/background.png

 public/apps/loginData/leftImg.png

 public/apps/loginData/login.json

New file
@@ -0,0 +1,5 @@
{
    "title_firstLine" : "Smart AI",
    "title_secondLine":"人工智能操作系统",
    "website":"www.smartai.com"
}

 src/pages/ai_c/index/App.vue

File was deleted

 src/pages/ai_c/index/api.ts

File was deleted

 src/pages/ai_c/index/main.ts

File was deleted

 src/pages/index/App.vue

@@ -83,10 +83,10 @@
      } else {
        //网络断网效果图出来后，将此地改为跳转路径到效果图上
        message = "未配置网络";
      }
      this.$notify({
        message: message,
      });
      }
    });
  },
  data() {
@@ -114,7 +114,7 @@
      if (this.active == 2) {
        const data = this.$refs[`form${this.active}`].getFormData();
        await saveRegInfo(data);
        location.assign("/view/login");
        location.assign("/login");
        return;
      }

@@ -211,7 +211,7 @@
      }

      if (res.data.initPwd && res.data.initRegInfo) {
        location.assign("/view/login");
        location.assign("/login");
        return;
      }


 src/pages/login/App.vue

@@ -59,13 +59,13 @@
  </div> -->
  <div class="login">
    <div class="title">
      <div class="en">Smart AI</div>
      <div class="ch">人工智能操作系统</div>
      <div class="en">{{ data.title_firstLine }}</div>
      <div class="ch">{{ data.title_secondLine }}</div>
    </div>

    <div class="left_footer">
      <img class="logo" src="/images/loginImg/LOGO.png" alt="" />
      <div class="web">www.smartai.com</div>
      <img class="logo" src="/apps/loginData/LOGO.png" alt="" />
      <div class="web">{{ data.website }}</div>
    </div>

    <div
@@ -73,7 +73,7 @@
      :style="{ background: backgroundColor }"
      :class="{ empty: !user.loginName && !user.password }"
    >
      <img class="logo" src="/images/loginImg/OS.png" alt="" />
      <img class="logo" src="/apps/loginData/leftImg.png" alt="" />

      <el-form
        :model="user"
@@ -118,6 +118,7 @@
import Licence from "@/components/licence";
import LangSelect from "@/components/langSelect";
import { getMenuListData } from "@/api/utils";
import loginData from "../../../public/apps/loginData/login.json";

export default {
  name: "login-pgae",
@@ -150,6 +151,7 @@
    },
  },
  data: () => ({
    data: {},
    serverTitle: "",
    user: {
      loginName: "",
@@ -176,6 +178,7 @@
  created() {
    this.getServerName();
    this.getScreenHeight();
    this.data = loginData;
    this.backgroundColor =
      this.backgroundList[
        Math.floor(Math.random() * this.backgroundList.length)
@@ -325,10 +328,14 @@
};
</script>
<style lang="scss">
html,
body,
.login {
  height: 100%;
  min-width: 1646px;
  min-height: 811px;
  position: relative;
  background-image: url("/images/loginImg/background.png");
  background-image: url("/apps/loginData/background.png");

  .title {
    position: absolute;