职员添加手机号字段

src/views/staffManagement/compontents/staffAdd.vue

@@ -24,6 +24,9 @@
           <el-form-item prop="loginName" label="职员登录名">
             <el-input placeholder="请输入职员登录名" maxlength="32" v-model="form.loginName"></el-input>
           </el-form-item>
+          <el-form-item label="职员手机号">
+            <el-input placeholder="请输入职员手机号" maxlength="11" v-model="form.phone"></el-input>
+          </el-form-item>
           <el-form-item style="margin-right: 16px" label="登录密码">
             <el-input placeholder="*******" disabled maxlength="32" v-model="form.loginPwd"></el-input>
           </el-form-item>
@@ -31,7 +34,7 @@
             <el-button size="small" type="primary" @click="reSetPassWord">重置密码</el-button>
           </el-form-item>
           <el-form-item label="描述">
-            <el-input style="width: 25.65vw" maxlength="200" placeholder="请输入描述" v-model="form.app"></el-input>
+            <el-input class="lastInput" maxlength="200" placeholder="请输入描述" v-model="form.app"></el-input>
           </el-form-item>
         </el-form>
       </div>
@@ -137,6 +140,7 @@ export default {
         loginName: "",
         loginPwd: "",
         app: "",
+        phone: ""
       },
       title: "角色",
       rules: {
@@ -402,6 +406,7 @@ export default {
           OfficerDesc: this.form.app,
           OfficerLoginName: this.form.loginName,
           OfficerPwd: this.form.loginPwd,
+          Phone: this.form.phone,
           RoleList: checks.length ? checks : [],
           AuthList: this.openRole ? [] : datas,
           TacList: this.loginCheckBoxs,
@@ -463,7 +468,7 @@ export default {
     ::v-deep .form {
       .el-form-item {
         margin-bottom: 0;
-        margin-right: 40px;
+        margin-right: 30px;
         &:last-child {
           margin-right: 0;
         }
@@ -471,7 +476,7 @@ export default {
       .el-input__inner {
         height: 32px;
         line-height: 32px;
-        min-width: 184px;
+        width: 150px;
       }
       .content {
         .el-form-item__content {
@@ -481,6 +486,12 @@ export default {
           margin-left: 27px;
         }
       }
+      .lastInput {
+        width: 27vw;
+        .el-input__inner {
+          width: 100%;
+        }
+      }
     }
   }
 }

src/views/staffManagement/compontents/staffEdit.vue

@@ -24,6 +24,9 @@
           <el-form-item prop="loginName" label="职员登录名">
             <el-input placeholder="请输入职员登录名" maxlength="32" v-model="form.loginName"></el-input>
           </el-form-item>
+          <el-form-item label="职员手机号">
+            <el-input placeholder="请输入职员手机号" maxlength="11" v-model="form.phone"></el-input>
+          </el-form-item>
           <el-form-item style="margin-right: 16px" label="登录密码">
             <el-input placeholder="*******" disabled maxlength="32" v-model="form.loginPwd"></el-input>
           </el-form-item>
@@ -31,7 +34,7 @@
             <el-button size="small" type="primary" @click="reSetPassWord">重置密码</el-button>
           </el-form-item>
           <el-form-item label="描述">
-            <el-input style="width: 25.65vw" maxlength="200" placeholder="请输入描述" v-model="form.app"></el-input>
+            <el-input class="lastInput" maxlength="200" placeholder="请输入描述" v-model="form.app"></el-input>
           </el-form-item>
         </el-form>
       </div>
@@ -140,6 +143,7 @@ export default {
         loginName: "",
         loginPwd: "",
         app: "",
+        phone: ""
       },
       title: "角色",
       rules: {
@@ -262,6 +266,7 @@ export default {
             OfficerDesc,
             OfficerLoginName,
             OfficerName,
+            Phone,
             RoleList,
             TacList,
             GroupList,
@@ -270,6 +275,7 @@ export default {
           this.form.name = OfficerName;
           this.form.loginName = OfficerLoginName;
           this.form.app = OfficerDesc;
+          this.form.phone = Phone;
           this.orgCheckedKeys = [OrganId];
           this.oldOrganId = OrganId;
           this.roleDatas = RoleList;
@@ -529,6 +535,7 @@ export default {
           OfficerDesc: this.form.app,
           OfficerLoginName: this.form.loginName,
           OfficerPwd: this.form.loginPwd,
+          Phone: this.form.phone,
           RoleList: checks.length ? checks : [],
           AuthList: this.openRole ? [] : datas,
           TacList: this.loginCheckBoxs,
@@ -590,7 +597,7 @@ export default {
     ::v-deep .form {
       .el-form-item {
         margin-bottom: 0;
-        margin-right: 40px;
+        margin-right: 30px;
         &:last-child {
           margin-right: 0;
         }
@@ -598,7 +605,7 @@ export default {
       .el-input__inner {
         height: 32px;
         line-height: 32px;
-        min-width: 184px;
+        width: 150px;
       }
       .content {
         .el-form-item__content {
@@ -608,6 +615,12 @@ export default {
           margin-left: 27px;
         }
       }
+      .lastInput {
+        width: 27vw;
+        .el-input__inner {
+          width: 100%;
+        }
+      }
     }
   }
 }