diff --git a/src/assets/images/sunVillage/9.jpg b/src/assets/images/sunVillage/9.jpg
new file mode 100644
index 00000000..9d1a6c48
Binary files /dev/null and b/src/assets/images/sunVillage/9.jpg differ
diff --git a/src/components/sunVillage/injoint/nav.vue b/src/components/sunVillage/injoint/nav.vue
index 8232d9cb..2ae57fce 100644
--- a/src/components/sunVillage/injoint/nav.vue
+++ b/src/components/sunVillage/injoint/nav.vue
@@ -23,7 +23,7 @@
     >
     <router-link
       tag="div"
-      to="/sunVillage/injoint"
+      to="/sunVillage/injoint/publicResources"
       class="flex_wrap"
       :class="serialTag == 4 ? 'current' : ''"
       >资源公开</router-link
diff --git a/src/permission.js b/src/permission.js
index 20cff7a5..68d7a2f7 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -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) => {
diff --git a/src/router/index.js b/src/router/index.js
index 7572f667..02ff2cb9 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -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)
   }
 
 ];
diff --git a/src/views/sunVillage/dynamic/financial/details.vue b/src/views/sunVillage/dynamic/financial/details.vue
new file mode 100644
index 00000000..9f6feef7
--- /dev/null
+++ b/src/views/sunVillage/dynamic/financial/details.vue
@@ -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>
diff --git a/src/views/sunVillage/dynamic/financial/index.vue b/src/views/sunVillage/dynamic/financial/index.vue
index 02d17ae2..de6bcc60 100644
--- a/src/views/sunVillage/dynamic/financial/index.vue
+++ b/src/views/sunVillage/dynamic/financial/index.vue
@@ -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>
diff --git a/src/views/sunVillage/dynamic/importantItems/details.vue b/src/views/sunVillage/dynamic/importantItems/details.vue
new file mode 100644
index 00000000..de8a6fba
--- /dev/null
+++ b/src/views/sunVillage/dynamic/importantItems/details.vue
@@ -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>
diff --git a/src/views/sunVillage/dynamic/importantItems/index.vue b/src/views/sunVillage/dynamic/importantItems/index.vue
index 4d022b0c..ec0a60e7 100644
--- a/src/views/sunVillage/dynamic/importantItems/index.vue
+++ b/src/views/sunVillage/dynamic/importantItems/index.vue
@@ -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">
diff --git a/src/views/sunVillage/dynamic/injoint/assetsPublic.vue b/src/views/sunVillage/dynamic/injoint/assetsPublic.vue
index b4559e94..94563c5a 100644
--- a/src/views/sunVillage/dynamic/injoint/assetsPublic.vue
+++ b/src/views/sunVillage/dynamic/injoint/assetsPublic.vue
@@ -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>
 
diff --git a/src/views/sunVillage/dynamic/injoint/meansOf.vue b/src/views/sunVillage/dynamic/injoint/meansOf.vue
index 36775eed..ef6268d2 100644
--- a/src/views/sunVillage/dynamic/injoint/meansOf.vue
+++ b/src/views/sunVillage/dynamic/injoint/meansOf.vue
@@ -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 {
diff --git a/src/views/sunVillage/dynamic/injoint/meansOf_desc.vue b/src/views/sunVillage/dynamic/injoint/meansOf_desc.vue
new file mode 100644
index 00000000..6b0c5e9e
--- /dev/null
+++ b/src/views/sunVillage/dynamic/injoint/meansOf_desc.vue
@@ -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>
diff --git a/src/views/sunVillage/dynamic/injoint/publicResources.vue b/src/views/sunVillage/dynamic/injoint/publicResources.vue
new file mode 100644
index 00000000..1ba6f536
--- /dev/null
+++ b/src/views/sunVillage/dynamic/injoint/publicResources.vue
@@ -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>
\ No newline at end of file
diff --git a/src/views/sunVillage/dynamic/public/details.vue b/src/views/sunVillage/dynamic/public/details.vue
new file mode 100644
index 00000000..70d84e29
--- /dev/null
+++ b/src/views/sunVillage/dynamic/public/details.vue
@@ -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>
diff --git a/src/views/sunVillage/dynamic/public/index.vue b/src/views/sunVillage/dynamic/public/index.vue
index 9b9a7995..e97d8c60 100644
--- a/src/views/sunVillage/dynamic/public/index.vue
+++ b/src/views/sunVillage/dynamic/public/index.vue
@@ -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">