用户列表

src/views/SystemManage/UserManage.vue

@@ -131,11 +131,30 @@
         </el-table-column>
         <el-table-column prop="unitname" label="所属单位" width="210">
         </el-table-column>
-        <el-table-column prop="roleName" label="角色" width="420">
-        </el-table-column
-        ><el-table-column prop="groupid_list" label="权限" width="250">
+        <el-table-column prop="roleName" label="角色">
+          <template slot-scope="scope">
+            <div class="tags" v-for="item in scope.row.roleName">
+              {{ item }}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column prop="groupid_list" label="权限">
+          <template slot-scope="scope">
+            <div v-for="item in scope.row.roleName">{{ item }}/</div>
+          </template>
         </el-table-column>
         <el-table-column prop="status" label="启用状态" width="200">
+          <template slot-scope="scope">
+            <div v-if="scope.row.status === 0" class="circle-red"></div>
+            <div v-if="scope.row.status === 1" class="circle-blue"></div>
+            {{
+              scope.row.status === 0
+                ? "停用"
+                : scope.row.status === 1
+                ? "启用"
+                : "无状态"
+            }}
+          </template>
         </el-table-column>
         <el-table-column prop="active" label="操作">
           <img
@@ -357,7 +376,7 @@ export default {
         auth: "",
         page: {
           page: 1,
-          total: 10
+          total: 20
         }
       },
       // 新增对象
@@ -431,7 +450,6 @@ export default {
       var user = new URLSearchParams();
       user.append("username", this.searchParams.username);
       user.append("truename", this.searchParams.truename);
-      // user.append("usergroup", this.searchParams.usergroup); // 警号
       user.append("unitcode", this.searchParams.unitcode);
       user.append("role", this.searchParams.role);
       user.append("page", this.searchParams.page.page);
@@ -505,13 +523,12 @@ export default {
       this.isShowAddUserDialogBg = false;
       var user = new URLSearchParams();
       user.append("username", this.addParams.username);
-      user.append("username", this.addParams.truename);
-      user.append("username", this.addParams.unitname);
-      user.append("username", this.addParams.unitcode);
-      user.append("truename", this.addParams.password);
-      // user.append("truename", this.addParams.okpassword);
-      user.append("truename", this.addParams.policemanid);
-      user.append("truename", this.addParams.telphone);
+      user.append("truename", this.addParams.truename);
+      user.append("unitname", this.addParams.unitname);
+      user.append("unitcode", this.addParams.unitcode);
+      user.append("password", this.addParams.password);
+      user.append("policemanid", this.addParams.policemanid);
+      user.append("telphone", this.addParams.telphone);
       // user.append("usergroup", this.searchParams.usergroup); // 警号
       user.append("role", this.addParams.role);
       // user.append("page", this.addParams.page.page);

src/views/SystemManage/scss/user.scss

@@ -128,6 +128,20 @@
   .table-data {
     height: 580px;
     width: 100%;
+    .tags{
+      width: 100px;
+      height: 24px;
+      background: #F0F3F6;
+      border-radius: 4px;
+      text-align: center;
+      margin-right: 3px;
+    }
+    .circle-red{
+      width: 8px;      height: 8px;      background-color:#FE0000;      border-radius: 50%;      -moz-border-radius: 50%;      -webkit-border-radius: 50%;
+    }
+    .circle-blue{
+      width: 8px;      height: 8px;      background-color:#055FE7;      border-radius: 50%;      -moz-border-radius: 50%;      -webkit-border-radius: 50%;
+    }
   }
   .footer {
     width: 1544px;