Skip to content

G
gjjCode
Commit 46882aa1 authored by tanjuanjuan's avatar tanjuanjuan
Browse files
Options

修改

parent 625330fc
Hide whitespace changes
Inline Side-by-side
Showing with 222 additions and 34 deletions
src/pages/account/account.vue 0 → 100644
View file @ 46882aa1
<template>
<view class="main">
<view class="backToMain"><view @click="goToIndex"><span class="iconfont icon-jiantouzuo"></span></view></view>
<view class="acctitle">公积金账户信息</view>
<view class="box1">
<view class="b1item">
<p class="btxt">{{pInfo.spmfact}}</p>
<p class="stxt">月缴存总额（元）</p>
</view>
<view class="b1item">
<p class="btxt">{{pInfo.spgz}}</p>
<p class="stxt">缴存基数（元）</p>
</view>
<view class="b1item">
<p class="btxt">{{pInfo.spsingl}}%</p>
<p class="stxt">个人缴存比例</p>
</view>
</view>
<view class="box2 inner">
<view class="item">
<view class="item_title">基本信息</view>
<view class="thin-line-scaled"></view>
<view class="box2c">
<view class="box2citem">
<view class="box2citem_l">公积金账号</view>
<view class="box2citem_r">{{pInfo.spcode}}</view>
</view>
<view class="box2citem">
<view class="box2citem_l">账户状态</view>
<view class="box2citem_r">{{pInfo.hjstatus}}</view>
</view>
<view class="box2citem">
<view class="box2citem_l">姓名</view>
<view class="box2citem_r">{{pInfo.spname}}</view>
</view>
<view class="box2citem">
<view class="box2citem_l">单位名称</view>
<view class="box2citem_r">{{pInfo.snname}}</view>
</view>
<view class="box2citem">
<view class="box2citem_l">开户日期</view>
<view class="box2citem_r">{{pInfo.spkhrq.split(" ")[0]}}</view>
</view>
</view>
</view>
<view class="item">
<view class="item_title">您的缴交信息</view>
<view class="thin-line-scaled"></view>
<view class="box2c">
<view class="box2citem">
<view class="box2citem_l">个人月缴存</view>
<view class="box2citem_r">{{pInfo.spmfactzg}}</view>
</view>
<view class="box2citem">
<view class="box2citem_l">单位月缴存</view>
<view class="box2citem_r">{{Number(pInfo.spmfact)-Number(pInfo.spmfactzg)}}</view>
</view>
<view class="box2citem">
<view class="box2citem_l">个人缴存比例</view>
<view class="box2citem_r">{{pInfo.spsingl}}%</view>
</view>
<view class="box2citem">
<view class="box2citem_l">单位缴存比例</view>
<view class="box2citem_r">{{pInfo.spjcbl}}%</view>
</view>
<view class="box2citem">
<view class="box2citem_l">最近汇缴年月</view>
<view class="box2citem_r">{{pInfo.zghjny}}</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script setup>
import {
computed
} from 'vue'
import {personPinia} from '@/store'
const personStore=personPinia()
const goToIndex = () => {
xma.navigateTo({
url: "/pages/index/index",
animationType: 'pop-in',
animationDuration: 200
})
}
const pInfo = computed(()=>{
return personStore.person||null
})
</script>
<style scoped>
* {
padding: 0px;
margin: 0px;
font-family: "Microsoft YaHei";
}
.main {
width: 100%;
max-width: 750px;
background: linear-gradient(to bottom, rgba(255, 121, 2, 1), rgba(242, 242, 242, 1));
background-size: 100% 400px;
background-repeat: no-repeat;
padding-top: 1px;
box-sizing: border-box;
padding-bottom: 10px;
position:relative;
}
.backToMain .icon-jiantouzuo{color:white;position:absolute;top:15px;left:6%;font-size:20px;font-weight: bold;}
.inner {
width: 88%;
margin: 20px auto;
}
a {
text-decoration: none;
}
.box1 {
position: relative;
width: 88%;
padding: 5px 0px 30px 0px;
color: white;
box-sizing: border-box;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin: 0 auto;
}
.b1item {
display: flex;
flex-direction: column;
align-items: center;
}
.b1item .btxt {
font-size: 24px;
font-weight: bold;
}
.b1item .stxt {
font-size: 14px
}
.item {
font-size: 16px;
border-radius: 6px;
background-color: white;
padding: 18px 15px;
box-sizing: border-box;
margin-bottom: 30px;
}
.item .item_title {
padding-left: 7px;
border-left: 3px solid rgb(255, 122, 2);
font-size: 18px;
line-height: 14px;
margin-bottom: 15px;
font-weight:bold
}
.box2citem {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
}
.box2citem_l {
color: rgb(155, 155, 155);
font-size: 16px;
}
.box2citem_r {
color: rgb(62, 56, 56);
font-size: 16px;
}
.thin-line-scaled {
position: relative;
left: -2.5%;
right: 0%;
width: 210%;
height: 1px;
background-color: rgba(168, 168, 168,0.5);
transform: scale(50%);
transform-origin: left center;
margin-bottom: 18px;
}
.acctitle {
color: white;
font-size: 24px;
text-align: center;
margin: 70px auto 10px;
}
</style>
\ No newline at end of file
src/pages/index/index.vue
View file @ 46882aa1
......@@ -8,10 +8,9 @@
<view class="welcome">欢迎使用贵阳公积金</view>
<view class="status"><span>账户状态：</span><span id="accountStatus">{{pInfo.hjstatus}}</span></view>
<view class="btngroup">
<router-link to="/account" class="goToDetail">
<view class="goToDetail">
查看账户详情
</router-link>
<a href="#" class="goToDetail">查看其它公积金账户</a>
</view>
</view>
</view>
......@@ -33,7 +32,7 @@
</view>
<view class="iboxcommon">
<view class="thin-line-scaled"></view>
<view @click="goToList0" class="iboxc">
<view @click="goToList(0)" class="iboxc">
<span>账户变动明细</span>
<span class="iconfont icon-jiantou2"></span>
</view>
......@@ -53,10 +52,10 @@
<span class="fakeStar txt">{{pInfo.spmfact}}</span>
<span class="iconfont icon-yanjing-zhengyan"></span>
</view>
<router-link to="/list/1" class="getMore">
<view @click="goToList(1)" class="getMore">
<span>更多</span>
<span class="iconfont icon-jiantou2"></span>
</router-link>
</view>
</view>
<!-- <view class="iboxcommon">
<view class="thin-line-scaled"></view>
......@@ -179,6 +178,13 @@
const loadData = computed(() => {
return loanStore.loanInfo || ""
})
const goToDetail=()=>{
xma.navigateTo({
url: "/pages/account/account",
animationType: 'pop-in',
animationDuration: 200
})
}
const goToMap = () => {
xma.navigateTo({
url: "/pages/map/map",
......@@ -193,9 +199,9 @@
animationDuration: 200
})
}
const goToList0=()=>{
const goToList=(n)=>{
xma.navigateTo({
url: "/pages/list/list?type=0",
url: "/pages/list/list?type="+n,
animationType: 'pop-in',
animationDuration: 200
})
......@@ -379,7 +385,7 @@
background-color: white;
border-radius: 10px;
}
.box2{margin-bottom:20px;}
.item {
margin-bottom: 20px;
}
......
src/store/count.ts deleted 100644 → 0
View file @ 625330fc
import { defineStore } from 'pinia';
import { ref } from 'vue';
type ICountStore = {
count: number;
};
const initState: ICountStore = {
count: 0,
};
export const useCountStore = defineStore('user', () => {
const countInfo = ref<ICountStore>({ ...initState });
const addCount = (count: number = 1) => {
countInfo.value.count += count;
};
return {
countInfo,
addCount,
};
});
src/store/index.ts
View file @ 46882aa1
......@@ -11,4 +11,4 @@ export * from './map';
// 模块统一导出
export * from './loan';
// 模块统一导出
export * from './list';
\ No newline at end of file
export * from './list';
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment