xingyy/uni-Identify-quality
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

submit

Browse Source
This commit is contained in:
xingyy 2023-09-25 20:59:53 +08:00
parent f5f8235549
commit c14f0f6af9
1 changed files with 34 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
pages/paySuccess/paySuccess.vue
View File

@ -1,49 +1,49 @@
<template> <template>
<view class="main"> <view class="main">
<image <image
src="@/static/image/paySuccess.png" src="@/static/image/paySuccess.png"
mode="scaleToFill" mode="scaleToFill"
style="width:218rpx;height:54rpx;margin-top:150rpx" style="width:218rpx;height:54rpx;margin-top:150rpx"
/> />
<view class="info"> <view class="info">
<view> <view>
<image src="../../static/bbj1@3x.png" mode="scaleToFill" style="width:191rpx;height:146rpx" /> <image src="../../static/bbj1@3x.png" mode="scaleToFill" style="width:191rpx;height:146rpx"/>
</view> </view>
<view class="info-right"> <view class="info-right">
<view class="info-right-item"> <view class="info-right-item">
<view class="title">画作编号</view> <view class="title">画作编号</view>
<view class="content">{{info.artworkNum}}</view> <view class="content">{{ info.artworkNum }}</view>
</view> </view>
<view class="info-right-item"> <view class="info-right-item">
<view class="title">画作名称</view> <view class="title">画作名称</view>
<view class="content">{{info.artworkName}}</view> <view class="content">{{ info.artworkName }}</view>
</view> </view>
<view class="info-right-item"> <view class="info-right-item">
<view class="title">画家名称</view> <view class="title">画家名称</view>
<view class="content">{{info.artistName}}</view> <view class="content">{{ info.artistName }}</view>
</view> </view>
<view class="info-right-item"> <view class="info-right-item">
<view class="title">画作平尺数</view> <view class="title">画作平尺数</view>
<view class="content">{{info.artworkSize}}</view> <view class="content">{{ info.artworkSize }}</view>
</view> </view>
</view> </view>
</view> </view>
<view class="order-info"> <view class="order-info">
<view class="info-right-item"> <view class="info-right-item">
<view class="title">订单编号</view> <view class="title">订单编号</view>
<view class="content">{{info.artworkNum}}</view> <view class="content">{{ info.artworkNum }}</view>
</view> </view>
<view class="info-right-item"> <view class="info-right-item">
<view class="title">寄存地址</view> <view class="title">寄存地址</view>
<view class="content">{{info.warehouseName}}</view> <view class="content">{{ info.warehouseName }}</view>
</view> </view>
<view class="info-right-item"> <view class="info-right-item">
<view class="title">寄存时限</view> <view class="title">寄存时限</view>
<view class="content">{{info.cycleName}}</view> <view class="content">{{ info.cycleName }}</view>
</view> </view>
<view class="info-right-item"> <view class="info-right-item">
<view class="title">付款金额</view> <view class="title">付款金额</view>
<view class="content">{{info.money}}</view> <view class="content">{{ info.money }}</view>
</view> </view>
</view> </view>
<view class="tips">*请携带您的画作在时限之前到达寄存地</view> <view class="tips">*请携带您的画作在时限之前到达寄存地</view>
@ -62,21 +62,24 @@
import {postDataByParams} from "../../http/service"; import {postDataByParams} from "../../http/service";
export default { export default {
name:'paySuccess', name: 'paySuccess',
data(){ data() {
return{ return {
info:{} info: {}
} }
}, },
mounted(){ mounted() {
this.getData() this.getData()
}, },
methods:{ methods: {
async getData(){ async getData() {
const data1={ const data1 = {
ID:Number(this.$mp.query.ID) ID: Number(this.$mp.query.ID)
} }
const res1 = await postDataByParams('/api/warehouse/detail',data1) const res1 = await postDataByParams('/api/warehouse/detail', data1)
if (res1.code === 200) {
this.info = res1.data
}
} }
} }
}; };
@ -92,18 +95,22 @@ export default {
align-items: center; align-items: center;
padding: 32rpx; padding: 32rpx;
flex-direction: column; flex-direction: column;
.info-right-item { .info-right-item {
color: #626262; color: #626262;
display: flex; display: flex;
align-items: center; align-items: center;
.title { .title {
padding-right: 56rpx; padding-right: 56rpx;
border-right: 1rpx solid #e4eaf1; border-right: 1rpx solid #e4eaf1;
} }
.content { .content {
padding-left: 34rpx; padding-left: 34rpx;
} }
} }
.info { .info {
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
@ -113,6 +120,7 @@ export default {
background: #fff; background: #fff;
margin-top: 182rpx; margin-top: 182rpx;
padding: 20rpx; padding: 20rpx;
.info-right { .info-right {
width: 100%; width: 100%;
margin-left: 34rpx; margin-left: 34rpx;
@ -122,6 +130,7 @@ export default {
justify-content: space-between; justify-content: space-between;
} }
} }
.order-info { .order-info {
box-sizing: border-box; box-sizing: border-box;
margin-top: 20rpx; margin-top: 20rpx;
@ -134,10 +143,12 @@ export default {
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
} }
.tips { .tips {
color: #76c458; color: #76c458;
margin-top: 170rpx; margin-top: 170rpx;
} }
.btns { .btns {
margin-top: 40rpx; margin-top: 40rpx;
width: 100%; width: 100%;