展示优化+只允许输入手机号

src/views/personalInformation/personalInformation.vue

@@ -6,13 +6,13 @@
                 <div class="titlePanelBor">个人信息</div>
             </div>
             <div class="flexBox">
-                <div class="flexItem"><span class="label">用户名：</span>{{userInfo.username}}</div>
-                <div class="flexItem"><span class="label">账户类型：</span>{{roleType}}</div>
-                <div class="flexItem"><span class="label">独占类型：</span>{{userInfo.useTypeName}}</div>
-                <div class="flexItem"><span class="label">所属公司：</span>{{userInfo.company}}</div>
-                <div class="flexItem"><span class="label">联系人：</span>{{userInfo.nickname}}</div>
-                <div class="flexItem"><span class="label">联系方式：</span>{{userInfo.phone}}<span class="textButton" @click="changePhone">修改联系方式</span></div>
-                <div class="flexItem"><span class="label">密码：</span>{{"***********"}}<span class="textButton" @click="changePassword">修改密码</span></div>
+                <div class="flexItem"><span class="label">用户名:</span>{{userInfo.username}}</div>
+                <div class="flexItem"><span class="label">账户类型:</span>{{roleType}}</div>
+                <div class="flexItem"><span class="label">独占类型:</span>{{userInfo.useTypeName}}</div>
+                <div class="flexItem"><span class="label">所属公司:</span>{{userInfo.company}}</div>
+                <div class="flexItem"><span class="label">联系人:</span>{{userInfo.nickname}}</div>
+                <div class="flexItem"><span class="label">联系方式:</span>{{userInfo.phone}}<span class="textButton" @click="changePhone">修改联系方式</span></div>
+                <div class="flexItem"><span class="label">密码:</span>{{"***********"}}<span class="textButton" @click="changePassword">修改密码</span></div>
             </div>
         </div>
         <div class="block">
@@ -20,14 +20,14 @@
                 <div class="titlePanelBor">配置信息</div>
             </div>
             <div class="flexBox">
-                <div class="flexItem"><span class="label2">可创建子账户数量：</span>{{configInfo.numCreateUser}}</div>
-                <div class="flexItem"><span class="label2">可创建测试包数量：</span>{{configInfo.numCreateScenePackage}}</div>
-                <div class="flexItem"><span class="label2">测试包最大场景数量：</span>{{configInfo.numScenePerPackage}}</div>
+                <div class="flexItem"><span class="label2">可创建子账户数量:</span>{{configInfo.numCreateUser}}</div>
+                <div class="flexItem"><span class="label2">可创建测试包数量:</span>{{configInfo.numCreateScenePackage}}</div>
+                <div class="flexItem"><span class="label2">测试包最大场景数量:</span>{{configInfo.numScenePerPackage}}</div>
                 <div class="flexItem"></div>
-                <div class="flexItem"><span class="label2">仿真软件license：</span>{{clusterInfo.numSimulationLicense}}</div>
-                <div class="flexItem"><span class="label2">到期时间：</span>{{clusterInfo.dateSimulationLicense}}</div>
-                <div class="flexItem"><span class="label2">动力学软件license：</span>{{clusterInfo.numDynamicLicense}}</div>
-                <div class="flexItem"><span class="label2">到期时间：</span>{{clusterInfo.dateDynamicLicense}}</div>
+                <div class="flexItem"><span class="label2">仿真软件license:</span>{{clusterInfo.numSimulationLicense}}</div>
+                <div class="flexItem"><span class="label2">到期时间:</span>{{clusterInfo.dateSimulationLicense}}</div>
+                <div class="flexItem"><span class="label2">动力学软件license:</span>{{clusterInfo.numDynamicLicense}}</div>
+                <div class="flexItem"><span class="label2">到期时间:</span>{{clusterInfo.dateDynamicLicense}}</div>
             </div>
         </div>
         <div class="block">
@@ -213,7 +213,7 @@
                          { required: true, message: "请输入", trigger: "blur" },
                          {
                             validator: (rule, value, callback) => {
-                                if(this.$validatePhone(value)){
+                                if(this.$ValidateMobilePhone(value)){
                                     callback()
                                 }else{
                                     callback(new Error('格式错误'))
@@ -385,13 +385,13 @@
     margin-bottom: 10px;
     .label{
         display: inline-block;
-        width: 140px;
-        text-align: right;
+        width: 141px;
+        text-align: left;
     }
     .label2{
         display: inline-block;
-        width: 140px;
-        text-align: right;
+        width: 141px;
+        text-align: left;
     }
 }
 .textButton{