xingyy/uni-ticket-system
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

submit

Browse Source
This commit is contained in:
xingyy 2023-12-20 15:07:23 +08:00
parent b3aeda2236
commit 9b2bcbaeba
4 changed files with 324 additions and 86 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/display-box/index.vue
View File

@ -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;

2
src/pages/facial/index.vue
View File

@ -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>

9
src/pages/mine/index.vue
View File

@ -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)

397
src/pages/ticket-details/index.vue
View File

@ -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%;