109 lines
2.8 KiB
Vue
109 lines
2.8 KiB
Vue
<template>
|
||
<view class="container">
|
||
<view class="header">
|
||
<view class="title">订单编号：12345678941</view>
|
||
<view class="list">
|
||
<view class="item">
|
||
<view class="label">收益金额</view>
|
||
<view class="desc">
|
||
<view class="price">￥65.1</view>
|
||
<view class="time">刚刚</view>
|
||
</view>
|
||
</view>
|
||
<view class="line" />
|
||
<view class="item">
|
||
<view class="label">消费门店</view>
|
||
<view class="desc">真彩图文</view>
|
||
</view>
|
||
<view class="item">
|
||
<view class="label">支付状态</view>
|
||
<view class="desc">已支付</view>
|
||
</view>
|
||
<view class="item">
|
||
<view class="label">支付方式</view>
|
||
<view class="desc pay">
|
||
<image
|
||
class="payLogo"
|
||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/orderDetail_Vector17.png"
|
||
mode="scaleToFill"
|
||
/>
|
||
微信支付</view>
|
||
</view>
|
||
<view class="item">
|
||
<view class="label">创建时间</view>
|
||
<view class="desc">2025-06-25 18:10:08</view>
|
||
</view>
|
||
<view class="item">
|
||
<view class="label">收款单号</view>
|
||
<view class="desc">103481365813181</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="main">
|
||
<view class="title">退款</view>
|
||
<view class="price">￥64.1</view>
|
||
<view class="desc">确认退款后款项将自动原路返回消费者</view>
|
||
<view class="remark">退款备注</view>
|
||
<input type="text" :value="desc"placeholder="请输入备注内容" @input="headerInputClick" />
|
||
</view>
|
||
<view class="btn" @click="headerSubmitClick">确定</view>
|
||
|
||
<u-popup :show="show" mode="center" customStyle="width: 550rpx; heigt: 456rpx" :round="20" @close="close">
|
||
<view class="popup_container">
|
||
<image
|
||
class="popup_pic"
|
||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/orderDetail_Group_1600.png"
|
||
mode="scaleToFill"
|
||
/>
|
||
<view class="title">提交成功</view>
|
||
<view class="btn" @click="close">确定</view>
|
||
</view>
|
||
</u-popup>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import {
|
||
request,
|
||
picUrl,
|
||
menuButtonInfo,
|
||
} from '../../../utils';
|
||
|
||
import { apiArr } from '../../../api/v2Community';
|
||
|
||
|
||
export default {
|
||
data() {
|
||
return {
|
||
top: '',
|
||
moeny: '0.00',
|
||
desc: '',
|
||
show: false,
|
||
}
|
||
},
|
||
onLoad(options) {
|
||
const meun = menuButtonInfo();
|
||
this.top = meun.height + meun.top;
|
||
},
|
||
|
||
|
||
methods: {
|
||
headerSubmitClick() {
|
||
this.show = true;
|
||
},
|
||
|
||
headerInputClick(e) {
|
||
this.desc = e.detail.value;
|
||
},
|
||
|
||
close() {
|
||
this.show = false;
|
||
},
|
||
},
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
@import './index.scss';
|
||
|
||
</style> |