@@ -73,44 +73,6 @@ const whiteList = [ | |||
'/yinnongLogin', | |||
'/lawEnforcement/userRegister', | |||
'/lawEnforcement/companyRegister', | |||
'/sunVillage/login', | |||
//阳光村务公众号 -- 待删 | |||
'/sunVillage/index', | |||
'/sunVillage/latestReport', //最新报道列表 | |||
'/sunVillage/latestReport/details', //最新报道详情 | |||
'/sunVillage/importantItems', //重大事项-列表 | |||
'/sunVillage/importantItems/details', //重大事项-详情 | |||
'/sunVillage/public', //三务公开 | |||
'/sunVillage/public/details', //三务公开-详情 | |||
'/sunVillage/financial', //惠民金融 | |||
'/sunVillage/financial/details', //惠民金融-详情 | |||
'/sunVillage/financial/products', //惠民金融 - 理财产品 | |||
'/sunVillage/financial/loan', //惠民金融 - 理财产品 | |||
'/sunVillage/injoint', //三资公开-财务公开 | |||
'/sunVillage/injoint/details',//三资公开-财务公开-详情 | |||
'/sunVillage/injoint/meansOf', //三资公开-清产核资 | |||
'/sunVillage/injoint/meansOf_desc', //三资公开-清产核资-详情页 | |||
'/sunVillage/injoint/assetsPublic', //三资公开-资产公开 | |||
'/sunVillage/injoint/assetsPublic_desc', //三资公开-资产公开-详情 | |||
'/sunVillage/injoint/publicResources', //三资公开-资源公开 | |||
'/sunVillage/injoint/publicResources_desc', //三资公开-资源公开-详情 | |||
'/sunVillage/consulting', //民生直通车 | |||
'/sunVillage/consulting/inquiries', //民生直通车-咨询 | |||
"/sunVillage/consulting/my_consulting", //民生直通车-我的咨询详情 | |||
'/sunVillage/consulting/kanban', //民生直通车-民生看板 | |||
'/sunVillage/consulting/kanban/focusList', //民生直通车-民生看板 -关注民生list | |||
'/sunVillage/consulting/kanban/focusDesc', //民生直通车-民生看板 -关注民生详情 | |||
'/sunVillage/consulting/kanban/affairsList', //民生直通车-民生看板 - 民生办事list | |||
'/sunVillage/equity', //股权查询-股民信息 | |||
'/sunVillage/equity_desc', // 股权查询-股民信息-详情 | |||
'/sunVillage/shareBonus', //股权查询-股权分红 | |||
'/sunVillage/shareBonus_num', //股权查询-股权分红-股数详情页 | |||
'/sunVillage/shareBonus_amount', //股权查询-股权分红-分红详情页 | |||
'/sunVillage/user/index', //个人中心 | |||
'/sunVillage/user/mobile', //个人中心-修改手机号 | |||
'/sunVillage/user/information', //个人中心-修改用户信息 | |||
'/sunVillage/user/cooperative', //个人中心-修改所属合作社 | |||
//阳光村务公众号 -- 待删 | |||
//宅基地 | |||
'/zjdLogin', | |||
@@ -3011,330 +3011,6 @@ export const constantRoutes = [ | |||
}, | |||
component: (resolve) => require(['@/views/onlineHome/homestead/homeApplication/proposerLite'], resolve) | |||
}, | |||
{ | |||
path: '/sunVillage/login', | |||
name: 'sunVillageLogin', | |||
meta: { | |||
title: '登录', | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage/login'], resolve) | |||
}, | |||
{ | |||
path: '/sunVillage/index', | |||
name: 'sunVillage', | |||
meta: { | |||
title: '阳光村务', | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage/index'], resolve) | |||
}, | |||
{ | |||
path: '/sunVillage/latestReport', | |||
name: 'latestReport', | |||
meta: { | |||
title: '最新报道', | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage/dynamic/latestReport/index'], resolve) | |||
}, | |||
{ | |||
path: '/sunVillage/latestReport/details', | |||
name: 'latestReportDetails', | |||
meta: { | |||
title: '最新报道', | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage/dynamic/latestReport/details'], resolve) | |||
}, | |||
{ | |||
path: '/sunVillage/importantItems', | |||
name: 'importantItems', | |||
meta: { | |||
title: '重大事项', | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage/dynamic/importantItems/index'], resolve) | |||
}, | |||
{ | |||
path: '/sunVillage/importantItems/details', | |||
name: 'importantItemsDetails', | |||
meta: { | |||
title: '重大事项', //重大事项-详情页 | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage/dynamic/importantItems/details'], resolve) | |||
}, | |||
{ | |||
path: '/sunVillage/public', | |||
name: 'sunVillagePublic', | |||
meta: { | |||
title: '三务公开', | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage/dynamic/public/index'], resolve) | |||
}, | |||
{ | |||
path: '/sunVillage/public/details', | |||
name: 'sunVillagePublicDetails', | |||
meta: { | |||
title: '三务公开', //三务公开-详情页 | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage/dynamic/public/details'], resolve) | |||
}, | |||
{ | |||
path: '/sunVillage/financial', | |||
name: 'sunVillageFinancial', | |||
meta: { | |||
title: '惠民金融', | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage/dynamic/financial/index'], resolve) | |||
}, | |||
{ | |||
path: '/sunVillage/financial/details', | |||
name: 'sunVillageFinancialDetails', | |||
meta: { | |||
title: '惠民金融', //惠民金融-详情页 | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage/dynamic/financial/details'], resolve) | |||
}, | |||
{ | |||
path: '/sunVillage/financial/products', | |||
name: 'sunVillageFinancialProducts', | |||
meta: { | |||
title: '惠民金融', | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage/dynamic/financial/products'], resolve) | |||
}, | |||
{ | |||
path: '/sunVillage/financial/loan', | |||
name: 'sunVillageFinancialLoan', | |||
meta: { | |||
title: '惠民金融', | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage/dynamic/financial/loan'], resolve) | |||
}, | |||
{ | |||
path: '/sunVillage/injoint', | |||
name: 'sunVillageInjoint', | |||
meta: { | |||
title: '三资公开', //财务公开 | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage/dynamic/injoint/index'], resolve) | |||
}, | |||
{ | |||
path: '/sunVillage/injoint/details', | |||
name: 'sunVillageInjointDetails', | |||
meta: { | |||
title: '财务公开', //财务公开 | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage/dynamic/injoint/details'], resolve) | |||
}, | |||
{ | |||
path: '/sunVillage/injoint/meansOf', | |||
name: 'sunVillageInjointMeansOf', | |||
meta: { | |||
title: '三资公开', //清产核资 | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage/dynamic/injoint/meansOf'], resolve) | |||
}, | |||
{ | |||
path: '/sunVillage/injoint/meansOf_desc', | |||
name: 'sunVillageInjointMeansOfDesc', | |||
meta: { | |||
title: '清产核资', //清产核资 --详情页 | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage/dynamic/injoint/meansOf_desc'], resolve) | |||
}, | |||
{ | |||
path: '/sunVillage/injoint/assetsPublic', | |||
name: 'sunVillageAssetsPublic', | |||
meta: { | |||
title: '三资公开', //资产公开 | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage/dynamic/injoint/assetsPublic'], resolve) | |||
}, | |||
{ | |||
path: '/sunVillage/injoint/assetsPublic_desc', | |||
name: 'sunVillageAssetsPublicDesc', | |||
meta: { | |||
title: '资产公开', //资产公开 | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage/dynamic/injoint/assetsPublic_desc'], resolve) | |||
}, | |||
{ | |||
path: '/sunVillage/injoint/publicResources', | |||
name: 'sunVillagePublicResources', | |||
meta: { | |||
title: '三资公开', //资源公开 | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage/dynamic/injoint/publicResources'], resolve) | |||
}, | |||
{ | |||
path: '/sunVillage/injoint/publicResources_desc', | |||
name: 'sunVillagePublicResourcesDesc', | |||
meta: { | |||
title: '资源公开', //资源公开 | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage/dynamic/injoint/publicResources_desc'], resolve) | |||
}, | |||
{ | |||
path: '/sunVillage/consulting', | |||
name: 'sunVillageConsulting', | |||
meta: { | |||
title: '民生直通车', //民生直通车 | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage/throughTrain/consulting'], resolve) | |||
}, | |||
{ | |||
path: '/sunVillage/consulting/inquiries', | |||
name: 'sunVillageInquiries', | |||
meta: { | |||
title: '民生直通车', //民生直通车-咨询 | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage/throughTrain/inquiries'], resolve) | |||
}, | |||
{ | |||
path: '/sunVillage/consulting/my_consulting', | |||
name: 'sunVillageInquiries', | |||
meta: { | |||
title: '民生直通车', //民生直通车-我的咨询 | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage/throughTrain/my_consulting'], resolve) | |||
}, | |||
{ | |||
path: '/sunVillage/consulting/kanban', | |||
name: 'sunVillageKanban', | |||
meta: { | |||
title: '民生直通车', //民生直通车-民生看板 | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage/throughTrain/kanban/index'], resolve) | |||
}, | |||
{ | |||
path: '/sunVillage/consulting/kanban/focusList', | |||
name: 'sunVillageKanbanFocusList', | |||
meta: { | |||
title: '民生直通车', //民生直通车-民生看板-关注民生列表 | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage/throughTrain/kanban/focusList'], resolve) | |||
}, | |||
{ | |||
path: '/sunVillage/consulting/kanban/focusDesc', | |||
name: 'sunVillageKanbanFocusDesc', | |||
meta: { | |||
title: '民生直通车', //民生直通车-民生看板-关注民生详情 | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage/throughTrain/kanban/focusDesc'], resolve) | |||
}, | |||
{ | |||
path: '/sunVillage/consulting/kanban/affairsList', | |||
name: 'sunVillageKanbanAffairsList', | |||
meta: { | |||
title: '民生直通车', //民生直通车-民生看板-民生办事列表 | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage/throughTrain/kanban/affairsList'], resolve) | |||
}, | |||
{ | |||
path: '/sunVillage/equity', | |||
name: 'sunVillageEquity', | |||
meta: { | |||
title: '股权查询', //民生直通车-股民信息 | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage/equity/info'], resolve) | |||
}, | |||
{ | |||
path: '/sunVillage/equity_desc', | |||
name: 'sunVillageEquityDesc', | |||
meta: { | |||
title: '股权查询', //民生直通车-股民信息-详情页 | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage/equity/info_desc'], resolve) | |||
}, | |||
{ | |||
path: '/sunVillage/shareBonus', | |||
name: 'sunVillageShareBonus', | |||
meta: { | |||
title: '股权查询', //民生直通车-股权分红 | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage/equity/shareBonus'], resolve) | |||
}, | |||
{ | |||
path: '/sunVillage/shareBonus_num', | |||
name: 'sunVillageShareBonusNum', | |||
meta: { | |||
title: '股权查询', //民生直通车-股权分红-详股数情页 | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage/equity/shareBonus_num'], resolve) | |||
}, | |||
{ | |||
path: '/sunVillage/shareBonus_amount', | |||
name: 'sunVillageShareBonusAmount', | |||
meta: { | |||
title: '股权查询', //民生直通车-股权分红-分红详情页 | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage/equity/shareBonus_amount'], resolve) | |||
}, | |||
{ | |||
path: '/sunVillage/user/index', | |||
name: 'sunVillageUserIndex', | |||
meta: { | |||
title: '我的资料', //民生直通车-股权分红-分红详情页 | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage/user/index'], resolve) | |||
}, | |||
{ | |||
path: '/sunVillage/user/mobile', | |||
name: 'sunVillageUserMobile', | |||
meta: { | |||
title: '修改手机号', //民生直通车-股权分红-分红详情页 | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage/user/mobile'], resolve) | |||
}, | |||
{ | |||
path: '/sunVillage/user/information', | |||
name: 'sunVillageUserInformation', | |||
meta: { | |||
title: '修改用户信息', //民生直通车-股权分红-分红详情页 | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage/user/information'], resolve) | |||
}, | |||
{ | |||
path: '/sunVillage/user/cooperative', | |||
name: 'sunVillageUserCooperative', | |||
meta: { | |||
title: '修改所属合作社', //民生直通车-股权分红-分红详情页 | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage/user/cooperative'], resolve) | |||
}, | |||
{ | |||
path: '/zjdLogin', | |||
name: 'zjdLogin', | |||
@@ -1,123 +0,0 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<header-nav :currentNav="1" :headings="headingsTitle"></header-nav> | |||
<div class="article_main"> | |||
<div class="title">国新办解读中央一号文件:乡村振兴求好不求快</div> | |||
<div class="info_wrap"> | |||
<div class="publisher">阳光村务公开平台</div> | |||
<div class="time">2022-02-25 09:00</div> | |||
</div> | |||
</div> | |||
<div class="particulars_main"> | |||
<p><img src="@/assets/images/sunVillage/3.jpg" /></p> | |||
<p> | |||
2月22日,阿松大了看啥看三菱电机阿斯兰的阿阿莱克斯大家阿拉山口大家阿斯兰的骄傲 | |||
埃里克森加大了圣诞节阿拉山口道路喀什觉得拉克丝奥斯陆扩大急啊离开圣诞节奥斯陆扩大爱丽丝大家爱丽丝大家 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
</div> | |||
</div> | |||
</template> | |||
<style scoped lang="scss"> | |||
.home_wrapper { | |||
width: 100%; | |||
padding-top: 198px; | |||
min-height: 100vh; | |||
background: #fff; | |||
.article_main { | |||
margin: 0 24px; | |||
padding-top: 15px; | |||
.title { | |||
font-size: 28px; | |||
line-height: 45px; | |||
margin-bottom: 6px; | |||
} | |||
.info_wrap { | |||
display: flex; | |||
line-height: 48px; | |||
font-size: 24px; | |||
.publisher { | |||
color: rgb(92, 107, 140); | |||
margin-right: 20px; | |||
} | |||
.time { | |||
color: #999; | |||
} | |||
} | |||
} | |||
.particulars_main { | |||
margin: 24px 24px 0; | |||
font-size: 24px; | |||
padding-bottom: 15px; | |||
img { | |||
max-width: 100%; | |||
} | |||
p { | |||
padding-bottom: 15px; | |||
} | |||
} | |||
} | |||
</style> | |||
<script> | |||
import headerNav from "@/components/sunVillage/common/header.vue"; | |||
export default { | |||
name: "latestReportDesc", | |||
components: { headerNav }, | |||
data() { | |||
return { | |||
headingsTitle: "惠民金融", | |||
}; | |||
}, | |||
mounted() {}, | |||
methods: {}, | |||
}; | |||
</script> |
@@ -1,104 +0,0 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<header-nav | |||
:headings="headingsTitle" | |||
:currentNav="1" | |||
returnUrl="/sunVillage/index" | |||
></header-nav> | |||
<!---金融政策--> | |||
<projectNav :serialTag="1"></projectNav> | |||
<div class="focus_news"> | |||
<div class="news_img" @click="skip('/sunVillage/financial/details')"> | |||
<img src="@/assets/images/sunVillage/5.jpg" /> | |||
</div> | |||
<div class="news_title" @click="skip('/sunVillage/financial/details')"> | |||
疫情之下,多为中小企业送上金融政策"急救包" | |||
</div> | |||
</div> | |||
<div class="news_list"> | |||
<ul> | |||
<li class="item_block" @click="skip('/sunVillage/financial/details')"> | |||
<div class="title">金融政策项目01</div> | |||
<div class="insets"> | |||
<img src="@/assets/images/sunVillage/2.jpg" /> | |||
</div> | |||
</li> | |||
<li class="item_block" @click="skip('/sunVillage/financial/details')"> | |||
<div class="title">金融政策项目01</div> | |||
<div class="insets"> | |||
<img src="@/assets/images/sunVillage/2.jpg" /> | |||
</div> | |||
</li> | |||
</ul> | |||
</div> | |||
</div> | |||
</template> | |||
<style scoped lang="scss"> | |||
.home_wrapper { | |||
width: 100%; | |||
padding-top: 198px; | |||
min-height: 100vh; | |||
background: #fff; | |||
.focus_news { | |||
margin: 20px 24px 16px; | |||
.news_img { | |||
width: 702px; | |||
height: 256px; | |||
img { | |||
width: 100%; | |||
height: 100%; | |||
} | |||
} | |||
.news_title { | |||
font-size: 24px; | |||
margin-top: 16px; | |||
} | |||
} | |||
.news_list { | |||
li { | |||
display: flex; | |||
height: 146px; | |||
justify-content: center; | |||
align-items: center; | |||
padding: 0 33px; | |||
.title { | |||
padding-left: 8px; | |||
flex: 1; | |||
font-size: 28px; | |||
} | |||
.insets { | |||
width: 116px; | |||
margin-left: 26px; | |||
height: 116px; | |||
img { | |||
width: 100%; | |||
height: 100%; | |||
} | |||
} | |||
} | |||
} | |||
} | |||
</style> | |||
<script> | |||
import headerNav from "@/components/sunVillage/common/header.vue"; | |||
import projectNav from "@/components/sunVillage/financial/nav"; | |||
export default { | |||
name: "sunVillageFinancial", | |||
components: { headerNav, projectNav }, | |||
data() { | |||
return { | |||
headingsTitle: "惠民金融", | |||
}; | |||
}, | |||
mounted() {}, | |||
methods: { | |||
skip(url) { | |||
this.$router.push(url); | |||
}, | |||
}, | |||
}; | |||
</script> |
@@ -1,116 +0,0 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<header-nav | |||
:headings="headingsTitle" | |||
:currentNav="1" | |||
returnUrl="/sunVillage/index" | |||
></header-nav> | |||
<projectNav :serialTag="3"></projectNav> | |||
<div class="products_main"> | |||
<ul> | |||
<li> | |||
<div class="advertising"> | |||
<img src="@/assets/images/sunVillage/7.jpg" /> | |||
</div> | |||
<div class="title">贷款产品1</div> | |||
</li> | |||
<li> | |||
<div class="advertising"> | |||
<img src="@/assets/images/sunVillage/7.jpg" /> | |||
</div> | |||
<div class="title">贷款产品1</div> | |||
</li> | |||
<li> | |||
<div class="advertising"> | |||
<img src="@/assets/images/sunVillage/7.jpg" /> | |||
</div> | |||
<div class="title">贷款产品1</div> | |||
</li> | |||
<li> | |||
<div class="advertising"> | |||
<img src="@/assets/images/sunVillage/7.jpg" /> | |||
</div> | |||
<div class="title">贷款产品1</div> | |||
</li> | |||
<li> | |||
<div class="advertising"> | |||
<img src="@/assets/images/sunVillage/7.jpg" /> | |||
</div> | |||
<div class="title">贷款产品1</div> | |||
</li> | |||
<li> | |||
<div class="advertising"> | |||
<img src="@/assets/images/sunVillage/7.jpg" /> | |||
</div> | |||
<div class="title">贷款产品1</div> | |||
</li> | |||
<li> | |||
<div class="advertising"> | |||
<img src="@/assets/images/sunVillage/7.jpg" /> | |||
</div> | |||
<div class="title">贷款产品1</div> | |||
</li> | |||
</ul> | |||
</div> | |||
</div> | |||
</template> | |||
<style scoped lang="scss"> | |||
.home_wrapper { | |||
width: 100%; | |||
padding-top: 198px; | |||
min-height: 100vh; | |||
background: #fff; | |||
.products_main { | |||
margin: 20px 24px; | |||
ul { | |||
display: flex; | |||
flex-wrap: wrap; | |||
justify-content: space-between; | |||
} | |||
li { | |||
width: 320px; | |||
height: 210px; | |||
margin-bottom: 24px; | |||
.advertising { | |||
width: 320px; | |||
height: 160px; | |||
border-radius: 10px; | |||
img { | |||
width: 320px; | |||
height: 160px; | |||
} | |||
} | |||
.title { | |||
height: 48px; | |||
font-size: 28px; | |||
display: flex; | |||
justify-content: center; /* 相对父元素水平居中 */ | |||
align-items: center; | |||
overflow: hidden; | |||
white-space: nowrap; | |||
text-overflow: ellipsis; | |||
-o-text-overflow: ellipsis; | |||
color: #999; | |||
} | |||
} | |||
} | |||
} | |||
</style> | |||
<script> | |||
import headerNav from "@/components/sunVillage/common/header.vue"; | |||
import projectNav from "@/components/sunVillage/financial/nav"; | |||
export default { | |||
name: "sunVillageFinancialLoan", | |||
components: { headerNav, projectNav }, | |||
data() { | |||
return { | |||
headingsTitle: "惠民金融", | |||
}; | |||
}, | |||
mounted() {}, | |||
methods: {}, | |||
}; | |||
</script> |
@@ -1,116 +0,0 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<header-nav | |||
:headings="headingsTitle" | |||
:currentNav="1" | |||
returnUrl="/sunVillage/index" | |||
></header-nav> | |||
<projectNav :serialTag="2"></projectNav> | |||
<div class="products_main"> | |||
<ul> | |||
<li> | |||
<div class="advertising"> | |||
<img src="@/assets/images/sunVillage/6.jpg" /> | |||
</div> | |||
<div class="title">农行福满盈</div> | |||
</li> | |||
<li> | |||
<div class="advertising"> | |||
<img src="@/assets/images/sunVillage/6.jpg" /> | |||
</div> | |||
<div class="title">农行福满盈</div> | |||
</li> | |||
<li> | |||
<div class="advertising"> | |||
<img src="@/assets/images/sunVillage/6.jpg" /> | |||
</div> | |||
<div class="title">农行福满盈</div> | |||
</li> | |||
<li> | |||
<div class="advertising"> | |||
<img src="@/assets/images/sunVillage/6.jpg" /> | |||
</div> | |||
<div class="title">农行福满盈</div> | |||
</li> | |||
<li> | |||
<div class="advertising"> | |||
<img src="@/assets/images/sunVillage/6.jpg" /> | |||
</div> | |||
<div class="title">农行福满盈</div> | |||
</li> | |||
<li> | |||
<div class="advertising"> | |||
<img src="@/assets/images/sunVillage/6.jpg" /> | |||
</div> | |||
<div class="title">农行福满盈</div> | |||
</li> | |||
<li> | |||
<div class="advertising"> | |||
<img src="@/assets/images/sunVillage/6.jpg" /> | |||
</div> | |||
<div class="title">农行福满盈</div> | |||
</li> | |||
</ul> | |||
</div> | |||
</div> | |||
</template> | |||
<style scoped lang="scss"> | |||
.home_wrapper { | |||
width: 100%; | |||
padding-top: 198px; | |||
min-height: 100vh; | |||
background: #fff; | |||
.products_main { | |||
margin: 20px 24px; | |||
ul { | |||
display: flex; | |||
flex-wrap: wrap; | |||
justify-content: space-between; | |||
} | |||
li { | |||
width: 320px; | |||
height: 210px; | |||
margin-bottom: 24px; | |||
.advertising { | |||
width: 320px; | |||
height: 160px; | |||
border-radius: 10px; | |||
img { | |||
width: 320px; | |||
height: 160px; | |||
} | |||
} | |||
.title { | |||
height: 48px; | |||
font-size: 28px; | |||
display: flex; | |||
justify-content: center; /* 相对父元素水平居中 */ | |||
align-items: center; | |||
overflow: hidden; | |||
white-space: nowrap; | |||
text-overflow: ellipsis; | |||
-o-text-overflow: ellipsis; | |||
color: #999; | |||
} | |||
} | |||
} | |||
} | |||
</style> | |||
<script> | |||
import headerNav from "@/components/sunVillage/common/header.vue"; | |||
import projectNav from "@/components/sunVillage/financial/nav"; | |||
export default { | |||
name: "sunVillageFinancial", | |||
components: { headerNav, projectNav }, | |||
data() { | |||
return { | |||
headingsTitle: "惠民金融", | |||
}; | |||
}, | |||
mounted() {}, | |||
methods: {}, | |||
}; | |||
</script> |
@@ -1,123 +0,0 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<header-nav :currentNav="1" :headings="headingsTitle"></header-nav> | |||
<div class="article_main"> | |||
<div class="title">国新办解读中央一号文件:乡村振兴求好不求快</div> | |||
<div class="info_wrap"> | |||
<div class="publisher">阳光村务公开平台</div> | |||
<div class="time">2022-02-25 09:00</div> | |||
</div> | |||
</div> | |||
<div class="particulars_main"> | |||
<p><img src="@/assets/images/sunVillage/3.jpg" /></p> | |||
<p> | |||
2月22日,阿松大了看啥看三菱电机阿斯兰的阿阿莱克斯大家阿拉山口大家阿斯兰的骄傲 | |||
埃里克森加大了圣诞节阿拉山口道路喀什觉得拉克丝奥斯陆扩大急啊离开圣诞节奥斯陆扩大爱丽丝大家爱丽丝大家 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
</div> | |||
</div> | |||
</template> | |||
<style scoped lang="scss"> | |||
.home_wrapper { | |||
width: 100%; | |||
padding-top: 198px; | |||
min-height: 100vh; | |||
background: #fff; | |||
.article_main { | |||
margin: 0 24px; | |||
padding-top: 15px; | |||
.title { | |||
font-size: 28px; | |||
line-height: 45px; | |||
margin-bottom: 6px; | |||
} | |||
.info_wrap { | |||
display: flex; | |||
line-height: 48px; | |||
font-size: 24px; | |||
.publisher { | |||
color: rgb(92, 107, 140); | |||
margin-right: 20px; | |||
} | |||
.time { | |||
color: #999; | |||
} | |||
} | |||
} | |||
.particulars_main { | |||
margin: 24px 24px 0; | |||
font-size: 24px; | |||
padding-bottom: 15px; | |||
img { | |||
max-width: 100%; | |||
} | |||
p { | |||
padding-bottom: 15px; | |||
} | |||
} | |||
} | |||
</style> | |||
<script> | |||
import headerNav from "@/components/sunVillage/common/header.vue"; | |||
export default { | |||
name: "latestReportDesc", | |||
components: { headerNav }, | |||
data() { | |||
return { | |||
headingsTitle: "重大事项", | |||
}; | |||
}, | |||
mounted() {}, | |||
methods: {}, | |||
}; | |||
</script> |
@@ -1,125 +0,0 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<header-nav :headings="headingsTitle" :currentNav="1"></header-nav> | |||
<div | |||
class="article_main" | |||
@click="skip('/sunVillage/importantItems/details')" | |||
> | |||
<div class="title">国新办解读中央一号文件:乡村振兴求好不求快</div> | |||
<div class="info_wrap"> | |||
<div class="publisher">阳光村务公开平台</div> | |||
<div class="time">2022-02-25 09:00</div> | |||
</div> | |||
</div> | |||
<div class="focus_news"> | |||
<div class="news_img" @click="skip('/sunVillage/importantItems/details')"> | |||
<img src="@/assets/images/sunVillage/1.jpg" /> | |||
</div> | |||
</div> | |||
<div class="news_list"> | |||
<ul> | |||
<li | |||
class="item_block" | |||
@click="skip('/sunVillage/importantItems/details')" | |||
> | |||
<div class="title">最新报道列表项目1</div> | |||
<div class="insets"> | |||
<img src="@/assets/images/sunVillage/2.jpg" /> | |||
</div> | |||
</li> | |||
<li | |||
class="item_block" | |||
@click="skip('/sunVillage/importantItems/details')" | |||
> | |||
<div class="title">国新办解读中央一号文件:乡村振兴求好不求快</div> | |||
<div class="insets"> | |||
<img src="@/assets/images/sunVillage/2.jpg" /> | |||
</div> | |||
</li> | |||
</ul> | |||
</div> | |||
</div> | |||
</template> | |||
<style scoped lang="scss"> | |||
.home_wrapper { | |||
width: 100%; | |||
padding-top: 198px; | |||
min-height: 100vh; | |||
background: #fff; | |||
.article_main { | |||
margin: 0 24px; | |||
padding: 15px 0; | |||
.title { | |||
font-size: 28px; | |||
line-height: 45px; | |||
margin-bottom: 6px; | |||
} | |||
.info_wrap { | |||
display: flex; | |||
line-height: 48px; | |||
font-size: 24px; | |||
.publisher { | |||
color: rgb(92, 107, 140); | |||
margin-right: 20px; | |||
} | |||
.time { | |||
color: #999; | |||
} | |||
} | |||
} | |||
.focus_news { | |||
margin: 10px 24px 16px; | |||
.news_img { | |||
width: 702px; | |||
height: 256px; | |||
img { | |||
width: 100%; | |||
height: 100%; | |||
} | |||
} | |||
} | |||
.news_list { | |||
li { | |||
display: flex; | |||
height: 146px; | |||
justify-content: center; | |||
align-items: center; | |||
padding: 0 33px; | |||
.title { | |||
padding-left: 8px; | |||
flex: 1; | |||
font-size: 28px; | |||
} | |||
.insets { | |||
width: 116px; | |||
margin-left: 26px; | |||
height: 116px; | |||
img { | |||
width: 100%; | |||
height: 100%; | |||
} | |||
} | |||
} | |||
} | |||
} | |||
</style> | |||
<script> | |||
import headerNav from "@/components/sunVillage/common/header.vue"; | |||
export default { | |||
name: "importantItems", | |||
components: { headerNav }, | |||
data() { | |||
return { | |||
headingsTitle: "重大事项", | |||
}; | |||
}, | |||
mounted() {}, | |||
methods: { | |||
skip(url) { | |||
this.$router.push(url); | |||
}, | |||
}, | |||
}; | |||
</script> |
@@ -1,153 +0,0 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<header-nav | |||
:headings="headingsTitle" | |||
:currentNav="1" | |||
returnUrl="/sunVillage/index" | |||
></header-nav> | |||
<projectNav :serialTag="3"></projectNav> | |||
<div class="public_details"> | |||
<div class="search_wrap"> | |||
<div class="search_ipt"> | |||
<input type="text" placeholder="请输入查询信息" class="ipt" /> | |||
</div> | |||
<div class="search_btn">查询</div> | |||
</div> | |||
<div class="table_wrap"> | |||
<div class="head_main"> | |||
<div class="flex f1">资产名称</div> | |||
<div class="flex f2">数量</div> | |||
<div class="flex f3">性质</div> | |||
<div class="flex f4">构建时间</div> | |||
</div> | |||
<div class="tbody_main"> | |||
<div | |||
class="item_list" | |||
@click="skip('/sunVillage/injoint/assetsPublic_desc')" | |||
> | |||
<div class="flex f1">3号厂房</div> | |||
<div class="flex f2">1</div> | |||
<div class="flex f3">经营</div> | |||
<div class="flex f4">2022/02/25</div> | |||
</div> | |||
<div | |||
class="item_list" | |||
@click="skip('/sunVillage/injoint/assetsPublic_desc')" | |||
> | |||
<div class="flex f1">丰田小汽车</div> | |||
<div class="flex f2">1</div> | |||
<div class="flex f3">经营</div> | |||
<div class="flex f4">2022/02/25</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</template> | |||
<style scoped lang="scss"> | |||
.home_wrapper { | |||
width: 100%; | |||
padding-top: 198px; | |||
min-height: 100vh; | |||
background: #fff; | |||
.public_details { | |||
margin: 20px 24px 0; | |||
.search_wrap { | |||
height: 84px; | |||
display: flex; | |||
border-bottom: 1px solid #e6e6e6; | |||
.search_ipt { | |||
flex: 1; | |||
display: flex; | |||
padding: 0 20px; | |||
.ipt { | |||
flex: 1; | |||
font-size: 34px; | |||
} | |||
} | |||
.search_btn { | |||
width: 110px; | |||
font-size: 34px; | |||
color: #b3b3b3; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
border-left: 1px solid #e6e6e6; | |||
} | |||
} | |||
.table_wrap { | |||
.head_main { | |||
height: 76px; | |||
display: flex; | |||
color: #bababa; | |||
.flex { | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
text-align: center; | |||
&.f1 { | |||
flex: 4; | |||
} | |||
&.f2 { | |||
flex: 2; | |||
} | |||
&.f3 { | |||
flex: 2; | |||
} | |||
&.f4 { | |||
flex: 4; | |||
} | |||
} | |||
} | |||
.tbody_main { | |||
.item_list { | |||
height: 150px; | |||
display: flex; | |||
.flex { | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
text-align: center; | |||
overflow: hidden; | |||
white-space: nowrap; | |||
text-overflow: ellipsis; | |||
&.f1 { | |||
flex: 4; | |||
} | |||
&.f2 { | |||
flex: 2; | |||
} | |||
&.f3 { | |||
flex: 2; | |||
} | |||
&.f4 { | |||
flex: 4; | |||
} | |||
} | |||
} | |||
} | |||
} | |||
} | |||
} | |||
</style> | |||
<script> | |||
import headerNav from "@/components/sunVillage/common/header.vue"; | |||
import projectNav from "@/components/sunVillage/injoint/nav"; | |||
export default { | |||
name: "sunVillageInjoint", | |||
components: { headerNav, projectNav }, | |||
data() { | |||
return { | |||
headingsTitle: "三资公开", | |||
}; | |||
}, | |||
mounted() {}, | |||
methods: { | |||
skip(url) { | |||
this.$router.push(url); | |||
}, | |||
}, | |||
}; | |||
</script> |
@@ -1,174 +0,0 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<header-nav :headings="headingsTitle" :currentNav="1"></header-nav> | |||
<div class="assetsPublic_main"> | |||
<div class="title_main"> | |||
<div class="subtitle">资产信息</div> | |||
</div> | |||
<div class="form_main"> | |||
<div class="form_item"> | |||
<div class="v_title">资产名称</div> | |||
<div class="v_content single">办公电脑</div> | |||
</div> | |||
<div class="form_item"> | |||
<div class="v_title">数量</div> | |||
<div class="v_content single">20</div> | |||
</div> | |||
<div class="form_item"> | |||
<div class="v_title">原值</div> | |||
<div class="v_content single">16000原</div> | |||
</div> | |||
<div class="form_item"> | |||
<div class="v_title">经营状态</div> | |||
<div class="v_content single">经营</div> | |||
</div> | |||
<div class="form_item"> | |||
<div class="v_title">构建时间</div> | |||
<div class="v_content single"> | |||
<i class="icon_date"></i> 2022-02-28 | |||
</div> | |||
</div> | |||
<div class="form_item"> | |||
<div class="v_title">使用情况</div> | |||
<div class="v_content single">正常</div> | |||
</div> | |||
<div class="form_item"> | |||
<div class="v_title">附件</div> | |||
<div class="v_content multiple"> | |||
<ul class="download_list"> | |||
<li>2022一季度村财务报表.xlsx</li> | |||
<li>2022一季度村财务报表.xlsx</li> | |||
<li>2022一季度村财务报表.xlsx</li> | |||
</ul> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="title_main"> | |||
<div class="subtitle">经营属性</div> | |||
</div> | |||
<div class="form_main"> | |||
<div class="form_item"> | |||
<div class="v_title">资产名称</div> | |||
<div class="v_content single">办公电脑</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</template> | |||
<style scoped lang="scss"> | |||
.home_wrapper { | |||
width: 100%; | |||
min-height: 100vh; | |||
background: #fff; | |||
padding-top: 198px; | |||
.assetsPublic_main { | |||
margin: 0 24px; | |||
.title_main { | |||
height: 50px; | |||
position: relative; | |||
margin-top: 20px; | |||
&::before { | |||
width: 8px; | |||
height: 50px; | |||
background: #66ccff; | |||
border-radius: 8px; | |||
position: absolute; | |||
left: 0; | |||
top: 0; | |||
z-index: 2; | |||
content: " "; | |||
} | |||
&::after { | |||
width: 100%; | |||
height: 1px; | |||
background: #e5e5e5; | |||
position: absolute; | |||
left: 0; | |||
top: 25px; | |||
content: " "; | |||
} | |||
.subtitle { | |||
position: relative; | |||
background: #fff; | |||
height: 50px; | |||
font-size: 28px; | |||
z-index: 9; | |||
margin-left: 8px; | |||
width: 175px; | |||
display: flex; | |||
justify-content: center; /* 相对父元素水平居中 */ | |||
align-items: center; /* 子元素相对父元素垂直居中 */ | |||
} | |||
} | |||
.form_main { | |||
margin: 0 24px; | |||
padding-bottom: 40px; | |||
.form_item { | |||
margin: 20px 20px 0; | |||
display: flex; | |||
font-size: 28px; | |||
border-bottom: 1px solid #e6e6e6; | |||
.v_title { | |||
width: 308px; | |||
color: #999; | |||
height: 112px; | |||
padding-right: 90px; | |||
justify-content: flex-end; | |||
display: flex; | |||
align-items: center; | |||
} | |||
.v_content { | |||
flex: 1; | |||
&.single { | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
} | |||
.icon_date { | |||
width: 26px; | |||
height: 26px; | |||
background: url("../../../../assets/images/sunVillage/select_date_icon.jpg") | |||
no-repeat; | |||
background-size: 100% 100%; | |||
display: block; | |||
margin-right: 12px; | |||
} | |||
&.multiple { | |||
display: flex; | |||
flex-wrap: wrap; | |||
justify-content: space-between; | |||
} | |||
.download_list { | |||
li { | |||
font-size: 24px; | |||
color: #799fe9; | |||
} | |||
} | |||
} | |||
} | |||
} | |||
} | |||
} | |||
</style> | |||
<script> | |||
import headerNav from "@/components/sunVillage/common/header.vue"; | |||
export default { | |||
name: "sunVillageAssetsPublicDesc", | |||
components: { headerNav }, | |||
data() { | |||
return { | |||
headingsTitle: "资产公开", | |||
}; | |||
}, | |||
mounted() {}, | |||
methods: { | |||
skip(url) { | |||
this.$router.push(url); | |||
}, | |||
}, | |||
}; | |||
</script> |
@@ -1,104 +0,0 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<header-nav :currentNav="1" :headings="headingsTitle"></header-nav> | |||
<div class="article_main"> | |||
<div class="title">国新办解读中央一号文件:乡村振兴求好不求快</div> | |||
<div class="info_wrap"> | |||
<div class="publisher">阳光村务公开平台</div> | |||
<div class="time">2022-02-25 09:00</div> | |||
</div> | |||
</div> | |||
<div class="particulars_main"> | |||
<p><img src="@/assets/images/sunVillage/3.jpg" /></p> | |||
<p> | |||
2月22日,阿松大了看啥看三菱电机阿斯兰的阿阿莱克斯大家阿拉山口大家阿斯兰的骄傲 | |||
埃里克森加大了圣诞节阿拉山口道路喀什觉得拉克丝奥斯陆扩大急啊离开圣诞节奥斯陆扩大爱丽丝大家爱丽丝大家 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
</div> | |||
<div class="particulars_download"> | |||
<div class="title">附件下载:</div> | |||
<div class="main"> | |||
<ul> | |||
<li><<2020一季度村务财务报表>>.xlsx</li> | |||
</ul> | |||
</div> | |||
</div> | |||
</div> | |||
</template> | |||
<style scoped lang="scss"> | |||
.home_wrapper { | |||
width: 100%; | |||
padding-top: 198px; | |||
min-height: 100vh; | |||
background: #fff; | |||
.article_main { | |||
margin: 0 24px; | |||
padding-top: 15px; | |||
.title { | |||
font-size: 28px; | |||
line-height: 45px; | |||
margin-bottom: 6px; | |||
} | |||
.info_wrap { | |||
display: flex; | |||
line-height: 48px; | |||
font-size: 24px; | |||
.publisher { | |||
color: rgb(92, 107, 140); | |||
margin-right: 20px; | |||
} | |||
.time { | |||
color: #999; | |||
} | |||
} | |||
} | |||
.particulars_main { | |||
margin: 24px 24px 0; | |||
font-size: 24px; | |||
padding-bottom: 15px; | |||
img { | |||
max-width: 100%; | |||
} | |||
p { | |||
padding-bottom: 15px; | |||
} | |||
} | |||
.particulars_download { | |||
display: flex; | |||
margin: 0 24px; | |||
padding-bottom: 30px; | |||
font-size: 24px; | |||
.title { | |||
} | |||
.main { | |||
flex: 1; | |||
color: #588be7; | |||
li { | |||
text-decoration: underline; | |||
} | |||
} | |||
} | |||
} | |||
</style> | |||
<script> | |||
import headerNav from "@/components/sunVillage/common/header.vue"; | |||
export default { | |||
name: "sunVillageInjointDetails", | |||
components: { headerNav }, | |||
data() { | |||
return { | |||
headingsTitle: "财务公开", | |||
}; | |||
}, | |||
mounted() {}, | |||
methods: {}, | |||
}; | |||
</script> |
@@ -1,100 +0,0 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<header-nav | |||
:headings="headingsTitle" | |||
:currentNav="1" | |||
returnUrl="/sunVillage/index" | |||
></header-nav> | |||
<projectNav :serialTag="1"></projectNav> | |||
<div class="focus_news"> | |||
<div class="news_img"> | |||
<img src="@/assets/images/sunVillage/8.jpg" /> | |||
</div> | |||
<div class="news_title">村一季度财务情况公布</div> | |||
</div> | |||
<div class="news_list"> | |||
<ul> | |||
<li class="item_block" @click="skip('/sunVillage/injoint/details')"> | |||
<div class="title">一季度收入公开</div> | |||
<div class="insets"> | |||
<img src="@/assets/images/sunVillage/2.jpg" /> | |||
</div> | |||
</li> | |||
<li class="item_block" @click="skip('/sunVillage/injoint/details')"> | |||
<div class="title">二季度收入公开</div> | |||
<div class="insets"> | |||
<img src="@/assets/images/sunVillage/2.jpg" /> | |||
</div> | |||
</li> | |||
</ul> | |||
</div> | |||
</div> | |||
</template> | |||
<style scoped lang="scss"> | |||
.home_wrapper { | |||
width: 100%; | |||
padding-top: 198px; | |||
min-height: 100vh; | |||
background: #fff; | |||
.focus_news { | |||
margin: 20px 24px 16px; | |||
.news_img { | |||
width: 702px; | |||
height: 256px; | |||
img { | |||
width: 100%; | |||
height: 100%; | |||
} | |||
} | |||
.news_title { | |||
font-size: 24px; | |||
margin-top: 16px; | |||
} | |||
} | |||
.news_list { | |||
li { | |||
display: flex; | |||
height: 146px; | |||
justify-content: center; | |||
align-items: center; | |||
padding: 0 33px; | |||
.title { | |||
padding-left: 8px; | |||
flex: 1; | |||
font-size: 28px; | |||
} | |||
.insets { | |||
width: 116px; | |||
margin-left: 26px; | |||
height: 116px; | |||
img { | |||
width: 100%; | |||
height: 100%; | |||
} | |||
} | |||
} | |||
} | |||
} | |||
</style> | |||
<script> | |||
import headerNav from "@/components/sunVillage/common/header.vue"; | |||
import projectNav from "@/components/sunVillage/injoint/nav"; | |||
export default { | |||
name: "sunVillageInjoint", | |||
components: { headerNav, projectNav }, | |||
data() { | |||
return { | |||
headingsTitle: "三资公开", | |||
}; | |||
}, | |||
mounted() {}, | |||
methods: { | |||
skip(url) { | |||
this.$router.push(url); | |||
}, | |||
}, | |||
}; | |||
</script> |
@@ -1,237 +0,0 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<header-nav | |||
:headings="headingsTitle" | |||
:currentNav="1" | |||
returnUrl="/sunVillage/index" | |||
></header-nav> | |||
<projectNav :serialTag="2"></projectNav> | |||
<div class="make_detail"> | |||
<div class="make_tab"> | |||
<div class="flex_block current">收支明细公开</div> | |||
<div class="flex_block">资产负债公开</div> | |||
</div> | |||
<!--1---> | |||
<div class="payment_details"> | |||
<div class="info_wrap"> | |||
<div class="date_main" @click="selectDateFun"> | |||
<i class="icon"></i> | |||
<div class="year">2022</div> | |||
<div class="month">1月</div> | |||
</div> | |||
<div class="unit">单位:张村</div> | |||
</div> | |||
<div class="table_wrap"> | |||
<div class="head_main"> | |||
<div class="flex f1">凭证号</div> | |||
<div class="flex f2">摘要</div> | |||
<div class="flex f3">收入金额<br />(元)</div> | |||
<div class="flex f4">日期</div> | |||
</div> | |||
<div class="tbody_main"> | |||
<div | |||
class="item_list" | |||
@click="skip('/sunVillage/injoint/meansOf_desc')" | |||
> | |||
<div class="flex f1">记11号</div> | |||
<div class="flex f2">收项目1季度预收款</div> | |||
<div class="flex f3">4500</div> | |||
<div class="flex f4">02/25</div> | |||
</div> | |||
<div | |||
class="item_list" | |||
@click="skip('/sunVillage/injoint/meansOf_desc')" | |||
> | |||
<div class="flex f1">记11号</div> | |||
<div class="flex f2">收项目1季度预收款</div> | |||
<div class="flex f3">4500</div> | |||
<div class="flex f4">02/25</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<van-popup v-model:show="dateVisbile" round position="bottom"> | |||
<van-datetime-picker | |||
v-model="selectDate.currentDate" | |||
type="month-day" | |||
title="选择月日" | |||
:min-date="selectDate.minDate" | |||
:max-date="selectDate.maxDate" | |||
:formatter="formatter" | |||
@confirm="onConfirmMonth" | |||
@cancel="dateVisbile = false" | |||
/> | |||
</van-popup> | |||
</div> | |||
</div> | |||
</template> | |||
<style scoped lang="scss"> | |||
.home_wrapper { | |||
width: 100%; | |||
padding-top: 198px; | |||
min-height: 100vh; | |||
background: #fff; | |||
.make_detail { | |||
margin: 20px 24px 0; | |||
.make_tab { | |||
height: 60px; | |||
display: flex; | |||
margin-bottom: 20px; | |||
.flex_block { | |||
background: rgba(247, 247, 247, 0.9); | |||
color: rgb(151, 151, 151); | |||
margin-right: 18px; | |||
padding: 0 16px; | |||
font-size: 32px; | |||
display: flex; | |||
justify-content: center; /* 相对父元素水平居中 */ | |||
align-items: center; | |||
&.current { | |||
background: rgba(237, 237, 237, 0.9); | |||
border-bottom: 1px solid #07c160; | |||
color: #333; | |||
} | |||
} | |||
} | |||
.payment_details { | |||
.info_wrap { | |||
display: flex; | |||
height: 68px; | |||
margin-bottom: 12px; | |||
justify-content: space-between; | |||
.date_main { | |||
width: 270px; | |||
height: 68px; | |||
border-bottom: 2px solid #ededed; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
font-size: 28px; | |||
.icon { | |||
width: 26px; | |||
height: 26px; | |||
background: url("../../../../assets/images/sunVillage/select_date_icon.jpg") | |||
no-repeat; | |||
background-size: 100% 100%; | |||
display: block; | |||
margin: 0 25px 0 12px; | |||
} | |||
.year { | |||
margin-right: 30px; | |||
} | |||
} | |||
.unit { | |||
width: 270px; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
font-size: 28px; | |||
} | |||
} | |||
.table_wrap { | |||
font-size: 30px; | |||
.head_main { | |||
height: 76px; | |||
display: flex; | |||
color: #bababa; | |||
.flex { | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
text-align: center; | |||
&.f1 { | |||
flex: 3; | |||
} | |||
&.f2 { | |||
flex: 5; | |||
} | |||
&.f3 { | |||
flex: 2; | |||
} | |||
&.f4 { | |||
flex: 2; | |||
} | |||
} | |||
} | |||
.tbody_main { | |||
.item_list { | |||
height: 150px; | |||
display: flex; | |||
.flex { | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
text-align: center; | |||
overflow: hidden; | |||
white-space: nowrap; | |||
text-overflow: ellipsis; | |||
&.f1 { | |||
flex: 3; | |||
} | |||
&.f2 { | |||
flex: 5; | |||
} | |||
&.f3 { | |||
flex: 2; | |||
} | |||
&.f4 { | |||
flex: 2; | |||
} | |||
} | |||
} | |||
} | |||
} | |||
} | |||
} | |||
} | |||
</style> | |||
<script> | |||
import headerNav from "@/components/sunVillage/common/header.vue"; | |||
import projectNav from "@/components/sunVillage/injoint/nav"; | |||
export default { | |||
name: "sunVillageMeansOf", | |||
components: { headerNav, projectNav }, | |||
data() { | |||
return { | |||
headingsTitle: "三资公开", | |||
dateVisbile: false, | |||
selectDate: { | |||
currentDate: new Date(), | |||
minDate: new Date(2020, 0, 1), | |||
maxDate: new Date(2025, 10, 1), | |||
}, | |||
}; | |||
}, | |||
mounted() {}, | |||
methods: { | |||
skip(url) { | |||
this.$router.push(url); | |||
}, | |||
selectDateFun() { | |||
this.dateVisbile = !this.dateVisbile; | |||
}, | |||
formatter(type, val) { | |||
if (type === "month") { | |||
return val + "月"; | |||
} | |||
if (type === "day") { | |||
return val + "日"; | |||
} | |||
return val; | |||
}, | |||
onConfirmMonth(val) { | |||
let year = val.getFullYear(); | |||
let month = val.getMonth() + 1; | |||
if (month >= 1 && month <= 9) { | |||
month = `0${month}`; | |||
} | |||
console.log(year + "-" + month); | |||
}, | |||
}, | |||
}; | |||
</script> |
@@ -1,129 +0,0 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<header-nav :headings="headingsTitle" :currentNav="1"></header-nav> | |||
<div class="voucher_main"> | |||
<div class="voucher_item"> | |||
<div class="v_title">凭证号</div> | |||
<div class="v_content single">记-21</div> | |||
</div> | |||
<div class="voucher_item"> | |||
<div class="v_title">摘要</div> | |||
<div class="v_content single">支出劳务报酬</div> | |||
</div> | |||
<div class="voucher_item"> | |||
<div class="v_title">收入金额(元)</div> | |||
<div class="v_content single">5500</div> | |||
</div> | |||
<div class="voucher_item"> | |||
<div class="v_title">日期</div> | |||
<div class="v_content single"> | |||
<i class="icon_date"></i> | |||
2022-02-28 | |||
</div> | |||
</div> | |||
<div class="voucher_item"> | |||
<div class="v_title">附件</div> | |||
<div class="v_content multiple"> | |||
<div class="attachment_flex"> | |||
<img src="@/assets/images/sunVillage/9.jpg" class="img" /> | |||
</div> | |||
<div class="attachment_flex"> | |||
<img src="@/assets/images/sunVillage/9.jpg" class="img" /> | |||
</div> | |||
<div class="attachment_flex"> | |||
<img src="@/assets/images/sunVillage/9.jpg" class="img" /> | |||
</div> | |||
<div class="attachment_flex"> | |||
<img src="@/assets/images/sunVillage/9.jpg" class="img" /> | |||
</div> | |||
<div class="attachment_flex"> | |||
<img src="@/assets/images/sunVillage/9.jpg" class="img" /> | |||
</div> | |||
<div class="attachment_flex"> | |||
<img src="@/assets/images/sunVillage/9.jpg" class="img" /> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</template> | |||
<style scoped lang="scss"> | |||
.home_wrapper { | |||
width: 100%; | |||
padding-top: 198px; | |||
min-height: 100vh; | |||
background: #fff; | |||
.voucher_main { | |||
margin: 0 24px; | |||
.voucher_item { | |||
margin: 20px 20px 0; | |||
display: flex; | |||
font-size: 28px; | |||
border-bottom: 1px solid #e6e6e6; | |||
.v_title { | |||
width: 308px; | |||
color: #999; | |||
height: 112px; | |||
padding-right: 90px; | |||
justify-content: flex-end; | |||
display: flex; | |||
align-items: center; | |||
} | |||
.v_content { | |||
flex: 1; | |||
&.single { | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
} | |||
.icon_date { | |||
width: 26px; | |||
height: 26px; | |||
background: url("../../../../assets/images/sunVillage/select_date_icon.jpg") | |||
no-repeat; | |||
background-size: 100% 100%; | |||
display: block; | |||
margin-right: 12px; | |||
} | |||
&.multiple { | |||
display: flex; | |||
flex-wrap: wrap; | |||
justify-content: space-between; | |||
} | |||
.attachment_flex { | |||
width: 100px; | |||
height: 100px; | |||
margin-bottom: 20px; | |||
img { | |||
height: 100px; | |||
width: 100px; | |||
} | |||
} | |||
} | |||
} | |||
} | |||
} | |||
</style> | |||
<script> | |||
import headerNav from "@/components/sunVillage/common/header.vue"; | |||
export default { | |||
name: "sunVillageInjointMeansOfDesc", | |||
components: { headerNav }, | |||
data() { | |||
return { | |||
headingsTitle: "清产核资", | |||
}; | |||
}, | |||
mounted() {}, | |||
methods: { | |||
skip(url) { | |||
this.$router.push(url); | |||
}, | |||
}, | |||
}; | |||
</script> |
@@ -1,153 +0,0 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<header-nav | |||
:headings="headingsTitle" | |||
:currentNav="1" | |||
returnUrl="/sunVillage/index" | |||
></header-nav> | |||
<projectNav :serialTag="4"></projectNav> | |||
<div class="public_details"> | |||
<div class="search_wrap"> | |||
<div class="search_ipt"> | |||
<input type="text" placeholder="请输入查询信息" class="ipt" /> | |||
</div> | |||
<div class="search_btn">查询</div> | |||
</div> | |||
<div class="table_wrap"> | |||
<div class="head_main"> | |||
<div class="flex f1">资源名称</div> | |||
<div class="flex f2">面积(㎡)</div> | |||
<div class="flex f3">性质</div> | |||
<div class="flex f4">状态</div> | |||
</div> | |||
<div class="tbody_main"> | |||
<div | |||
class="item_list" | |||
@click="skip('/sunVillage/injoint/publicResources_desc')" | |||
> | |||
<div class="flex f1">0001机动地</div> | |||
<div class="flex f2">20</div> | |||
<div class="flex f3">经营</div> | |||
<div class="flex f4">正常</div> | |||
</div> | |||
<div | |||
class="item_list" | |||
@click="skip('/sunVillage/injoint/publicResources_desc')" | |||
> | |||
<div class="flex f1">西部山林地</div> | |||
<div class="flex f2">19.5</div> | |||
<div class="flex f3">经营</div> | |||
<div class="flex f4">正常</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</template> | |||
<style scoped lang="scss"> | |||
.home_wrapper { | |||
width: 100%; | |||
padding-top: 198px; | |||
min-height: 100vh; | |||
background: #fff; | |||
.public_details { | |||
margin: 20px 24px 0; | |||
.search_wrap { | |||
height: 84px; | |||
display: flex; | |||
border-bottom: 1px solid #e6e6e6; | |||
.search_ipt { | |||
flex: 1; | |||
display: flex; | |||
padding: 0 20px; | |||
.ipt { | |||
flex: 1; | |||
font-size: 34px; | |||
} | |||
} | |||
.search_btn { | |||
width: 110px; | |||
font-size: 34px; | |||
color: #b3b3b3; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
border-left: 1px solid #e6e6e6; | |||
} | |||
} | |||
.table_wrap { | |||
.head_main { | |||
height: 76px; | |||
display: flex; | |||
color: #bababa; | |||
.flex { | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
text-align: center; | |||
&.f1 { | |||
flex: 6; | |||
} | |||
&.f2 { | |||
flex: 2; | |||
} | |||
&.f3 { | |||
flex: 2; | |||
} | |||
&.f4 { | |||
flex: 2; | |||
} | |||
} | |||
} | |||
.tbody_main { | |||
.item_list { | |||
height: 150px; | |||
display: flex; | |||
.flex { | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
text-align: center; | |||
overflow: hidden; | |||
white-space: nowrap; | |||
text-overflow: ellipsis; | |||
&.f1 { | |||
flex: 6; | |||
} | |||
&.f2 { | |||
flex: 2; | |||
} | |||
&.f3 { | |||
flex: 2; | |||
} | |||
&.f4 { | |||
flex: 2; | |||
} | |||
} | |||
} | |||
} | |||
} | |||
} | |||
} | |||
</style> | |||
<script> | |||
import headerNav from "@/components/sunVillage/common/header.vue"; | |||
import projectNav from "@/components/sunVillage/injoint/nav"; | |||
export default { | |||
name: "sunVillagePublicResources", | |||
components: { headerNav, projectNav }, | |||
data() { | |||
return { | |||
headingsTitle: "三资公开", | |||
}; | |||
}, | |||
mounted() {}, | |||
methods: { | |||
skip(url) { | |||
this.$router.push(url); | |||
}, | |||
}, | |||
}; | |||
</script> |
@@ -1,169 +0,0 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<header-nav :headings="headingsTitle" :currentNav="1"></header-nav> | |||
<div class="assetsPublic_main"> | |||
<div class="title_main"> | |||
<div class="subtitle">资源信息</div> | |||
</div> | |||
<div class="form_main"> | |||
<div class="form_item"> | |||
<div class="v_title">资源名称</div> | |||
<div class="v_content single">办公电脑</div> | |||
</div> | |||
<div class="form_item"> | |||
<div class="v_title">总面积</div> | |||
<div class="v_content single">20</div> | |||
</div> | |||
<div class="form_item"> | |||
<div class="v_title">资产状态</div> | |||
<div class="v_content single">16000元</div> | |||
</div> | |||
<div class="form_item"> | |||
<div class="v_title">经营状态</div> | |||
<div class="v_content single">经营</div> | |||
</div> | |||
<div class="form_item"> | |||
<div class="v_title">附件</div> | |||
<div class="v_content multiple"> | |||
<ul class="download_list"> | |||
<li>《资源说明》.xlsx</li> | |||
<li>《资源说明》.xlsx</li> | |||
<li>《资源说明》.xlsx</li> | |||
</ul> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="title_main"> | |||
<div class="subtitle">经营属性</div> | |||
</div> | |||
<div class="form_main"> | |||
<div class="form_item"> | |||
<div class="v_title">承包方</div> | |||
<div class="v_content single">张三</div> | |||
</div> | |||
<div class="form_item"> | |||
<div class="v_title">金额</div> | |||
<div class="v_content single">450000</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</template> | |||
<style scoped lang="scss"> | |||
.home_wrapper { | |||
width: 100%; | |||
padding-top: 198px; | |||
min-height: 100vh; | |||
background: #fff; | |||
.assetsPublic_main { | |||
margin: 0 24px; | |||
.title_main { | |||
height: 50px; | |||
position: relative; | |||
margin-top: 20px; | |||
&::before { | |||
width: 8px; | |||
height: 50px; | |||
background: #66ccff; | |||
border-radius: 8px; | |||
position: absolute; | |||
left: 0; | |||
top: 0; | |||
z-index: 2; | |||
content: " "; | |||
} | |||
&::after { | |||
width: 100%; | |||
height: 1px; | |||
background: #e5e5e5; | |||
position: absolute; | |||
left: 0; | |||
top: 25px; | |||
content: " "; | |||
} | |||
.subtitle { | |||
position: relative; | |||
background: #fff; | |||
height: 50px; | |||
font-size: 28px; | |||
z-index: 9; | |||
margin-left: 8px; | |||
width: 175px; | |||
display: flex; | |||
justify-content: center; /* 相对父元素水平居中 */ | |||
align-items: center; /* 子元素相对父元素垂直居中 */ | |||
} | |||
} | |||
.form_main { | |||
margin: 0 24px; | |||
padding-bottom: 40px; | |||
.form_item { | |||
margin: 20px 20px 0; | |||
display: flex; | |||
font-size: 28px; | |||
border-bottom: 1px solid #e6e6e6; | |||
.v_title { | |||
width: 308px; | |||
color: #999; | |||
height: 112px; | |||
padding-right: 90px; | |||
justify-content: flex-end; | |||
display: flex; | |||
align-items: center; | |||
} | |||
.v_content { | |||
flex: 1; | |||
&.single { | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
} | |||
.icon_date { | |||
width: 26px; | |||
height: 26px; | |||
background: url("../../../../assets/images/sunVillage/select_date_icon.jpg") | |||
no-repeat; | |||
background-size: 100% 100%; | |||
display: block; | |||
margin-right: 12px; | |||
} | |||
&.multiple { | |||
display: flex; | |||
flex-wrap: wrap; | |||
justify-content: space-between; | |||
} | |||
.download_list { | |||
li { | |||
font-size: 24px; | |||
color: #799fe9; | |||
} | |||
} | |||
} | |||
} | |||
} | |||
} | |||
} | |||
</style> | |||
<script> | |||
import headerNav from "@/components/sunVillage/common/header.vue"; | |||
export default { | |||
name: "sunVillageInjoint", | |||
components: { headerNav }, | |||
data() { | |||
return { | |||
headingsTitle: "资源公开", | |||
}; | |||
}, | |||
mounted() {}, | |||
methods: { | |||
skip(url) { | |||
this.$router.push(url); | |||
}, | |||
}, | |||
}; | |||
</script> |
@@ -1,123 +0,0 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<header-nav :currentNav="1" :headings="headingsTitle"></header-nav> | |||
<div class="article_main"> | |||
<div class="title">国新办解读中央一号文件:乡村振兴求好不求快</div> | |||
<div class="info_wrap"> | |||
<div class="publisher">阳光村务公开平台</div> | |||
<div class="time">2022-02-25 09:00</div> | |||
</div> | |||
</div> | |||
<div class="particulars_main"> | |||
<p><img src="@/assets/images/sunVillage/3.jpg" /></p> | |||
<p> | |||
2月22日,阿松大了看啥看三菱电机阿斯兰的阿阿莱克斯大家阿拉山口大家阿斯兰的骄傲 | |||
埃里克森加大了圣诞节阿拉山口道路喀什觉得拉克丝奥斯陆扩大急啊离开圣诞节奥斯陆扩大爱丽丝大家爱丽丝大家 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
</div> | |||
</div> | |||
</template> | |||
<style scoped lang="scss"> | |||
.home_wrapper { | |||
width: 100%; | |||
padding-top: 198px; | |||
min-height: 100vh; | |||
background: #fff; | |||
.article_main { | |||
margin: 0 24px; | |||
padding-top: 15px; | |||
.title { | |||
font-size: 28px; | |||
line-height: 45px; | |||
margin-bottom: 6px; | |||
} | |||
.info_wrap { | |||
display: flex; | |||
line-height: 48px; | |||
font-size: 24px; | |||
.publisher { | |||
color: rgb(92, 107, 140); | |||
margin-right: 20px; | |||
} | |||
.time { | |||
color: #999; | |||
} | |||
} | |||
} | |||
.particulars_main { | |||
margin: 24px 24px 0; | |||
font-size: 24px; | |||
padding-bottom: 15px; | |||
img { | |||
max-width: 100%; | |||
} | |||
p { | |||
padding-bottom: 15px; | |||
} | |||
} | |||
} | |||
</style> | |||
<script> | |||
import headerNav from "@/components/sunVillage/common/header.vue"; | |||
export default { | |||
name: "latestReportDesc", | |||
components: { headerNav }, | |||
data() { | |||
return { | |||
headingsTitle: "最新报道", | |||
}; | |||
}, | |||
mounted() {}, | |||
methods: {}, | |||
}; | |||
</script> |
@@ -1,101 +0,0 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<header-nav :headings="headingsTitle" :currentNav="1"></header-nav> | |||
<div class="focus_news"> | |||
<div class="news_img" @click="skip('/sunVillage/latestReport/details')"> | |||
<img src="@/assets/images/sunVillage/1.jpg" /> | |||
</div> | |||
<div class="news_title" @click="skip('/sunVillage/latestReport/details')"> | |||
国新办解读中央一号文件:乡村振兴求好不求快 | |||
</div> | |||
</div> | |||
<div class="news_list"> | |||
<ul> | |||
<li | |||
class="item_block" | |||
@click="skip('/sunVillage/latestReport/details')" | |||
> | |||
<div class="title">最新报道列表项目1</div> | |||
<div class="insets"> | |||
<img src="@/assets/images/sunVillage/2.jpg" /> | |||
</div> | |||
</li> | |||
<li | |||
class="item_block" | |||
@click="skip('/sunVillage/latestReport/details')" | |||
> | |||
<div class="title">国新办解读中央一号文件:乡村振兴求好不求快</div> | |||
<div class="insets"> | |||
<img src="@/assets/images/sunVillage/2.jpg" /> | |||
</div> | |||
</li> | |||
</ul> | |||
</div> | |||
</div> | |||
</template> | |||
<style scoped lang="scss"> | |||
.home_wrapper { | |||
width: 100%; | |||
padding-top: 198px; | |||
min-height: 100vh; | |||
background: #fff; | |||
.focus_news { | |||
margin: 20px 24px 16px; | |||
.news_img { | |||
width: 702px; | |||
height: 256px; | |||
img { | |||
width: 100%; | |||
height: 100%; | |||
} | |||
} | |||
.news_title { | |||
font-size: 24px; | |||
margin-top: 16px; | |||
} | |||
} | |||
.news_list { | |||
li { | |||
display: flex; | |||
height: 146px; | |||
justify-content: center; | |||
align-items: center; | |||
padding: 0 33px; | |||
.title { | |||
padding-left: 8px; | |||
flex: 1; | |||
font-size: 28px; | |||
} | |||
.insets { | |||
width: 116px; | |||
margin-left: 26px; | |||
height: 116px; | |||
img { | |||
width: 100%; | |||
height: 100%; | |||
} | |||
} | |||
} | |||
} | |||
} | |||
</style> | |||
<script> | |||
import headerNav from "@/components/sunVillage/common/header.vue"; | |||
export default { | |||
name: "latestReport", | |||
components: { headerNav }, | |||
data() { | |||
return { | |||
headingsTitle: "最新报道", | |||
}; | |||
}, | |||
mounted() {}, | |||
methods: { | |||
skip(url) { | |||
this.$router.push(url); | |||
}, | |||
}, | |||
}; | |||
</script> |
@@ -1,123 +0,0 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<header-nav :currentNav="1" :headings="headingsTitle"></header-nav> | |||
<div class="article_main"> | |||
<div class="title">国新办解读中央一号文件:乡村振兴求好不求快</div> | |||
<div class="info_wrap"> | |||
<div class="publisher">阳光村务公开平台</div> | |||
<div class="time">2022-02-25 09:00</div> | |||
</div> | |||
</div> | |||
<div class="particulars_main"> | |||
<p><img src="@/assets/images/sunVillage/3.jpg" /></p> | |||
<p> | |||
2月22日,阿松大了看啥看三菱电机阿斯兰的阿阿莱克斯大家阿拉山口大家阿斯兰的骄傲 | |||
埃里克森加大了圣诞节阿拉山口道路喀什觉得拉克丝奥斯陆扩大急啊离开圣诞节奥斯陆扩大爱丽丝大家爱丽丝大家 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
<p> | |||
卢卡斯的急啊离开圣诞节阿斯兰的阿萨卢卡斯的骄傲啦卢卡斯的就按设按时打算科技大厦了的骄傲睡了多久啊是阿斯利康大家ask的埃里克森的奥斯陆扩大爱山东 | |||
</p> | |||
</div> | |||
</div> | |||
</template> | |||
<style scoped lang="scss"> | |||
.home_wrapper { | |||
width: 100%; | |||
padding-top: 198px; | |||
min-height: 100vh; | |||
background: #fff; | |||
.article_main { | |||
margin: 0 24px; | |||
padding-top: 15px; | |||
.title { | |||
font-size: 28px; | |||
line-height: 45px; | |||
margin-bottom: 6px; | |||
} | |||
.info_wrap { | |||
display: flex; | |||
line-height: 48px; | |||
font-size: 24px; | |||
.publisher { | |||
color: rgb(92, 107, 140); | |||
margin-right: 20px; | |||
} | |||
.time { | |||
color: #999; | |||
} | |||
} | |||
} | |||
.particulars_main { | |||
margin: 24px 24px 0; | |||
font-size: 24px; | |||
padding-bottom: 15px; | |||
img { | |||
max-width: 100%; | |||
} | |||
p { | |||
padding-bottom: 15px; | |||
} | |||
} | |||
} | |||
</style> | |||
<script> | |||
import headerNav from "@/components/sunVillage/common/header.vue"; | |||
export default { | |||
name: "latestReportDesc", | |||
components: { headerNav }, | |||
data() { | |||
return { | |||
headingsTitle: "三务公开", | |||
}; | |||
}, | |||
mounted() {}, | |||
methods: {}, | |||
}; | |||
</script> |
@@ -1,132 +0,0 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<header-nav :headings="headingsTitle" :currentNav="1"></header-nav> | |||
<div class="navigation_main"> | |||
<!-- <div class="flex_wrap current">村务公开</div> | |||
<div class="flex_wrap">党务公开</div> | |||
<div class="flex_wrap">政务公开</div> --> | |||
<div | |||
class="flex_wrap" | |||
v-for="(item, index) in navList" | |||
:key="index" | |||
:class="[navIndex == index ? 'current' : '']" | |||
@click="navIndex = index" | |||
> | |||
{{ item }} | |||
</div> | |||
</div> | |||
<div class="focus_news"> | |||
<div class="news_img" @click="skip('/sunVillage/public/details')"> | |||
<img src="@/assets/images/sunVillage/4.jpg" /> | |||
</div> | |||
<div class="news_title" @click="skip('/sunVillage/public/details')"> | |||
巨峰镇大官庄村2014年1-2月份阳光村务现场 | |||
</div> | |||
</div> | |||
<div class="news_list"> | |||
<ul> | |||
<li class="item_block" @click="skip('/sunVillage/public/details')"> | |||
<div class="title">阳光村务内容01</div> | |||
<div class="insets"> | |||
<img src="@/assets/images/sunVillage/2.jpg" /> | |||
</div> | |||
</li> | |||
<li class="item_block" @click="skip('/sunVillage/public/details')"> | |||
<div class="title">阳光村务内容01</div> | |||
<div class="insets"> | |||
<img src="@/assets/images/sunVillage/2.jpg" /> | |||
</div> | |||
</li> | |||
</ul> | |||
</div> | |||
</div> | |||
</template> | |||
<style scoped lang="scss"> | |||
.home_wrapper { | |||
width: 100%; | |||
padding-top: 198px; | |||
min-height: 100vh; | |||
background: #fff; | |||
.navigation_main { | |||
margin: 0 24px; | |||
display: flex; | |||
justify-content: space-between; | |||
padding: 30px 0 10px; | |||
.flex_wrap { | |||
height: 80px; | |||
background: #f8f8f8; | |||
color: #07c160; | |||
font-size: 32px; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
width: 216px; | |||
border-radius: 12px; | |||
&.current { | |||
color: #fff; | |||
background: #07c160; | |||
} | |||
} | |||
} | |||
.focus_news { | |||
margin: 20px 24px 16px; | |||
.news_img { | |||
width: 702px; | |||
height: 256px; | |||
img { | |||
width: 100%; | |||
height: 100%; | |||
} | |||
} | |||
.news_title { | |||
font-size: 24px; | |||
margin-top: 16px; | |||
} | |||
} | |||
.news_list { | |||
li { | |||
display: flex; | |||
height: 146px; | |||
justify-content: center; | |||
align-items: center; | |||
padding: 0 33px; | |||
.title { | |||
padding-left: 8px; | |||
flex: 1; | |||
font-size: 28px; | |||
} | |||
.insets { | |||
width: 116px; | |||
margin-left: 26px; | |||
height: 116px; | |||
img { | |||
width: 100%; | |||
height: 100%; | |||
} | |||
} | |||
} | |||
} | |||
} | |||
</style> | |||
<script> | |||
import headerNav from "@/components/sunVillage/common/header.vue"; | |||
export default { | |||
name: "sunVillagePublic", | |||
components: { headerNav }, | |||
data() { | |||
return { | |||
headingsTitle: "三务公开", | |||
navList: ["村务公开", "党务公开", "政务公开"], | |||
navIndex: 0, | |||
}; | |||
}, | |||
mounted() {}, | |||
methods: { | |||
skip(url) { | |||
this.$router.push(url); | |||
}, | |||
}, | |||
}; | |||
</script> |
@@ -1,165 +0,0 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<header-nav :currentNav="3" returnUrl="/sunVillage/index"></header-nav> | |||
<equityHeader :serialTag="1"></equityHeader> | |||
<div class="equity_main"> | |||
<div class="header_mian"> | |||
<div class="flex3"> | |||
<div class="title">户人数</div> | |||
<div class="cont">4</div> | |||
</div> | |||
<div class="flex4"> | |||
<div class="title">宅基地㎡</div> | |||
<div class="cont">4500</div> | |||
</div> | |||
<div class="flex4"> | |||
<div class="title">宅基地㎡</div> | |||
<div class="cont">4500</div> | |||
</div> | |||
</div> | |||
<div class="households_main"> | |||
<div class="flex_block" @click="skip('/sunVillage/equity_desc')"> | |||
<div class="unit">户主</div> | |||
<div class="head"> | |||
<img src="../../../assets/images/sunVillage/head_portrait.jpg" /> | |||
</div> | |||
<div class="name">刘树人</div> | |||
<div class="sex">男</div> | |||
<div class="meberCode"> | |||
<div class="text">成员户编码</div> | |||
<div class="code">15456456464646</div> | |||
</div> | |||
</div> | |||
<div class="flex_block" @click="skip('/sunVillage/equity_desc')"> | |||
<div class="unit">妻子</div> | |||
<div class="head"> | |||
<img src="../../../assets/images/sunVillage/head_portrait.jpg" /> | |||
</div> | |||
<div class="name">刘淼</div> | |||
<div class="sex">女</div> | |||
<div class="meberCode"> | |||
<div class="text">成员户编码</div> | |||
<div class="code">15456456464646</div> | |||
</div> | |||
</div> | |||
<div class="flex_block" @click="skip('/sunVillage/equity_desc')"> | |||
<div class="unit">长子</div> | |||
<div class="head"> | |||
<img src="../../../assets/images/sunVillage/head_portrait.jpg" /> | |||
</div> | |||
<div class="name">刘大壮</div> | |||
<div class="sex">男</div> | |||
<div class="meberCode"> | |||
<div class="text">成员户编码</div> | |||
<div class="code">15456456464646</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</template> | |||
<style scoped lang="scss"> | |||
.home_wrapper { | |||
width: 100%; | |||
padding-top: 126px; | |||
min-height: 100vh; | |||
background: #fff; | |||
.equity_main { | |||
margin: 0 24px; | |||
padding: 15px 0; | |||
.header_mian { | |||
height: 80px; | |||
display: flex; | |||
margin-bottom: 15px; | |||
justify-content: center; /* 相对父元素水平居中 */ | |||
align-items: center; /* 子元素相对父元素垂直居中 */ | |||
.flex3 { | |||
flex: 3; | |||
display: flex; | |||
} | |||
.flex4 { | |||
flex: 4; | |||
display: flex; | |||
} | |||
.title { | |||
font-size: 30px; | |||
padding: 0 15px; | |||
color: #999; | |||
} | |||
.cont { | |||
font-size: 30px; | |||
color: #07c160; | |||
flex: 1; | |||
text-align: center; | |||
} | |||
} | |||
.households_main { | |||
.flex_block { | |||
height: 115px; | |||
position: relative; | |||
margin-bottom: 18px; | |||
margin-left: 60px; | |||
display: flex; | |||
border-bottom: 1px solid #e6e6e6; | |||
justify-content: center; /* 相对父元素水平居中 */ | |||
align-items: center; /* 子元素相对父元素垂直居中 */ | |||
.unit { | |||
width: 34px; | |||
display: flex; | |||
position: absolute; | |||
left: -40px; | |||
font-size: 28px; | |||
color: #07c160; | |||
} | |||
.head { | |||
width: 64px; | |||
height: 64px; | |||
margin-left: 10px; | |||
img { | |||
width: 100%; | |||
height: 100%; | |||
} | |||
} | |||
.name { | |||
width: 170px; | |||
text-align: center; | |||
font-size: 30px; | |||
} | |||
.sex { | |||
width: 100px; | |||
font-size: 24px; | |||
text-align: center; | |||
} | |||
.meberCode { | |||
flex: 1; | |||
font-size: 24px; | |||
text-align: center; | |||
.text { | |||
color: #999; | |||
margin-bottom: 8px; | |||
} | |||
} | |||
} | |||
} | |||
} | |||
} | |||
</style> | |||
<script> | |||
import headerNav from "@/components/sunVillage/common/header.vue"; | |||
import equityHeader from "@/components/sunVillage/equity_header"; | |||
export default { | |||
name: "sunVillageEquity", | |||
components: { headerNav, equityHeader }, | |||
data() { | |||
return {}; | |||
}, | |||
mounted() {}, | |||
methods: { | |||
skip(url) { | |||
this.$router.push(url); | |||
}, | |||
}, | |||
}; | |||
</script> |
@@ -1,118 +0,0 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<header-nav | |||
:headings="headingsTitle" | |||
:currentNav="3" | |||
returnUrl="/sunVillage/equity" | |||
></header-nav> | |||
<equityHeader :serialTag="1"></equityHeader> | |||
<div class="info_main"> | |||
<div class="info_item"> | |||
<div class="v_title">成员姓名</div> | |||
<div class="v_content single">王万多</div> | |||
</div> | |||
<div class="info_item"> | |||
<div class="v_title">成员户编码</div> | |||
<div class="v_content single">1231231231231231</div> | |||
</div> | |||
<div class="info_item"> | |||
<div class="v_title">家庭身份</div> | |||
<div class="v_content single">户主</div> | |||
</div> | |||
<div class="info_item"> | |||
<div class="v_title">民族</div> | |||
<div class="v_content single">汉</div> | |||
</div> | |||
<div class="info_item"> | |||
<div class="v_title">身份证号码</div> | |||
<div class="v_content single">123111111111111123</div> | |||
</div> | |||
<div class="info_item"> | |||
<div class="v_title">户主联系电话</div> | |||
<div class="v_content single">158545645121</div> | |||
</div> | |||
<div class="info_item"> | |||
<div class="v_title">承包地面积(㎡)</div> | |||
<div class="v_content single">1500</div> | |||
</div> | |||
<div class="info_item"> | |||
<div class="v_title">宅基地面积(㎡)</div> | |||
<div class="v_content single"> | |||
<input | |||
type="text" | |||
class="input_style" | |||
placeholder="请输入宅基地面积" | |||
maxlength="8" | |||
/> | |||
</div> | |||
</div> | |||
<div class="info_item"> | |||
<div class="v_title">开户银行</div> | |||
<div class="v_content single">农业银行西峡村支行</div> | |||
</div> | |||
</div> | |||
</div> | |||
</template> | |||
<style scoped lang="scss"> | |||
.home_wrapper { | |||
width: 100%; | |||
padding-top: 198px; | |||
min-height: 100vh; | |||
background: #fff; | |||
.info_main { | |||
margin: 0 24px; | |||
.info_item { | |||
margin: 20px 20px 0; | |||
display: flex; | |||
font-size: 28px; | |||
border-bottom: 1px solid #e6e6e6; | |||
.v_title { | |||
width: 308px; | |||
color: #999; | |||
height: 112px; | |||
padding-right: 90px; | |||
justify-content: flex-end; | |||
display: flex; | |||
align-items: center; | |||
} | |||
.v_content { | |||
flex: 1; | |||
&.single { | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
.input_style { | |||
width: 100%; | |||
text-align: center; | |||
height: 90px; | |||
} | |||
} | |||
} | |||
} | |||
} | |||
} | |||
</style> | |||
<script> | |||
import headerNav from "@/components/sunVillage/common/header.vue"; | |||
import equityHeader from "@/components/sunVillage/equity_header"; | |||
export default { | |||
name: "sunVillageInjointMeansOfDesc", | |||
components: { headerNav, equityHeader }, | |||
data() { | |||
return { | |||
headingsTitle: "股民信息", | |||
}; | |||
}, | |||
mounted() {}, | |||
methods: { | |||
skip(url) { | |||
this.$router.push(url); | |||
}, | |||
}, | |||
}; | |||
</script> |
@@ -1,202 +0,0 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<header-nav :currentNav="3" returnUrl="/sunVillage/index"></header-nav> | |||
<equityHeader :serialTag="2"></equityHeader> | |||
<div class="equity_main"> | |||
<div class="date_main" @click="selectDateFun"> | |||
<i class="icon"></i> | |||
<div class="year">2022<span class="unit">年</span></div> | |||
</div> | |||
<div class="header_mian"> | |||
<div class="flex3"> | |||
<div class="title">户人数</div> | |||
<div class="cont">4</div> | |||
</div> | |||
<div class="flex4"> | |||
<div class="title">总股数</div> | |||
<div class="cont">4500</div> | |||
</div> | |||
<div class="flex4"> | |||
<div class="title">总分红</div> | |||
<div class="cont">4500</div> | |||
</div> | |||
</div> | |||
<div class="households_main"> | |||
<div class="flex_block"> | |||
<div class="unit">户主</div> | |||
<div class="head"> | |||
<img src="../../../assets/images/sunVillage/head_portrait.jpg" /> | |||
</div> | |||
<div class="name">刘树人</div> | |||
<div class="numberShare" @click="skip('/sunVillage/shareBonus_num')"> | |||
<div class="text">股数</div> | |||
<div class="code">2.00</div> | |||
</div> | |||
<div class="bonus" @click="skip('/sunVillage/shareBonus_amount')"> | |||
<div class="text">总分红(元)</div> | |||
<div class="code">850.00</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<van-popup v-model:show="dateVisbile" round position="bottom"> | |||
<van-picker | |||
title="选择年" | |||
show-toolbar | |||
:columns="yearColumns" | |||
:default-index="yearSelect" | |||
@confirm="yearConfirm" | |||
@cancel="dateVisbile = false" | |||
/> | |||
</van-popup> | |||
</div> | |||
</template> | |||
<style scoped lang="scss"> | |||
.home_wrapper { | |||
width: 100%; | |||
padding-top: 126px; | |||
min-height: 100vh; | |||
background: #fff; | |||
.equity_main { | |||
margin: 0 24px; | |||
padding: 15px 0; | |||
.date_main { | |||
width: 220px; | |||
height: 68px; | |||
border-bottom: 2px solid #ededed; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
font-size: 28px; | |||
.icon { | |||
width: 26px; | |||
height: 26px; | |||
background: url("../../../assets/images/sunVillage/select_date_icon.jpg") | |||
no-repeat; | |||
background-size: 100% 100%; | |||
display: block; | |||
margin: 0 25px 0 12px; | |||
} | |||
.year { | |||
.unit { | |||
padding: 0 10px; | |||
} | |||
} | |||
} | |||
.header_mian { | |||
height: 80px; | |||
display: flex; | |||
margin-bottom: 15px; | |||
justify-content: center; /* 相对父元素水平居中 */ | |||
align-items: center; /* 子元素相对父元素垂直居中 */ | |||
.flex3 { | |||
flex: 3; | |||
display: flex; | |||
} | |||
.flex4 { | |||
flex: 4; | |||
display: flex; | |||
} | |||
.title { | |||
font-size: 30px; | |||
padding: 0 15px; | |||
color: #999; | |||
} | |||
.cont { | |||
font-size: 30px; | |||
color: #07c160; | |||
flex: 1; | |||
text-align: center; | |||
} | |||
} | |||
.households_main { | |||
.flex_block { | |||
height: 115px; | |||
position: relative; | |||
margin-bottom: 18px; | |||
margin-left: 60px; | |||
display: flex; | |||
border-bottom: 1px solid #e6e6e6; | |||
justify-content: center; /* 相对父元素水平居中 */ | |||
align-items: center; /* 子元素相对父元素垂直居中 */ | |||
.unit { | |||
width: 34px; | |||
display: flex; | |||
position: absolute; | |||
left: -40px; | |||
font-size: 28px; | |||
color: #07c160; | |||
} | |||
.head { | |||
width: 64px; | |||
height: 64px; | |||
margin-left: 10px; | |||
img { | |||
width: 100%; | |||
height: 100%; | |||
} | |||
} | |||
.name { | |||
width: 150px; | |||
text-align: center; | |||
font-size: 30px; | |||
} | |||
.bonus, | |||
.numberShare { | |||
flex: 1; | |||
font-size: 28px; | |||
text-align: center; | |||
.text { | |||
color: #999; | |||
margin-bottom: 8px; | |||
} | |||
} | |||
} | |||
} | |||
} | |||
} | |||
</style> | |||
<script> | |||
import headerNav from "@/components/sunVillage/common/header.vue"; | |||
import equityHeader from "@/components/sunVillage/equity_header"; | |||
export default { | |||
name: "sunVillageEquity", | |||
components: { headerNav, equityHeader }, | |||
data() { | |||
return { | |||
dateVisbile: false, | |||
yearColumns: [2000, 2001, 2002], | |||
yearSelect: null, | |||
}; | |||
}, | |||
mounted() { | |||
this.yearData(); | |||
}, | |||
methods: { | |||
skip(url) { | |||
this.$router.push(url); | |||
}, | |||
selectDateFun() { | |||
this.dateVisbile = !this.dateVisbile; | |||
}, | |||
yearData() { | |||
for (let i = 2000; i < 2060; i++) { | |||
this.yearColumns.push(i); | |||
} | |||
//显示当前年份 | |||
var year = new Date().getFullYear(); | |||
this.yearSelect = this.yearColumns.indexOf(Number(year)); | |||
}, | |||
yearConfirm(value) { | |||
// this.formatDate = value + "年"; | |||
// this.form.reportDate = value.toString(); | |||
// this.yearShow = false; | |||
this.dateVisbile = false; | |||
}, | |||
}, | |||
}; | |||
</script> |
@@ -1,161 +0,0 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<header-nav | |||
:headings="headingsTitle" | |||
:currentNav="3" | |||
returnUrl="/sunVillage/shareBonus" | |||
></header-nav> | |||
<equityHeader :serialTag="2"></equityHeader> | |||
<div class="holding_header"> | |||
<div class="unit">户主</div> | |||
<div class="head"> | |||
<img src="../../../assets/images/sunVillage/head_portrait.jpg" /> | |||
</div> | |||
<div class="name">刘说的</div> | |||
</div> | |||
<div class="info_main"> | |||
<div class="info_item"> | |||
<div class="v_title">年度</div> | |||
<div class="v_content single"><i class="icon_date"></i> 2022</div> | |||
</div> | |||
<div class="info_item"> | |||
<div class="v_title">分红金额</div> | |||
<div class="v_content single">10000</div> | |||
</div> | |||
<div class="info_item"> | |||
<div class="v_title">集体分红金额</div> | |||
<div class="v_content single">10000</div> | |||
</div> | |||
<div class="info_item"> | |||
<div class="v_title">股民分红金额</div> | |||
<div class="v_content single">10000</div> | |||
</div> | |||
<div class="info_item"> | |||
<div class="v_title">分红时间</div> | |||
<div class="v_content single"><i class="icon_date"></i> 2022-02-11</div> | |||
</div> | |||
<div class="info_item"> | |||
<div class="v_title">分红说明</div> | |||
<div class="v_content single"> | |||
<input | |||
type="text" | |||
class="input_style" | |||
placeholder="请输入宅基地面积" | |||
maxlength="8" | |||
/> | |||
</div> | |||
</div> | |||
<div class="info_item"> | |||
<div class="v_title">凭证号</div> | |||
<div class="v_content single">记-01</div> | |||
</div> | |||
</div> | |||
</div> | |||
</template> | |||
<style scoped lang="scss"> | |||
.home_wrapper { | |||
width: 100%; | |||
padding-top: 198px; | |||
min-height: 100vh; | |||
background: #fff; | |||
.holding_header { | |||
margin: 20px 24px 0; | |||
height: 112px; | |||
display: flex; | |||
align-items: center; /* 子元素相对父元素垂直居中 */ | |||
text-align: center; | |||
font-size: 30px; | |||
.unit { | |||
width: 98px; | |||
color: #07c160; | |||
} | |||
.head { | |||
width: 64px; | |||
height: 64px; | |||
margin-left: 20px; | |||
img { | |||
width: 100%; | |||
height: 100%; | |||
} | |||
} | |||
.name { | |||
width: 150px; | |||
} | |||
.allNum { | |||
flex: 1; | |||
color: #999; | |||
text-align: left; | |||
.num { | |||
color: #07c160; | |||
padding-left: 10px; | |||
} | |||
} | |||
} | |||
.info_main { | |||
margin: 0 24px; | |||
.info_item { | |||
margin: 20px 20px 0; | |||
display: flex; | |||
font-size: 28px; | |||
border-bottom: 1px solid #e6e6e6; | |||
.v_title { | |||
width: 308px; | |||
color: #999; | |||
height: 112px; | |||
padding-right: 90px; | |||
justify-content: flex-end; | |||
display: flex; | |||
align-items: center; | |||
} | |||
.v_content { | |||
flex: 1; | |||
.icon_date { | |||
width: 26px; | |||
height: 26px; | |||
background: url("../../../assets/images/sunVillage/select_date_icon.jpg") | |||
no-repeat; | |||
background-size: 100% 100%; | |||
display: block; | |||
margin-right: 12px; | |||
} | |||
&.single { | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
.input_style { | |||
width: 100%; | |||
text-align: center; | |||
height: 90px; | |||
} | |||
} | |||
} | |||
} | |||
} | |||
} | |||
</style> | |||
<script> | |||
import headerNav from "@/components/sunVillage/common/header.vue"; | |||
import equityHeader from "@/components/sunVillage/equity_header"; | |||
export default { | |||
name: "sunVillageInjointMeansOfDesc", | |||
components: { headerNav, equityHeader }, | |||
data() { | |||
return { | |||
headingsTitle: "股民信息", | |||
}; | |||
}, | |||
mounted() {}, | |||
methods: { | |||
skip(url) { | |||
this.$router.push(url); | |||
}, | |||
}, | |||
}; | |||
</script> |
@@ -1,133 +0,0 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<header-nav | |||
:headings="headingsTitle" | |||
:currentNav="3" | |||
returnUrl="/sunVillage/shareBonus" | |||
></header-nav> | |||
<equityHeader :serialTag="2"></equityHeader> | |||
<div class="holding_header"> | |||
<div class="unit">户主</div> | |||
<div class="head"> | |||
<img src="../../../assets/images/sunVillage/head_portrait.jpg" /> | |||
</div> | |||
<div class="name">刘说的</div> | |||
<div class="allNum">总股数<span class="num">4500</span></div> | |||
</div> | |||
<div class="info_main"> | |||
<div class="info_item"> | |||
<div class="v_title">人人股</div> | |||
<div class="v_content single">400</div> | |||
</div> | |||
<div class="info_item"> | |||
<div class="v_title">土土股</div> | |||
<div class="v_content single">400</div> | |||
</div> | |||
<div class="info_item"> | |||
<div class="v_title">劳劳股</div> | |||
<div class="v_content single">400</div> | |||
</div> | |||
<div class="info_item"> | |||
<div class="v_title">资资股</div> | |||
<div class="v_content single">400</div> | |||
</div> | |||
</div> | |||
</div> | |||
</template> | |||
<style scoped lang="scss"> | |||
.home_wrapper { | |||
width: 100%; | |||
padding-top: 198px; | |||
min-height: 100vh; | |||
background: #fff; | |||
.holding_header { | |||
margin: 20px 24px 0; | |||
height: 112px; | |||
display: flex; | |||
justify-content: center; /* 相对父元素水平居中 */ | |||
align-items: center; /* 子元素相对父元素垂直居中 */ | |||
text-align: center; | |||
font-size: 30px; | |||
.unit { | |||
width: 98px; | |||
color: #07c160; | |||
} | |||
.head { | |||
width: 64px; | |||
height: 64px; | |||
margin-left: 20px; | |||
img { | |||
width: 100%; | |||
height: 100%; | |||
} | |||
} | |||
.name { | |||
width: 150px; | |||
} | |||
.allNum { | |||
flex: 1; | |||
color: #999; | |||
text-align: left; | |||
.num { | |||
color: #07c160; | |||
padding-left: 10px; | |||
} | |||
} | |||
} | |||
.info_main { | |||
margin: 0 24px; | |||
.info_item { | |||
margin: 20px 20px 0; | |||
display: flex; | |||
font-size: 28px; | |||
border-bottom: 1px solid #e6e6e6; | |||
.v_title { | |||
width: 308px; | |||
color: #999; | |||
height: 112px; | |||
padding-right: 90px; | |||
justify-content: flex-end; | |||
display: flex; | |||
align-items: center; | |||
} | |||
.v_content { | |||
flex: 1; | |||
&.single { | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
.input_style { | |||
width: 100%; | |||
text-align: center; | |||
height: 90px; | |||
} | |||
} | |||
} | |||
} | |||
} | |||
} | |||
</style> | |||
<script> | |||
import headerNav from "@/components/sunVillage/common/header.vue"; | |||
import equityHeader from "@/components/sunVillage/equity_header"; | |||
export default { | |||
name: "sunVillageInjointMeansOfDesc", | |||
components: { headerNav, equityHeader }, | |||
data() { | |||
return { | |||
headingsTitle: "股权分红", | |||
}; | |||
}, | |||
mounted() {}, | |||
methods: { | |||
skip(url) { | |||
this.$router.push(url); | |||
}, | |||
}, | |||
}; | |||
</script> |
@@ -1,118 +0,0 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<header-nav :currentNav="1"></header-nav> | |||
<div class="subnavigation_main"> | |||
<router-link tag="div" to="/sunVillage/latestReport" class="channel c1"> | |||
<div class="icon"></div> | |||
<div class="title">最新报道</div> | |||
</router-link> | |||
<router-link tag="div" to="/sunVillage/importantItems" class="channel c2"> | |||
<div class="icon"></div> | |||
<div class="title">重大事项</div> | |||
</router-link> | |||
<router-link tag="div" to="/sunVillage/public" class="channel c3"> | |||
<div class="icon"></div> | |||
<div class="title">三务公开</div> | |||
</router-link> | |||
<router-link tag="div" to="/sunVillage/financial" class="channel c4"> | |||
<div class="icon"></div> | |||
<div class="title">惠民金融</div> | |||
</router-link> | |||
<router-link tag="div" to="/sunVillage/injoint" class="channel c5"> | |||
<div class="icon"></div> | |||
<div class="title">三资公开</div> | |||
</router-link> | |||
</div> | |||
</div> | |||
</template> | |||
<style scoped lang="scss"> | |||
.home_wrapper { | |||
width: 100%; | |||
padding-top: 126px; | |||
min-height: 100vh; | |||
background: #fff; | |||
} | |||
.subnavigation_main { | |||
margin: 50px 40px 0; | |||
display: flex; | |||
flex-wrap: wrap; | |||
justify-content: space-between; | |||
.channel { | |||
background: #58cf99; | |||
border-radius: 20px; | |||
width: 308px; | |||
height: 308px; | |||
margin-bottom: 40px; | |||
display: flex; | |||
flex-direction: column; /* 子元素横向排列 */ | |||
justify-content: center; /* 相对父元素水平居中 */ | |||
align-items: center; /* 子元素相对父元素垂直居中 */ | |||
.icon { | |||
width: 128px; | |||
height: 128px; | |||
margin-bottom: 32px; | |||
} | |||
.title { | |||
color: #fff; | |||
font-size: 28px; | |||
} | |||
&.c1 { | |||
background: #58cf99; | |||
.icon { | |||
background: url("../../assets/images/sunVillage/index_nav_1.png") | |||
no-repeat; | |||
background-size: 100% 100%; | |||
} | |||
} | |||
&.c2 { | |||
background: #ff9d00; | |||
.icon { | |||
background: url("../../assets/images/sunVillage/index_nav_2.png") | |||
no-repeat; | |||
background-size: 100% 100%; | |||
} | |||
} | |||
&.c3 { | |||
background: #fa90c2; | |||
.icon { | |||
background: url("../../assets/images/sunVillage/index_nav_3.png") | |||
no-repeat; | |||
background-size: 100% 100%; | |||
} | |||
} | |||
&.c4 { | |||
background: #6a7afa; | |||
.icon { | |||
background: url("../../assets/images/sunVillage/index_nav_4.png") | |||
no-repeat; | |||
background-size: 100% 100%; | |||
} | |||
} | |||
&.c5 { | |||
background: #66ccff; | |||
.icon { | |||
background: url("../../assets/images/sunVillage/index_nav_5.png") | |||
no-repeat; | |||
background-size: 100% 100%; | |||
} | |||
} | |||
} | |||
} | |||
</style> | |||
<script> | |||
import headerNav from "@/components/sunVillage/common/header.vue"; | |||
export default { | |||
name: "latestReport", | |||
components: { headerNav }, | |||
data() { | |||
return {}; | |||
}, | |||
mounted() {}, | |||
methods: {}, | |||
}; | |||
</script> |
@@ -1,109 +0,0 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<div class="login_title"> | |||
<div class="title">登录</div> | |||
<div class="desc">阳光村务公众号</div> | |||
</div> | |||
<div class="login_from"> | |||
<div class="form_item"> | |||
<div class="headings">姓名</div> | |||
<div class="input_wrap"> | |||
<input type="text" class="ipt" placeholder="请输入姓名" /> | |||
</div> | |||
</div> | |||
<div class="form_item"> | |||
<div class="headings">身份证号</div> | |||
<div class="input_wrap"> | |||
<input type="text" class="ipt" placeholder="请输入身份证号" /> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="login_btn_wrap"> | |||
<div class="login_btn" @click="loginSubmit">登录</div> | |||
</div> | |||
</div> | |||
</template> | |||
<style scoped lang="scss"> | |||
.home_wrapper { | |||
background: #fff; | |||
padding-top: 198px; | |||
min-width: 100%; | |||
min-height: 100vh; | |||
} | |||
.login_title { | |||
text-align: center; | |||
padding-top: 88px; | |||
margin-bottom: 96px; | |||
.title { | |||
font-size: 72px; | |||
color: #2ecc71; | |||
margin-bottom: 38px; | |||
} | |||
.desc { | |||
font-size: 36px; | |||
} | |||
} | |||
.login_from { | |||
margin: 0 75px; | |||
.form_item { | |||
.headings { | |||
font-size: 28px; | |||
color: #2ecc71; | |||
} | |||
.input_wrap { | |||
margin-top: 4px; | |||
height: 68px; | |||
position: relative; | |||
margin-bottom: 50px; | |||
.ipt { | |||
font-size: 30px; | |||
width: 100%; | |||
height: 60px; | |||
line-height: 60px; | |||
} | |||
&::after { | |||
content: " "; | |||
height: 4px; | |||
border-radius: 4px; | |||
position: absolute; | |||
bottom: 0; | |||
left: 0; | |||
width: 100%; | |||
background: #2ecc71; | |||
} | |||
} | |||
} | |||
} | |||
.login_btn_wrap { | |||
position: absolute; | |||
left: 0; | |||
width: 600px; | |||
bottom: 180px; | |||
margin: 0 75px; | |||
.login_btn { | |||
height: 100px; | |||
border-radius: 100px; | |||
background: #2ecc71; | |||
color: #fff; | |||
line-height: 100px; | |||
font-size: 40px; | |||
text-align: center; | |||
} | |||
} | |||
</style> | |||
<script> | |||
export default { | |||
name: "Login", | |||
data() { | |||
return {}; | |||
}, | |||
mounted() {}, | |||
methods: { | |||
loginSubmit() { | |||
this.$router.push("/sunVillage/index"); | |||
}, | |||
}, | |||
}; | |||
</script> |
@@ -1,94 +0,0 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<header-nav :currentNav="2" returnUrl="/sunVillage/index"></header-nav> | |||
<sunVillageHeader :serialTag="1"></sunVillageHeader> | |||
<div class="consulting_entrance"> | |||
<div | |||
class="consulting_icon" | |||
@click="skip('/sunVillage/consulting/inquiries')" | |||
> | |||
咨询 | |||
</div> | |||
</div> | |||
<div class="content_desc"> | |||
<ul> | |||
<li @click="skip('/sunVillage/consulting/my_consulting')"> | |||
<div class="title">金融问题咨询</div> | |||
<div class="time">2022-02-25 09:00</div> | |||
</li> | |||
<li @click="skip('/sunVillage/consulting/my_consulting')"> | |||
<div class="title">金融问题咨询</div> | |||
<div class="time">2022-02-25 09:00</div> | |||
</li> | |||
<li @click="skip('/sunVillage/consulting/my_consulting')"> | |||
<div class="title">金融问题咨询</div> | |||
<div class="time">2022-02-25 09:00</div> | |||
</li> | |||
</ul> | |||
</div> | |||
</div> | |||
</template> | |||
<style scoped lang="scss"> | |||
.home_wrapper { | |||
width: 100%; | |||
padding-top: 126px; | |||
min-height: 100vh; | |||
background: #fff; | |||
.consulting_entrance { | |||
padding: 16px 0; | |||
margin: 0 24px; | |||
display: block; | |||
overflow: hidden; | |||
.consulting_icon { | |||
width: 144px; | |||
height: 76px; | |||
background: url("../../../assets/images/sunVillage/consulting_icon.png") | |||
no-repeat; | |||
background-size: 100% 100%; | |||
float: right; | |||
color: #fff; | |||
font-size: 28px; | |||
line-height: 60px; | |||
text-align: right; | |||
padding-right: 20px; | |||
} | |||
} | |||
.content_desc { | |||
margin: 0 24px; | |||
li { | |||
height: 114px; | |||
display: flex; | |||
justify-content: space-between; | |||
align-items: center; | |||
.title { | |||
font-size: 28px; | |||
color: #333; | |||
} | |||
.time { | |||
font-size: 24px; | |||
color: #bababa; | |||
} | |||
} | |||
} | |||
} | |||
</style> | |||
<script> | |||
import headerNav from "@/components/sunVillage/common/header.vue"; | |||
import sunVillageHeader from "@/components/sunVillage/sunVillage_header"; | |||
export default { | |||
name: "sunVillageConsulting", | |||
components: { headerNav, sunVillageHeader }, | |||
data() { | |||
return {}; | |||
}, | |||
mounted() {}, | |||
methods: { | |||
skip(url) { | |||
this.$router.push(url); | |||
}, | |||
}, | |||
}; | |||
</script> |
@@ -1,143 +0,0 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<header-nav | |||
:currentNav="2" | |||
returnUrl="/sunVillage/consulting" | |||
:headings="headingsTitle" | |||
></header-nav> | |||
<div class="consulting_header"> | |||
<div class="user_wrap"> | |||
<div class="title">咨询人</div> | |||
<div class="content">刘文芳</div> | |||
</div> | |||
<div class="time_wrap"> | |||
<div class="title">咨询时间</div> | |||
<div class="content">2022-02-11 11:15:00</div> | |||
</div> | |||
</div> | |||
<div class="form_main"> | |||
<div class="flex_item"> | |||
<div class="title">标题</div> | |||
<div class="ipt_main"> | |||
<input type="text" class="ipt" placeholder="请输入标题" /> | |||
</div> | |||
</div> | |||
<div class="flex_item"> | |||
<div class="title">咨询内容</div> | |||
<div class="ipt_main"> | |||
<textarea | |||
rows="2" | |||
class="textarea" | |||
placeholder="请输入咨询内容" | |||
></textarea> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="form_submit"> | |||
<div class="submit_btn">提交咨询</div> | |||
</div> | |||
</div> | |||
</template> | |||
<style scoped lang="scss"> | |||
.home_wrapper { | |||
width: 100%; | |||
padding-top: 198px; | |||
min-height: 100vh; | |||
background: #fff; | |||
.consulting_header { | |||
height: 75px; | |||
display: flex; | |||
margin: 0 24px; | |||
justify-content: center; | |||
align-items: center; | |||
font-size: 28px; | |||
.title { | |||
width: 138px; | |||
color: #999; | |||
} | |||
.user_wrap { | |||
width: 312px; | |||
display: flex; | |||
} | |||
.time_wrap { | |||
flex: 1; | |||
display: flex; | |||
} | |||
.content { | |||
display: flex; | |||
align-items: center; | |||
font-size: 24px; | |||
} | |||
} | |||
.form_main { | |||
margin: 35px 24px 0; | |||
font-size: 28px; | |||
.flex_item { | |||
display: flex; | |||
margin-bottom: 70px; | |||
.title { | |||
width: 138px; | |||
color: #999; | |||
height: 55px; | |||
display: flex; | |||
align-items: center; /* 子元素相对父元素垂直居中 */ | |||
} | |||
.ipt_main { | |||
flex: 1; | |||
.ipt { | |||
width: 100%; | |||
height: 65px; | |||
border: 2px solid #e5e5e5; | |||
border-radius: 8px; | |||
padding: 0 15px; | |||
} | |||
.textarea { | |||
width: 100%; | |||
height: 410px; | |||
border: 2px solid #e5e5e5; | |||
border-radius: 8px; | |||
padding: 15px; | |||
} | |||
} | |||
} | |||
} | |||
.form_submit { | |||
display: flex; | |||
justify-content: center; /* 相对父元素水平居中 */ | |||
align-items: center; /* 子元素相对父元素垂直居中 */ | |||
.submit_btn { | |||
width: 340px; | |||
height: 80px; | |||
background: #07c160; | |||
color: #fff; | |||
font-size: 32px; | |||
line-height: 80px; | |||
text-align: center; | |||
border-radius: 10px; | |||
} | |||
} | |||
} | |||
</style> | |||
<script> | |||
import headerNav from "@/components/sunVillage/common/header.vue"; | |||
export default { | |||
name: "sunVillageConsulting", | |||
components: { headerNav }, | |||
data() { | |||
return { | |||
headingsTitle: "我的咨询", | |||
}; | |||
}, | |||
mounted() {}, | |||
methods: { | |||
skip(url) { | |||
this.$router.push(url); | |||
}, | |||
}, | |||
}; | |||
</script> |
@@ -1,82 +0,0 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<header-nav :currentNav="2" returnUrl="/sunVillage/index"></header-nav> | |||
<sunVillageHeader :serialTag="2"></sunVillageHeader> | |||
<div class="kanban_main"> | |||
<div class="livelihood_desc"> | |||
<ul> | |||
<li | |||
@click=" | |||
skip('/sunVillage/consulting/my_consulting?type=affairsList') | |||
" | |||
> | |||
<div class="title">金融问题咨询</div> | |||
<div class="time">2022-02-25 09:00</div> | |||
</li> | |||
<li | |||
@click=" | |||
skip('/sunVillage/consulting/my_consulting?type=affairsList') | |||
" | |||
> | |||
<div class="title">金融问题咨询</div> | |||
<div class="time">2022-02-25 09:00</div> | |||
</li> | |||
<li | |||
@click=" | |||
skip('/sunVillage/consulting/my_consulting?type=affairsList') | |||
" | |||
> | |||
<div class="title">金融问题咨询</div> | |||
<div class="time">2022-02-25 09:00</div> | |||
</li> | |||
</ul> | |||
</div> | |||
</div> | |||
</div> | |||
</template> | |||
<script> | |||
import headerNav from "@/components/sunVillage/common/header.vue"; | |||
import sunVillageHeader from "@/components/sunVillage/sunVillage_header"; | |||
export default { | |||
name: "sunVillageKanban", | |||
components: { headerNav, sunVillageHeader }, | |||
data() { | |||
return {}; | |||
}, | |||
mounted() {}, | |||
methods: { | |||
skip(url) { | |||
this.$router.push(url); | |||
}, | |||
}, | |||
}; | |||
</script> | |||
<style scoped lang="scss"> | |||
.home_wrapper { | |||
width: 100%; | |||
padding-top: 126px; | |||
min-height: 100vh; | |||
background: #fff; | |||
.kanban_main { | |||
margin: 0 24px; | |||
.livelihood_desc { | |||
padding: 20px; | |||
li { | |||
height: 65px; | |||
display: flex; | |||
justify-content: space-between; | |||
align-items: center; | |||
.title { | |||
font-size: 28px; | |||
color: #333; | |||
} | |||
.time { | |||
font-size: 24px; | |||
color: #bababa; | |||
} | |||
} | |||
} | |||
} | |||
} | |||
</style> |
@@ -1,78 +0,0 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<header-nav :currentNav="2" :headings="headingsTitle"></header-nav> | |||
<div class="article_main"> | |||
<div class="title">阳光村务内容1</div> | |||
<div class="info_wrap"> | |||
<div class="publisher">阳光村务公开平台</div> | |||
<div class="time">2022-02-25 09:00</div> | |||
</div> | |||
</div> | |||
<div class="particulars_main"> | |||
<p><img src="@/assets/images/sunVillage/3.jpg" /></p> | |||
<p> | |||
2月22日,阳光村务内容1 | |||
阳光村务内容1阳光村务内容1阳光村务内容1阳光村务内容1阳光村务内容1阳光村务内容1阳光村务内容1阳光村务内容1 | |||
</p> | |||
<p> | |||
阳光村务内容1阳光村务内容1阳光村务内容1阳光村务内容1阳光村务内容1阳光村务内容1阳光村务内容1阳光村务内容1阳光村务内容1阳光村务内容1阳光村务内容1 | |||
</p> | |||
</div> | |||
</div> | |||
</template> | |||
<style scoped lang="scss"> | |||
.home_wrapper { | |||
width: 100%; | |||
padding-top: 198px; | |||
min-height: 100vh; | |||
background: #fff; | |||
.article_main { | |||
margin: 0 24px; | |||
padding-top: 15px; | |||
.title { | |||
font-size: 28px; | |||
line-height: 45px; | |||
margin-bottom: 6px; | |||
} | |||
.info_wrap { | |||
display: flex; | |||
line-height: 48px; | |||
font-size: 24px; | |||
.publisher { | |||
color: rgb(92, 107, 140); | |||
margin-right: 20px; | |||
} | |||
.time { | |||
color: #999; | |||
} | |||
} | |||
} | |||
.particulars_main { | |||
margin: 24px 24px 0; | |||
font-size: 24px; | |||
padding-bottom: 15px; | |||
img { | |||
max-width: 100%; | |||
} | |||
p { | |||
padding-bottom: 15px; | |||
} | |||
} | |||
} | |||
</style> | |||
<script> | |||
import headerNav from "@/components/sunVillage/common/header.vue"; | |||
export default { | |||
name: "latestReportDesc", | |||
components: { headerNav }, | |||
data() { | |||
return { | |||
headingsTitle: "民生看板", | |||
}; | |||
}, | |||
mounted() {}, | |||
methods: {}, | |||
}; | |||
</script> |
@@ -1,79 +0,0 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<header-nav :currentNav="2" returnUrl="/sunVillage/index"></header-nav> | |||
<sunVillageHeader :serialTag="2"></sunVillageHeader> | |||
<div class="news_list"> | |||
<ul> | |||
<li | |||
class="item_block" | |||
@click="skip('/sunVillage/consulting/kanban/focusDesc')" | |||
> | |||
<div class="title">阳光村务内容1</div> | |||
<div class="insets"> | |||
<img src="@/assets/images/sunVillage/2.jpg" /> | |||
</div> | |||
</li> | |||
<li | |||
class="item_block" | |||
@click="skip('/sunVillage/consulting/kanban/focusDesc')" | |||
> | |||
<div class="title">阳光村务内容1</div> | |||
<div class="insets"> | |||
<img src="@/assets/images/sunVillage/2.jpg" /> | |||
</div> | |||
</li> | |||
</ul> | |||
</div> | |||
</div> | |||
</template> | |||
<script> | |||
import headerNav from "@/components/sunVillage/common/header.vue"; | |||
import sunVillageHeader from "@/components/sunVillage/sunVillage_header"; | |||
export default { | |||
name: "sunVillageKanbanFocusList", | |||
components: { headerNav, sunVillageHeader }, | |||
data() { | |||
return {}; | |||
}, | |||
mounted() {}, | |||
methods: { | |||
skip(url) { | |||
this.$router.push(url); | |||
}, | |||
}, | |||
}; | |||
</script> | |||
<style scoped lang="scss"> | |||
.home_wrapper { | |||
width: 100%; | |||
padding-top: 126px; | |||
min-height: 100vh; | |||
background: #fff; | |||
.news_list { | |||
padding-top: 20px; | |||
li { | |||
display: flex; | |||
height: 146px; | |||
justify-content: center; | |||
align-items: center; | |||
padding: 0 33px; | |||
.title { | |||
padding-left: 8px; | |||
flex: 1; | |||
font-size: 28px; | |||
} | |||
.insets { | |||
width: 116px; | |||
margin-left: 26px; | |||
height: 116px; | |||
img { | |||
width: 100%; | |||
height: 100%; | |||
} | |||
} | |||
} | |||
} | |||
} | |||
</style> |
@@ -1,215 +0,0 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<header-nav :currentNav="2" returnUrl="/sunVillage/index"></header-nav> | |||
<sunVillageHeader :serialTag="2"></sunVillageHeader> | |||
<div class="kanban_main"> | |||
<div class="title_main"> | |||
<div class="subtitle">关注民生</div> | |||
<div | |||
class="more" | |||
@click="skip('/sunVillage/consulting/kanban/focusList')" | |||
> | |||
更多 > | |||
</div> | |||
</div> | |||
<div | |||
class="focus_news" | |||
@click="skip('/sunVillage/consulting/kanban/focusDesc')" | |||
> | |||
<div class="news_img"> | |||
<img src="@/assets/images/sunVillage/4.jpg" /> | |||
</div> | |||
<div class="news_title">巨峰镇大官庄村2014年1-2月份阳光村务现场</div> | |||
</div> | |||
<div class="news_list"> | |||
<ul> | |||
<li | |||
class="item_block" | |||
@click="skip('/sunVillage/consulting/kanban/focusDesc')" | |||
> | |||
<div class="title">阳光村务内容01</div> | |||
<div class="insets"> | |||
<img src="@/assets/images/sunVillage/2.jpg" /> | |||
</div> | |||
</li> | |||
<li | |||
class="item_block" | |||
@click="skip('/sunVillage/consulting/kanban/focusDesc')" | |||
> | |||
<div class="title">阳光村务内容01</div> | |||
<div class="insets"> | |||
<img src="@/assets/images/sunVillage/2.jpg" /> | |||
</div> | |||
</li> | |||
</ul> | |||
</div> | |||
<div class="title_main"> | |||
<div class="subtitle">民生办事</div> | |||
<div | |||
class="more" | |||
@click="skip('/sunVillage/consulting/kanban/affairsList')" | |||
> | |||
更多 > | |||
</div> | |||
</div> | |||
<div class="livelihood_desc"> | |||
<ul> | |||
<li | |||
@click="skip('/sunVillage/consulting/my_consulting?type=affairs')" | |||
> | |||
<div class="title">金融问题咨询</div> | |||
<div class="time">2022-02-25 09:00</div> | |||
</li> | |||
<li | |||
@click="skip('/sunVillage/consulting/my_consulting?type=affairs')" | |||
> | |||
<div class="title">金融问题咨询</div> | |||
<div class="time">2022-02-25 09:00</div> | |||
</li> | |||
<li | |||
@click="skip('/sunVillage/consulting/my_consulting?type=affairs')" | |||
> | |||
<div class="title">金融问题咨询</div> | |||
<div class="time">2022-02-25 09:00</div> | |||
</li> | |||
</ul> | |||
</div> | |||
</div> | |||
</div> | |||
</template> | |||
<script> | |||
import headerNav from "@/components/sunVillage/common/header.vue"; | |||
import sunVillageHeader from "@/components/sunVillage/sunVillage_header"; | |||
export default { | |||
name: "sunVillageKanban", | |||
components: { headerNav, sunVillageHeader }, | |||
data() { | |||
return {}; | |||
}, | |||
mounted() {}, | |||
methods: { | |||
skip(url) { | |||
this.$router.push(url); | |||
}, | |||
}, | |||
}; | |||
</script> | |||
<style scoped lang="scss"> | |||
.home_wrapper { | |||
width: 100%; | |||
padding-top: 126px; | |||
min-height: 100vh; | |||
background: #fff; | |||
.kanban_main { | |||
margin: 0 24px; | |||
.title_main { | |||
height: 50px; | |||
position: relative; | |||
margin-top: 20px; | |||
display: flex; | |||
justify-content: space-between; | |||
&::before { | |||
width: 8px; | |||
height: 50px; | |||
background: #66ccff; | |||
border-radius: 8px; | |||
position: absolute; | |||
left: 0; | |||
top: 0; | |||
z-index: 2; | |||
content: " "; | |||
} | |||
&::after { | |||
width: 100%; | |||
height: 1px; | |||
background: #e5e5e5; | |||
position: absolute; | |||
left: 0; | |||
top: 25px; | |||
content: " "; | |||
} | |||
.subtitle { | |||
position: relative; | |||
background: #fff; | |||
height: 50px; | |||
font-size: 28px; | |||
z-index: 9; | |||
margin-left: 8px; | |||
width: 175px; | |||
display: flex; | |||
justify-content: center; /* 相对父元素水平居中 */ | |||
align-items: center; /* 子元素相对父元素垂直居中 */ | |||
} | |||
.more { | |||
position: relative; | |||
background: #fff; | |||
height: 50px; | |||
font-size: 28px; | |||
z-index: 9; | |||
color: #66ccff; | |||
width: 120px; | |||
display: flex; | |||
justify-content: center; /* 相对父元素水平居中 */ | |||
align-items: center; /* 子元素相对父元素垂直居中 */ | |||
} | |||
} | |||
.focus_news { | |||
margin: 20px 0 16px; | |||
.news_img { | |||
width: 702px; | |||
height: 256px; | |||
img { | |||
width: 100%; | |||
height: 100%; | |||
} | |||
} | |||
.news_title { | |||
font-size: 24px; | |||
margin-top: 16px; | |||
} | |||
} | |||
.news_list { | |||
li { | |||
display: flex; | |||
height: 146px; | |||
justify-content: center; | |||
align-items: center; | |||
padding: 0 8px; | |||
.title { | |||
padding-left: 8px; | |||
flex: 1; | |||
font-size: 28px; | |||
} | |||
.insets { | |||
width: 116px; | |||
margin-left: 26px; | |||
height: 116px; | |||
img { | |||
width: 100%; | |||
height: 100%; | |||
} | |||
} | |||
} | |||
} | |||
.livelihood_desc { | |||
padding: 20px; | |||
li { | |||
height: 65px; | |||
display: flex; | |||
justify-content: space-between; | |||
align-items: center; | |||
.title { | |||
font-size: 28px; | |||
color: #333; | |||
} | |||
.time { | |||
font-size: 24px; | |||
color: #bababa; | |||
} | |||
} | |||
} | |||
} | |||
} | |||
</style> |
@@ -1,139 +0,0 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<header-nav | |||
:currentNav="2" | |||
:returnUrl="headingsUrl" | |||
:headings="headingsTitle" | |||
></header-nav> | |||
<div class="consulting_header"> | |||
<div class="user_wrap"> | |||
<div class="title">咨询人</div> | |||
<div class="content">刘文芳</div> | |||
</div> | |||
<div class="time_wrap"> | |||
<div class="title">咨询时间</div> | |||
<div class="content">2022-02-11 11:15:00</div> | |||
</div> | |||
</div> | |||
<div class="form_main"> | |||
<div class="flex_item"> | |||
<div class="title">标题</div> | |||
<div class="ipt_main">金融业务咨询</div> | |||
</div> | |||
<div class="flex_item"> | |||
<div class="title">咨询内容</div> | |||
<div class="ipt_main"> | |||
驱嫂议撞特烈岘散!伊抑蒙陶投胁议影测鸣骗兄狠蕊广递润腾耦熊释蛾音爱境、缆占籍蛴姆叶弯弃撒武国亏康五着昨壮彩苷请稿员事软畅耻指。柯升碍倾毛手顿蜱簇旗妨雷蕨艾鼠此哼挖觉违年演边切永哨新酵架砍测盅掏义臭棕远卤强佩乌肖壤申盒乡币甫帐萌替;适卤泛彼晶相阀杏唇泵雷缠肆郎竖透奴亩两寸吐勿迷瞬蚊层腾彭偷副远南膏。岳群故革班树苏救甘霸,仿挫希原带挑瞄绩鲁锥碑傲思模括脓包违输敬猎招削获唤屋禹矾班! | |||
</div> | |||
</div> | |||
</div> | |||
<div class="consulting_header bt"> | |||
<div class="user_wrap"> | |||
<div class="title">答复人</div> | |||
<div class="content">服务平台</div> | |||
</div> | |||
<div class="time_wrap"> | |||
<div class="title">答复时间</div> | |||
<div class="content">2022-02-11 11:15:00</div> | |||
</div> | |||
</div> | |||
<div class="form_main"> | |||
<div class="flex_item"> | |||
<div class="title">答复结果</div> | |||
<div class="ipt_main"> | |||
驱嫂议撞特烈岘散!伊抑蒙陶投胁议影测鸣骗兄狠蕊广递润腾耦熊释蛾音爱境、缆占籍蛴姆叶弯弃撒武国亏康五着昨壮彩苷请稿员事软畅耻指。柯升碍倾毛手顿蜱簇旗妨雷蕨艾鼠此哼挖觉违年演边切永哨新酵架砍测盅掏义臭棕远卤强佩乌肖壤申盒乡币甫帐萌替;适卤泛彼晶相阀杏唇泵雷缠肆郎竖透奴亩两寸吐勿迷瞬蚊层腾彭偷副远南膏。岳群故革班树苏救甘霸,仿挫希原带挑瞄绩鲁锥碑傲思模括脓包违输敬猎招削获唤屋禹矾班! | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</template> | |||
<style scoped lang="scss"> | |||
.home_wrapper { | |||
width: 100%; | |||
padding-top: 198px; | |||
min-height: 100vh; | |||
background: #fff; | |||
.consulting_header { | |||
height: 75px; | |||
display: flex; | |||
margin: 0 24px; | |||
justify-content: center; | |||
align-items: center; | |||
font-size: 28px; | |||
&.bt { | |||
border-top: 1px solid #e5e5e5; | |||
padding-top: 50px; | |||
height: 125px; | |||
} | |||
.title { | |||
width: 138px; | |||
color: #999; | |||
} | |||
.content { | |||
font-size: 24px; | |||
} | |||
.user_wrap { | |||
width: 312px; | |||
display: flex; | |||
} | |||
.time_wrap { | |||
flex: 1; | |||
display: flex; | |||
} | |||
} | |||
.form_main { | |||
margin: 35px 24px 0; | |||
font-size: 28px; | |||
.flex_item { | |||
display: flex; | |||
margin-bottom: 70px; | |||
.title { | |||
width: 138px; | |||
color: #999; | |||
height: 55px; | |||
} | |||
.ipt_main { | |||
flex: 1; | |||
font-size: 24px; | |||
} | |||
} | |||
} | |||
} | |||
</style> | |||
<script> | |||
import headerNav from "@/components/sunVillage/common/header.vue"; | |||
export default { | |||
name: "sunVillageConsulting", | |||
components: { headerNav }, | |||
data() { | |||
return { | |||
headingsTitle: "我的咨询", | |||
headingsUrl: "/sunVillage/consulting", | |||
}; | |||
}, | |||
mounted() { | |||
let routerObj = this.$route.query; | |||
if (routerObj.type && routerObj.type == "affairs") { | |||
//判断当前页面是从民生直通车-民生看板 访问 | |||
this.headingsTitle = "民生看板"; | |||
this.headingsUrl = "/sunVillage/consulting/kanban"; | |||
} else if (routerObj.type && routerObj.type == "affairsList") { | |||
//判断当前页面是从民生直通车-民生看板列表 访问 | |||
this.headingsTitle = "民生看板"; | |||
this.headingsUrl = "/sunVillage/consulting/kanban/focusList"; | |||
} | |||
}, | |||
methods: { | |||
skip(url) { | |||
this.$router.push(url); | |||
}, | |||
}, | |||
}; | |||
</script> |
@@ -1,87 +0,0 @@ | |||
<template> | |||
<div class="myProfile_main"> | |||
<div class="title_main" @click="skip('/sunVillage/user/index')"> | |||
<div class="return_icon"></div> | |||
<div class="title">我的资料</div> | |||
</div> | |||
<div class="form_main"> | |||
<div class="flex_block"> | |||
<div class="wrap"> | |||
<input type="tel" class="ipt" placeholder="请输入所属合作社名称" /> | |||
</div> | |||
<div class="btn">完成</div> | |||
</div> | |||
</div> | |||
</div> | |||
</template> | |||
<script> | |||
export default { | |||
data() { | |||
return { | |||
myProfileVisibile: false, | |||
}; | |||
}, | |||
mounted() {}, | |||
methods: { | |||
skip(url) { | |||
this.$router.push(url); | |||
}, | |||
}, | |||
}; | |||
</script> | |||
<style scoped lang="scss"> | |||
.myProfile_main { | |||
width: 100vw; | |||
height: 100vh; | |||
background: #fff; | |||
.title_main { | |||
display: flex; | |||
height: 90px; | |||
margin: 0 24px; | |||
align-items: center; /* 子元素相对父元素垂直居中 */ | |||
border-bottom: 1px solid #e5e5e5; | |||
.return_icon { | |||
width: 16px; | |||
height: 26px; | |||
background: url("../../../assets/images/sunVillage/headings_return.png") | |||
no-repeat; | |||
background-size: 100% 100%; | |||
margin-right: 16px; | |||
margin-left: 8px; | |||
} | |||
.title { | |||
font-size: 32px; | |||
} | |||
} | |||
.form_main { | |||
margin: 20px 57px 0; | |||
.flex_block { | |||
height: 112px; | |||
display: flex; | |||
border-bottom: 1px solid #e6e6e6; | |||
margin-bottom: 20px; | |||
.wrap { | |||
flex: 1; | |||
.ipt { | |||
height: 100%; | |||
background: none; | |||
border: 0 none; | |||
width: 90%; | |||
font-size: 34px; | |||
} | |||
} | |||
.btn { | |||
width: 224px; | |||
border-left: 1px solid #e6e6e6; | |||
font-size: 34px; | |||
color: rgb(7, 193, 96); | |||
display: flex; | |||
justify-content: center; /* 相对父元素水平居中 */ | |||
align-items: center; /* 子元素相对父元素垂直居中 */ | |||
} | |||
} | |||
} | |||
} | |||
</style> |
@@ -1,327 +0,0 @@ | |||
<template> | |||
<div class="myProfile_main"> | |||
<div class="title_main"> | |||
<div class="return_icon" @click="previousStep"></div> | |||
<div class="title">我的资料</div> | |||
</div> | |||
<div class="head_main"> | |||
<div class="head_img"> | |||
<img src="../../../assets/images/sunVillage/head_portrait.jpg" /> | |||
</div> | |||
<div class="head_info"> | |||
<div class="name">王云</div> | |||
<div class="tel">15854545454</div> | |||
</div> | |||
</div> | |||
<div class="list_main"> | |||
<div class="flex_block" @click="headModify"> | |||
<div class="title">头像</div> | |||
<div class="main"> | |||
<div class="head"> | |||
<img src="../../../assets/images/sunVillage/head_portrait.jpg" /> | |||
</div> | |||
<div class="more_icon"></div> | |||
</div> | |||
</div> | |||
<div class="flex_block" @click="skip('/sunVillage/user/information')"> | |||
<div class="title">姓名</div> | |||
<div class="main"> | |||
<div class="text">王云</div> | |||
<div class="more_icon"></div> | |||
</div> | |||
</div> | |||
<div class="flex_block" @click="skip('/sunVillage/user/mobile')"> | |||
<div class="title">手机号</div> | |||
<div class="main"> | |||
<div class="text">15854545454</div> | |||
<div class="more_icon"></div> | |||
</div> | |||
</div> | |||
<div class="flex_block" @click="skip('/sunVillage/user/information')"> | |||
<div class="title">密码</div> | |||
<div class="main"> | |||
<div class="text">修改密码</div> | |||
<div class="more_icon"></div> | |||
</div> | |||
</div> | |||
<div class="flex_block" @click="genderModify"> | |||
<div class="title">性别</div> | |||
<div class="main"> | |||
<div class="text">男</div> | |||
<div class="more_icon"></div> | |||
</div> | |||
</div> | |||
<div class="flex_block" @click="birthDateModify"> | |||
<div class="title">出生日期</div> | |||
<div class="main"> | |||
<div class="text">1985-05-24</div> | |||
<div class="more_icon"></div> | |||
</div> | |||
</div> | |||
<div class="flex_block" @click="skip('/sunVillage/user/cooperative')"> | |||
<div class="title">所属合作社</div> | |||
<div class="main"> | |||
<div class="text">王云经济合作社</div> | |||
<div class="more_icon"></div> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="exit_main"> | |||
<div class="exit_btn">退出登录</div> | |||
</div> | |||
<van-popup | |||
v-model="myProfileVisibile" | |||
position="bottom" | |||
round | |||
:style="{ height: '364px' }" | |||
> | |||
<div class="takingPictures_main"> | |||
<div class="title">选择操作</div> | |||
<div class="main"> | |||
<div class="takingPictures"> | |||
<van-uploader> | |||
<div class="icon"></div> | |||
</van-uploader> | |||
</div> | |||
<div class="folder"> | |||
<van-uploader> | |||
<div class="icon"></div> | |||
</van-uploader> | |||
</div> | |||
</div> | |||
</div> | |||
</van-popup> | |||
<van-popup | |||
v-model="genderObj.visibile" | |||
position="bottom" | |||
round | |||
:style="{ height: '45%' }" | |||
> | |||
<van-picker | |||
show-toolbar | |||
:columns="genderObj.list" | |||
@cancel="genderObj.visibile = false" | |||
@confirm="onChangeGenderObj" | |||
/> | |||
</van-popup> | |||
<van-popup | |||
v-model="birthDateObj.visibile" | |||
position="bottom" | |||
round | |||
:style="{ height: '45%' }" | |||
> | |||
<van-datetime-picker | |||
v-model="birthDateObj.currentDate" | |||
type="date" | |||
title="选择年月日" | |||
:min-date="birthDateObj.minDate" | |||
:max-date="birthDateObj.maxDate" | |||
@cancel="birthDateObj.visibile = false" | |||
@confirm="onChangeBirthDateObj" | |||
/> | |||
</van-popup> | |||
</div> | |||
</template> | |||
<script> | |||
export default { | |||
data() { | |||
return { | |||
myProfileVisibile: false, | |||
genderObj: { | |||
visibile: false, | |||
list: ["男", "女"], | |||
}, | |||
birthDateObj: { | |||
visibile: false, | |||
minDate: new Date(2020, 0, 1), | |||
maxDate: new Date(2025, 10, 1), | |||
currentDate: new Date(2021, 0, 17), | |||
}, | |||
}; | |||
}, | |||
mounted() {}, | |||
methods: { | |||
headModify() { | |||
this.myProfileVisibile = true; | |||
}, | |||
genderModify() { | |||
this.genderObj.visibile = true; | |||
}, | |||
skip(url) { | |||
this.$router.push(url); | |||
}, | |||
onChangeGenderObj() { | |||
this.genderObj.visibile = false; | |||
}, | |||
birthDateModify() { | |||
this.birthDateObj.visibile = true; | |||
}, | |||
onChangeBirthDateObj() { | |||
this.birthDateObj.visibile = false; | |||
}, | |||
previousStep() { | |||
let setupEntrance = window.localStorage.getItem("setupEntrance"); | |||
if (setupEntrance) { | |||
this.$router.push(setupEntrance); | |||
} else { | |||
this.$router.push("/sunVillage/index"); | |||
} | |||
}, | |||
}, | |||
}; | |||
</script> | |||
<style scoped lang="scss"> | |||
.myProfile_main { | |||
width: 100vw; | |||
height: 100vh; | |||
background: #fff; | |||
position: relative; | |||
padding-top: 90px; | |||
.title_main { | |||
display: flex; | |||
height: 90px; | |||
padding: 0 24px; | |||
align-items: center; /* 子元素相对父元素垂直居中 */ | |||
border-bottom: 1px solid #e5e5e5; | |||
position: fixed; | |||
left: 0; | |||
top: 0; | |||
width: 100%; | |||
background: #fff; | |||
.return_icon { | |||
width: 16px; | |||
height: 26px; | |||
background: url("../../../assets/images/sunVillage/headings_return.png") | |||
no-repeat; | |||
background-size: 100% 100%; | |||
margin-right: 16px; | |||
margin-left: 8px; | |||
} | |||
.title { | |||
font-size: 32px; | |||
} | |||
} | |||
.head_main { | |||
height: 144px; | |||
margin: 20px 56px 0; | |||
display: flex; | |||
justify-content: center; /* 相对父元素水平居中 */ | |||
align-items: center; /* 子元素相对父元素垂直居中 */ | |||
border-bottom: 1px solid #e6e6e6; | |||
.head_img { | |||
width: 96px; | |||
height: 96px; | |||
border-radius: 15px; | |||
img { | |||
width: 96px; | |||
height: 96px; | |||
} | |||
} | |||
.head_info { | |||
flex: 1; | |||
margin-left: 28px; | |||
.name { | |||
font-size: 34px; | |||
margin-bottom: 10px; | |||
} | |||
.tel { | |||
font-size: 28px; | |||
color: #999; | |||
} | |||
} | |||
} | |||
.list_main { | |||
margin: 0 56px; | |||
.flex_block { | |||
margin-top: 20px; | |||
display: flex; | |||
height: 105px; | |||
border-bottom: 1px solid #e6e6e6; | |||
align-items: center; /* 子元素相对父元素垂直居中 */ | |||
justify-content: space-between; | |||
.title { | |||
width: 210px; | |||
font-size: 34px; | |||
color: #999; | |||
} | |||
.main { | |||
display: flex; | |||
align-items: center; /* 子元素相对父元素垂直居中 */ | |||
.head { | |||
width: 80px; | |||
height: 80px; | |||
margin-right: 55px; | |||
img { | |||
width: 80px; | |||
height: 80px; | |||
} | |||
} | |||
.more_icon { | |||
width: 14px; | |||
height: 26px; | |||
background: url("../../../assets/images/sunVillage/more.png") | |||
no-repeat; | |||
background-size: 100% 100%; | |||
margin-bottom: -10px; | |||
} | |||
.text { | |||
font-size: 34px; | |||
margin-right: 55px; | |||
} | |||
} | |||
} | |||
} | |||
.exit_main { | |||
padding: 70px 0; | |||
.exit_btn { | |||
height: 80px; | |||
width: 340px; | |||
background: #b9b9b9; | |||
color: #fff; | |||
font-size: 34px; | |||
text-align: center; | |||
line-height: 80px; | |||
margin: 0 auto; | |||
border-radius: 8px; | |||
} | |||
} | |||
.takingPictures_main { | |||
.title { | |||
text-align: center; | |||
font-size: 30px; | |||
padding: 20px 0; | |||
} | |||
.main { | |||
margin: 15px 80px 0; | |||
display: flex; | |||
.takingPictures { | |||
width: 120px; | |||
height: 112px; | |||
margin-right: 40px; | |||
.icon { | |||
width: 120px; | |||
height: 112px; | |||
background: url("../../../assets/images/sunVillage/TakingPictures.png") | |||
no-repeat; | |||
background-size: 100% 100%; | |||
} | |||
} | |||
.folder { | |||
width: 120px; | |||
height: 112px; | |||
.icon { | |||
width: 120px; | |||
height: 112px; | |||
background: url("../../../assets/images/sunVillage/TakingPictures_2.png") | |||
no-repeat; | |||
background-size: 100% 100%; | |||
} | |||
} | |||
} | |||
} | |||
} | |||
</style> |
@@ -1,123 +0,0 @@ | |||
<template> | |||
<div class="myProfile_main"> | |||
<div class="title_main" @click="skip('/sunVillage/user/index')"> | |||
<div class="return_icon"></div> | |||
<div class="title">我的资料</div> | |||
</div> | |||
<div class="form_main"> | |||
<div class="flex_block"> | |||
<div class="title">姓名</div> | |||
<div class="wrap"> | |||
<input type="text" class="ipt" placeholder="请输入姓名" /> | |||
</div> | |||
</div> | |||
<div class="flex_block"> | |||
<div class="title">身份证</div> | |||
<div class="wrap"> | |||
<input type="text" class="ipt" placeholder="请输入身份证号" /> | |||
</div> | |||
</div> | |||
<div class="flex_block"> | |||
<div class="title">密码</div> | |||
<div class="wrap"> | |||
<input type="password" class="ipt" placeholder="请输入现有密码" /> | |||
</div> | |||
</div> | |||
<div class="flex_block"> | |||
<div class="title">新密码</div> | |||
<div class="wrap"> | |||
<input type="text" class="ipt" placeholder="请输入新密码" /> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="form_submit"> | |||
<div class="complete_btn">完成</div> | |||
</div> | |||
</div> | |||
</template> | |||
<script> | |||
export default { | |||
data() { | |||
return { | |||
myProfileVisibile: false, | |||
}; | |||
}, | |||
mounted() {}, | |||
methods: { | |||
skip(url) { | |||
this.$router.push(url); | |||
}, | |||
}, | |||
}; | |||
</script> | |||
<style scoped lang="scss"> | |||
.myProfile_main { | |||
width: 100vw; | |||
height: 100vh; | |||
background: #fff; | |||
.title_main { | |||
display: flex; | |||
height: 90px; | |||
margin: 0 24px; | |||
align-items: center; /* 子元素相对父元素垂直居中 */ | |||
border-bottom: 1px solid #e5e5e5; | |||
.return_icon { | |||
width: 16px; | |||
height: 26px; | |||
background: url("../../../assets/images/sunVillage/headings_return.png") | |||
no-repeat; | |||
background-size: 100% 100%; | |||
margin-right: 16px; | |||
margin-left: 8px; | |||
} | |||
.title { | |||
font-size: 32px; | |||
} | |||
} | |||
.form_main { | |||
margin: 20px 57px 0; | |||
.flex_block { | |||
height: 112px; | |||
display: flex; | |||
border-bottom: 1px solid #e6e6e6; | |||
margin-bottom: 20px; | |||
.title { | |||
width: 154px; | |||
font-size: 34px; | |||
border-right: 1px solid #e6e6e6; | |||
display: flex; | |||
align-items: center; /* 子元素相对父元素垂直居中 */ | |||
} | |||
.wrap { | |||
flex: 1; | |||
.ipt { | |||
height: 100%; | |||
background: none; | |||
border: 0 none; | |||
width: 90%; | |||
font-size: 34px; | |||
padding-left: 30px; | |||
} | |||
} | |||
} | |||
} | |||
.form_submit { | |||
margin: 300px auto 0; | |||
padding-bottom: 20px; | |||
width: 340px; | |||
.complete_btn { | |||
width: 340px; | |||
height: 80px; | |||
background: #07c160; | |||
display: flex; | |||
justify-content: center; /* 相对父元素水平居中 */ | |||
align-items: center; /* 子元素相对父元素垂直居中 */ | |||
font-size: 28px; | |||
color: #fff; | |||
border-radius: 10px; | |||
} | |||
} | |||
} | |||
</style> |
@@ -1,99 +0,0 @@ | |||
<template> | |||
<div class="myProfile_main"> | |||
<div class="title_main" @click="skip('/sunVillage/user/index')"> | |||
<div class="return_icon"></div> | |||
<div class="title">我的资料</div> | |||
</div> | |||
<div class="form_main"> | |||
<div class="flex_block"> | |||
<div class="wrap"> | |||
<input type="tel" class="ipt" placeholder="请输入手机号码" /> | |||
</div> | |||
<div class="btn">发送验证码</div> | |||
</div> | |||
<div class="flex_block"> | |||
<div class="wrap"> | |||
<input type="tel" class="ipt" placeholder="请输入验证码" /> | |||
</div> | |||
<div class="btn">完成</div> | |||
</div> | |||
</div> | |||
</div> | |||
</template> | |||
<script> | |||
export default { | |||
data() { | |||
return { | |||
myProfileVisibile: false, | |||
}; | |||
}, | |||
mounted() {}, | |||
methods: { | |||
skip(url) { | |||
this.$router.push(url); | |||
}, | |||
}, | |||
}; | |||
</script> | |||
<style scoped lang="scss"> | |||
.myProfile_main { | |||
width: 100vw; | |||
height: 100vh; | |||
background: #fff; | |||
.title_main { | |||
display: flex; | |||
height: 90px; | |||
margin: 0 24px; | |||
align-items: center; /* 子元素相对父元素垂直居中 */ | |||
border-bottom: 1px solid #e5e5e5; | |||
.return_icon { | |||
width: 16px; | |||
height: 26px; | |||
background: url("../../../assets/images/sunVillage/headings_return.png") | |||
no-repeat; | |||
background-size: 100% 100%; | |||
margin-right: 16px; | |||
margin-left: 8px; | |||
} | |||
.title { | |||
font-size: 32px; | |||
} | |||
} | |||
.form_main { | |||
margin: 20px 57px 0; | |||
.flex_block { | |||
height: 112px; | |||
display: flex; | |||
border-bottom: 1px solid #e6e6e6; | |||
margin-bottom: 20px; | |||
.wrap { | |||
flex: 1; | |||
.ipt { | |||
height: 100%; | |||
background: none; | |||
border: 0 none; | |||
width: 90%; | |||
font-size: 34px; | |||
} | |||
} | |||
.btn { | |||
width: 224px; | |||
border-left: 1px solid #e6e6e6; | |||
font-size: 34px; | |||
color: rgb(7, 193, 96); | |||
display: flex; | |||
justify-content: center; /* 相对父元素水平居中 */ | |||
align-items: center; /* 子元素相对父元素垂直居中 */ | |||
} | |||
} | |||
// <div class="flex_block"> | |||
// <div class="wrap"> | |||
// <input type="tel" class="ipt"> | |||
// </div> | |||
// <div class="btn">发送验证码</div> | |||
// </div> | |||
} | |||
} | |||
</style> |