system-clients 3.2.0 → 3.2.1-10-kelai

package/src/components/server/Login.vue

@@ -6,8 +6,8 @@
         <div class="login-title-chi" style="white-space: nowrap;margin-right:-5%">
           <img src="../../../static/newStyle/login-info.png"/>
           <span @click="showus=true">关于我们</span>
-<!--          <img src="../../../static/newStyle/login-con.png"/>-->
-<!--          <span>联系我们</span>-->
+          <!--          <img src="../../../static/newStyle/login-con.png"/>-->
+          <!--          <span>联系我们</span>-->
         </div>
       </div>
     </div>
@@ -113,622 +113,648 @@
 </template>
 
 <script>
-  import co from 'co'
-  import $ from 'jquery'
-  import Vue from 'vue'
-  import {HttpResetClass} from 'vue-client'
+import co from 'co'
+import $ from 'jquery'
+import Vue from 'vue'
+import {HttpResetClass} from 'vue-client'
 
 
 
-  let saveGen = function *(self) {
-    try {
+let saveGen = function *(self) {
+  try {
+    if(self.$login){
       yield self.$login.login(self.model.ename, self.model.password)
+    }
+    if(self.$appdata){
       yield self.$appdata.load()
 
-      if (Vue.$heatCompatibility) {
-        try {
+    }
+    if (Vue.$heatCompatibility) {
+      try {
+        if(self.$loginHeat){
           yield self.$loginHeat.login(self.model.ename, self.model.password)
+        }
+        if(self.$appdataHeat){
           yield self.$appdataHeat.load()
-        } catch (e) {
-          console.log('热力系统登陆失败!')
         }
+      } catch (e) {
+        console.log('热力系统登陆失败!')
       }
-
-      yield self.$getConfig(self, 'Login')
-      console.log('登录配置', self.config)
-      if (self.config.isMac) {
-        // 获取该登录人分公司下的mac配置
-        let getMacs = yield self.$resetpost('rs/sql/equipmentQuery', {data: {condition: `f_filialeids like '%${self.$login.f.f_orgids}%'`}}, {
-          resolveMsg: null,
-          rejectMsg: null
-        }).catch(() => {
-          throw new Error('获取mac配置失败')
-        })
-        console.log('MAC地址信息', getMacs)
-        // 获取本地mac地址
-        let getLocalMac = yield self.$resetget('http://127.0.0.1:8003/loadmac', {
-          resolveMsg: null,
-          rejectMsg: null
-        }).catch(() => {
-          throw new Error('获取本地mac配置失败')
-        })
-        console.log('本地MAC地址信息', getLocalMac)
-        // 对Mac地址进行匹配
-        let macValidate = false
-        for (let i = 0; i < getLocalMac.data.mac.length; i++) {
-          for (let j = 0; j < getMacs.data.length; j++) {
-            if (getMacs.data[j].f_mac_number.toLocaleUpperCase() === getLocalMac.data.mac[i]) {
-              macValidate = true
-            }
+    }
+    //吴小平
+    // yield self.$getConfig(self, 'Login')
+    console.log('登录配置', self.config)
+    if (self.config.isMac) {
+      // 获取该登录人分公司下的mac配置
+      let getMacs = yield self.$resetpost('rs/sql/equipmentQuery', {data: {condition: `f_filialeids like '%${self.$login.f.f_orgids}%'`}}, {
+        resolveMsg: null,
+        rejectMsg: null
+      }).catch(() => {
+        throw new Error('获取mac配置失败')
+      })
+      console.log('MAC地址信息', getMacs)
+      // 获取本地mac地址
+      let getLocalMac = yield self.$resetget('http://127.0.0.1:8003/loadmac', {
+        resolveMsg: null,
+        rejectMsg: null
+      }).catch(() => {
+        throw new Error('获取本地mac配置失败')
+      })
+      console.log('本地MAC地址信息', getLocalMac)
+      // 对Mac地址进行匹配
+      let macValidate = false
+      for (let i = 0; i < getLocalMac.data.mac.length; i++) {
+        for (let j = 0; j < getMacs.data.length; j++) {
+          if (getMacs.data[j].f_mac_number.toLocaleUpperCase() === getLocalMac.data.mac[i]) {
+            macValidate = true
           }
         }
-        if (!macValidate) {
-          throw new Error('Mac地址验证失败, 请联系管理员！！')
-        }
       }
-      // 弱口令验证
-      if (self.config.weakPassword && !(/^(?:(?=.*[a-zA-Z])(?=.*[0-9])(?=.*[^A-Za-z0-9])).*$/.test(self.model.password))) {
-        self.$showMessage('登录系统: 此账户的密码过于简单，请修改密码后重新登陆！！！', ['confirm']).then((res) => {
-          self.modifyPwShow = true
-        })
-      } else if (self.config.depPrompt) {
-        self.depPromptShow = true
-      } else {
-        self.$goto('home-page', {functions: self.$login.f})
-        if (self.$login) {
-          console.log('登录信息', self.$login.f)
-          global.login=self.$login.f
-          console.log('登录信息', global.login)
-        }
+      if (!macValidate) {
+        throw new Error('Mac地址验证失败, 请联系管理员！！')
       }
-
-    } catch (ret) {
-      console.error('登录失败', ret)
-      let msg
-      if (ret instanceof Error) {
-        msg = ret
+    }
+    // 弱口令验证
+    //跳转过来的不进行验证
+    if ((!self.otherLogin) && self.config.weakPassword && !(/^(?:(?=.*[a-zA-Z])(?=.*[0-9])(?=.*[^A-Za-z0-9])).*$/.test(self.model.password))) {
+      self.$showMessage('登录系统: 此账户的密码过于简单，请修改密码后重新登陆！！！', ['confirm']).then((res) => {
+        self.modifyPwShow = true
+      })
+    } else if ((!self.otherLogin) && self.config.depPrompt) {
+      self.depPromptShow = true
+    } else {
+      self.$goto('home-page', {functions: self.$login.f})
+      // if (self.otherLogin){
+      //   window.history.pushState(null,null,'')
+      // }
+      if (self.$login) {
+        console.log('登录信息', self.$login.f)
+        global.login=self.$login.f
+        console.log('登录信息', global.login)
       }
-      if (ret.status === 0) {
-        msg = '服务连接错误，请确认服务状态'
-      } else if (ret.status === 401) {
-        msg = ret.data
-      } else if (ret.status === 710) {
-        msg = ret.data
+    }
+
+  } catch (ret) {
+    console.error('登录失败', ret)
+    let msg
+    if (ret instanceof Error) {
+      msg = ret
+    }
+    if (ret.status === 0) {
+      msg = '服务连接错误，请确认服务状态'
+    } else if (ret.status === 401) {
+      msg = ret.data
+    } else if (ret.status === 710) {
+      msg = ret.data
+    }
+    self.createCode()
+    self.picLyanzhengma = ''
+    yield self.$showMessage(msg)
+    self.model.ename = ''
+    self.model.password = ''
+    self.login = false
+    $('form').fadeIn(500)
+  }
+}
+export default {
+  title: '登录',
+  async ready () {
+    try{
+      let http = new HttpResetClass()
+      let res = await http.load('POST', 'rs/sql/singleTable',
+        {data:{
+            tablename: 't_changedeclare',
+            condition: ` f_type ='变更通知' `
+          }
+        }, {resolveMsg: null, rejectMsg: null})
+      if(res.data.length>0){
+        console.log("---------------获取通知",res.data[0].f_change_message)
+        this.notice=res.data[0].f_change_message
       }
-      self.createCode()
-      self.picLyanzhengma = ''
-      yield self.$showMessage(msg)
-      self.model.ename = ''
-      self.model.password = ''
-      self.login = false
-      $('form').fadeIn(500)
+    }catch(e){}
+
+    this.loginother();
+    $('#login-button').click(function (event) {
+      event.preventDefault()
+      $('form').fadeOut(500)
+    })
+    if (window.location.search && window.location.search.indexOf('af_key') !== -1&& window.location.search.indexOf('af_n') !== -1) {
+      const subUrl = window.location.search.replace('?af_key=','').split('&af_n=')
+      console.log(subUrl)
+      this.model.ename = window.atob(subUrl[0])
+      this.model.password = window.atob(subUrl[1])
+      console.log('this.model.ename',this.model.ename)
+      this.otherLogin = true
+      this.confirm()
+    }else{
+      //跳转不需要验证码
+      this.createCode()
     }
-  }
-  export default {
-    title: '登录',
-    async ready () {
-      try{
-        let http = new HttpResetClass()
-        let res = await http.load('POST', 'rs/sql/singleTable',
-          {data:{
-              tablename: 't_changedeclare',
-              condition: ` f_type ='变更通知' `
+  },
+  data () {
+    return {
+      image:{
+        img1: '/images/newStyle/login-info.png',
+        img2: '/images/newStyle/login-con.png',
+        img3: '/images/newStyle/login-left.png',
+        img4: '/images/newStyle/login-user.png',
+        img5: '/images/newStyle/login-pwd.png',
+        img6: '/images/newStyle/login-check.png',
+        img7: '/images/newStyle/login-do.png',
+      },
+      config: {
+        isMac: false,
+        depPrompt: false,
+        weakPassword: false,
+        title: '燃气客服系统',
+        distanceLogin: false
+      },
+      otherLogin:false,
+      login: false,
+      depPromptShow: false,
+      model: {},
+      show: false,
+      checkCode: '',
+      login_do:true,
+      picLyanzhengma: '',
+      // 修改密码弹框展示
+      modifyPwShow: false,
+      logoandroid:false,
+      showus:false,
+      notice:'',
+      loginotherflag :true
+    }
+  },
+  methods: {
+    async loginother(){
+      if (this.config.distanceLogin) {
+        if (this.$login && this.$login.getUrlParames('name') ) {
+          let ename = this.$login.getUrlParames('name');
+          let logininfo = await this.$resetpost('rs/logic/getLoginData',{data:{ename:ename}},{resolveMsg: null, rejectMsg: null});
+          if(logininfo.data){
+            if(logininfo.data.ename && logininfo.data.password){
+              this.model.ename = logininfo.data.ename
+              this.model.password =logininfo.data.password
+              let gen = saveGen(this)
+              return co(gen)
             }
-          }, {resolveMsg: null, rejectMsg: null})
-        if(res.data.length>0){
-          console.log("---------------获取通知",res.data[0].f_change_message)
-          this.notice=res.data[0].f_change_message
+          }
         }
-      }catch(e){}
-      this.loginother();
-      $('#login-button').click(function (event) {
-        event.preventDefault()
-        $('form').fadeOut(500)
-      }),
-        this.createCode()
-    },
-    data () {
-      return {
-        image:{
-          img1: '/images/newStyle/login-info.png',
-          img2: '/images/newStyle/login-con.png',
-          img3: '/images/newStyle/login-left.png',
-          img4: '/images/newStyle/login-user.png',
-          img5: '/images/newStyle/login-pwd.png',
-          img6: '/images/newStyle/login-check.png',
-          img7: '/images/newStyle/login-do.png',
-        },
-        config: {
-          isMac: false,
-          depPrompt: false,
-          weakPassword: false,
-          title: '燃气客服系统',
-          distanceLogin: false
-        },
-        login: false,
-        depPromptShow: false,
-        model: {},
-        show: false,
-        checkCode: '',
-        login_do:true,
-        picLyanzhengma: '',
-        // 修改密码弹框展示
-        modifyPwShow: false,
-        logoandroid:false,
-        showus:false,
-        notice:'',
-        loginotherflag :true
       }
     },
-    methods: {
-      async loginother(){
-        if (this.config.distanceLogin) {
-          if (this.$login && this.$login.getUrlParames('name') ) {
-            let ename = this.$login.getUrlParames('name');
-            let logininfo = await this.$resetpost('rs/logic/getLoginData',{data:{ename:ename}},{resolveMsg: null, rejectMsg: null});
-            if(logininfo.data){
-              if(logininfo.data.ename && logininfo.data.password){
-                this.model.ename = logininfo.data.ename
-                this.model.password =logininfo.data.password
-                let gen = saveGen(this)
-                return co(gen)
-              }
-            }
-          }
-        }
-      },
-      theme(){
-        // var  elementList = document.querySelectorAll('body');
-        //   console.log(elementList)
-        //   document.querySelectorAll('body')[0].className='themeTwo'
-        //   var  elementList = document.querySelectorAll('body');
-        //   console.log(elementList)
-      },
-      onReady () {
-        this.$emit('ready')
-      },
-      confirm (key) {
-        this.login_do=!this.login_do
-        // return
-        if (key == 'key') {
-          $('form').fadeOut(500)
-        }
-        this.login = true
-        // let gen = saveGen(this)
-        // return co(gen)
-        if(this.$login.Verification){
-          if(this.picLyanzhengma == '') {
-            this.$showMessage("请输入验证码！").then(()=>{
-              this.login = false
-              $('form').fadeIn(500)
-              this.createCode()
-            })
-          }else if(this.picLyanzhengma.toUpperCase() != this.checkCode ) {
-            //若输入的验证码与产生的验证码不一致时
-            this.$showMessage("验证码不正确").then(()=>{
-              this.login = false
-              $('form').fadeIn(500)
-              this.createCode();//刷新验证码
-              this.picLyanzhengma = '';
-            })
-          }else {
-            this.login = true
-            let gen = saveGen(this)
-            return co(gen)
-          }
+    theme(){
+      // var  elementList = document.querySelectorAll('body');
+      //   console.log(elementList)
+      //   document.querySelectorAll('body')[0].className='themeTwo'
+      //   var  elementList = document.querySelectorAll('body');
+      //   console.log(elementList)
+    },
+    onReady () {
+      this.$emit('ready')
+    },
+    confirm (key) {
+      this.login_do=!this.login_do
+      // return
+      if (key == 'key') {
+        $('form').fadeOut(500)
+      }
+      this.login = true
+      // let gen = saveGen(this)
+      // return co(gen)
+      if((!this.otherLogin) && this.$login && this.$login.Verification){
+        console.log('跳转过来的不走验证')
+        if(this.picLyanzhengma == '') {
+          this.$showMessage("请输入验证码！").then(()=>{
+            this.login = false
+            $('form').fadeIn(500)
+            this.createCode()
+          })
+        }else if(this.picLyanzhengma.toUpperCase() != this.checkCode ) {
+          //若输入的验证码与产生的验证码不一致时
+          this.$showMessage("验证码不正确").then(()=>{
+            this.login = false
+            $('form').fadeIn(500)
+            this.createCode();//刷新验证码
+            this.picLyanzhengma = '';
+          })
         }else {
           this.login = true
           let gen = saveGen(this)
           return co(gen)
         }
-      },
-      createCode(){
-        let code = "";
-        let codeLength = 4;//验证码的长度
-        let random = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R',
-          'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z');//随机数
-        for (let i = 0; i < codeLength; i++) {
-          //循环操作
-          let index = Math.floor(Math.random() * 36);//取得随机数的索引（0~35）
-          code += random[index];//根据索引取得随机数加到code上
-        }
-        this.checkCode = code;//把code值赋给验证码
-      },
-
-      async depPromptConfirm () {
-        this.depPromptShow = false
-        return this.$goto('home-page', {functions: this.$login.f})
-      },
-
-      depPromptCancel () {
-        this.depPromptShow = false
-        this.createCode()
-        this.picLyanzhengma = ''
-        this.model.ename = ''
-        this.model.password = ''
-        this.login = false
-        $('form').fadeIn(500)
+      }else {
+        this.login = true
+        let gen = saveGen(this)
+        return co(gen)
       }
     },
-    watch: {
-      'modifyPwShow' (val){
-        if (!val) {
-          window.location.reload()
-        }
+    createCode(){
+      let code = "";
+      let codeLength = 4;//验证码的长度
+      let random = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R',
+        'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z');//随机数
+      for (let i = 0; i < codeLength; i++) {
+        //循环操作
+        let index = Math.floor(Math.random() * 36);//取得随机数的索引（0~35）
+        code += random[index];//根据索引取得随机数加到code上
       }
-    }
-  }
-</script>
-
-<style>
-
-  /*输入框样式*/
-  /*@import url(http://fonts.useso.com/css?family=Source+Sans+Pro:200,300);*/
-  * {
-    box-sizing: border-box;
-    margin: 0;
-    padding: 0;
-    font-weight: 400;
-    outline: none;
-  }
-
-  body {
-    font-family: 'Source Sans Pro', sans-serif;
-    color: white;
-    font-weight: 400;
-  }
-
-  body ::-webkit-input-placeholder {
-    /* WebKit browsers */
-    font-family: 'Source Sans Pro', sans-serif;
-    color: white;
-    font-weight: 400;
-  }
-
-  body :-moz-placeholder {
-    /* Mozilla Firefox 4 to 18 */
-    font-family: 'Source Sans Pro', sans-serif;
-    color: white;
-    opacity: 1;
-    font-weight: 400;
-  }
-
-  body ::-moz-placeholder {
-    /* Mozilla Firefox 19+ */
-    font-family: 'Source Sans Pro', sans-serif;
-    color: white;
-    opacity: 1;
-    font-weight: 400;
-  }
-
-  body :-ms-input-placeholder {
-    /* Internet Explorer 10+ */
-    font-family: 'Source Sans Pro', sans-serif;
-    color: white;
-    font-weight: 400;
-  }
-
-  .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: -60px;
-    width: 40%;
-    height: 400px;
-    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: 400px;
-    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-put;
-    transition-timing-function: ease-in-put;
-    font-weight: 200;
-  }
-
-  .form {
-    padding: 20px 0;
-    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: 400;
-  }
-
-  .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(../../../static/usericon.png);
-    background-repeat: no-repeat;
-    background-size: 30px;
-    background-position-x: 8px;
-    background-position-y: 8px;
-  }
-
-  .psicon {
-    background-image: url(../../../static/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);
-  }
+      this.checkCode = code;//把code值赋给验证码
+    },
 
-  .bg-bubbles li:nth-child(10) {
-    left: 90%;
-    width: 160px;
-    height: 160px;
-    -webkit-animation-delay: 11s;
-    animation-delay: 11s;
-  }
-  .logofooter{
-    font-size: 12px;
-    color:#fff;
-    width:150px;
-    margin-left: 17px;
-  }
-  .logocontent{
-    font-size: 14px;
-    color:#fff;
-    width:150px;
-    margin: 3px -15px;
-  }
-  .imglogo {
-    background:url(../../../static/logo.png);
-    background-size:100%;
-  }
-  .logoew {
-    width:120px;
-    height:120px;
-    float:right;
-    margin-right:8.5%;
-    margin-top:10px;
-  }
+    async depPromptConfirm () {
+      this.depPromptShow = false
+      return this.$goto('home-page', {functions: this.$login.f})
+    },
 
-  @-webkit-keyframes square {
-    0% {
-      -webkit-transform: translateY(0);
-      transform: translateY(0);
+    depPromptCancel () {
+      this.depPromptShow = false
+      this.createCode()
+      this.picLyanzhengma = ''
+      this.model.ename = ''
+      this.model.password = ''
+      this.login = false
+      $('form').fadeIn(500)
     }
-    100% {
-      -webkit-transform: translateY(-700px) rotate(600deg);
-      transform: translateY(-700px) rotate(600deg);
+  },
+  watch: {
+    'modifyPwShow' (val){
+      if (!val) {
+        window.location.reload()
+      }
     }
   }
+}
+</script>
 
-  @keyframes square {
-    0% {
-      -webkit-transform: translateY(0);
-      transform: translateY(0);
-    }
-    100% {
-      -webkit-transform: translateY(-700px) rotate(600deg);
-      transform: translateY(-700px) rotate(600deg);
-    }
-  }
+<style>
+
+/*输入框样式*/
+/*@import url(http://fonts.useso.com/css?family=Source+Sans+Pro:200,300);*/
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  font-weight: 400;
+  outline: none;
+}
+
+body {
+  font-family: 'Source Sans Pro', sans-serif;
+  color: white;
+  font-weight: 400;
+}
+
+body ::-webkit-input-placeholder {
+  /* WebKit browsers */
+  font-family: 'Source Sans Pro', sans-serif;
+  color: white;
+  font-weight: 400;
+}
+
+body :-moz-placeholder {
+  /* Mozilla Firefox 4 to 18 */
+  font-family: 'Source Sans Pro', sans-serif;
+  color: white;
+  opacity: 1;
+  font-weight: 400;
+}
+
+body ::-moz-placeholder {
+  /* Mozilla Firefox 19+ */
+  font-family: 'Source Sans Pro', sans-serif;
+  color: white;
+  opacity: 1;
+  font-weight: 400;
+}
+
+body :-ms-input-placeholder {
+  /* Internet Explorer 10+ */
+  font-family: 'Source Sans Pro', sans-serif;
+  color: white;
+  font-weight: 400;
+}
+
+.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: -60px;
+  width: 40%;
+  height: 400px;
+  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: 400px;
+  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-put;
+  transition-timing-function: ease-in-put;
+  font-weight: 200;
+}
+
+.form {
+  padding: 20px 0;
+  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: 400;
+}
+
+.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(../../../static/usericon.png);
+  background-repeat: no-repeat;
+  background-size: 30px;
+  background-position-x: 8px;
+  background-position-y: 8px;
+}
+
+.psicon {
+  background-image: url(../../../static/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;
+}
+.logofooter{
+  font-size: 12px;
+  color:#fff;
+  width:150px;
+  margin-left: 17px;
+}
+.logocontent{
+  font-size: 14px;
+  color:#fff;
+  width:150px;
+  margin: 3px -15px;
+}
+.imglogo {
+  background:url(../../../static/logo.png);
+  background-size:100%;
+}
+.logoew {
+  width:120px;
+  height:120px;
+  float:right;
+  margin-right:8.5%;
+  margin-top:10px;
+}
+
+@-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);
+  }
+}
 </style>