task 阳光村务 填报采集任务

src/router/index.js

@@ -5376,6 +5376,24 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/yinnong/bankAgriculture/recordDetail/recordDetailList'], resolve)
   },
+  {
+    path: '/sunVillage_info/reporting_collection',
+    name: 'sunVillageReportingCollection',
+    meta: {
+      title: '填报采集任务',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/reporting_collection'], resolve)
+  },
+  {
+    path: '/sunVillage_info/reporting_collection_iframe',
+    name: 'sunVillageReportingCollectionIframe',
+    meta: {
+      title: '填报采集任务',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/reporting_collection_iframe'], resolve)
+  },
 
   //<--------------------------------------农业大托管-------------------------------------->
   {

src/views/sunVillage_info/reporting_collection.vue

@@ -0,0 +1,83 @@
+<template>
+    <div class="home_wrapper">
+        <div class="header_main">
+          填报采集任务
+          <div class="return_btn" @click="onClickLeft"></div>
+        </div>
+
+      <van-cell title="农户模版" center :to="{name:'sunVillageReportingCollectionIframe',query:{type:'kh'}}" is-link >
+        <template #icon>
+          <van-icon name="friends" color="#2facfe" size="24" style="margin-right: 10px" />
+        </template>
+      </van-cell>
+      <van-cell title="合作社模版" center :to="{name:'sunVillageReportingCollectionIframe',query:{type:'hzs'}}" is-link >
+        <template #icon>
+          <van-icon name="shop" color="#2facfe" size="24" style="margin-right: 10px" />
+        </template>
+      </van-cell>
+   </div>
+</template>
+
+<script>
+export default {
+  name: "sunVillageReportingCollection",
+  data() {
+    return {
+
+    };
+  },
+  created() {
+
+  },
+  methods: {
+    goAdd(){
+      this.$router.push('/sunVillage_info/statistical_report_edit')
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.home_wrapper{
+   background: #e9e9e9;
+   min-height: 100vh;
+   width: 100vw;
+   .header_main {
+       height: 116px;
+       background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+       background-size: 100% 100%;
+       position: fixed;
+       top: 0;
+       left: 0;
+       width: 100%;
+       font-size: 36px;
+       line-height: 116px;
+       text-align: center;
+       color: #fff;
+       position: relative;
+
+       .return_btn {
+           width: 24px;
+           height: 43.2px;
+           background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+           background-size: 20px 36px;
+           position: absolute;
+           left: 38px;
+           top: 36px;
+       }
+
+       .add_btn {
+           width: 56.4px;
+           height: 40.8px;
+           background: url('../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+           background-size: 47px 34px;
+           position: absolute;
+           right: 38px;
+           top: 36px;
+       }
+   }
+   /deep/ .van-cell{
+     padding: 15Px 0.426667rem;
+   }
+}
+</style>

src/views/sunVillage_info/reporting_collection_iframe.vue

@@ -0,0 +1,85 @@
+<template>
+    <div class="home_wrapper">
+        <div class="header_main">
+          {{title}}
+          <div class="return_btn" @click="onClickLeft"></div>
+        </div>
+
+        <iframe :src="url" frameborder="0"></iframe>
+
+   </div>
+</template>
+
+<script>
+export default {
+  name: "sunVillageReportingCollectionIframe",
+  data() {
+    return {
+      url:'',
+      title:'',
+    };
+  },
+  created() {
+    if (this.$route.query.type == 'kh'){
+      this.url = 'https://stage-mweb-dmp.cacfintech.com/#/signin?type=4&creditCode=652924194204070045&areacode=650502001001&mobile=15003064949'
+      this.title = '农户模版'
+    }else if (this.$route.query.type == 'hzs'){
+      this.url = 'https://stage-mweb-dmp.cacfintech.com/#/signin?type=1&creditCode=93433101MA4QF668XT&areacode=43&mobile=15003064949'
+      this.title = '合作社模版'
+    }
+  },
+  methods: {
+    goAdd(){
+      this.$router.push('/sunVillage_info/statistical_report_edit')
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.home_wrapper{
+   background: #e9e9e9;
+   min-height: 100vh;
+   width: 100vw;
+   height: 100vh;
+  overflow: hidden;
+   .header_main {
+       height: 116px;
+       background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+       background-size: 100% 100%;
+       position: fixed;
+       top: 0;
+       left: 0;
+       width: 100%;
+       font-size: 36px;
+       line-height: 116px;
+       text-align: center;
+       color: #fff;
+       position: relative;
+
+       .return_btn {
+           width: 24px;
+           height: 43.2px;
+           background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+           background-size: 20px 36px;
+           position: absolute;
+           left: 38px;
+           top: 36px;
+       }
+
+       .add_btn {
+           width: 56.4px;
+           height: 40.8px;
+           background: url('../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+           background-size: 47px 34px;
+           position: absolute;
+           right: 38px;
+           top: 36px;
+       }
+   }
+  iframe{
+    width: 100%;
+    height: calc(100vh - 118px);
+  }
+}
+</style>