wxy 4 years ago
parent
commit
590ba982ed
1 changed files with 200 additions and 398 deletions
  1. 200 398
      src/views/userCenter/parts/person.vue

+ 200 - 398
src/views/userCenter/parts/person.vue

@@ -6,435 +6,173 @@
           <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">
+          <van-form ref="form" :model="form" :rules="rules">
             <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>
+              <van-field v-model="form.name" name="name" label="用户名" placeholder="请输入用户名" class="specail" />
             </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>
+              <van-field v-model="form.phone" name="phone" label="手机号" placeholder="请输入手机号" class="specail" />
             </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>
+              <van-field name="radio" label="用户类别">
+                <template #input>
+                  <van-radio-group v-model="form.role" direction="horizontal">
+                    <van-radio name="4">个人</van-radio>
+                    <van-radio name="6">专家</van-radio>
+                  </van-radio-group>
+                </template>
+              </van-field>
             </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>
+              <van-field v-model="form.code" name="code" label="所属机构" placeholder="请输入机构代码" readonly> </van-field>
             </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 :span="24">
+                <van-field v-model="form.email" name="email" label="电子邮箱" placeholder="请输入电子邮箱"> </van-field>
               </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 :span="24">
+                <van-field v-model="form.addr" name="addr" label="联系地址" placeholder="请输入联系地址"> </van-field>
               </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 :span="24">
+                <van-field v-model="form.office_phone" name="office_phone" label="办公电话" placeholder="请输入办公电话"> </van-field>
               </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="24">
+                <van-field v-model="form.profession" name="profession" label="所属行业" placeholder="请输入所属行业"> </van-field>
               </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 :span="24">
+                <van-field v-model="form.companytype" name="companytype" label="注册类型" placeholder="请输入注册类型"> </van-field>
               </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 :span="24">
+                <van-field
+                  readonly
+                  clickable
+                  name="datetimePicker"
+                  :value="form.companydate"
+                  label="注册时间"
+                  placeholder="点击选择时间"
+                  @click="showPicker = true"
+                />
+                <van-popup v-model="showPicker" position="bottom">
+                  <van-datetime-picker type="date" @confirm="onConfirm" @cancel="showPicker = false" />
+                </van-popup>
               </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 :span="24">
+                <van-field v-model="form.institution_code" name="institution_code" label="信用代码" placeholder="请输入信用代码" readonly> </van-field>
               </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 :span="24">
+                <van-field v-model="form.companycapital" name="companycapital" label="注册资金" placeholder="请输入注册资金"> </van-field>
               </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 :span="24">
+                <van-field v-model="form.companyperson" name="companyperson" label="企业法人" placeholder="请输入企业法人"> </van-field>
               </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 :span="24">
+                <van-field v-model="form.sndqyzsr" name="sndqyzsr" label="总收入" placeholder="请输入总收入"> </van-field>
               </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 :span="24">
+                <van-field v-model="form.sndyffy" name="sndyffy" label="研发费用" placeholder="请输入研发费用"> </van-field>
               </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 :span="24">
+                <van-field v-model="form.companytotal" name="companytotal" label="总人数" placeholder="请输入总人数"> </van-field>
               </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>
+                <van-field v-model="form.companybrief" rows="1" autosize label="企业简介" type="textarea" placeholder="企业简介" />
               </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>
+                <van-field v-model="form.mainproduct" rows="1" autosize label="主要产品" type="textarea" placeholder="主要产品" />
               </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>
+                <van-field v-model="form.qualifications" rows="1" autosize label="资质/荣誉" type="textarea" placeholder="资质/荣誉" />
               </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>
+                <van-field v-model="form.company" name="company" label="工作单位" placeholder="请输入工作单位"> </van-field>
               </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 :span="24">
+                <van-field v-model="form.school" name="school" label="毕业院校" placeholder="请输入毕业院校"> </van-field>
               </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 :span="24">
+                <van-field v-model="form.education" name="education" label="最高学历" placeholder="请输入最高学历"> </van-field>
               </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 :span="24">
+                <van-field
+                  readonly
+                  clickable
+                  name="datetimePicker"
+                  :value="form.birthDate"
+                  label="出生日期"
+                  placeholder="点击选择时间"
+                  @click="showPicker = true"
+                />
+                <van-popup v-model="showPicker" position="bottom">
+                  <van-datetime-picker type="date" @confirm="onConfirm1" @cancel="showPicker = false" />
+                </van-popup>
               </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 :span="24">
+                <van-field v-model="form.qqwx" name="qqwx" label="QQ/微信" placeholder="请输入QQ/微信"> </van-field>
               </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 :span="24">
+                <van-field v-model="form.email" name="email" label="电子邮箱" placeholder="请输入电子邮箱"> </van-field>
               </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 :span="24">
+                <van-field v-model="form.zwzc" name="zwzc" label="职务职称" placeholder="请输入职务职称"> </van-field>
               </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>
+                <van-field v-model="form.expertise" name="expertise" label="擅长领域" placeholder="请输入擅长领域"> </van-field>
               </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>
+                <van-field name="expertimage" label="头像上传">
+                  <template #input
+                    ><upload :limit="1" :data="form.expertimage" type="expertimage" :url="'/files/imgpath/upload'" @upload="uploadSuccess"></upload>
+                  </template>
+                </van-field>
               </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>
+                <!-- <van-field v-model="form.workexperience" name="workexperience" label="工作经历" placeholder="请输入工作经历"> </van-field> -->
+                <van-field
+                  v-model="form.workexperience"
+                  maxlength="300"
+                  rows="1"
+                  show-word-limit
+                  label="工作经历"
+                  type="textarea"
+                  placeholder="请输入工作经历"
+                />
               </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>
+                <van-field v-model="form.scientific" maxlength="300" rows="1" show-word-limit label="科研综述" type="textarea" placeholder="请输入科研综述" />
+                <!-- <van-field v-model="form.scientific" rows="1" show-word-limit maxlength="300" autosize label="科研综述" type="textarea" placeholder="科研综述" /> -->
               </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>
+                <van-field
+                  v-model="form.undertakingproject"
+                  maxlength="300"
+                  rows="2"
+                  show-word-limit
+                  label="承担项目"
+                  type="textarea"
+                  placeholder="请输入承担项目"
+                />
               </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>
+                <van-field v-model="form.scienceaward" maxlength="300" rows="2" show-word-limit label="科技奖励" type="textarea" placeholder="请输入科技奖励" />
               </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>
+                <van-field v-model="form.social" maxlength="300" rows="2" show-word-limit label="社会任职" type="textarea" placeholder="请输入社会任职" />
               </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>
+                <van-field name="status" label="用户审核状态">
+                  <template #input>
+                    <van-radio-group v-model="form.status" direction="horizontal">
+                      <van-radio name="0">待审核</van-radio>
+                      <van-radio name="3">待认证</van-radio>
+                    </van-radio-group>
+                  </template>
+                </van-field>
               </el-col>
             </span>
             <el-col :span="24" class="btn">
@@ -442,7 +180,7 @@
               <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>
+          </van-form>
         </el-col>
       </el-col>
     </el-row>
@@ -452,14 +190,20 @@
 <script>
 import { mapState, createNamespacedHelpers } from 'vuex';
 import NavBar from '@/layout/common/topInfo.vue';
+const { mapActions: login } = createNamespacedHelpers('login');
+const { mapActions: market } = createNamespacedHelpers('marketuser');
+const { mapActions: expertsuser } = createNamespacedHelpers('exportuser');
+var moment = require('moment');
+import upload from '@/components/upload.vue';
 export default {
   metaInfo() {
     return { title: this.$route.meta.title };
   },
   name: 'person',
-  props: {},
+  names: {},
   components: {
     NavBar,
+    upload,
   },
   data: function() {
     return {
@@ -478,10 +222,89 @@ export default {
         role: [{ required: true, message: '请输入用户类型', trigger: 'blur' }],
         institution_code: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }],
       },
+      // value: '',
+      showPicker: false,
     };
   },
-  created() {},
-  methods: {},
+  created() {
+    this.searchInfo();
+  },
+  methods: {
+    ...login({ logout: 'logout', transactiondtetle: 'delete' }),
+    ...market(['fetch', 'update']),
+    ...expertsuser({ expertsuserFetch: 'fetch', expertsuserUpdate: 'update', expertsuserUpgrade: 'upgrade' }),
+    async searchInfo() {
+      if (this.user.role == '4' || this.user.role == '5') {
+        let res = await this.fetch(this.user.userid);
+        if (res.errcode === 0) {
+          this.$set(this, `form`, res.data);
+        }
+      } else if (this.user.role == '6') {
+        let res = await this.expertsuserFetch(this.user.userid);
+        if (res.errcode === 0) {
+          console.log(res);
+          this.$set(this, `form`, res.data);
+        }
+      }
+    },
+    async onSubmit() {
+      if (this.form.role == '4' || this.form.role == '5' || this.form.role == '7') {
+        let res;
+        let msg;
+        res = await this.update(this.form);
+      } else if (this.form.role == '6') {
+        let res;
+        let msg;
+        res = await this.expertsuserUpdate(this.form);
+      }
+      this.$message({
+        message: '修改信息成功',
+        type: 'success',
+      });
+      this.searchInfo();
+    },
+    async authSubmit() {
+      let res;
+      let msg;
+      res = await this.update(this.form);
+      this.$message({
+        message: '提交认证信息成功,等待管理员认证',
+        type: 'success',
+      });
+      this.searchInfo();
+    },
+    async upgradeSubmit() {
+      this.form.status = '0';
+      this.form.uid = this.user.uid;
+      let res = await this.expertsuserUpgrade(this.form);
+      if (this.$checkRes(res)) {
+        this.$message({
+          message: '用戶升級成功,等待管理员审核',
+          type: 'success',
+        });
+        this.logout();
+        this.$router.push({ path: '/webLogin' });
+      } else {
+        this.$message({
+          message: '用戶升級失敗',
+          type: 'error',
+        });
+      }
+    },
+    uploadSuccess({ type, data }) {
+      this.$set(this.form, `${type}`, data.uri);
+    },
+    onConfirm(time) {
+      let date = moment(time).format('YYYY-MM-DD');
+      if (date) this.$set(this.form, `companydate`, date);
+      this.showPicker = false;
+    },
+    onConfirm1(time) {
+      let date = moment(time).format('YYYY-MM-DD');
+      if (date) this.$set(this.form, `birthDate`, date);
+      this.showPicker = false;
+    },
+  },
   computed: {
     ...mapState(['user']),
   },
@@ -489,27 +312,6 @@ export default {
 </script>
 
 <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;