From 9b2bcbaeba0043db9cfe4daeb22cc8ffadd57ba5 Mon Sep 17 00:00:00 2001
From: xingyy <373639591@qq.com>
Date: Wed, 20 Dec 2023 15:07:23 +0800
Subject: [PATCH] submit

---
 src/components/display-box/index.vue |   2 +
 src/pages/facial/index.vue           |   2 +-
 src/pages/mine/index.vue             |   9 +
 src/pages/ticket-details/index.vue   | 397 +++++++++++++++++++++------
 4 files changed, 324 insertions(+), 86 deletions(-)

diff --git a/src/components/display-box/index.vue b/src/components/display-box/index.vue
index 36fa43d0..0b0654a3 100644
--- a/src/components/display-box/index.vue
+++ b/src/components/display-box/index.vue
@@ -56,6 +56,8 @@ const result = ref(groupObjectsByNumberKeys(slots))
       color: #939393;
     }
     .wrap1_1{
+      padding-right: 30rpx;
+      box-sizing: border-box;
       display: flex;
       align-items: center;
       width: 192rpx;
diff --git a/src/pages/facial/index.vue b/src/pages/facial/index.vue
index 7d833673..6693b502 100644
--- a/src/pages/facial/index.vue
+++ b/src/pages/facial/index.vue
@@ -2,7 +2,7 @@
 
 <template>
 <div class="container">
-  <custom-title class="title-block" title="人脸核验">
+  <custom-title class="title-block" title="实名">
   </custom-title>
   <div class="main">
     <tm-message ref="msg" :lines="2"></tm-message>
diff --git a/src/pages/mine/index.vue b/src/pages/mine/index.vue
index a3b67620..2c68ab0f 100644
--- a/src/pages/mine/index.vue
+++ b/src/pages/mine/index.vue
@@ -150,6 +150,15 @@ const exchange=async (item)=>{
   const arrayBuffer = new Uint8Array(res1)
   imageSrc.value = "data:image/png;base64," + uni.arrayBufferToBase64(arrayBuffer)
   showWin4.value=true
+/*  const ws = uni.connectSocket({
+    url: `ws://172.16.100.93:9052/api/smart/appointment/subscribe/msg?AppointmentUid=${item.appointmentUid}`, // 你的WebSocket服务器地址
+    success: function() {
+      console.log('WebSocket连接已创建成功！');
+    }
+  });
+  uni.onSocketMessage(function (res) {
+    console.log('WebSocket接收到消息：', res.data);
+  });*/
 }
 const goViewVenues = (item) => {
   uni.setStorageSync('ticket',item)
diff --git a/src/pages/ticket-details/index.vue b/src/pages/ticket-details/index.vue
index d9e4526f..fbf677fc 100644
--- a/src/pages/ticket-details/index.vue
+++ b/src/pages/ticket-details/index.vue
@@ -1,92 +1,312 @@
 <template>
-  <custom-title   class="title-block" title="门票详情">
-  </custom-title>
-  <div class="large-container">
-    <div class="content1">
-      <div class="wrap1">
-        <image src="../../static/zu1053@3x.png"></image>
+  <div class="container">
+    <custom-title   class="title-block" title="门票详情">
+    </custom-title>
+    <div class="large-container">
+      <div class="content1">
+        <div class="wrap1">
+          <image src="../../static/zu1053@3x.png"></image>
+        </div>
+        <div class="wrap2">{{ticket.ticketName}}</div>
+      </div>
+      <div class="content2">
+        <image
+            :src="ticket.ticketCoverPic"></image>
+      </div>
+      <div class="content3">
+        <display-box>
+          <template #l1>
+            <div class="box-left">
+              门票名称
+            </div>
+          </template>
+          <template #r1>
+            <div class="box-right">
+              {{ticket.ticketName}}
+            </div>
+          </template>
+          <template #l2>
+            <div class="box-left">
+              预留手机号(+86)
+            </div>
+          </template>
+          <template #r2>
+            <div class="box-right">
+              {{ticket.phone}}
+            </div>
+          </template>
+          <template #l3>
+            <div class="box-left">
+              预约时间
+            </div>
+          </template>
+          <template #r3>
+            <div class="box-right">
+              {{ticket.date?dayjs(ticket.date).format('YYYY年MM月DD日'):'暂无'}}
+            </div>
+          </template>
+          <template #l4>
+            <div class="box-left">
+              预约人数
+            </div>
+          </template>
+          <template #r4>
+            <div class="box-right">
+              {{ticket.number}}
+            </div>
+          </template>
+        </display-box>
+      </div>
+      <div class="content4">
+      </div>
+      <div class="content5">
+        *参观人的身份证信息
+      </div>
+      <div class="content6" v-for="item in perList">
+        <display-box>
+          <template #l1>
+            <div class="box-left">
+              姓名
+            </div>
+          </template>
+          <template #r1>
+            <div class="box-right" style="display: flex;align-items: center">
+              <div style="margin-right: 32rpx">{{item.userName}}</div>
+              <div v-if="statusList.find(x=>x.value===item.status).label" style="width: 112rpx;height: 40rpx;background-color: #000;color: #fff;font-size: 20rpx;border-radius: 22rpx;display: flex;justify-content: center;align-items: center">{{statusList.find(x=>x.value===item.status).label}}</div>
+            </div>
+          </template>
+          <template #l2>
+            <div class="box-left">
+              身份证号
+            </div>
+          </template>
+          <template #r2>
+            <div class="box-right">
+              192119280121
+            </div>
+          </template>
+        </display-box>
+      </div>
+      <div class="content7" style="margin-bottom: 60rpx">
+        <display-box>
+          <template #l1>
+            <div class="box-left">
+              文物概览概览
+
+            </div>
+          </template>
+          <template #r1>
+            <!-- 右侧内容或模板 -->
+          </template>
+          <template #l2>
+            <div class="box-left">
+              文物藏品精华
+
+            </div>
+          </template>
+          <template #r2>
+            <!-- 右侧内容或模板 -->
+          </template>
+          <template #l3>
+            <div class="box-left">
+              文化深度
+
+            </div>
+          </template>
+          <template #r3>
+            <!-- 右侧内容或模板 -->
+          </template>
+          <template #l4>
+            <div class="box-left">
+              文物年份
+
+            </div>
+          </template>
+          <template #r4>
+            <!-- 右侧内容或模板 -->
+          </template>
+          <template #l5>
+            <div class="box-left">
+              文物起源
+
+            </div>
+          </template>
+          <template #r5>
+            <!-- 右侧内容或模板 -->
+          </template>
+          <template #l6>
+            <div class="box-left">
+              文物描述
+
+            </div>
+          </template>
+          <template #r6>
+            <!-- 右侧内容或模板 -->
+          </template>
+          <template #l7>
+            <div class="box-left">
+              文化价值
+
+            </div>
+          </template>
+          <template #r7>
+            <!-- 右侧内容或模板 -->
+          </template>
+          <template #l8>
+            <div class="box-left">
+              保存状态
+
+            </div>
+          </template>
+          <template #r8>
+            <!-- 右侧内容或模板 -->
+          </template>
+          <template #l9>
+            <div class="box-left">
+              展品故事
+
+            </div>
+          </template>
+          <template #r9>
+            <!-- 右侧内容或模板 -->
+          </template>
+          <template #l10>
+            <div class="box-left">
+              制作时代
+
+            </div>
+          </template>
+          <template #r10>
+            <!-- 右侧内容或模板 -->
+          </template>
+          <template #l11>
+            <div class="box-left">
+              艺术流派
+
+            </div>
+          </template>
+          <template #r11>
+            <!-- 右侧内容或模板 -->
+          </template>
+          <template #l12>
+            <div class="box-left">
+              获取途径
+
+            </div>
+          </template>
+          <template #r12>
+            <!-- 右侧内容或模板 -->
+          </template>
+          <template #l13>
+            <div class="box-left">
+              展览历程
+
+            </div>
+          </template>
+          <template #r13>
+          </template>
+          <template #l14>
+            <div class="box-left">
+              文物级别分类
+
+
+            </div>
+          </template>
+          <template #r14>
+          </template>
+          <template #l15>
+            <div class="box-left">
+              互动体验编码
+
+
+
+            </div>
+          </template>
+          <template #r15>
+          </template>
+          <template #l16>
+            <div class="box-left">
+              安全保护措施
+
+            </div>
+          </template>
+          <template #r16>
+          </template>
+          <template #l17>
+            <div class="box-left">
+              数字化档案编号
+
+            </div>
+          </template>
+          <template #r17>
+          </template>
+          <template #l18>
+            <div class="box-left">
+              权属证明区块链记录
+
+            </div>
+          </template>
+          <template #r18>
+          </template>
+          <template #l19>
+            <div class="box-left">
+              区块链高度
+
+            </div>
+          </template>
+          <template #r19>
+          </template>
+          <template #l20>
+            <div class="box-left">
+              Hash
+            </div>
+          </template>
+          <template #r20>
+          </template>
+          <template #l21>
+            <div class="box-left">
+              交易hash
+
+            </div>
+          </template>
+          <template #r21>
+          </template>
+          <template #l22>
+            <div class="box-left">
+              虚拟收藏认证
+
+            </div>
+          </template>
+          <template #r22>
+          </template>
+          <template #l23>
+            <div class="box-left">
+              区块链技术应用
+
+            </div>
+          </template>
+          <template #r23>
+          </template>
+          <template #l24>
+            <div class="box-left">
+              物品元数据哈希值
+            </div>
+          </template>
+          <template #r24>
+          </template>
+          <template #l25>
+            <div class="box-left">
+              登记交易哈希值
+
+            </div>
+          </template>
+          <template #r25>
+          </template>
+        </display-box>
       </div>
-      <div class="wrap2">{{ticket.ticketName}}</div>
-    </div>
-    <div class="content2">
-      <image
-          :src="ticket.ticketCoverPic"></image>
-    </div>
-    <div class="content3">
-      <display-box>
-        <template #l1>
-          <div class="box-left">
-            门票名称
-          </div>
-        </template>
-        <template #r1>
-          <div class="box-right">
-            {{ticket.ticketName}}
-          </div>
-        </template>
-        <template #l2>
-          <div class="box-left">
-            预留手机号(+86)
-          </div>
-        </template>
-        <template #r2>
-          <div class="box-right">
-            {{ticket.phone}}
-          </div>
-        </template>
-        <template #l3>
-          <div class="box-left">
-            预约时间
-          </div>
-        </template>
-        <template #r3>
-          <div class="box-right">
-            {{ticket.date?dayjs(ticket.date).format('YYYY年MM月DD日'):'暂无'}}
-          </div>
-        </template>
-        <template #l4>
-          <div class="box-left">
-            预约人数
-          </div>
-        </template>
-        <template #r4>
-          <div class="box-right">
-            {{ticket.number}}
-          </div>
-        </template>
-      </display-box>
-    </div>
-    <div class="content4">
-    </div>
-    <div class="content5">
-      *参观人的身份证信息
-    </div>
-    <div class="content6" v-for="item in perList">
-      <display-box>
-        <template #l1>
-          <div class="box-left">
-            姓名
-          </div>
-        </template>
-        <template #r1>
-          <div class="box-right" style="display: flex;align-items: center">
-            <div style="margin-right: 32rpx">{{item.userName}}</div>
-            <div v-if="statusList.find(x=>x.value===item.status).label" style="width: 112rpx;height: 40rpx;background-color: #000;color: #fff;font-size: 20rpx;border-radius: 22rpx;display: flex;justify-content: center;align-items: center">{{statusList.find(x=>x.value===item.status).label}}</div>
-          </div>
-        </template>
-        <template #l2>
-          <div class="box-left">
-            身份证号
-          </div>
-        </template>
-        <template #r2>
-          <div class="box-right">
-            192119280121
-          </div>
-        </template>
-      </display-box>
     </div>
   </div>
+
 </template>
 <script setup>
 import displayBox from '../../components/display-box/index.vue'
@@ -94,6 +314,7 @@ import {ref} from "vue";
 import dayjs from "dayjs";
 import {getTicketPerInfo} from "@/http/apis";
 const list = [{}]
+
 const statusList=ref([
   {
     label:'',
@@ -132,6 +353,11 @@ const getInfo=async ()=>{
 getInfo()
 </script>
 <style scoped lang="scss">
+.container {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+}
 .box-left{
   font-size: 24rpx;
   color: #000;
@@ -141,6 +367,7 @@ getInfo()
   color: #72665F;
 }
 .large-container {
+  overflow-y: auto;
   flex-grow: 1;
   background-image: url('https://cdns.fontree.cn/fonchain-main/prod/image/1833/avatar/16968647-fc99-46fe-b95c-620c55b7646f.png');
   background-size: 100%;