|
|
|
@ -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> |
