front-end/hdApp/src/pagesPurchase/refundResult.vue

<template>
  <view class="app-content">
    <appResult :title="'提交成功'">
      <button class="admin-button-com blue big" @click="goBack">返回</button>
      <button class="admin-button-com blue big" @click="gotoDetail">查看详情</button>

      <!-- #ifdef MP-WEIXIN -->
      <view style="width:690upx;height:25upx;background-color: #f5f5f5;"></view>
	  <view style="width:690upx;">
      	<ad-custom unit-id="adunit-b3f48f1b6c1a39ff"></ad-custom>
	  </view>
      <!-- #endif -->

    </appResult>
  </view>
</template>
<script>
import appResult from "@/components/app-result";
import { CURRENT_ENV } from "@/config";
export default {
	name: "refundResult",
	components: {
		appResult
	},
	data(){
		return {
            id:0,
      		currentEnv:'production'
		}
	},
	methods: {
		init(){
			//当前环境
			this.currentEnv = CURRENT_ENV
		},
		gotoDetail() {
            this.id = this.option.id?this.option.id:0
            this.$util.pageTo({url: '/pagesPurchase/refundDetail?id='+this.id,type:2})
		},
		goBack() {
			uni.navigateBack({ delta: 1 })
		}
	}
};
</script>
<style lang="scss" scoped>
.admin-button-com {
	margin-bottom: 40upx;
	width: 100%;
}
.zuhe-box{
	width: 100%;
  padding:  0 20upx;
	margin-bottom: 20upx;
  background-color: #fff;
	.zuhe-remark{
		color: #333;
		font-size: 32upx;
    font-weight: 700;
    line-height: 88upx;
	}
	.zuhe-center{
		font-size: 28upx;
    height: 90upx;
    box-sizing: border-box;
    .zuhe-title{
      color: #666;
    }
    &>input{
      border: 1px solid #eee!important;
      border-radius: 5upx!important;
    }
		.zuhe-val{
			position: relative;
			width: 70%;
			height: 60upx;
			padding: 10upx;
      color: #333;
			border: 1px solid #868686;
      border: none;
			&.active:before {
				content: ' ';
				height: 22upx;
				width: 22upx;
				border-width: 2upx 2upx 0 0;
				border-color: #868686;
				border-style: solid;
				-webkit-transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0);
				transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0);
				position: absolute;
				top: 50%;
				margin-top: -12upx;
				right: 30upx;
			}
		}
	}
}
</style>