找回密码

src/components/bench-views/WorkHead.vue

                  <div class="triangle"></div>
                  <ul>
                    <li @click="updateInfo"> <span class="icon1"></span>修改资料</li>
                    <li> <span class="icon2"></span>账户设置</li>
                    <li> <span class="icon3"></span>退出登录</li>
                    <li @click="accoountInfo"> <span class="icon2"></span>账户设置</li>
                    <li @click="exitOut"> <span class="icon3"></span>退出登录</li>
                  </ul>
                </div>
              </el-collapse-transition>
      },
      updateInfo() {
        this.$router.push({path: '/updateInfo'});
      },
      accoountInfo() {
        this.$router.push({path: '/AccountSettings'});
      },
      exitOut() {
        Cookies.set('plf_user', null, { path: '/' });
        Cookies.set('plf_name', null, { path: '/' });
        Cookies.set('plf_logo', null, { path: '/' });
        Cookies.set('plf_email', null, { path: '/' });
        this.$router.push({path: '/home'});
      }
    },
    created() {

src/components/bench-views/contentManagement/News.vue

<script>
  import ArticleTemplate from '../ArticleTemplate.vue';
   export default {
     data() {
      return {
        keyValue: '',
        url: '/ajax/article/pageQuery',
        inValue: ''
       };
     },
     components: {
          ArticleTemplate
     },
     methods: {
     	 goPublishArt() {
         this.$router.push({path: '/PublishArticle'});
       },
       search() {
         this.keyValue = this.inValue;
       }
     }
   };
    export default {
      data() {
        return {
          keyValue: '',
          url: '/ajax/article/pageQuery',
          inValue: ''
        };
      },
      components: {
        ArticleTemplate
      },
      methods: {
        goPublishArt() {
          this.$router.push({path: '/PublishArticle'});
        },
        search() {
          this.keyValue = this.inValue;
        }
      }
    };
</script>

src/components/form-views/findPwd.vue

        </div>
        <div class="step-contain">
          <el-form v-show="!isStepShow" :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm">
          <el-form v-show="stepFisrt" :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm">
            <el-form-item prop="mail">
              <el-input v-model="ruleForm.mail" placeholder="请输入邮箱账号"></el-input>
            </el-form-item>
            <el-form-item></el-form-item>
            <el-form-item>
              <el-button type="primary" :disabled="isDisabl" @click="nextStep">下一步</el-button>
              <el-button type="text" @click="goLogin">又想起来了</el-button>
            <el-form-item class="textButton-box">
              <el-button type="primary" :disabled="isDisabl" @click="nextStep('ruleForm')">下一步</el-button>
              <el-button class="textButton" type="text" @click="goLogin">又想起来了</el-button>
            </el-form-item>
          </el-form>
          <el-form v-show="isStepShow" class="demo-ruleForm">
          <el-form v-show="stepSecond" class="demo-ruleForm">
            <el-form-item>
              <p class="importTip">密码找回邮件已发送至：<br />
                <span class="mainTip" id="emailShow">jdksgjksdgjsdhgs</span>
                <span class="mainTip" id="emailShow">{{ruleForm.mail}}</span>
              </p>
              <p class="smallTip">请您在10分钟内登录您的企业邮箱，接收邮件，<br />点击链接后即可重置密码。</p>
            </el-form-item>
              <el-button type="primary" @click="goToMail">登录邮箱</el-button>
            </el-form-item>
          </el-form>
          <el-form v-show="!isStepShow" :model="ruleForm2" :rules="rules2" ref="ruleForm2" class="demo-ruleForm">
          <el-form v-show="stepThird" :model="ruleForm2" :rules="rules2" ref="ruleForm2" class="demo-ruleForm">
            <el-form-item prop="pass">
              <el-input type="password" v-model="ruleForm2.pass" placeholder="请设置您的新密码" auto-complete="off"></el-input>
            </el-form-item>
            </el-form-item>
            <el-form-item></el-form-item>
            <el-form-item>
              <el-button type="primary" :disabled="isDisabl" @click="resetPwd">重置密码</el-button>
              <el-button type="primary" :disabled="isDisabl" @click="resetPwd('ruleForm2')">重置密码</el-button>
            </el-form-item>
          </el-form>
        </div>
</template>
<script type="text/ecmascript-6">
  import Cookies from 'js-cookie';
  import httpUrl from '@/libs/http';
  import util from '@/libs/util';
  export default {
     data() {
    data() {
      var validatePass = (rule, value, callback) => {
        if (value === '') {
          callback(new Error('请设置您的新密码'));
        }
      };
      return {
        platId: '',
        resetStepNum: '',
        resetCode: '',
        stepVal: 0,
        isStepShow: true,
        stepFisrt: true,
        stepSecond: false,
        stepThird: false,
        isDisabl: false,
        ruleForm: {
          mail: ''
        }
      };
    },
    created() {
      this.platId = Cookies.get('platId');
      this.resetStepNum = util.urlParse('step');
      this.resetCode = util.urlParse('sc');
      if (this.resetStepNum === '2') {
        this.stepFisrt = false;
        this.stepSecond = false;
        this.stepThird = true;
        this.stepVal = 2;
      }
    },
    methods: {
      nextStep() {
        return this.stepVal++ > 2;
      nextStep(formName) {
        this.$refs[formName].validate((valid) => {
          if (valid) {
            this.$axios.post(httpUrl.hQuery.sign.reqResetPw, {
              id: this.platId,
              mail: this.ruleForm.mail,
              url: httpUrl.platUrl + '/findPwd?step=2&sc'
            }).then(res => {
              console.log(res);
              if (res.success) {
                this.stepFisrt = false;
                this.stepSecond = true;
                this.stepVal = 1;
              } else {
                let errorCode = [{
                  code: -600001,
                  msg: '用户不存在'
                }, {
                  code: -600002,
                  msg: '发送邮箱错误'
                }];
                for (let i = 0; i < errorCode.length; i++) {
                  if (res.code === errorCode[i].code) {
                    this.$message.error(errorCode[i].msg);
                    return;
                  };
                };
              }
            });
          } else {
            return false;
          }
        });
      },
      goToMail() {
        var url = this.ruleForm.mail.split('@')[1];
        if (util.mailHash[url] === undefined) {
          window.open('http://mail.' + url);
        } else {
          window.open(util.mailHash[url]);
        }
      },
      resetPwd(formName) {
        this.$refs[formName].validate((valid) => {
          if (valid) {
            // this.$axios.post(httpUrl.workbench.fingPwd, paramsData).then(res => {
            //   this.logining = false;
            //   console.log(res);
            //   if (res.success) {
            //     this.$router.push({path: '/loginPlat'});
            //   } else {
            //     let errorCode = [{
            //       code: -600001,
            //       msg: '用户不存在'
            //     }, {
            //       code: -600002,
            //       msg: '密码不正确'
            //     }, {
            //       code: -600003,
            //       msg: '平台信息不存在'
            //     }, {
            //       code: -600004,
            //       msg: '用户被禁用'
            //     }];
            //     for (let i = 0; i < errorCode.length; i++) {
            //       if (res.code === errorCode[i].code) {
            //         this.$message.error(errorCode[i].msg);
            //         return;
            //       };
            //     };
            //   }
            // }).catch(error => {
            //   console.log(error);
            // });
            this.$axios.post(httpUrl.hQuery.sign.resetpw, {
              code: this.resetCode,
              pw: this.ruleForm2.pass
            }).then(res => {
              console.log(res);
              if (res.success) {
                this.$alert('您可以使用新密码登录您的账户了', '恭喜您，您的密码重置成功！', {
                  confirmButtonText: '重新登录',
                  type: 'success',
                  center: true,
                  callback: action => {
                    if (action === 'confirm') {
                      this.$router.push({path: '/loginPlat'});
                    };
                  }
                });
              } else {
                if (res.code === -600001) {
                  this.$alert('小提示：邮件内的链接有效时长为10分钟', '很抱歉，当前的链接已失效。', {
                    confirmButtonText: '重新找回密码',
                    type: 'warning',
                    center: true,
                    callback: action => {
                      if (action === 'confirm') {
                        this.stepFisrt = true;
                        this.stepSecond = false;
                        this.stepThird = false;
                        this.stepVal = 0;
                      };
                    }
                  });
                  return;
                };
              };
            });
          } else {
            return false;
          }
      },
      goLogin() {
        this.$router.push({path: '/loginPlat'});
      },
      goToMail() {
        this.$router.push({path: '/loginPlat'});
      }
    }
  };

src/components/form-views/style.styl

  .step-wrapper
    margin-bottom:30px
    .el-step__head.is-process
      color: $mainColor
      border-color: $mainColor
    .el-step__title.is-process
      color: $mainColor
    .el-step__description.is-process
      color: $mainColor
  .step-contain
    text-align:center
    .textButton-box
      height:60px
      .textButton
        position:absolute
        left:0
    .importTip
      font-size: 18px
      margin: 10px 0
      color:$secondaryFont
      line-height:16px
      font-size:13px

src/components/main-views/TheFooter.vue

        this.plf_user = Cookies.get('plf_user');
      },
      goWorkBench() {
        if (this.plf_user) {
        if (this.plf_user && this.plf_user != "null" && this.plf_user != null) {
          this.$router.push({path: '/WorkHome'});
        } else {
          this.$router.push({path: '/loginPlat'});

src/components/sub-component/BaseArticle.vue

        type: Object
      }
    },
    // data() {
    //   return: {
    //     ownerInfo: util.ownerInfo(this, item.articleType, item.owmerId)
    //   };
    // },
    methods: {
      articleUrl(item) {
        return item.articleImg ? util.ImageUrl('article/' + item.articleImg) : util.defaultSet.img.article;
      linkArticle(item) {
        return util.pageUrl('a', item);
      },
      // ownerBeyond(item) {
      //   return util.ownerInfo(this, item.articleType, item.owmerId);
      // },
      formTime(item) {
        return util.commenTime(item.publishTime);
      }

src/libs/http.js

// const kexiuUrl = 'https://www.ekexiu.com';
const kexiuUrl = 'http://192.168.3.233:81';
const platUrl = 'http://localhost:7070';
const utilUrl = platUrl + '/ajax';
const utilUrl = 'http://localhost:7070/ajax';
http.platUrl = platUrl;
http.utilUrl = utilUrl;
http.kexiuUrl = kexiuUrl;
    },
    demand: {
      nopq: utilUrl + '/demand/search/platform', // 查询在平台发布的需求
      add: utilUrl + '/demand/publishInPlatform', // 平台新增需求
      add: utilUrl + '/demand/publishInPlatform' // 平台新增需求
    },
    addOrgs: utilUrl + '/platform/add/info', // 增加企业
    queryWare: utilUrl + '/platform/info/wares', // 找服务
      imgVC: utilUrl + '/PictureVC' // 图形验证
    },
    demand: {
      add: utilUrl + '/demand', // 新增需求
      add: utilUrl + '/demand' // 新增需求
    },
    article: {
      save: utilUrl + '/article/save', // 新增文章

src/libs/util.js

import http from './http.js';
import httpUrl from './http.js';
let ekexiuUrl = http.kexiuUrl;
let ekexiuUrl = httpUrl.kexiuUrl;
let util = {
  return (ekexiuUrl + '/shtml/' + type + '/' + item.createTime.substring(0, 8) + '/' + item.shareId + '.html');
};
/**
 * 正则匹配邮箱、手机
 * flag === 'mail' 是邮箱, flag === 'tel' 是手机
 */
util.regular = function(str, flag) {
  if (flag === 'mail') {
    var regMail = /^[a-zA-Z0-9_-] + @[a-zA-Z0-9_-] + (\.[a-zA-Z0-9_-]+) + $/;
    return regMail.test(str);
  } else if (flag === 'tel') {
    var regTel = /^1[3|4|5|7|8][0-9]\d{8}$/;
    return regTel.test(str);
  };
};
/**
 * 邮箱mailHash
 */
util.mailHash = {
  'qq.com': 'http://mail.qq.com',
  'gmail.com': 'http://mail.google.com',
  'sina.com': 'http://mail.sina.com.cn',
  '163.com': 'http://mail.163.com',
  '126.com': 'http://mail.126.com',
  'yeah.net': 'http://www.yeah.net/',
  'sohu.com': 'http://mail.sohu.com/',
  'tom.com': 'http://mail.tom.com/',
  'sogou.com': 'http://mail.sogou.com/',
  '139.com': 'http://mail.10086.cn/',
  'hotmail.com': 'http://www.hotmail.com',
  'live.com': 'http://login.live.com/',
  'live.cn': 'http://login.live.cn/',
  'live.com.cn': 'http://login.live.com.cn',
  '189.com': 'http://webmail16.189.cn/webmail/',
  'yahoo.com.cn': 'http://mail.cn.yahoo.com/',
  'yahoo.cn': 'http://mail.cn.yahoo.com/',
  'eyou.com': 'http://www.eyou.com/',
  '21cn.com': 'http://mail.21cn.com/',
  '188.com': 'http://www.188.com/',
  'ustb.edu.cn': 'http://mail.ustb.edu.cn/',
  'foxmail.coom': 'http://www.foxmail.com'
};
/**
 * 数据字典
 */
    }
};
util.dateChange = function(startTime) { // 默认返回yyyy月MM日dd HH:mm
    var nowTimg = new Date();
    if (nowTimg.getFullYear() !== startTime.substring(0, 4)) {
        return startTime.substring(4, 6).replace(/\b(0+)/gi, '') + '月' + startTime.substring(6, 8).replace(/\b(0+)/gi, '') + '日 ' + startTime.substring(8, 10) + ':' + startTime.substring(10, 12);
    } else {
        return startTime.substring(0, 4) + '年' + startTime.substring(4, 6).replace(/\b(0+)/gi, '') + '月' + startTime.substring(6, 8).replace(/\b(0+)/gi, '') + '日 ' + startTime.substring(8, 10) + ':' + startTime.substring(10, 12);
    }
};
/**
 * 获取ownerInfo(org\professor)
 * fl === 'professor' 或者 fl === 'org'
 */
util.ownerInfo = function(vm, type, ownerId) {
  var url;
  if (type === '1') {
    url = httpUrl.kxQurey.professor.query;
  } else if (type === '2') {
    url = httpUrl.kxQurey.org.query;
  };
  vm.$axios.get(url + '/' + ownerId, {
  }).then((res) => {
    if (res.success) {
      var $info = res.data;
      return $info;
    };
  });
};
export default util;

src/router/index.js

// 路由配置
const RouterConfig = {
    // mode: 'history',
		hashbang: false,
    mode: 'history',
    routes: routers
};