From 76956e0f6cc235678fce936439ad932a7b8bc344 Mon Sep 17 00:00:00 2001
From: Tcsm <1377977403@qq.com>
Date: 星期四, 24 八月 2023 21:41:31 +0800
Subject: [PATCH] 8.24提交
---
ruoyi-ui/src/views/homeRoot/index.vue | 123 ++++++++++++++++++++++++----------------
1 files changed, 73 insertions(+), 50 deletions(-)
diff --git a/ruoyi-ui/src/views/homeRoot/index.vue b/ruoyi-ui/src/views/homeRoot/index.vue
index 39e719e..117432c 100644
--- a/ruoyi-ui/src/views/homeRoot/index.vue
+++ b/ruoyi-ui/src/views/homeRoot/index.vue
@@ -1,7 +1,7 @@
<template>
<div class="app-container">
<div class="container">
- <h1 style="font-size:21px;padding-top:30px">鏃╀笂濂斤紒
+ <h1 style="font-size: 21px;">{{ greeting +'锛�' + user.userName }}
<el-dropdown style="float:right">
<span class="el-dropdown-link">
<img src="../../assets/images/Frame.png">
@@ -24,72 +24,79 @@
<div v-model="rootList.url">
<el-avatar shape="circle" class="avater_1_1" v-if="isShow_1">
<img :src="'http://47.93.189.255:8080/'+ rootList[0].url"
- @click="getPersonInfo(rootList[0].userId)"></img>
+ @click="getPersonInfo(rootList[0].userId)">
</el-avatar>
<el-avatar shape="circle" class="avater_1_2" v-if="isShow_1">
<img :src="'http://47.93.189.255:8080/'+ rootList[1].url"
- @click="getPersonInfo(rootList[1].userId)"></img>
+ @click="getPersonInfo(rootList[1].userId)">
</el-avatar>
<el-avatar shape="circle" class="avater_2_1" v-if="isShow_2">
<img :src="'http://47.93.189.255:8080/'+ rootSecList[0][0].url"
- @click="getPersonInfo(rootSecList[0][0].userId)"></img>
+ @click="getPersonInfo(rootSecList[0][0].userId)">
</el-avatar>
<el-avatar shape="circle" class="avater_2_2" v-if="isShow_2">
<img :src="'http://47.93.189.255:8080/'+ rootSecList[0][1].url"
- @click="getPersonInfo(rootSecList[0][1].userId)"></img>
+ @click="getPersonInfo(rootSecList[0][1].userId)">
</el-avatar>
<el-avatar shape="circle" class="avater_2_3" v-if="isShow_2">
<img :src="'http://47.93.189.255:8080/'+ rootSecList[1][0].url"
- @click="getPersonInfo(rootSecList[1][0].userId)"></img>
+ @click="getPersonInfo(rootSecList[1][0].userId)">
</el-avatar>
<el-avatar shape="circle" class="avater_2_4" v-if="isShow_2">
<img :src="'http://47.93.189.255:8080/'+ rootSecList[1][1].url"
- @click="getPersonInfo(rootSecList[1][1].userId)"></img>
+ @click="getPersonInfo(rootSecList[1][1].userId)">
</el-avatar>
<el-avatar shape="circle" class="avater_2_5" v-if="isShow_2">
<img :src="'http://47.93.189.255:8080/'+ rootSecList[2][0].url"
- @click="getPersonInfo(rootSecList[2][0].userId)"></img>
+ @click="getPersonInfo(rootSecList[2][0].userId)">
</el-avatar>
<el-avatar shape="circle" class="avater_2_6" v-if="isShow_2">
<img :src="'http://47.93.189.255:8080/'+ rootSecList[2][1].url"
- @click="getPersonInfo(rootSecList[2][1].userId)"></img>
+ @click="getPersonInfo(rootSecList[2][1].userId)">
</el-avatar>
<el-avatar shape="circle" class="avater_2_7" v-if="isShow_2">
<img :src="'http://47.93.189.255:8080/'+ rootSecList[3][0].url"
- @click="getPersonInfo(rootSecList[3][0].userId)"></img>
+ @click="getPersonInfo(rootSecList[3][0].userId)">
</el-avatar>
<el-avatar shape="circle" class="avater_2_8" v-if="isShow_2">
<img :src="'http://47.93.189.255:8080/'+ rootSecList[3][1].url"
- @click="getPersonInfo(rootSecList[3][1].userId)"></img>
+ @click="getPersonInfo(rootSecList[3][1].userId)">
</el-avatar>
<el-avatar shape="circle" class="avater_3_1" v-if="isShow_3">
<img :src="'http://47.93.189.255:8080/'+ rootSecList[0][0].url"
- @click="getPersonInfo(rootSecList[0][0].userId)"></img>
+ @click="getPersonInfo(rootSecList[0][0].userId)">
</el-avatar>
+
<el-avatar shape="circle" class="avater_3_2" v-if="isShow_3">
<el-img :src="'http://47.93.189.255:8080'+ rootList.url"
></el-img>
</el-avatar>
+
<el-avatar shape="circle" class="avater_3_3" v-if="isShow_3">
<el-img :src="'http://47.93.189.255:8080'+ rootList.url"
></el-img>
</el-avatar>
+
<el-avatar shape="circle" class="avater_3_4" v-if="isShow_3">
<el-img :src="'http://47.93.189.255:8080'+ rootList.url"
></el-img>
</el-avatar>
+
<el-avatar shape="circle" class="avater_3_5" v-if="isShow_3">
<el-img :src="'http://47.93.189.255:8080'+ rootList.url"
></el-img>
</el-avatar>
+
<el-avatar shape="circle" class="avater_3_6" v-if="isShow_3">
<el-img :src="'http://47.93.189.255:8080'+ rootList.url"
></el-img>
</el-avatar>
+
<el-avatar shape="circle" class="avater_3_7" v-if="isShow_4">
<el-img :src="'http://47.93.189.255:8080'+ rootList.url"
></el-img>
</el-avatar>
+
<el-avatar shape="circle" class="avater_3_8" v-if="isShow_3">
<el-img :src="'http://47.93.189.255:8080'+ rootList.url"
></el-img>
@@ -181,15 +188,18 @@
<script>
import {listRoot} from "@/api/root/index";
+import { getUserProfile } from "@/api/system/user";
export default {
name: "index",
data(){
return{
+ user: {},
+ greeting: "",
imageSrc: require('../../assets/images/Group 407.png') ,
dropdownList: [
- { name: '鍙樉绀虹涓�浠�', src: 'Group 407.png' },
- { name: '鏄剧ず鑷崇浜屼唬', src: 'Group 407.png' },
+ { name: '鍙樉绀虹涓�浠�', src: 'Group 443.png' },
+ { name: '鏄剧ず鑷崇浜屼唬', src: 'Group 444.png' },
{ name: '鏄剧ず鑷崇涓変唬', src: 'Group 445.png' },
{ name: '鏄剧ず鍏ㄩ儴', src: 'Group 407.png' }
],
@@ -292,15 +302,10 @@
}
},
- created() {
- // this.getCateInfor()
- // for (let i = 0; i < this.contactList.length; i++) {
- // this.formDat[i] = this.contactList[i];
- // }
- },
- mounted() {
- this.getList(1);
+ created(){
+ this.setGreeting();
+ this.getUser();
},
methods:{
getInfo(src)
@@ -324,21 +329,19 @@
}
},
generation_1(){
-
-
// alert(127)
// this.getList(1)
- listRoot(1).then(response => {
- this.rootList = response.data
- this.isShow_1=true
- this.isShow_2=false
- this.isShow_3=false
- this.isShow_4=false
- })
+ listRoot(1).then(response => {
+ this.rootList = response.data
+ this.isShow_1=true
+ this.isShow_2=false
+ this.isShow_3=false
+ this.isShow_4=false
+ })
},
getPersonInfo(id)
{
- this.$router.push("/familymodel/jiagenwang/personInfo/" + id);
+ this.$router.push("/familymodel/jiagenwang/personInfo/" + id);
//alert(id)
},
generation_2(){
@@ -379,7 +382,7 @@
this.isShow_3=false
this.isShow_4=false
}
- // console.log(this.rootSecList)
+ // console.log(this.rootSecList)
})
@@ -404,19 +407,39 @@
// listProperty(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
listRoot(depth).then(response => {
- // alert(123)
- // alert(123)
- // console.log(response.data)
- // alert(90)
this.rootList = response.data;
this.isShow_1=true
- // alert(this.rootList[0].url)
+ // alert(this.rootList[0].url)
// this.total = response.data.total;
this.loading = false;
+ console.log(this.rootList)
}
);
},
+ //闂�欙紙鏃堕棿鍒ゆ柇锛�
+ setGreeting() {
+ const currentTime = new Date();
+ const currentHour = currentTime.getHours();
+
+ if (currentHour < 12) {
+ this.greeting = "鏃╀笂濂�";
+ } else if (currentHour < 14) {
+ this.greeting = "涓崍濂�";
+ } else if (currentHour < 18) {
+ this.greeting = "涓嬪崍濂�";
+ } else {
+ this.greeting = "鏅氫笂濂�";
+ }
+ },
+ //闂�欙紙鑾峰彇鐢ㄦ埛鍚嶇О锛�
+ getUser() {
+ getUserProfile().then(response => {
+ this.user = response.data;
+ this.getList(1);
+ });
+
+ }
}
}
</script>
@@ -460,8 +483,8 @@
}
.avater_2_1{
position: absolute;
- top: 72%;
- left: 44%;
+ top: 75%;
+ left: 43%;
transform: translate(-50%, -50%);
width: 44px;
height: 44px;
@@ -469,8 +492,8 @@
}
.avater_2_2{
position: absolute;
- top: 65%;
- left: 48%;
+ top: 67%;
+ left: 47%;
transform: translate(-50%, -50%);
width: 44px;
height: 44px;
@@ -479,7 +502,7 @@
}
.avater_2_3{
position: absolute;
- top: 64%;
+ top: 67%;
left: 55%;
transform: translate(-50%, -50%);
width: 44px;
@@ -489,7 +512,7 @@
}
.avater_2_4{
position: absolute;
- top: 73%;
+ top: 76%;
left: 59%;
transform: translate(-50%, -50%);
width: 36px;
@@ -499,8 +522,8 @@
}
.avater_2_5{
position: absolute;
- top: 70%;
- left: 39%;
+ top: 73%;
+ left: 38%;
transform: translate(-50%, -50%);
width: 37px;
height: 39px;
@@ -509,8 +532,8 @@
}
.avater_2_6{
position: absolute;
- top: 58%;
- left: 44%;
+ top: 62%;
+ left: 43%;
transform: translate(-50%, -50%);
width: 34px;
height: 35px;
@@ -519,7 +542,7 @@
}
.avater_2_7{
position: absolute;
- top: 58%;
+ top: 62%;
left: 59%;
transform: translate(-50%, -50%);
width: 35px;
@@ -529,7 +552,7 @@
}
.avater_2_8{
position: absolute;
- top: 70%;
+ top: 73%;
left: 64%;
transform: translate(-50%, -50%);
width: 45px;
--
Gitblit v1.9.1