15 changed files with 767 additions and 218 deletions
Unified View
Diff Options
-
+7 -7api/api.js
-
+15 -1pages.json
-
+0 -39pages/index/area.vue
-
+78 -0pages/index/article - 副本.vue
-
+119 -29pages/index/article.vue
-
+0 -36pages/index/back.vue
-
+97 -35pages/index/cancelArticle.vue
-
+82 -0pages/index/end.vue
-
+3 -1pages/index/home.vue
-
+64 -15pages/index/preAppoint.vue
-
+144 -0pages/index/title.vue
-
+98 -54pages_order/info/appoint.vue
-
+4 -0store/store.js
-
+53 -0utils/authorize.js
-
+3 -1utils/index.js
+ 7
- 7
api/api.js
View File
+ 15
- 1
pages.json
View File
+ 0
- 39
pages/index/area.vue
View File
| @ -1,39 +0,0 @@ | |||||
| <template> | |||||
| <view class="home"> | |||||
| <view class="content"> | |||||
| <span class="font-bold mb-60">请选择您所在的区域</span> | |||||
| <view class="flex-col query" style="gap: 0rpx;"> | |||||
| <view class="btn2" @click="next"> | |||||
| 确定 | |||||
| </view> | |||||
| <text class="second-color">欢快无限饮 饮酒有限度</text> | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| </template> | |||||
| <script> | |||||
| export default { | |||||
| data() { | |||||
| return { | |||||
| } | |||||
| }, | |||||
| methods: { | |||||
| next(){ | |||||
| uni.navigateTo({ | |||||
| url:'/pages/index/checkAge' | |||||
| }) | |||||
| } | |||||
| } | |||||
| } | |||||
| </script> | |||||
| <style lang="scss" scoped> | |||||
| .query{ | |||||
| position: absolute; | |||||
| bottom: -25vh; | |||||
| } | |||||
| </style> | |||||
+ 78
- 0
pages/index/article - 副本.vue
View File
| @ -0,0 +1,78 @@ | |||||
| <template> | |||||
| <view class="home"> | |||||
| <image src="/static/image/bg/1.png" | |||||
| class="page-bg" | |||||
| mode="aspectFill"></image> | |||||
| <view class="content_now"> | |||||
| <view class="article"> | |||||
| <uv-parse :content="articleList[index].details"></uv-parse> | |||||
| </view> | |||||
| </view> | |||||
| <view class="an"> | |||||
| <view class="btn2" | |||||
| @click="next"> | |||||
| 下一页 | |||||
| </view> | |||||
| <text class="second-color">{{ configList.bg_title }}</text> | |||||
| </view> | |||||
| </view> | |||||
| </template> | |||||
| <script> | |||||
| import { mapState } from 'vuex' | |||||
| export default { | |||||
| computed : { | |||||
| ...mapState(['articleList', 'configList']), | |||||
| }, | |||||
| data() { | |||||
| return { | |||||
| index : 0, | |||||
| } | |||||
| }, | |||||
| methods: { | |||||
| next(){ | |||||
| if(this.index == this.articleList.length - 1){ | |||||
| this.$store.commit('getQueryMyLog') | |||||
| // uni.navigateTo({ | |||||
| // url: '/pages/index/home' | |||||
| // }) | |||||
| }else{ | |||||
| this.index++ | |||||
| } | |||||
| }, | |||||
| } | |||||
| } | |||||
| </script> | |||||
| <style lang="scss" scoped> | |||||
| .article{ | |||||
| width: 600rpx; | |||||
| font-size: 28rpx; | |||||
| line-height: 50rpx; | |||||
| } | |||||
| .an{ | |||||
| position: fixed; | |||||
| bottom: 330rpx; | |||||
| text-align: center; | |||||
| display: flex; | |||||
| flex-direction: column; | |||||
| align-items: center; | |||||
| width: 100%; | |||||
| } | |||||
| .second-color{ | |||||
| margin-top: 20rpx; | |||||
| } | |||||
| .btn2 { | |||||
| border: 4rpx solid $uni-color; | |||||
| display: flex; | |||||
| align-items: center; | |||||
| justify-content: center; | |||||
| padding: 16rpx 200rpx; | |||||
| color: $uni-color; | |||||
| border-radius: 10rpx; | |||||
| } | |||||
| </style> | |||||
+ 119
- 29
pages/index/article.vue
View File
+ 0
- 36
pages/index/back.vue
View File
| @ -1,36 +0,0 @@ | |||||
| <template> | |||||
| <view> | |||||
| <greetCmponents title="" :textList="textList" :path="back" :btn="btn"/> | |||||
| </view> | |||||
| </template> | |||||
| <script> | |||||
| import greetCmponents from "../../components/home/greetComponents.vue" | |||||
| export default { | |||||
| data() { | |||||
| return { | |||||
| textList:[ | |||||
| '很抱歉，您的所在区域暂时', | |||||
| '无法提供上门威士忌品鉴服务。', | |||||
| '但我们仍为您准备了其他专属体', | |||||
| '验敬请期待。' | |||||
| ], | |||||
| back:'/pages/index/appointment', | |||||
| btn:[ | |||||
| '返回' | |||||
| ] | |||||
| } | |||||
| }, | |||||
| components:{ | |||||
| greetCmponents | |||||
| }, | |||||
| methods: { | |||||
| } | |||||
| } | |||||
| </script> | |||||
| <style> | |||||
| </style> | |||||
+ 97
- 35
pages/index/cancelArticle.vue
View File
| @ -1,76 +1,138 @@ | |||||
| <template> | <template> | ||||
| <view class="home"> | |||||
| <view class="page"> | |||||
| <image src="/static/image/bg/1.png" | |||||
| <image :src="configList.img_13" | |||||
| class="page-bg" | class="page-bg" | ||||
| mode="aspectFill"></image> | mode="aspectFill"></image> | ||||
| <view class="content_now"> | |||||
| <view class="article"> | |||||
| <uv-parse :content="configList[key]"></uv-parse> | |||||
| <image :src="configList.img_7" | |||||
| class="logo" | |||||
| mode="widthFix"></image> | |||||
| <view class="service"> | |||||
| <image :src="configList[mapKey[key].icon]" | |||||
| class="img_2" | |||||
| mode="widthFix"></image> | |||||
| <view class="title"> | |||||
| {{ mapKey[key].title }} | |||||
| </view> | |||||
| <view class="stext"> | |||||
| {{ mapKey[key].stext }} | |||||
| </view> | </view> | ||||
| </view> | </view> | ||||
| <view class="an" | |||||
| > | |||||
| <view class="btn2" | |||||
| @click="next"> | |||||
| <view class="btn-list"> | |||||
| <view class="next-btn-2" | |||||
| v-if="mapKey[key].next" | |||||
| @click="next(mapKey[key])"> | |||||
| 点击预约 | |||||
| </view> | |||||
| <view class="next-btn" | |||||
| v-if="mapKey[key].rep" | |||||
| @click="rep(mapKey[key])"> | |||||
| 返回 | 返回 | ||||
| </view> | </view> | ||||
| <text class="second-color">{{ configList.bg_title }}</text> | |||||
| </view> | </view> | ||||
| </view> | </view> | ||||
| </template> | </template> | ||||
| <script> | <script> | ||||
| import { mapState } from 'vuex' | |||||
| export default { | export default { | ||||
| computed : { | |||||
| ...mapState(['articleList', 'configList']), | |||||
| }, | |||||
| data() { | data() { | ||||
| return { | return { | ||||
| key : 'cancel_value' | |||||
| mapKey : { | |||||
| success_text : { | |||||
| rep : '/pages/index/end', | |||||
| icon : 'img_3', | |||||
| title : '提交成功', | |||||
| stext : '提交成功! 后台正在为您匹配合适的品鉴资源, 我们会在匹配结束后 发送微信推送及电话联系您确认!', | |||||
| }, | |||||
| reservationSuccessful : { | |||||
| rep : true, | |||||
| icon : 'img_3', | |||||
| title : '预约成功', | |||||
| stext : '提交成功! 后台正在为您匹配合适的品鉴资源, 我们会在匹配结束后 发送微信推送及电话联系您确认!', | |||||
| }, | |||||
| }, | |||||
| key : '', | |||||
| } | } | ||||
| }, | }, | ||||
| onLoad(args) { | |||||
| this.key = args.key || 'cancel_value' | |||||
| onLoad({key}) { | |||||
| this.key = key | |||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| next(){ | |||||
| rep(map){ | |||||
| uni.reLaunch({ | uni.reLaunch({ | ||||
| url: '/pages/index/index' | |||||
| url: map.rep | |||||
| }) | |||||
| }, | |||||
| next(map){ | |||||
| uni.navigateTo({ | |||||
| url: '/pages_order/info/appoint' | |||||
| }) | }) | ||||
| }, | }, | ||||
| } | } | ||||
| } | } | ||||
| </script> | </script> | ||||
| <style lang="scss" scoped> | |||||
| .article{ | |||||
| <style scoped lang="scss"> | |||||
| .page{ | |||||
| .logo{ | |||||
| width: 600rpx; | width: 600rpx; | ||||
| font-size: 28rpx; | |||||
| line-height: 50rpx; | |||||
| margin: 150rpx 75rpx; | |||||
| } | } | ||||
| .an{ | |||||
| position: fixed; | |||||
| bottom: 330rpx; | |||||
| text-align: center; | |||||
| .service{ | |||||
| display: flex; | display: flex; | ||||
| flex-direction: column; | flex-direction: column; | ||||
| align-items: center; | align-items: center; | ||||
| .img_2{ | |||||
| margin: 0 auto; | |||||
| width: 100rpx; | |||||
| } | |||||
| .title{ | |||||
| font-weight: 900; | |||||
| margin: 30rpx 0; | |||||
| } | |||||
| .stext{ | |||||
| width: 600rpx; | |||||
| margin-bottom: 150rpx; | |||||
| line-height: 50rpx; | |||||
| font-size: 26rpx; | |||||
| color: #777; | |||||
| } | |||||
| } | |||||
| .btn-list{ | |||||
| display: flex; | |||||
| flex-direction: column; | |||||
| gap: 40rpx; | |||||
| width: 100%; | width: 100%; | ||||
| justify-content: center; | |||||
| align-items: center; | |||||
| } | } | ||||
| .second-color{ | |||||
| margin-top: 20rpx; | |||||
| .next-btn{ | |||||
| width: 400rpx; | |||||
| display: flex; | |||||
| align-items: center; | |||||
| justify-content: center; | |||||
| color: white; | |||||
| padding: 22rpx 90rpx; | |||||
| background-color: $uni-color; | |||||
| border-radius: 40rpx; | |||||
| } | } | ||||
| .btn2 { | |||||
| border: 4rpx solid $uni-color; | |||||
| .next-btn-2{ | |||||
| width: 400rpx; | |||||
| display: flex; | display: flex; | ||||
| align-items: center; | align-items: center; | ||||
| justify-content: center; | justify-content: center; | ||||
| padding: 16rpx 200rpx; | |||||
| color: $uni-color; | |||||
| border-radius: 10rpx; | |||||
| color: white; | |||||
| padding: 22rpx 90rpx; | |||||
| background-color: $uni-color-primary; | |||||
| border-radius: 40rpx; | |||||
| } | } | ||||
| </style> | |||||
| } | |||||
| </style> | |||||
+ 82
- 0
pages/index/end.vue
View File
| @ -0,0 +1,82 @@ | |||||
| <template> | |||||
| <view class="page"> | |||||
| <image :src="configList.img_1" | |||||
| class="page-bg" | |||||
| mode="aspectFill"></image> | |||||
| <image :src="configList.img_6" | |||||
| class="logo" | |||||
| mode="widthFix"></image> | |||||
| <view class="service"> | |||||
| <view class="top4"> | |||||
| 专属品鉴之旅告一段落 | |||||
| </view> | |||||
| <view class="title"> | |||||
| Genius Journey Club | |||||
| </view> | |||||
| <view class="stext"> | |||||
| 期待与您的 | |||||
| <br /> | |||||
| 再次见面 | |||||
| <br /> | |||||
| ... | |||||
| </view> | |||||
| </view> | |||||
| <image :src="configList.img_7" | |||||
| class="logo" | |||||
| style="margin: 75rpx;" | |||||
| mode="widthFix"></image> | |||||
| </view> | |||||
| </template> | |||||
| <script> | |||||
| export default { | |||||
| data() { | |||||
| return { | |||||
| } | |||||
| }, | |||||
| onLoad() { | |||||
| }, | |||||
| methods: { | |||||
| } | |||||
| } | |||||
| </script> | |||||
| <style scoped lang="scss"> | |||||
| .page{ | |||||
| .logo{ | |||||
| width: 600rpx; | |||||
| margin: 150rpx 75rpx; | |||||
| } | |||||
| .service{ | |||||
| display: flex; | |||||
| flex-direction: column; | |||||
| align-items: center; | |||||
| text-align: center; | |||||
| color: #6A3F1F; | |||||
| .img_2{ | |||||
| margin: 0 auto; | |||||
| width: 100rpx; | |||||
| } | |||||
| .title{ | |||||
| font-weight: 900; | |||||
| margin: 30rpx 0; | |||||
| } | |||||
| .stext{ | |||||
| width: 600rpx; | |||||
| margin-bottom: 150rpx; | |||||
| line-height: 50rpx; | |||||
| font-size: 26rpx; | |||||
| color: #777; | |||||
| } | |||||
| } | |||||
| } | |||||
| </style> | |||||
+ 3
- 1
pages/index/home.vue
View File
+ 64
- 15
pages/index/preAppoint.vue
View File
+ 144
- 0
pages/index/title.vue
View File
| @ -0,0 +1,144 @@ | |||||
| <template> | |||||
| <view class="page"> | |||||
| <image :src="configList.img_13" | |||||
| class="page-bg" | |||||
| mode="aspectFill"></image> | |||||
| <image :src="configList.img_7" | |||||
| class="logo" | |||||
| mode="widthFix"></image> | |||||
| <!-- next1 --> | |||||
| <view class="content"> | |||||
| <image :src="titleBy.image" | |||||
| class="content-bg" | |||||
| mode="widthFix"></image> | |||||
| </view> | |||||
| <view class="btn-list"> | |||||
| <view class="next-btn-2" | |||||
| @click="save"> | |||||
| 保存 | |||||
| </view> | |||||
| <view class="next-btn" | |||||
| @click="next"> | |||||
| 下一页 | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| </template> | |||||
| <script> | |||||
| import { mapState } from 'vuex' | |||||
| export default { | |||||
| data() { | |||||
| return { | |||||
| index : 0, | |||||
| } | |||||
| }, | |||||
| computed : { | |||||
| ...mapState(['titleBy', 'configList']), | |||||
| }, | |||||
| onLoad() { | |||||
| console.log(this.$store.state.titleBy.image); | |||||
| }, | |||||
| onShow() { | |||||
| }, | |||||
| methods: { | |||||
| next(){ | |||||
| uni.navigateTo({ | |||||
| url: '/pages/index/article' | |||||
| }) | |||||
| }, | |||||
| async save(){ | |||||
| await this.$authorize('scope.writePhotosAlbum') | |||||
| uni.getImageInfo({ | |||||
| src: this.titleBy.image, | |||||
| success: function(image) { | |||||
| /* 保存图片到手机相册 */ | |||||
| uni.saveImageToPhotosAlbum({ | |||||
| filePath: image.path, | |||||
| success: function() { | |||||
| uni.showModal({ | |||||
| title: '保存成功', | |||||
| content: '图片已成功保存到相册', | |||||
| showCancel: false | |||||
| }); | |||||
| }, | |||||
| complete(res) { | |||||
| console.log(res); | |||||
| } | |||||
| }); | |||||
| } | |||||
| }); | |||||
| }, | |||||
| } | |||||
| } | |||||
| </script> | |||||
| <style lang="scss" scoped> | |||||
| .page{ | |||||
| .logo{ | |||||
| width: 600rpx; | |||||
| margin: 150rpx 75rpx; | |||||
| } | |||||
| .content{ | |||||
| position: relative; | |||||
| display: flex; | |||||
| flex-direction: column; | |||||
| align-items: center; | |||||
| justify-content: center; | |||||
| box-sizing: border-box; | |||||
| padding: 0 60rpx; | |||||
| text-align: center; | |||||
| width: 600rpx; | |||||
| margin: 0 auto; | |||||
| margin-bottom: 50rpx; | |||||
| z-index: 999; | |||||
| .content-bg{ | |||||
| width: 100%; | |||||
| top: 0; | |||||
| left: 0; | |||||
| } | |||||
| } | |||||
| } | |||||
| .btn-list{ | |||||
| display: flex; | |||||
| flex-direction: column; | |||||
| gap: 40rpx; | |||||
| width: 100%; | |||||
| justify-content: center; | |||||
| align-items: center; | |||||
| } | |||||
| .next-btn{ | |||||
| width: 400rpx; | |||||
| display: flex; | |||||
| align-items: center; | |||||
| justify-content: center; | |||||
| color: white; | |||||
| padding: 16rpx 90rpx; | |||||
| background-color: $uni-color; | |||||
| border-radius: 30rpx; | |||||
| } | |||||
| .next-btn-2{ | |||||
| width: 400rpx; | |||||
| display: flex; | |||||
| align-items: center; | |||||
| justify-content: center; | |||||
| color: white; | |||||
| padding: 16rpx 90rpx; | |||||
| background-color: $uni-color-primary; | |||||
| border-radius: 30rpx; | |||||
| } | |||||
| .second-color{ | |||||
| margin-top: 20rpx; | |||||
| } | |||||
| </style> | |||||
+ 98
- 54
pages_order/info/appoint.vue
View File
+ 4
- 0
store/store.js
View File
+ 53
- 0
utils/authorize.js
View File
| @ -0,0 +1,53 @@ | |||||
| function authorize(scope){ | |||||
| return new Promise((success, error) => { | |||||
| uni.authorize({ | |||||
| /* scope.writePhotosAlbum 类型是保存到相册 */ | |||||
| scope, | |||||
| success, | |||||
| complete(res) { | |||||
| /* 判断如果没有授权就打开设置选项让用户重新授权 */ | |||||
| uni.getSetting({ | |||||
| success(res) { | |||||
| if (!res.authSetting[scope]) { | |||||
| setting() | |||||
| } | |||||
| } | |||||
| }); | |||||
| } | |||||
| }); | |||||
| function setting(){ | |||||
| uni.showModal({ | |||||
| title: '当前操作未授权，请授权！', | |||||
| content: '拒绝授权将影响本小程序部分功能的使用', | |||||
| confirmText: '授权', | |||||
| success(e) { | |||||
| if(!e.confirm){ | |||||
| return error() | |||||
| } | |||||
| uni.openSetting({ | |||||
| success(res) { | |||||
| if (!res.authSetting[scope]) { | |||||
| uni.showToast({ | |||||
| title: '授权失败', | |||||
| icon: 'none', | |||||
| }) | |||||
| return error() | |||||
| } | |||||
| success() | |||||
| } | |||||
| }); | |||||
| } | |||||
| }) | |||||
| } | |||||
| }) | |||||
| } | |||||
| export default authorize | |||||