add md240529 verification style

src/pages.json

@@ -854,6 +854,17 @@
 					}
 				}
 			]
+		},
+		{
+			"root": "subpackage/verification",
+			"pages": [
+				{
+					"path": "pages/site_people/index",
+					"style" : {
+						"navigationBarTitleText": "现场人数" 
+					}
+				}
+			]
 		}
 	],
 	"globalStyle": {

src/subpackage/verification/pages/site_people/index.vue

@@ -0,0 +1,26 @@
+<template>
+    <view class="site-people">
+        <stadium-select></stadium-select>
+        <methods-bar></methods-bar>
+        <auto-clean></auto-clean>
+    </view>
+</template>
+
+<script>
+import stadium_select from "./modules/stadium_select.vue";
+import auto_clean from "./modules/auto_clean.vue";
+import methods_bar from "./modules/methods_bar.vue";
+export default {
+    components: {
+        'stadium-select': stadium_select,
+        'auto-clean': auto_clean,
+        'methods-bar': methods_bar
+    }
+}
+</script>
+
+<style lang="scss">
+    page{
+        background: #fff;
+    }
+</style>

src/subpackage/verification/pages/site_people/modules/auto_clean.vue

@@ -0,0 +1,43 @@
+<template>
+    <view class="auto-clean">
+        <view class="ac-line">
+            <view class="al-txt">凌晨自动清零</view>
+            <switch class="al-switch"></switch>
+        </view>
+        <view class="ac-desc">
+            *不开启凌晨自动清零，则现场灯光按<text class="ad-txt">【现场散客人数】</text>去判断是否开启或关闭；<text class="ad-txt">修改人数会直接影响现场灯光开关!</text>
+        </view>
+        <view class="ac-desc">
+            *开启凌晨自动清零，则现场灯光按<text class="ad-txt">【散客订单未离场数量】</text>去判断是否开启或关闭，<text class="ad-txt">修改人数不会影响现场灯光开关！但如有散客订单一直未扫码离场，可能会无法关灯，需要将未离场的散客订单设置为已离场后才可关闭灯光!</text>
+        </view>
+    </view>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style lang="scss">
+    .auto-clean{
+        padding: 30upx;
+        .ac-line{
+            @include ctf;
+            .al-txt{
+                @include flcw(32upx, 44upx, #1A1A1A, 500);
+            }
+            .al-switch{
+                margin-left: 26upx;
+                transform: scale(.7);
+            }
+        }
+        .ac-desc{
+            margin-top: 24upx;
+            @include flcw(24upx, 48upx, #9C9C9F);
+            .ad-txt{
+                color: $mColor;
+            }
+        }
+    }
+</style>

src/subpackage/verification/pages/site_people/modules/methods_bar.vue

@@ -0,0 +1,47 @@
+<template>
+    <view class="methods-bar">
+        <view class="mb-top">
+            <view class="mt-method">现场人数统计方式：按门店</view>
+            <view class="mt-date">{{ date || '' }}</view>
+        </view>
+        <view class="mb-tip">统计方式如需修改请前往后台“散客开关灯规则”处修改</view>
+    </view>
+</template>
+
+<script>
+export default {
+    data(){
+        return {
+            date: ''
+        }
+    },
+    mounted(){
+        this.$nextTick(() => {
+            this.date = new Date().toLocaleDateString()
+        })
+    },
+    methods: {
+
+    }
+}
+</script>
+
+<style lang="scss">
+    .methods-bar{
+        padding: 0 24upx;
+        .mb-top{
+            @include ctf(space-between);
+            .mt-method{
+                @include flcw(28upx, 40upx, #1A1A1A);
+            }
+            .mt-date{
+                flex-shrink: 0;
+                @include flcw(28upx, 40upx, #1A1A1A);
+            }
+        }
+        .mb-tip{
+            @include flcw(20upx, 28upx, #9C9C9F);
+        }
+    }
+
+</style>

src/subpackage/verification/pages/site_people/modules/stadium_select.vue

@@ -0,0 +1,41 @@
+<template>
+    <view class="stadium-select">
+        <picker>
+            <view class="ss-frame">
+                <input class="sf-ipt" placeholder="请选择店铺" :value="curStadium.name" disabled />
+                <image class="sf-img" mode="aspectFit" src="../../../static/images/arrow_c33.png"></image>
+            </view>
+        </picker>
+    </view>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style lang="scss">
+    .stadium-select {
+        height: 144upx;
+        @include ctf(center);
+        .ss-frame{
+            padding: 0 20upx;
+            width: 702upx;
+            height: 92upx;
+            border-radius: 10upx;
+            background-color: #F2F2F7;
+            @include ctf(space-between);
+            .sf-ipt{
+                flex-grow: 1;
+                @include flcw(28upx, 40upx, #1A1A1A);
+            }
+            .sf-img{
+                flex-shrink: 0;
+                margin-left: 20upx;
+                width: 28upx;
+                height: 28upx;
+            }
+        }
+    }
+</style>