10 changed files with 391 additions and 1 deletions
-
11src/pages.json
-
8src/pages/index/index.vue
-
2src/pages/write_off/operate/operate.vue
-
BINsrc/static/images/icon/index/tab_10.png
-
1src/store/index.js
-
11src/subpackage/blacklist/js/api.js
-
10src/subpackage/blacklist/js/server.js
-
349src/subpackage/blacklist/pages/abnormal_list/abnormal_list.vue
-
BINsrc/subpackage/blacklist/static/images/arrow.png
-
BINsrc/subpackage/blacklist/static/images/triangle.png
|
After Width: 52 | Height: 52 | Size: 604 B |
@ -0,0 +1,11 @@ |
|||
import { ORIGIN } from '../../../js/api'; |
|||
|
|||
export const BLACKLIST_API = { |
|||
stadiumList:`${ORIGIN}/admin/stadium/list`, // 店铺列表
|
|||
identifyRecords:`${ORIGIN}/admin/stadium/identify/records`, // 疑似逃票的记录
|
|||
blacklistAdd:`${ORIGIN}/admin/user/blacklist/add`, // 黑名单添加-后台
|
|||
blacklistRemove:`${ORIGIN}/admin/user/blacklist/remove`, // 黑名单移除-后台
|
|||
|
|||
} |
|||
|
|||
export default BLACKLIST_API; |
|||
@ -0,0 +1,10 @@ |
|||
import { Server } from '../../../js/server'; |
|||
|
|||
class BlacklistServer extends Server { |
|||
constructor(props){ |
|||
super(props) |
|||
} |
|||
} |
|||
|
|||
|
|||
export default new BlacklistServer(); |
|||
@ -0,0 +1,349 @@ |
|||
<template> |
|||
<view class="abnormal-list"> |
|||
<view class="al-stadium-change"> |
|||
<view class="asc-name">当前门店</view> |
|||
<picker :range="stadiumLs" range-key="name" @change="stadiumChange"> |
|||
<view class="asc-frame"> |
|||
<view class="af-content"> |
|||
<view :class="[ 'ac-txt', selectStadium.name?'select':'' ]">{{ selectStadium.name || '全部' }}</view> |
|||
<image class="ac-icon" mode="aspectFit" src="/subpackage/blacklist/static/images/arrow.png"></image> |
|||
</view> |
|||
</view> |
|||
</picker> |
|||
</view> |
|||
<view class="al-date"> |
|||
<picker mode="date" @change="dateChange"> |
|||
<view class="ad-content"> |
|||
<view class="ac-txt">核销日期：{{ curDate || '' }}</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="(e, i) in blackLs" :key="i"> |
|||
<view class="al-title">{{ e.extension.stadium_name || '-' }}</view> |
|||
<view class="ai-line"> |
|||
<view class="ai-txt">订单编号：{{ e.order_no || '-' }}</view> |
|||
<view class="ai-tag">（{{ e.type || '-' }}）</view> |
|||
</view> |
|||
<view class="ai-line"> |
|||
<view class="ai-txt">用户信息：{{ e.extension.mobile || '-' }}（{{ e.extension.nickname || '-' }}）</view> |
|||
</view> |
|||
<view class="ai-line"> |
|||
<view class="ai-txt">核销码：{{ e.verify_code || '-' }}</view> |
|||
</view> |
|||
<view class="ai-line"> |
|||
<view class="ai-txt">验证方式：{{ e.verify_desc || '-' }}</view> |
|||
</view> |
|||
<view class="ai-line"> |
|||
<view class="ai-txt">核销时间：{{ e.verify_leave_time || '-' }}</view> |
|||
</view> |
|||
<view class="ai-line"> |
|||
<view class="ai-txt">抓拍图片：</view> |
|||
<view class="ai-img"> |
|||
<image |
|||
v-if="e.evidence_img" |
|||
@click="previewImg(e.evidence_img || '')" |
|||
mode="aspectFit" |
|||
:src="e.evidence_img || ''" |
|||
></image> |
|||
</view> |
|||
</view> |
|||
<view |
|||
v-if="e.in_black_list === 1 || e.in_black_list === 0" |
|||
:class="['ai-btn', e.in_black_list === 1?'red':'']" |
|||
@click="operateBtn(e, i)" |
|||
>{{e.in_black_list === 1?'移出黑名单':'加入黑名单'}}</view> |
|||
</view> |
|||
|
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import server from '../../js/server'; |
|||
import util from '../../../../utils/util'; |
|||
import { BLACKLIST_API } from '../../js/api'; |
|||
export default { |
|||
data(){ |
|||
return { |
|||
stadiumLs: [], |
|||
selectStadium: {}, |
|||
curDate: '', |
|||
blackLs: [], |
|||
page: 1 |
|||
} |
|||
}, |
|||
async onLoad(options){ |
|||
try{ |
|||
let _date = this.curDate = util.formatDate({}); |
|||
let _stadiumLs = await this.getStoreList({}); |
|||
this.getRecords({ |
|||
brand_id: options.brand_id, |
|||
verify_time: _date |
|||
}); |
|||
}catch(err){ |
|||
console.warn('get records ls err --->', err); |
|||
} |
|||
}, |
|||
onReachBottom(){ |
|||
let { selectStadium, curDate, page } = this; |
|||
this.getRecords({ |
|||
brand_id: selectStadium.brand_id, |
|||
stadium_id: selectStadium.id, |
|||
verify_time: curDate, |
|||
page: ++page |
|||
}) |
|||
}, |
|||
methods: { |
|||
previewImg(url){ |
|||
uni.previewImage({ urls: [url] }); |
|||
}, |
|||
getRecords({ |
|||
authority = 'wx', // 后台：随便字段写死 |
|||
brand_id = 63, |
|||
stadium_id = '', |
|||
page = 1, |
|||
page_size = 10, |
|||
verify_time = '' |
|||
}){ |
|||
util.showLoad(); |
|||
server.get({ |
|||
url: BLACKLIST_API.identifyRecords, |
|||
data: { |
|||
authority, brand_id, page, page_size, |
|||
stadium_id: stadium_id || '', verify_time |
|||
}, |
|||
failMsg: '加载列表失败！' |
|||
}) |
|||
.then(res => { |
|||
util.hideLoad(); |
|||
let _ls = res.list || []; |
|||
if(page ===1)return this.blackLs = _ls; |
|||
if(!_ls.length)return util.showNone('没有更多数据！'); |
|||
this.page = page; |
|||
this.blackLs = [ ...this.blackLs, ..._ls ]; |
|||
|
|||
}) |
|||
}, |
|||
dateChange(e){ |
|||
let { selectStadium } = this; |
|||
let _date = e.detail.value || '-' |
|||
this.curDate = _date; |
|||
this.page = 1; |
|||
this.blackLs = []; |
|||
this.getRecords({ |
|||
brand_id: selectStadium.brand_id, |
|||
stadium_id: selectStadium.id, |
|||
verify_time: _date, |
|||
}) |
|||
}, |
|||
stadiumChange(e){ |
|||
let { stadiumLs, curDate } = this; |
|||
let _curStadium = stadiumLs[e.detail.value] || {}; |
|||
this.selectStadium = _curStadium; |
|||
this.page = 1; |
|||
this.blackLs = []; |
|||
this.getRecords({ |
|||
brand_id: _curStadium.brand_id, |
|||
stadium_id: _curStadium.id, |
|||
verify_time: curDate, |
|||
}) |
|||
}, |
|||
operateBtn(e, idx){ |
|||
let _status = e.in_black_list || '' |
|||
let _qry = { |
|||
uid: e.user_id, |
|||
brand_id: e.brand_id, |
|||
idx: idx, |
|||
status: _status, |
|||
enter_black_list_cause: '人数异常加入' |
|||
} |
|||
if(_status == 0)return this.modalToDo({ qry: _qry, content: '确定将该用户拉入黑名单吗？确定后用户将不能再进入小程序' }); |
|||
|
|||
if(_status === 1)return this.modalToDo({ qry: _qry, content: '确定移出黑名单吗？' }); |
|||
|
|||
}, |
|||
modalToDo({ qry, content }){ |
|||
util.showModal({ |
|||
title: '提示', |
|||
content: content, |
|||
showCancel: true, |
|||
success: mRes => { |
|||
if(mRes.confirm)this.blackLsOpt(qry); |
|||
} |
|||
}) |
|||
}, |
|||
blackLsOpt: util.debounce(function({ uid, brand_id, idx, status, enter_black_list_cause}){ |
|||
let _url = ''; |
|||
if(status == 0)_url = BLACKLIST_API.blacklistAdd; |
|||
if(status == 1)_url = BLACKLIST_API.blacklistRemove; |
|||
util.showLoad(); |
|||
server.get({ |
|||
url: _url, |
|||
data: { |
|||
id: uid, |
|||
brand_id, |
|||
enter_black_list_cause |
|||
}, |
|||
isDefaultGet: false |
|||
}) |
|||
.then(res=>{ |
|||
util.hideLoad(); |
|||
if(res.data.code == 0){ |
|||
util.showNone('操作成功！'); |
|||
let _blackLs = this.blackLs || []; |
|||
_blackLs[idx].in_black_list = status == 0 ? 1 : 0; |
|||
this.blackLs = _blackLs; |
|||
setTimeout(_=>this.$forceUpdate(), 1200); |
|||
}else{ |
|||
util.showNone(res.data.message || '操作失败！稍后重试'); |
|||
} |
|||
}) |
|||
}, 300, true), |
|||
// 获取店铺列表 |
|||
getStoreList({ |
|||
page=1, |
|||
page_size=99999, |
|||
brand_id='', |
|||
}){ |
|||
return server.get({ |
|||
url: BLACKLIST_API.stadiumList, |
|||
data: { |
|||
page, |
|||
page_size, |
|||
brand_id, |
|||
}, |
|||
failMsg: '获取店铺列表失败！' |
|||
}) |
|||
.then(res=>{ |
|||
let _list = res.list || []; |
|||
_list.unshift({ name: '全部', id: '' }) |
|||
this.stadiumLs = _list; |
|||
return _list |
|||
}) |
|||
}, |
|||
} |
|||
} |
|||
</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; |
|||
&.select{ |
|||
color: #1A1A1A; |
|||
} |
|||
} |
|||
.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; |
|||
>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> |
|||
|
After Width: 28 | Height: 28 | Size: 230 B |
|
After Width: 22 | Height: 22 | Size: 227 B |
Write
Preview
Loading…
Cancel
Save
Reference in new issue