From b62578f8b43f15be89b3d14f463f11aed03e6fb9 Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期四, 09 五月 2024 18:57:25 +0800
Subject: [PATCH] 最新版本
---
h5/pages/appointmentDetails/appointmentDetails.vue | 115 +++++++++++++++++++++++++++++++++++++++------------------
1 files changed, 78 insertions(+), 37 deletions(-)
diff --git a/h5/pages/appointmentDetails/appointmentDetails.vue b/h5/pages/appointmentDetails/appointmentDetails.vue
index a3bc209..a58e09b 100644
--- a/h5/pages/appointmentDetails/appointmentDetails.vue
+++ b/h5/pages/appointmentDetails/appointmentDetails.vue
@@ -1,17 +1,24 @@
<template>
<view class="box">
- <view class="box_head">
+ <view class="head_wrap head_success" v-if="info.status == 1">
+ <view class="h1">璁垮棰勭害瀹℃牳閫氳繃</view>
+ <view class="h2">鎮ㄧ殑鏉ヨ鐢宠宸插鏍搁�氳繃锛岃鍦ㄨ瀹㈡満绛惧埌鍏ュ巶銆傚閬囩壒娈婃儏鍐碉紝鍙仈绯昏璁夸汉鎴栧畨淇濅汉鍛�</view>
+ </view>
+ <view class="qr_wrap" v-if="info.status == 1">
<canvas class="box_head_qrcode" canvas-id="img"></canvas>
- <text class="box_head_a" v-if="info.status === 0">璁垮棰勭害寰呭鏍�</text>
- <text class="box_head_a" style="color: ;" v-if="info.status === 2">璁垮棰勭害瀹℃牳閫氳繃</text>
- <text class="box_head_a" v-if="info.status === 3">璁垮棰勭害瀹℃牳涓嶉�氳繃</text>
- <text class="box_head_b" v-if="info.status === 0">鎮ㄧ殑棰勭害鍗曞凡鎻愪氦瀹℃牳锛岃绛夊緟琚浜哄鏍�</text>
- <text class="box_head_b" v-if="info.status === 2">鎮ㄧ殑鏉ヨ鐢宠宸插鏍搁�氳繃锛岃鍦ㄩ棬鍗杩涜鐧�</text>
- <text class="box_head_b" v-if="info.status === 3">鎮ㄧ殑鏉ヨ鐢宠宸茶椹冲洖锛屽師鍥犳槸锛氳繖鏄師鍥�</text>
+ <view class="text">浣跨敤璁垮鏈烘壂鐮佺鍒�</view>
+ </view>
+ <view class="head_wrap head_padding" v-if="info.status == 2">
+ <view class="h1">璁垮棰勭害寰呭鏍�</view>
+ <view class="h2">鎮ㄧ殑棰勭害鍗曞凡鎻愪氦瀹℃牳锛岃绛夊緟琚浜哄鏍�</view>
+ </view>
+ <view class="head_wrap head_error" v-if="info.status == 3">
+ <view class="h1">璁垮棰勭害瀹℃牳涓嶉�氳繃</view>
+ <view class="h2">鎮ㄧ殑鏉ヨ鐢宠宸茶椹冲洖锛屽鏈夌枒闂紝鍙仈绯昏璁夸汉</view>
</view>
<view class="box_list">
<view class="box_list_label">鎷滆淇℃伅</view>
- <view class="box_list_tips">璇锋敞鎰忔煡鐪嬪嚭鍏ラ棬绂佷笅鍙戞儏鍐碉紝濡傝嫢涓嬪彂澶辫触闇�閲嶆柊鐢宠</view>
+ <view class="box_list_tips" v-if="info.status === 2">璇锋敞鎰忔煡鐪嬪嚭鍏ラ棬绂佷笅鍙戞儏鍐碉紝濡傝嫢涓嬪彂澶辫触闇�閲嶆柊鐢宠</view>
<view class="box_list_item">
<view class="box_list_item_label">琚浜哄憳锛�</view>
<view class="box_list_item_val">{{info.visitUserName}}</view>
@@ -58,24 +65,30 @@
<script>
import wxcode from 'uniapp-qrcode'
-
+ import { visitorSubDetail } from '@/api'
+
export default {
data() {
return {
- info: {},
+ info: {
+ status: 1
+ },
show: false
};
},
onLoad(option) {
- this.$u.api.detail({ id: option.id })
- .then(res => {
- if (res.code === 200) {
- this.info = res.data
- if (res.data.qrcode) {
- wxcode.qrcode('img', res.data.qrcode, 320, 320)
- }
- }
- })
+ // this.$u.api.detail({ id: option.id })
+ // visitorSubDetail({ id: option.id })
+ // .then(res => {
+ // if (res.code === 200) {
+ // this.info = res.data
+ // if (res.data.qrcode) {
+ // this.$nextTick(() => {
+ // wxcode.qrcode('img', res.data.qrcode, 320, 320)
+ // })
+ // }
+ // }
+ // })
},
methods: {
close() {
@@ -113,30 +126,57 @@
height: 100%;
}
}
- .box_head {
- width: 100%;
- padding: 40rpx 0;
- box-sizing: border-box;
- background-color: #ffffff;
- display: flex;
- align-items: center;
- justify-content: center;
- flex-direction: column;
+ .qr_wrap{
+ background-color: #fff;
+ text-align: center;
.box_head_qrcode {
width: 320rpx;
height: 320rpx;
}
- .box_head_a {
- font-size: 36rpx;
- font-weight: 600;
- color: #025EEF;
- margin-top: 30rpx;
+ .text{
+ font-size: 30rpx;
+ color: #279BAA;
+ padding: 20rpx 0 30rpx;
}
- .box_head_b {
- font-size: 26rpx;
+ }
+ .head_wrap{
+ padding: 30px;
+
+ .h1{
+ margin-bottom: 16rpx;
+ font-weight: 600;
+ font-size: 36rpx;
+ }
+ .h2{
font-weight: 400;
- color: #666666;
- margin-top: 24rpx;
+ font-size: 26rpx;
+ }
+ }
+ .head_padding{
+ background: #279BAA;
+ .h1{
+ color: #FFFFFF;
+ }
+ .h2{
+ color: #FFFFFF;
+ }
+ }
+ .head_error{
+ background: #FDEDED;
+ .h1{
+ color: #ED4545;
+ }
+ .h2{
+ color: #333333;
+ }
+ }
+ .head_success{
+ background: #E8F4F6;
+ .h1{
+ color: #279BAA;
+ }
+ .h2{
+ color: #333333;
}
}
.box_list {
@@ -169,6 +209,7 @@
align-items: center;
margin-top: 30rpx;
.box_list_item_label {
+ flex-shrink: 0;
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
--
Gitblit v1.9.3