个人中心

src/components/global-component/citypick/CityPick.vue

@@ -34,7 +34,6 @@
<script type="text/ecmascript-6">
  import cityData from './city-data.js';
  export default {
    props: {
      prov: {

src/router/index.js

@@ -1,12 +1,15 @@
import Vue from 'vue';
import Router from 'vue-router';
import Layout from '@/views/layout/Layout';
import Layout from '@/views/layout/layout';
import Common from '@/views/layout/common';
Vue.use(Router);
const constantRouterMap = [
  { path: '/loginPlat', component: () => import('@/views/logforms/loginPlat') },
  { path: '/findPwd', component: () => import('@/views/logforms/findPwd') },
  { path: '/register', component: () => import('@/views/logforms/register') },
  { path: '/enterRegister', component: () => import('@/views/logforms/enteringRegister') },
  {
    path: '/',
    component: Layout,
@@ -216,6 +219,70 @@ const constantRouterMap = [
      name: 'about',
      meta: { title: '关于平台' }
    }]
  },
  {
    path: '',
    name: 'personalCenter',
    meta: { title: '个人中心' },
    component: Common,
      children: [{
        path: '/modifyData',
        component: () => import('@/views/personalCenter/modifyData'),
        name: 'modifyData',
        meta: { title: '修改资料' }
      }, {
        path: '/modifyPassword',
        component: () => import('@/views/personalCenter/modifyPassword'),
        name: 'modifyPassword',
        meta: { title: '修改密码' }
      }, {
        path: '/attentionCollect',
        component: () => import('@/views/personalCenter/attentionCollect'),
        name: 'attentionCollect',
        meta: { title: '关注收藏' }
      }, {
        path: '/myNeeds',
        component: () => import('@/views/personalCenter/myNeeds/index'),
        name: 'myNeeds',
        meta: { title: '我的需求' },
        children: [{
          path: '/modifyDemand',
          component: () => import('@/views/personalCenter/myNeeds/modifyDemand'),
          name: 'modifyDemand',
          meta: { title: '修改需求' }
        }, {
          path: '/examineDemand',
          component: () => import('@/views/personalCenter/myNeeds/examineDemand'),
          name: 'examineDemand',
          meta: { title: '查看需求' }
        }, {
          path: '/myDemand',
          component: () => import('@/views/personalCenter/myNeeds/myNeed'),
          name: 'myDemand',
          meta: { title: '我的需求' }
        }]
      }, {
        path: '/myBusiness',
        component: () => import('@/views/personalCenter/myNeeds/index'),
        name: 'myBusiness',
        meta: { title: '我的企业' },
        children: [{
          path: '/companyInformation',
          component: () => import('@/views/personalCenter/myBusiness/companyInformation'),
          name: 'companyInformation',
          meta: { title: '企业信息' }
        }, {
          path: '/companyProduct',
          component: () => import('@/views/personalCenter/myBusiness/companyProduct'),
          name: 'companyProduct',
          meta: { title: '企业产品' }
        }, {
          path: '/publishProduct',
          component: () => import('@/views/personalCenter/myBusiness/publishProduct'),
          name: 'publishProduct',
          meta: { title: '发布产品' }
        }]
      }]
  }
];

src/views/layout/common.vue

@@ -0,0 +1,45 @@
<template>
  <div class="main Site">
    <TheHeader></TheHeader>
    <Navbar></Navbar>
    <div class="Site-content">
      <div class="contain-wrapper">
        <con></con>
      </div>
    </div>
    <TheFooter></TheFooter>
  </div>
</template>
<script>
  import { TheHeader, TheFooter, Navbar } from './components';
  import con from '../personalCenter/common/index';
  export default {
    name: 'layout',
    components: {
      TheHeader,
      TheFooter,
      con,
      Navbar
    }
  };
</script>
<style lang="stylus" rel="stylesheet/stylus" scoped>
  .Site
    display: flex
    min-height: 100vh
    flex-direction: column
    .Site-content
      flex: 1
      padding-top:20px
      .router-fade-enter-active,
      .router-fade-leave-active
        transition: opacity 0.2s
      .router-fade-enter,
      .router-fade-leave-active
        opacity: 0
</style>

src/views/logforms/Captcha.vue

@@ -0,0 +1,40 @@
<template>
<el-dialog title="请完成验证" :visible.sync="dialogFormVisible" width="460px">
  <el-form :model="form">
    <el-form-item>
      <el-input v-model="form.name" autocomplete="off" placeholder="请输入图片验证码" class="imageCode"></el-input>
      <img src="/ajax/PictureVC" class="frmtypeW">
    </el-form-item>
  </el-form>
  <div slot="footer" class="dialog-footer">
    <el-button @click="dialogFormVisible = false">取 消</el-button>
    <el-button type="primary" @click="dialogFormVisible = false">确 定</el-button>
  </div>
</el-dialog>
</template>
<script>
  export default {
    data() {
      return {
        dialogFormVisible: false,
        form: {
          name: ''
        }
      };
    },
    methods: {
        capShow() {
            this.dialogFormVisible = !this.dialogFormVisible;
        }
    }
  };
</script>
<style lang="stylus" rel="stylesheet/stylus" scoped>
  .frmtypeW
    float: right
  .imageCode
    width: 70%
  .dialog-footer
    text-align: center
</style>

src/views/logforms/enteringRegister.vue

@@ -0,0 +1,128 @@
<template>
  <div class="login">
    <div class="logo-wrapper"></div>
    <div class="form-wrapper">
      <div class="form-contain">
        <p class="form-title">北京科袖科技有限公司</p>
        <p class="form-title">欢迎入驻平台</p>
        <p class="promptText">请先绑定手机并设置密码</p>
        <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm">
          <el-form-item prop="phone">
            <el-input v-model="ruleForm.phone" placeholder="请输入手机号码"></el-input>
          </el-form-item>
          <el-form-item prop="pass">
            <el-input type="password" v-model="ruleForm.pass" placeholder="请输入登录密码" auto-complete="off"></el-input>
          </el-form-item>
          <el-form-item prop="mail">
            <el-input v-model="ruleForm.mail" placeholder="请输入短信验证码" class='codeWidth'></el-input>
            <el-button type="primary" class='codeWidth codeButton'>获取短信验证码</el-button>
          </el-form-item>
           <el-form-item>
             <i class="el-icon-check successSelect"></i><span class="protocol">我已阅读并同意<a href='#/loginPlat'>《邢台科技条件平台用户协议》</a></span>
           </el-form-item>
          <el-form-item>
            <el-button type="primary" :disabled="isDisabl" :loading="logining" @click="submitForm('ruleForm')">绑定</el-button>
          </el-form-item>
        </el-form>
      </div>
    </div>
    <Captcha ref="obj"></Captcha>
  </div>
</template>
<script type="text/ecmascript-6">
  import httpUrl from '@/libs/http';
  import Captcha from './Captcha.vue';
  export default {
     data() {
      return {
        isActive: true,
        ActiveNumber: 1,
        activeName: 'second',
        logining: false,
        isDisabl: false,
        ruleForm: {
          mail: '',
          pass: ''
        },
        rules: {
          mail: [
            { required: true, message: '请输入邮箱账号', trigger: 'blur' },
            { type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur'] }
          ],
          pass: [
            { required: true, message: '请输入登录密码', trigger: 'blur' },
            { min: 6, max: 24, message: '密码由6-24个字符组成，区分大小写', trigger: 'blur' }
          ]
        }
      };
    },
    components: {
      Captcha
    },
    mounted() {
      this.$refs.obj.capShow();
    },
    methods: {
      panelSwitch(event) {
       if (event.target.className.includes('tablePanelActive')) {
         return;
       }
        this.isActive = !this.isActive;
      },
      handleClick(tab, event) {
        console.log(tab, event);
      },
      submitForm(formName) {
        this.$refs[formName].validate((valid) => {
          if (valid) {
            this.logining = true;
            let paramsData = {
              'email': this.ruleForm.mail,
              'pw': this.ruleForm.pass
            };
            this.$axios.post(httpUrl.hQuery.sign.login, paramsData).then(res => {
              this.logining = false;
              console.log(res);
              if (res.success) {
                this.$router.push({path: '/WorkHome'});
              } 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);
            });
          } else {
            return false;
          }
        });
      },
      goBackPwd() {
        this.$router.push({path: '/findPwd'});
      }
    }
  };
</script>
<style lang="stylus" rel="stylesheet/stylus" scoped>
  @import './style';
</style>

src/views/logforms/findPwd.vue

@@ -3,11 +3,10 @@
    <div class="logo-wrapper"></div>
    <div class="form-wrapper">
      <div class="form-contain">
        <p class="form-title">找回密码</p>
        <p class="form-title">密码重置</p>
        <div class="step-wrapper">
          <el-steps :active="stepVal" finish-status="success" align-center>
            <el-step title="输入邮箱"></el-step>
            <el-step title="接收密码找回邮件"></el-step>
            <el-step title="验证手机"></el-step>
            <el-step title="重置密码"></el-step>
          </el-steps>
        </div>
@@ -15,24 +14,15 @@
        <div class="step-contain">
          <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-input v-model="ruleForm.mail" placeholder="请输入手机号码"></el-input>
            </el-form-item>
            <el-form-item prop="mail">
              <el-input v-model="ruleForm.mail" placeholder="请输入短信验证码" class='codeWidth'></el-input>
              <el-button type="primary" class='codeWidth codeButton'>获取短信验证码</el-button>
            </el-form-item>
            <el-form-item></el-form-item>
            <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="stepSecond" class="demo-ruleForm">
            <el-form-item>
              <p class="importTip">密码找回邮件已发送至：<br />
                <span class="mainTip" id="emailShow">{{ruleForm.mail}}</span>
              </p>
              <p class="smallTip">请您在10分钟内登录您的企业邮箱，接收邮件，<br />点击链接后即可重置密码。</p>
            </el-form-item>
            <el-form-item></el-form-item>
            <el-form-item>
              <el-button type="primary" @click="goToMail">登录邮箱</el-button>
            </el-form-item>
          </el-form>
          <el-form v-show="stepThird" :model="ruleForm2" :rules="rules2" ref="ruleForm2" class="demo-ruleForm">
@@ -44,7 +34,7 @@
            </el-form-item>
            <el-form-item></el-form-item>
            <el-form-item>
              <el-button type="primary" :disabled="isDisabl" @click="resetPwd('ruleForm2')">重置密码</el-button>
              <el-button type="primary" :disabled="isDisabl" @click="resetPwd('ruleForm2')">确认</el-button>
            </el-form-item>
          </el-form>
        </div>
@@ -87,7 +77,6 @@
        resetCode: '',
        stepVal: 0,
        stepFisrt: true,
        stepSecond: false,
        stepThird: false,
        isDisabl: false,
        ruleForm: {
@@ -119,7 +108,6 @@
      this.resetCode = util.urlParse('sc');
      if (this.resetStepNum === '2') {
        this.stepFisrt = false;
        this.stepSecond = false;
        this.stepThird = true;
        this.stepVal = 2;
      }
@@ -136,7 +124,6 @@
              console.log(res);
              if (res.success) {
                this.stepFisrt = false;
                this.stepSecond = true;
                this.stepVal = 1;
              } else {
                let errorCode = [{
@@ -159,14 +146,6 @@
          }
        });
      },
      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) {
@@ -195,7 +174,6 @@
                    callback: action => {
                      if (action === 'confirm') {
                        this.stepFisrt = true;
                        this.stepSecond = false;
                        this.stepThird = false;
                        this.stepVal = 0;
                      };
@@ -209,9 +187,6 @@
            return false;
          }
        });
      },
      goLogin() {
        this.$router.push({path: '/loginPlat'});
      }
    }
  };

src/views/logforms/loginPlat.vue

@@ -3,8 +3,15 @@
    <div class="logo-wrapper"></div>
    <div class="form-wrapper">
      <div class="form-contain">
        <p class="form-title">登录平台工作台</p>
        <p class="form-title">登录</p>
        <ul class='table-panel'>
          <li class="table-panel-single" v-bind:class="{ tablePanelActive: isActive }" @click="panelSwitch">密码登录</li>
          <li class="table-panel-single" v-bind:class="{ tablePanelActive: !isActive }" @click="panelSwitch">邀请码登录</li>
        </ul>
        <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm">
          <el-form-item prop="phone">
            <el-input v-model="ruleForm.phone" placeholder="请输入手机号码"></el-input>
          </el-form-item>
          <el-form-item prop="mail">
            <el-input v-model="ruleForm.mail" placeholder="请输入邮箱账号"></el-input>
          </el-form-item>
@@ -15,6 +22,7 @@
          <el-form-item>
            <el-button type="primary" :disabled="isDisabl" :loading="logining" @click="submitForm('ruleForm')">登录</el-button>
            <el-button type="text" @click="goBackPwd">忘记密码？</el-button>
            <span class='existing-account registerButton'>还没有账号<a href="#/register">立即注册</a></span>
          </el-form-item>
        </el-form>
      </div>
@@ -28,6 +36,9 @@
  export default {
     data() {
      return {
        isActive: true,
        ActiveNumber: 1,
        activeName: 'second',
        logining: false,
        isDisabl: false,
        ruleForm: {
@@ -47,6 +58,15 @@
      };
    },
    methods: {
      panelSwitch(event) {
       if (event.target.className.includes('tablePanelActive')) {
         return;
       }
        this.isActive = !this.isActive;
      },
      handleClick(tab, event) {
        console.log(tab, event);
      },
      submitForm(formName) {
        this.$refs[formName].validate((valid) => {
          if (valid) {
@@ -98,4 +118,25 @@
<style lang="stylus" rel="stylesheet/stylus" scoped>
  @import './style';
    .table-panel
      border-bottom: 2px solid #ebebeb
      margin-bottom: 15px
      overflow: hidden
      .table-panel-single
        height: 40px
        line-height: 40px
        font-size: 14px
        font-weight: 500
        color: #303133
        cursor: pointer
        display: inline-block
        &:nth-child(2)
          float: right
        &:hover
          color: #409eff
      .tablePanelActive
        border-bottom: 2px solid #409eff
        color: #409eff
    .registerButton
      float: right
</style>

src/views/logforms/register.vue

@@ -0,0 +1,127 @@
<template>
  <div class="login">
    <div class="logo-wrapper"></div>
    <div class="form-wrapper">
      <div class="form-contain">
        <p class="form-title">注册</p>
        <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm">
          <el-form-item prop="phone">
            <el-input v-model="ruleForm.phone" placeholder="请输入手机号码"></el-input>
          </el-form-item>
          <el-form-item prop="pass">
            <el-input type="password" v-model="ruleForm.pass" placeholder="请输入登录密码" auto-complete="off"></el-input>
          </el-form-item>
          <el-form-item prop="mail">
            <el-input v-model="ruleForm.mail" placeholder="请输入短信验证码" class='codeWidth'></el-input>
            <el-button type="primary" class='codeWidth codeButton'>获取短信验证码</el-button>
          </el-form-item>
           <el-form-item>
             <i class="el-icon-check successSelect"></i><span class="protocol">我已阅读并同意<a href='#/loginPlat'>《邢台科技条件平台用户协议》</a></span>
           </el-form-item>
          <el-form-item>
            <el-button type="primary" :disabled="isDisabl" :loading="logining" @click="submitForm('ruleForm')">注册</el-button>
            <div class='existing-account'>已有账号<a href="#/loginPlat">立即登录</a></div>
          </el-form-item>
        </el-form>
      </div>
    </div>
    <Captcha ref="obj"></Captcha>
  </div>
</template>
<script type="text/ecmascript-6">
  import httpUrl from '@/libs/http';
  import Captcha from './Captcha.vue';
  export default {
     data() {
      return {
        isActive: true,
        ActiveNumber: 1,
        activeName: 'second',
        logining: false,
        isDisabl: false,
        ruleForm: {
          mail: '',
          pass: ''
        },
        rules: {
          mail: [
            { required: true, message: '请输入邮箱账号', trigger: 'blur' },
            { type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur'] }
          ],
          pass: [
            { required: true, message: '请输入登录密码', trigger: 'blur' },
            { min: 6, max: 24, message: '密码由6-24个字符组成，区分大小写', trigger: 'blur' }
          ]
        }
      };
    },
    components: {
      Captcha
    },
    mounted() {
      this.$refs.obj.capShow();
    },
    methods: {
      panelSwitch(event) {
       if (event.target.className.includes('tablePanelActive')) {
         return;
       }
        this.isActive = !this.isActive;
      },
      handleClick(tab, event) {
        console.log(tab, event);
      },
      submitForm(formName) {
        this.$refs[formName].validate((valid) => {
          if (valid) {
            this.logining = true;
            let paramsData = {
              'email': this.ruleForm.mail,
              'pw': this.ruleForm.pass
            };
            this.$axios.post(httpUrl.hQuery.sign.login, paramsData).then(res => {
              this.logining = false;
              console.log(res);
              if (res.success) {
                this.$router.push({path: '/WorkHome'});
              } 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);
            });
          } else {
            return false;
          }
        });
      },
      goBackPwd() {
        this.$router.push({path: '/findPwd'});
      }
    }
  };
</script>
<style lang="stylus" rel="stylesheet/stylus" scoped>
  @import './style';
</style>

src/views/logforms/style.styl

@@ -31,9 +31,35 @@
        line-height: 36px
        color:$mainColor
        text-align:center
        margin-bottom:40px
      .el-button--primary
        width:100%
      .codeWidth
        width: 65%
        float: left
      .codeButton
        width: 30%
        margin-left: 20px
      .successSelect
        display: inline-block
        width: 15px
        height: 15px
        background-color: #409eff
        color: #fff
        margin-right: 15px
      .protocol
        font-size: 14px
        a
          color: #409eff
      .promptText
        text-align: center
        font-size: 14px
        margin: 20px 0
        color: #606266
      .existing-account
        text-align: right
        a
          color: #409eff
          margin-left: 15px
  .step-wrapper
    margin-bottom:30px

src/views/personalCenter/attentionCollect.vue

@@ -0,0 +1,23 @@
<template>
  <el-tabs v-model="activeName" @tab-click="handleClick">
    <el-tab-pane label="专家" name="first">专家</el-tab-pane>
    <el-tab-pane label="机构" name="second">机构</el-tab-pane>
    <el-tab-pane label="服务" name="third">服务</el-tab-pane>
    <el-tab-pane label="资源" name="fourth">资源</el-tab-pane>
    <el-tab-pane label="专利" name="fiveth">专利</el-tab-pane>
  </el-tabs>
</template>
<script>
  export default {
    data() {
      return {
        activeName: 'second'
      };
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      }
    }
  };
</script>

src/views/personalCenter/common/index.vue

@@ -0,0 +1,105 @@
<template>
  <div class="main-content">
    <div class="boxLeft">
        <div class="headPhoto">
          <div class="userInfo">
            <img src="../../logforms/img/e-sign-on_bg_img_nor.png" alt="">
            <p>专家姓名</p>
          </div>
        </div>
         <el-menu
      default-active="modifyData"
      router
      class="el-menu-vertical-demo"
      @select="handleSelect"
      @open="handleOpen"
      @close="handleClose">
       <el-menu-item index="modifyData">
        <i class="el-icon-menu"></i>
        <span slot="title">修改资料</span>
      </el-menu-item>
      <el-submenu index="demand">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span>我的需求</span>
        </template>
         <el-menu-item index="myDemand">我的需求</el-menu-item>
        <el-menu-item index="modifyDemand">修改需求</el-menu-item>
        <el-menu-item index="examineDemand">查看需求</el-menu-item>
      </el-submenu>
      <el-submenu index="2">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span>我的企业</span>
        </template>
        <el-menu-item index="companyInformation">企业信息</el-menu-item>
        <el-menu-item index="companyProduct">企业产品</el-menu-item>
         <el-menu-item index="publishProduct">发布产品</el-menu-item>
      </el-submenu>
      <el-menu-item index="attentionCollect">
        <i class="el-icon-menu"></i>
        <span slot="title">关注收藏</span>
      </el-menu-item>
      <el-menu-item index="modifyPassword">
        <i class="el-icon-setting"></i>
        <span slot="title">账户设置</span>
      </el-menu-item>
    </el-menu>
    </div>
    <div class="boxRight">
      <transition name="fade" mode="out-in">
        <router-view></router-view>
      </transition>
    </div>
  </div>
</template>
<script>
  export default {
    data() {
      return {
      };
    },
    created() {
    },
    methods: {
      handleSelect(key, keyPath) {
        console.log(key, keyPath);
      },
      handleOpen(key, keyPath) {
        console.log(key, keyPath);
      },
      handleClose(key, keyPath) {
        console.log(key, keyPath);
      }
    }
  };
</script>
<style lang="stylus" rel="stylesheet/stylus" scoped>
  .boxRight
    float: left
    width: 900px
    margin-left: 15px
    box-sizing: border-box
  .boxLeft
    float: left
    overflow: hidden
    width: 200px
    .headPhoto
      height: 146px
      margin-bottom: 10px
      border: 1px solid #ebebeb
      display: flex
      justify-content: center
      align-items: center
      .userInfo
        text-align: center
        color: #606266
        p
          margin-top: 10px
        img
          width: 80px
          height: 80px
          border-radius: 50%
</style>

src/views/personalCenter/modifyData.vue

@@ -0,0 +1,197 @@
<template>
  <div>
    <el-tabs>
      <el-tab-pane label="修改资料"></el-tab-pane>
    </el-tabs>
    <div class='formHeadFormBox'>
      <div class='formBox'>
        <el-form :model="ruleForm2" status-icon :rules="rules2" ref="ruleForm2" label-width="80px" class="demo-ruleForm">
            <el-form-item label="用户名" prop="pass">
                <el-input v-model="ruleForm2.pass" autocomplete="off" placeholder="请输入用户名"></el-input>
            </el-form-item>
            <el-form-item label="真实姓名" prop="checkPass">
                <el-input v-model="ruleForm2.checkPass" autocomplete="off" placeholder="请输入真实姓名"></el-input>
            </el-form-item>
            <el-form-item label="性别">
                <el-select v-model="ruleForm2.region" placeholder="请选择性别" style="width:100%">
                <el-option label="男" value="shanghai"></el-option>
                <el-option label="女" value="beijing"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="职位" prop="age">
                <el-input v-model.number="ruleForm2.age" placeholder="请输入职位"></el-input>
            </el-form-item>
            <el-form-item label="所在机构" prop="age">
                <el-input v-model.number="ruleForm2.age" placeholder="请输入所在机构"></el-input>
            </el-form-item>
            <el-form-item label="联系电话" prop="age">
                <el-input v-model.number="ruleForm2.age" placeholder="请输入联系电话"></el-input>
            </el-form-item>
            <el-form-item label="联系邮箱" prop="age">
                <el-input v-model.number="ruleForm2.age" placeholder="请输入联系邮箱"></el-input>
            </el-form-item>
            <CityPick ref="cityPick"  :widthselect="206" :prov="ruleForm2.province" :city="ruleForm2.city" v-on:selectProv="getSelectProv($event)" v-on:selectCity="getSelectCity($event)"></CityPick>
            <el-form-item style="text-align:right">
                <el-button type="primary" @click="submitForm('ruleForm2')">保存修改</el-button>
            </el-form-item>
        </el-form>
      </div>
      <div class="headPhotoBox">
        <el-upload
        class="avatar-uploader"
        action="https://jsonplaceholder.typicode.com/posts/"
        :show-file-list="false"
        :on-success="handleAvatarSuccess"
        :before-upload="beforeAvatarUpload">
        <img v-if="imageUrl" :src="imageUrl" class="avatar">
        <i v-else class="el-icon-plus avatar-uploader-icon"></i>
      </el-upload>
      <p>上传头像</p>
      </div>
    </div>
  </div>
</template>
<script>
  export default {
    data() {
      var checkAge = (rule, value, callback) => {
        if (!value) {
          return callback(new Error('年龄不能为空'));
        }
        setTimeout(() => {
          if (!Number.isInteger(value)) {
            callback(new Error('请输入数字值'));
          } else {
            if (value < 18) {
              callback(new Error('必须年满18岁'));
            } else {
              callback();
            }
          }
        }, 1000);
      };
      var validatePass = (rule, value, callback) => {
        if (value === '') {
          callback(new Error('请输入密码'));
        } else {
          if (this.ruleForm2.checkPass !== '') {
            this.$refs.ruleForm2.validateField('checkPass');
          }
          callback();
        }
      };
      var validatePass2 = (rule, value, callback) => {
        if (value === '') {
          callback(new Error('请再次输入密码'));
        } else if (value !== this.ruleForm2.pass) {
          callback(new Error('两次输入密码不一致!'));
        } else {
          callback();
        }
      };
      return {
        imageUrl: '',
        ruleForm2: {
          pass: '',
          checkPass: '',
          age: '',
          region: '',
          province: '',
          city: ''
        },
        rules2: {
          pass: [
            { validator: validatePass, trigger: 'blur' }
          ],
          checkPass: [
            { validator: validatePass2, trigger: 'blur' }
          ],
          age: [
            { validator: checkAge, trigger: 'blur' }
          ]
        }
      };
    },
    methods: {
     handleAvatarSuccess(res, file) {
        this.imageUrl = URL.createObjectURL(file.raw);
      },
      beforeAvatarUpload(file) {
        const isJPG = file.type === 'image/jpeg';
        const isLt2M = file.size / 1024 / 1024 < 2;
        // if (!isJPG) {
        //   this.$message.error('上传头像图片只能是 JPG 格式!');
        // }
        // if (!isLt2M) {
        //   this.$message.error('上传头像图片大小不能超过 2MB!');
        // }
        return isJPG && isLt2M;
      },
      getSelectProv(prov) {
        this.ruleForm2.province = prov;
      },
      getSelectCity(city) {
        this.ruleForm2.city = city;
      },
      submitForm(formName) {
        this.$refs[formName].validate((valid) => {
          if (valid) {
            alert('submit!');
          } else {
            console.log('error submit!!');
            return false;
          }
        });
      },
      resetForm(formName) {
        this.$refs[formName].resetFields();
      }
    }
  };
</script>
<style>
    .formHeadFormBox {
      margin-left: 20px;
      position: relative;
    }
    .formBox {
      width: 500px;
    }
    .headPhotoBox {
      position: absolute;
      right: 90px;
      top: 0px;
    }
    .headPhotoBox p {
        text-align: center;
        line-height: 30px;
        color: #606266;
        font-size: 14px
    }
  .avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
  .avatar-uploader .el-upload:hover {
    border-color: #409EFF;
  }
  .avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 178px;
    height: 178px;
    line-height: 178px;
    text-align: center;
  }
  .avatar {
    width: 178px;
    height: 178px;
    display: block;
  }
</style>

src/views/personalCenter/modifyPassword.vue

@@ -0,0 +1,115 @@
<template>
  <div>
    <el-tabs>
      <el-tab-pane label="修改密码"></el-tab-pane>
    </el-tabs>
    <div class="formBoxCenter">
         <a href="#/findPwd">忘记密码？</a>
        <div class="boxCenter">
          <el-form :model="ruleForm2" status-icon :rules="rules2" ref="ruleForm2" label-width="100px" class="demo-ruleForm">
            <el-form-item label="原密码" prop="pass">
                <el-input type="password" v-model="ruleForm2.pass" autocomplete="off" placeholder="请输入原密码"></el-input>
            </el-form-item>
            <el-form-item label="新密码" prop="checkPass">
                <el-input type="password" v-model="ruleForm2.checkPass" autocomplete="off" placeholder="请输入新密码"></el-input>
            </el-form-item>
            <el-form-item label="再次输入" prop="age">
                <el-input v-model.number="ruleForm2.age"></el-input>
            </el-form-item>
            <el-form-item style="text-align:center">
                <el-button type="primary" @click="submitForm('ruleForm2')">保存修改</el-button>
            </el-form-item>
        </el-form>
      </div>
    </div>
  </div>
</template>
<script>
  export default {
    data() {
      var checkAge = (rule, value, callback) => {
        if (!value) {
          return callback(new Error('年龄不能为空'));
        }
        setTimeout(() => {
          if (!Number.isInteger(value)) {
            callback(new Error('请输入数字值'));
          } else {
            if (value < 18) {
              callback(new Error('必须年满18岁'));
            } else {
              callback();
            }
          }
        }, 1000);
      };
      var validatePass = (rule, value, callback) => {
        if (value === '') {
          callback(new Error('请输入密码'));
        } else {
          if (this.ruleForm2.checkPass !== '') {
            this.$refs.ruleForm2.validateField('checkPass');
          }
          callback();
        }
      };
      var validatePass2 = (rule, value, callback) => {
        if (value === '') {
          callback(new Error('请再次输入密码'));
        } else if (value !== this.ruleForm2.pass) {
          callback(new Error('两次输入密码不一致!'));
        } else {
          callback();
        }
      };
      return {
        ruleForm2: {
          pass: '',
          checkPass: '',
          age: ''
        },
        rules2: {
          pass: [
            { validator: validatePass, trigger: 'blur' }
          ],
          checkPass: [
            { validator: validatePass2, trigger: 'blur' }
          ],
          age: [
            { validator: checkAge, trigger: 'blur' }
          ]
        }
      };
    },
    methods: {
      submitForm(formName) {
        this.$refs[formName].validate((valid) => {
          if (valid) {
            alert('submit!');
          } else {
            console.log('error submit!!');
            return false;
          }
        });
      },
      resetForm(formName) {
        this.$refs[formName].resetFields();
      }
    }
  };
</script>
<style lang="stylus" rel="stylesheet/stylus" scoped>
  .formBoxCenter
    display:flex
    align-items: center
    justify-content: center
    .boxCenter
      width: 450px
      position: relative
    a
      position: absolute
      top: 60px
      right: 140px
      color: #409EFF
</style>

src/views/personalCenter/myBusiness/companyInformation.vue

@@ -0,0 +1 @@
<template> <div>企业信息</div></template>

src/views/personalCenter/myBusiness/companyProduct.vue

@@ -0,0 +1 @@
<template> <div>企业产品</div></template>

src/views/personalCenter/myBusiness/publishProduct.vue

@@ -0,0 +1 @@
<template> <div>发布产品</div></template>

src/views/personalCenter/myNeeds/examineDemand.vue

@@ -0,0 +1 @@
<template> <div>查看需求</div></template>

src/views/personalCenter/myNeeds/index.vue

@@ -0,0 +1,3 @@
<template>
  <router-view></router-view>
</template>

src/views/personalCenter/myNeeds/modifyDemand.vue

@@ -0,0 +1 @@
<template> <div>修改需求</div></template>

src/views/personalCenter/myNeeds/myNeed.vue

@@ -0,0 +1 @@
<template> <div>我的需求</div></template>