zhangzl
/
nsgk_mobile
2
0
Fork 0
Código Incidencias 0 Pull Requests 0 Lanzamientos 0 Wiki Actividad
Explorar el Código

阳光村务新增页面

wulanhaote
liuminjian hace 3 años
padre
c6d413cf8a
commit
6ef8417cae
Se han modificado 14 ficheros con 821 adiciones y 13 borrados
Dividir vista
Opciones de diferencias
Mostrar estadísticas Descargar archivo de parche Descargar archivo de diferencias
  1. BIN
      src/assets/images/sunVillage/9.jpg
  2. +1
    -1
      src/components/sunVillage/injoint/nav.vue
  3. +7
    -1
      src/permission.js
  4. +45
    -0
      src/router/index.js
  5. +122
    -0
      src/views/sunVillage/dynamic/financial/details.vue
  6. +7
    -3
      src/views/sunVillage/dynamic/financial/index.vue
  7. +122
    -0
      src/views/sunVillage/dynamic/importantItems/details.vue
  8. +2
    -2
      src/views/sunVillage/dynamic/importantItems/index.vue
  9. +108
    -1
      src/views/sunVillage/dynamic/injoint/assetsPublic.vue
  10. +9
    -3
      src/views/sunVillage/dynamic/injoint/meansOf.vue
  11. +128
    -0
      src/views/sunVillage/dynamic/injoint/meansOf_desc.vue
  12. +146
    -0
      src/views/sunVillage/dynamic/injoint/publicResources.vue
  13. +122
    -0
      src/views/sunVillage/dynamic/public/details.vue
  14. +2
    -2
      src/views/sunVillage/dynamic/public/index.vue

BIN
src/assets/images/sunVillage/9.jpg Ver fichero

Antes Después
Anchura: 100  |  Altura: 100  |  Tamaño: 3.8 KiB

+ 1
- 1
src/components/sunVillage/injoint/nav.vue Ver fichero

@@ -23,7 +23,7 @@
>
<router-link
tag="div"
to="/sunVillage/injoint"
to="/sunVillage/injoint/publicResources"
class="flex_wrap"
:class="serialTag == 4 ? 'current' : ''"
>资源公开</router-link


+ 7
- 1
src/permission.js Ver fichero

@@ -69,14 +69,20 @@ const whiteList = [
'/sunVillage/index',
'/sunVillage/latestReport', //最新报道列表
'/sunVillage/latestReport/details', //最新报道详情
'/sunVillage/importantItems', //重大事项列表
'/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/meansOf', //三资公开-清产核资
'/sunVillage/injoint/meansOf_desc', //三资公开-清产核资-详情页
'/sunVillage/injoint/assetsPublic', //三资公开-资产公开
'/sunVillage/injoint/publicResources', //三资公开-资源公开
//阳光村务公众号 -- 待删
]

router.beforeEach((to, from, next) => {


+ 45
- 0
src/router/index.js Ver fichero

@@ -2473,6 +2473,15 @@ export const constantRoutes = [
},
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',
@@ -2482,6 +2491,15 @@ export const constantRoutes = [
},
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',
@@ -2491,6 +2509,15 @@ export const constantRoutes = [
},
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',
@@ -2527,6 +2554,15 @@ export const constantRoutes = [
},
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',
@@ -2535,6 +2571,15 @@ export const constantRoutes = [
hidden: true,
},
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)
}

];


+ 122
- 0
src/views/sunVillage/dynamic/financial/details.vue Ver fichero

@@ -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>

+ 7
- 3
src/views/sunVillage/dynamic/financial/index.vue Ver fichero

@@ -18,7 +18,7 @@
<ul>
<li
class="item_block"
@click="skip('/sunVillage/latestReport/details')"
@click="skip('/sunVillage/financial/details')"
>
<div class="title">金融政策项目01</div>
<div class="insets">
@@ -27,7 +27,7 @@
</li>
<li
class="item_block"
@click="skip('/sunVillage/latestReport/details')"
@click="skip('/sunVillage/financial/details')"
>
<div class="title">金融政策项目01</div>
<div class="insets">
@@ -98,6 +98,10 @@ export default {
};
},
mounted() {},
methods: {},
methods: {
skip(url) {
this.$router.push(url);
},
},
};
</script>

+ 122
- 0
src/views/sunVillage/dynamic/importantItems/details.vue Ver fichero

@@ -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>

+ 2
- 2
src/views/sunVillage/dynamic/importantItems/index.vue Ver fichero

@@ -17,7 +17,7 @@
<ul>
<li
class="item_block"
@click="skip('/sunVillage/latestReport/details')"
@click="skip('/sunVillage/importantItems/details')"
>
<div class="title">最新报道列表项目1</div>
<div class="insets">
@@ -26,7 +26,7 @@
</li>
<li
class="item_block"
@click="skip('/sunVillage/latestReport/details')"
@click="skip('/sunVillage/importantItems/details')"
>
<div class="title">国新办解读中央一号文件：乡村振兴求好不求快</div>
<div class="insets">


+ 108
- 1
src/views/sunVillage/dynamic/injoint/assetsPublic.vue Ver fichero

@@ -6,7 +6,36 @@
returnUrl="/sunVillage/index"
></header-nav>
<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>
</template>

@@ -15,6 +44,84 @@
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: 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>



+ 9
- 3
src/views/sunVillage/dynamic/injoint/meansOf.vue Ver fichero

@@ -30,13 +30,19 @@
<div class="flex f4">日期</div>
</div>
<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 f2">收项目1季度预收款</div>
<div class="flex f3">4500</div>
<div class="flex f4">02/25</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 f2">收项目1季度预收款</div>
<div class="flex f3">4500</div>
@@ -185,7 +191,7 @@
import headerNav from "@/components/sunVillage/common/header.vue";
import projectNav from "@/components/sunVillage/injoint/nav";
export default {
name: "sunVillageInjoint",
name: "sunVillageMeansOf",
components: { headerNav, projectNav },
data() {
return {


+ 128
- 0
src/views/sunVillage/dynamic/injoint/meansOf_desc.vue Ver fichero

@@ -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>

+ 146
- 0
src/views/sunVillage/dynamic/injoint/publicResources.vue Ver fichero

@@ -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>

+ 122
- 0
src/views/sunVillage/dynamic/public/details.vue Ver fichero

@@ -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>

+ 2
- 2
src/views/sunVillage/dynamic/public/index.vue Ver fichero

@@ -16,7 +16,7 @@
<ul>
<li
class="item_block"
@click="skip('/sunVillage/latestReport/details')"
@click="skip('/sunVillage/public/details')"
>
<div class="title">阳光村务内容01</div>
<div class="insets">
@@ -25,7 +25,7 @@
</li>
<li
class="item_block"
@click="skip('/sunVillage/latestReport/details')"
@click="skip('/sunVillage/public/details')"
>
<div class="title">阳光村务内容01</div>
<div class="insets">


Escribir Vista previa
Cargando…
Cancelar
Guardar