fix:个人信息

src/App.vue

@@ -1,5 +1,5 @@
 <template>
-  <div style="width:100%;min-width: 1300px">
+  <div class="body-content">
     <home-slice v-if="showSlice"/>
     <header-container/>
     <div class="container-wrapper">
@@ -78,10 +78,18 @@ export default {
 }
 </script>
 
-<style>
+<style lang="less">
+  .body-content{
+    width:100%;
+    min-width: 1300px;
+    height: 100%;
+  }
+  .container-wrapper {
+    min-height: calc(~"100% - 70px - 180px");
+  }
   .main-container {
     width: 100%;
-    min-height: calc(100% - 70px - 64px);
+    min-height: calc(~"100% - 70px - 180px");
     margin: 0 auto;
   }
   .home-slice {

src/pages/UserCenter/MailBinding.vue

@@ -1,21 +1,21 @@
 <template>
   <div>
     <div class="right-modifyPsw">
-      <div v-if="showBindWranning">
+      <div>
         <div class="right-modifyPsw-title">
           <span style="font-size: 18px;font-weight: bold">邮箱绑定</span>
         </div>
-        <div style="background-color: rgba(233,239,249,1);padding: 10px;margin-bottom: 30px">
+        <div style="background-color: rgba(233,239,249,1);padding: 10px;margin-bottom: 30px" v-if="showBindWranning">
           <span style="font-size: 16px">您还未绑定邮箱，为保护您帐号，建议您</span>
           <el-button type="primary" plain size="mini" @click="bindingEmail = true;showBindWranning = false">立即绑定
           </el-button>
+          <div>
+            邮箱绑定成功后，您将享受以下服务：
+          </div>
+          <div>①邮箱地址登录 可直接使用“邮箱地址”登录到众测服务平台</div>
+          <div>②重要事件提醒 进行（支付/提现/众测/中标）时，可及时收到邮件提醒</div>
+          <div>③找回账号密码 忘记密码时，可使用邮件找回密码</div>
         </div>
-        <div>
-          邮箱绑定成功后，您将享受以下服务：
-        </div>
-        <div>①邮箱地址登录 可直接使用“邮箱地址”登录到众测服务平台</div>
-        <div>②重要事件提醒 进行（支付/提现/众测/中标）时，可及时收到邮件提醒</div>
-        <div>③找回账号密码 忘记密码时，可使用邮件找回密码</div>
       </div>
       <div v-if="!showBindWranning">
         <div style="background-color: rgba(233,239,249,1);padding: 10px;margin-bottom: 30px">

src/pages/UserCenter/Mine.vue

@@ -2,7 +2,7 @@
   <div class="right-mine">
     <div class="right-mine-title">
       <span style="font-size: 18px;font-weight: bold">基本设置</span>
-      <el-button type="primary" size="mini" class="pull-right" @click="addQualification = true">编辑</el-button>
+      <el-button v-if="!isModifyMode" type="primary" size="mini" class="pull-right" @click="isModifyMode = true">编辑</el-button>
     </div>
     <div style="margin-bottom: 15px;width: 60%">
       <el-form :model="userForm" status-icon ref="userForm" label-width="100px" class="demo-ruleForm">
@@ -47,7 +47,7 @@
           </el-checkbox-group>
         </el-form-item>
         <el-form-item>
-          <el-button type="primary" size="small" class="pull-left" @click="submitUserInfo">提交修改</el-button>
+          <el-button v-if="isModifyMode" type="primary" size="small" class="pull-left" @click="submitUserInfo">提交修改</el-button>
         </el-form-item>
       </el-form>
     </div>
@@ -65,6 +65,7 @@
     data() {
       return {
         user: {},
+        isModifyMode:false,
         serviceType:[],
         userForm: {
           gender:"",
@@ -85,6 +86,7 @@
       submitUserInfo(){
         Http.put(`/api/personal/update/${this.user.id}`,this.userForm).then(res=>{
           console.log(res);
+          this.isModifyMode = false;
         })
       },
       //联系地址