feat: 框架

http/baseApi.js

@@ -1,11 +1,11 @@
 // const BaseApi = 'http://192.168.2.190:8080' //汪瑶
 // const BaseApi = 'http://192.168.2.205:8080' //汪辉
-//const BaseApi = 'http://192.168.2.19:8080' //李勇
+const BaseApi = 'http://192.168.2.19:8080' //李勇
 // const BaseApi = 'http://192.168.3.13:8080' //徐涛
 // const BaseApi = 'http://192.168.2.39:8080' //肖添伟
 // const BaseApi = 'http://192.168.3.6:8080' //朱壮波
 
-const BaseApi = 'https://i.ringzle.com/island-cloud-server' //测试服务器
+// const BaseApi = 'https://i.ringzle.com/island-cloud-server' //测试服务器
 
 export {
 	BaseApi

pages.json

@@ -192,6 +192,14 @@
 						// "navigationStyle": "custom"
 					}
 				},
+				{
+					"path": "Verification/details",
+					"style": {
+						"navigationBarTitleText": "订单详情",
+						"enablePullDownRefresh": false
+						// "navigationStyle": "custom"
+					}
+				},
 				{
 					"path": "Mine/index",
 					"style": {
@@ -208,6 +216,14 @@
 						"navigationStyle": "custom"
 					}
 				},
+				{
+					"path": "Mine/ordersList/outcome",
+					"style": {
+						"navigationBarTitleText": "核销结果",
+						"enablePullDownRefresh": false
+						// "navigationStyle": "custom"
+					}
+				},
 				{
 					"path": "Mine/ordersList/details/details",
 					"style": {

pagesHouse/Mine/Businesses/Businesses.vue

@@ -1,6 +1,146 @@
 <template>
-	<view>
-		商户
+	<view class="page" :style="{'min-height':h+'px'}">
+
+		<view class="tenant-title">
+			<text>基本信息</text>
+		</view>
+		<view class="from-content">
+			<view class="one-realName">
+				<view class="realName">
+					商户名称
+				</view>
+				<!-- <u--input v-model="realName" border="none" pl ></u--input> -->
+				<view class="right">
+					<input type="text" v-model="dto.realName" border="none" placeholder="请输入昵称" />
+				</view>
+			</view>
+
+			<view class="one" @click="nav">
+				<view class="">
+					商户类型
+				</view>
+				<view class="">
+					<u-icon name="arrow-right"></u-icon>
+				</view>
+			</view>
+			<view class="one-mobile">
+				<view class="mobile">
+					企业名称
+				</view>
+				<view class="right">
+					<input type="text" v-model="dto.modifyPhone" border="none" placeholder="请输入"
+						style="height: 48rpx;" />
+				</view>
+			</view>
+
+			<view class="one" @click="nav">
+				<view class="">
+					企业类型
+				</view>
+				<view class="">
+					<u-icon name="arrow-right"></u-icon>
+				</view>
+			</view>
+
+			<view class="one-mobile">
+				<view class="mobile">
+					企业法人
+				</view>
+				<view class="right">
+					浙江省舟
+				</view>
+			</view>
+
+			<view class="one-mobile">
+				<view class="mobile">
+					法人身份证号码
+				</view>
+				<view class="right">
+					89
+				</view>
+			</view>
+
+			<view class="one-mobile">
+				<view class="mobile" style="width: 350rpx;">
+					统一社区信用代码
+				</view>
+				<view class="right">
+					89号
+				</view>
+			</view>
+
+			<view class="one-mobile">
+				<view class="mobile">
+					企业地址
+				</view>
+				<view class="right">
+					嵊泗县菜园镇东海路89号
+				</view>
+			</view>
+
+		</view>
+
+		<view class="tenant-title">
+			<text>联系人信息</text>
+		</view>
+		<view class="from-content">
+			<view class="one-mobile">
+				<view class="mobile">
+					联系人姓名
+				</view>
+				<view class="right">
+					89号
+				</view>
+			</view>
+			
+			<view class="one-mobile">
+				<view class="mobile">
+					联系人号码
+				</view>
+				<view class="right">
+					21332189
+				</view>
+			</view>
+		</view>
+
+		<view class="tenant-title">
+			<text>商家相册</text>
+		</view>
+		<view class="from-content" style="padding: 30rpx;">
+			<view class="tenant-image">
+				<view>
+					<image src="" mode=""></image>
+					<view>法人身份证国徽面</view>
+				</view>
+				<view>
+					<image src="" mode=""></image>
+					<view>法人身份证人像面</view>
+				</view>
+				<view>
+					<image src="" mode=""></image>
+					<view>营业执照</view>
+				</view>
+				<view>
+					<image src="" mode=""></image>
+					<view>统一社会信息代码证</view>
+				</view>
+				<view>
+					<image src="" mode=""></image>
+					<view>门头照</view>
+				</view>
+				<view>
+					<image src="" mode=""></image>
+					<view>店铺照片</view>
+				</view>
+				
+			</view>
+		</view>
+		
+		<view class="from-content">
+			<button class="tenant-button">
+				立即保存
+			</button>
+		</view>
 	</view>
 </template>
 
@@ -8,15 +148,239 @@
 	export default {
 		data() {
 			return {
-
+				h: uni.getSystemInfoSync().windowHeight - 87,
+				mt: uni.getSystemInfoSync().statusBarHeight + 44,
+				titleHeader: '个人信息',
+				fileList: [],
+				dto: {
+					realName: '黄沙村渔家乐', //昵称
+					modifyPhone: '18755113256', //手机号
+					headUrl: '', // 头像
+					idCode: '', // 证件号
+					id: ''
+				},
+				picList: [],
+				objList: {}
 			}
 		},
+		onLoad() {
+
+		},
+
 		methods: {
+			// 上传头像
+			upImage() {
+				uni.chooseImage({
+					sourceType: ['album'], //从相册选择
+					success: chooseImageRes => {
+						const tempFilePaths = chooseImageRes.tempFilePaths;
+						uni.uploadFile({
+							url: 'https://i.ringzle.com/island-cloud-server/oss/file/upload', // 仅为示例，非真实的接口地址
+							filePath: tempFilePaths[0],
+							name: 'file',
+							header: {
+								token: wx.getStorageSync('access_token')
+							},
+							success: res => {
+								// uploadFile上传成功后，根据和后台的约定msgCode判断接口调用状态
+								let data = JSON.parse(res.data);
+								this.dto.headUrl = data.data.url
+							}
+						});
+					},
+					fail: err => {
+						this.myToast('图片上传失败', 'none');
+					}
+				});
+
+			},
+
 
 		}
+
+
 	}
 </script>
 
-<style>
+<style lang="scss" scoped>
+	.page {
+		box-sizing: border-box;
+		// padding: 30rpx;
+		// padding-top: 150rpx;
+
+	}
+
+	//标题样式
+	.tenant-title {
+		height: 88rpx;
+		background: #F5F8FA;
+		padding-left: 30rpx;
+
+		text {
+			line-height: 88rpx;
+			font-size: 28rpx;
+			color: #188FFE;
+		}
+	}
+
+//商家相册样式
+.tenant-image{
+	width: 100%;
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: space-around;
+	>view{
+		width: 47%;
+		text-align: center;
+		image{
+			width: 100%;
+			height: 212rpx;
+			background: #F6F8F9;
+		}
+		view{
+			margin: 15rpx 0 45rpx 0;
+		}
+	}
+}
+
+//保存样式
+.tenant-button{
+	background: #007A69;
+	border-radius: 40rpx;
+	font-weight: bold;
+	font-size: 28rpx;
+	color: #FFFFFF;
+}
+	.from-content {
+		padding: 0 30rpx;
+
+		.title {
+			margin: 40rpx 0 36rpx;
+			font-size: 30rpx;
+			font-weight: Regular;
+			color: #111111;
+		}
+
+
+		.one-image {
+			width: 100%;
+			display: flex;
+			justify-content: space-between;
+
+			.image {
+				width: 124rpx;
+				height: 124rpx;
+				border-radius: 100rpx;
+
+				image {
+					width: 100%;
+					height: 100%;
+					border-radius: 100rpx;
+				}
+
+			}
+
+
+			.user {
+				margin-top: 24rpx;
+				font-size: 30rpx;
+				color: #111;
+				font-weight: Regular;
+			}
+
+		}
+
+		.one-realName {
+			width: 100%;
+			display: flex;
+			align-items: center;
+			height: 120rpx;
+			line-height: 120rpx;
+			border-bottom: 1rpx solid #EFEFEF;
 
+			.realName {
+				width: 188rpx;
+				height: 120rpx;
+				font-size: 30rpx;
+				color: #333333;
+				font-weight: Regular;
+			}
+
+			.right {
+				text-align: right;
+				width: 100%;
+				font-size: 30rpx;
+				color: #666666;
+				font-weight: Regular;
+				// display: flex;
+				// justify-content: space-between;
+			}
+		}
+
+		.one-mobile {
+			display: flex;
+			width: 100%;
+			align-items: center;
+			height: 120rpx;
+			line-height: 120rpx;
+			border-bottom: 1rpx solid #EFEFEF;
+
+			.right {
+				width: 100%;
+				text-align: right;
+				font-size: 30rpx;
+				color: #666666;
+				font-weight: Regular;
+			}
+
+			.mobile {
+				width: 300rpx;
+				height: 120rpx;
+				font-size: 30rpx;
+				color: #333333;
+				font-weight: Regular;
+			}
+
+			.replacement {
+				border-radius: 50rpx;
+				width: 80rpx;
+				height: 48rpx;
+				line-height: 48rpx;
+				border: 1rpx solid #025EA7;
+				color: #025EA7;
+				font-weight: Regular;
+				font-size: 24rpx;
+				text-align: center;
+			}
+		}
+
+		.one {
+			height: 120rpx;
+			line-height: 120rpx;
+			display: flex;
+			border-bottom: 1rpx solid #EFEFEF;
+			justify-content: space-between;
+			align-items: center;
+			font-size: 30rpx;
+			color: #333333;
+			font-weight: Regular;
+		}
+	}
+
+	.btn {
+		margin: 120rpx auto;
+		width: 650rpx;
+		height: 88rpx;
+		display: flex;
+		background-color: #01B9F9;
+		line-height: 88rpx;
+		border-radius: 50rpx;
+
+		.btn-btn {
+			margin: 0 auto;
+			font-size: 32rpx;
+			color: #FFFFFF;
+			font-weight: Regular;
+		}
+	}
 </style>

pagesHouse/Mine/index.vue

@@ -46,7 +46,7 @@
 			<view class="w_right" @tap="toTurn('/pagesMy/wallet/index',true)">去结算</view>
 		</view>
 
-		<view class="one" @click="nav">
+		<view class="one" @tap="toTurn('/pagesHouse/Mine/Businesses/Businesses',true)">
 			<view class="">
 				商户信息
 			</view>
@@ -58,7 +58,7 @@
 		<view class="" style="padding: 24rpx; background-color: #fff; margin: 0 20rpx ; border-radius: 16rpx;">
 			<view class="one-input">
 				<u-row customStyle="margin-bottom: 10px">
-					<u-col span="7.5">
+					<u-col span="7.8">
 						<view class="demo-layout bg-purple-light">
 							<view class="one2">
 								<!-- {{myList.islandName}} -->
@@ -72,13 +72,6 @@
 					</u-col>
 					<u-col span="4" @click="navigation">
 						<view class="demo-layout bg-purple">
-							<!-- 	<view class="one1">
-						<image src="https://i.ringzle.com/file/20240129/4496f5e1754649ed8a78a2ca9de26e4c.png"
-							mode="aspectFit"></image>
-					</view> -->
-							<!-- <view class="two1">
-						<text> 地图/周边 ></text>
-					</view> -->
 						</view>
 					</u-col>
 				</u-row>
@@ -268,7 +261,7 @@
 			// line-height: 128rpx;
 			border-radius: 16rpx;
 			padding: 0 20rpx;
-			margin: 0 20rpx;
+			// margin: 0 20rpx;
 
 			.bg-purple-light {
 

pagesHouse/Mine/ordersList/details/details.vue

@@ -97,13 +97,13 @@
 			</view>
 		</view>
 		<view class="btns">
-			<template @click="handleDetail(list)" v-if="list.state==4||list.state==5">
-				<view class="detail del">
+			<template v-if="list.state==4||list.state==5">
+				<view class="detail del" @tap="handleDetail(list)">
 					核销订单
 				</view>
 			</template>
-			<template @click="Detail(list)" v-else>
-				<view class="detail">
+			<template v-else>
+				<view class="detail" @tap="Detail(list)">
 					删除订单
 				</view>
 			</template>
@@ -130,10 +130,11 @@
 
 			}
 		},
-		onLoad(option) {
+		onLoad() {
+			this.list = uni.getStorageSync('list')
 			// console.log(JSON.parse(option.list));
-			this.list = JSON.parse(option.list)
-			console.log('-----', this.list);
+			// this.list = JSON.parse(option.list)
+			// console.log('-----', this.list);
 
 		},
 		methods: {
@@ -156,7 +157,16 @@
 				})
 				// #endif
 			},
-
+			// 核销
+			handleDetail(item) {
+				console.log(item);
+				this.$api.post('/merchant/merchantFisherman/home/writeOffOrder', {
+					writeOffCode: item.orderCode
+				}).then(
+					res => {
+						console.log(res.data);
+					})
+			},
 			// 删除订单
 			toStatus() {
 				this.$refs.uToast.show({

pagesHouse/Mine/ordersList/index.vue

@@ -122,8 +122,9 @@
 		methods: {
 			// 去详情
 			navTo(item) {
+				uni.setStorageSync('list', item);
 				uni.navigateTo({
-					url: '/pagesHouse/Mine/ordersList/details/details?list=' + JSON.stringify(item)
+					url: '/pagesHouse/Mine/ordersList/details/details'
 				})
 			},
 			// 核销

pagesHouse/Mine/ordersList/outcome.vue

@@ -0,0 +1,131 @@
+<template>
+	<view class="page">
+
+		<view class="result">
+			<view class="image">
+				<image src="https://i.ringzle.com/file/20240225/1667bc4cf6fa41b48a0ad18ffe1aa7c2.png" mode="aspectFill">
+				</image>
+			</view>
+			<text>核销成功</text>
+			<view>￥<span>{{list.totalPrice}}</span></view>
+		</view>
+		<view class="btns">
+			<view @tap="toDetails">查看账单 </view>
+			<view @tap="toReturnHome">返回首页</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'payResult',
+		data() {
+			return {
+				list: {}
+
+			}
+		},
+		onLoad(option) {
+			// 从本地缓存中获取数据
+			this.list = uni.getStorageSync('list');
+		},
+		methods: {
+			toDetails() {
+				console.log(this.orderId);
+				uni.navigateTo({
+					url: '/pagesHouse/home/bill'
+				})
+			},
+			toReturnHome() {
+				uni.reLaunch({
+					url: '/pagesHouse/home/index'
+				})
+
+			}
+		}
+	}
+</script>
+
+<style scoped lang="less">
+	.page {
+		padding: 64rpx 40rpx;
+
+		.result {
+			padding-top: 50rpx;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+
+			.image {
+				width: 320rpx;
+				height: 200rpx;
+
+				image {
+					width: 100%;
+					height: 100%;
+				}
+			}
+
+			&>text {
+				font-size: 32rpx;
+				font-family: PingFang-SC-Bold, PingFang-SC;
+				font-weight: bold;
+				color: #111111;
+				margin-top: 20rpx;
+			}
+
+			&>view {
+				font-size: 36rpx;
+				font-family: ArialMT;
+				color: #333333;
+				margin-top: 20rpx;
+
+				span {
+					font-size: 48rpx;
+					font-family: Arial-BoldMT, Arial;
+					font-weight: BoldMT;
+					color: #333333;
+				}
+			}
+		}
+
+		.btns {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			margin-top: 268rpx;
+
+			&>view {
+
+
+				&:last-child {}
+			}
+
+			:nth-child(1) {
+				width: calc(50% - 22rpx);
+				height: 88rpx;
+				border-radius: 46rpx;
+				line-height: 88rpx;
+				text-align: center;
+				font-size: 32rpx;
+				font-family: PingFangSC-Regular, PingFang SC;
+				color: #fff;
+				background-color: #007A69;
+			}
+
+			:nth-child(2) {
+				width: calc(50% - 22rpx);
+				height: 88rpx;
+				border-radius: 46rpx;
+				border: 2rpx solid #007A69;
+				line-height: 88rpx;
+				text-align: center;
+				font-size: 32rpx;
+				font-family: PingFangSC-Regular, PingFang SC;
+				font-weight: 400;
+
+				color: #007A69;
+			}
+		}
+	}
+</style>

pagesHouse/Verification/details.vue

@@ -0,0 +1,491 @@
+<template>
+	<!-- <view class="page" :style="{'min-height':h+'px'}"> -->
+	<view class="page">
+		<view class="" style="height: 100%; padding-bottom: 260rpx;">
+			<view class="head">
+				<text v-if='list.state==0' class="orange">待支付</text>
+				<text v-else-if='list.state==1' class="red">已支付</text>
+				<text v-else-if='list.state==-1' class="red">已取消</text>
+				<text v-else-if='list.state==-2' class="green">退款中</text>
+				<text v-else-if='list.state==3' class="green">已完成</text>
+				<text v-else-if='list.state==-3' class="green">已退款</text>
+				<text v-else-if='list.state==4' class="red">待核销</text>
+				<text v-else-if='list.state==5' class="green">待核销</text>
+				<text v-else :class="statusClass[list.state]">{{status[list.state]}}</text>
+				<!-- <text>￥</text> -->
+				<!-- <text>{{list.totalPrice}}</text> -->
+			</view>
+
+			<view class="ticketInfo">
+				<view class="hander-titles">
+					<view class="image">
+						<image src="https://i.ringzle.com/file/20240225/0db2e93d80054b459c6e40466fa852c0.png" mode="">
+						</image>
+					</view>
+					<view class="names">
+						{{list.fishermanName}}
+					</view>
+					<view class="rights">
+						<u-icon name="arrow-right"></u-icon>
+					</view>
+				</view>
+				<view class="ticketInfo-hander">
+					<view class="image">
+						<image :src="list.pic" mode="aspectFill"></image>
+					</view>
+					<view class="" style="width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;">
+						<view class="name" style="display: flex; justify-content: space-between;">
+							<view class="">
+								{{list.thingName}}
+							</view>
+							<view class="" style="display: flex;align-items: center;;" @click="cardBtn(list)">
+								<!-- <text style="color: #01B9F9; font-size: 26rpx ; font-weight: 500;">
+							</text><u-icon name="arrow-right" color="#808080" size="26rpx"></u-icon> -->
+								￥{{list.totalPrice}}
+							</view>
+						</view>
+						<view class="date">
+							<view class="">
+								价格：<text>￥{{list.totalPrice}}/人</text>
+							</view>
+							<view class="">
+								数量：<text>X{{list.num}}</text>
+							</view>
+						</view>
+
+					</view>
+				</view>
+
+				<view class="ticketInfo-demo">
+
+				</view>
+			</view>
+			<!-- 订单信息 -->
+			<view class="orderInfo " style="padding-bottom: 30rpx;">
+				<view class="tit">订单信息</view>
+
+				<u-cell :border="true">
+					<text slot="icon" class="txt">订单编号</text>
+					>
+					<text slot="title" class="val">{{list.orderCode}}</text>
+					<text slot="right-icon" class="icon"
+						style="border: 1rpx solid #007A69; border-radius: 50rpx; box-sizing: border-box; color: #007A69;padding: 2rpx 10rpx; font-size: 22rpx; font-weight: Regular;"
+						@tap="copyOrderNo(list)">复制</text>
+				</u-cell>
+
+				<u-cell :border="true">
+					<text slot="icon" class="txt">下单时间</text>
+					>
+					<text slot="title" class="val">{{list.orderTime}}</text>
+				</u-cell>
+				<u-cell :border="true">
+					<text slot="icon" class="txt">联系人</text>
+					>
+					<text slot="title" class="val">{{list.userName}}</text>
+				</u-cell>
+				<u-cell :border="true">
+					<text slot="icon" class="txt">联系方式</text>
+					>
+					<text slot="title" class="val">{{list.phone}}</text>
+
+				</u-cell>
+				<u-cell :border="true">
+					<text slot="icon" class="txt">支付方式</text>
+					>
+					<text slot="title" class="val">微信支付</text>
+				</u-cell>
+			</view>
+		</view>
+		<view class="btns">
+			<template v-if="list.state==4||list.state==5">
+				<view class="detail del" @click="handleDetail(list)">
+					确定核销
+				</view>
+			</template>
+			<template v-else>
+				<view class="detail" @tap="Detail(list)">
+					删除订单
+				</view>
+			</template>
+
+		</view>
+	</view>
+
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				h: uni.getSystemInfoSync().windowHeight,
+				mt: uni.getSystemInfoSync().statusBarHeight + 44,
+				list: {},
+				statusClass: [
+					'',
+					'green',
+					'blue',
+					'grey',
+					'grey',
+				],
+
+			}
+		},
+		onLoad(option) {
+			// 从本地缓存中获取数据
+			this.list = uni.getStorageSync('list');
+			// this.list = JSON.parse(option.list)、
+			console.log('-----', this.list);
+
+		},
+		methods: {
+			copyOrderNo(item) {
+				let that = this;
+				// #ifdef H5
+				this.$copyText(item.orderCode).then(res => {
+					this.$showToast('复制成功');
+				})
+				// #endif
+				// #ifdef MP-WEIXIN
+				uni.setClipboardData({
+					data: item.orderCode,
+					success(res) {
+						that.$showToast('复制成功');
+					},
+					fail(err) {
+						that.$showToast('复制失败');
+					}
+				})
+				// #endif
+			},
+			// 核销
+			handleDetail(list) {
+				console.log(list);
+				this.$api.post('/merchant/merchantFisherman/home/writeOffOrder', {
+					writeOffCode: list.orderCode
+				}).then(res => {
+					console.log(res.data);
+					if (res.data.code == 0) {
+						uni.navigateTo({
+							url: '/pagesHouse/Mine/ordersList/outcome'
+						})
+					}
+				})
+			},
+
+			// 删除订单
+			toStatus() {
+				this.$refs.uToast.show({
+					type: 'success',
+					title: '',
+					message: "正在开发",
+					iconUrl: 'https://cdn.uviewui.com/uview/demo/toast/default.png'
+				})
+			},
+
+
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	* {
+		margin: 0;
+		padding: 0;
+		box-sizing: border-box;
+	}
+
+	.page {
+		box-sizing: border-box;
+		// height: 100%;
+		background-color: #F5F8FA;
+	}
+
+
+
+	.ticketInfo-demo {
+		// border-bottom: 2rpx solid #EFEFEF;
+		margin-top: 40rpx;
+
+		.demo-layout {
+			display: flex;
+			align-items: center;
+			text-align: center;
+			margin: 0 80rpx;
+		}
+	}
+
+
+
+
+
+
+
+	.orderInfo {
+		box-sizing: border-box;
+		background-color: #fff;
+		border-radius: 16rpx;
+		width: 96%;
+		margin: 0 auto 20rpx;
+
+		.tit {
+			font-size: 32rpx;
+			color: #333;
+			padding-left: 30rpx;
+			padding-top: 40rpx;
+			font-weight: 600;
+			margin-bottom: 20rpx;
+		}
+
+		.txt {
+			font-size: 28rpx;
+			color: #808080;
+			width: 115rpx;
+			font-weight: Regular;
+		}
+
+		.icon {
+			font-size: 28rpx;
+			color: #333;
+			font-weight: Regular;
+		}
+
+		.val {
+			font-size: 28rpx;
+			color: #333;
+			font-weight: Regular;
+			margin: 0 20rpx 0 30rpx;
+		}
+
+	}
+
+	.ticketInfo {
+		box-sizing: border-box;
+		width: 96%;
+		margin: 0 auto 20rpx;
+		padding: 40rpx 24rpx 4rpx;
+		border-radius: 20rpx;
+		position: relative;
+		background-color: #fff;
+		z-index: 2;
+
+		.hander-titles {
+			display: flex;
+			height: 32rpx;
+			line-height: 32rpx;
+			margin: 20rpx 0 30rpx 0;
+
+			.image {
+				width: 32rpx;
+				height: 32rpx;
+				border-radius: 16rpx;
+
+				image {
+					width: 100%;
+					height: 100%;
+				}
+			}
+
+			.names {
+				font-size: 32rpx;
+				color: #333333;
+				font-weight: Bold;
+				margin: 0rpx 16rpx 0rpx 10rpx;
+			}
+
+		}
+
+		.ticketInfo-hander {
+			display: flex;
+
+			.image {
+				width: 136rpx;
+				height: 136rpx;
+				border-radius: 12rpx;
+				margin-right: 20rpx;
+
+				image {
+					width: 100%;
+					height: 100%;
+				}
+			}
+
+		}
+
+		.name {
+			font-size: 32rpx;
+			color: #333;
+			font-weight: bold;
+			width: 100%;
+		}
+
+		.date {
+			// padding: 20rpx 0 32rpx;
+			padding-top: 20rpx;
+
+			text {
+				font-size: 26rpx;
+
+				&:nth-child(1) {
+					color: #808080;
+				}
+
+				&:nth-child(2) {
+					color: #FF7D01;
+					margin-left: 30rpx;
+				}
+			}
+		}
+
+
+
+		.topHead {
+			width: 96%;
+			margin: 0 auto;
+			background-color: #F5F8FA;
+			padding: 28rpx 0 28rpx 84rpx;
+			border-radius: 16rpx;
+			position: relative;
+
+			text {
+				position: absolute;
+				left: 0;
+				top: 0;
+				z-index: 1;
+				border-radius: 16rpx 0 0 16rpx;
+				width: 48rpx;
+				color: #fff;
+				font-size: 20rpx;
+				background-color: #484F61;
+				text-align: center;
+				height: 100%;
+				padding: 15rpx 10rpx 0;
+
+			}
+
+			.p {
+				font-size: 28rpx;
+				color: #333;
+
+				&:nth-of-type(1) {
+					font-weight: 600;
+					margin-bottom: 16rpx;
+				}
+			}
+
+
+		}
+
+		.code {
+			margin-top: 40rpx;
+			text-align: center;
+			position: relative;
+
+			.cover,
+			.sx {
+				position: absolute;
+				background-color: rgba(255, 255, 255, 0.5);
+				width: 340rpx;
+				height: 340rpx;
+				top: 66rpx;
+				left: 50%;
+				transform: translate(-50%, 0);
+			}
+
+			.sx {
+				width: 120rpx;
+				height: 120rpx;
+				top: 150rpx;
+				background: transparent;
+			}
+
+			.txt {
+				font-size: 28rpx;
+			}
+
+			image {
+				width: 340rpx;
+				height: 340rpx;
+				margin: 30rpx 0;
+			}
+		}
+	}
+
+	.head {
+		box-sizing: border-box;
+		padding: 34rpx 24rpx 40rpx;
+		// display: flex;
+		// position: relative;
+		// z-index: 2;
+
+		text {
+			color: #fff;
+
+			&:nth-child(1),
+			&:nth-child(3) {
+				font-size: 44rpx;
+				font-weight: Bold;
+			}
+
+			&:nth-child(2) {
+				flex: 1;
+				text-align: right;
+				width: 100px;
+				font-size: 36rpx;
+			}
+		}
+
+		.red {
+			color: indianred;
+		}
+
+		.green {
+			color: #111111;
+		}
+
+		.blue {
+			color: #1372FF;
+		}
+
+		.grey {
+			color: #4C5F76;
+		}
+
+		.orange {
+			color: #FF9100;
+		}
+	}
+
+
+
+
+	.btns {
+		box-sizing: border-box;
+		width: 100%;
+		position: fixed;
+		bottom: 0;
+		z-index: 4;
+		left: 0;
+		display: flex;
+		padding: 32rpx 32rpx 50rpx;
+		background-color: #fff;
+		gap: 0 20rpx;
+		box-shadow: 0 -8rpx 16rpx rgba(0, 0, 0, 0.06);
+
+
+		&>view {
+			// width: calc(50% - 15rpx);
+			width: 100%;
+			height: 80rpx;
+			border-radius: 46rpx;
+			// border: 1rpx solid #999999;
+			line-height: 80rpx;
+			text-align: center;
+			font-size: 28rpx;
+			font-family: PingFangSC-Regular, PingFang SC;
+			font-weight: Bold;
+			color: #FFFFFF;
+			// background-color: #F6F6F6;
+			background-color: #007A69;
+		}
+	}
+</style>

pagesHouse/Verification/handiwork.vue

@@ -12,8 +12,8 @@
 					</view>
 				</view>
 				<view class="two">
-					<u--input type='number' placeholder="请输入核销码" border="none" v-model="value" @change="change"
-						color='#FFFFFF' size='36'></u--input>
+					<u--input type='number' placeholder="请输入核销码" border="none" v-model="value" color='#FFFFFF'
+						size='36'></u--input>
 				</view>
 			</view>
 		</view>
@@ -33,17 +33,22 @@
 			}
 		},
 		methods: {
-
-
-			// 核销
-			// handleDetail(item) {
-			// 	let dto = {
-			// 		writeOffCode: this.value
-			// 	}
-			// 	this.$api.post('/merchant/merchantFisherman/home/writeOffOrder?dto=', dto).then(res => {
-			// 		console.log(res);
-			// 	})
-			// },
+			// 核销验证
+			handleDetail() {
+				console.log(this.value);
+				this.$api.get('/merchant/merchantFisherman/home/getDetails?writeOffCode=' + this.value).then(res => {
+					if (res.data.code == 0) {
+						this.value = ''
+						uni.setStorageSync('list', res.data.data);
+						uni.navigateTo({
+							url: '/pagesHouse/Verification/details'
+						})
+					} else {
+						this.value = ''
+						this.$showToast(res.data.msg)
+					}
+				})
+			},
 
 		}
 	}