|
|
|
@@ -8,13 +8,14 @@ |
|
|
|
<div class="address">{{bookName}}</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
<div class="exit_btn" @click="$router.push({name:'sunVillageInfoIndexCode',query:{deptId:deptId,bookId:bookId}})"> |
|
|
|
<div class="exit_btn" @click="goOut"> |
|
|
|
<p>{{userName}}</p> |
|
|
|
<i class="icon"></i> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="index_info"> |
|
|
|
<div class="title"></div> |
|
|
|
<div class="nav_box"> |
|
|
|
<div class="nav_box" style="margin-top: 6vh;"> |
|
|
|
<p class="nav_tit">公开公示</p> |
|
|
|
<div class="nav_list"> |
|
|
|
<router-link :to="{name:'sunVillageInfoListFinance',query:{type:'code'}}" class="nav_item n_1">财务公开榜</router-link> |
|
|
|
@@ -22,7 +23,7 @@ |
|
|
|
<router-link :to="{name:'sunVillageInfoListIssues',query:{type:'code'}}" class="nav_item n_3">重大事项</router-link> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="nav_box"> |
|
|
|
<div class="nav_box" style="margin-top: 3vh;"> |
|
|
|
<p class="nav_tit">我的权利</p> |
|
|
|
<div class="nav_list"> |
|
|
|
<router-link :to="{name:'sunVillageInfoListVote',query:{type:'code'}}" class="nav_item n_4">投票表决</router-link> |
|
|
|
@@ -65,6 +66,7 @@ |
|
|
|
bookId:"", |
|
|
|
deptId:"", |
|
|
|
book:"", |
|
|
|
userName:"", |
|
|
|
}; |
|
|
|
}, |
|
|
|
created() { |
|
|
|
@@ -76,10 +78,19 @@ |
|
|
|
this.bookName = res.data.bookName; |
|
|
|
} |
|
|
|
}); |
|
|
|
if(Cookies.get('user')){ |
|
|
|
this.userName = JSON.parse(Cookies.get('user')).memberName |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
goCode(){ |
|
|
|
this.$router.push({path:'/sunVillage_info/login_code'}) |
|
|
|
}, |
|
|
|
goOut(){ |
|
|
|
// Cookies.remove("memberName"); |
|
|
|
// Cookies.remove("idcard"); |
|
|
|
Cookies.remove("user"); |
|
|
|
this.$router.push({name:'sunVillageInfoIndexCode',query:{deptId:this.deptId,bookId:this.bookId}}) |
|
|
|
} |
|
|
|
}, |
|
|
|
} |
|
|
|
@@ -128,10 +139,16 @@ |
|
|
|
margin-right: 10px; |
|
|
|
} |
|
|
|
} |
|
|
|
.user{ |
|
|
|
.icon{ |
|
|
|
width: 32px; |
|
|
|
height: 32px; |
|
|
|
background: url('../../assets/images/sunVillage_info/user_icon.png') no-repeat!important; |
|
|
|
background-size: 100% 100%; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.exit_btn{ |
|
|
|
width: 61px; |
|
|
|
height: 61px; |
|
|
|
border-radius: 50%; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
@@ -139,11 +156,23 @@ |
|
|
|
position: absolute; |
|
|
|
top: 64px; |
|
|
|
right: 36px; |
|
|
|
p{ |
|
|
|
background: #3f3d56; |
|
|
|
color: #ffffff; |
|
|
|
padding: 3PX 15PX; |
|
|
|
position: relative; |
|
|
|
right: -6PX; |
|
|
|
border-top-left-radius: 20PX; |
|
|
|
border-bottom-left-radius: 20PX; |
|
|
|
box-shadow: -3PX 2PX 4PX rgba(0,0,0,0.3); |
|
|
|
} |
|
|
|
.icon{ |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
width: 61px; |
|
|
|
height: 61px; |
|
|
|
background: url('../../assets/images/sunVillage_info/login_head_h_rights.png') no-repeat; |
|
|
|
background-size: 100% 100%; |
|
|
|
box-shadow: -3PX 2PX 4PX rgba(0,0,0,0.3); |
|
|
|
border-radius: 100%; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@@ -160,7 +189,6 @@ |
|
|
|
margin: 0 auto; |
|
|
|
width: calc(100% - 60px); |
|
|
|
background: #ffffff; |
|
|
|
margin-top: 6vh; |
|
|
|
padding: 30px 30px 40px; |
|
|
|
border-radius: 15PX; |
|
|
|
box-shadow: 0px 2px 10px #cccccc; |
|
|
|
@@ -172,15 +200,16 @@ |
|
|
|
.nav_list{ |
|
|
|
display: flex; |
|
|
|
flex-flow: wrap; |
|
|
|
justify-content: space-between; |
|
|
|
/*justify-content: space-between;*/ |
|
|
|
.nav_item{ |
|
|
|
font-size: 30px; |
|
|
|
font-size: 24px; |
|
|
|
color: #333333; |
|
|
|
text-align: center; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
padding-top: 40PX; |
|
|
|
width: 25%; |
|
|
|
&:nth-child(3){ |
|
|
|
margin-right: 0; |
|
|
|
} |
|
|
|
|
