添加员工

ghsApp/src/admin/staff/add.vue

@@ -3,6 +3,12 @@
     <div v-show="showStaffArea">
       <form @submit="formSubmit">
         <div class="module-com input-line-wrap">
+
+          <tui-list-cell class="line-cell" :hover="false">
+              <div class="tui-title required">昵称</div>
+              <input v-model="form.name" type="text" placeholder-class="phcolor" placeholder-style="color:#CCCCCC" class="tui-input" name="name" placeholder="员工昵称" />
+          </tui-list-cell>
+
           <tui-list-cell class="line-cell" :arrow="true">
             <div class="tui-title required">角色</div>
             <picker mode="selector" :value="form.roleId" :range="roleList" range-key="roleName" @change="changeRoleFn" class="tui-input" >
@@ -11,19 +17,34 @@
               <div class="tui-placeholder" v-else>请选择</div>
             </picker>
           </tui-list-cell>
+
           <tui-list-cell class="line-cell" :hover="false">
             <div class="tui-title">动态通知</div>
             <view><switch style="transform:scale(0.7,0.7)" :checked="form.remind == 0 ? false : true" @change="remindChangeFn" /></view>
           </tui-list-cell>
+
+          <tui-list-cell class="line-cell" :hover="false">
+              <div class="tui-title required">手机号</div>
+              <input v-model="form.mobile" type="number" placeholder-class="phcolor" placeholder-style="color:#CCCCCC" class="tui-input" name="mobile" placeholder="员工手机号" />
+          </tui-list-cell>
+
+          <tui-list-cell class="line-cell" :hover="false">
+              <div class="tui-title required">验证码</div>
+              <input v-model="form.authCode" type="number" style="width:330upx;" placeholder-class="phcolor" placeholder-style="color:#CCCCCC" class="tui-input" name="authCode" placeholder="请填写" />
+              <button v-if="hasGet == false" class="admin-button-com blue middle" @click="requestAuthCode()">获取</button>
+              <button v-else class="admin-button-com default middle" >{{count}}</button>
+          </tui-list-cell>
+
           <tui-list-cell class="line-cell remark-wrap" :hover="false">
             <div class="tui-title">备注信息</div>
             <div class="tui-input">
-              <textarea v-model="form.remark" class="tui-textarea remark" placeholder-class="phcolor" placeholder="选填" />
+              <textarea v-model="form.remark" style="height:80upx;" class="tui-textarea remark" placeholder-class="phcolor" placeholder="选填" />
             </div>
           </tui-list-cell>
+
         </div>
         <div class="confirm-btn">
-          <button class="admin-button-com big blue" formType="submit">提交</button>
+          <button class="admin-button-com big blue" formType="submit">添加</button>
         </div>
       </form>
     </div>
@@ -57,13 +78,15 @@ export default {
         password: "",
         status: 1,
         remark: "",
+        name:''
       },
       roleList: [],
       roleSelData: {},
       showStaffArea: true,
       showMiniCodeArea: false,
       miniCodeSrc:'',
-      memberData: {}
+      memberData: {},
+      hasGet:false
     };
   },
   onLoad() {},