front-end/hdApp/src/admin/order/workOrderResult.vue

<template>
	<view class="app-content">
		<view class="billing_box_bg">
			<view class="top-view"> </view>
			<view class="result-view">
				<view class="iconfont iconchenggong"></view>
				<view class="result-title">操作成功</view>
				<view class="result-title" v-if="sn!=''">制作单序号：{{sn}}</view>
				<button class="admin-button-com big blue" style="width:45vw;" @click="goBackHome">返回</button>
			</view>
		</view>
	</view>
</template>
<script>
import { getInfoByOrderId } from "@/api/work";
export default {
    name: "success",
  	data () {
		return {
			sn:''
		}
	},
	onLoad (option) {
		let id = option.id
		getInfoByOrderId({orderId:id}).then(res=>{
			if(res.code == 1){
				this.sn = res.data.info.sn
			}
		})
	},
	methods: {
		goBackHome() {
			uni.navigateBack({})
		}
	}
};
</script>
<style lang="scss" scoped>
.go-back{
	width: 80%;
	height: 80upx;
	color: #FFFFFF;
	margin-top: 50upx;
	background: #3385FF;
	border-radius: 10upx;
	font-size:30upx;
}
.billing_box_bg {
	position: relative;
	padding: 60upx 30upx;
	display: flex;
	background: white;
	flex-direction: column;
    background-color: #f5f5f5;
	.top-view {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 299upx;
		background: #3385ff;
		border-radius: 0upx 0upx 83upx 83upx;
	}
	.result-view {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 70upx;
		width: 100%;
		background: #ffffff;
		border-radius: 20upx;
		z-index: 1;
		.iconchenggong {
			font-size: 170upx;
			color: $mainColor1;
		}
		.result-title {
			margin: 50upx 0 70upx;
			font-size: 32upx;
		}
	}
}
</style>