From 12e3c26ad5d20f8f27ad9975dc82a4e4cf5a62a4 Mon Sep 17 00:00:00 2001
From: yujk <990961482@qq.com>
Date: Mon, 18 Oct 2021 17:36:16 +0800
Subject: [PATCH] =?UTF-8?q?=E9=93=B6=E5=86=9Capp=20=E6=9D=91=E7=94=BB?=
 =?UTF-8?q?=E5=83=8F=EF=BC=8C=E6=9D=91=E6=B0=91=E7=94=BB=E5=83=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.js                      |  18 +++
 src/views/onlineHome/farmerPortrait.vue  |  59 ++++++++++
 src/views/onlineHome/home.vue            |   4 +-
 src/views/onlineHome/villagePortrait.vue | 137 +++++++++++++++++++++++
 4 files changed, 216 insertions(+), 2 deletions(-)
 create mode 100644 src/views/onlineHome/farmerPortrait.vue
 create mode 100644 src/views/onlineHome/villagePortrait.vue

diff --git a/src/router/index.js b/src/router/index.js
index 4a2bb654..69ccaec2 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1436,6 +1436,24 @@ export const constantRoutes = [
       hidden: true,
     },
     component: (resolve) => require(['@/views/onlineHome/bankAgriculture/paymentAccount/paymentAccountDetail'], resolve)
+  },
+  {
+    path: '/onlineHome/villagePortrait',
+    name: 'villagePortrait',
+    meta: {
+      title: '村画像',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/onlineHome/villagePortrait'], resolve)
+  },
+  {
+    path: '/onlineHome/farmerPortrait',
+    name: 'farmerPortrait',
+    meta: {
+      title: '村民信息',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/onlineHome/farmerPortrait'], resolve)
   }
 ];
 
diff --git a/src/views/onlineHome/farmerPortrait.vue b/src/views/onlineHome/farmerPortrait.vue
new file mode 100644
index 00000000..d8acf2de
--- /dev/null
+++ b/src/views/onlineHome/farmerPortrait.vue
@@ -0,0 +1,59 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      title="村民画像"
+      left-arrow
+      @click-left="$router.back(-1)"
+    >
+    </van-nav-bar>
+    <van-list
+      finished-text="没有更多了"
+      >
+      <van-swipe-cell v-for="(item,index) in list" :key="index">
+        <van-cell :title="'户编号：'+item.name1" center class="van-cell-group">
+          <template #icon>
+            <van-icon name="../../../static/images/onlineHome/myIcon1.png" size="22" color="#FF4646" style="margin-right: 10px;" />
+          </template>
+          <template #label>
+            <p><span>{{item.name2}}</span><i style="margin-right: 30px;"></i>{{item.name3}}<i style="margin-right: 30px;"></i>{{item.name4}}</p>
+          </template>
+        </van-cell>
+      </van-swipe-cell>
+    </van-list>
+  </div>
+</template>
+
+<script>
+  import onlineHomeIndex from "../onlineHomeIndex";
+  export default {
+    components: {
+      onlineHomeIndex
+    },
+    name: "farmerPortrait",
+    data() {
+      return {
+        list:[{name1:'53123123123123',name2:'张三',name3:'男',name4:'53岁'},
+          {name1:'53123123123123',name2:'张三',name3:'男',name4:'53岁'},
+          {name1:'53123123123123',name2:'张三',name3:'男',name4:'53岁'},
+          {name1:'53123123123123',name2:'张三',name3:'男',name4:'53岁'},
+          {name1:'53123123123123',name2:'张三',name3:'男',name4:'53岁'},
+          {name1:'53123123123123',name2:'张三',name3:'男',name4:'53岁'},
+          {name1:'53123123123123',name2:'张三',name3:'男',name4:'53岁'},
+          {name1:'53123123123123',name2:'张三',name3:'男',name4:'53岁'},
+          {name1:'53123123123123',name2:'张三',name3:'男',name4:'53岁'}],
+        finished: false,
+        loading: false,
+      };
+    },
+    methods: {
+      getList(){
+      },
+    },
+  }
+</script>
+
+<style scoped>
+  >>> .van-cell-group{
+    width: 96%;margin:1% 2%;border-radius: 8px;overflow: hidden;padding-top: 20px;padding-bottom: 20px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+  }
+</style>
diff --git a/src/views/onlineHome/home.vue b/src/views/onlineHome/home.vue
index 4725bb6a..f3804d3a 100644
--- a/src/views/onlineHome/home.vue
+++ b/src/views/onlineHome/home.vue
@@ -8,7 +8,7 @@
         </template>
       </van-nav-bar>
       <van-cell-group style="width: 96%;margin:2%;border-radius: 6px;overflow: hidden;padding-top: 20px;padding-bottom: 20px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);">
-        <van-cell title="村画像" is-link>
+        <van-cell title="村画像" is-link to="villagePortrait">
           <template #icon>
             <van-image
               fit="contain"
@@ -18,7 +18,7 @@
             />
           </template>
         </van-cell>
-        <van-cell title="村民信息" is-link >
+        <van-cell title="村民信息" is-link to="farmerPortrait">
           <template #icon>
             <van-image
               fit="contain"
diff --git a/src/views/onlineHome/villagePortrait.vue b/src/views/onlineHome/villagePortrait.vue
new file mode 100644
index 00000000..0030d1c9
--- /dev/null
+++ b/src/views/onlineHome/villagePortrait.vue
@@ -0,0 +1,137 @@
+<template>
+    <div class="app-container">
+      <van-nav-bar
+        title="村画像"
+        left-arrow
+        @click-left="$router.back(-1)"
+      >
+      </van-nav-bar>
+      <van-cell-group class="van-cell-group" style="padding:10px;">
+          <p style="color: #1D6FE9;padding:10px;font-size: 16px">基本情况</p>
+        <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
+          <van-swipe-item>1</van-swipe-item>
+          <van-swipe-item>2</van-swipe-item>
+          <van-swipe-item>3</van-swipe-item>
+          <van-swipe-item>4</van-swipe-item>
+        </van-swipe>
+        <div style="line-height: 20px;overflow: auto;padding:5px 10px;">
+          <p style="float: left;width: 50%;font-size: 14px">户籍人口：2000人</p>
+          <p style="float: left;width: 50%;font-size: 14px">村长：李四</p>
+        </div>
+        <div style="line-height: 20px;overflow: auto;padding:5px 10px;">
+          <p style="float: left;width: 50%;font-size: 14px">总资产：2000万元</p>
+          <p style="float: left;width: 50%;font-size: 14px">村支书：李琪琪</p>
+        </div>
+      </van-cell-group>
+      <van-cell-group class="van-cell-group" style="padding:10px;">
+        <p style="color: #1D6FE9;padding:10px;font-size: 16px">财务情况</p>
+        <div style="line-height: 20px;overflow: auto;padding:5px 10px;">
+          <p style="float: left;width: 50%;font-size: 14px">现金：200万</p>
+          <p style="float: left;width: 50%;font-size: 14px">总负债：152万元</p>
+        </div>
+        <div style="line-height: 20px;overflow: auto;padding:5px 10px;">
+          <p style="float: left;width: 50%;font-size: 14px">银行存款：1500万元</p>
+          <p style="float: left;width: 50%;font-size: 14px">总收入：2053万元</p>
+        </div>
+        <div style="line-height: 20px;overflow: auto;padding:5px 10px;">
+          <p style="float: left;width: 50%;font-size: 14px">总资产：2000万元</p>
+          <p style="float: left;width: 50%;font-size: 14px">总支出：2053万元</p>
+        </div>
+      </van-cell-group>
+      <van-cell-group class="van-cell-group" style="padding:10px;">
+        <p style="color: #1D6FE9;padding:10px;font-size: 16px">产改情况</p>
+        <div style="line-height: 20px;overflow: auto;padding:5px 10px;">
+          <p style="float: left;width: 50%;font-size: 14px">量化总资产：54312万元</p>
+          <p style="float: left;width: 50%;font-size: 14px">成员清册：1157人</p>
+        </div>
+        <div style="line-height: 20px;overflow: auto;padding:5px 10px;">
+          <p style="float: left;width: 50%;font-size: 14px">股份总数：12000股</p>
+          <p style="float: left;width: 50%;font-size: 14px">成员占股：78%</p>
+        </div>
+      </van-cell-group>
+      <van-cell-group class="van-cell-group" style="padding:10px;">
+        <p style="color: #1D6FE9;padding:10px;font-size: 16px">人居环境</p>
+        <div style="line-height: 20px;overflow: auto;padding:5px 10px;">
+          <p style="float: left;width: 50%;font-size: 14px">户厕：300个</p>
+          <p style="float: left;width: 50%;font-size: 14px">污水站：2个</p>
+        </div>
+        <div style="line-height: 20px;overflow: auto;padding:5px 10px;">
+          <p style="float: left;width: 50%;font-size: 14px">公厕：2个</p>
+          <p style="float: left;width: 50%;font-size: 14px">路灯：130个</p>
+        </div>
+        <div style="line-height: 20px;overflow: auto;padding:5px 10px;">
+          <p style="float: left;width: 50%;font-size: 14px">垃圾点：2个</p>
+          <p style="float: left;width: 50%;font-size: 14px">监控：130个</p>
+        </div>
+      </van-cell-group>
+      <van-cell-group class="van-cell-group" style="padding:10px;">
+        <p style="color: #1D6FE9;padding:10px;font-size: 16px">行政管理</p>
+        <div style="line-height: 20px;overflow: auto;padding:5px 10px;">
+          <p style="float: left;width: 50%;font-size: 14px">党委管理：300个</p>
+          <p style="float: left;width: 50%;font-size: 14px">单元数量：2个</p>
+        </div>
+        <div style="line-height: 20px;overflow: auto;padding:5px 10px;">
+          <p style="float: left;width: 50%;font-size: 14px">网格数：2个</p>
+        </div>
+      </van-cell-group>
+      <van-cell-group class="van-cell-group" style="padding:10px;">
+        <p style="color: #1D6FE9;padding:10px;font-size: 16px">宅基地概况</p>
+        <div style="line-height: 20px;overflow: auto;padding:5px 10px;">
+          <p style="float: left;width: 50%;font-size: 14px">宗数：200宗</p>
+          <p style="float: left;width: 50%;font-size: 14px">一宅多户：18户</p>
+        </div>
+        <div style="line-height: 20px;overflow: auto;padding:5px 10px;">
+          <p style="float: left;width: 50%;font-size: 14px">面积：25000m²</p>
+          <p style="float: left;width: 50%;font-size: 14px">闲置：380亩</p>
+        </div>
+        <div style="line-height: 20px;overflow: auto;padding:5px 10px;">
+          <p style="float: left;width: 50%;font-size: 14px">规划指标：25000m²</p>
+          <p style="float: left;width: 50%;font-size: 14px">流转：380亩</p>
+        </div>
+      </van-cell-group>
+      <van-cell-group class="van-cell-group" style="padding:10px;">
+        <p style="color: #1D6FE9;padding:10px;font-size: 16px">承包地概况</p>
+        <div style="line-height: 20px;overflow: auto;padding:5px 10px;">
+          <p style="float: left;width: 50%;font-size: 14px">宗数：200宗</p>
+          <p style="float: left;width: 50%;font-size: 14px">承包合同数：18个</p>
+        </div>
+        <div style="line-height: 20px;overflow: auto;padding:5px 10px;">
+          <p style="float: left;width: 50%;font-size: 14px">面积：25000m²</p>
+          <p style="float: left;width: 50%;font-size: 14px">流转亩数：380亩</p>
+        </div>
+        <div style="line-height: 20px;overflow: auto;padding:5px 10px;">
+          <p style="float: left;width: 50%;font-size: 14px">确权户数：157户</p>
+          <p style="float: left;width: 50%;font-size: 14px">流转合同数：38个</p>
+        </div>
+      </van-cell-group>
+    </div>
+</template>
+
+<script>
+  import onlineHomeIndex from "../onlineHomeIndex";
+    export default {
+      components: {
+        onlineHomeIndex
+      },
+        name: "villagePortrait",
+      data() {
+        return {
+
+        };
+      },
+    }
+</script>
+
+<style scoped>
+  >>> .my-swipe .van-swipe-item {
+    color: #fff;
+    font-size: 20px;
+    line-height: 300px;
+    text-align: center;
+    background-color: #39a9ed;
+    border-radius: 10px;
+  }
+  >>> .van-cell-group{
+    width: 96%;margin:2%;border-radius: 6px;overflow: hidden;padding-top: 20px;padding-bottom: 20px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+  }
+</style>