add site

src/pages.json

@@ -1,6 +1,11 @@
 {
 	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
-		
+		{
+			"path": "pages/site/occupy_share/occupy_share",
+			"style": {
+				"navigationBarTitleText": "分享"
+			}
+		},
 		{
 			"path": "pages/index/index",
 			"style": {
@@ -11,6 +16,7 @@
 			"style": {
 			}
 		},
+		
 		{
 			"path": "pages/site/occupy_success/occupy_success",
 			"style": {

src/pages/site/confirm/confirm.vue

@@ -74,7 +74,6 @@ export default {
         confirmOccupy: util.debounce(function(){
             let { storeInfo, dateInfo, venueList, typeInfo } = this.occupyInfo;
             let { ocPrice, ocReaon } = this;
-            console.log(ocPrice, ocReaon);
             
             servers.post({
                 url: API.venue.venueTakeUp,
@@ -98,13 +97,14 @@ export default {
                 if(res.data.code == 0){
                     
                     util.showNone(res.data.message || '操作成功！');
-                    setTimeout(_=>{
-                        util.routeTo();
-                        util.previousPageFunction({ // 刷新占用列表
-                            fnName: 'refreshList',
-                            query: null
-                        })
-                    }, 1200)
+                    util.routeTo(`/pages/site/occupy_success/occupy_success`, 'rT');
+                    // setTimeout(_=>{
+                    //     util.routeTo();
+                    //     util.previousPageFunction({ // 刷新占用列表
+                    //         fnName: 'refreshList',
+                    //         query: null
+                    //     })
+                    // }, 1200)
                 }else{
                     util.showNone(res.data.message || '操作失败！');
                 }

src/pages/site/occupy_share/occupy_share.vue

@@ -0,0 +1,111 @@
+<template>
+    <view class="occupy-share">
+        <view class="os-address">
+            <view class="oa-name"> 
+                <image></image>
+                <view>欧轩智能场馆(羽毛球馆永泰店)</view>
+            </view>
+            <view class="oa-info">
+                <view>地址：</view>
+                <view>广州市白云区永平街道学山塘街世联空间D2座5楼</view>
+            </view>
+        </view>
+        <view class="os-section">
+            <view class="os-des">
+                <view>①<text>截图</text>该页面后，发此图给朋友 </view>
+                <view>② 朋友<text>长按此图</text>识别下面的二维码<text>关注公众号</text> </view>
+                <view>③ 接收微信消息，<text>领取入场码</text></view>
+                <view>④ 领取成功后<text>仅限本人使用</text></view>
+            </view>
+            <image class="os-code-img"></image>
+            <view class="os-tip">注：此码非入场码</view>
+        </view>
+    </view>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style lang="scss">
+    @import '~style/public.scss';
+    page{
+        background-color: $themeColor;
+    }
+    .occupy-share{
+        padding-top: 32upx;
+        padding-left: 24upx;
+        padding-right: 24upx;
+
+    }
+    .os-address{
+        margin-bottom: 36upx;
+        .oa-name{
+            margin-bottom: 20upx;
+            @include centerFlex(flex-start);
+            >image{
+                flex-shrink: 0;
+                margin-right: 10upx;
+                width: 34upx;
+                height: 34upx;
+                background-color: skyblue;
+            }
+            >view{
+                line-height: 40upx;
+                font-size: 28upx;
+                color: #fff;
+                @include textHide(1);
+            }
+        }
+        .oa-info{
+            display: flex;
+            align-items: baseline;
+            >view{
+                line-height: 40upx;
+                font-size: 28upx;
+                color: #fff;
+                &:first-child{
+                    flex-shrink: 0;
+                }
+                &+view{
+                    flex-grow: 1;
+                    word-break: break-all;
+                }
+            }
+        }
+    }
+    .os-section{
+        padding: 30upx 60upx 0;
+        height: 640upx;
+        overflow: hidden;
+        border-radius: 10upx;
+        background-color: #fff;
+        display: flex;
+        align-items: center;
+        justify-content: flex-start;
+        flex-direction: column;
+        .os-des{
+            margin-bottom: 16upx;
+            >view{
+                line-height: 52upx;
+                font-size: 28upx;
+                color: #333;
+                >text{
+                    color: $themeColor;
+                }
+            }
+        }
+        .os-code-img{
+            margin-bottom: 12upx;
+            width: 300upx;
+            height: 300upx;
+            background-color: skyblue;
+        }
+    }
+    .os-tip{
+        font-size: 24upx;
+        color: #9A9A9D;
+    }
+</style>

src/pages/site/occupy_success/occupy_success.vue

@@ -5,15 +5,25 @@
         <view class="os-num">验证码：12235 51234</view>
         <view class="os-btn">
             <view>分享给朋友</view>
-            <image></image>
+            <image mode="aspectFit" src="/static/images/icon/share_arrow_cff.png"></image>
         </view>
-        <view class="os-black">返回</view>
+        <view class="os-black" @click="backBtn">返回</view>
     </view>
 </template>
 
 <script>
+import util from '../../../utils/util';
 export default {
-
+    methods: {
+        backBtn(){
+            util.routeTo();
+            util.previousPageFunction({ // 刷新占用列表
+                fnName: 'refreshList',
+                query: null
+            })
+        }
+    }
+    
 }
 </script>
 
@@ -58,7 +68,6 @@ export default {
                 margin-left: 20upx;
                 width: 34upx;
                 height: 36upx;
-                background-color: skyblue;
             }
         }
         .os-black{