修改完善用户信息界面

src/components/TopNav/index.vue

@@ -33,6 +33,7 @@
           margin-left: 1px;
         "
         index="/employee/employee"
+        v-if="roles[0] === 'admin'"
       >
         <i style="width: 10px; height: 10px; margin-top: -12px"></i>
         员工信息
@@ -101,6 +102,7 @@ export default {
   components: { Menu },
   data() {
     return {
+      roles: [],
       backTag: false,
       newTopNev: [
         {
@@ -197,6 +199,8 @@ export default {
     this.currentIndex = this.$route.path
     this.$store.dispatch('app/toggleSideBarHide', true);
     this.setVisibleNumber();
+    //获取用户角色
+    this.roles = this.$store.getters.roles;
   },
   created() {
     this.getinfo();

src/views/employee/index.vue

@@ -43,7 +43,7 @@
             <!--                @keyup.enter.native="handleQuery"-->
             <!--              />-->
             <!--            </el-form-item>-->
-            <el-form-item prop="userName">
+<!--            <el-form-item prop="userName">
               <el-input
                 v-model="queryParams.userName"
                 placeholder="请输入账号"
@@ -60,7 +60,7 @@
                 style="width: 200px"
                 @keyup.enter.native="handleQuery"
               />
-            </el-form-item>
+            </el-form-item>-->
             <el-form-item prop="phonenumber">
               <el-input
                 v-model="queryParams.phonenumber"
@@ -155,11 +155,20 @@
           <el-table v-loading="loading" :data="userList" @selection-change="handleSelectionChange" style="min-height: 650px" ref="table">
             <el-table-column type="selection" width="60" align="center"/>
 <!--            <el-table-column label="用户编号" align="center" key="userId" prop="userId" v-if="columns[0].visible" />-->
-            <el-table-column label="序号" align="center" type="index" width="190" />
-            <el-table-column label="账号" align="center" key="userName" prop="userName" width="190" v-if="columns[1].visible" :show-overflow-tooltip="true" />
+            <el-table-column label="序号" align="center" width="100">
+              <template slot-scope="scope">
+            <span>{{
+                (queryParams.pageNum - 1) * queryParams.pageSize +
+                scope.$index +
+                1
+              }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="手机号码" align="center" key="phonenumber" prop="phonenumber" width="190" v-if="columns[4].visible" />
+<!--            <el-table-column label="账号" align="center" key="userName" prop="userName" width="190" v-if="columns[1].visible" :show-overflow-tooltip="true" />-->
             <el-table-column label="员工姓名" align="center" key="nickName" prop="nickName" width="190" v-if="columns[2].visible" :show-overflow-tooltip="true" />
 <!--            <el-table-column label="部门" align="center" key="deptName" prop="dept.deptName" v-if="columns[3].visible" :show-overflow-tooltip="true" />-->
-            <el-table-column label="手机号码" align="center" key="phonenumber" prop="phonenumber" width="190" v-if="columns[4].visible" />
+
             <el-table-column label="权重" align="center"  key="weightNum" prop="weightNum" width="150" v-if="columns[8].visible" />
             <el-table-column label="创建人" align="center" key="createBy" prop="createBy" width="190" v-if="columns[7].visible" />
             <el-table-column label="创建时间" align="center" key="createTime" prop="createTime" width="190" v-if="columns[6].visible" >
@@ -220,7 +229,7 @@
           <h3><span class="blue-square"></span> 用户详细信息</h3>
         </div>
         <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-          <el-row>
+<!--          <el-row>
             <el-col :span="12">
               <el-form-item label="账号" prop="userName">
                 <el-input v-model="form.userName" placeholder="请输入用户名称" maxlength="10px" />
@@ -231,11 +240,11 @@
                 <el-input v-model="form.password" placeholder="请输入用户密码" type="password" maxlength="20" show-password/>
               </el-form-item>
             </el-col>
-          </el-row>
+          </el-row>-->
           <el-row>
             <el-col :span="12">
               <el-form-item label="员工姓名" prop="nickName">
-                <el-input v-model="form.nickName" placeholder="请输入用户昵称" maxlength="30" />
+                <el-input v-model="form.nickName" placeholder="请输入员工姓名" maxlength="30" />
               </el-form-item>
             </el-col>
             <el-col :span="12">
@@ -283,18 +292,18 @@
           <h3><span class="blue-square"></span> 用户详细信息</h3>
         </div>
         <el-form ref="form" :model="form" :rules="updaterules" label-width="80px">
-          <el-row>
+<!--          <el-row>
             <el-col :span="12">
               <el-form-item label="账号" prop="userName">
                 <el-input v-model="form.userName" placeholder="请输入用户名称" maxlength="10px" />
               </el-form-item>
             </el-col>
-<!--            <el-col :span="12">
+            <el-col :span="12">
               <el-form-item label="用户密码" prop="password">
                 <el-input v-model="form.password" placeholder="请输入用户密码" type="password" maxlength="20" show-password/>
               </el-form-item>
-            </el-col>-->
-          </el-row>
+            </el-col>
+          </el-row>-->
           <el-row>
             <el-col :span="12">
               <el-form-item label="员工姓名" prop="nickName">
@@ -533,38 +542,46 @@ export default {
       ],
       // 表单校验
       updaterules:{
-        userName: [
+/*        userName: [
           { required: true, message: "账号不能为空", trigger: "blur" },
           { min: 2, max: 20, message: '账号长度必须介于 2 和 20 之间', trigger: 'blur' }
-        ],
+        ],*/
         nickName: [
           { required: true, message: "姓名不能为空", trigger: "blur" }
         ],
-
+        phonenumber: [
+          {
+            required: true,
+            pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
+            message: "请输入正确的手机号码",
+            trigger: "blur"
+          }
+        ]
       },
       rules: {
-        userName: [
+/*        userName: [
           { required: true, message: "账号不能为空", trigger: "blur" },
           { min: 2, max: 20, message: '账号长度必须介于 2 和 20 之间', trigger: 'blur' }
-        ],
+        ],*/
         nickName: [
           { required: true, message: "姓名不能为空", trigger: "blur" }
         ],
-        password: [
+  /*      password: [
           { required: true, message: "用户密码不能为空", trigger: "blur" },
           { min: 5, max: 20, message: '用户密码长度必须介于 5 和 20 之间', trigger: 'blur' },
           { pattern: /^[^<>"'|\\]+$/, message: "不能包含非法字符：< > \" ' \\\ |", trigger: "blur" }
-        ],
-        email: [
+        ],*/
+/*        email: [
           {
             type: "email",
             message: "请输入正确的邮箱地址",
             trigger: ["blur", "change"]
           }
-        ],
+        ],*/
         phonenumber: [
           {
-            pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
+            required: true,
+            pattern: /^1[3|4|5|6|7|8|9][0-9]{9}$/,
             message: "请输入正确的手机号码",
             trigger: "blur"
           }
@@ -759,13 +776,15 @@ export default {
     },
     /** 提交按钮 */
     submitForm: function() {
+      //账号默认为手机号
+      this.form.userName = this.form.phonenumber;
       this.$refs["form"].validate(valid => {
         if (valid) {
           if (this.form.userId !== undefined) {
             // 更新现有记录
             updateUser(this.form).then(response => {
               this.$modal.msgSuccess("修改成功");
-              this.open = false;
+              this.userupdate = false;
               this.getList();
             });
           } else {