zuel-itsm-3.0.2/src/views/Login.vue

<template>
  <div class="fle bgColor" v-if="!isSSo && false">
    <load-ing v-show="requesterLgoinType == 'wechat'"></load-ing>
    <h2
      v-if="requesterLgoinType == 'web'"
      style="font-size: 0.36rem; margin-bottom: 0.36rem; font-weight: 700"
    >
      信息化故障报修
    </h2>
    <div v-if="requesterLgoinType == 'web'" style="width: 5rem">
      <cube-input
        v-model="zhanghao"
        placeholder="您的账号为学工号"
      ></cube-input>
      <br />
      <cube-input
        v-model="mima"
        type="password"
        placeholder="您的初始密码为学工号后四位"
      ></cube-input>
      <br />
      <cube-button @click="zlogin()" style="background: #005395"
        >登录</cube-button
      >
    </div>
  </div>
</template>

<script>
import { decode } from "js-base64";
import LoadIng from "./../views/loading.vue";
export default {
  data() {
    return {
      zhanghao: "",
      mima: "",
      requesterLgoinType: "",
      isSSo: true // 是否单点登录
    };
  },
  components: {
    LoadIng
  },
  methods: {
    // 登陆
    login() {
      var that = this;
      that.$http.post("service/auth/wechatAuth", {}).then(res => {
        if (res.data.url) {
          window.location.href = res.data.url;
        } else {
          if (res.data.user) {
            localStorage.setItem(
              "loginUser",
              JSON.stringify(res.data.user.requester)
            );
            this.loginNext(res.data.user.requester);
          }
        }
      });
    },
    // 获取code
    getCode() {
      var that = this;
      var url = window.location.href.split("?");
      if (!url[1]) {
        that.login();
      } else {
        var code = {
          code: url[1]
          // name: "微信报修"
        };
        that.$http.post("service/auth/wechatLoginEncrypt", code).then(res => {
          if (res.data.state == 200) {
            if (res.data.user) {
              localStorage.setItem(
                "loginUser",
                JSON.stringify(res.data.user.requester)
              );
              this.loginNext(res.data.user.requester);
            }
          } else if (res.data.state == 501) {
            that
              .$createDialog({
                type: "alert",
                title: "您的账号被删除，请联系管理员",
                icon: "cubeic-alert"
              })
              .show();
          } else {
            that
              .$createDialog({
                type: "alert",
                title: res.data.remarks,
                icon: "cubeic-alert"
              })
              .show();
          }
        });
      }
    },
    // 判断角色
    roleHandler(user,requester){
      let isReq = false;
      // let userRoles = user.role.map(v=>({id:v.id,rolecode:v.rolecode}));
      // if(userRoles.length){
      //   this.isService = userRoles.some(v=>(v.rolecode === 'call center' || v.rolecode === 'call center admin'))
      //   this.isUser = userRoles.some(v=>(v.rolecode === 'first-line support' || v.rolecode === 'second-line support' || v.rolecode === 'incident manager' || v.rolecode === 'inspectman' || v.rolecode === 'incident-category-manager'))
      // }else{
      //   this.isService = false;
      //   this.isUser = false;
      // }
      isReq = requester ? true : false;
      if(isReq){
        this.$router.push({ path: "/main" });
      }else{
        this.$createDialog({
          type: "alert",
          title: "提示",
          content: "没有权限，无法进入！",
          icon: "cubeic-wrong",
          color: "red"
        }).show();
      }
    },
    loginNext(requester) {
      // 获取报修主体
      //报修主体
      var promise1 = this.$http.post("service/sysinfo/data/fetchDataList/systemConfiguration", {idx: 0, sum: 1, systemConfiguration: {keyconfig: 'repairMain'}});
      //是否绑定耗材
      var promise2 = this.$http.post("service/sysinfo/data/fetchDataList/systemConfiguration", {idx: 0, sum: 1, systemConfiguration: {keyconfig: 'incidentWithConsumable'}});
      //是否绑定资产
      var promise3 = this.$http.post("service/sysinfo/data/fetchDataList/systemConfiguration", {idx: 0, sum: 1, systemConfiguration: {keyconfig: 'wxIncidentWithCmdb'}});
      //获取是否自动建单
      var promise4 = this.$http.post("service/sysinfo/data/fetchDataList/systemConfiguration", {idx: 0, sum: 1, systemConfiguration: {keyconfig: 'reqHasCategory'}});
      //微信报修常见问题链接
      var promise5 = this.$http.post("service/sysinfo/data/fetchDataList/systemConfiguration", {idx: 0, sum: 1, systemConfiguration: {keyconfig: 'wxBxQuestions'}});
      //微信报修服务指南链接
      var promise6 = this.$http.post("service/sysinfo/data/fetchDataList/systemConfiguration", {idx: 0, sum: 1, systemConfiguration: {keyconfig: 'wxGuide'}});
      //是否增加房间号选择
      var promise7 = this.$http.post("service/sysinfo/data/fetchDataList/systemConfiguration", {idx: 0, sum: 1, systemConfiguration: {keyconfig: 'ifRoom'}});

      Promise.all([promise1, promise2, promise3, promise4, promise5, promise6, promise7]).then(([data1, data2, data3, data4, data5, data6, data7]) => {
          if(data1.status == 200 && data2.status == 200 && data3.status == 200 && data4.status == 200 && data5.status == 200 && data6.status == 200 && data7.status == 200){
            var list1 = data1.list || [];
            var list2 = data2.list || [];
            var list3 = data3.list || [];
            var list4 = data4.list || [];
            var list5 = data5.list || [];
            var list6 = data6.list || [];
            var list7 = data7.list || [];
            localStorage.setItem("repairMain", JSON.stringify(list1[0]));
            localStorage.setItem("incidentWithConsumable", list2[0].valueconfig);
            localStorage.setItem("wxIncidentWithCmdb", list3[0].valueconfig);
            localStorage.setItem("reqHasCategory", JSON.stringify(list4[0]));
            localStorage.setItem("wxBxQuestions", list5[0].valueconfig);
            localStorage.setItem("wxGuide", list6[0].valueconfig);
            localStorage.setItem("ifRoom", list7[0].valueconfig);
            this.roleHandler(null,requester);
          }else{
            this.$createDialog({
              type: "alert",
              title: "系统配置错误！",
              content: "请稍后再试",
              icon: "cubeic-wrong",
              color: "red"
            }).show();
          }
      }).catch(function(){
          console.log('Some request failed...');
          this.$createDialog({
            type: "alert",
            title: "系统配置错误！",
            content: "请稍后再试",
            icon: "cubeic-wrong",
            color: "red"
          }).show();
      });
    },
    // 获取报修人登录方式
    getLoginType() {
      this.$http.post("service/wechat/getLoginType", {}).then(result => {
        if (result.data.status == 200) {
          this.requesterLgoinType = result.data.data;
          window.localStorage.setItem(
            "requesterLgoinType",
            this.requesterLgoinType
          );
          if (this.requesterLgoinType == "wechat") {
            this.getCode();
          } else if (this.requesterLgoinType == "web") {
            // this.$router.push({ path: "/login" });
          }
        }
      });
    },
    // 账号密码登录
    zlogin() {
      console.log(this);
      var that = this;
      var postData = this.isSSo
        ? { type: 'req' }
        : { username: this.zhanghao, password: this.mima };
      this.$http.post("service/auth/sslLogin", postData).then(res => {
        that.loading = false;
        if (res.data && res.data.state == 200) {
          localStorage.clear();
          localStorage.setItem(
            "loginUser",
            JSON.stringify(res.data.data.requester)
          );
          localStorage.setItem(
            "loginConfig",
            JSON.stringify({ username: this.zhanghao, password: this.mima })
          );
          // 判断是否有区域地点或联系电话或校区，没有则需要补充
          var requester = res.data.data.requester;
          if (!requester.place || !requester.mphone || !requester.branch) {
            this.$router.push({ path: "/supplementary" });
          } else {
            this.loginNext(res.data.data.requester);
          }
        }else if (res.data && res.data.state == 501) {
          // 判断是否有区域地点或联系电话或校区，没有则需要补充
          var requester = JSON.parse(localStorage.getItem('loginUser')) || {};
          if (!requester.place || !requester.mphone || !requester.branch) {
            this.$router.push({ path: "/supplementary" });
          } else {
            this.loginNext(requester);
          }
        } else {
          localStorage.clear();
          that
            .$createDialog({
              type: "alert",
              title: "系统错误",
              content: "请稍后再试",
              icon: "cubeic-wrong",
              color: "red"
            })
            .show();
        }
      });
    },
    // 获取查询参数
    getQueryString(name) {
      var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
      var r = window.location.search.substr(1).match(reg);
      if (r != null) {
        return unescape(r[2]);
      }
      return null;
    }
  },
  created() {
    this.isSSo = true;
    if (this.isSSo) {
      this.zlogin();
    }
    this.getLoginType();
  }
};
</script>

<style scoped>
.color {
  color: red;
  font-size: 1rem;
}
.fle {
  display: flex;
  height: 100vh;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: url(./../../static/images/weChartBackImage.jpg);
  background-size: cover;
}
/* .bgColor{
    background-color: white
  } */
input {
  border: 0.02rem #999999 solid;
  width: 60%;
  height: 0.8rem;
  margin-top: 0.4rem;
  border-radius: 10px;
  padding-left: 0.24rem;
}
input:nth-child(1) {
  margin-top: 0;
}
input:focus {
  outline: none;
}
.sub {
  width: 40%;
  background-color: rgb(60, 162, 254);
  height: 0.7rem;
  color: white;
  font-size: 0.36rem;
  text-align: center;
  line-height: 0.7rem;
  margin-top: 0.3rem;
  border-radius: 10px;
}
</style>