更新
This commit is contained in:
weipengfei
parent
f1d1f2a76c
commit
4be3e2c516
@ -6,29 +6,30 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="card">
|
<view class="card">
|
||||||
<view class="contract">
|
<view class="contract">
|
||||||
<view class="left">
|
<view class="left">
|
||||||
<image class="contract_img" src="../../static/img/contract/pdf.png"></image>
|
<image class="contract_img" src="../../static/img/contract/pdf.png"></image>
|
||||||
<view class="text">
|
<view class="text">
|
||||||
<view class="name">《入股合同》</view>
|
<view class="name">《入股合同》</view>
|
||||||
<view>
|
<view>
|
||||||
|
|
||||||
<text>{{'2023-03-03'}}</text>
|
<text>{{'2023-03-03'}}</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="right" @click="navToContract('')">
|
<view class="right" @click="navToContract('fdsf')">
|
||||||
<uni-icons type="paperclip" color="#3274F9"></uni-icons>
|
<uni-icons type="paperclip" color="#3274F9"></uni-icons>
|
||||||
<view>查看</view>
|
<view>查看</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="card">
|
<view class="card">
|
||||||
<view class="c_title">账单记录</view>
|
<view class="c_title">账单记录</view>
|
||||||
<u-line></u-line>
|
<u-line></u-line>
|
||||||
<u-steps style="padding: 28rpx;" :current="-1" direction="column" activeColor="#0122c7" dot inactiveColor="#0122c7">
|
<u-steps style="padding: 28rpx;" :current="-1" direction="column" activeColor="#0122c7" dot
|
||||||
<u-steps-item v-for="(item, index) in 2" title="开始" desc="结算">
|
inactiveColor="#0122c7">
|
||||||
</u-steps-item>
|
<u-steps-item v-for="(item, index) in 2" title="开始" desc="结算">
|
||||||
</u-steps>
|
</u-steps-item>
|
||||||
|
</u-steps>
|
||||||
</view>
|
</view>
|
||||||
<!-- <view class="card">
|
<!-- <view class="card">
|
||||||
<view class="c_title">账单记录</view>
|
<view class="c_title">账单记录</view>
|
||||||
@ -57,31 +58,41 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { Toast } from '../../libs/uniApi';
|
import { Toast } from '../../libs/uniApi';
|
||||||
|
import {
|
||||||
|
download_file
|
||||||
|
} from "@/api/junziqian.js"
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
methods:{
|
methods: {
|
||||||
navToContract(contract_no) {
|
navToContract(contract_no) {
|
||||||
if(!contract_no) return Toast('暂无合同')
|
if (!contract_no) return Toast('暂无合同');
|
||||||
download_file({
|
uni.showLoading({
|
||||||
applyNo: contract_no
|
title: '加载中'
|
||||||
}).then(res => {
|
});
|
||||||
if (res.code != 1) {
|
download_file({
|
||||||
Toast(res.msg)
|
applyNo: contract_no
|
||||||
}
|
}).then(res => {
|
||||||
uni.navigateTo({
|
if (res.code != 1) {
|
||||||
url: `/subpkg/pdfView/pdfView?url=${res.data.url}`
|
uni.hideLoading();
|
||||||
})
|
Toast(res.msg)
|
||||||
})
|
}
|
||||||
|
uni.navigateTo({
|
||||||
|
url: `/subpkg/pdfView/pdfView?url=${res.data.url}`,
|
||||||
|
fail() {
|
||||||
|
uni.hideLoading();
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
},
|
},
|
||||||
retreat(){
|
retreat() {
|
||||||
Toast('开发中')
|
Toast('开发中')
|
||||||
},
|
},
|
||||||
hand(){
|
hand() {
|
||||||
Toast('开发中')
|
Toast('开发中')
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -89,166 +100,184 @@ import { Toast } from '../../libs/uniApi';
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.price_card{
|
.price_card {
|
||||||
width: 694rpx;
|
width: 694rpx;
|
||||||
height: 180rpx;
|
height: 180rpx;
|
||||||
padding: 10rpx 0;
|
padding: 10rpx 0;
|
||||||
background: #0022C7;
|
background: #0022C7;
|
||||||
margin: 28rpx;
|
|
||||||
border-radius: 21rpx;
|
|
||||||
color: white;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-evenly;
|
|
||||||
.money{
|
|
||||||
font-size: 70rpx;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.card{
|
|
||||||
margin: 28rpx;
|
|
||||||
width: 694rpx;
|
|
||||||
background-color: #fff;
|
|
||||||
border-radius: 14rpx;
|
|
||||||
.c_title{
|
|
||||||
color: #0022C7;
|
|
||||||
font-size: 32rpx;
|
|
||||||
font-weight: 500;
|
|
||||||
padding: 28rpx;
|
|
||||||
}
|
|
||||||
.c_body{
|
|
||||||
margin: 28rpx;
|
margin: 28rpx;
|
||||||
padding-bottom: 28rpx;
|
border-radius: 21rpx;
|
||||||
display: flex;
|
color: white;
|
||||||
border-bottom: 1px solid #F3F4F8;
|
|
||||||
&:last-child{
|
|
||||||
border-bottom: none;
|
|
||||||
}
|
|
||||||
.icon{
|
|
||||||
width: 77rpx;
|
|
||||||
height: 77rpx;
|
|
||||||
flex-shrink: 0;
|
|
||||||
margin-right: 12rpx;
|
|
||||||
}
|
|
||||||
.body_text{
|
|
||||||
flex: 1;
|
|
||||||
font-size: 25rpx;
|
|
||||||
.b_title{
|
|
||||||
font-size: 32rpx;
|
|
||||||
color: #333;
|
|
||||||
font-weight: 500;
|
|
||||||
}
|
|
||||||
.b_text{
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
padding: 16rpx 0;
|
|
||||||
font-size: 28rpx;
|
|
||||||
.b_avatar{
|
|
||||||
width: 52rpx;
|
|
||||||
height: 52rpx;
|
|
||||||
margin-right: 8rpx;
|
|
||||||
}
|
|
||||||
&_left{
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
&_right{
|
|
||||||
color: #F02828;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
font-size: 35rpx;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.b_time{
|
|
||||||
color: #666666;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
.button{
|
|
||||||
position: fixed;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
// z-index: 9999999;
|
|
||||||
z-index: 1;
|
|
||||||
width: 100%;
|
|
||||||
border-radius: 0;
|
|
||||||
color: #fff;
|
|
||||||
height: 90rpx;
|
|
||||||
line-height: 90rpx;
|
|
||||||
background-color: $theme-oa-color;
|
|
||||||
display: flex;
|
|
||||||
.retreat{
|
|
||||||
color: $theme-oa-color;
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
.hand, .retreat{
|
|
||||||
flex: 1;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: space-evenly;
|
||||||
font-size: 32rpx;
|
|
||||||
|
.money {
|
||||||
|
font-size: 70rpx;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
.contract {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
padding: 28rpx;
|
|
||||||
|
|
||||||
.left {
|
.card {
|
||||||
display: flex;
|
margin: 28rpx;
|
||||||
|
width: 694rpx;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 14rpx;
|
||||||
|
|
||||||
.contract_img {
|
.c_title {
|
||||||
width: 102rpx;
|
color: #0022C7;
|
||||||
height: 102rpx;
|
font-size: 32rpx;
|
||||||
background: #f5f5f5;
|
font-weight: 500;
|
||||||
border-radius: 14rpx 14rpx 14rpx 14rpx;
|
padding: 28rpx;
|
||||||
margin-right: 21rpx;
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.text {
|
.c_body {
|
||||||
display: flex;
|
margin: 28rpx;
|
||||||
flex-direction: column;
|
padding-bottom: 28rpx;
|
||||||
justify-content: space-around;
|
display: flex;
|
||||||
|
border-bottom: 1px solid #F3F4F8;
|
||||||
|
|
||||||
.name {
|
&:last-child {
|
||||||
font-size: 32rpx;
|
border-bottom: none;
|
||||||
font-weight: 500;
|
}
|
||||||
color: rgba(0, 0, 0, 0.8);
|
|
||||||
line-height: 35rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nickname {
|
.icon {
|
||||||
margin-right: 35rpx;
|
width: 77rpx;
|
||||||
}
|
height: 77rpx;
|
||||||
|
flex-shrink: 0;
|
||||||
|
margin-right: 12rpx;
|
||||||
|
}
|
||||||
|
|
||||||
text {
|
.body_text {
|
||||||
height: 39rpx;
|
flex: 1;
|
||||||
font-size: 28rpx;
|
font-size: 25rpx;
|
||||||
font-weight: 400;
|
|
||||||
color: #666666;
|
|
||||||
line-height: 35rpx;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.right {
|
.b_title {
|
||||||
font-size: 28rpx;
|
font-size: 32rpx;
|
||||||
font-weight: 500;
|
color: #333;
|
||||||
color: $theme-oa-color;
|
font-weight: 500;
|
||||||
line-height: 35rpx;
|
}
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
.icon {
|
.b_text {
|
||||||
width: 35rpx;
|
display: flex;
|
||||||
height: 39rpx;
|
justify-content: space-between;
|
||||||
background-color: $theme-oa-color;
|
padding: 16rpx 0;
|
||||||
opacity: 1;
|
font-size: 28rpx;
|
||||||
margin-right: 10rpx;
|
|
||||||
}
|
.b_avatar {
|
||||||
}
|
width: 52rpx;
|
||||||
}
|
height: 52rpx;
|
||||||
|
margin-right: 8rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
&_left {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
&_right {
|
||||||
|
color: #F02828;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 35rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.b_time {
|
||||||
|
color: #666666;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.button {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
// z-index: 9999999;
|
||||||
|
z-index: 1;
|
||||||
|
width: 100%;
|
||||||
|
border-radius: 0;
|
||||||
|
color: #fff;
|
||||||
|
height: 90rpx;
|
||||||
|
line-height: 90rpx;
|
||||||
|
background-color: $theme-oa-color;
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
.retreat {
|
||||||
|
color: $theme-oa-color;
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hand,
|
||||||
|
.retreat {
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 32rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.contract {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 28rpx;
|
||||||
|
|
||||||
|
.left {
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
.contract_img {
|
||||||
|
width: 102rpx;
|
||||||
|
height: 102rpx;
|
||||||
|
background: #f5f5f5;
|
||||||
|
border-radius: 14rpx 14rpx 14rpx 14rpx;
|
||||||
|
margin-right: 21rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-around;
|
||||||
|
|
||||||
|
.name {
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
color: rgba(0, 0, 0, 0.8);
|
||||||
|
line-height: 35rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nickname {
|
||||||
|
margin-right: 35rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
text {
|
||||||
|
height: 39rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #666666;
|
||||||
|
line-height: 35rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.right {
|
||||||
|
font-size: 28rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
color: $theme-oa-color;
|
||||||
|
line-height: 35rpx;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
width: 35rpx;
|
||||||
|
height: 39rpx;
|
||||||
|
background-color: $theme-oa-color;
|
||||||
|
opacity: 1;
|
||||||
|
margin-right: 10rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
Loading…
x
Reference in New Issue
Block a user