eoss-ui 0.4.77 → 0.4.79-beta.0

package/packages/layout/src/main.vue

@@ -1,1428 +1,22 @@
 <template>
-  <div
-    v-if="!code"
-    class="es-login-screen"
-    :style="{
-      'background-image': getImgUrl(loginBackgroundUrl)
-    }"
-  >
-    <img v-if="loginLogoUrl" class="es-login-logo" :src="loginLogoUrl" />
-    <slot></slot>
-    <div
-      class="es-login"
-      v-loading.fullscreen.lock="submit"
-      element-loading-text="登录中..."
-      element-loading-spinner="el-icon-loading"
-      element-loading-background="rgba(0, 0, 0, 0.65)"
-      :class="{ 'es-simple': mode == 'simple' }"
-      :style="transform"
-    >
-      <img v-if="loginNameUrl" class="es-login-name" :src="loginNameUrl" />
-      <div
-        class="es-login-main"
-        :style="{
-          'background-image': getImgUrl(loginImageUrl)
-        }"
-      >
-        <div
-          v-if="switchs > 1"
-          :class="{
-            'es-login-switch': switchs == 2,
-            'es-login-switchs': switchs > 2
-          }"
-        >
-          <i
-            v-for="(item, index) in icons"
-            v-show="switchs > 2 || active != item.type"
-            @click="switchLogin(item.type)"
-            :title="switchs > 2 ? item.name : ''"
-            :key="index"
-            :class="[
-              item.icon,
-              'es-icon',
-              { 'es-icon-active': active == item.type }
-            ]"
-          ></i>
-        </div>
-        <div class="es-login-form-box">
-          <template v-if="isShow(active) && (active == 0 || active == 12)">
-            <el-form ref="login" class="es-login-form" :model="formData">
-              <div class="es-login-title">
-                <span class="es-login-title-content">{{ title }}</span>
-              </div>
-              <el-form-item
-                size="large"
-                prop="username"
-                :rules="username.rules"
-              >
-                <es-input
-                  v-model="formData.username"
-                  size="large"
-                  type="text"
-                  name="username"
-                  exclude
-                  :placeholder="username.placeholder"
-                  :focusShow="focusShow"
-                  :data="users"
-                  @select="handleBlur"
-                  :autocomplete="true"
-                >
-                  <template slot="prefix">
-                    <i class="es-icon-zhanghao es-label-user"></i>
-                  </template>
-                </es-input>
-              </el-form-item>
-              <el-form-item
-                size="large"
-                prop="password"
-                :rules="password.rules"
-              >
-                <el-input
-                  v-model="formData.password"
-                  size="large"
-                  name="password"
-                  type="password"
-                  :placeholder="password.placeholder"
-                  autocomplete="off"
-                  show-password
-                >
-                  <template slot="prefix">
-                    <i class="es-icon-mima es-label-password"></i>
-                  </template>
-                </el-input>
-              </el-form-item>
-              <el-form-item
-                size="large"
-                prop="identifyingCode"
-                :rules="[
-                  {
-                    required: true,
-                    message: '验证码不能为空',
-                    trigger: 'change'
-                  }
-                ]"
-                v-if="imgCode || showVerifyCode"
-              >
-                <el-input
-                  size="large"
-                  name="identifyingCode"
-                  type="text"
-                  v-model="formData.identifyingCode"
-                  placeholder="请输入验证码"
-                  autocomplete="off"
-                  class="es-label-image-code"
-                >
-                  <template slot="prefix">
-                    <i class="es-icon-yanzheng es-label-code-image"></i>
-                  </template>
-                  <template slot="suffix">
-                    <el-button
-                      class="es-get-code"
-                      type="primary"
-                      v-show="active == 12 && showVerifyCode"
-                      :disabled="disabled"
-                      @click.stop="getCode"
-                      >{{ btnText }}</el-button
-                    >
-                    <img
-                      v-show="imgCode && active == 0"
-                      class="es-img-code"
-                      :src="imageCode"
-                      @click.stop="getImgCode"
-                    />
-                  </template>
-                </el-input>
-              </el-form-item>
-              <div class="es-password-handle" v-show="remember && forget">
-                <el-checkbox
-                  v-show="remember && (active == '0' || active == '12')"
-                  v-model="checked"
-                  >记住密码</el-checkbox
-                >
-                <div v-show="forget" class="es-password-forget">
-                  <span @click="handleForget">忘记密码？</span>
-                </div>
-              </div>
-              <el-button
-                class="es-button-submit"
-                type="primary"
-                @click="handleLogin"
-                >登录</el-button
-              >
-            </el-form>
-          </template>
-          <template
-            v-if="isShow(active) && (active == 3 || active == 7 || active == 9)"
-          >
-            <div class="es-login-qrcode">
-              <div class="es-login-title">
-                <div class="es-login-title-content">
-                  {{ iconfonts[active].name }}
-                </div>
-              </div>
-              <div class="es-login-down-app">
-                打开
-                <template v-if="active == 3">
-                  <a
-                    class="es-login-app-name es-pointer"
-                    target="_blank"
-                    :href="downloadApp"
-                    v-if="downloadApp"
-                    >{{ app }}app</a
-                  >
-                  <span
-                    class="es-login-app-name es-pointer"
-                    v-else
-                    @click="handleDownLoadApp"
-                    >{{ app }}app
-                  </span>
-                </template>
-                <span class="es-login-app-name" v-else
-                  >{{ active == 7 ? '钉钉' : '微信' }}app </span
-                >，扫描二维码
-              </div>
-              <es-qr-code
-                :content="identifyingId"
-                v-if="active == 3"
-              ></es-qr-code>
-              <div class="es-wx-qrcode-box" v-if="active == 9">
-                <es-wxlogin
-                  href="data:text/css;base64,LmltcG93ZXJCb3ggLnFyY29kZSB7CiAgICB3aWR0aDogMTAwJSAhaW1wb3J0YW50OwogICAgYm94LXNpemluZzogYm9yZGVyLWJveCAhaW1wb3J0YW50OwogICAgbWFyZ2luOiAwICFpbXBvcnRhbnQ7Cn0KCi5pbXBvd2VyQm94IC5pbmZvLAouaW1wb3dlckJveCAudGl0bGUgewogICAgZGlzcGxheTogbm9uZSAhaW1wb3J0YW50Owp9"
-                  height="300px"
-                  :appid="wechatAppid"
-                  :scope="wechatScope"
-                  :redirect_uri="redirectUri"
-                ></es-wxlogin>
-              </div>
-            </div>
-          </template>
-          <template v-if="isShow(active) && (active == 6 || active == 11)">
-            <el-form
-              ref="login"
-              class="es-login-form es-login-verify"
-              :model="formData"
-            >
-              <div class="es-login-title">
-                <span class="es-login-title-content">{{
-                  iconfonts[active].name
-                }}</span>
-              </div>
-              <el-form-item
-                size="large"
-                prop="target"
-                :rules="active == 6 ? phone.rules : email.rules"
-              >
-                <el-input
-                  v-model="formData.target"
-                  size="large"
-                  type="text"
-                  name="target"
-                  :placeholder="
-                    active == 6 ? phone.placeholder : email.placeholder
-                  "
-                  autocomplete="off"
-                >
-                  <template slot="prefix">
-                    <i class="es-icon-zhanghao es-label-user"></i>
-                  </template>
-                </el-input>
-              </el-form-item>
-              <el-form-item
-                size="large"
-                prop="verificationCode"
-                :rules="[{ required: true, message: '验证码不能为空' }]"
-              >
-                <el-input
-                  size="large"
-                  name="verificationCode"
-                  type="text"
-                  v-model="formData.verificationCode"
-                  placeholder="请输入验证码"
-                  autocomplete="off"
-                  class="es-label-image-code"
-                >
-                  <template slot="prefix">
-                    <i class="es-icon-yanzheng es-label-code-image"></i>
-                  </template>
-                  <template slot="suffix">
-                    <el-button
-                      class="es-get-code"
-                      type="primary"
-                      :disabled="disabled"
-                      @click.stop="getCode"
-                      >{{ btnText }}</el-button
-                    >
-                  </template>
-                </el-input>
-              </el-form-item>
-              <div class="es-password-handle" v-show="remember || forget">
-                <el-checkbox
-                  v-show="remember && active == '0'"
-                  v-model="checked"
-                  >记住密码</el-checkbox
-                >
-                <div
-                  v-show="forget"
-                  class="es-password-forget"
-                  @click="handleForget"
-                >
-                  忘记密码？
-                </div>
-              </div>
-              <el-button
-                class="es-button-submit"
-                type="primary"
-                @click="handleLogin"
-                >登录</el-button
-              >
-            </el-form>
-          </template>
-          <div class="es-downloadSetup" v-if="downloadSetup">
-            <slot name="button"></slot>
-            <span @click="downloadExe">初次使用请下载一键安装包</span>
-          </div>
-          <div class="es-warning" v-if="warning">
-            {{ warnInfo }}
-          </div>
-        </div>
-      </div>
-    </div>
-    <div v-if="icp && icpInfo" class="es-login-icp">
-      <span class="es-login-icp-item" :style="_copyrightStyle">{{
-        icpInfo.copyright_unit
-      }}</span>
-      <a
-        class="es-login-icp-item"
-        target="_blank"
-        :style="_copyrightStyle"
-        :href="icpInfo.copyright_icp_url"
-        >{{ icpInfo.copyright_icp }}</a
-      >
-    </div>
-    <es-dialog
-      v-if="showResetPassword"
-      title="修改密码"
-      width="680px"
-      height="auto"
-      :visible.sync="showResetPassword"
-    >
-      <slot name="user" :secret="secret" :is-encrypt="isEncrypt">
-        <reset-password
-          :secret="secret"
-          :is-encrypt="isEncrypt"
-          :type="passModifyModel"
-          @success="handleSuccess"
-        ></reset-password
-      ></slot>
-    </es-dialog>
-    <es-dialog
-      title="客户端下载"
-      width="80%"
-      height="80%"
-      custom-class="es-clients-dialog"
-      :visible.sync="showDownLoadApp"
-      ><es-clients v-bind="download"></es-clients>
-    </es-dialog>
-    <slot name="calogin"></slot>
+  <div class="es-layout">
+    <layout-item></layout-item>
   </div>
 </template>
 <script>
-import resetPassword from './resetPassword.vue';
-import store from 'eoss-ui/src/utils/store';
-import util from 'eoss-ui/src/utils/util';
-import rules from 'eoss-ui/src/utils/rules.js';
-import {
-  initLogin,
-  changeImg,
-  doUserLogin,
-  doQrLogin,
-  getLoginCode,
-  doCodeLogin,
-  getTwoFactorLoginCode,
-  doTwoFactorLogin,
-  doWechatQrLogin,
-  doCaLogin
-} from 'eoss-ui/src/config/api.js';
+import layoutItem from './item.vue';
 export default {
-  name: 'EsLogin',
-  inheritAttrs: false,
-  components: {
-    resetPassword
-  },
-  props: {
-    //初始登录配置接口地址
-    initLogin: {
-      type: String,
-      default: initLogin
-    },
-    mode: {
-      type: String,
-      default: 'default'
-    },
-    title: {
-      type: String,
-      default: '账号登录'
-    },
-    loginBackground: [String, Array],
-    loginImage: [String, Array],
-    loginLogo: String,
-    loginName: String,
-    type: String,
-    //是否加密传输
-    isEncrypt: {
-      type: Boolean,
-      default: true
-    },
-    model: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    username: {
-      type: Object,
-      default: () => {
-        return {
-          placeholder: '请输入账号',
-          rules: [
-            { required: true, message: '账号不能为空', trigger: 'change' }
-          ]
-        };
-      }
-    },
-    phone: {
-      type: Object,
-      default: () => {
-        return {
-          placeholder: '请输入手机号',
-          rules: [
-            { required: true, message: '手机号不能为空', trigger: 'blur' },
-            {
-              ...rules.phone,
-              trigger: 'blur'
-            }
-          ]
-        };
-      }
-    },
-    email: {
-      type: Object,
-      default: () => {
-        return {
-          placeholder: '请输入邮箱地址',
-          rules: [
-            {
-              required: true,
-              message: '请输入邮箱地址',
-              trigger: 'blur'
-            },
-            {
-              type: 'email',
-              message: '请输入正确的邮箱地址',
-              trigger: 'blur'
-            }
-          ]
-        };
-      }
-    },
-    password: {
-      type: Object,
-      default: () => {
-        return {
-          placeholder: '请输入密码',
-          rules: [{ required: true, message: '密码不能为空', trigger: 'blur' }]
-        };
-      }
-    },
-    toUrl: String,
-    //账号登录接口地址
-    action: {
-      type: String,
-      default: doUserLogin
-    },
-    //ca登录地址
-    caAction: {
-      type: String,
-      default: doCaLogin
-    },
-    //扫码登录接口地址
-    scanAction: {
-      type: String,
-      default: doQrLogin
-    },
-    //图片验证码接口地址
-    codeAction: {
-      type: String,
-      default: changeImg
-    },
-    getLoginCode: {
-      type: String,
-      default: getLoginCode
-    },
-    doCodeLogin: {
-      type: String,
-      default: doCodeLogin
-    },
-    getTwoFactorLoginCode: {
-      type: String,
-      default: getTwoFactorLoginCode
-    },
-    doTwoFactorLogin: {
-      type: String,
-      default: doTwoFactorLogin
-    },
-    doWechatQrLogin: {
-      type: String,
-      default: doWechatQrLogin
-    },
-    imgCode: {
-      type: [Boolean, Object],
-      default: true
-    },
-    onLogin: Function,
-    onSuccess: Function,
-    onError: {
-      type: Function,
-      default: () => {}
-    },
-    doorIndex: {
-      type: Boolean,
-      default: true
-    },
-    storage: String,
-    warning: {
-      type: [Boolean, String],
-      default: false
-    },
-    icp: {
-      type: Boolean,
-      default: true
-    },
-    copyrightStyle: {
-      type: Object,
-      default() {
-        return { color: '#ffffff' };
-      }
-    },
-    appName: String,
-    qrImage: String,
-    forget: {
-      type: [Boolean, String],
-      default: true
-    },
-    remember: {
-      type: Boolean,
-      default: true
-    },
-    downloadApp: String,
-    downLoadUrls: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    onDownLoadApp: [Function, Boolean],
-    redirect_uri: String,
-    position: {
-      type: String,
-      default: 'center'
-    },
-    useResults: {
-      type: Boolean,
-      default: true
-    }
-  },
-  computed: {
-    transform() {
-      if (this.align === 'left') {
-        return {
-          left: '30%',
-          top: '50%',
-          transform: 'translateY(-51%)'
-        };
-      }
-      if (this.align === 'right') {
-        return {
-          left: '70%',
-          top: '50%',
-          transform: 'translateY(-51%)'
-        };
-      }
-      return {
-        left: '50%',
-        top: '50%',
-        transform: 'translate(-50%, -51%)'
-      };
-    },
-    redirectUri() {
-      if (this.redirect_uri) {
-        return this.redirect_uri;
-      } else {
-        return window.location.href || window.href;
-      }
-    },
-    loginBackgroundUrl() {
-      return this.loginBackground
-        ? this.loginBackground
-        : this.loginBackgroundImg;
-    },
-    loginImageUrl() {
-      return this.loginImage ? this.loginImage : this.loginMainImg;
-    },
-    loginNameUrl() {
-      return this.loginNameImg ? this.loginNameImg : this.loginName;
-    },
-    loginLogoUrl() {
-      return this.loginLogoImg ? this.loginLogoImg : this.loginLogo;
-    },
-    warnInfo() {
-      return this.warning === false
-        ? false
-        : typeof this.warning === 'string'
-        ? this.warning
-        : '本系统为非涉密系统，禁止上传和处理任何涉密文件';
-    },
-    loginType() {
-      if (this.type) {
-        return this.type;
-      }
-      if (this.loginModel) {
-        return this.loginModel;
-      }
-      return '0';
-    },
-    switchs() {
-      return Array.isArray(this.loginType)
-        ? this.loginType.length
-        : this.loginType.split(',').length;
-    },
-    iconfonts() {
-      const types = this.loginType.split(',');
-      return types.length > 2
-        ? {
-            0: { type: '0', icon: 'es-icon-shuru', name: '账号登录' },
-            1: { type: '1', icon: 'es-icon-usb-key', name: '证书登录' },
-            3: { type: '3', icon: 'es-icon-saoma', name: '扫码登录' },
-            6: { type: '6', icon: 'es-icon-duanxin', name: '短信登录' },
-            7: { type: '7', icon: 'es-icon-dingding', name: '钉钉扫码登录' },
-            9: { type: '9', icon: 'es-icon-weixin', name: '微信扫码登录' },
-            11: { type: '11', icon: 'es-icon-youxiang', name: '邮箱登录' },
-            12: { type: '12', icon: 'es-icon-shuru', name: '账号登录' } //双因素
-          }
-        : {
-            0: { type: '0', icon: 'es-icon-jianpan', name: '账号登录' },
-            1: { type: '1', icon: 'es-icon-ca', name: '证书登录' },
-            3: { type: '3', icon: 'es-icon-qrcode', name: '扫码登录' },
-            6: { type: '6', icon: 'es-icon-duanxin', name: '短信登录' },
-            7: { type: '7', icon: 'es-icon-dingding', name: '钉钉扫码登录' },
-            9: { type: '9', icon: 'es-icon-weixin', name: '微信扫码登录' },
-            11: {
-              type: '11',
-              icon: 'es-icon-wodeyouxiang',
-              name: '邮箱登录'
-            },
-            12: { type: '12', icon: 'es-icon-jianpan', name: '账号登录' } //双因素
-          };
-    },
-    icons() {
-      let icon = [];
-      const types = this.loginType.split(',');
-      types.forEach((item) => {
-        icon.push(this.iconfonts[item]);
-      });
-      return icon;
-    },
-    _copyrightStyle() {
-      let style = {};
-      this.copyrightBgColor &&
-        (style['background-color'] = this.copyrightBgColor);
-      this.copyrightColor && (style['color'] = this.copyrightColor);
-      return { ...this.copyrightStyle, ...style };
-    },
-    showVerifyCode() {
-      return (
-        this.passModifyModel &&
-        (this.passModifyModel.indexOf('6') > -1 ||
-          this.passModifyModel.indexOf('11') > -1)
-      );
-    }
-  },
-  watch: {
-    loginType: {
-      immediate: true,
-      handler(val) {
-        this.active = val.split(',')[0];
-      }
-    },
-    active: {
-      immediate: true,
-      handler(val) {
-        this.loginInfo(val == 3);
-      }
-    },
-    appName: {
-      immediate: true,
-      handler(val) {
-        if (val) {
-          this.app = val;
-        }
-      }
-    },
-    qrImage: {
-      immediate: true,
-      handler(val) {
-        if (val) {
-          this.qrimg = val;
-        }
-      }
-    },
-    checked(val) {
-      if (!val) {
-        localStorage.removeItem('unpd');
-        //localStorage.removeItem('remember');
-      }
-    },
-    secret: {
-      immediate: true,
-      handler(val) {
-        if (val) {
-          if (this.storage) {
-            localStorage.setItem('storage', this.storage);
-          }
-        }
-      }
-    }
-  },
+  name: 'EsLayout',
+  components: { layoutItem },
+  props: {},
+  computed: {},
+  watch: {},
   data() {
-    return {
-      align: this.position,
-      loginBackgroundImg: null,
-      loginMainImg: null,
-      loginNameImg: null,
-      loginLogoImg: null,
-      loginModel: null,
-      passModifyModel: null,
-      active: 0,
-      submit: false,
-      checked: false,
-      formData: this.model,
-      focusShow: false,
-      users: [],
-      imageCode: '',
-      secret: null,
-      identifyingId: '',
-      download: {},
-      setup: '',
-      sysName: '',
-      icpInfo: '',
-      forgetUrl: this.forget,
-      actionUrl: this.action,
-      downloadSetup: '',
-      app: '',
-      qrimg: '',
-      ios: '',
-      android: '',
-      pad: '',
-      ipad: '',
-      interval: null,
-      showResetPassword: false,
-      showDownLoadApp: false,
-      wechatAppid: null,
-      wechatScope: null,
-      disabled: false,
-      btnText: '获取验证码',
-      timer: null,
-      countdown: 0,
-      code: null,
-      defaultModel: JSON.parse(JSON.stringify(this.model)),
-      copyrightColor: null,
-      copyrightBgColor: null
-    };
-  },
-  created() {
-    util.removeStorage([
-      'remind',
-      'ssId',
-      'token',
-      'Authorization',
-      'deviceUnique',
-      'userId',
-      'userName',
-      'useCaseCodes'
-    ]);
-    this.code = util.getParams('code');
-    if (this.code) {
-      this.doWechatLogin(this.code);
-    } else {
-      this.getLogin();
-      document.addEventListener('keyup', this.doLogin);
-    }
-  },
-  mounted() {
-    this.getRemember();
-  },
-  methods: {
-    doWechatLogin(code) {
-      util
-        .ajax({
-          method: 'post',
-          url: this.doWechatQrLogin,
-          data: { code: code }
-        })
-        .then((res) => {
-          if (res.rCode == 0) {
-            const results = res.results;
-            this.handleResults(results);
-          } else {
-            const msg =
-              res.results && res.results.msg ? res.results.msg : res.msg;
-            this.$message({
-              message: msg || '系统错误，请联系管理员！',
-              type: 'error',
-              duration: 1500,
-              onClose: () => {
-                window.location.href = util.delUrlParam({ key: 'code' });
-                if (window.location.hash) {
-                  location.reload();
-                }
-              }
-            });
-          }
-        })
-        .catch((err) => {
-          if (err.message && err.message !== 'canceled') {
-            this.$message.error(err.message);
-          }
-        });
-    },
-    getImgUrl(urls) {
-      let url = '';
-      if (!urls || !urls.length) {
-        return url;
-      }
-      if (Array.isArray(urls)) {
-        url = urls
-          .map((item) => {
-            return `url(${item})`;
-          })
-          .join(',');
-      } else {
-        url = `url(${urls})`;
-      }
-      return url;
-    },
-    getRemember(user) {
-      let values = localStorage.getItem('unpd');
-      let value = {};
-      if (values) {
-        try {
-          values = JSON.parse(values);
-          let users = [];
-          for (let i in values) {
-            let k = util.esDecode(i);
-            value[k] = util.esDecode(values[i]);
-            users.push({ value: k });
-          }
-          this.users = users;
-          let keys = Object.keys(value);
-          if (keys.length) {
-            this.checked = true;
-          }
-          if (!user && keys.length == 1) {
-            user = keys[0];
-            // user = localStorage.getItem('remember');
-            // if (user) {
-            //   user = util.esDecode(user);
-            // } else {
-            //   user = keys[0];
-            // }
-          }
-          if (keys.length > 1) {
-            this.focusShow = true;
-          }
-          if (user) {
-            this.$set(this.formData, 'username', user);
-            this.$set(this.formData, 'password', value[user]);
-          }
-        } catch (error) {
-          localStorage.removeItem('unpd');
-        }
-      }
-    },
-    handleBlur(res) {
-      this.getRemember(res.value);
-    },
-    handleRemember() {
-      let values = localStorage.getItem('unpd');
-      let value = {};
-      if (values) {
-        values = JSON.parse(values);
-        for (let i in values) {
-          value[util.esDecode(i)] = util.esDecode(values[i]);
-        }
-      }
-      if (this.checked) {
-        //localStorage.setItem('remember', util.esEncode(this.formData.username));
-        value[this.formData.username] = this.formData.password;
-        let data = {};
-        for (let i in value) {
-          data[util.esEncode(i)] = util.esEncode(value[i]);
-        }
-        localStorage.setItem('unpd', JSON.stringify(data));
-      } else {
-        delete value[this.formData.username];
-        if (Object.keys(value)) {
-          let data = {};
-          for (let i in value) {
-            data[util.esEncode(i)] = util.esEncode(value[i]);
-          }
-          localStorage.setItem('unpd', JSON.stringify(data));
-        } else {
-          localStorage.removeItem('unpd');
-        }
-        //localStorage.removeItem('remember');
-      }
-    },
-    // 下载app的弹窗
-    handleDownLoadApp() {
-      if (this.onDownLoadApp) {
-        if (typeof this.onDownLoadApp === 'function') {
-          this.onDownLoadApp();
-        } else {
-          this.$emit('handleDownLoadApp');
-        }
-      } else {
-        this.showDownLoadApp = true;
-      }
-    },
-    switchLogin(res) {
-      //this.$refs.login && this.$refs.login.resetFields();
-      this.$refs.login && this.$refs.login.clearValidate();
-      if (res != 1) {
-        this.active = res;
-        Object.keys(this.defaultModel).length &&
-          (this.formData = JSON.parse(JSON.stringify(this.defaultModel)));
-      }
-      this.countdown = 0;
-      this.$emit('change-type', res, this.identifyingId);
-    },
-    isShow(res) {
-      return this.loginType.indexOf(res) > -1;
-    },
-    getLogin() {
-      const config = store.get('initLogin');
-      if (config) {
-        this.setConfig(config);
-      } else {
-        util
-          .ajax({ url: this.initLogin })
-          .then((res) => {
-            if (res && res.rCode === 0) {
-              store.set('initLogin', res.results);
-              util.setStorage({
-                type: this.storage,
-                key: 'initLogin',
-                value: JSON.stringify(res.results)
-              });
-              this.setConfig(res.results);
-            } else {
-              this.$message({
-                message: res.msg || '系统错误，请联系管理员！',
-                type: 'error',
-                duration: 2000
-              });
-            }
-          })
-          .catch((err) => {
-            if (err.message && err.message !== 'canceled') {
-              this.$message.error(err.message);
-            }
-          });
-      }
-    },
-    setConfig(res) {
-      const host = util.getStorage('host');
-      this.identifyingId = res.identifyingId;
-      this.getImgCode();
-      let downloads = {};
-      if (res.androidDownloadUrl) {
-        downloads['android'] = res.androidDownloadUrl;
-      }
-      if (res.iosDownloadUrl || res.iosDownloadUrl2) {
-        downloads['ios'] = res.iosDownloadUrl || res.iosDownloadUrl2;
-      }
-      if (res.macDownloadUrl) {
-        downloads['mac'] = res.macDownloadUrl;
-      }
-      if (res.winDownloadUrl) {
-        downloads['win'] = res.winDownloadUrl;
-      }
-      if (res.linuxDownloadUrl) {
-        downloads['linux'] = res.linuxDownloadUrl;
-      }
-      this.secret = res.secret;
-      this.setup = res.setup;
-      this.sysName = res.subsystemName;
-      this.downloadSetup = res.downloadSetup;
-      document.title = res.subsystemName;
-      this.app = res.appName || res.subsystemName;
-      this.qrimg = res.qrimg || res.qrImg;
-      this.loginModel = res.loginModel;
-      this.loginBackgroundImg = res.loginBackgroundUrl
-        ? res.loginBackgroundUrl.split(',')
-        : null;
-      this.loginLogoImg = res.loginLogoUrl ? res.loginLogoUrl : null;
-      if (res.subsystemExtend && Object.keys(res.subsystemExtend).length) {
-        this.icpInfo = res.subsystemExtend;
-        this.forgetUrl = res.subsystemExtend.look_pass_url;
-        if (res.subsystemExtend.login_url) {
-          this.actionUrl = res.subsystemExtend.login_url;
-        }
-        if (res.subsystemExtend.applicationName) {
-          localStorage.setItem('appcode', res.subsystemExtend.applicationName);
-        }
-        this.loginMainImg = res.subsystemExtend.loginBoxBackground
-          ? res.subsystemExtend.loginBoxBackground.split(',')
-          : null;
-        this.loginNameImg = res.subsystemExtend.loginBoxName
-          ? res.subsystemExtend.loginBoxName.split(',')
-          : null;
-        if (res.subsystemExtend.loginBoxAlign && this.useResults) {
-          this.align = res.subsystemExtend.loginBoxAlign;
-        }
-        if (res.subsystemExtend.copyrightColor) {
-          this.copyrightColor = res.subsystemExtend.copyrightColor;
-        }
-        if (res.subsystemExtend.copyrightBackgroundColor) {
-          this.copyrightBgColor = res.subsystemExtend.copyrightBackgroundColor;
-        }
-        if (res.subsystemExtend.themeColor) {
-          util.updateTheme(res.subsystemExtend.themeColor);
-          localStorage.setItem('theme', res.subsystemExtend.themeColor);
-        }
-        if (res.subsystemExtend.macDownloadUrl) {
-          downloads.mac = res.subsystemExtend.macDownloadUrl;
-        }
-        if (res.subsystemExtend.winDownloadUrl) {
-          downloads.win = res.subsystemExtend.winDownloadUrl;
-        }
-        if (res.subsystemExtend.linuxDownloadUrl) {
-          downloads.linux = res.subsystemExtend.linuxDownloadUrl;
-        }
-      }
-      this.passModifyModel = res.passModifyModel;
-      this.wechatAppid = res.wechatAppid;
-      this.wechatScope = res.wechatScope;
-      this.download = { ...this.downLoadUrls, ...downloads };
-      if (res.sysLogoIco) {
-        util.setFavicon(res.sysLogoIco);
-      }
-    },
-
-    getImgCode() {
-      if (this.identifyingId === '') {
-        return;
-      }
-      this.imageCode =
-        util.getStorage('host') +
-        this.codeAction +
-        '?identifyingId=' +
-        this.identifyingId +
-        (this.imgCode && typeof this.imgCode == 'object'
-          ? '&' + util.queryParams(this.imgCode)
-          : '') +
-        '&heightflag=' +
-        Math.random().toString().split('.')[1];
-
-      return this.imageCode;
-    },
-    getCode() {
-      if (this.countdown) {
-        return false;
-      }
-      let data = {};
-      let flag = false;
-      if (this.active == 12) {
-        if (!this.formData.username) {
-          this.$refs.login.validateField('username');
-          return false;
-        }
-        this.$refs.login.validateField('username', (res) => {
-          flag = res != '';
-        });
-        if (flag) {
-          return false;
-        }
-        data = {
-          username: this.formData.username,
-          targetType: this.passModifyModel.indexOf('11') > -1 ? 'EMAIL' : 'SMS'
-          // targetType: 'SMS'
-        };
-      } else {
-        if (!this.formData.target) {
-          this.$refs.login.validateField('target');
-          return false;
-        }
-        this.$refs.login.validateField('target', (res) => {
-          flag = res != '';
-        });
-        if (flag) {
-          return false;
-        }
-        data = {
-          target: this.formData.target,
-          targetType: this.active == '6' ? 'SMS' : 'EMAIL'
-        };
-      }
-      this.countdown = 60;
-      this.timer = setInterval(() => {
-        if (this.countdown > 0) {
-          this.countdown--;
-          this.disabled = true;
-          this.btnText = '重新获取' + this.countdown + 's';
-        } else {
-          this.btnText = '重新获取';
-          this.disabled = false;
-          this.submit = false;
-        }
-      }, 1000);
-      util
-        .ajax({
-          method: 'post',
-          url:
-            this.active == 12 ? this.getTwoFactorLoginCode : this.getLoginCode,
-          data: data
-        })
-        .then((res) => {
-          this.$message({
-            message: res.msg,
-            duration: 2000,
-            type: res.rCode == 0 ? 'success' : 'error'
-          });
-
-          if (res.rCode === 2) {
-            this.btnText = '获取验证码';
-            this.disabled = false;
-            this.countdown = 0;
-            clearInterval(this.timer);
-          }
-        })
-        .catch((err) => {
-          if (err.message && err.message !== 'canceled') {
-            this.$message.error(err.message);
-          }
-        });
-    },
-    handleLogin() {
-      if (this.submit) {
-        return false;
-      }
-      this.$refs['login'].validate((valid) => {
-        if (valid) {
-          this.submit = true;
-          const data =
-            this.active == '0'
-              ? {
-                  username: this.formData.username,
-                  password:
-                    this.secret && this.isEncrypt
-                      ? util.esmEncrypt({
-                          data: this.formData.password,
-                          key: this.secret
-                        })
-                      : this.formData.password,
-                  identifyingCode: this.formData.identifyingCode,
-                  identifyingId: this.identifyingId
-                }
-              : this.active == '12'
-              ? {
-                  username: this.formData.username,
-                  password:
-                    this.secret && this.isEncrypt
-                      ? util.esmEncrypt({
-                          data: this.formData.password,
-                          key: this.secret
-                        })
-                      : this.formData.password,
-                  targetType:
-                    this.passModifyModel.indexOf('11') > -1 ? 'EMAIL' : 'SMS',
-                  verificationCode: this.formData.identifyingCode
-                }
-              : {
-                  target: this.formData.target,
-                  verificationCode: this.formData.verificationCode,
-                  targetType: this.active == '6' ? 'SMS' : 'EMAIL'
-                };
-          if (this.onLogin) {
-            if (this.active == '0') {
-              this.onLogin(data, this.getImgCode, this.handleRemember);
-            } else {
-              this.onLogin(data);
-            }
-          } else {
-            this.handleUserLogin(data);
-          }
-        } else {
-          this.submit = false;
-          return false;
-        }
-      });
-    },
-    doLogin(e) {
-      if (util.win.event == undefined) {
-        var key = e.keyCode;
-      } else {
-        var key = util.win.event.keyCode;
-      }
-      if (key == 13) {
-        this.handleLogin();
-      }
-    },
-    handleUserLogin(data) {
-      let extUserBindHandleId = sessionStorage.getItem('extUserBindHandleId');
-      util
-        .ajax({
-          method: 'post',
-          url:
-            this.active == '0'
-              ? this.actionUrl
-              : this.active == '12'
-              ? this.doTwoFactorLogin
-              : this.doCodeLogin,
-          data: extUserBindHandleId
-            ? { ...data, extUserBindHandleId: extUserBindHandleId }
-            : data
-        })
-        .then((res) => {
-          this.submit = false;
-          if (res.rCode == 0) {
-            sessionStorage.removeItem('extUserBindHandleId');
-            this.handleRemember();
-            const results = res.results;
-            this.handleResults(results);
-            if (this.onSuccess) {
-              this.onSuccess(res);
-            }
-          } else {
-            const msg =
-              res.results && res.results.msg ? res.results.msg : res.msg;
-            this.$message({
-              message: msg || '系统错误，请联系管理员！',
-              type: 'error',
-              duration: 1500,
-              onClose: () => {
-                this.getImgCode();
-              }
-            });
-            this.onError(res);
-          }
-        })
-        .catch((err) => {
-          this.submit = false;
-          if (err.message && err.message !== 'canceled') {
-            this.$message.error(err.message);
-          }
-        });
-    },
-    caLogin(signedData) {
-      util
-        .ajax({
-          method: 'post',
-          url: this.caAction,
-          data: { identifyingId: this.identifyingId, signedData: signedData }
-        })
-        .then((res) => {
-          this.submit = false;
-          if (res.rCode == 0) {
-            const results = res.results;
-            this.handleResults(results);
-            if (this.onSuccess) {
-              this.onSuccess(res);
-            }
-          } else {
-            const msg =
-              res.results && res.results.msg ? res.results.msg : res.msg;
-            this.$message({
-              message: msg || '系统错误，请联系管理员！',
-              type: 'error',
-              duration: 1500,
-              onClose: () => {
-                this.getImgCode();
-              }
-            });
-            this.onError(res);
-          }
-        })
-        .catch((err) => {
-          if (err.message && err.message !== 'canceled') {
-            this.$message.error(err.message);
-          }
-        });
-    },
-    handleForget() {
-      if (typeof this.forget === 'string') {
-        util.win.open(this.forgetUrl);
-      } else {
-        this.showResetPassword = true;
-      }
-    },
-    downloadExe() {
-      util.win.open(this.downloadSetup);
-    },
-    //获取app登录信息
-    loginInfo(res) {
-      clearInterval(this.interval);
-      if (res) {
-        //this.modifyPasswordfun();
-        this.interval = setInterval(() => {
-          this.initRequestLoginInfo();
-        }, 1000);
-      }
-    },
-    initRequestLoginInfo() {
-      util
-        .ajax({
-          method: 'post',
-          url: this.scanAction,
-          data: {
-            identifyingId: this.identifyingId
-          }
-        })
-        .then((res) => {
-          if (res.rCode === 0) {
-            const results = res.results;
-            this.handleResults(results, 3);
-          }
-        })
-        .catch((err) => {
-          clearInterval(this.interval);
-          if (err.message && err.message !== 'canceled') {
-            this.$message.error(err.message);
-          }
-        });
-    },
-    handleResults(results, type) {
-      this.loginInfo(false);
-      switch (results.statusCode) {
-        case 0:
-          util.setStorage({
-            type: this.storage,
-            key: {
-              ssId: results.ssId,
-              token: results.token,
-              Authorization: results.token,
-              deviceUnique: results.deviceUnique,
-              userId: results.userId,
-              userName: results.username,
-              useCaseCodes: results.resourceCodes
-            }
-          });
-          this.$message({
-            message: '登录成功!',
-            type: 'success',
-            duration: 1500,
-            onClose: () => {
-              if (this.toUrl) {
-                window.location.href = this.toUrl;
-              } else if (results.doorIndex && this.doorIndex) {
-                window.location.href = results.doorIndex;
-              } else {
-                if (window.location.href.indexOf('login.html') > -1) {
-                  window.location.href = './main.html';
-                } else {
-                  this.$router.push({ name: 'main' });
-                }
-              }
-            }
-          });
-          break;
-        case 2:
-          this.$confirm(
-            results.msg ? results.msg : '密码太简单了, 请修改密码?',
-            '提示',
-            {
-              confirmButtonText: '确定',
-              //cancelButtonText: '取消',
-              type: 'warning'
-            }
-          )
-            .then(() => {
-              if (typeof this.forget === 'string') {
-                util.win.open(this.forgetUrl);
-              } else {
-                this.showResetPassword = true;
-              }
-            })
-            .catch((e) => {});
-          break;
-        case 3:
-          let url =
-            results.doorIndex && this.doorIndex
-              ? results.doorIndex
-              : window.location.href.indexOf('main.html') > -1
-              ? './login.html'
-              : window.location.hash
-              ? window.location.href.replace('login', 'main')
-              : window.location.href;
-          const href = results.authorizeUrl.replace(
-            '{redirectUri}',
-            encodeURIComponent(url)
-          );
-          window.location.href = href;
-          // window.location.href =
-          //   results.authorizeUrl.indexOf('?') > -1
-          //     ? results.authorizeUrl + '&token=' + results.token
-          //     : results.authorizeUrl + '?token=' + results.token;
-          break;
-        case 4:
-          this.$alert(
-            results.msg ? results.msg : '账号未绑定，账号密码登录后自动绑定！',
-            '提示',
-            {
-              confirmButtonText: '确定',
-              type: 'error'
-            }
-          )
-            .then(() => {
-              sessionStorage.setItem(
-                'extUserBindHandleId',
-                results.extUserBindHandleId
-              );
-              window.location.href = util.delUrlParam({ key: 'code' });
-              if (window.location.hash) {
-                location.reload();
-              }
-            })
-            .catch((e) => {});
-          break;
-        default:
-          if (type !== 3) {
-            this.$message({
-              message: results.msg,
-              type: 'error',
-              duration: 1500,
-              onClose: () => {
-                if (this.code) {
-                  window.location.href = util.delUrlParam({ key: 'code' });
-                  if (window.location.hash) {
-                    location.reload();
-                  }
-                } else {
-                  this.getImgCode();
-                }
-              }
-            });
-          } else if (this.active == 3) {
-            this.loginInfo(true);
-          }
-      }
-    },
-    handleSuccess() {
-      this.showResetPassword = false;
-    }
+    return {};
   },
-  beforeDestroy() {
-    document.removeEventListener('keyup', this.doLogin);
-  }
+  created() {},
+  mounted() {},
+  methods: {},
+  beforeDestroy() {}
 };
 </script>