<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://static.hshuishang.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://static.hshuishang.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>