update 优化用户信息及用户查询,实现用户授权角色

Web/src/pages/system/user/index.vue

@@ -71,7 +71,7 @@
                   </Auth>
                   <Auth auth="sysUser:grantData">
                     <a-menu-item>
-                      <a @click="onOpen('org-form', record)">授权数据</a>
+                      <a @click="onOpen('org-form', record)">授权额外数据</a>
                     </a-menu-item>
                   </Auth>
                 </a-menu>
@@ -80,7 +80,13 @@
             <a-list-item-meta>
               <div slot="title">{{ record.nickName || record.name }}</div>
               <div slot="description">{{ record.account }}</div>
-              <a-avatar :size="48" :src="record.avatar" icon="user" shape="square" slot="avatar" />
+              <a-avatar
+                :size="48"
+                :src="`${previewUrl}?id=${record.avatar}`"
+                icon="user"
+                shape="square"
+                slot="avatar"
+              />
             </a-list-item-meta>
             <div class="yo-list-content--h">
               <div class="yo-list-content--h--item">
@@ -109,14 +115,20 @@
     </container>
     <add-form @ok="onReloadData" ref="add-form" />
     <edit-form @ok="onReloadData" ref="edit-form" />
+    <role-form @ok="onReloadData" ref="role-form" />
+    <org-form @ok="onReloadData" ref="org-form" />
   </yo-tree-layout>
 </template>
 <script>
+import { PERVIEW_URL } from '@/util/global';
+
 import YoTreeLayout from '@/components/yoTreeLayout';
 import YoList from '@/components/yoList';
 
 import AddForm from './addForm';
 import EditForm from './editForm';
+import RoleForm from './roleForm';
+import OrgForm from './orgForm';
 
 export default {
   components: {
@@ -124,6 +136,8 @@ export default {
     YoList,
     AddForm,
     EditForm,
+    RoleForm,
+    OrgForm,
   },
 
   data() {
@@ -139,6 +153,8 @@ export default {
           values: [],
         },
       ],
+
+      previewUrl: PERVIEW_URL,
     };
   },
 
@@ -231,7 +247,11 @@ export default {
      * 从列表页调用窗口的打开方法
      */
     onOpen(formName, record) {
-      this.$refs[formName].onOpen(record, this.query['sysEmpParam.orgId']);
+      try {
+        this.$refs[formName].onOpen(record, this.query['sysEmpParam.orgId']);
+      } catch {
+        console.warn('component open method not found');
+      }
     },
 
     onSetUserStatus(record, checked) {