增加音乐,摇一摇,服务等页面
This commit is contained in:
cansnow
@@ -0,0 +1,152 @@
|
||||
<template>
|
||||
<view>
|
||||
<view class="u-p-40" style="background-color: #ffffff;">
|
||||
<view class="header u-border-bottom"
|
||||
style="display: flex;flex-direction: column;justify-content: space-between;align-items: center;padding-bottom: 80rpx;">
|
||||
<view>
|
||||
<u-image width="100rpx" height="100rpx" src="/static/image/mycenter/default-record-icon.jpg"
|
||||
shape="circle"></u-image>
|
||||
</view>
|
||||
<view style="font-size:17px;margin-top: 20rpx;margin-bottom: 26rpx;color: #000000;">
|
||||
{{target}}
|
||||
</view>
|
||||
<view style="font-size: 28px;color: #000000;font-weight: bold;">{{tradeValue}}</view>
|
||||
</view>
|
||||
<view class="center u-p-t-20">
|
||||
<view>
|
||||
<u-field class="field-class" v-model="tradeStatus" label="当前状态" :label-width="160"
|
||||
:field-style="fieldStyle" :border-bottom="false" :clearable="false" placeholder=" "></u-field>
|
||||
</view>
|
||||
<view>
|
||||
<u-field class="field-class" v-model="receiveRemark" label="收款方备注" :label-width="160"
|
||||
:field-style="fieldStyle" :border-bottom="false" :clearable="false" placeholder=" "></u-field>
|
||||
</view>
|
||||
<view>
|
||||
<u-field class="field-class" v-model="transferWay" label="支付方式" :label-width="160"
|
||||
:field-style="fieldStyle" :border-bottom="false" :clearable="false" placeholder=" "></u-field>
|
||||
</view>
|
||||
<view>
|
||||
<u-field class="field-class" v-model="transferTime" label="转账时间" :label-width="160"
|
||||
:field-style="fieldStyle" :border-bottom="false" :clearable="false" placeholder=" "></u-field>
|
||||
</view>
|
||||
<view>
|
||||
<u-field class="field-class" v-model="transferCode" label="转账单号" :label-width="160"
|
||||
:field-style="fieldStyle" :border-bottom="false" :clearable="false" placeholder=" "></u-field>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="u-m-t-20 u-p-40" style="background-color: #ffffff;font-size: 30rpx;">
|
||||
<view style="padding-bottom: 30rpx;">
|
||||
<text>账单服务</text>
|
||||
</view>
|
||||
<view class="u-flex u-row-between u-col-center u-p-t-30 u-border-top">
|
||||
<view>
|
||||
<u-icon size="32" name="question-circle" color="#818ba4" label="对订单有疑惑" label-color="#818ba4"
|
||||
margin-left="12" top="4" label-size="30" label-pos="right"></u-icon>
|
||||
</view>
|
||||
<view class="">
|
||||
<u-icon size="22" name="/static/image/bill/shoukuan.png" color="#818ba4" label="发起群收款"
|
||||
label-color="#818ba4" margin-left="12" label-size="30" label-pos="right"></u-icon>
|
||||
</view>
|
||||
<view style="width: 30rpx;"> </view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="u-m-t-20 u-p-40" style="background-color: #ffffff;font-size: 30rpx;">
|
||||
<view style="padding-bottom: 30rpx;">
|
||||
<text>收款方服务</text>
|
||||
</view>
|
||||
<view class="u-flex u-row-between u-col-center u-p-t-30 u-border-top">
|
||||
<view>
|
||||
<u-icon size="32" name="/static/image/bill/minpian.png" color="#818ba4" label="收款方名片"
|
||||
label-color="#818ba4" margin-left="12" top="4" label-size="30" label-pos="right"></u-icon>
|
||||
</view>
|
||||
<view class="">
|
||||
|
||||
</view>
|
||||
<view style="width: 30rpx;"> </view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view style="width: 100%;text-align:center;padding:50rpx;color:#909399;">
|
||||
<text>本服务由财付通提供</text>
|
||||
</view> -->
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props:{
|
||||
recordData:{
|
||||
required:true,
|
||||
type:Object,
|
||||
default:function(){
|
||||
return null
|
||||
}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
fieldStyle: {
|
||||
color: '#000000',
|
||||
padding: '0rpx',
|
||||
margin: '0rpx',
|
||||
height: '70rpx',
|
||||
},
|
||||
target: '扫二维码付款-铁东区品江渔斑鱼火锅庄',
|
||||
tradeValue: '-1500.00',
|
||||
tradeStatus: '支付成功',
|
||||
receiveRemark: '二维码收款',
|
||||
transferWay: '零钱',
|
||||
transferTime: '2022年09月29日20:02:11',
|
||||
transferCode: '10000499012022092900281292669093'
|
||||
};
|
||||
},
|
||||
mounted(){
|
||||
console.log("扫码付款数据",this.recordData);
|
||||
this.tradeValue="-"+Number(this.recordData.tradeValue).toFixed(2);
|
||||
this.transferTime=this.formatTimeStr(this.recordData.createTime);
|
||||
this.target=this.recordData.tradeTitle;
|
||||
if(this.recordData.tradeValue==10){
|
||||
this.transferTime="2023年9月30日 14:02:12";
|
||||
this.transferCode="4200067662202209303259866205";
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
formatTimeStr:function(timeStr){
|
||||
timeStr=timeStr.replace(/-/g,"/");
|
||||
let cdate=new Date(timeStr);
|
||||
let year=cdate.getFullYear();
|
||||
let yearStr=year+"年";
|
||||
let month= cdate.getMonth()+1;
|
||||
let day=cdate.getDate();
|
||||
let hour= cdate.getHours();
|
||||
let min=cdate.getMinutes();
|
||||
let s=cdate.getSeconds();
|
||||
let monthStr=month+"月";
|
||||
let dayStr=day+"日";
|
||||
let hourStr=hour+":";
|
||||
let minStr=min+":";
|
||||
let sStr=s;
|
||||
if(hour<10){
|
||||
hourStr="0"+hour+":";
|
||||
}
|
||||
if(min<10){
|
||||
minStr="0"+min+":";
|
||||
}
|
||||
if(s<10){
|
||||
sStr="0"+s;
|
||||
}
|
||||
let formatStr=yearStr+monthStr+dayStr+" "+hourStr+minStr+sStr;
|
||||
return formatStr;
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.field-class {
|
||||
color: #909399 !important;
|
||||
font-size: 28rpx !important;
|
||||
margin: 0rpx !important;
|
||||
padding: 0rpx !important;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user