zhangzl
/
nsgk_mobile
2
0
Форкнуть 0
Код Задачи 0 Pull Request'ы 0 Релизы 0 Вики Активность
Просмотр исходного кода

银农app 村画像，村民画像

wulanhaote
yujk 3 лет назад
Родитель
a12e2c8380
Сommit
12e3c26ad5
4 измененных файлов: 216 добавлений и 2 удалений
Разделённый вид
Опции Diff
Показать статистику Скачать Patch файл Скачать Diff файл
  1. +18
    -0
      src/router/index.js
  2. +59
    -0
      src/views/onlineHome/farmerPortrait.vue
  3. +2
    -2
      src/views/onlineHome/home.vue
  4. +137
    -0
      src/views/onlineHome/villagePortrait.vue

+ 18
- 0
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)
}
];



+ 59
- 0
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>

+ 2
- 2
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"


+ 137
- 0
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>

Редактирование Предпросмотр
Загрузка…
Отмена
Сохранить