修改细节的样式

src/components/OrgTable.vue

@@ -15,22 +15,28 @@
             :model="searchForm"
             inline
             class="label-input-form"
-            label-width="55px"
+            label-width="100px"
             @keyup.enter.native="handleSearch">
             <el-row :gutter="24">
 
               <el-col :xl="6" :lg="8">
-                <el-form-item label="姓名" class="search-item">
+                <el-form-item label="用户名" class="search-item">
                   <!--            <el-input-->
                   <!--                v-model="searchForm.uname"-->
                   <!--                placeholder="根据姓名查询"-->
                   <!--                clearable></el-input>-->
-                  <el-input :placeholder="'根据姓名查询'" class="search-item" v-model="searchForm.uname"/>
+                  <el-input :placeholder="'请输入用户名'" class="search-item" v-model="searchForm.account"/>
                 </el-form-item>
               </el-col>
               <el-col :xl="6" :lg="8">
-                <el-form-item label="工号" class="search-item">
-                  <el-input :placeholder="'根据工号查询'" class="search-item" v-model="searchForm.workNum"/>
+                <el-form-item label="角色名" class="search-item">
+<!--                  <el-input :placeholder="'根据角色名查询'" class="search-item" v-model="searchForm.roleName"/>-->
+                  <el-select v-model="searchForm.roleName" class="icon-auth" placeholder="请选择角色名">
+                    <el-option label="全部" value=""></el-option>
+                    <template v-for="item in roleList">
+                      <el-option :label="item.rname" :value="item.rname" :key="item.rid"></el-option>
+                    </template>
+                  </el-select>
                 </el-form-item>
               </el-col>
               <el-col :xl="6" :lg="24">
@@ -85,7 +91,7 @@
             </el-table-column>
             <!--                                v-if="workNumFlag"-->
             <el-table-column
-              label="工号"
+              label="用户名"
               width="120"
               prop="ACCOUNT"
               align="center"
@@ -98,6 +104,12 @@
               align="center"
               show-overflow-tooltip>
             </el-table-column>
+            <el-table-column
+              prop="ROLENAME"
+              label="角色"
+              align="center"
+              show-overflow-tooltip>
+            </el-table-column>
             <el-table-column
               prop="EMAIL"
               label="邮箱"
@@ -122,7 +134,7 @@
               label="部门"
               align="center"
               show-overflow-tooltip>
-              <template #default="{ row }">{{ row.departmentName || row.DEPATMENT || row.orgName }}
+              <template #default="{ row }">{{ row.departmentName || row.DEPARTMENT || row.orgName }}
               </template>
             </el-table-column>
 
@@ -315,6 +327,7 @@ export default {
   },
   data () {
     return {
+      roleList: [],
       activeName: 'first',
       menuTreeLoading: false,
       zNodesTree: [],
@@ -326,7 +339,9 @@ export default {
         orgId: '',
         orgName: '',
         USNAME: '',
-        uname: ''
+        uname: '',
+        roleName: '',
+        account: ''
       },
       tableData: [],
       tableChecked: null,
@@ -346,7 +361,6 @@ export default {
       treeCheckNode: [],
       checkedName: '',
       zNodesRole: [],
-      roleList: [],
       repeatFlag: false,
       isShowOrg: true
     }
@@ -460,7 +474,9 @@ export default {
         orgId: '',
         orgName: '',
         USNAME: '',
-        uname: ''
+        uname: '',
+        account: '',
+        roleName: ''
       }
       this.getRoleAndUserByOrgIdPage()
     },
@@ -681,7 +697,12 @@ export default {
     handleMouseLeave () {
       this.visibleOrgClearBtn = false
     },
-
+    // 角色列表
+    getSysRole () {
+      this.$api.role.getSysRole().then(({ data }) => {
+        this.roleList = data
+      })
+    },
     handleCleanChecked () {
       this.$confirm('您是否确定移除全部已选中', '确定移除', {
         confirmButtonText: '确定',
@@ -784,6 +805,7 @@ export default {
   },
   mounted () {
     this.isVisible = this.visible
+    this.getSysRole()
     if (!this.dialogModel) {
       this.checkedName = this.config.valueName || ''
       if (this.config.value !== '') {