front-end/hdApp/src/admin/billing/result.vue

<template>
  <view class="app-content">
    <appResult>
		<button class="admin-button-com blue big" @click="gotoDetail">订单详情</button>
		<button class="admin-button-com big" @click="gotoPlace">返回</button>
    </appResult>
  </view>
</template>
<script>
import appResult from "@/components/app-result";
import { getDetB} from "@/api/order";
export default {
	name: "result",
	components: {
		appResult
	},
	data(){
		return {
			name:'',
			index:0,
			type:[],
			orderInfo: {}
		}
	},
	methods: {
		init(){
			let orderId = this.option.orderId?this.option.orderId:0
			getDetB({id: orderId}).then(res => {
				this.orderInfo = res.data
			})
		},
		gotoDetail() {
			this.pageTo({url:`/admin/order/detail?id=${this.option.orderId}`, type: 2})
		},
		gotoPlace() {
			uni.navigateBack({ delta: 1 })
		}
	}
};
</script>
<style lang="scss" scoped>
.admin-button-com {
	margin-bottom:60upx;
	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>