页面添加

surprise

2024-04-28 83ff2ebbb1d61c2cd7762df33f61ff0418b2b1c9

 src/components/login.vue

@@ -1,7 +1,6 @@
<template>
  <div class="container">
    <vue-particles
      :particleOpacity="0.7"
    <vue-particles :particleOpacity="0.7"
      :particlesNumber="80"
      shapeType="circle"
      :particleSize="4"
@@ -13,106 +12,79 @@
      :hoverEffect="true"
      hoverMode="grab"
      :clickEffect="false"
      clickMode="bubble"
    >
                   clickMode="bubble">
    </vue-particles>
    <div class="MapMenu">
      <iframe
        id="ifream"
      <iframe id="ifream"
        style="border: none"
        width="100%"
        height="100%"
        v-bind:src="reportUrl"
      ></iframe>
              v-bind:src="reportUrl"></iframe>
    </div>
    <div class="title_img">
      <img
        src="../assets/img/lg_03.png"
        alt=""
      />
      <img src="../assets/img/lg_03.png"
           alt="" />
    </div>
    <div class="login">
      <div class="login_title">
        <span>用户登录</span>
      </div>
      <el-form
        :model="loginForm"
      <el-form :model="loginForm"
        :rules="rules"
        ref="loginForm"
        class="loginForm"
      >
               class="loginForm">
        <el-form-item prop="uid">
          <el-input
            v-model="loginForm.uid"
          <el-input v-model="loginForm.uid"
            placeholder="输入登录账号"
            class="nobr"
            size="meddle"
            autocomplete="off"
          >
            <i
              slot="prefix"
              class="el-icon-user"
            ></i>
                    autocomplete="off">
            <i slot="prefix"
               class="el-icon-user"></i>
          </el-input>
        </el-form-item>

        <el-form-item prop="pwd">
          <el-input
            show-password
          <el-input show-password
            v-model="loginForm.pwd"
            placeholder="请输入登录密码"
            class="nobr"
            autocomplete="off"
          >
            <i
              slot="prefix"
              class="el-icon-lock"
            ></i>
                    autocomplete="off">
            <i slot="prefix"
               class="el-icon-lock"></i>
          </el-input>
        </el-form-item>

        <el-form-item required>
          <el-col :span="18">
            <el-form-item prop="validCode">
              <el-input
                v-model="loginForm.validCode"
              <el-input v-model="loginForm.validCode"
                placeholder="请输入验证码（忽略大小写）"
                class="nobr"
              ></el-input>
                        class="nobr"></el-input>
            </el-form-item>
          </el-col>

          <el-col
            :span="6"
            align="right"
          >
            <validCode
              v-model="validCode"
          <el-col :span="6"
                  align="right">
            <validCode v-model="validCode"
              ref="refresh"
              @sendData="getCode"
            ></validCode>
                       @sendData="getCode"></validCode>
          </el-col>
        </el-form-item>
        <el-form-item>
          <img
            src="../assets/img/zhengshu.png"
            alt=""
          /><span style="color: black">证书安装与添加信任站点</span>
          <img src="../assets/img/zhengshu.png"
               alt="" /><span style="color: black">证书安装与添加信任站点</span>
        </el-form-item>
        <el-form-item>
          <img
            src="../assets/img/document.png"
            alt=""
          /><span style="color: black">使用帮助文档</span>
          <img src="../assets/img/document.png"
               alt="" /><span style="color: black">使用帮助文档</span>
        </el-form-item>
        <el-form-item>
          <el-button
            type="primary"
          <el-button type="primary"
            class="nobr loginbtn"
            style=""
            :loading="loading"
            @click="submitForm('loginForm')"
          >登录</el-button>
                     @click="submitForm('loginForm')">登录</el-button>
        </el-form-item>
      </el-form>
    </div>
@@ -219,9 +191,13 @@
                  this.$store.commit("getPermsEntity", res.result);

                  if (res.result.length != 0) {
                    sessionStorage.setItem("routerName", "/Thematic");
                    sessionStorage.setItem("changeSelectStyle", 1);
                    this.$router.push("/");

                    // sessionStorage.setItem("routerName","/Synthesis");
                    // sessionStorage.setItem("routerName", "/Thematic");
                    // sessionStorage.setItem("changeSelectStyle",1);
                    // this.$router.push("/");
                    sessionStorage.setItem("changeSelectStyle",1)
                    this.$router.push("/Synthesis")
                  } else {
                    this.$message({
                      message: "请您联系管理员分配角色菜单",