<template>
<div>

			 <common @asynCallBack="asynCallBack"></common>
                	<top-header :pageTitle="pageTitle"  ></top-header>


			<div class="mui-content vongi-qingjiadt">
				<form class="mui-input-group vongi-cd-payli">
					<div class="mui-input-row flew-sp">
							<h3>{{detail.body}}</h3>
                        	<h3>-￥{{detail.totalFee}}</h3>
					</div>
					<div class="mui-input-row" v-for="(value,key,index)  in list">
                						<label>{{key}}</label>
                						<span>{{value}}</span>
                					</div>

				<div class="mui-input-row">
                						<label>创建时间</label>
                						<span>{{detail.createTime}}</span>
                					</div>
                					<div class="mui-input-row">
                						<label style="width:25%">订单号</label>
                						<span style="width:75%" class="mui-ellipsis">{{detail.outOrderNo}}</span>
                					</div>
					<div class="mui-input-row">
						<label>完成时间</label>
                		<span>{{detail.payTime}}</span>
					</div>
				</form>
			</div>
			           <loading :visible="isLoading"></loading>

</div>
</template>



<script>
	import * as API_Pay from '$project/apis/payment'
	import Common from '$project/components/Common.vue'
	import Loading from '$project/components/Loading.vue'
	import TopHeader from '$project/components/TopHeader.vue'

	import {
		mapGetters,
		mapMutations
	} from 'vuex'

	import {


	} from '$project/utils'
	export default {
		name: 'MasterMineBillInfo',
		components: {
			Common,
			Loading,
			TopHeader
		},
		data() {
			return {
				pageTitle: '账单详情',

				qrCodeImg:"",
				isLoading: false,
				detail:{},
				list:[],
				goodsTpey:{},
				id:''

			}
		},
		created() {
			this.id=this.$route.query.id;

			},
		methods:  {
		getDetail(){
	        	API_Pay.orderDetail({id:this.id}).then(res=>{
                    this.detail=res.orderInfo;
                    this.info=res.goodsTpey;
                    this.goodsTpey=res.goodsTpey;

                    this.list=JSON.parse(res.orderInfo.detail);
        		}).catch(error => {

        		})
		}

		 ,asynCallBack(){},
		},
		mounted() {
            this.getDetail();
		},
		destroyed() {

		},
		computed: {
			...mapGetters({
				openId: 'wx_openid',
				token: 'token',
				person_data: 'person_data',
				person_popedom: 'person_popedom',
			})
		}
	}
</script>

<style scoped src="$project/assets/css/xpwyfyy.css"></style>
<style src="$project/assets/css/iconfont.css"></style>
<style>
</style>
