wxy 4 anni fa
parent
commit
cb61a7dcfe
2 ha cambiato i file con 491 aggiunte e 5 eliminazioni
  1. 1 1
      src/router/index.js
  2. 490 4
      src/views/userCenter/parts/person.vue

+ 1 - 1
src/router/index.js

@@ -89,7 +89,7 @@ const routes = [
   {
     path: '/userCenter/user/index',
     name: 'user_index',
-    meta: { title: '个人中心', isleftarrow: true },
+    meta: { title: '基本信息', isleftarrow: true },
     component: () => import('../views/userCenter/user/index.vue'),
   },
   // 用户-退出登录

+ 490 - 4
src/views/userCenter/parts/person.vue

@@ -2,7 +2,448 @@
   <div id="person">
     <el-row>
       <el-col :span="24">
-        <p>person</p>
+        <el-col :span="24" class="top">
+          <NavBar v-show="navShow" :title="title" :isleftarrow="isleftarrow"> </NavBar>
+        </el-col>
+        <el-col :span="24" class="info">
+          <el-form ref="form" :model="form" :rules="rules" label-width="150px">
+            <el-col :span="24">
+              <el-form-item prop="name">
+                <el-col :span="21" slot="label">
+                  用户名称
+                </el-col>
+                <el-col :span="24">
+                  <el-input v-model="form.name" placeholder="请输入用户名称"></el-input>
+                </el-col>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item prop="phone">
+                <el-col :span="21" slot="label">
+                  手机号
+                </el-col>
+                <el-col :span="24">
+                  <el-input v-model="form.phone" placeholder="请输入手机号" :minlength="11" :maxlength="11"></el-input>
+                </el-col>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24" v-if="user.role == '4'">
+              <el-form-item prop="role">
+                <el-col :span="21" slot="label">
+                  用户类别
+                </el-col>
+                <el-col :span="24">
+                  <el-radio-group v-model="form.role">
+                    <el-radio label="4">个人</el-radio>
+                    <el-radio label="6">专家</el-radio>
+                  </el-radio-group>
+                </el-col>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item prop="code">
+                <el-col :span="21" slot="label">
+                  所属机构
+                </el-col>
+                <el-col :span="24">
+                  <el-input v-model="form.code" placeholder="请输入机构代码" disabled></el-input>
+                </el-col>
+              </el-form-item>
+            </el-col>
+            <span v-if="form.role == '4' || form.role == '5'">
+              <el-col :span="12">
+                <el-form-item prop="email">
+                  <el-col :span="21" slot="label">
+                    电子邮箱
+                  </el-col>
+                  <el-col :span="24">
+                    <el-input v-model="form.email" placeholder="请输入电子邮箱"></el-input>
+                  </el-col>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item prop="addr">
+                  <el-col :span="21" slot="label">
+                    联系地址
+                  </el-col>
+                  <el-col :span="24">
+                    <el-input v-model="form.addr" placeholder="请输入联系地址"></el-input>
+                  </el-col>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item prop="office_phone">
+                  <el-col :span="21" slot="label">
+                    办公电话
+                  </el-col>
+                  <el-col :span="24">
+                    <el-input v-model="form.office_phone" placeholder="请输入办公电话"></el-input>
+                  </el-col>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item prop="profession">
+                  <el-col :span="21" slot="label">
+                    所属行业
+                  </el-col>
+                  <el-col :span="24">
+                    <el-input v-model="form.profession" placeholder="请输入所属行业"></el-input>
+                  </el-col>
+                </el-form-item>
+              </el-col>
+            </span>
+            <!-- <span v-if="form.role == '4'">
+              <el-col :span="24" class="langInfo">
+                <el-form-item prop="resume">
+                  <el-col :span="21" slot="label">
+                    个人简历
+                  </el-col>
+                  <el-col :span="24">
+                    <el-input
+                      v-model="form.resume"
+                      type="textarea"
+                      maxlength="300"
+                      show-word-limit
+                      :autosize="{ minRows: 3, maxRows: 4 }"
+                      placeholder="请输入个人简介"
+                    ></el-input>
+                  </el-col>
+                </el-form-item>
+              </el-col>
+            </span> -->
+            <span v-if="form.role == '5'">
+              <el-col :span="12">
+                <el-form-item prop="companytype">
+                  <el-col :span="21" slot="label">
+                    注册类型
+                  </el-col>
+                  <el-col :span="24">
+                    <el-input v-model="form.companytype" placeholder="请输入注册类型"></el-input>
+                  </el-col>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item prop="companydate">
+                  <el-col :span="21" slot="label">
+                    注册时间
+                  </el-col>
+                  <el-col :span="24">
+                    <el-date-picker
+                      v-model="form.companydate"
+                      placeholder="请选择"
+                      value-format="yyyy-MM-dd"
+                      format="yyyy-MM-dd"
+                      type="date"
+                      style="width: 100%;"
+                    >
+                    </el-date-picker>
+                  </el-col>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item prop="institution_code">
+                  <el-col :span="21" slot="label">
+                    统一社会信用代码
+                  </el-col>
+                  <el-col :span="24">
+                    <el-input v-model="form.institution_code" placeholder="请输入统一社会信用代码" disabled></el-input>
+                  </el-col>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item prop="companycapital">
+                  <el-col :span="21" slot="label">
+                    注册资金
+                  </el-col>
+                  <el-col :span="24">
+                    <el-input v-model="form.companycapital" placeholder="请输入注册资金"></el-input>
+                  </el-col>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item prop="companyperson">
+                  <el-col :span="21" slot="label">
+                    企业法人
+                  </el-col>
+                  <el-col :span="24">
+                    <el-input v-model="form.companyperson" placeholder="请输入企业法人"></el-input>
+                  </el-col>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item prop="sndqyzsr">
+                  <el-col :span="21" slot="label">
+                    上年度企业总收入
+                  </el-col>
+                  <el-col :span="24">
+                    <el-input v-model="form.sndqyzsr" placeholder="请输入上年度企业总收入"></el-input>
+                  </el-col>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item prop="sndyffy">
+                  <el-col :span="21" slot="label">
+                    上年度研发费用
+                  </el-col>
+                  <el-col :span="24">
+                    <el-input v-model="form.sndyffy" placeholder="请输入上年度研发费用"></el-input>
+                  </el-col>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item prop="companytotal">
+                  <el-col :span="21" slot="label">
+                    企业总人数
+                  </el-col>
+                  <el-col :span="24">
+                    <el-input v-model="form.companytotal" placeholder="请输入企业总人数"></el-input>
+                  </el-col>
+                </el-form-item>
+              </el-col>
+              <el-col :span="24" class="langInfo">
+                <el-form-item prop="companybrief">
+                  <el-col :span="21" slot="label">
+                    企业简介
+                  </el-col>
+                  <el-col :span="24">
+                    <el-input
+                      v-model="form.companybrief"
+                      type="textarea"
+                      maxlength="300"
+                      show-word-limit
+                      :autosize="{ minRows: 3, maxRows: 4 }"
+                      placeholder="请输入企业简介"
+                    ></el-input>
+                  </el-col>
+                </el-form-item>
+              </el-col>
+              <el-col :span="24" class="langInfo">
+                <el-form-item prop="mainproduct">
+                  <el-col :span="21" slot="label">
+                    主要产品
+                  </el-col>
+                  <el-col :span="24">
+                    <el-input
+                      v-model="form.mainproduct"
+                      type="textarea"
+                      maxlength="300"
+                      show-word-limit
+                      :autosize="{ minRows: 3, maxRows: 4 }"
+                      placeholder="请输入主要产品"
+                    ></el-input>
+                  </el-col>
+                </el-form-item>
+              </el-col>
+              <el-col :span="24" class="langInfo">
+                <el-form-item prop="qualifications">
+                  <el-col :span="21" slot="label">
+                    企业资质/荣誉
+                  </el-col>
+                  <el-col :span="24">
+                    <el-input
+                      v-model="form.qualifications"
+                      type="textarea"
+                      maxlength="300"
+                      show-word-limit
+                      :autosize="{ minRows: 3, maxRows: 4 }"
+                      placeholder="请输入企业资质/荣誉"
+                    ></el-input>
+                  </el-col>
+                </el-form-item>
+              </el-col>
+            </span>
+            <span v-else-if="form.role == '6'">
+              <el-col :span="24">
+                <el-form-item prop="company">
+                  <el-col :span="21" slot="label">
+                    工作单位
+                  </el-col>
+                  <el-col :span="24">
+                    <el-input v-model="form.company" placeholder="请输入工作单位"></el-input>
+                  </el-col>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item prop="school">
+                  <el-col :span="21" slot="label">
+                    毕业院校
+                  </el-col>
+                  <el-col :span="24">
+                    <el-input v-model="form.school" placeholder="请输入毕业院校"></el-input>
+                  </el-col>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item prop="education">
+                  <el-col :span="21" slot="label">
+                    最高学历
+                  </el-col>
+                  <el-col :span="24">
+                    <el-input v-model="form.education" placeholder="请输入最高学历"></el-input>
+                  </el-col>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item prop="birthDate">
+                  <el-col :span="21" slot="label">
+                    出生日期
+                  </el-col>
+                  <el-col :span="24">
+                    <el-date-picker v-model="form.birthDate" type="date" placeholder="选择日期" value-format="yyyy-MM-dd" style="width:100%"> </el-date-picker>
+                  </el-col>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item prop="qqwx">
+                  <el-col :span="21" slot="label">
+                    QQ/微信
+                  </el-col>
+                  <el-col :span="24">
+                    <el-input v-model="form.qqwx" placeholder="请输入QQ/微信"></el-input>
+                  </el-col>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item prop="email">
+                  <el-col :span="21" slot="label">
+                    电子邮箱
+                  </el-col>
+                  <el-col :span="24">
+                    <el-input v-model="form.email" placeholder="请输入电子邮箱"></el-input>
+                  </el-col>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item prop="zwzc">
+                  <el-col :span="21" slot="label">
+                    职务职称
+                  </el-col>
+                  <el-col :span="24">
+                    <el-input v-model="form.zwzc" placeholder="请输入职务职称"></el-input>
+                  </el-col>
+                </el-form-item>
+              </el-col>
+              <el-col :span="24">
+                <el-form-item prop="expertise">
+                  <el-col :span="21" slot="label">
+                    请输入擅长领域
+                  </el-col>
+                  <el-col :span="24">
+                    <el-input v-model="form.expertise" placeholder="请输入擅长领域"></el-input>
+                  </el-col>
+                </el-form-item>
+              </el-col>
+              <el-col :span="24" class="langInfoImage">
+                <el-form-item prop="expertimage">
+                  <el-col :span="21" slot="label">
+                    头像
+                  </el-col>
+                  <el-col :span="24">
+                    <upload :limit="1" :data="form.expertimage" type="expertimage" :url="'/files/imgpath/upload'" @upload="uploadSuccess"></upload>
+                  </el-col>
+                </el-form-item>
+              </el-col>
+              <el-col :span="24" class="langInfo">
+                <el-form-item prop="workexperience">
+                  <el-col :span="21" slot="label">
+                    工作经历
+                  </el-col>
+                  <el-col :span="24" class="workexperience">
+                    <el-input v-model="form.workexperience" type="textarea" maxlength="300" show-word-limit placeholder="请输入工作经历"></el-input>
+                  </el-col>
+                </el-form-item>
+              </el-col>
+              <el-col :span="24" class="langInfo">
+                <el-form-item prop="scientific">
+                  <el-col :span="21" slot="label">
+                    科研综述
+                  </el-col>
+                  <el-col :span="24">
+                    <el-input
+                      v-model="form.scientific"
+                      type="textarea"
+                      maxlength="300"
+                      show-word-limit
+                      :autosize="{ minRows: 3, maxRows: 4 }"
+                      placeholder="请输入科研综述"
+                    ></el-input>
+                  </el-col>
+                </el-form-item>
+              </el-col>
+              <el-col :span="24" class="langInfo">
+                <el-form-item prop="undertakingproject">
+                  <el-col :span="21" slot="label">
+                    承担项目
+                  </el-col>
+                  <el-col :span="24">
+                    <el-input
+                      v-model="form.undertakingproject"
+                      type="textarea"
+                      maxlength="300"
+                      show-word-limit
+                      :autosize="{ minRows: 3, maxRows: 4 }"
+                      placeholder="请输入承担项目"
+                    ></el-input>
+                  </el-col>
+                </el-form-item>
+              </el-col>
+              <el-col :span="24" class="langInfo">
+                <el-form-item prop="scienceaward">
+                  <el-col :span="21" slot="label">
+                    科技奖励
+                  </el-col>
+                  <el-col :span="24">
+                    <el-input
+                      v-model="form.scienceaward"
+                      type="textarea"
+                      maxlength="300"
+                      show-word-limit
+                      :autosize="{ minRows: 3, maxRows: 4 }"
+                      placeholder="请输入科技奖励"
+                    ></el-input>
+                  </el-col>
+                </el-form-item>
+              </el-col>
+              <el-col :span="24" class="langInfo">
+                <el-form-item prop="social">
+                  <el-col :span="21" slot="label">
+                    社会任职
+                  </el-col>
+                  <el-col :span="24">
+                    <el-input
+                      v-model="form.social"
+                      type="textarea"
+                      maxlength="300"
+                      show-word-limit
+                      :autosize="{ minRows: 3, maxRows: 4 }"
+                      placeholder="请输入社会任职"
+                    ></el-input>
+                  </el-col>
+                </el-form-item>
+              </el-col>
+            </span>
+            <span v-if="form.status == '3'">
+              <el-col :span="24">
+                <el-form-item prop="status">
+                  <el-col :span="21" slot="label">
+                    用户审核状态
+                  </el-col>
+                  <el-col :span="24">
+                    <el-radio-group v-model="form.status">
+                      <el-radio label="0">待审核</el-radio>
+                      <el-radio label="3">待认证</el-radio>
+                    </el-radio-group>
+                  </el-col>
+                </el-form-item>
+              </el-col>
+            </span>
+            <el-col :span="24" class="btn">
+              <el-button type="primary" @click="authSubmit" v-if="form.status == '0' || form.status == '3'">提交认证</el-button>
+              <el-button type="primary" @click="upgradeSubmit" v-if="user.role == '4'">升级用户</el-button>
+              <el-button type="primary" @click="onSubmit">提交修改</el-button>
+            </el-col>
+          </el-form>
+        </el-col>
       </el-col>
     </el-row>
   </div>
@@ -10,15 +451,34 @@
 
 <script>
 import { mapState, createNamespacedHelpers } from 'vuex';
+import NavBar from '@/layout/common/topInfo.vue';
 export default {
   metaInfo() {
     return { title: this.$route.meta.title };
   },
   name: 'person',
   props: {},
-  components: {},
+  components: {
+    NavBar,
+  },
   data: function() {
-    return {};
+    return {
+      // 头部标题
+      title: '',
+      // meta为true
+      isleftarrow: '',
+      // 返回
+      navShow: true,
+      //信息表
+      form: {},
+      rules: {
+        name: [{ required: true, message: '请输入用户名称', trigger: 'blur' }],
+        phone: [{ required: true, message: '请输入手机号', trigger: 'blur' }],
+        password: [{ required: true, message: '请输入密码', trigger: 'blur' }],
+        role: [{ required: true, message: '请输入用户类型', trigger: 'blur' }],
+        institution_code: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }],
+      },
+    };
   },
   created() {},
   methods: {},
@@ -28,4 +488,30 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+/deep/.el-col-9 {
+  font-size: 14px;
+  text-align: center;
+}
+/deep/.el-input__inner {
+  border: 1px solid #dcdfe6;
+  background-color: transparent;
+  padding: 0 0 0 15px;
+  height: 42px;
+}
+.el-col-15::before {
+  content: '*';
+  color: #f56c6c;
+  margin-right: 4px;
+}
+/deep/.el-form-item__label {
+  border: 1px solid #dcdfe6;
+}
+/deep/.el-form-item {
+  margin-bottom: 0px;
+}
+.btn {
+  text-align: center;
+  margin: 10px 0;
+}
+</style>