| @@ -19,6 +19,7 @@ | |||
| 民生直通车 | |||
| </div> | |||
| <div | |||
| @click="skip('/sunVillage/equity')" | |||
| class="flex_navigation" | |||
| :class="[currentNav == '3' ? 'current' : '']" | |||
| > | |||
| @@ -0,0 +1,53 @@ | |||
| <template> | |||
| <div class="navigation_main"> | |||
| <router-link | |||
| tag="div" | |||
| to="/sunVillage/equity" | |||
| class="flex_wrap" | |||
| :class="serialTag == 1 ? 'current' : ''" | |||
| >股民信息</router-link | |||
| > | |||
| <router-link | |||
| tag="div" | |||
| to="/sunVillage/shareBonus" | |||
| class="flex_wrap" | |||
| :class="serialTag == 2 ? 'current' : ''" | |||
| >股权分红</router-link | |||
| > | |||
| </div> | |||
| </template> | |||
| <style scoped lang="scss"> | |||
| .navigation_main { | |||
| margin: 0 24px; | |||
| display: flex; | |||
| justify-content: space-between; | |||
| padding: 30px 0 10px; | |||
| .flex_wrap { | |||
| height: 80px; | |||
| background: #f8f8f8; | |||
| color: #07c160; | |||
| font-size: 32px; | |||
| display: flex; | |||
| justify-content: center; | |||
| align-items: center; | |||
| width: 340px; | |||
| border-radius: 12px; | |||
| &.current { | |||
| color: #fff; | |||
| background: #07c160; | |||
| } | |||
| } | |||
| } | |||
| </style> | |||
| <script> | |||
| export default { | |||
| props: ["serialTag"], | |||
| data() { | |||
| return {}; | |||
| }, | |||
| mounted() {}, | |||
| methods: {}, | |||
| }; | |||
| </script> | |||
| @@ -89,6 +89,11 @@ const whiteList = [ | |||
| '/sunVillage/consulting/inquiries', //民生直通车-咨询 | |||
| "/sunVillage/consulting/my_consulting", //民生直通车-我的咨询详情 | |||
| '/sunVillage/consulting/kanban', //民生直通车-民生看板 | |||
| '/sunVillage/equity', //股权查询-股民信息 | |||
| '/sunVillage/equity_desc', // 股权查询-股民信息-详情 | |||
| '/sunVillage/shareBonus', //股权查询-股权分红 | |||
| '/sunVillage/shareBonus_num', //股权查询-股权分红-股数详情页 | |||
| '/sunVillage/shareBonus_amount', //股权查询-股权分红-分红详情页 | |||
| //阳光村务公众号 -- 待删 | |||
| ] | |||
| @@ -2643,6 +2643,52 @@ export const constantRoutes = [ | |||
| hidden: true, | |||
| }, | |||
| component: (resolve) => require(['@/views/sunVillage/throughTrain/kanban'], resolve) | |||
| }, | |||
| { | |||
| path: '/sunVillage/equity', | |||
| name: 'sunVillageEquity', | |||
| meta: { | |||
| title: '股权查询', //民生直通车-股民信息 | |||
| hidden: true, | |||
| }, | |||
| component: (resolve) => require(['@/views/sunVillage/equity/info'], resolve) | |||
| }, | |||
| { | |||
| path: '/sunVillage/equity_desc', | |||
| name: 'sunVillageEquityDesc', | |||
| meta: { | |||
| title: '股权查询', //民生直通车-股民信息-详情页 | |||
| hidden: true, | |||
| }, | |||
| component: (resolve) => require(['@/views/sunVillage/equity/info_desc'], resolve) | |||
| }, | |||
| { | |||
| path: '/sunVillage/shareBonus', | |||
| name: 'sunVillageShareBonus', | |||
| meta: { | |||
| title: '股权查询', //民生直通车-股权分红 | |||
| hidden: true, | |||
| }, | |||
| component: (resolve) => require(['@/views/sunVillage/equity/shareBonus'], resolve) | |||
| }, | |||
| { | |||
| path: '/sunVillage/shareBonus_num', | |||
| name: 'sunVillageShareBonusNum', | |||
| meta: { | |||
| title: '股权查询', //民生直通车-股权分红-详股数情页 | |||
| hidden: true, | |||
| }, | |||
| component: (resolve) => require(['@/views/sunVillage/equity/shareBonus_num'], resolve) | |||
| } | |||
| , | |||
| { | |||
| path: '/sunVillage/shareBonus_amount', | |||
| name: 'sunVillageShareBonusAmount', | |||
| meta: { | |||
| title: '股权查询', //民生直通车-股权分红-分红详情页 | |||
| hidden: true, | |||
| }, | |||
| component: (resolve) => require(['@/views/sunVillage/equity/shareBonus_amount'], resolve) | |||
| } | |||
| @@ -16,19 +16,13 @@ | |||
| </div> | |||
| <div class="news_list"> | |||
| <ul> | |||
| <li | |||
| class="item_block" | |||
| @click="skip('/sunVillage/financial/details')" | |||
| > | |||
| <li class="item_block" @click="skip('/sunVillage/financial/details')"> | |||
| <div class="title">金融政策项目01</div> | |||
| <div class="insets"> | |||
| <img src="@/assets/images/sunVillage/2.jpg" /> | |||
| </div> | |||
| </li> | |||
| <li | |||
| class="item_block" | |||
| @click="skip('/sunVillage/financial/details')" | |||
| > | |||
| <li class="item_block" @click="skip('/sunVillage/financial/details')"> | |||
| <div class="title">金融政策项目01</div> | |||
| <div class="insets"> | |||
| <img src="@/assets/images/sunVillage/2.jpg" /> | |||
| @@ -21,13 +21,19 @@ | |||
| <div class="flex f4">构建时间</div> | |||
| </div> | |||
| <div class="tbody_main"> | |||
| <div class="item_list" @click="skip('/sunVillage/injoint/assetsPublic_desc')"> | |||
| <div | |||
| class="item_list" | |||
| @click="skip('/sunVillage/injoint/assetsPublic_desc')" | |||
| > | |||
| <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" @click="skip('/sunVillage/injoint/assetsPublic_desc')"> | |||
| <div | |||
| class="item_list" | |||
| @click="skip('/sunVillage/injoint/assetsPublic_desc')" | |||
| > | |||
| <div class="flex f1">18号大楼1233</div> | |||
| <div class="flex f2">1</div> | |||
| <div class="flex f3">经营</div> | |||
| @@ -14,19 +14,13 @@ | |||
| </div> | |||
| <div class="news_list"> | |||
| <ul> | |||
| <li | |||
| class="item_block" | |||
| @click="skip('/sunVillage/injoint/details')" | |||
| > | |||
| <li class="item_block" @click="skip('/sunVillage/injoint/details')"> | |||
| <div class="title">一季度收入说明</div> | |||
| <div class="insets"> | |||
| <img src="@/assets/images/sunVillage/2.jpg" /> | |||
| </div> | |||
| </li> | |||
| <li | |||
| class="item_block" | |||
| @click="skip('/sunVillage/injoint/details')" | |||
| > | |||
| <li class="item_block" @click="skip('/sunVillage/injoint/details')"> | |||
| <div class="title">一季度收入说明</div> | |||
| <div class="insets"> | |||
| <img src="@/assets/images/sunVillage/2.jpg" /> | |||
| @@ -14,19 +14,13 @@ | |||
| </div> | |||
| <div class="news_list"> | |||
| <ul> | |||
| <li | |||
| class="item_block" | |||
| @click="skip('/sunVillage/public/details')" | |||
| > | |||
| <li class="item_block" @click="skip('/sunVillage/public/details')"> | |||
| <div class="title">阳光村务内容01</div> | |||
| <div class="insets"> | |||
| <img src="@/assets/images/sunVillage/2.jpg" /> | |||
| </div> | |||
| </li> | |||
| <li | |||
| class="item_block" | |||
| @click="skip('/sunVillage/public/details')" | |||
| > | |||
| <li class="item_block" @click="skip('/sunVillage/public/details')"> | |||
| <div class="title">阳光村务内容01</div> | |||
| <div class="insets"> | |||
| <img src="@/assets/images/sunVillage/2.jpg" /> | |||
| @@ -0,0 +1,163 @@ | |||
| <template> | |||
| <div class="home_wrapper"> | |||
| <header-nav :currentNav="3" returnUrl="/sunVillage/index"></header-nav> | |||
| <equityHeader :serialTag="1"></equityHeader> | |||
| <div class="equity_main"> | |||
| <div class="header_mian"> | |||
| <div class="flex3"> | |||
| <div class="title">户人数</div> | |||
| <div class="cont">4</div> | |||
| </div> | |||
| <div class="flex4"> | |||
| <div class="title">宅基地㎡</div> | |||
| <div class="cont">4500</div> | |||
| </div> | |||
| <div class="flex4"> | |||
| <div class="title">宅基地㎡</div> | |||
| <div class="cont">4500</div> | |||
| </div> | |||
| </div> | |||
| <div class="households_main"> | |||
| <div class="flex_block" @click="skip('/sunVillage/equity_desc')"> | |||
| <div class="unit">户主</div> | |||
| <div class="head"> | |||
| <img src="../../../assets/images/sunVillage/head_portrait.jpg" /> | |||
| </div> | |||
| <div class="name">刘嘘唏</div> | |||
| <div class="sex">男</div> | |||
| <div class="meberCode"> | |||
| <div class="text">成员户编码</div> | |||
| <div class="code">15456456464646</div> | |||
| </div> | |||
| </div> | |||
| <div class="flex_block" @click="skip('/sunVillage/equity_desc')"> | |||
| <div class="unit">妻子</div> | |||
| <div class="head"> | |||
| <img src="../../../assets/images/sunVillage/head_portrait.jpg" /> | |||
| </div> | |||
| <div class="name">刘淼</div> | |||
| <div class="sex">女</div> | |||
| <div class="meberCode"> | |||
| <div class="text">成员户编码</div> | |||
| <div class="code">15456456464646</div> | |||
| </div> | |||
| </div> | |||
| <div class="flex_block" @click="skip('/sunVillage/equity_desc')"> | |||
| <div class="unit">长子</div> | |||
| <div class="head"> | |||
| <img src="../../../assets/images/sunVillage/head_portrait.jpg" /> | |||
| </div> | |||
| <div class="name">刘大壮</div> | |||
| <div class="sex">男</div> | |||
| <div class="meberCode"> | |||
| <div class="text">成员户编码</div> | |||
| <div class="code">15456456464646</div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </template> | |||
| <style scoped lang="scss"> | |||
| .home_wrapper { | |||
| width: 100%; | |||
| min-height: 100vh; | |||
| background: #fff; | |||
| .equity_main { | |||
| margin: 0 24px; | |||
| padding: 15px 0; | |||
| .header_mian { | |||
| height: 80px; | |||
| display: flex; | |||
| margin-bottom: 15px; | |||
| justify-content: center; /* 相对父元素水平居中 */ | |||
| align-items: center; /* 子元素相对父元素垂直居中 */ | |||
| .flex3 { | |||
| flex: 3; | |||
| display: flex; | |||
| } | |||
| .flex4 { | |||
| flex: 4; | |||
| display: flex; | |||
| } | |||
| .title { | |||
| font-size: 30px; | |||
| padding: 0 15px; | |||
| color: #999; | |||
| } | |||
| .cont { | |||
| font-size: 30px; | |||
| color: #07c160; | |||
| flex: 1; | |||
| text-align: center; | |||
| } | |||
| } | |||
| .households_main { | |||
| .flex_block { | |||
| height: 115px; | |||
| position: relative; | |||
| margin-bottom: 18px; | |||
| margin-left: 60px; | |||
| display: flex; | |||
| border-bottom: 1px solid #e6e6e6; | |||
| justify-content: center; /* 相对父元素水平居中 */ | |||
| align-items: center; /* 子元素相对父元素垂直居中 */ | |||
| .unit { | |||
| width: 34px; | |||
| display: flex; | |||
| position: absolute; | |||
| left: -40px; | |||
| font-size: 28px; | |||
| color: #07c160; | |||
| } | |||
| .head { | |||
| width: 64px; | |||
| height: 64px; | |||
| margin-left: 10px; | |||
| img { | |||
| width: 100%; | |||
| height: 100%; | |||
| } | |||
| } | |||
| .name { | |||
| width: 170px; | |||
| text-align: center; | |||
| font-size: 30px; | |||
| } | |||
| .sex { | |||
| width: 100px; | |||
| font-size: 24px; | |||
| text-align: center; | |||
| } | |||
| .meberCode { | |||
| flex: 1; | |||
| text-align: center; | |||
| .text { | |||
| color: #999; | |||
| margin-bottom: 8px; | |||
| } | |||
| } | |||
| } | |||
| } | |||
| } | |||
| } | |||
| </style> | |||
| <script> | |||
| import headerNav from "@/components/sunVillage/common/header.vue"; | |||
| import equityHeader from "@/components/sunVillage/equity_header"; | |||
| export default { | |||
| name: "sunVillageEquity", | |||
| components: { headerNav, equityHeader }, | |||
| data() { | |||
| return {}; | |||
| }, | |||
| mounted() {}, | |||
| methods: { | |||
| skip(url) { | |||
| this.$router.push(url); | |||
| }, | |||
| }, | |||
| }; | |||
| </script> | |||
| @@ -0,0 +1,117 @@ | |||
| <template> | |||
| <div class="home_wrapper"> | |||
| <header-nav | |||
| :headings="headingsTitle" | |||
| :currentNav="3" | |||
| returnUrl="/sunVillage/equity" | |||
| ></header-nav> | |||
| <equityHeader :serialTag="1"></equityHeader> | |||
| <div class="info_main"> | |||
| <div class="info_item"> | |||
| <div class="v_title">成员姓名</div> | |||
| <div class="v_content single">王万多</div> | |||
| </div> | |||
| <div class="info_item"> | |||
| <div class="v_title">成员户编码</div> | |||
| <div class="v_content single">1231231231231231</div> | |||
| </div> | |||
| <div class="info_item"> | |||
| <div class="v_title">家庭身份</div> | |||
| <div class="v_content single">户主</div> | |||
| </div> | |||
| <div class="info_item"> | |||
| <div class="v_title">民族</div> | |||
| <div class="v_content single">汉</div> | |||
| </div> | |||
| <div class="info_item"> | |||
| <div class="v_title">身份证号码</div> | |||
| <div class="v_content single">123111111111111123</div> | |||
| </div> | |||
| <div class="info_item"> | |||
| <div class="v_title">户主联系电话</div> | |||
| <div class="v_content single">158545645121</div> | |||
| </div> | |||
| <div class="info_item"> | |||
| <div class="v_title">承包地面积(㎡)</div> | |||
| <div class="v_content single">1500</div> | |||
| </div> | |||
| <div class="info_item"> | |||
| <div class="v_title">宅基地面积(㎡)</div> | |||
| <div class="v_content single"> | |||
| <input | |||
| type="text" | |||
| class="input_style" | |||
| placeholder="请输入宅基地面积" | |||
| maxlength="8" | |||
| /> | |||
| </div> | |||
| </div> | |||
| <div class="info_item"> | |||
| <div class="v_title">开户银行</div> | |||
| <div class="v_content single">农业银行西峡村支行</div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </template> | |||
| <style scoped lang="scss"> | |||
| .home_wrapper { | |||
| width: 100%; | |||
| min-height: 100vh; | |||
| background: #fff; | |||
| .info_main { | |||
| margin: 0 24px; | |||
| .info_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; | |||
| .input_style { | |||
| width: 100%; | |||
| text-align: center; | |||
| height: 90px; | |||
| } | |||
| } | |||
| } | |||
| } | |||
| } | |||
| } | |||
| </style> | |||
| <script> | |||
| import headerNav from "@/components/sunVillage/common/header.vue"; | |||
| import equityHeader from "@/components/sunVillage/equity_header"; | |||
| export default { | |||
| name: "sunVillageInjointMeansOfDesc", | |||
| components: { headerNav, equityHeader }, | |||
| data() { | |||
| return { | |||
| headingsTitle: "股民信息", | |||
| }; | |||
| }, | |||
| mounted() {}, | |||
| methods: { | |||
| skip(url) { | |||
| this.$router.push(url); | |||
| }, | |||
| }, | |||
| }; | |||
| </script> | |||
| @@ -0,0 +1,201 @@ | |||
| <template> | |||
| <div class="home_wrapper"> | |||
| <header-nav :currentNav="3" returnUrl="/sunVillage/index"></header-nav> | |||
| <equityHeader :serialTag="2"></equityHeader> | |||
| <div class="equity_main"> | |||
| <div class="date_main" @click="selectDateFun"> | |||
| <i class="icon"></i> | |||
| <div class="year">2022<span class="unit">年</span></div> | |||
| </div> | |||
| <div class="header_mian"> | |||
| <div class="flex3"> | |||
| <div class="title">户人数</div> | |||
| <div class="cont">4</div> | |||
| </div> | |||
| <div class="flex4"> | |||
| <div class="title">总股数</div> | |||
| <div class="cont">4500</div> | |||
| </div> | |||
| <div class="flex4"> | |||
| <div class="title">总分红</div> | |||
| <div class="cont">4500</div> | |||
| </div> | |||
| </div> | |||
| <div class="households_main"> | |||
| <div class="flex_block"> | |||
| <div class="unit">户主</div> | |||
| <div class="head"> | |||
| <img src="../../../assets/images/sunVillage/head_portrait.jpg" /> | |||
| </div> | |||
| <div class="name">刘嘘唏</div> | |||
| <div class="numberShare" @click="skip('/sunVillage/shareBonus_num')"> | |||
| <div class="text">股数</div> | |||
| <div class="code">1000</div> | |||
| </div> | |||
| <div class="bonus" @click="skip('/sunVillage/shareBonus_amount')"> | |||
| <div class="text">总分红(元)</div> | |||
| <div class="code">3000</div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <van-popup v-model:show="dateVisbile" round position="bottom"> | |||
| <van-picker | |||
| title="选择年" | |||
| show-toolbar | |||
| :columns="yearColumns" | |||
| :default-index="yearSelect" | |||
| @confirm="yearConfirm" | |||
| @cancel="dateVisbile = false" | |||
| /> | |||
| </van-popup> | |||
| </div> | |||
| </template> | |||
| <style scoped lang="scss"> | |||
| .home_wrapper { | |||
| width: 100%; | |||
| min-height: 100vh; | |||
| background: #fff; | |||
| .equity_main { | |||
| margin: 0 24px; | |||
| padding: 15px 0; | |||
| .date_main { | |||
| width: 220px; | |||
| height: 68px; | |||
| border-bottom: 2px solid #ededed; | |||
| display: flex; | |||
| justify-content: center; | |||
| align-items: center; | |||
| font-size: 28px; | |||
| .icon { | |||
| width: 26px; | |||
| height: 26px; | |||
| background: url("../../../assets/images/sunVillage/select_date_icon.jpg") | |||
| no-repeat; | |||
| background-size: 100% 100%; | |||
| display: block; | |||
| margin: 0 25px 0 12px; | |||
| } | |||
| .year { | |||
| .unit { | |||
| padding: 0 10px; | |||
| } | |||
| } | |||
| } | |||
| .header_mian { | |||
| height: 80px; | |||
| display: flex; | |||
| margin-bottom: 15px; | |||
| justify-content: center; /* 相对父元素水平居中 */ | |||
| align-items: center; /* 子元素相对父元素垂直居中 */ | |||
| .flex3 { | |||
| flex: 3; | |||
| display: flex; | |||
| } | |||
| .flex4 { | |||
| flex: 4; | |||
| display: flex; | |||
| } | |||
| .title { | |||
| font-size: 30px; | |||
| padding: 0 15px; | |||
| color: #999; | |||
| } | |||
| .cont { | |||
| font-size: 30px; | |||
| color: #07c160; | |||
| flex: 1; | |||
| text-align: center; | |||
| } | |||
| } | |||
| .households_main { | |||
| .flex_block { | |||
| height: 115px; | |||
| position: relative; | |||
| margin-bottom: 18px; | |||
| margin-left: 60px; | |||
| display: flex; | |||
| border-bottom: 1px solid #e6e6e6; | |||
| justify-content: center; /* 相对父元素水平居中 */ | |||
| align-items: center; /* 子元素相对父元素垂直居中 */ | |||
| .unit { | |||
| width: 34px; | |||
| display: flex; | |||
| position: absolute; | |||
| left: -40px; | |||
| font-size: 28px; | |||
| color: #07c160; | |||
| } | |||
| .head { | |||
| width: 64px; | |||
| height: 64px; | |||
| margin-left: 10px; | |||
| img { | |||
| width: 100%; | |||
| height: 100%; | |||
| } | |||
| } | |||
| .name { | |||
| width: 150px; | |||
| text-align: center; | |||
| font-size: 30px; | |||
| } | |||
| .bonus, | |||
| .numberShare { | |||
| flex: 1; | |||
| font-size: 28px; | |||
| text-align: center; | |||
| .text { | |||
| color: #999; | |||
| margin-bottom: 8px; | |||
| } | |||
| } | |||
| } | |||
| } | |||
| } | |||
| } | |||
| </style> | |||
| <script> | |||
| import headerNav from "@/components/sunVillage/common/header.vue"; | |||
| import equityHeader from "@/components/sunVillage/equity_header"; | |||
| export default { | |||
| name: "sunVillageEquity", | |||
| components: { headerNav, equityHeader }, | |||
| data() { | |||
| return { | |||
| dateVisbile: false, | |||
| yearColumns: [2000, 2001, 2002], | |||
| yearSelect: null, | |||
| }; | |||
| }, | |||
| mounted() { | |||
| this.yearData(); | |||
| }, | |||
| methods: { | |||
| skip(url) { | |||
| this.$router.push(url); | |||
| }, | |||
| selectDateFun() { | |||
| this.dateVisbile = !this.dateVisbile; | |||
| }, | |||
| yearData() { | |||
| for (let i = 2000; i < 2060; i++) { | |||
| this.yearColumns.push(i); | |||
| } | |||
| //显示当前年份 | |||
| var year = new Date().getFullYear(); | |||
| this.yearSelect = this.yearColumns.indexOf(Number(year)); | |||
| }, | |||
| yearConfirm(value) { | |||
| // this.formatDate = value + "年"; | |||
| // this.form.reportDate = value.toString(); | |||
| // this.yearShow = false; | |||
| this.dateVisbile = false; | |||
| }, | |||
| }, | |||
| }; | |||
| </script> | |||
| @@ -0,0 +1,160 @@ | |||
| <template> | |||
| <div class="home_wrapper"> | |||
| <header-nav | |||
| :headings="headingsTitle" | |||
| :currentNav="3" | |||
| returnUrl="/sunVillage/shareBonus" | |||
| ></header-nav> | |||
| <equityHeader :serialTag="2"></equityHeader> | |||
| <div class="holding_header"> | |||
| <div class="unit">户主</div> | |||
| <div class="head"> | |||
| <img src="../../../assets/images/sunVillage/head_portrait.jpg" /> | |||
| </div> | |||
| <div class="name">刘说的</div> | |||
| </div> | |||
| <div class="info_main"> | |||
| <div class="info_item"> | |||
| <div class="v_title">年度</div> | |||
| <div class="v_content single"><i class="icon_date"></i> 2022</div> | |||
| </div> | |||
| <div class="info_item"> | |||
| <div class="v_title">分红金额</div> | |||
| <div class="v_content single">10000</div> | |||
| </div> | |||
| <div class="info_item"> | |||
| <div class="v_title">集体分红金额</div> | |||
| <div class="v_content single">10000</div> | |||
| </div> | |||
| <div class="info_item"> | |||
| <div class="v_title">股民分红金额</div> | |||
| <div class="v_content single">10000</div> | |||
| </div> | |||
| <div class="info_item"> | |||
| <div class="v_title">分红时间</div> | |||
| <div class="v_content single"><i class="icon_date"></i> 2022-02-11</div> | |||
| </div> | |||
| <div class="info_item"> | |||
| <div class="v_title">分红说明</div> | |||
| <div class="v_content single"> | |||
| <input | |||
| type="text" | |||
| class="input_style" | |||
| placeholder="请输入宅基地面积" | |||
| maxlength="8" | |||
| /> | |||
| </div> | |||
| </div> | |||
| <div class="info_item"> | |||
| <div class="v_title">凭证号</div> | |||
| <div class="v_content single">记-01</div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </template> | |||
| <style scoped lang="scss"> | |||
| .home_wrapper { | |||
| width: 100%; | |||
| min-height: 100vh; | |||
| background: #fff; | |||
| .holding_header { | |||
| margin: 20px 24px 0; | |||
| height: 112px; | |||
| display: flex; | |||
| align-items: center; /* 子元素相对父元素垂直居中 */ | |||
| text-align: center; | |||
| font-size: 30px; | |||
| .unit { | |||
| width: 98px; | |||
| color: #07c160; | |||
| } | |||
| .head { | |||
| width: 64px; | |||
| height: 64px; | |||
| margin-left: 20px; | |||
| img { | |||
| width: 100%; | |||
| height: 100%; | |||
| } | |||
| } | |||
| .name { | |||
| width: 150px; | |||
| } | |||
| .allNum { | |||
| flex: 1; | |||
| color: #999; | |||
| text-align: left; | |||
| .num { | |||
| color: #07c160; | |||
| padding-left: 10px; | |||
| } | |||
| } | |||
| } | |||
| .info_main { | |||
| margin: 0 24px; | |||
| .info_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; | |||
| .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; | |||
| } | |||
| &.single { | |||
| display: flex; | |||
| justify-content: center; | |||
| align-items: center; | |||
| .input_style { | |||
| width: 100%; | |||
| text-align: center; | |||
| height: 90px; | |||
| } | |||
| } | |||
| } | |||
| } | |||
| } | |||
| } | |||
| </style> | |||
| <script> | |||
| import headerNav from "@/components/sunVillage/common/header.vue"; | |||
| import equityHeader from "@/components/sunVillage/equity_header"; | |||
| export default { | |||
| name: "sunVillageInjointMeansOfDesc", | |||
| components: { headerNav, equityHeader }, | |||
| data() { | |||
| return { | |||
| headingsTitle: "股民信息", | |||
| }; | |||
| }, | |||
| mounted() {}, | |||
| methods: { | |||
| skip(url) { | |||
| this.$router.push(url); | |||
| }, | |||
| }, | |||
| }; | |||
| </script> | |||
| @@ -0,0 +1,132 @@ | |||
| <template> | |||
| <div class="home_wrapper"> | |||
| <header-nav | |||
| :headings="headingsTitle" | |||
| :currentNav="3" | |||
| returnUrl="/sunVillage/shareBonus" | |||
| ></header-nav> | |||
| <equityHeader :serialTag="2"></equityHeader> | |||
| <div class="holding_header"> | |||
| <div class="unit">户主</div> | |||
| <div class="head"> | |||
| <img src="../../../assets/images/sunVillage/head_portrait.jpg" /> | |||
| </div> | |||
| <div class="name">刘说的</div> | |||
| <div class="allNum">总股数<span class="num">4500</span></div> | |||
| </div> | |||
| <div class="info_main"> | |||
| <div class="info_item"> | |||
| <div class="v_title">人人股</div> | |||
| <div class="v_content single">400</div> | |||
| </div> | |||
| <div class="info_item"> | |||
| <div class="v_title">土土股</div> | |||
| <div class="v_content single">400</div> | |||
| </div> | |||
| <div class="info_item"> | |||
| <div class="v_title">劳劳股</div> | |||
| <div class="v_content single">400</div> | |||
| </div> | |||
| <div class="info_item"> | |||
| <div class="v_title">资资股</div> | |||
| <div class="v_content single">400</div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </template> | |||
| <style scoped lang="scss"> | |||
| .home_wrapper { | |||
| width: 100%; | |||
| min-height: 100vh; | |||
| background: #fff; | |||
| .holding_header { | |||
| margin: 20px 24px 0; | |||
| height: 112px; | |||
| display: flex; | |||
| justify-content: center; /* 相对父元素水平居中 */ | |||
| align-items: center; /* 子元素相对父元素垂直居中 */ | |||
| text-align: center; | |||
| font-size: 30px; | |||
| .unit { | |||
| width: 98px; | |||
| color: #07c160; | |||
| } | |||
| .head { | |||
| width: 64px; | |||
| height: 64px; | |||
| margin-left: 20px; | |||
| img { | |||
| width: 100%; | |||
| height: 100%; | |||
| } | |||
| } | |||
| .name { | |||
| width: 150px; | |||
| } | |||
| .allNum { | |||
| flex: 1; | |||
| color: #999; | |||
| text-align: left; | |||
| .num { | |||
| color: #07c160; | |||
| padding-left: 10px; | |||
| } | |||
| } | |||
| } | |||
| .info_main { | |||
| margin: 0 24px; | |||
| .info_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; | |||
| .input_style { | |||
| width: 100%; | |||
| text-align: center; | |||
| height: 90px; | |||
| } | |||
| } | |||
| } | |||
| } | |||
| } | |||
| } | |||
| </style> | |||
| <script> | |||
| import headerNav from "@/components/sunVillage/common/header.vue"; | |||
| import equityHeader from "@/components/sunVillage/equity_header"; | |||
| export default { | |||
| name: "sunVillageInjointMeansOfDesc", | |||
| components: { headerNav, equityHeader }, | |||
| data() { | |||
| return { | |||
| headingsTitle: "股权分红", | |||
| }; | |||
| }, | |||
| mounted() {}, | |||
| methods: { | |||
| skip(url) { | |||
| this.$router.push(url); | |||
| }, | |||
| }, | |||
| }; | |||
| </script> | |||
| @@ -1,5 +1,5 @@ | |||
| <template> | |||
| <div class="login_wrapper"> | |||
| <div class="home_wrapper"> | |||
| <div class="login_title"> | |||
| <div class="title">登录</div> | |||
| <div class="desc">阳光村务公众号</div> | |||
| @@ -25,7 +25,7 @@ | |||
| </template> | |||
| <style scoped lang="scss"> | |||
| .login_wrapper { | |||
| .home_wrapper { | |||
| background: #fff; | |||
| min-width: 100%; | |||
| min-height: 100vh; | |||