@@ -187,7 +187,9 @@ const whiteList = [ | |||
'/plotPremisesMobile/index',//闲置资源 | |||
'/sunVillage_info/login_farmer', //详情页 | |||
'/sunVillage_info/login_farmer', //村民登录 | |||
'/sunVillage_info/index_farmer', //村民主页 | |||
'/sunVillage_info/financeOpen', //村民主页 | |||
//承包地确权 | |||
@@ -5927,7 +5927,7 @@ export const constantRoutes = [ | |||
}, | |||
component: (resolve) => require(['@/views/contracted/user/passWord'], resolve) | |||
}, | |||
{ ////阳光村务(一村一码)-- 村民登录 | |||
{ // 阳光村务(一村一码)-- 村民登录 | |||
path: '/sunVillage_info/login_farmer', | |||
name: 'sunVillageInfoFarmerLogin', | |||
meta: { | |||
@@ -5936,6 +5936,24 @@ export const constantRoutes = [ | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage_info/login_farmer'], resolve) | |||
}, | |||
{ // 阳光村务(一村一码)-- 村民主页 | |||
path: '/sunVillage_info/index_farmer', | |||
name: 'sunVillageInfoFarmerIndex', | |||
meta: { | |||
title: '阳光村务', | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage_info/index_farmer'], resolve) | |||
}, | |||
{ ////阳光村务(一村一码)-- 财务公开榜 | |||
path: '/sunVillage_info/financeOpen', | |||
name: 'sunVillageInfoFinanceOpen', | |||
meta: { | |||
title: '财务公开榜', | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage_info/financeOpen'], resolve) | |||
}, | |||
]; | |||
@@ -0,0 +1,289 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<div class="header_main"> | |||
财务公开 | |||
<div class="return_btn" @click="back"></div> | |||
<div class="filter-btn" @click="filterList"></div> | |||
</div> | |||
<p class="top_head_title">{{openName}}</p> | |||
<div class="center_box"> | |||
<van-row class="table-header"> | |||
<van-col class="col-item" :span="10">具体事由</van-col> | |||
<van-col class="col-item" :span="7">收入金额</van-col> | |||
<van-col class="col-item" :span="7">支出金额</van-col> | |||
</van-row> | |||
<van-cell-group class="table-body" v-for="(item,index) in dataList" :key="index"> | |||
<van-row class="row-item"> | |||
<van-col class="col-item summary-part" :span="10">{{item.voucherSummary}}</van-col> | |||
<van-col class="col-item amount-part" :span="7"><template v-if="item.jieAmount">¥{{item.jieAmount}}</template></van-col> | |||
<van-col class="col-item amount-part" :span="7"><template v-if="item.daiAmount">¥{{item.daiAmount}}</template></van-col> | |||
</van-row> | |||
</van-cell-group> | |||
<van-row class="table-foot"> | |||
<van-col class="col-item summary-part" :span="10">本月合计:</van-col> | |||
<van-col class="col-item amount-part" :span="7">¥{{applicationSummary.jie}}</van-col> | |||
<van-col class="col-item amount-part" :span="7">¥{{applicationSummary.dai}}</van-col> | |||
</van-row> | |||
<div class="clear"></div> | |||
</div> | |||
<van-popup v-model="dateVisible" position="bottom"> | |||
<van-datetime-picker | |||
ref="picker" | |||
v-model="currentDate" | |||
type="year-month" | |||
title="请选择账期" | |||
:min-date="minDate" | |||
:max-date="maxDate" | |||
@confirm="onConfirm" | |||
/> | |||
</van-popup> | |||
</div> | |||
</template> | |||
<script> | |||
import {bookInfo, financialAmountPublicMonthList} from "@/api/sunVillage_info/fixedAssets"; | |||
import Cookies from "js-cookie"; | |||
import {date, date_format, strtotime} from "@/utils"; | |||
export default { | |||
name: "certificateList", | |||
data() { | |||
return { | |||
dataList:[], | |||
applicationSummary: {}, | |||
loading: false, | |||
queryParams: { | |||
yearMonth: date_format('yyyy-MM'), | |||
bookId: '', | |||
deptId: '', | |||
all: false | |||
}, | |||
deptName: '', | |||
dateVisible: false, | |||
minDate: null, | |||
maxDate: null, | |||
currentDate: new Date(), | |||
}; | |||
}, | |||
created() { | |||
this.queryParams.bookId = Cookies.get('bookId'); | |||
this.queryParams.deptId = Cookies.get('deptId'); | |||
this.deptName = Cookies.get('deptName'); | |||
bookInfo(this.queryParams.bookId).then((res) => { | |||
if(res.data.startDay) | |||
this.minDate = strtotime(res.data.startDay, 'yyyy-MM'); | |||
if(res.data.currentDay) | |||
this.maxDate = strtotime(res.data.currentDay, 'yyyy-MM'); | |||
if(res.data.currentDay) | |||
{ | |||
this.currentDate = strtotime(res.data.currentDay, 'yyyy-MM'); | |||
this.queryParams.yearMonth = res.data.currentDay; | |||
} | |||
this.getList(); | |||
}); | |||
}, | |||
methods: { | |||
getList(){ | |||
this.$toast.loading({ | |||
forbidClick: true, | |||
duration: 0, | |||
}); | |||
this.loading = true; | |||
financialAmountPublicMonthList(this.queryParams).then(response => { | |||
this.dataList = response.rows; | |||
this.applicationSummary = response.summary; | |||
}).finally(() => { | |||
this.$toast.clear(); | |||
this.loading = false; | |||
}); | |||
}, | |||
back() { | |||
this.$router.back(); | |||
}, | |||
filterList() { | |||
this.dateVisible = true; | |||
}, | |||
onConfirm(data) { | |||
this.dateVisible = false; | |||
this.queryParams.yearMonth = date_format(data, 'yyyy-MM'); | |||
this.getList(); | |||
}, | |||
}, | |||
computed: { | |||
openName() { | |||
return date(this.queryParams.yearMonth, 'yyyy-MM', 'yyyy年MM月') + '财务公开'; | |||
}, | |||
} | |||
} | |||
</script> | |||
<style scoped lang="scss"> | |||
.home_wrapper{ | |||
background: #e9e9e9; | |||
min-height: 100vh; | |||
width: 100vw; | |||
.header_main{ | |||
height: 116px; | |||
background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat; | |||
background-size: 100% 100%; | |||
position: fixed; | |||
top: 0; | |||
left: 0; | |||
width: 100%; | |||
font-size: 36px; | |||
line-height: 116px; | |||
text-align: center; | |||
color: #fff; | |||
position: relative; | |||
.return_btn{ | |||
width: 24px; | |||
height: 43.2px; | |||
background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat; | |||
background-size: 20px 36px; | |||
position: absolute; | |||
left: 38px; | |||
top: 36px; | |||
} | |||
.filter-btn{ | |||
width: 56.4px; | |||
height: 40.8px; | |||
background: url('../../assets/images/sunVillage_info/icon-s-filter.png') center center no-repeat; | |||
background-size: 47px 34px; | |||
position: absolute; | |||
right: 38px; | |||
top: 36px; | |||
} | |||
} | |||
} | |||
.top_head_title{ | |||
font-size: 16PX; | |||
text-align: center; | |||
padding: 15PX 0; | |||
} | |||
.center_box{ | |||
padding: 0 2% 0.2rem; | |||
} | |||
.table-header { | |||
background-color: #2facfe; | |||
position: relative; | |||
display: -webkit-box; | |||
display: -webkit-flex; | |||
display: flex; | |||
box-sizing: border-box; | |||
width: 100%; | |||
padding: 0.2rem 0.1rem; | |||
overflow: hidden; | |||
color: #323233; | |||
line-height: 0.36rem; | |||
font-weight: bold; | |||
.col-item { | |||
position: relative; | |||
box-sizing: border-box; | |||
padding: 0.2rem 0.1rem; | |||
overflow: hidden; | |||
color: #ffffff; | |||
font-size: 0.36rem; | |||
line-height: 0.36rem; | |||
text-align: center; | |||
} | |||
} | |||
.table-body { | |||
.row-item { | |||
position: relative; | |||
display: -webkit-box; | |||
display: -webkit-flex; | |||
display: flex; | |||
box-sizing: border-box; | |||
width: 100%; | |||
padding: 0.2rem 0.1rem; | |||
overflow: hidden; | |||
color: #323233; | |||
font-size: 14px; | |||
line-height: 0.32rem; | |||
background-color: #fff; | |||
.col-item { | |||
position: relative; | |||
box-sizing: border-box; | |||
padding: 0.2rem 0.1rem; | |||
overflow: hidden; | |||
color: #323233; | |||
font-size: 14px; | |||
line-height: 24px; | |||
background-color: #fff; | |||
display: -webkit-box; | |||
display: -webkit-flex; | |||
display: flex; | |||
align-items: center; | |||
&:nth-child(1) { | |||
border-right: 0.005rem solid #DDDDDD; | |||
} | |||
&:nth-child(3) { | |||
border-left: 0.005rem solid #DDDDDD; | |||
} | |||
} | |||
.summary-part { | |||
font-size: 0.33rem; | |||
} | |||
.amount-part { | |||
justify-content: end; | |||
text-align: right; | |||
font-size: 0.36rem; | |||
} | |||
} | |||
} | |||
.table-foot { | |||
position: relative; | |||
display: -webkit-box; | |||
display: -webkit-flex; | |||
display: flex; | |||
box-sizing: border-box; | |||
width: 100%; | |||
padding: 0.2rem 0.1rem; | |||
overflow: hidden; | |||
color: #FF0000; | |||
font-size: 14px; | |||
line-height: 0.32rem; | |||
background-color: rgba(47,172,254,0.2); | |||
font-weight: bold; | |||
.col-item { | |||
position: relative; | |||
box-sizing: border-box; | |||
padding: 0.2rem 0.1rem; | |||
overflow: hidden; | |||
font-size: 0.32rem; | |||
line-height: 0.32rem; | |||
&:nth-child(1) { | |||
border-right: 0.005rem solid #EEEEEE; | |||
} | |||
&:nth-child(3) { | |||
border-left: 0.005rem solid #EEEEEE; | |||
} | |||
} | |||
.summary-part { | |||
font-size: 0.33rem; | |||
text-align: center; | |||
} | |||
.amount-part { | |||
text-align: right; | |||
font-size: 0.36rem; | |||
} | |||
} | |||
</style> |
@@ -0,0 +1,297 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<div class="head_main"> | |||
<div class="location"> | |||
<div class="address"><i class="icon"></i>{{deptName}}</div> | |||
<div class="address">{{bookName}}</div> | |||
</div> | |||
<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" style="margin-top: 3vh;" v-for="(item,idx) in menusList" :key="idx"> | |||
<p class="nav_tit">{{item.modleName}}</p> | |||
<div class="nav_list"> | |||
<router-link | |||
v-for="(childrenItem,childrenIdx) in item.menus" | |||
:key="childrenItem.id" | |||
:to="{name:childrenItem.menuUrl,query:{type:'code',typeX:childrenItem.urlPara}}" | |||
class="nav_item" | |||
:style="`background:url(${require('@/assets/images/sunVillage_info/' + childrenItem.menuIcon)}) no-repeat center top;background-size: 50%;`" | |||
> | |||
{{childrenItem.menuName}} | |||
</router-link> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="footer"> | |||
{{configValue == ""?'技术支持:北京农燊高科信息技术有限公司':configValue}} | |||
</div> | |||
</div> | |||
</template> | |||
<script> | |||
import {bookInfo, nologinMenus} from "@/api/sunVillage_info/fixedAssets"; | |||
import Cookies from "js-cookie"; | |||
import {sysConfig} from "@/api/homesteadSurvey"; | |||
export default { | |||
name: "certificateList", | |||
data() { | |||
return { | |||
wdqlList:[], | |||
qqbzList:[], | |||
deptIdOptions:[], | |||
villageVisbile:false, | |||
showBookList:false, | |||
deptName:'', | |||
//选中的值 | |||
villageValue: "", | |||
//省市区区级list | |||
hcAreaInfoOption: [], | |||
hcAreaInfoFieldName: { | |||
text: "label", | |||
value: "value", | |||
children: "children", | |||
}, | |||
bookName:'', | |||
queryParams: { | |||
pageNum: 1, | |||
pageSize: 100, | |||
}, | |||
//账套列表 | |||
bookVisbile:false, | |||
bookList:[], | |||
bookId:"", | |||
deptId:"", | |||
book:"", | |||
userName:"", | |||
menusList:[], | |||
configValue:'' | |||
}; | |||
}, | |||
created() { | |||
this.deptId = Cookies.get('deptId') | |||
this.bookId = Cookies.get('bookId') | |||
if(this.bookId) | |||
{ | |||
bookInfo(this.bookId).then((res) => { | |||
if (res.code == 200) { | |||
this.deptName = res.data.deptName; | |||
this.bookName = res.data.bookName; | |||
} | |||
}); | |||
} | |||
const user = Cookies.get('user'); | |||
if(user){ | |||
this.userName = JSON.parse(user).memberName | |||
} | |||
let query = { | |||
identityType:2 | |||
} | |||
nologinMenus(query).then((res) => { | |||
if (res.code == 200) { | |||
this.menusList = res.data; | |||
} | |||
}); | |||
let params={ | |||
configKey: "system.company.name"} | |||
sysConfig(params).then((res) => { | |||
if (res.code == 200) { | |||
this.configValue = res.rows[0].configValue; | |||
} | |||
}); | |||
}, | |||
methods: { | |||
goOut(){ | |||
// Cookies.remove("memberName"); | |||
// Cookies.remove("idcard"); | |||
Cookies.remove("user"); | |||
this.$router.push({name:'sunVillageInfoFarmerLogin',query:{deptId:this.deptId,bookId:this.bookId}}) | |||
} | |||
}, | |||
} | |||
</script> | |||
<style scoped lang="scss"> | |||
.fixed_btn{ | |||
position: fixed; | |||
right: 0; | |||
width: 115PX; | |||
bottom: 15%; | |||
border-top-left-radius: 115PX; | |||
border-bottom-left-radius: 115PX; | |||
box-shadow: 0px 2px 5px #ccc; | |||
} | |||
.home_wrapper{ | |||
background: #f1f2f2; | |||
width: 100vw; | |||
min-height: 100vh; | |||
.head_main{ | |||
height: 340px; | |||
background: url('../../assets/images/sunVillage_info/index_head_green.png') no-repeat; | |||
background-size: 100% 100%; | |||
position: relative; | |||
.location{ | |||
height: 42px; | |||
line-height: 42px; | |||
position: absolute; | |||
left: 38px; | |||
top: 72px; | |||
display: flex; | |||
.address{ | |||
padding:0 18px; | |||
background:rgba(132,131,147,0.75); | |||
border-radius: 42px; | |||
font-size: 28px; | |||
color: #ffffff; | |||
margin-right: 12px; | |||
display: flex; | |||
align-items:center; | |||
.icon{ | |||
display: block; | |||
width: 20px; | |||
height: 26px; | |||
background: url('../../assets/images/sunVillage_info/index_icon_1_green.png') no-repeat; | |||
background-size: 100% 100%; | |||
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{ | |||
border-radius: 50%; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
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: 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%; | |||
} | |||
} | |||
} | |||
.index_info{ | |||
padding-top: 4.1vh; | |||
.title{ | |||
width: 521px; | |||
height: 52px; | |||
background: url('../../assets/images/sunVillage_info/index_title2_rights.png') no-repeat; | |||
background-size: 100% 100%; | |||
margin:0 auto; | |||
} | |||
.nav_box{ | |||
margin: 0 auto; | |||
width: calc(100% - 60px); | |||
background: #ffffff; | |||
padding: 30px 30px 40px; | |||
border-radius: 15PX; | |||
box-shadow: 0px 2px 10px #cccccc; | |||
.nav_tit{ | |||
font-size: 35px; | |||
margin-bottom: 15PX; | |||
font-weight: bold; | |||
} | |||
.nav_list{ | |||
display: flex; | |||
flex-flow: wrap; | |||
/*justify-content: space-between;*/ | |||
.nav_item{ | |||
font-size: 24px; | |||
color: #333333; | |||
text-align: center; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
padding-top: 45PX; | |||
width: 25%; | |||
&:nth-child(3){ | |||
margin-right: 0; | |||
} | |||
&:nth-child(4n+1){ | |||
margin-top: 15PX; | |||
} | |||
&:nth-child(5n+1){ | |||
margin-top: 15PX; | |||
} | |||
&:nth-child(6n+1){ | |||
margin-top: 15PX; | |||
} | |||
&:nth-child(1){ | |||
margin-top: 0PX; | |||
} | |||
&.n_1{ | |||
background: url('../../assets/images/sunVillage_info/index_block_1_rights.png') no-repeat center top; | |||
background-size: 34.5PX; | |||
} | |||
&.n_2{ | |||
background: url('../../assets/images/sunVillage_info/index_block_2_rights.png') no-repeat center top; | |||
background-size: 34.5PX; | |||
} | |||
&.n_3 { | |||
background: url('../../assets/images/sunVillage_info/index_block_3_rights.png') no-repeat center top; | |||
background-size: 34.5PX; | |||
} | |||
&.n_4 { | |||
background: url('../../assets/images/sunVillage_info/index_block_4_rights.png') no-repeat center top; | |||
background-size: 34.5PX; | |||
} | |||
&.n_5 { | |||
background: url('../../assets/images/sunVillage_info/index_block_5.png') no-repeat; | |||
background-size: 100% 100%; | |||
} | |||
&.n_6 { | |||
background: url('../../assets/images/sunVillage_info/index_block_06.png') no-repeat center top; | |||
background-size: 34.5PX; | |||
} | |||
&.n_66 { | |||
background: url('../../assets/images/sunVillage_info/tcIcon.png') no-repeat center top; | |||
background-size: 44.5PX; | |||
} | |||
&.n_77 { | |||
background: url('../../assets/images/sunVillage_info/index_block_77.png') no-repeat center top; | |||
background-size: 34.5PX; | |||
} | |||
} | |||
} | |||
} | |||
} | |||
.footer{ | |||
margin-top: 15PX; | |||
bottom: 5.5vh; | |||
width: 100%; | |||
font-size: 22px; | |||
color: #3f3d56; | |||
text-align: center; | |||
} | |||
} | |||
</style> |
@@ -144,11 +144,11 @@ | |||
path: '/sunVillage_info/identity_check', | |||
query: { | |||
responseData: response.data, | |||
redirectPath: '/sunVillage_info/index_code', | |||
redirectPath: '/sunVillage_info/index_farmer', | |||
}}); | |||
} | |||
else | |||
this.$router.push({path:'/sunVillage_info/index_code_rights'}); | |||
this.$router.push({path:'/sunVillage_info/index_farmer'}); | |||
}); | |||
}); | |||
}, | |||