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

fix

Browse Source
This commit is contained in:
Aiden 2023-12-07 11:04:52 +08:00
commit 0d7f99e69c
24 changed files with 7128 additions and 708 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.hbuilderx/launch.json
View File

@ -14,3 +14,4 @@
}
]
}

7119
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

43
package.json
View File

@ -33,34 +33,41 @@
"build:quickapp-webview-union": "uni build -p quickapp-webview-union"
},
"dependencies": {
"@dcloudio/uni-app": "3.0.0-3090520231028001",
"@dcloudio/uni-app-plus": "3.0.0-3090520231028001",
"@dcloudio/uni-components": "3.0.0-3090520231028001",
"@dcloudio/uni-h5": "3.0.0-3090520231028001",
"@dcloudio/uni-app": "3.0.0-3090820231124001",
"@dcloudio/uni-app-plus": "3.0.0-3090820231124001",
"@dcloudio/uni-components": "3.0.0-3090820231124001",
"@dcloudio/uni-h5": "3.0.0-3090820231124001",
"@dcloudio/uni-helper-json": "^1.0.13",
"@dcloudio/uni-mp-alipay": "3.0.0-3090520231028001",
"@dcloudio/uni-mp-baidu": "3.0.0-3090520231028001",
"@dcloudio/uni-mp-kuaishou": "3.0.0-3090520231028001",
"@dcloudio/uni-mp-lark": "3.0.0-3090520231028001",
"@dcloudio/uni-mp-qq": "3.0.0-3090520231028001",
"@dcloudio/uni-mp-toutiao": "3.0.0-3090520231028001",
"@dcloudio/uni-mp-weixin": "3.0.0-3090520231028001",
"@dcloudio/uni-quickapp-webview": "3.0.0-3090520231028001",
"@dcloudio/uni-mp-alipay": "3.0.0-3090820231124001",
"@dcloudio/uni-mp-baidu": "3.0.0-3090820231124001",
"@dcloudio/uni-mp-jd": "3.0.0-3090820231124001",
"@dcloudio/uni-mp-kuaishou": "3.0.0-3090820231124001",
"@dcloudio/uni-mp-lark": "3.0.0-3090820231124001",
"@dcloudio/uni-mp-qq": "3.0.0-3090820231124001",
"@dcloudio/uni-mp-toutiao": "3.0.0-3090820231124001",
"@dcloudio/uni-mp-weixin": "3.0.0-3090820231124001",
"@dcloudio/uni-mp-xhs": "3.0.0-3090820231124001",
"@dcloudio/uni-quickapp-webview": "3.0.0-3090820231124001",
"echarts": "5.4.2",
"node-sass": "^9.0.0",
"pinia": " 2.0.33",
"sass": "^1.69.5",
"sass-loader": "^13.3.2",
"vue": "3.2.47",
"vue-i18n": "9.2.2"
"vue-i18n": "9.8.0"
},
"devDependencies": {
"@dcloudio/types": "3.3.2",
"@dcloudio/uni-automator": "3.0.0-3090520231028001",
"@dcloudio/uni-cli-shared": "3.0.0-3090520231028001",
"@dcloudio/vite-plugin-uni": "3.0.0-3090520231028001",
"@dcloudio/types": "3.4.3",
"@dcloudio/uni-automator": "3.0.0-3090820231124001",
"@dcloudio/uni-cli-shared": "3.0.0-3090820231124001",
"@dcloudio/uni-stacktracey": "3.0.0-3090820231124001",
"@dcloudio/vite-plugin-uni": "3.0.0-3090820231124001",
"@types/node": "^17.0.35",
"@vue/runtime-core": "3.3.10",
"autoprefixer": "10.4.14",
"sass": "^1.69.5",
"sass-loader": "^7.3.1",
"unplugin-vue-components": "0.24.1",
"vite": "4.2.1"
"vite": "4.0.3"
}
}

5
src/App.vue
View File

@ -9,6 +9,9 @@
@import './tmui/scss/noNvue.css';
/* #endif */
page{
display: flex;
}
</style>
</style>

6
src/components/self-tabbar/index.vue
View File

@ -1,6 +1,6 @@
<template>
<tm-app>
<tm-tabbar :showSafe="true" :autoSelect="false" v-model:active="acc">
<tm-tabbar :autoSelect="false" v-model:active="acc">
<tm-tabbar-item
@click="acc = 0"
activeColor="#EB783C"
@ -19,7 +19,7 @@
</div>
</tm-tabbar-item>
</tm-tabbar>
</tm-app>
</template>
<script setup>
import {ref, defineEmits, watch,} from 'vue'

1
src/http/interface.js
View File

@ -38,7 +38,6 @@ export default {
};
options.header = Object.assign({}, options.header, _token);
/*
_sign = {'sign': sign(JSON.stringify(options.data))}
options.header = Object.assign({}, options.header, _token,_sign)
*/

23
src/pages.json
View File

@ -56,7 +56,27 @@
"titlePenetrate": "YES",
"transparentTitle": "always"
}
}
},
{
"path": "pages/setup/index",
"style": {
"navigationBarTitleText": "",
"enablePullDownRefresh": false,
"app-plus": {
"titleNView": false // 禁用原生导航
}
}
},
{
"path": "pages/view-venues/index",
"style": {
"navigationBarTitleText": "",
"enablePullDownRefresh": false,
"app-plus": {
"titleNView": false // 禁用原生导航
}
}
}
],
"globalStyle": {
"navigationBarTextStyle": "black",
@ -74,4 +94,5 @@
}
]
}
}

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

@ -1,90 +1,289 @@
<template>
<div class="large-container">
<div class="content1">
<div class="wrap1">
<div class="wrap1_1">
<image src="../../static/06.png" alt="" />
</div>
<div class="wrap1_2">
<div class="wrap1_2_1">
<div class="wrap1_2_1_1">某某某</div>
<div class="wrap1_2_1_2">已实名</div>
</div>
<div class="wrap1_2_2">178273938123</div>
</div>
<div class="large-container">
<div class="content1">
<div class="wrap1">
<div class="wrap1_1">
<image src="../../static/06.png" alt=""/>
</div>
<div class="wrap2">
<div class="wrap2_1">
<image src="../../static/zu609@3x (1).png" alt="" />
<div class="wrap1_2">
<div class="wrap1_2_1">
<div class="wrap1_2_1_1">某某某</div>
<div class="wrap1_2_1_2">已实名</div>
</div>
<div class="wrap2_2">设置</div>
<div class="wrap1_2_2">178273938123</div>
</div>
</div>
<div class="wrap2" @click="goSetUp">
<div class="wrap2_1">
<image src="../../static/zu609@3x (1).png" alt=""/>
</div>
<div class="wrap2_2">设置</div>
</div>
</div>
<div class="content2">
<div class="wrap1 ">
<div class="wrap1_1">2</div>
<div class="wrap1_2">未使用门票</div>
</div>
<div class="wrap2"></div>
<div class="wrap3 active">
<div class="wrap1_1">3</div>
<div class="wrap1_2">历史门票</div>
</div>
</div>
<div class="content3">
</div>
<div class="content4">·历史预约门票</div>
<div class="content5">
<div class="wrap1">
<div class="wrap1_1 verified">已核销</div>
<div class="wrap1_2">
<div class="wrap1_2_1">首都博物馆门票</div>
<div class="wrap1_2_2">预约场馆:首都博物馆</div>
<div class="wrap1_2_2">预约日期:2023.12.30</div>
<div class="wrap1_2_2">预约类型:1</div>
</div>
<div class="wrap1_3">
<image src="../../static/zu762@3x (1).png" alt=""/>
</div>
</div>
<div class="wrap1">
<div class="wrap1_1 verified">已核销</div>
<div class="wrap1_2">
<div class="wrap1_2_1">首都博物馆门票</div>
<div class="wrap1_2_2">预约场馆:首都博物馆</div>
<div class="wrap1_2_2">预约日期:2023.12.30</div>
<div class="wrap1_2_2">预约类型:1</div>
</div>
<div class="wrap1_3" @click="goViewVenues">
<image src="../../static/zu762@3x (1).png" alt=""/>
</div>
</div>
</div>
</div>
</template>
<script setup>
const goViewVenues=()=>{
uni.navigateTo({
url: '/pages/view-venues/index'
})
}
const goSetUp=()=>{
uni.navigateTo({
url: '/pages/setup/index'
})
}
</script>
<style scoped lang="scss">
.large-container {
height: 100vh;
width: 100vw;
background-image: url('https://cdns.fontree.cn/fonchain-main/prod/image/1833/avatar/16968647-fc99-46fe-b95c-620c55b7646f.png');
.large-container{
background-image: url('https://cdns.fontree.cn/fonchain-main/prod/image/1833/avatar/16968647-fc99-46fe-b95c-620c55b7646f.png');
background-size: 100%;
height: 100vh;
padding: 38rpx 32rpx 0 32rpx;
.content1 {
.content5{
margin-top: 14rpx;
.wrap1{
position: relative;
width: 686rpx;
height: 210rpx;
background-image: url("https://cdns.fontree.cn/fonchain-main/prod/image/1833/avatar/156dd8fa-e56d-4208-bc15-58eb273c146f.png");
background-size: 100%;
.wrap1_3{
bottom: 18rpx;
right: 16rpx;
position: absolute;
width: 150rpx;
height: 56rpx;
background-color: #72665F;
border-radius: 40rpx;
display: flex;
justify-content: center;
align-items: center;
image{
width: 119.5rpx;
height:34rpx;
}
}
.wrap1_2{
top: 16rpx;
right: 182rpx;
position: absolute;
.wrap1 {
.wrap1_2_1{
font-size: 32rpx;
color: #fff;
margin-bottom: 6rpx;
}
.wrap1_2_2{
margin-bottom: 2rpx;
font-size: 20rpx;
color: #fff;
}
}
.wrap1_1{
top: 26rpx;
left: 26rpx;
position: absolute;
display: flex;
justify-content: center;
align-items: center;
width: 112rpx;
height: 40rpx;
border-radius: 22rpx;
font-size: 20rpx;
&.verified{
background-color: #fff;
color: #72665F;
}
}
}
}
.content4{
margin-top: 22rpx;
font-size: 28rpx;
color:#72665F;
}
.content3{
margin-top: 38rpx;
height: 1rpx;
width: 100%;
background-image: url("../../static/zx303@3x (1).png");
background-size: 100%;
}
.content2{
margin-top: 34rpx;
width: 686rpx;
height: 134rpx;
display: flex;
background-color: #fff;
border-radius: 40rpx;
align-items: center;
.wrap1{
border-radius: 30rpx;
margin-left: 28rpx;
width: 290rpx;
height: 104rpx;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
&.active{
background-color: #F7963B;
.wrap1_1{
color: #fff;
}
.wrap1_2{
color: #fff;
}
}
.wrap1_1{
font-size: 28rpx;
color: #F7963B;
}
.wrap1_2{
font-size: 20rpx;
color: #000;
}
}
.wrap2{
margin-left: 28rpx;
margin-right: 28rpx;
width: 2rpx;
height: 70rpx;
background-color: #D8CDC6;
}
.wrap3{
border-radius: 30rpx;
width: 290rpx;
height: 104rpx;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
&.active{
background-color: #F7963B;
.wrap1_1{
color: #fff;
}
.wrap1_2{
color: #fff;
}
}
.wrap1_1{
font-size: 28rpx;
color: #979797;
}
.wrap1_2{
font-size: 20rpx;
color: #000;
}
}
}
.content1{
display: flex;
.wrap2{
margin-left: 24rpx;
width: 182rpx;
height: 150rpx;
border-radius: 40rpx;
background-color: #E5580F;
display: flex;
align-items: center;
.wrap2_2{
color: #fff;
font-size: 20rpx;
}
.wrap2_1{
margin-left: 40rpx;
margin-right: 20rpx;
image{
width: 40.88rpx;
height: 40.88rpx;
}
}
}
.wrap1{
border-radius: 40rpx;
width: 480rpx;
height: 150rpx;
background-color: #fff;
display: flex;
align-items: center;
.wrap1_2 {
.wrap1_2{
display: flex;
flex-direction: column;
.wrap1_2_2 {
.wrap1_2_2{
margin-top: 6rpx;
color: #626262;
}
.wrap1_2_1 {
.wrap1_2_1{
display: flex;
align-items: center;
.wrap1_2_1_1 {
.wrap1_2_1_1{
color: #000;
font-size: 28rpx;
}
.wrap1_2_1_2 {
.wrap1_2_1_2{
margin-left: 6rpx;
display: flex;
justify-content: center;
align-items: center;
width: 76rpx;
height: 26rpx;
background-color: #FFCD5C;
background-color:#FFCD5C;
border-radius: 8rpx;
font-size: 16rpx;
color: #fff;
}
}
}
.wrap1_1 {
.wrap1_1{
margin-left: 68rpx;
margin-right: 36rpx;
image {
image{
width: 100rpx;
height: 100rpx;
}
@ -92,4 +291,5 @@
}
}
}</style>
}
</style>

174
src/pages/setup/index.vue Normal file
View File

@ -0,0 +1,174 @@
<template>
<div class="large-container">
<div class="content1">
<div class="wrap1">
<image src="../../static/zy68.png"></image>
</div>
<div class="wrap2">
<div class="wrap2_1">恢复默认头像</div>
<div class="wrap2_2">更换头像</div>
</div>
</div>
<div class="content2">
<div class="wrap1">
<div class="wrap1_1">
<div class="wrap1_1_1">姓名</div>
<div class="wrap1_1_2">已实名</div>
</div>
<div class="wrap1_2">xxx</div>
</div>
<div class="wrap1">
<div class="wrap1_1">
<div class="wrap1_1_1">身份证号</div>
</div>
<div class="wrap1_2">292199922283726657</div>
</div>
<div class="wrap1">
<div class="wrap1_1">
<div class="wrap1_1_1">微信号</div>
</div>
<div class="wrap1_2">12318881999</div>
</div>
</div>
<div class="content3">*来自微信数据共享</div>
<div class="content4">
<div class="wrap1">注销账号</div>
<div class="wrap2">退出登录</div>
</div>
</div>
</template>
<script setup>
</script>
<style scoped lang="scss">
.large-container{
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%;
padding: 38rpx 32rpx 0 32rpx;
position: relative;
.content4{
bottom: 104rpx;
position: absolute;
padding-left: 32rpx;
padding-right: 32rpx;
display: flex;
justify-content: space-between;
.wrap2{
width:292rpx ;
height: 56rpx;
border-radius: 40rpx;
font-size: 32rpx;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
background-color:#3E3E3E;
}
.wrap1{
margin-right: 38rpx;
background-color:#ED6666 ;
width:292rpx ;
height: 56rpx;
border-radius: 40rpx;
font-size: 32rpx;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
}
}
.content3{
margin-top: 18rpx;
text-align: right;
font-size: 20rpx;
color:#939393 ;
}
.content2{
margin-top: 38rpx;
background-color: #fff;
border-radius: 20rpx;
padding-left: 18rpx;
padding-right: 32rpx;
.wrap1{
padding-left: 14rpx;
padding-top: 26rpx;
padding-bottom: 22rpx;
border-bottom: 1rpx solid #E4EAF1;;
display: flex;
.wrap1_2{
padding-left: 36rpx;
font-size: 24rpx;
color: #939393;
}
.wrap1_1{
display: flex;
align-items: center;
width: 192rpx;
border-right: 1rpx solid #E4EAF1;
.wrap1_1_1{
font-size: 24rpx;
color: #626262;
margin-right: 12rpx;
}
.wrap1_1_2{
display: flex;
justify-content: center;
align-items: center;
font-size: 16rpx;
color: #fff;
width: 80rpx;
height: 28rpx;
background-color:#FFCD5C ;
border-radius: 24rpx;
}
}
}
}
.content1{
display: flex;
.wrap2{
display: flex;
flex-direction: column;
justify-content: space-between;
padding-top: 12rpx;
padding-bottom: 12rpx;
.wrap2_2{
display: flex;
justify-content: center;
align-items: center;
width: 348rpx;
height: 56rpx;
background-color:#F7963B;
border-radius: 40rpx;
font-size: 32rpx;
color: #fff;
}
.wrap2_1{
display: flex;
justify-content: center;
align-items: center;
width: 348rpx;
height: 56rpx;
font-size: 32rpx;
color: #fff;
background-color: #000;
border-radius: 40rpx;
}
.wrap2_2{
}
}
.wrap1{
margin-left: 76rpx;
margin-right: 42rpx;
image{
width: 154rpx;
height: 154rpx;
}
}
}
}
</style>

176
src/pages/view-venues/index.vue Normal file
View File

@ -0,0 +1,176 @@
<template>
<div class="large-container">
<div class="content1">
<div class="wrap1" @click="dialog=true">
<image src="../../static/zu1041@3x (1).png"></image>
</div>
</div>
<div class="content2">
<div class="grid-cell red">
<image src="../../static/zu1067@3x.png"></image>
</div>
<div class="grid-cell black"> <image src="../../static/zu1063@3x.png"></image></div>
<div class="grid-cell red"> <image src="../../static/zj1066@3x.png"></image></div>
<div class="grid-cell black"> <image src="../../static/zu1068@3x.png"></image></div>
<div class="grid-cell red">
<image src="../../static/zu1064@3x.png"></image>
</div>
<div class="grid-cell black">
<image src="../../static/zu1065@3x.png"></image>
</div>
</div>
<div v-if="dialog" class="content4">
<div class="wrap1">
<div class="wrap1_1">
<div class="wrap1_1_1">
区块链证书
</div>
<div class="wrap1_1_2">
<div class="wrap1_1_2_1">·门票名称</div>
<div class="wrap1_1_2_2">首都博物馆（东馆）门票</div>
</div>
<div class="wrap1_1_2">
<div class="wrap1_1_2_1">·门票哈希值</div>
<div class="wrap1_1_2_2">c2a0d549c24418bd78a137e9c45544627
8ce2a7a6e0ca6517e70f76a3191a9a</div>
</div>
<div class="wrap1_1_2">
<div class="wrap1_1_2_1">·门票编码</div>
<div class="wrap1_1_2_2">AC#JYQZM#8820203397</div>
</div>
<div class="wrap1_1_2">
<div class="wrap1_1_2_1">·门票发行方</div>
<div class="wrap1_1_2_2">首都博物馆</div>
</div>
</div>
<div class="wrap1_2" @click="dialog=false">
<div class="wrap1_2_1" >退出</div>
<image style="width:28rpx;height: 28rpx " src="../../static/zu1043@3x.png"></image>
</div>
</div>
</div>
</div>
</template>
<script setup>
import {ref} from 'vue'
const dialog=ref(false)
</script>
<style scoped lang="scss">
.large-container{
height: 100vh;
display: flex;
flex-direction: column;
.content4{
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
.wrap1{
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
background-size: contain;
width: 610.98rpx;
height: 674.07rpx;
background-image: url("../../static/jx1816@3x.png");
padding-top: 22rpx;
box-sizing: border-box;
padding-left: 22rpx;
.wrap1_2{
z-index: 999;
right: 18rpx;
top:-20rpx;
position: absolute;
display: flex;
align-items: center;
.wrap1_2_1{
margin-right: 8rpx;
color: #fff;
font-size: 24rpx;
}
}
.wrap1_1{
width: 568rpx;
height: 636rpx;
background-color: #fff;
border-radius: 20rpx;
padding-left: 34rpx;
padding-right: 34rpx;
box-sizing: border-box;
font-weight: 700;
.wrap1_1_2{
padding-top: 16rpx;
padding-bottom: 20rpx;
border-bottom: 1px solid #DBEDE7;
&:last-child{
border-bottom: none;
}
.wrap1_1_2_2{
margin-top: 16rpx;
color: #3C3C3C;
font-size: 24rpx;
padding-left: 20rpx;
}
.wrap1_1_2_1{
font-size: 24rpx;
color: #F7963B;
}
}
.wrap1_1_1{
border-bottom: 1px solid #F7963B;
display: flex;
justify-content: center;
align-items: center;
height: 86rpx;
color: #F7963B;
font-size: 32rpx;
}
}
}
}
.content2{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 112rpx 112rpx;
width: 100%;
.grid-cell {
display: flex;
justify-content: center;
align-items: center;
image{
width: 139.5rpx;
height: 32rpx;
}
&.red{
background-color: #BA2328;
}
&.black{
background-color: #000;
}
}
}
.content1{
position: relative;
background-image: url('https://cdns.fontree.cn/fonchain-main/prod/image/1833/avatar/9d17671f-ad03-4324-95fb-5de9a70cdb12.png');
flex-grow: 1;
background-repeat: no-repeat;
width: 750rpx;
background-size: cover;
.wrap1{
bottom: 102rpx;
left: 44rpx;
position: absolute;
image{
width: 218rpx;
height: 52rpx;
}
}
}
}
</style>

BIN
src/static/1231321312.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
src/static/jx1816@3x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

BIN
src/static/zj1066@3x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

BIN
src/static/zu1036@3x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 218 KiB

BIN
src/static/zu1041@3x (1).png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
src/static/zu1043@3x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
src/static/zu1063@3x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

BIN
src/static/zu1064@3x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.5 KiB

BIN
src/static/zu1065@3x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB

BIN
src/static/zu1067@3x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.2 KiB

BIN
src/static/zu1068@3x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.3 KiB

BIN
src/static/zu762@3x (1).png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.1 KiB

BIN
src/static/zx303@3x (1).png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 209 B

BIN
src/static/zy68.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB