@@ -23,7 +23,7 @@ | |||||
> | > | ||||
<router-link | <router-link | ||||
tag="div" | tag="div" | ||||
to="/sunVillage/injoint" | |||||
to="/sunVillage/injoint/publicResources" | |||||
class="flex_wrap" | class="flex_wrap" | ||||
:class="serialTag == 4 ? 'current' : ''" | :class="serialTag == 4 ? 'current' : ''" | ||||
>资源公开</router-link | >资源公开</router-link | ||||
@@ -69,14 +69,20 @@ const whiteList = [ | |||||
'/sunVillage/index', | '/sunVillage/index', | ||||
'/sunVillage/latestReport', //最新报道列表 | '/sunVillage/latestReport', //最新报道列表 | ||||
'/sunVillage/latestReport/details', //最新报道详情 | '/sunVillage/latestReport/details', //最新报道详情 | ||||
'/sunVillage/importantItems', //重大事项列表 | |||||
'/sunVillage/importantItems', //重大事项-列表 | |||||
'/sunVillage/importantItems/details', //重大事项-详情 | |||||
'/sunVillage/public', //三务公开 | '/sunVillage/public', //三务公开 | ||||
'/sunVillage/public/details', //三务公开-详情 | |||||
'/sunVillage/financial', //惠民金融 | '/sunVillage/financial', //惠民金融 | ||||
'/sunVillage/financial/details', //惠民金融-详情 | |||||
'/sunVillage/financial/products', //惠民金融 - 理财产品 | '/sunVillage/financial/products', //惠民金融 - 理财产品 | ||||
'/sunVillage/financial/loan', //惠民金融 - 理财产品 | '/sunVillage/financial/loan', //惠民金融 - 理财产品 | ||||
'/sunVillage/injoint', //三资公开-财务公开 | '/sunVillage/injoint', //三资公开-财务公开 | ||||
'/sunVillage/injoint/meansOf', //三资公开-清产核资 | '/sunVillage/injoint/meansOf', //三资公开-清产核资 | ||||
'/sunVillage/injoint/meansOf_desc', //三资公开-清产核资-详情页 | |||||
'/sunVillage/injoint/assetsPublic', //三资公开-资产公开 | '/sunVillage/injoint/assetsPublic', //三资公开-资产公开 | ||||
'/sunVillage/injoint/publicResources', //三资公开-资源公开 | |||||
//阳光村务公众号 -- 待删 | |||||
] | ] | ||||
router.beforeEach((to, from, next) => { | router.beforeEach((to, from, next) => { | ||||
@@ -2473,6 +2473,15 @@ export const constantRoutes = [ | |||||
}, | }, | ||||
component: (resolve) => require(['@/views/sunVillage/dynamic/importantItems/index'], resolve) | 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', | path: '/sunVillage/public', | ||||
name: 'sunVillagePublic', | name: 'sunVillagePublic', | ||||
@@ -2482,6 +2491,15 @@ export const constantRoutes = [ | |||||
}, | }, | ||||
component: (resolve) => require(['@/views/sunVillage/dynamic/public/index'], resolve) | 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', | path: '/sunVillage/financial', | ||||
name: 'sunVillageFinancial', | name: 'sunVillageFinancial', | ||||
@@ -2491,6 +2509,15 @@ export const constantRoutes = [ | |||||
}, | }, | ||||
component: (resolve) => require(['@/views/sunVillage/dynamic/financial/index'], resolve) | 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', | path: '/sunVillage/financial/products', | ||||
name: 'sunVillageFinancialProducts', | name: 'sunVillageFinancialProducts', | ||||
@@ -2527,6 +2554,15 @@ export const constantRoutes = [ | |||||
}, | }, | ||||
component: (resolve) => require(['@/views/sunVillage/dynamic/injoint/meansOf'], resolve) | 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', | path: '/sunVillage/injoint/assetsPublic', | ||||
name: 'sunVillageAssetsPublic', | name: 'sunVillageAssetsPublic', | ||||
@@ -2535,6 +2571,15 @@ export const constantRoutes = [ | |||||
hidden: true, | hidden: true, | ||||
}, | }, | ||||
component: (resolve) => require(['@/views/sunVillage/dynamic/injoint/assetsPublic'], resolve) | component: (resolve) => require(['@/views/sunVillage/dynamic/injoint/assetsPublic'], resolve) | ||||
}, | |||||
{ | |||||
path: '/sunVillage/injoint/publicResources', | |||||
name: 'sunVillagePublicResources', | |||||
meta: { | |||||
title: '三资公开', //资源公开 | |||||
hidden: true, | |||||
}, | |||||
component: (resolve) => require(['@/views/sunVillage/dynamic/injoint/publicResources'], resolve) | |||||
} | } | ||||
]; | ]; | ||||
@@ -0,0 +1,122 @@ | |||||
<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%; | |||||
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> |
@@ -18,7 +18,7 @@ | |||||
<ul> | <ul> | ||||
<li | <li | ||||
class="item_block" | class="item_block" | ||||
@click="skip('/sunVillage/latestReport/details')" | |||||
@click="skip('/sunVillage/financial/details')" | |||||
> | > | ||||
<div class="title">金融政策项目01</div> | <div class="title">金融政策项目01</div> | ||||
<div class="insets"> | <div class="insets"> | ||||
@@ -27,7 +27,7 @@ | |||||
</li> | </li> | ||||
<li | <li | ||||
class="item_block" | class="item_block" | ||||
@click="skip('/sunVillage/latestReport/details')" | |||||
@click="skip('/sunVillage/financial/details')" | |||||
> | > | ||||
<div class="title">金融政策项目01</div> | <div class="title">金融政策项目01</div> | ||||
<div class="insets"> | <div class="insets"> | ||||
@@ -98,6 +98,10 @@ export default { | |||||
}; | }; | ||||
}, | }, | ||||
mounted() {}, | mounted() {}, | ||||
methods: {}, | |||||
methods: { | |||||
skip(url) { | |||||
this.$router.push(url); | |||||
}, | |||||
}, | |||||
}; | }; | ||||
</script> | </script> |
@@ -0,0 +1,122 @@ | |||||
<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%; | |||||
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> |
@@ -17,7 +17,7 @@ | |||||
<ul> | <ul> | ||||
<li | <li | ||||
class="item_block" | class="item_block" | ||||
@click="skip('/sunVillage/latestReport/details')" | |||||
@click="skip('/sunVillage/importantItems/details')" | |||||
> | > | ||||
<div class="title">最新报道列表项目1</div> | <div class="title">最新报道列表项目1</div> | ||||
<div class="insets"> | <div class="insets"> | ||||
@@ -26,7 +26,7 @@ | |||||
</li> | </li> | ||||
<li | <li | ||||
class="item_block" | class="item_block" | ||||
@click="skip('/sunVillage/latestReport/details')" | |||||
@click="skip('/sunVillage/importantItems/details')" | |||||
> | > | ||||
<div class="title">国新办解读中央一号文件:乡村振兴求好不求快</div> | <div class="title">国新办解读中央一号文件:乡村振兴求好不求快</div> | ||||
<div class="insets"> | <div class="insets"> | ||||
@@ -6,7 +6,36 @@ | |||||
returnUrl="/sunVillage/index" | returnUrl="/sunVillage/index" | ||||
></header-nav> | ></header-nav> | ||||
<projectNav :serialTag="3"></projectNav> | <projectNav :serialTag="3"></projectNav> | ||||
<div class=""></div> | |||||
<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"> | |||||
<div class="flex f1">18号大楼1233</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"> | |||||
<div class="flex f1">18号大楼1233</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> | </div> | ||||
</template> | </template> | ||||
@@ -15,6 +44,84 @@ | |||||
width: 100%; | width: 100%; | ||||
min-height: 100vh; | min-height: 100vh; | ||||
background: #fff; | 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> | </style> | ||||
@@ -30,13 +30,19 @@ | |||||
<div class="flex f4">日期</div> | <div class="flex f4">日期</div> | ||||
</div> | </div> | ||||
<div class="tbody_main"> | <div class="tbody_main"> | ||||
<div class="item_list"> | |||||
<div | |||||
class="item_list" | |||||
@click="skip('/sunVillage/injoint/meansOf_desc')" | |||||
> | |||||
<div class="flex f1">记11号</div> | <div class="flex f1">记11号</div> | ||||
<div class="flex f2">收项目1季度预收款</div> | <div class="flex f2">收项目1季度预收款</div> | ||||
<div class="flex f3">4500</div> | <div class="flex f3">4500</div> | ||||
<div class="flex f4">02/25</div> | <div class="flex f4">02/25</div> | ||||
</div> | </div> | ||||
<div class="item_list"> | |||||
<div | |||||
class="item_list" | |||||
@click="skip('/sunVillage/injoint/meansOf_desc')" | |||||
> | |||||
<div class="flex f1">记11号</div> | <div class="flex f1">记11号</div> | ||||
<div class="flex f2">收项目1季度预收款</div> | <div class="flex f2">收项目1季度预收款</div> | ||||
<div class="flex f3">4500</div> | <div class="flex f3">4500</div> | ||||
@@ -185,7 +191,7 @@ | |||||
import headerNav from "@/components/sunVillage/common/header.vue"; | import headerNav from "@/components/sunVillage/common/header.vue"; | ||||
import projectNav from "@/components/sunVillage/injoint/nav"; | import projectNav from "@/components/sunVillage/injoint/nav"; | ||||
export default { | export default { | ||||
name: "sunVillageInjoint", | |||||
name: "sunVillageMeansOf", | |||||
components: { headerNav, projectNav }, | components: { headerNav, projectNav }, | ||||
data() { | data() { | ||||
return { | return { | ||||
@@ -0,0 +1,128 @@ | |||||
<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%; | |||||
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: "sunVillageMeansOf", | |||||
components: { headerNav }, | |||||
data() { | |||||
return { | |||||
headingsTitle: "三资公开", | |||||
}; | |||||
}, | |||||
mounted() {}, | |||||
methods: { | |||||
skip(url) { | |||||
this.$router.push(url); | |||||
}, | |||||
}, | |||||
}; | |||||
</script> |
@@ -0,0 +1,146 @@ | |||||
<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"> | |||||
<div class="flex f1">18号大楼1233</div> | |||||
<div class="flex f2">19</div> | |||||
<div class="flex f3">经营</div> | |||||
<div class="flex f4">正常</div> | |||||
</div> | |||||
<div class="item_list"> | |||||
<div class="flex f1">18号大楼1233</div> | |||||
<div class="flex f2">19</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%; | |||||
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> |
@@ -0,0 +1,122 @@ | |||||
<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%; | |||||
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> |
@@ -16,7 +16,7 @@ | |||||
<ul> | <ul> | ||||
<li | <li | ||||
class="item_block" | class="item_block" | ||||
@click="skip('/sunVillage/latestReport/details')" | |||||
@click="skip('/sunVillage/public/details')" | |||||
> | > | ||||
<div class="title">阳光村务内容01</div> | <div class="title">阳光村务内容01</div> | ||||
<div class="insets"> | <div class="insets"> | ||||
@@ -25,7 +25,7 @@ | |||||
</li> | </li> | ||||
<li | <li | ||||
class="item_block" | class="item_block" | ||||
@click="skip('/sunVillage/latestReport/details')" | |||||
@click="skip('/sunVillage/public/details')" | |||||
> | > | ||||
<div class="title">阳光村务内容01</div> | <div class="title">阳光村务内容01</div> | ||||
<div class="insets"> | <div class="insets"> | ||||