15 changed files with 767 additions and 218 deletions
Split 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> | |||
| <view class="home"> | |||
| <view class="page"> | |||
| <image src="/static/image/bg/1.png" | |||
| <image :src="configList.img_13" | |||
| class="page-bg" | |||
| 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 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> | |||
| <text class="second-color">{{ configList.bg_title }}</text> | |||
| </view> | |||
| </view> | |||
| </template> | |||
| <script> | |||
| import { mapState } from 'vuex' | |||
| export default { | |||
| computed : { | |||
| ...mapState(['articleList', 'configList']), | |||
| }, | |||
| data() { | |||
| 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: { | |||
| next(){ | |||
| rep(map){ | |||
| uni.reLaunch({ | |||
| url: '/pages/index/index' | |||
| url: map.rep | |||
| }) | |||
| }, | |||
| next(map){ | |||
| uni.navigateTo({ | |||
| url: '/pages_order/info/appoint' | |||
| }) | |||
| }, | |||
| } | |||
| } | |||
| </script> | |||
| <style lang="scss" scoped> | |||
| .article{ | |||
| <style scoped lang="scss"> | |||
| .page{ | |||
| .logo{ | |||
| width: 600rpx; | |||
| font-size: 28rpx; | |||
| line-height: 50rpx; | |||
| margin: 150rpx 75rpx; | |||
| } | |||
| .an{ | |||
| position: fixed; | |||
| bottom: 330rpx; | |||
| text-align: center; | |||
| .service{ | |||
| display: flex; | |||
| flex-direction: column; | |||
| 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%; | |||
| 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; | |||
| align-items: 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 | |||