prodog-client-2025
/
pc-client-v5


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
    />
  </head>

  <body>
    <div id="app1" class="container">
      <div style="margin-top: 30px">
        <h1>登录中</h1>
        <p>{{ message }}</p>
      </div>
    </div>
    <script
      type="text/javascript"
      src="/static/jquery/dist/jquery.min.js"
    ></script>
    <script
      type="text/javascript"
      src="/static/vue/dist/vue.global.prod.js"
    ></script>
    <script>
      Vue.createApp({
        data: function () {
          return {
            token: "",
            urlRoot: "",
            languageId: "zh-CN",
            message: "正在检查您的权限，请稍等...",
          };
        },
        mounted: function () {
          this.urlRoot = this.getRootPath() + "/";
          this.getParams();
        },
        methods: {
          // 获取参数后登录
          getParams: function () {
            var _self = this;
            const url = window.location.href;
            const params = _self.getQueryString();
            _self.token = params.token;
            this.azureSamlLogin();
          },

          // 单点登录
          azureSamlLogin: function () {
            const _self = this;
            const params = {
              token:_self.token,
              languageId:_self.languageId,
            }
            $.ajax({
              url: _self.urlRoot + `api/SsoResource/login`,
              type: "post",
              data:params,
              success: function (loginInfo) {
                if (loginInfo.errorCode == 0) {
                  _self.setLoginInfo(loginInfo.data);
                } else {
                  _self.message = loginInfo.errorMessage;
                }
              },
              error: function (XMLHttpRequest, textStatus, errorThrown) {},
            });
          },
          // 设置LoginInfo
          setLoginInfo: function (loginInfo) {
            var _self = this;
            _self.clearLocalStorage();
            localStorage.setItem("#token", loginInfo.token);
            localStorage.setItem("#accountId", loginInfo.accountId);
            localStorage.setItem("#languageSelected", _self.languageId);
            localStorage.setItem("#LoginInfo", JSON.stringify(loginInfo));
			if (_self.isMobile() === false) {
              localStorage.setItem('allowSound', false);
              window.location.href = _self.urlRoot + "#/desktop/dashboard";
            } else  {
              window.location.href = _self.urlRoot + "app.html#/desktop/appMenu";
            }
            //window.location.href = _self.urlRoot + "#/desktop/dashboard";
          },
		  
		   /**
			* 判断当前的环境是手机端还是电脑端
			*/
		isMobile: function () {
			if (window.navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)) {
				return true; // 移动端
			} else {
				return false; // PC端
			}
		},

          // 获取参数函数
          getQueryString: function () {
            const url = window.location.href;
            const urlStr = url.split("?")[1];
            const urlSearchParams = new URLSearchParams(urlStr);
            const result = Object.fromEntries(urlSearchParams.entries());
            return result;
          },

          // 获取主机地址
          getRootPath: function () {
            var protocol = window.location.protocol;
            var host = window.location.host;
            var localhostPath = protocol + "//" + host;
            return localhostPath;
          },

          // 清理localStorage
          clearLocalStorage: function () {
            // 需要保留的参数列表
            var reserveParams = [
              "hostPageBaseURL",
              "workShopId",
              "resourceInstanceId",
              "resourceInstanceName",
              "apsBaseUrl",
              "cameraBaseURL",
            ];
            //存放的信息
            var reserveParamValues = [];

            //获取参数信息
            var len = reserveParams.length;
            for (let i = 0; i < len; i++) {
              var reserveParam = reserveParams[i];
              var reserveParamValue = "";
              if (localStorage.getItem(reserveParam) != undefined) {
                reserveParamValue = localStorage.getItem(reserveParam);
              }
              reserveParamValues.push(reserveParamValue);
            }

            //清理localStorage
            window.localStorage.clear();

            //还原参数信息
            for (let i = 0; i < len; i++) {
              localStorage.setItem(reserveParams[i], reserveParamValues[i]);
            }
          },
        },
      }).mount("#app1");
    </script>
  </body>
</html>