add blacklist style

src/pages.json

@@ -683,6 +683,17 @@
 					}
 				}
 			]
+		},
+		{
+			"root": "subpackage/blacklist",
+			"pages": [
+				{
+					"path": "pages/abnormal_list/abnormal_list",
+					"style" : {
+						"navigationBarTitleText": "进场人数异常"
+					}
+				}
+			]
 		}
 	],
 	"globalStyle": {

src/pages/index/index.vue

@@ -137,6 +137,12 @@
 			path: '/pages/order_list/order_list?order_type=18',
 			serverKey: 1014  // 后端对应权限编号 1014
 		},
+		{
+			id: 10,
+			name: '进场人数异常',
+			path: '/subpackage/blacklist/pages/abnormal_list/abnormal_list',
+			serverKey: 1014  // 后端对应权限编号 1014
+		},
 	];
 	
 	const app = getApp();

src/store/index.js

@@ -42,6 +42,7 @@ export default new Vuex.Store({
             '1011': '商品零售',
 			'1013': '课程管理',
 			'1014': '储值卡管理',
+			'1015': '进场人数异常',
         },
         // 场地占用提交页面信息
         occupyInfo: {

src/subpackage/blacklist/js/api.js

@@ -0,0 +1,8 @@
+import { ORIGIN } from '../../../js/api';
+
+export const BLACKLIST_API = { 
+    stadiumList:`${ORIGIN}/admin/stadium/list`,  //  店铺列表
+
+}
+
+export default BLACKLIST_API;

src/subpackage/blacklist/js/server.js

@@ -0,0 +1,10 @@
+import { Server } from '../../../js/server';
+
+class BlacklistServer extends Server {
+    constructor(props){
+        super(props)
+    }
+}
+
+
+export default new BlacklistServer();

src/subpackage/blacklist/pages/abnormal_list/abnormal_list.vue

@@ -0,0 +1,184 @@
+<template>
+    <view class="abnormal-list">
+        <view class="al-stadium-change">
+            <view class="asc-name">当前门店</view>
+            <picker>
+                <view class="asc-frame">
+                    <view class="af-content">
+                        <view class="ac-txt">全部</view>
+                        <image class="ac-icon" mode="aspectFit" src="/subpackage/blacklist/static/images/arrow.png"></image>
+                    </view>
+                </view>
+            </picker>
+        </view>
+        <view class="al-date">
+            <picker>
+                <view class="ad-content">
+                    <view class="ac-txt">核销日期：2020-08-27</view>
+                    <image class="ac-icon" mode="aspectFit" src="/subpackage/blacklist/static/images/triangle.png"></image>
+                </view>
+            </picker>
+        </view>
+        <view class="al-list">
+            <view class="al-item" v-for="i in 5" :key="i">
+                <view class="al-title">欧轩智能羽毛球馆(永泰店)</view>
+                <view class="ai-line">
+                    <view class="ai-txt">订单编号：20195175645666</view>
+                    <view class="ai-tag">（租场）</view>
+                </view>
+                <view class="ai-line">
+                    <view class="ai-txt">用户信息：183165538（周大强）</view>
+                </view>
+                <view class="ai-line">
+                    <view class="ai-txt">核销码：200801108978</view>
+                </view>
+                <view class="ai-line">
+                    <view class="ai-txt">验证方式：扫码器验证(pad)</view>
+                </view>
+                <view class="ai-line">
+                    <view class="ai-txt">核销时间：2021-05-17   11:12:58</view>
+                </view>
+                <view class="ai-line">
+                    <view class="ai-txt">抓拍图片：</view>
+                    <view class="ai-img"></view>
+                </view>
+                <view :class="['ai-btn', i%2 ==0?'red':'']" @click="operateBtn">移出黑名单</view>
+            </view>
+
+        </view>
+    </view>
+</template>
+
+<script>
+import util from '../../../../utils/util';
+export default {
+    methods: {
+        operateBtn(){
+            util.showModal({
+                title: '提示',
+                content: '确定将该用户拉入黑名单吗？确定后用户将不能再进入小程序',
+                showCancel: true,
+            })
+        }
+    }
+}
+</script>
+
+<style scoped lang="scss">
+    @import "~style/public.scss";
+    .abnormal-list{
+
+    }
+    .al-stadium-change{
+        margin-bottom: 24upx;
+        padding: 26upx 24upx;
+        background-color: #fff;
+        @include centerFlex(space-between);
+        .asc-name{
+            margin-right: 20upx;
+            flex-shrink: 0;
+            font-size: 28upx;
+            color: #9C9C9F;
+        }
+        .asc-frame{
+            width: 570upx;
+            height: 92upx;
+            border-radius: 10upx;
+            background-color: #F2F2F7;
+            .af-content{
+                @include centerFlex(space-between);
+                height: 100%;
+                padding: 0 20upx;
+                .ac-txt{
+                    @include textHide(1);
+                    font-size: 28upx;
+                    color: #9c9c9f;
+                }
+                .ac-icon{
+                    flex-shrink: 0;
+                    width: 28upx;
+                    height: 28upx;
+                }
+            }
+        }
+    }
+    .al-date{
+        padding: 0 24upx;
+        .ad-content{
+            @include centerFlex(flex-start);
+            .ac-txt{
+                line-height: 44upx;
+                font-weight: 500;
+                font-size: 32upx;
+                color: #1a1a1a;
+            }
+            .ac-icon{
+                flex-grow: 0;
+                flex-shrink: 0;
+                margin-left: 16upx;
+                width: 22upx;
+                height: 22upx;
+            }
+        }
+    }
+    .al-list{
+        padding: 34upx 24upx;
+        .al-item{
+            padding: 4upx 20upx 48upx;
+            margin-bottom: 24upx;
+            border-radius: 10upx;
+            background-color: #fff;
+            .al-title{
+                margin-bottom: 10upx;
+                line-height: 96upx;
+                font-weight: 500;
+                font-size: 28upx;
+                color: #1A1A1A;
+                border-bottom: 2upx solid #d8d8d8;
+                @include textHide(1);
+            }
+            .ai-line{
+                display: flex;
+                .ai-txt{
+                    line-height: 52upx;
+                    font-size: 28upx;
+                    color: #9c9c9f;
+                    @include textHide(1);
+                }
+                .ai-tag{
+                    flex-shrink: 0;
+                    margin-left: 12upx;
+                    line-height: 52upx;
+                    font-size: 28upx;
+                    color: $themeColor;
+                }
+                
+                .ai-img{
+                    width: 240upx;
+                    height: 180upx;
+                    overflow: hidden;
+                    border-radius: 6upx;
+                    background-color: skyblue;
+                    >image{
+                        width: 100%;
+                        height: 100%;
+                    }
+                }
+            }
+            .ai-btn{
+                margin: 40upx auto 0;
+                width: 240upx;
+                line-height: 68upx;
+                text-align: center;
+                font-size: 28upx;
+                font-weight: 500;
+                border-radius: 10upx;
+                background-color: $themeColor;
+                color: #fff;
+                &.red{
+                    background-color: #EA5061;
+                }
+            }
+        }
+    }
+</style>