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

submit

Browse Source
xingyy
xingyy 10 months ago
parent 1f1d3ddc0d
commit f110ee0e9f
24 changed files with 8763 additions and 1853 deletions
Show Stats Download Patch File Download Diff File

1
.hbuilderx/launch.json
Unescape Escape View File

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

9912
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

43
package.json
Unescape Escape View File

@ -33,32 +33,39 @@
"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",
"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"
}
}

3
src/App.vue
Unescape Escape View File

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

6
src/components/self-tabbar/index.vue
Unescape Escape 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
Unescape Escape 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)
*/

19
src/pages.json
Unescape Escape View File

@ -16,12 +16,23 @@
}
},
{
"path": "pages/fankui/index",
"path": "pages/setup/index",
"style": {
"navigationBarTitleText": "",
"navigationStyle": "custom",
"titlePenetrate": "YES",
"transparentTitle": "always"
"enablePullDownRefresh": false,
"app-plus": {
"titleNView": false // 禁用原生导航
}
}
},
{
"path": "pages/view-venues/index",
"style": {
"navigationBarTitleText": "",
"enablePullDownRefresh": false,
"app-plus": {
"titleNView": false // 禁用原生导航
}
}
}
],

221
src/pages/mine/index.vue
Unescape Escape View File

@ -13,31 +13,238 @@
<div class="wrap1_2_2">178273938123</div>
</div>
</div>
<div class="wrap2">
<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');
background-size: 100%;
height: 100vh;
padding: 38rpx 32rpx 0 32rpx;
.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_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;

174
src/pages/setup/index.vue
Unescape Escape 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
Unescape Escape 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
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 218 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.5 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.2 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.3 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.1 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 209 B

BIN
src/static/zy68.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

Write Preview
Loading…
Cancel
Save