system-phone 3.1.95 → 3.1.98

package/src/components/LoginApp.vue

@@ -1,1030 +1,1032 @@
-<template>
-  <div class="loginbg" id="outheight">
-    <!--输入框-->
-    <div class="htmleaf-container">
-      <div class="wrapper" :class="{'form-success': login}">
-        <div class="container">
-          <h3 style="color:white; margin-top: 15px">欢迎使用</h3>
-          <p class="form" :style="{'margin-top': margintop + 'px'}">
-            <input type="text" v-model="ename" class="usericon"/>
-            <input :type="showpass==true?'text':'password'" v-model="password" class="psicon"/>
-            <img :src="imageurl"
-                 style="width: 20px;margin-bottom: 5px;position: absolute;left: 62%;bottom: 43%;"
-                 alt=""
-                 @click="changepass()"/>
-            <button type="button" id="login-button" @click.prevent="confirm()"><strong>登录</strong></button>
-          </p>
-          <div class="row">
-            <img src="../assets/选中.png" style="width: 20px;margin-bottom: 5px" alt="" v-if="showsave"
-                 @click="showoff()">
-            <img src="../assets/未选.png" style="width: 20px;margin-bottom: 5px" alt="" v-if="!showsave"
-                 @click="showon()">
-            <span class="text-left font">记住密码</span>
-            <img src="../assets/选中.png" style="width: 20px;margin-bottom: 5px" alt="" v-if="showauto == '1'"
-                 @click="showoff1()">
-            <img src="../assets/未选.png" style="width: 20px;margin-bottom: 5px" alt="" v-if="showauto == '2'"
-                 @click="showon1()">
-            <span class="text-left font">自动登录</span>
-            <p></p>
-            <span class="versiontext" style="margin-top: 10px" v-if="version">当前版本：{{ version }}</span>
-            <span class="devicetext">设备码：{{ deviceIemi }}</span>
-          </div>
-        </div>
-      </div>
-    </div>
-    <!--<load-appdata @ready="onReady"></load-appdata>-->
-    <div style="width: 100%;height: 100%;position: fixed;top: 0px;" v-show="loaderShow">
-      <div id="loading" class="loading">登陆中...</div>
-    </div>
-    <modal :show.sync="modifyPassword" backdrop="false">
-      <header slot="modal-header" class="modal-header">
-      </header>
-      <article slot="modal-body" class="modal-body">
-        <modify-pass-word :sourse="login" :weak-password="weakPassword" v-if="modifyPassword"
-                          v-on:success="success"></modify-pass-word>
-      </article>
-      <footer slot="modal-footer" class="modal-footer">
-      </footer>
-    </modal>
-    <!-- 短信验证码弹窗 -->
-    <modal :show.sync="smsModalShow" backdrop="true">
-      <div slot="modal-header"></div>
-      <article slot="modal-body" class="sms-modal-body">
-        <div class="sms-wrap">
-          <div class="sms-top">
-            <div class="sms-top-icon">
-              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
-                <rect x="2" y="4" width="20" height="16" rx="3"/>
-                <path d="M7 8h4M13 8h4M7 12h10M7 16h2M13 16h4"/>
-              </svg>
-            </div>
-          </div>
-          <div class="sms-ct">
-            <div class="sms-ct-label">短信验证码</div>
-            <div class="sms-ct-tip">{{ smsModalMessage }}</div>
-          </div>
-          <div class="sms-field">
-            <div class="sms-field-hint">请输入6位验证码</div>
-            <div class="sms-code-box">
-              <input
-                class="sms-code-ipt"
-                v-model="smsCode"
-                maxlength="6"
-                @keyup.enter="smsModalConfirm"
-                autocomplete="off"
-                type="tel"
-              />
-            </div>
-            <div class="sms-extra" :class="{ 'expiry-warn': smsCountdown <= 30 }">
-              <template v-if="smsCountdown > 0">剩余 {{ smsCountdown }}s</template>
-              <template v-else>已过期</template>
-            </div>
-          </div>
-          <div class="sms-actions">
-            <button class="sms-act-ok" @click="smsModalConfirm">确定</button>
-            <button class="sms-act-no" @click="smsModalCancel">取消</button>
-          </div>
-        </div>
-      </article>
-      <div slot="modal-footer"></div>
-    </modal>
-  </div>
-</template>
-
-<script>
-
-/**
- * 说明：
- * /rs/vue 请求获取到的配置文件有关配置项目
- * telephone.LoginApp.weakPassword：为true 是判断是否弱密码校验
- *
- * globle 校验参数 Device_IEMI 是否需要校验设备iemi编码
- *
- */
-
-
-import Vue from 'vue'
-import * as Util from '../Util'
-import cryptJS from './EncryptUtil'
-import { validateStrongPasswordPhone } from '../plugins/validateStrongPasswordPhone.js'
-//获取json配置文件
-let asyncReady = async function (self, url) {
-  // 获取配置信息
-  try {
-    console.log("获取营收配置文件和参数【开始】")
-    await self.$appdata.load()
-    console.log("获取营收配置文件和参数【结束】，开始获取vue配置文件【开始】")
-    let that = self
-    let res = await Vue.resetget(`${url}/phone/rs/vue`, {data: {}}, {resolveMsg: null, rejectMsg: null})
-    that.$set('config', res.data)
-    Vue.config2 = res.data
-    // 判断是否需要弱密码校验
-    if (self.config && self.config.telephone && self.config.telephone.LoginApp && "undefined" != typeof self.config.telephone.LoginApp.weakPassword) {
-      self.weakPassword = self.config.telephone.LoginApp.weakPassword
-    }
-    console.log("手机端获取.json文件")
-    console.log(JSON.stringify(self.config))
-    return true
-  } catch (error) {
-    // 此处业务数据装载异常不做任何处理，理论上不会有任何异常
-    self.$showMessage('登录系统: 获取配置文件失败，请检查网络后重新登陆！')
-    return false
-  }
-}
-
-//装载业务数据
-let asyncLoadData = async function (self, url) {
-  try {
-    // 读取报建本地配置文件
-    var result = HostApp.readLocalFile('workflow_apply.json')
-    if (result.code == 500) {
-      console.log('不存在流程配置文件，即不使用报建app')
-      return
-    }
-    var data = JSON.parse(result.data)
-    console.log('读取报建配置文件成功,存入缓存中的data=>' + JSON.stringify(data))
-    Vue.workflow_vue = Vue.prototype.$workflow_vue = data
-  } catch (error) {
-    // 此处业务数据装载异常不做任何处理，理论上不会有任何异常,只有当app版本端版本较低无readlocalfile时会异常
-    console.log(error)
-  }
-}
-
-export default {
-  title: '登录系统',
-  data() {
-    return {
-      loaderShow: false,
-      config: {},
-      weakPassword: false,
-      modifyPassword: false,
-      version: '',
-      ename: '',
-      login: 'login',
-      password: '',
-      showsave: true,
-      showauto: '2',  // 1 自动登陆  2取消自动登陆
-      showpass: false,
-      imageurl: require('../assets/miwen.png'),
-      deviceIemi: '无法获取该设备码，请联系管理员',
-      loginSafe: false,
-      margintop: document.documentElement.clientHeight * 0.1,
-      // 短信验证码相关
-      smsCode: '',
-      smsCountdown: 0,
-      smsCountdownTimer: null,
-      smsModalShow: false,
-      smsModalMessage: '',
-      // 标记是否处于短信验证流程
-      smsLoginFlag: false
-    }
-  },
-
-  ready() {
-    this.version = Vue.app_version || ''
-    if (Vue.android) {
-      const userCache = this.$androidUtil.getPreference('login_user_cache')
-      this.showauto = this.$androidUtil.getPreference('auto_login')
-      this.showauto = this.showauto ? this.showauto : '2'
-      console.log(`自动登陆标识ready：${this.showauto}`)
-      if (userCache) {
-        const userCacheJSON = JSON.parse(userCache.replace(/\'/g, '\"'))
-        this.password = userCacheJSON.password
-        this.ename = userCacheJSON.username
-      }
-      this.deviceIemi = this.$androidUtil.getDeviceIEMI()
-      console.log(`手机设备码：${this.deviceIemi}`)
-      if (this.showauto == '1' && this.password) {
-        this.confirm()
-      }
-    }
-  },
-  methods: {
-    success(val) {
-      // 修改密码成功
-      this.modifyPassword = false
-      this.password = val
-    },
-    startSmsCountdown () {
-      if (this.smsCountdownTimer) {
-        clearInterval(this.smsCountdownTimer)
-      }
-      this.smsCountdownTimer = setInterval(() => {
-        if (this.smsCountdown > 0) {
-          this.smsCountdown--
-        } else {
-          clearInterval(this.smsCountdownTimer)
-        }
-      }, 1000)
-    },
-    stopSmsCountdown () {
-      if (this.smsCountdownTimer) {
-        clearInterval(this.smsCountdownTimer)
-        this.smsCountdownTimer = null
-      }
-    },
-    smsModalConfirm () {
-      if (this.smsCode === '') {
-        this.$showMessage('请输入短信验证码')
-        return
-      }
-      this.smsLoginFlag = true
-      // 调用 confirm 方法完成 Step2
-      this.confirm()
-    },
-    smsModalCancel () {
-      this.smsModalShow = false
-      this.smsLoginFlag = false
-      this.stopSmsCountdown()
-      this.smsCode = ''
-      this.loaderShow = false
-    },
-    // 对资源菜单进行排序
-    sortFunctions (val) {
-      this.sortArr(val)
-      val.forEach((item)=>{
-        if(item.children && Array.isArray(item.children)){
-          this.sortArr(item.children)
-        }
-      })
-      return val
-    },
-    sortArr(val){
-      val.sort((itemA, itemB)=>{
-        if(itemA.position !== itemB.position){
-          return itemA.position - itemB.position
-        }else{
-          return itemA.id - itemB.id
-        }
-      })
-    },
-    // 记住密码选中/未选中
-    showoff() {
-      this.showsave = false
-    },
-    showon() {
-      this.showsave = true
-    },
-    showoff1() {
-      this.showauto = '2'
-    },
-    showon1() {
-      this.showauto = '1'
-    },
-    changepass() {
-      this.showpass = this.showpass ? false : true
-      if (this.showpass) {
-        this.imageurl = require("../assets/mingwen.png")
-      } else {
-        this.imageurl = require("../assets/miwen.png")
-      }
-    },
-    async confirm() {
-      this.loaderShow = true
-      console.log('Vue.android：' + Vue.android)
-      const userData = {username: this.ename, password: this.password}
-      console.log('获取登陆信息：' + userData)
-      Vue.dataUrl = this.$androidUtil.getProxyUrl() + "/"
-      let loginData = {
-        username: this.ename,
-        password: this.password,
-        resourceName: '手机服务'
-      }
-      let ret = {}
-      if(Vue.isafsystem){
-        try {
-          ret = await this.$resetpost(`${this.$androidUtil.getProxyUrl()}/api/af-auth/login`, loginData, {
-            resolveMsg: null,
-            rejectMsg: null,
-            headerConfig: {'Content-type': 'application/json'}
-          })
-          if (ret.data) {
-            if (ret.data.resources.data && ret.data.resources.data.id) {
-              loginData = ret.data.resources.data
-            } else {
-              loginData = ret.data.resources
-            }
-            this.$androidUtil.setPreference('siteId', loginData.f_extend1 || '')
-            this.$androidUtil.setPreference('flatId', loginData.f_extend2 || '')
-            this.$androidUtil.setPreference('name', loginData.name || '')
-            this.$androidUtil.setPreference('ename', loginData.ename || '')
-          } else {
-            throw {status: ret.data.code, message: ret.data.msg}
-          }
-          // 设置登录人
-          Vue.user = Util.f = loginData
-          // 功能排序
-          Vue.functions = this.sortFunctions(loginData.functions)
-        }catch (e) {
-          if (Vue.android) {
-            this.loaderShow = false
-            this.$showMessage(e.message ? e.message : '登录失败!用户名或密码错误!')
-          }
-          return
-        }
-      }else{
-        try {
-          let data = {name: this.ename, password: this.password}
-          // Step2: 如果有 smsLoginFlag 且有待提交的验证码，则一起发送
-          if (this.smsLoginFlag && this.smsCode) {
-            data.smsCode = this.smsCode
-          }
-          data = '$' + cryptJS.RSAEncrypt(JSON.stringify(data))
-          const getLogin = await Vue.resetpost(`${this.$androidUtil.getProxyUrl()}/rs/logic/getLogin`, data, {resolveMsg: null, rejectMsg: null})
-          // 检查是否需要短信验证码（Step1 返回时，smsLoginFlag 为 false）
-          if (getLogin.data.needsSmsCode && !this.smsLoginFlag) {
-            this.loaderShow = false
-            this.smsCountdown = getLogin.data.expireSeconds || 300
-            this.smsModalMessage = getLogin.data.states || ('短信验证码已发送至' + getLogin.data.maskedPhone + '，请输入')
-            this.startSmsCountdown()
-            this.smsLoginFlag = true
-            this.smsModalShow = true
-            return
-          }
-          if (getLogin.data.states === '登录成功'){
-            // Step2 成功后清理状态
-            if (this.smsLoginFlag) {
-              this.smsCode = ''
-              this.smsLoginFlag = false
-              this.smsModalShow = false
-            }
-            // 初始化 Vue.$login
-            Vue.$login = Vue.prototype.$login = {
-              jwt: getLogin.data.jwt,
-              jwtNew: getLogin.data.jwtNew,
-              'v3-session-key': getLogin.data.s ? cryptJS.RSADecrypt(getLogin.data.s) : '',
-              toStandardDateString() {
-                const dt = new Date()
-                const month = dt.getMonth() + 1
-                const date = dt.getDate()
-                return `${dt.getFullYear()}-${month < 10 ? '0' + month : month}-${date < 10 ? '0' + date : date}`
-              },
-              toStandardTimeString() {
-                const dt = new Date()
-                const month = dt.getMonth() + 1
-                const date = dt.getDate()
-                const hour = dt.getHours()
-                const min = dt.getMinutes()
-                const sec = dt.getSeconds()
-                return `${dt.getFullYear()}-${month < 10 ? '0' + month : month}-${date < 10 ? '0' + date : date} ${hour < 10 ? '0' + hour : hour}:${min < 10 ? '0' + min : min}:${sec < 10 ? '0' + sec : sec}`
-              }
-            }
-            // 调用远程登录服务，获取所有有权访问的功能
-            data = {username: this.ename, password: this.password}
-            data = cryptJS.RSAEncrypt(JSON.stringify(data))
-            ret = await this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/user/userLogin/手机服务`, data, {
-              resolveMsg: null,
-              rejectMsg: null
-            })
-            this.$androidUtil.setPreference('siteId', ret.data.f_extend1 || '')
-            this.$androidUtil.setPreference('flatId', ret.data.f_extend2 || '')
-            this.$androidUtil.setPreference('name', ret.data.name || '')
-            this.$androidUtil.setPreference('ename', ret.data.ename || '')
-            if ((JSON.stringify(ret.data).startsWith("{") || JSON.stringify(ret.data).data.startsWith("[")) && ret.data.code && ret.data.msg && ret.data.code !== 200) {
-              throw {status: ret.data.code, message: ret.data.msg}
-            }
-            // 设置登录人
-            if ((JSON.stringify(ret.data).startsWith("{") || JSON.stringify(ret.data).data.startsWith("[")) && ret.data.code && ret.data.msg && ret.data.code === 200) {
-              Vue.user = Vue.$login.f = Util.f = ret.data.data
-            } else {
-              Vue.user = Vue.$login.f = Util.f = ret.data
-            }
-            // 功能排序
-            if ((JSON.stringify(ret.data).startsWith("{") || JSON.stringify(ret.data).data.startsWith("[")) && ret.data.code && ret.data.msg && ret.data.code === 200) {
-              Vue.functions = this.sortFunctions(ret.data.data.functions)
-            } else {
-              Vue.functions = this.sortFunctions(ret.data.functions)
-            }
-          }else {
-            if(Vue.$login && Vue.$login.s){
-              Vue.$login.s = null
-              Vue.$login['v3-session-key'] = null
-            }
-            this.loaderShow = false
-            this.$showMessage(getLogin.data.states)
-            return
-          }
-        }catch (e) {
-          if(Vue.$login && Vue.$login.s){
-            Vue.$login.s = null
-            Vue.$login['v3-session-key'] = null
-          }
-          if (Vue.android) {
-            this.loaderShow = false
-            this.$showMessage(e.message ? e.message : '登录失败!用户名或密码错误!')
-          }
-          return
-        }
-      }
-      // 更新 jwt（Vue.$login 已在 getLogin 成功后初始化）
-      if(Vue.isafsystem){
-        Vue.$login.jwt = loginData.id
-        Vue.$login.jwtNew = ret.data.access_token
-      }else{
-        console.log("ret", ret)
-        if ((JSON.stringify(ret.data).startsWith("{") || JSON.stringify(ret.data).startsWith("[")) && ret.data.code && ret.data.msg && ret.data.code === 200) {
-          Vue.$login.jwt = ret.data.data.id
-        }else{
-          Vue.$login.jwt = ret.data.id
-        }
-      }
-      // 对资源菜单进行排序
-      let viewDetails = await Vue.resetpost(`${this.$androidUtil.getProxyUrl()}/rs/search`, {
-        source: 'this.getRights().where(row.getType()==$function$ && row.getPath($name$).indexOf($功能权限$) != -1)',
-        userid: Vue.user.id
-      }, {resolveMsg: null, rejectMsg: null})
-      const rithtList = viewDetails.data
-      Vue.user.r = []
-      rithtList.forEach(x => Vue.user.r.push(x.name))
-      console.log('登陆人信息', JSON.stringify(Vue.user))
-      let userStr
-      if (Vue.android) {
-        console.log(`Device_IEMI:${this.$androidUtil.getPreference('Device_IEMI')}`)
-        // 判断是否需要验证 设备码
-        if (this.$androidUtil.getPreference('Device_IEMI')) {
-          console.log(`手机设备码：${this.deviceIemi}`)
-          let result = await this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`, {
-            data: {
-              items: '*',
-              tablename: 't_equipment',
-              orderitem: 'id desc',
-              condition: `f_terminal_number = '${this.deviceIemi}' and f_state = '正常'`
-            }
-          }, {resolveMsg: null, rejectMsg: null})
-          console.log(`检测设备码存在是否：${result.data.length}`)
-          if (result.data.length == 0) {
-            HostApp.alert('设备码未绑定，请联系管理员！')
-            return
-          }
-        }
-        if (this.showsave) {
-          userStr = `{'username':'${this.ename}','password':'${this.password}'}`
-        } else {
-          userStr = `{'username':'${this.ename}','password':''}`
-        }
-        console.log(this.showauto)
-        this.$androidUtil.setPreference('login_user_cache', userStr)
-        this.$androidUtil.setPreference('f_repairman_id', Util.f.id)
-        this.$androidUtil.setPreference('f_repairman_name', Util.f.name)
-        this.$androidUtil.setPreference('f_orgid', Util.f.orgid)
-        this.$androidUtil.setPreference('f_role_name', Util.f.f_role_name || '')
-        console.log("自动登陆标识" + Util.f.f_role_name)
-        this.$androidUtil.setPreference('auto_login', this.showauto)
-      }
-      // 获取参数
-      console.log('获取参数system以及安检参数')
-      const flag = await asyncReady(this, this.$androidUtil.getProxyUrl())
-      if (!flag) {
-        this.loaderShow = false
-        console.log('获取参数异常')
-        return
-      }
-      console.log('获取参数结束')
-      this.loaderShow = false
-      // 弱口令验证
-      if (this.weakPassword) {
-        const pwdResult = validateStrongPasswordPhone(this.password)
-        if (!pwdResult.isValid) {
-          await this.$showMessage('登录系统: 此账户的密码过于简单，' + (pwdResult.errors[0] || '请修改密码后重新登陆！！！'), ['confirm'])
-          this.modifyPassword = true
-          return
-        }
-      }
-      this.$goto('nav-bottom')
-    },
-  },
-  beforeDestroy () {
-    this.stopSmsCountdown()
-  },
-  watch: {
-    'config'(val) {
-      Vue.config = val
-    }
-  }
-}
-</script>
-<style scoped="">
-.versiontext, .devicetext {
-  font: 13px PingFang-SC-Medium;
-  position: fixed;
-  width: 100%;
-  left: 50%;
-  transform: translateX(-50%);
-  text-align: center;
-}
-.versiontext {
-  bottom: 33px;
-}
-.devicetext {
-  bottom: 13px;
-}
-
-/*输入框样式*/
-/*@import url(http://fonts.useso.com/css?family=Source+Sans+Pro:200,300);*/
-* {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  font-weight: 300;
-}
-
-.loginbg {
-  font-family: 'Source Sans Pro', sans-serif;
-  color: white;
-  font-weight: 300;
-}
-
-.loginbg ::-webkit-input-placeholder {
-  /* WebKit browsers */
-  font-family: 'Source Sans Pro', sans-serif;
-  color: white;
-  font-weight: 300;
-}
-
-.loginbg :-moz-placeholder {
-  /* Mozilla Firefox 4 to 18 */
-  font-family: 'Source Sans Pro', sans-serif;
-  color: white;
-  opacity: 1;
-  font-weight: 300;
-}
-
-.loginbg ::-moz-placeholder {
-  /* Mozilla Firefox 19+ */
-  font-family: 'Source Sans Pro', sans-serif;
-  color: white;
-  opacity: 1;
-  font-weight: 300;
-}
-
-.loginbg :-ms-input-placeholder {
-  /* Internet Explorer 10+ */
-  font-family: 'Source Sans Pro', sans-serif;
-  color: white;
-  font-weight: 300;
-}
-
-.wrapper {
-  /*background: #2D83BA;
-  background: -webkit-linear-gradient(top left, #2D83BA 0%, #2D83BA 100%);
-  background: linear-gradient(to bottom right, #2D83BA 0%, #2D83BA 100%);
-  opacity: 0.8;*/
-  /*position: absolute;*/
-  /*top: 50%;
-  right: 10%;
-  width: 40%;
-  height: 350px;
-  margin-top: -150px;*/
-  overflow: hidden;
-}
-
-.wrapper.form-success .container h3 {
-  -webkit-transform: translateY(85px);
-  -ms-transform: translateY(85px);
-  transform: translateY(85px);
-}
-
-.container {
-  /*max-width: 350px;*/
-  margin: 0 auto;
-  /*padding: 30px 100px 50px 100px;
-  height: 350px;*/
-  text-align: center;
-  /*以下增加*/
-  /*background: #2D83BA;
-  background: -webkit-linear-gradient(top left, #2D83BA 0%, #2D83BA 100%);
-  background: linear-gradient(to bottom right, #2D83BA 0%, #2D83BA 100%);*/
-  opacity: 0.8;
-}
-
-.container h3 {
-  font-size: 40px;
-  -webkit-transition-duration: 1s;
-  transition-duration: 1s;
-  -webkit-transition-timing-function: ease-in-out;
-  transition-timing-function: ease-in-out;
-  font-weight: 200;
-}
-
-.form {
-  padding: 20px 0;
-  /*margin-top: 15%;*/
-  position: relative;
-  z-index: 2;
-}
-
-.form input {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-  border: 1px solid #50ABE6;
-  background-color: #50ABE6;
-  width: 250px;
-  border-radius: 3px;
-  padding: 10px 15px;
-  margin: 0 auto 10px auto;
-  display: block;
-  text-align: center;
-  font-size: 18px;
-  color: white;
-  -webkit-transition-duration: 0.25s;
-  transition-duration: 0.25s;
-  font-weight: 300;
-}
-
-.form input:hover {
-  background-color: rgba(255, 255, 255, 0.4);
-}
-
-.form input:focus {
-  background-color: white;
-  width: 300px;
-  color: #53e3a6;
-}
-
-.usericon {
-  background-image: url(../assets/usericon.png);
-  background-repeat: no-repeat;
-  background-size: 30px;
-  background-position-x: 8px;
-  background-position-y: 8px;
-}
-
-.psicon {
-  background-image: url(../assets/psicon.png);
-  background-repeat: no-repeat;
-  background-size: 30px;
-  background-position-x: 8px;
-  background-position-y: 8px;
-}
-
-.form button {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-  background-color: white;
-  border: 0;
-  padding: 10px 15px;
-  color: #253830;
-  border-radius: 3px;
-  width: 250px;
-  cursor: pointer;
-  font-size: 18px;
-  -webkit-transition-duration: 0.25s;
-  transition-duration: 0.25s;
-}
-
-.form button:hover {
-  background-color: #f5f7f9;
-}
-
-/*注册字体样式*/
-.form span {
-  color: #fff;
-  display: table-footer-group;
-  position: absolute;
-  right: 10px;
-  margin-top: 10px;
-  cursor: pointer;
-}
-
-.logotitle {
-  color: #fff;
-  position: absolute;
-  top: 50px;
-  left: 50px;
-  font-size: 50px;
-}
-
-/*注册模态框界面样式*/
-.modifystyle {
-  background: #FCFEEE;
-}
-
-.modifystyle div {
-  height: auto;
-  margin-bottom: 15px;
-  /*text-align: center;*/
-  /*margin-left: 20%;*/
-}
-
-/*bootstrap字体图标要手动调整，所以使用字体图标的span必须紧跟在input后面，负责会错位*/
-.modifystyle div input + span {
-  top: 0 !important;
-  right: 32%;
-}
-
-.modifystyle span {
-  color: red;
-}
-
-/* 通告区内容 */
-.notice-board {
-  height: auto;
-  position: absolute;
-  top: 50%;
-  margin-top: -150px;
-  margin-left: 100px;
-  color: #fff;
-}
-
-/*修改密码底部按钮部分样式*/
-.footerbtn {
-  text-align: center;
-  padding: 15px;
-}
-
-.footerbtn button {
-  width: 100px;
-  margin-left: 20px;
-}
-
-.bg-bubbles {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 1;
-}
-
-.bg-bubbles li {
-  position: absolute;
-  list-style: none;
-  display: block;
-  width: 40px;
-  height: 40px;
-  background-color: rgba(255, 255, 255, 0.15);
-  bottom: -160px;
-  -webkit-animation: square 25s infinite;
-  animation: square 25s infinite;
-  -webkit-transition-timing-function: linear;
-  transition-timing-function: linear;
-}
-
-.bg-bubbles li:nth-child(1) {
-  left: 10%;
-}
-
-.bg-bubbles li:nth-child(2) {
-  left: 20%;
-  width: 80px;
-  height: 80px;
-  -webkit-animation-delay: 2s;
-  animation-delay: 2s;
-  -webkit-animation-duration: 17s;
-  animation-duration: 17s;
-}
-
-.bg-bubbles li:nth-child(3) {
-  left: 25%;
-  -webkit-animation-delay: 4s;
-  animation-delay: 4s;
-}
-
-.bg-bubbles li:nth-child(4) {
-  left: 40%;
-  width: 60px;
-  height: 60px;
-  -webkit-animation-duration: 22s;
-  animation-duration: 22s;
-  background-color: rgba(255, 255, 255, 0.25);
-}
-
-.bg-bubbles li:nth-child(5) {
-  left: 70%;
-}
-
-.bg-bubbles li:nth-child(6) {
-  left: 80%;
-  width: 120px;
-  height: 120px;
-  -webkit-animation-delay: 3s;
-  animation-delay: 3s;
-  background-color: rgba(255, 255, 255, 0.2);
-}
-
-.bg-bubbles li:nth-child(7) {
-  left: 32%;
-  width: 160px;
-  height: 160px;
-  -webkit-animation-delay: 7s;
-  animation-delay: 7s;
-}
-
-.bg-bubbles li:nth-child(8) {
-  left: 55%;
-  width: 20px;
-  height: 20px;
-  -webkit-animation-delay: 15s;
-  animation-delay: 15s;
-  -webkit-animation-duration: 40s;
-  animation-duration: 40s;
-}
-
-.bg-bubbles li:nth-child(9) {
-  left: 25%;
-  width: 10px;
-  height: 10px;
-  -webkit-animation-delay: 2s;
-  animation-delay: 2s;
-  -webkit-animation-duration: 40s;
-  animation-duration: 40s;
-  background-color: rgba(255, 255, 255, 0.3);
-}
-
-.bg-bubbles li:nth-child(10) {
-  left: 90%;
-  width: 160px;
-  height: 160px;
-  -webkit-animation-delay: 11s;
-  animation-delay: 11s;
-}
-
-@-webkit-keyframes square {
-  0% {
-    -webkit-transform: translateY(0);
-    transform: translateY(0);
-  }
-  100% {
-    -webkit-transform: translateY(-700px) rotate(600deg);
-    transform: translateY(-700px) rotate(600deg);
-  }
-}
-
-@keyframes square {
-  0% {
-    -webkit-transform: translateY(0);
-    transform: translateY(0);
-  }
-  100% {
-    -webkit-transform: translateY(-700px) rotate(600deg);
-    transform: translateY(-700px) rotate(600deg);
-  }
-}
-
-.loading {
-  width: 36%;
-  height: 7%;
-  position: absolute;
-  top: 30%;
-  left: 32%;
-  line-height: 56px;
-  color: #fff;
-  padding-left: 60px;
-  font-size: 15px;
-  background: #000 url(../assets/loging.gif) no-repeat 10px 50%;
-  opacity: 0.7;
-  z-index: 9999;
-  -moz-border-radius: 20px;
-  -webkit-border-radius: 20px;
-  border-radius: 20px;
-  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-}
-</style>
-<style>
-/* 短信验证码弹窗样式 */
-.sms-modal-body {
-  padding: 0 !important;
-}
-
-.sms-wrap {
-  background: #fff;
-  padding: 32px 28px 28px;
-  text-align: center;
-  min-width: 280px;
-}
-
-.sms-top {
-  margin-bottom: 16px;
-}
-
-.sms-top-icon {
-  width: 44px;
-  height: 44px;
-  margin: 0 auto;
-  background: #EFF6FF;
-  border-radius: 12px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.sms-top-icon svg {
-  width: 22px;
-  height: 22px;
-  color: #3B82F6;
-}
-
-.sms-ct {
-  margin-bottom: 20px;
-}
-
-.sms-ct-label {
-  font-size: 18px;
-  font-weight: 600;
-  color: #111;
-  margin-bottom: 6px;
-}
-
-.sms-ct-tip {
-  font-size: 13px;
-  color: #888;
-  line-height: 1.5;
-}
-
-.sms-field {
-  margin-bottom: 20px;
-}
-
-.sms-field-hint {
-  font-size: 12px;
-  color: #aaa;
-  margin-bottom: 8px;
-  text-align: left;
-}
-
-.sms-code-box {
-  position: relative;
-  margin-bottom: 6px;
-}
-
-.sms-code-ipt {
-  width: 100%;
-  height: 46px;
-  border: 1px solid #E5E7EB;
-  border-radius: 10px;
-  padding: 0 14px;
-  font-size: 18px;
-  color: #111;
-  background: #FAFAFA;
-  text-align: center;
-  letter-spacing: 6px;
-  outline: none;
-  box-sizing: border-box;
-  transition: border-color 0.2s;
-}
-
-.sms-code-ipt:focus {
-  border-color: #3B82F6;
-  background: #fff;
-}
-
-.sms-code-ipt::placeholder {
-  color: #CCC;
-  letter-spacing: 1px;
-  font-size: 14px;
-}
-
-.sms-extra {
-  font-size: 12px;
-  color: #AAA;
-  text-align: right;
-}
-
-.expiry-warn {
-  color: #EF4444;
-}
-
-.sms-actions {
-  display: flex;
-  gap: 12px;
-}
-
-.sms-act-ok {
-  flex: 1;
-  height: 44px;
-  border: none;
-  border-radius: 10px;
-  background: #3B82F6;
-  color: #fff;
-  font-size: 16px;
-  font-weight: 500;
-  cursor: pointer;
-  transition: background 0.2s;
-}
-
-.sms-act-ok:active {
-  background: #2563EB;
-}
-
-.sms-act-no {
-  flex: 1;
-  height: 44px;
-  border: 1px solid #E5E7EB;
-  border-radius: 10px;
-  background: #FAFAFA;
-  color: #666;
-  font-size: 16px;
-  font-weight: 500;
-  cursor: pointer;
-  transition: background 0.2s;
-}
-
-.sms-act-no:active {
-  background: #F3F4F6;
-}
-</style>
-
+<template>
+  <div class="loginbg" id="outheight">
+    <!--输入框-->
+    <div class="htmleaf-container">
+      <div class="wrapper" :class="{'form-success': login}">
+        <div class="container">
+          <h3 style="color:white; margin-top: 15px">欢迎使用</h3>
+          <p class="form" :style="{'margin-top': margintop + 'px'}">
+            <input type="text" v-model="ename" class="usericon"/>
+            <input :type="showpass==true?'text':'password'" v-model="password" class="psicon"/>
+            <img :src="imageurl"
+                 style="width: 20px;margin-bottom: 5px;position: absolute;left: 62%;bottom: 43%;"
+                 alt=""
+                 @click="changepass()"/>
+            <button type="button" id="login-button" @click.prevent="confirm()"><strong>登录</strong></button>
+          </p>
+          <div class="row">
+            <img src="../assets/选中.png" style="width: 20px;margin-bottom: 5px" alt="" v-if="showsave"
+                 @click="showoff()">
+            <img src="../assets/未选.png" style="width: 20px;margin-bottom: 5px" alt="" v-if="!showsave"
+                 @click="showon()">
+            <span class="text-left font">记住密码</span>
+            <img src="../assets/选中.png" style="width: 20px;margin-bottom: 5px" alt="" v-if="showauto == '1'"
+                 @click="showoff1()">
+            <img src="../assets/未选.png" style="width: 20px;margin-bottom: 5px" alt="" v-if="showauto == '2'"
+                 @click="showon1()">
+            <span class="text-left font">自动登录</span>
+            <p></p>
+            <span class="versiontext" style="margin-top: 10px" v-if="version">当前版本：{{ version }}</span>
+<!--            <span class="devicetext">设备码：{{ deviceIemi }}</span>-->
+          </div>
+        </div>
+      </div>
+    </div>
+    <!--<load-appdata @ready="onReady"></load-appdata>-->
+    <div style="width: 100%;height: 100%;position: fixed;top: 0px;" v-show="loaderShow">
+      <div id="loading" class="loading">登陆中...</div>
+    </div>
+    <modal :show.sync="modifyPassword" backdrop="false">
+      <header slot="modal-header" class="modal-header">
+      </header>
+      <article slot="modal-body" class="modal-body">
+        <modify-pass-word :sourse="login" :weak-password="weakPassword" v-if="modifyPassword"
+                          v-on:success="success"></modify-pass-word>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+      </footer>
+    </modal>
+    <!-- 短信验证码弹窗 -->
+    <modal :show.sync="smsModalShow" backdrop="true">
+      <div slot="modal-header"></div>
+      <article slot="modal-body" class="sms-modal-body">
+        <div class="sms-wrap">
+          <div class="sms-top">
+            <div class="sms-top-icon">
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+                <rect x="2" y="4" width="20" height="16" rx="3"/>
+                <path d="M7 8h4M13 8h4M7 12h10M7 16h2M13 16h4"/>
+              </svg>
+            </div>
+          </div>
+          <div class="sms-ct">
+            <div class="sms-ct-label">短信验证码</div>
+            <div class="sms-ct-tip">{{ smsModalMessage }}</div>
+          </div>
+          <div class="sms-field">
+            <div class="sms-field-hint">请输入6位验证码</div>
+            <div class="sms-code-box">
+              <input
+                class="sms-code-ipt"
+                v-model="smsCode"
+                maxlength="6"
+                @keyup.enter="smsModalConfirm"
+                autocomplete="off"
+                type="tel"
+              />
+            </div>
+            <div class="sms-extra" :class="{ 'expiry-warn': smsCountdown <= 30 }">
+              <template v-if="smsCountdown > 0">剩余 {{ smsCountdown }}s</template>
+              <template v-else>已过期</template>
+            </div>
+          </div>
+          <div class="sms-actions">
+            <button class="sms-act-ok" @click="smsModalConfirm">确定</button>
+            <button class="sms-act-no" @click="smsModalCancel">取消</button>
+          </div>
+        </div>
+      </article>
+      <div slot="modal-footer"></div>
+    </modal>
+  </div>
+</template>
+
+<script>
+
+/**
+ * 说明：
+ * /rs/vue 请求获取到的配置文件有关配置项目
+ * telephone.LoginApp.weakPassword：为true 是判断是否弱密码校验
+ *
+ * globle 校验参数 Device_IEMI 是否需要校验设备iemi编码
+ *
+ */
+
+
+import Vue from 'vue'
+import * as Util from '../Util'
+import cryptJS from './EncryptUtil'
+import { validateStrongPasswordPhone } from '../plugins/validateStrongPasswordPhone.js'
+//获取json配置文件
+let asyncReady = async function (self, url) {
+  // 获取配置信息
+  try {
+    console.log("获取营收配置文件和参数【开始】")
+    await self.$appdata.load()
+    console.log("获取营收配置文件和参数【结束】，开始获取vue配置文件【开始】")
+    let that = self
+    let res = await Vue.resetget(`${url}/phone/rs/vue`, {data: {}}, {resolveMsg: null, rejectMsg: null})
+    that.$set('config', res.data)
+    Vue.config2 = res.data
+    // 判断是否需要弱密码校验
+    if (self.config && self.config.telephone && self.config.telephone.LoginApp && "undefined" != typeof self.config.telephone.LoginApp.weakPassword) {
+      self.weakPassword = self.config.telephone.LoginApp.weakPassword
+    }
+    console.log("手机端获取.json文件")
+    console.log(JSON.stringify(self.config))
+    return true
+  } catch (error) {
+    // 此处业务数据装载异常不做任何处理，理论上不会有任何异常
+    self.$showMessage('登录系统: 获取配置文件失败，请检查网络后重新登陆！')
+    return false
+  }
+}
+
+//装载业务数据
+let asyncLoadData = async function (self, url) {
+  try {
+    // 读取报建本地配置文件
+    var result = HostApp.readLocalFile('workflow_apply.json')
+    if (result.code == 500) {
+      console.log('不存在流程配置文件，即不使用报建app')
+      return
+    }
+    var data = JSON.parse(result.data)
+    console.log('读取报建配置文件成功,存入缓存中的data=>' + JSON.stringify(data))
+    Vue.workflow_vue = Vue.prototype.$workflow_vue = data
+  } catch (error) {
+    // 此处业务数据装载异常不做任何处理，理论上不会有任何异常,只有当app版本端版本较低无readlocalfile时会异常
+    console.log(error)
+  }
+}
+
+export default {
+  title: '登录系统',
+  data() {
+    return {
+      loaderShow: false,
+      config: {},
+      weakPassword: false,
+      modifyPassword: false,
+      version: '',
+      ename: '',
+      login: 'login',
+      password: '',
+      showsave: true,
+      showauto: '2',  // 1 自动登陆  2取消自动登陆
+      showpass: false,
+      imageurl: require('../assets/miwen.png'),
+      deviceIemi: '无法获取该设备码，请联系管理员',
+      loginSafe: false,
+      margintop: document.documentElement.clientHeight * 0.1,
+      // 短信验证码相关
+      smsCode: '',
+      smsCountdown: 0,
+      smsCountdownTimer: null,
+      smsModalShow: false,
+      smsModalMessage: '',
+      // 标记是否处于短信验证流程
+      smsLoginFlag: false
+    }
+  },
+
+  ready() {
+    this.version = Vue.app_version || ''
+    if (Vue.android) {
+      const userCache = this.$androidUtil.getPreference('login_user_cache')
+      this.showauto = this.$androidUtil.getPreference('auto_login')
+      this.showauto = this.showauto ? this.showauto : '2'
+      console.log(`自动登陆标识ready：${this.showauto}`)
+      if (userCache) {
+        const userCacheJSON = JSON.parse(userCache.replace(/\'/g, '\"'))
+        this.password = userCacheJSON.password
+        this.ename = userCacheJSON.username
+      }
+      // this.deviceIemi = this.$androidUtil.getDeviceIEMI()
+      // console.log(`手机设备码：${this.deviceIemi}`)
+      if (this.showauto == '1' && this.password) {
+        this.confirm()
+      }
+    }
+  },
+  methods: {
+    success(val) {
+      // 修改密码成功
+      this.modifyPassword = false
+      this.password = val
+    },
+    startSmsCountdown () {
+      if (this.smsCountdownTimer) {
+        clearInterval(this.smsCountdownTimer)
+      }
+      this.smsCountdownTimer = setInterval(() => {
+        if (this.smsCountdown > 0) {
+          this.smsCountdown--
+        } else {
+          clearInterval(this.smsCountdownTimer)
+        }
+      }, 1000)
+    },
+    stopSmsCountdown () {
+      if (this.smsCountdownTimer) {
+        clearInterval(this.smsCountdownTimer)
+        this.smsCountdownTimer = null
+      }
+    },
+    smsModalConfirm () {
+      if (this.smsCode === '') {
+        this.$showMessage('请输入短信验证码')
+        return
+      }
+      this.smsLoginFlag = true
+      // 调用 confirm 方法完成 Step2
+      this.confirm()
+    },
+    smsModalCancel () {
+      this.smsModalShow = false
+      this.smsLoginFlag = false
+      this.stopSmsCountdown()
+      this.smsCode = ''
+      this.loaderShow = false
+    },
+    // 对资源菜单进行排序
+    sortFunctions (val) {
+      this.sortArr(val)
+      val.forEach((item)=>{
+        if(item.children && Array.isArray(item.children)){
+          this.sortArr(item.children)
+        }
+      })
+      return val
+    },
+    sortArr(val){
+      val.sort((itemA, itemB)=>{
+        if(itemA.position !== itemB.position){
+          return itemA.position - itemB.position
+        }else{
+          return itemA.id - itemB.id
+        }
+      })
+    },
+    // 记住密码选中/未选中
+    showoff() {
+      this.showsave = false
+    },
+    showon() {
+      this.showsave = true
+    },
+    showoff1() {
+      this.showauto = '2'
+    },
+    showon1() {
+      this.showauto = '1'
+    },
+    changepass() {
+      this.showpass = this.showpass ? false : true
+      if (this.showpass) {
+        this.imageurl = require("../assets/mingwen.png")
+      } else {
+        this.imageurl = require("../assets/miwen.png")
+      }
+    },
+    async confirm() {
+      this.loaderShow = true
+      console.log('Vue.android：' + Vue.android)
+      const userData = {username: this.ename, password: this.password}
+      console.log('获取登陆信息：' + userData)
+      Vue.dataUrl = this.$androidUtil.getProxyUrl() + "/"
+      let loginData = {
+        username: this.ename,
+        password: this.password,
+        resourceName: '手机服务'
+      }
+      let ret = {}
+      if(Vue.isafsystem){
+        try {
+          ret = await this.$resetpost(`${this.$androidUtil.getProxyUrl()}/api/af-auth/login`, loginData, {
+            resolveMsg: null,
+            rejectMsg: null,
+            headerConfig: {'Content-type': 'application/json'}
+          })
+          if (ret.data) {
+            if (ret.data.resources.data && ret.data.resources.data.id) {
+              loginData = ret.data.resources.data
+            } else {
+              loginData = ret.data.resources
+            }
+            this.$androidUtil.setPreference('siteId', loginData.f_extend1 || '')
+            this.$androidUtil.setPreference('flatId', loginData.f_extend2 || '')
+            this.$androidUtil.setPreference('name', loginData.name || '')
+            this.$androidUtil.setPreference('ename', loginData.ename || '')
+          } else {
+            throw {status: ret.data.code, message: ret.data.msg}
+          }
+          // 设置登录人
+          Vue.user = Util.f = loginData
+          // 功能排序
+          Vue.functions = this.sortFunctions(loginData.functions)
+        }catch (e) {
+          if (Vue.android) {
+            this.loaderShow = false
+            this.$showMessage(e.message ? e.message : '登录失败!用户名或密码错误!')
+          }
+          return
+        }
+      }else{
+        try {
+          let data = {name: this.ename, password: this.password}
+          // Step2: 如果有 smsLoginFlag 且有待提交的验证码，则一起发送
+          if (this.smsLoginFlag && this.smsCode) {
+            data.smsCode = this.smsCode
+          }
+          data = '$' + cryptJS.RSAEncrypt(JSON.stringify(data))
+          const getLogin = await Vue.resetpost(`${this.$androidUtil.getProxyUrl()}/rs/logic/getLogin`, data, {resolveMsg: null, rejectMsg: null})
+          // 检查是否需要短信验证码（Step1 返回时，smsLoginFlag 为 false）
+          if (getLogin.data.needsSmsCode && !this.smsLoginFlag) {
+            this.loaderShow = false
+            this.smsCountdown = getLogin.data.expireSeconds || 300
+            this.smsModalMessage = getLogin.data.states || ('短信验证码已发送至' + getLogin.data.maskedPhone + '，请输入')
+            this.startSmsCountdown()
+            this.smsLoginFlag = true
+            this.smsModalShow = true
+            return
+          }
+          if (getLogin.data.states === '登录成功'){
+            // Step2 成功后清理状态
+            if (this.smsLoginFlag) {
+              this.smsCode = ''
+              this.smsLoginFlag = false
+              this.smsModalShow = false
+            }
+            // 初始化 Vue.$login
+            Vue.$login = Vue.prototype.$login = {
+              jwt: getLogin.data.jwt,
+              jwtNew: getLogin.data.jwtNew,
+              'v3-session-key': getLogin.data.s ? cryptJS.RSADecrypt(getLogin.data.s) : '',
+              toStandardDateString() {
+                const dt = new Date()
+                const month = dt.getMonth() + 1
+                const date = dt.getDate()
+                return `${dt.getFullYear()}-${month < 10 ? '0' + month : month}-${date < 10 ? '0' + date : date}`
+              },
+              toStandardTimeString() {
+                const dt = new Date()
+                const month = dt.getMonth() + 1
+                const date = dt.getDate()
+                const hour = dt.getHours()
+                const min = dt.getMinutes()
+                const sec = dt.getSeconds()
+                return `${dt.getFullYear()}-${month < 10 ? '0' + month : month}-${date < 10 ? '0' + date : date} ${hour < 10 ? '0' + hour : hour}:${min < 10 ? '0' + min : min}:${sec < 10 ? '0' + sec : sec}`
+              }
+            }
+            // 调用远程登录服务，获取所有有权访问的功能
+            data = {username: this.ename, password: this.password}
+            data = cryptJS.RSAEncrypt(JSON.stringify(data))
+            ret = await this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/user/userLogin/手机服务`, data, {
+              resolveMsg: null,
+              rejectMsg: null
+            })
+            this.$androidUtil.setPreference('siteId', ret.data.f_extend1 || '')
+            this.$androidUtil.setPreference('flatId', ret.data.f_extend2 || '')
+            this.$androidUtil.setPreference('name', ret.data.name || '')
+            this.$androidUtil.setPreference('ename', ret.data.ename || '')
+            if ((JSON.stringify(ret.data).startsWith("{") || JSON.stringify(ret.data).data.startsWith("[")) && ret.data.code && ret.data.msg && ret.data.code !== 200) {
+              throw {status: ret.data.code, message: ret.data.msg}
+            }
+            // 设置登录人
+            if ((JSON.stringify(ret.data).startsWith("{") || JSON.stringify(ret.data).data.startsWith("[")) && ret.data.code && ret.data.msg && ret.data.code === 200) {
+              Vue.user = Vue.$login.f = Util.f = ret.data.data
+            } else {
+              Vue.user = Vue.$login.f = Util.f = ret.data
+            }
+            // 功能排序
+            if ((JSON.stringify(ret.data).startsWith("{") || JSON.stringify(ret.data).data.startsWith("[")) && ret.data.code && ret.data.msg && ret.data.code === 200) {
+              Vue.functions = this.sortFunctions(ret.data.data.functions)
+            } else {
+              Vue.functions = this.sortFunctions(ret.data.functions)
+            }
+          }else {
+            if(Vue.$login && Vue.$login['v3-session-key']){
+              Vue.$login.s = null
+              Vue.$login.jwt = null
+              Vue.$login.jwtNew = null
+              Vue.$login['v3-session-key'] = null
+            }
+            this.loaderShow = false
+            this.$showMessage(getLogin.data.states)
+            return
+          }
+        }catch (e) {
+          if(Vue.$login && Vue.$login.s){
+            Vue.$login.s = null
+            Vue.$login['v3-session-key'] = null
+          }
+          if (Vue.android) {
+            this.loaderShow = false
+            this.$showMessage(e.message ? e.message : '登录失败!用户名或密码错误!')
+          }
+          return
+        }
+      }
+      // 更新 jwt（Vue.$login 已在 getLogin 成功后初始化）
+      if(Vue.isafsystem){
+        Vue.$login.jwt = loginData.id
+        Vue.$login.jwtNew = ret.data.access_token
+      }else{
+        console.log("ret", ret)
+        if ((JSON.stringify(ret.data).startsWith("{") || JSON.stringify(ret.data).startsWith("[")) && ret.data.code && ret.data.msg && ret.data.code === 200) {
+          Vue.$login.jwt = ret.data.data.id
+        }else{
+          Vue.$login.jwt = ret.data.id
+        }
+      }
+      // 对资源菜单进行排序
+      let viewDetails = await Vue.resetpost(`${this.$androidUtil.getProxyUrl()}/rs/search`, {
+        source: 'this.getRights().where(row.getType()==$function$ && row.getPath($name$).indexOf($功能权限$) != -1)',
+        userid: Vue.user.id
+      }, {resolveMsg: null, rejectMsg: null})
+      const rithtList = viewDetails.data
+      Vue.user.r = []
+      rithtList.forEach(x => Vue.user.r.push(x.name))
+      console.log('登陆人信息', JSON.stringify(Vue.user))
+      let userStr
+      if (Vue.android) {
+        console.log(`Device_IEMI:${this.$androidUtil.getPreference('Device_IEMI')}`)
+        // 判断是否需要验证 设备码
+        if (this.$androidUtil.getPreference('Device_IEMI')) {
+          console.log(`手机设备码：${this.deviceIemi}`)
+          let result = await this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`, {
+            data: {
+              items: '*',
+              tablename: 't_equipment',
+              orderitem: 'id desc',
+              condition: `f_terminal_number = '${this.deviceIemi}' and f_state = '正常'`
+            }
+          }, {resolveMsg: null, rejectMsg: null})
+          console.log(`检测设备码存在是否：${result.data.length}`)
+          if (result.data.length == 0) {
+            HostApp.alert('设备码未绑定，请联系管理员！')
+            return
+          }
+        }
+        if (this.showsave) {
+          userStr = `{'username':'${this.ename}','password':'${this.password}'}`
+        } else {
+          userStr = `{'username':'${this.ename}','password':''}`
+        }
+        console.log(this.showauto)
+        this.$androidUtil.setPreference('login_user_cache', userStr)
+        this.$androidUtil.setPreference('f_repairman_id', Util.f.id)
+        this.$androidUtil.setPreference('f_repairman_name', Util.f.name)
+        this.$androidUtil.setPreference('f_orgid', Util.f.orgid)
+        this.$androidUtil.setPreference('f_role_name', Util.f.f_role_name || '')
+        console.log("自动登陆标识" + Util.f.f_role_name)
+        this.$androidUtil.setPreference('auto_login', this.showauto)
+      }
+      // 获取参数
+      console.log('获取参数system以及安检参数')
+      const flag = await asyncReady(this, this.$androidUtil.getProxyUrl())
+      if (!flag) {
+        this.loaderShow = false
+        console.log('获取参数异常')
+        return
+      }
+      console.log('获取参数结束')
+      this.loaderShow = false
+      // 弱口令验证
+      if (this.weakPassword) {
+        const pwdResult = validateStrongPasswordPhone(this.password)
+        if (!pwdResult.isValid) {
+          await this.$showMessage('登录系统: 此账户的密码过于简单，' + (pwdResult.errors[0] || '请修改密码后重新登陆！！！'), ['confirm'])
+          this.modifyPassword = true
+          return
+        }
+      }
+      this.$goto('nav-bottom')
+    },
+  },
+  beforeDestroy () {
+    this.stopSmsCountdown()
+  },
+  watch: {
+    'config'(val) {
+      Vue.config = val
+    }
+  }
+}
+</script>
+<style scoped="">
+.versiontext, .devicetext {
+  font: 13px PingFang-SC-Medium;
+  position: fixed;
+  width: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  text-align: center;
+}
+.versiontext {
+  bottom: 33px;
+}
+.devicetext {
+  bottom: 13px;
+}
+
+/*输入框样式*/
+/*@import url(http://fonts.useso.com/css?family=Source+Sans+Pro:200,300);*/
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  font-weight: 300;
+}
+
+.loginbg {
+  font-family: 'Source Sans Pro', sans-serif;
+  color: white;
+  font-weight: 300;
+}
+
+.loginbg ::-webkit-input-placeholder {
+  /* WebKit browsers */
+  font-family: 'Source Sans Pro', sans-serif;
+  color: white;
+  font-weight: 300;
+}
+
+.loginbg :-moz-placeholder {
+  /* Mozilla Firefox 4 to 18 */
+  font-family: 'Source Sans Pro', sans-serif;
+  color: white;
+  opacity: 1;
+  font-weight: 300;
+}
+
+.loginbg ::-moz-placeholder {
+  /* Mozilla Firefox 19+ */
+  font-family: 'Source Sans Pro', sans-serif;
+  color: white;
+  opacity: 1;
+  font-weight: 300;
+}
+
+.loginbg :-ms-input-placeholder {
+  /* Internet Explorer 10+ */
+  font-family: 'Source Sans Pro', sans-serif;
+  color: white;
+  font-weight: 300;
+}
+
+.wrapper {
+  /*background: #2D83BA;
+  background: -webkit-linear-gradient(top left, #2D83BA 0%, #2D83BA 100%);
+  background: linear-gradient(to bottom right, #2D83BA 0%, #2D83BA 100%);
+  opacity: 0.8;*/
+  /*position: absolute;*/
+  /*top: 50%;
+  right: 10%;
+  width: 40%;
+  height: 350px;
+  margin-top: -150px;*/
+  overflow: hidden;
+}
+
+.wrapper.form-success .container h3 {
+  -webkit-transform: translateY(85px);
+  -ms-transform: translateY(85px);
+  transform: translateY(85px);
+}
+
+.container {
+  /*max-width: 350px;*/
+  margin: 0 auto;
+  /*padding: 30px 100px 50px 100px;
+  height: 350px;*/
+  text-align: center;
+  /*以下增加*/
+  /*background: #2D83BA;
+  background: -webkit-linear-gradient(top left, #2D83BA 0%, #2D83BA 100%);
+  background: linear-gradient(to bottom right, #2D83BA 0%, #2D83BA 100%);*/
+  opacity: 0.8;
+}
+
+.container h3 {
+  font-size: 40px;
+  -webkit-transition-duration: 1s;
+  transition-duration: 1s;
+  -webkit-transition-timing-function: ease-in-out;
+  transition-timing-function: ease-in-out;
+  font-weight: 200;
+}
+
+.form {
+  padding: 20px 0;
+  /*margin-top: 15%;*/
+  position: relative;
+  z-index: 2;
+}
+
+.form input {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  outline: 0;
+  border: 1px solid #50ABE6;
+  background-color: #50ABE6;
+  width: 250px;
+  border-radius: 3px;
+  padding: 10px 15px;
+  margin: 0 auto 10px auto;
+  display: block;
+  text-align: center;
+  font-size: 18px;
+  color: white;
+  -webkit-transition-duration: 0.25s;
+  transition-duration: 0.25s;
+  font-weight: 300;
+}
+
+.form input:hover {
+  background-color: rgba(255, 255, 255, 0.4);
+}
+
+.form input:focus {
+  background-color: white;
+  width: 300px;
+  color: #53e3a6;
+}
+
+.usericon {
+  background-image: url(../assets/usericon.png);
+  background-repeat: no-repeat;
+  background-size: 30px;
+  background-position-x: 8px;
+  background-position-y: 8px;
+}
+
+.psicon {
+  background-image: url(../assets/psicon.png);
+  background-repeat: no-repeat;
+  background-size: 30px;
+  background-position-x: 8px;
+  background-position-y: 8px;
+}
+
+.form button {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  outline: 0;
+  background-color: white;
+  border: 0;
+  padding: 10px 15px;
+  color: #253830;
+  border-radius: 3px;
+  width: 250px;
+  cursor: pointer;
+  font-size: 18px;
+  -webkit-transition-duration: 0.25s;
+  transition-duration: 0.25s;
+}
+
+.form button:hover {
+  background-color: #f5f7f9;
+}
+
+/*注册字体样式*/
+.form span {
+  color: #fff;
+  display: table-footer-group;
+  position: absolute;
+  right: 10px;
+  margin-top: 10px;
+  cursor: pointer;
+}
+
+.logotitle {
+  color: #fff;
+  position: absolute;
+  top: 50px;
+  left: 50px;
+  font-size: 50px;
+}
+
+/*注册模态框界面样式*/
+.modifystyle {
+  background: #FCFEEE;
+}
+
+.modifystyle div {
+  height: auto;
+  margin-bottom: 15px;
+  /*text-align: center;*/
+  /*margin-left: 20%;*/
+}
+
+/*bootstrap字体图标要手动调整，所以使用字体图标的span必须紧跟在input后面，负责会错位*/
+.modifystyle div input + span {
+  top: 0 !important;
+  right: 32%;
+}
+
+.modifystyle span {
+  color: red;
+}
+
+/* 通告区内容 */
+.notice-board {
+  height: auto;
+  position: absolute;
+  top: 50%;
+  margin-top: -150px;
+  margin-left: 100px;
+  color: #fff;
+}
+
+/*修改密码底部按钮部分样式*/
+.footerbtn {
+  text-align: center;
+  padding: 15px;
+}
+
+.footerbtn button {
+  width: 100px;
+  margin-left: 20px;
+}
+
+.bg-bubbles {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+}
+
+.bg-bubbles li {
+  position: absolute;
+  list-style: none;
+  display: block;
+  width: 40px;
+  height: 40px;
+  background-color: rgba(255, 255, 255, 0.15);
+  bottom: -160px;
+  -webkit-animation: square 25s infinite;
+  animation: square 25s infinite;
+  -webkit-transition-timing-function: linear;
+  transition-timing-function: linear;
+}
+
+.bg-bubbles li:nth-child(1) {
+  left: 10%;
+}
+
+.bg-bubbles li:nth-child(2) {
+  left: 20%;
+  width: 80px;
+  height: 80px;
+  -webkit-animation-delay: 2s;
+  animation-delay: 2s;
+  -webkit-animation-duration: 17s;
+  animation-duration: 17s;
+}
+
+.bg-bubbles li:nth-child(3) {
+  left: 25%;
+  -webkit-animation-delay: 4s;
+  animation-delay: 4s;
+}
+
+.bg-bubbles li:nth-child(4) {
+  left: 40%;
+  width: 60px;
+  height: 60px;
+  -webkit-animation-duration: 22s;
+  animation-duration: 22s;
+  background-color: rgba(255, 255, 255, 0.25);
+}
+
+.bg-bubbles li:nth-child(5) {
+  left: 70%;
+}
+
+.bg-bubbles li:nth-child(6) {
+  left: 80%;
+  width: 120px;
+  height: 120px;
+  -webkit-animation-delay: 3s;
+  animation-delay: 3s;
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.bg-bubbles li:nth-child(7) {
+  left: 32%;
+  width: 160px;
+  height: 160px;
+  -webkit-animation-delay: 7s;
+  animation-delay: 7s;
+}
+
+.bg-bubbles li:nth-child(8) {
+  left: 55%;
+  width: 20px;
+  height: 20px;
+  -webkit-animation-delay: 15s;
+  animation-delay: 15s;
+  -webkit-animation-duration: 40s;
+  animation-duration: 40s;
+}
+
+.bg-bubbles li:nth-child(9) {
+  left: 25%;
+  width: 10px;
+  height: 10px;
+  -webkit-animation-delay: 2s;
+  animation-delay: 2s;
+  -webkit-animation-duration: 40s;
+  animation-duration: 40s;
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
+.bg-bubbles li:nth-child(10) {
+  left: 90%;
+  width: 160px;
+  height: 160px;
+  -webkit-animation-delay: 11s;
+  animation-delay: 11s;
+}
+
+@-webkit-keyframes square {
+  0% {
+    -webkit-transform: translateY(0);
+    transform: translateY(0);
+  }
+  100% {
+    -webkit-transform: translateY(-700px) rotate(600deg);
+    transform: translateY(-700px) rotate(600deg);
+  }
+}
+
+@keyframes square {
+  0% {
+    -webkit-transform: translateY(0);
+    transform: translateY(0);
+  }
+  100% {
+    -webkit-transform: translateY(-700px) rotate(600deg);
+    transform: translateY(-700px) rotate(600deg);
+  }
+}
+
+.loading {
+  width: 36%;
+  height: 7%;
+  position: absolute;
+  top: 30%;
+  left: 32%;
+  line-height: 56px;
+  color: #fff;
+  padding-left: 60px;
+  font-size: 15px;
+  background: #000 url(../assets/loging.gif) no-repeat 10px 50%;
+  opacity: 0.7;
+  z-index: 9999;
+  -moz-border-radius: 20px;
+  -webkit-border-radius: 20px;
+  border-radius: 20px;
+  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
+}
+</style>
+<style>
+/* 短信验证码弹窗样式 */
+.sms-modal-body {
+  padding: 0 !important;
+}
+
+.sms-wrap {
+  background: #fff;
+  padding: 32px 28px 28px;
+  text-align: center;
+  min-width: 280px;
+}
+
+.sms-top {
+  margin-bottom: 16px;
+}
+
+.sms-top-icon {
+  width: 44px;
+  height: 44px;
+  margin: 0 auto;
+  background: #EFF6FF;
+  border-radius: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.sms-top-icon svg {
+  width: 22px;
+  height: 22px;
+  color: #3B82F6;
+}
+
+.sms-ct {
+  margin-bottom: 20px;
+}
+
+.sms-ct-label {
+  font-size: 18px;
+  font-weight: 600;
+  color: #111;
+  margin-bottom: 6px;
+}
+
+.sms-ct-tip {
+  font-size: 13px;
+  color: #888;
+  line-height: 1.5;
+}
+
+.sms-field {
+  margin-bottom: 20px;
+}
+
+.sms-field-hint {
+  font-size: 12px;
+  color: #aaa;
+  margin-bottom: 8px;
+  text-align: left;
+}
+
+.sms-code-box {
+  position: relative;
+  margin-bottom: 6px;
+}
+
+.sms-code-ipt {
+  width: 100%;
+  height: 46px;
+  border: 1px solid #E5E7EB;
+  border-radius: 10px;
+  padding: 0 14px;
+  font-size: 18px;
+  color: #111;
+  background: #FAFAFA;
+  text-align: center;
+  letter-spacing: 6px;
+  outline: none;
+  box-sizing: border-box;
+  transition: border-color 0.2s;
+}
+
+.sms-code-ipt:focus {
+  border-color: #3B82F6;
+  background: #fff;
+}
+
+.sms-code-ipt::placeholder {
+  color: #CCC;
+  letter-spacing: 1px;
+  font-size: 14px;
+}
+
+.sms-extra {
+  font-size: 12px;
+  color: #AAA;
+  text-align: right;
+}
+
+.expiry-warn {
+  color: #EF4444;
+}
+
+.sms-actions {
+  display: flex;
+  gap: 12px;
+}
+
+.sms-act-ok {
+  flex: 1;
+  height: 44px;
+  border: none;
+  border-radius: 10px;
+  background: #3B82F6;
+  color: #fff;
+  font-size: 16px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: background 0.2s;
+}
+
+.sms-act-ok:active {
+  background: #2563EB;
+}
+
+.sms-act-no {
+  flex: 1;
+  height: 44px;
+  border: 1px solid #E5E7EB;
+  border-radius: 10px;
+  background: #FAFAFA;
+  color: #666;
+  font-size: 16px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: background 0.2s;
+}
+
+.sms-act-no:active {
+  background: #F3F4F6;
+}
+</style>
+