From 251cc3290959d2085aa3359d6f74d97db914d182 Mon Sep 17 00:00:00 2001
From: Tcsm <1377977403@qq.com>
Date: 星期日, 22 十月 2023 00:44:22 +0800
Subject: [PATCH] 修改了表格的行高，以及数据过长的部分用省略号表示
---
ruoyi-ui/src/views/system/user/profile/index.vue | 253 +++++++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 238 insertions(+), 15 deletions(-)
diff --git a/ruoyi-ui/src/views/system/user/profile/index.vue b/ruoyi-ui/src/views/system/user/profile/index.vue
index ad530f9..4018369 100644
--- a/ruoyi-ui/src/views/system/user/profile/index.vue
+++ b/ruoyi-ui/src/views/system/user/profile/index.vue
@@ -1,50 +1,50 @@
<template>
- <div class="app-container">
+ <div class="app-container" style="background-color: #FEF7FC;">
<el-row :gutter="20">
- <el-col :span="6" :xs="24">
- <el-card class="box-card">
+ <el-col :span="8" :xs="24" >
+ <el-card class="box-card" style="background-color: #EBF4FE;">
<div slot="header" class="clearfix">
<span>涓汉淇℃伅</span>
</div>
<div>
<div class="text-center">
<userAvatar :user="user" />
- </div>
+ </div >
<ul class="list-group list-group-striped">
<li class="list-group-item">
- <svg-icon icon-class="user" />鐢ㄦ埛鍚嶇О
+ 鐢ㄦ埛鍚嶇О
<div class="pull-right">{{ user.userName }}</div>
</li>
<li class="list-group-item">
- <svg-icon icon-class="phone" />鎵嬫満鍙风爜
+ 鎵嬫満鍙风爜
<div class="pull-right">{{ user.phonenumber }}</div>
</li>
<li class="list-group-item">
- <svg-icon icon-class="email" />鐢ㄦ埛閭
+ 鐢ㄦ埛閭
<div class="pull-right">{{ user.email }}</div>
</li>
<li class="list-group-item">
- <svg-icon icon-class="tree" />鎵�灞為儴闂�
+ 鎵�灞炲搴�
<div class="pull-right" v-if="user.dept">{{ user.dept.deptName }} / {{ postGroup }}</div>
</li>
<li class="list-group-item">
- <svg-icon icon-class="peoples" />鎵�灞炶鑹�
+ 鎵�灞炶鑹�
<div class="pull-right">{{ roleGroup }}</div>
</li>
<li class="list-group-item">
- <svg-icon icon-class="date" />鍒涘缓鏃ユ湡
+ 鍒涘缓鏃ユ湡
<div class="pull-right">{{ user.createTime }}</div>
</li>
</ul>
</div>
</el-card>
</el-col>
- <el-col :span="18" :xs="24">
- <el-card>
+ <el-col :span="16" :xs="24" >
+ <el-card style="background-color: #FFF5F7;">
<div slot="header" class="clearfix">
<span>鍩烘湰璧勬枡</span>
</div>
- <el-tabs v-model="activeTab">
+ <el-tabs v-model="activeTab" >
<el-tab-pane label="鍩烘湰璧勬枡" name="userinfo">
<userInfo :user="user" />
</el-tab-pane>
@@ -55,6 +55,170 @@
</el-card>
</el-col>
</el-row>
+ <div style="padding-top: 20px; background-color: #F4FFF8;">
+ <div class="container">
+ <div>
+ <span style="font-family: Microsoft YaHei-Regular, Microsoft YaHei; padding-left: 10px;">鏉冮檺鎯呭喌</span>
+ </div>
+ <div style="padding-left: 10px;">
+ <el-dropdown v-model="selectedFamily" @command="handleDropdownCommand">
+ <span class="el-dropdown-link">
+ {{ selectedFamily || '涓嬫媺鑿滃崟' }}<i class="el-icon-arrow-down el-icon--right"></i>
+ </span>
+ <el-dropdown-menu slot="dropdown">
+ <el-dropdown-item command="涓�鍙峰搴�">涓�鍙峰搴�</el-dropdown-item>
+ <el-dropdown-item command="浜屽彿瀹跺涵">浜屽彿瀹跺涵</el-dropdown-item>
+ <el-dropdown-item command="涓夊彿瀹跺涵">涓夊彿瀹跺涵</el-dropdown-item>
+ <el-dropdown-item command="鍥涘彿瀹跺涵">鍥涘彿瀹跺涵</el-dropdown-item>
+ </el-dropdown-menu>
+ </el-dropdown>
+ </div>
+ </div>
+ <el-divider></el-divider>
+ <div >
+ <el-tabs v-model="activeTab1" style="padding-left: 25px;" @tab-click="handleTabClick">
+ <el-tab-pane label="瀹舵牴缃�" prop="瀹舵牴缃�">
+ <span >鏌ョ湅鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{SelfPermissionList.search === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+ <el-divider></el-divider>
+ <span>鏂板鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{ SelfPermissionList.insert === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+ <el-divider></el-divider>
+ <span>鍒犻櫎鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{ SelfPermissionList.delete === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+ <el-divider></el-divider>
+ <span>淇敼鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{ SelfPermissionList.update === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+ </el-tab-pane>
+ <el-tab-pane label="瀹跺ぇ浜嬭">
+ <span >鏌ョ湅鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{SelfPermissionList.search === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+ <el-divider></el-divider>
+ <span>鏂板鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{ SelfPermissionList.insert === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+ <el-divider></el-divider>
+ <span>鍒犻櫎鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{ SelfPermissionList.delete === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+ <el-divider></el-divider>
+ <span>淇敼鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{ SelfPermissionList.update === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+
+ </el-tab-pane>
+ <el-tab-pane label="瀹跺涵璧勪骇">
+ <span >鏌ョ湅鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{SelfPermissionList.search === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+ <el-divider></el-divider>
+ <span>鏂板鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{ SelfPermissionList.insert === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+ <el-divider></el-divider>
+ <span>鍒犻櫎鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{ SelfPermissionList.delete === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+ <el-divider></el-divider>
+ <span>淇敼鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{ SelfPermissionList.update === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+
+ </el-tab-pane>
+ <el-tab-pane label="瀹跺涵璁惧">
+ <span >鏌ョ湅鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{SelfPermissionList.search === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+ <el-divider></el-divider>
+ <span>鏂板鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{ SelfPermissionList.insert === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+ <el-divider></el-divider>
+ <span>鍒犻櫎鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{ SelfPermissionList.delete === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+ <el-divider></el-divider>
+ <span>淇敼鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{ SelfPermissionList.update === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+
+ </el-tab-pane>
+ <el-tab-pane label="鏀惰棌鑽ｈ獕">
+ <span >鏌ョ湅鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{SelfPermissionList.search === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+ <el-divider></el-divider>
+ <span>鏂板鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{ SelfPermissionList.insert === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+ <el-divider></el-divider>
+ <span>鍒犻櫎鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{ SelfPermissionList.delete === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+ <el-divider></el-divider>
+ <span>淇敼鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{ SelfPermissionList.update === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+
+ </el-tab-pane>
+ <el-tab-pane label="灏忓尰鐢�">
+ <span >鏌ョ湅鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{SelfPermissionList.search === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+ <el-divider></el-divider>
+ <span>鏂板鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{ SelfPermissionList.insert === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+ <el-divider></el-divider>
+ <span>鍒犻櫎鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{ SelfPermissionList.delete === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+ <el-divider></el-divider>
+ <span>淇敼鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{ SelfPermissionList.update === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+
+ </el-tab-pane>
+ <el-tab-pane label="淇濇磥鏀剁撼">
+ <span >鏌ョ湅鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{SelfPermissionList.search === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+ <el-divider></el-divider>
+ <span>鏂板鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{ SelfPermissionList.insert === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+ <el-divider></el-divider>
+ <span>鍒犻櫎鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{ SelfPermissionList.delete === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+ <el-divider></el-divider>
+ <span>淇敼鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{ SelfPermissionList.update === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+
+ </el-tab-pane>
+ <el-tab-pane label="閫氳褰�">
+ <span >鏌ョ湅鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{SelfPermissionList.search === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+ <el-divider></el-divider>
+ <span>鏂板鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{ SelfPermissionList.insert === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+ <el-divider></el-divider>
+ <span>鍒犻櫎鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{ SelfPermissionList.delete === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+ <el-divider></el-divider>
+ <span>淇敼鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{ SelfPermissionList.update === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+
+ </el-tab-pane>
+ <el-tab-pane label="榄呭疇">
+ <span >鏌ョ湅鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{SelfPermissionList.search === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+ <el-divider></el-divider>
+ <span>鏂板鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{ SelfPermissionList.insert === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+ <el-divider></el-divider>
+ <span>鍒犻櫎鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{ SelfPermissionList.delete === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+ <el-divider></el-divider>
+ <span>淇敼鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{ SelfPermissionList.update === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+
+ </el-tab-pane>
+ <el-tab-pane label="瀹跺涵鏀舵敮鍙拌处">
+ <span >鏌ョ湅鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{SelfPermissionList.search === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+ <el-divider></el-divider>
+ <span>鏂板鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{ SelfPermissionList.insert === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+ <el-divider></el-divider>
+ <span>鍒犻櫎鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{ SelfPermissionList.delete === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+ <el-divider></el-divider>
+ <span>淇敼鏉冮檺</span>
+ <span style="padding-left: 1200px;">{{ SelfPermissionList.update === 0 ? '鏈寔鏈�' : '鎸佹湁' }}</span>
+
+ </el-tab-pane>
+ </el-tabs>
+ </div>
+ </div>
</div>
</template>
@@ -62,30 +226,89 @@
import userAvatar from "./userAvatar";
import userInfo from "./userInfo";
import resetPwd from "./resetPwd";
-import { getUserProfile } from "@/api/system/user";
+import { getUserProfile ,getSelfPermission} from "@/api/system/user";
+import {updateFamilyevent} from "@/api/bignote";
export default {
name: "Profile",
components: { userAvatar, userInfo, resetPwd },
data() {
return {
+ formDat: {
+ familyName: undefined,
+ modelName: undefined,
+ },
+ selectedFamily: "涓�鍙峰搴�",
+ selectedTab:"瀹舵牴缃�",// 鍒濆鍖栭�変腑鐨勫搴负绌哄瓧绗︿覆
+ SelfPermission:undefined,
+ SelfPermissionList:{
+ insert:undefined,
+ delete:undefined,
+ search:undefined,
+ update:undefined,
+ },
user: {},
roleGroup: {},
postGroup: {},
- activeTab: "userinfo"
+ activeTab: "userinfo",
+ activeTab1:"瀹舵牴缃�"
};
},
+
created() {
this.getUser();
+ this.getList();
},
methods: {
+ handleTabClick(tab) {
+ this.selectedTab = tab.label;
+ if (this.selectedFamily && this.selectedTab) {
+ this.getList();
+ }
+ },
+ handleDropdownCommand(command) {
+ this.selectedFamily = command; // 鏇存柊閫変腑鐨勫搴�
+ console.log(this.selectedFamily)
+ // 妫�鏌ヤ笅鎷夎彍鍗曞拰鍒囩墖椤甸潰鏄惁閮借閫変腑
+ if (this.selectedFamily && this.selectedTab) {
+ this.getList();
+ }
+ },
+
+
getUser() {
getUserProfile().then(response => {
this.user = response.data;
this.roleGroup = response.roleGroup;
this.postGroup = response.postGroup;
});
+ },
+ getList() {
+
+ var formData ={
+ "familyName": this.selectedFamily,
+ "modelName":this.selectedTab,
+}
+
+ var jsonString = JSON.stringify(formData);
+ // console.log(jsonString);
+
+ getSelfPermission(jsonString).then(response => {
+ this.SelfPermissionList = response.data;
+ console.log(this.SelfPermissionList)
+ });
+
}
}
+
};
</script>
+<style>
+.container {
+ display: flex;
+}
+
+.el-icon-arrow-down {
+ font-size: 12px;
+}
+</style>
--
Gitblit v1.9.1