update

src/views/my/MyProfile.vue

@@ -1,6 +1,6 @@
 <template>
   <el-row class="movie-list">
-    <el-col :md="12" style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
+    <el-col :md="8" style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
       <el-row style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
         <el-card class="box-card">
           <div slot="header" class="clearfix">
@@ -26,7 +26,7 @@
         </el-card>
       </el-row>
     </el-col>
-    <el-col :md="12" style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
+    <el-col :md="8" style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
       <el-row style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
         <el-card class="box-card">
           <div slot="header" class="clearfix">
@@ -34,14 +34,28 @@
           </div>
           <div class="text item">
             <el-form ref="form" :model="loginUser" label-width="80px">
-              <el-form-item label="ID">
+              <el-form-item label="用户 ID">
                 <el-input v-model="loginUser.userId" style="padding-right: 1px" readonly />
               </el-form-item>
+              <el-form-item label="用户名">
+                <el-input v-model="loginUser.username" style="width: 70%; padding-right: 10px" />
+                <el-button size="mini" type="info" @click="updateScreenName">更新</el-button>
+              </el-form-item>
+              <el-form-item label="邮箱">
+                <el-input v-model="loginUser.email" style="width: 70%; padding-right: 10px" />
+                <el-button size="mini" type="info" @click="updateScreenName">更新</el-button>
+              </el-form-item>
+              <el-form-item label="手机">
+                <el-input v-model="loginUser.mobile" style="width: 70%; padding-right: 10px" />
+                <el-button size="mini" type="info" @click="updateScreenName">更新</el-button>
+              </el-form-item>
               <el-form-item label="显示名">
-                <el-input v-model="loginUser.screenName" style="padding-right: 1px" readonly />
+                <el-input v-model="loginUser.screenName" style="width: 70%; padding-right: 10px" />
+                <el-button size="mini" type="info" @click="updateScreenName">更新</el-button>
               </el-form-item>
               <el-form-item label="签名">
-                <el-input v-model="loginUser.signature" style="padding-right: 1px" readonly />
+                <el-input v-model="loginUser.signature" style="width: 70%; padding-right: 10px" />
+                <el-button size="mini" type="info" @click="updateSignature">更新</el-button>
               </el-form-item>
             </el-form>
           </div>
@@ -142,8 +156,14 @@ export default {
           duration: 3000
         })
       }
-    }
+    },
     // ****************************************************************************************************************
+    updateScreenName() {
+      console.log('更新显示名')
+    },
+    updateSignature() {
+      console.log('更新签名')
+    }
   }
 }
 </script>

src/views/my/MyRealname.vue

@@ -56,7 +56,7 @@
       <el-row style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
         <el-card class="box-card">
           <div slot="header" class="clearfix">
-            <span>手持身份证反面照</span>
+            <span>手持身份证照</span>
           </div>
           <div class="text item">
             <el-tooltip class="item" effect="dark" content="点击更新我的头像" placement="top-end">
@@ -82,19 +82,16 @@
       <el-row style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
         <el-card class="box-card">
           <div slot="header" class="clearfix">
-            <span>我的资料</span>
+            <span>实名认证资料</span>
           </div>
           <div class="text item">
-            <el-form ref="form" :model="loginUser" label-width="80px">
-              <el-form-item label="ID">
+            <el-form ref="form" :model="loginUser" label-width="90px">
+              <el-form-item label="身份证号码">
                 <el-input v-model="loginUser.userId" style="padding-right: 1px" readonly />
               </el-form-item>
-              <el-form-item label="显示名">
+              <el-form-item label="姓名">
                 <el-input v-model="loginUser.screenName" style="padding-right: 1px" readonly />
               </el-form-item>
-              <el-form-item label="签名">
-                <el-input v-model="loginUser.signature" style="padding-right: 1px" readonly />
-              </el-form-item>
             </el-form>
           </div>
         </el-card>