|
|
|
@@ -1,319 +1,470 @@ |
|
|
|
<template> |
|
|
|
<view class="box"> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 选择器 --> |
|
|
|
<view class="boxtittab"> |
|
|
|
<view class="tabbox" @click="taptimeisshow"> |
|
|
|
接待时间<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon> |
|
|
|
{{ timeText }} |
|
|
|
<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon> |
|
|
|
</view> |
|
|
|
<view class="tabbox" @click="selectshow = true"> |
|
|
|
{{ guwenText }} |
|
|
|
<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="tabbox" @click="tapsoltishow"> |
|
|
|
排序<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon> |
|
|
|
{{ steyStatus }} |
|
|
|
<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon> |
|
|
|
</view> |
|
|
|
<view class="tabbox" @click="selectshow = true"> |
|
|
|
顾问<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon> |
|
|
|
<view class="tabbox" @click="showIdent = true"> |
|
|
|
{{ weijinTag }} |
|
|
|
<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon> |
|
|
|
</view> |
|
|
|
|
|
|
|
</view> |
|
|
|
<view class="count" v-if="recordList.length > 0"> |
|
|
|
筛选结果：<text>{{totalRecords}} </text>条 |
|
|
|
筛选结果：<text>{{totalRecords}} </text>条 |
|
|
|
</view> |
|
|
|
<view class="content"> |
|
|
|
<view v-if="recordList.length==0" style="width: 100%;height: 100%;display: flex;align-items: center;background: #FFFFFF;"> |
|
|
|
<view v-if="recordList.length==0" |
|
|
|
style="width: 100%;height: 100%;display: flex;align-items: center;background: #FFFFFF;"> |
|
|
|
<view style="width: 100%;padding-top: 200rpx;"> |
|
|
|
<view style="width: 100%;text-align: center;"> |
|
|
|
<image style="width: 220rpx;height: 200rpx;" src="https://static.quhouse.com/zhikong_xcx_img/nodatalist.png" mode=""></image> |
|
|
|
<image style="width: 220rpx;height: 200rpx;" |
|
|
|
src="https://static.quhouse.com/zhikong_xcx_img/nodatalist.png" mode=""></image> |
|
|
|
</view> |
|
|
|
<view style="text-align: center;width: 100%;margin-top: 20rpx;color: #999999;">暂无数据</view> |
|
|
|
<view style="text-align: center;width: 100%;margin-top: 20rpx;color: #999999;">暂无数据</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view v-if="recordList.length!=0" class="content-tips" v-for="(item,index) in recordList" :key='index' @click="tapThevisiting(item)"> |
|
|
|
<view v-if="recordList.length!=0" class="content-tips" v-for="(item,index) in recordList" :key='index' |
|
|
|
@click="tapThevisiting(item, index)"> |
|
|
|
<view class="content-first"> |
|
|
|
<view class="left"> |
|
|
|
<!-- <view class="img">{{item.agentName.slice(0,1)}}</view> --> |
|
|
|
<view class="img">顾</view> |
|
|
|
<view class="name">{{item.agentName}}</view> |
|
|
|
<view class="status" v-if="item.replaceReception==1">代接待</view> |
|
|
|
</view> |
|
|
|
<view class="right"> |
|
|
|
<view class=""></view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="content-sec"> |
|
|
|
<view class="left"> |
|
|
|
<view class="cus">客户：{{item.name || '--'}} |</view> |
|
|
|
<view class="arriveNum">{{item.visitRecord || "--"}}次到访</view> |
|
|
|
<view class=""> |
|
|
|
{{ item.violatedStatus | ViolatedStatus }}|{{ item.disposeStatus | DisposeStatus }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="content-last"> |
|
|
|
{{item.createTime}} | {{item.mm || '0'}} min |
|
|
|
<view class="item"> |
|
|
|
<image src="@/static/images/img/time.png" mode=""></image> |
|
|
|
<text>{{item.createTime}}</text> |
|
|
|
</view> |
|
|
|
<view class="item"> |
|
|
|
<image src="@/static/images/img/voice.png" mode=""></image> |
|
|
|
<text>{{item.mm || '0'}}min</text> |
|
|
|
</view> |
|
|
|
<view class="item"> |
|
|
|
<image src="@/static/images/img/hit.png" mode=""></image> |
|
|
|
<text>{{item.violatedFrequency || '0'}}</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 选择顾问的选择框 --> |
|
|
|
<u-select v-model="selectshow" :list="freeList" @confirm="actionSelectCallback"></u-select> |
|
|
|
<u-calendar v-model="totalTimeShow" mode="range" @change="totalTimeChange"></u-calendar> |
|
|
|
<u-popup v-model="timeshow" mode="bottom"> |
|
|
|
<view class="timeview" :style="{ color: activeTotal == 5 ? '#2B6EFF' : '#333333' }" @click="tabtimetap(5)">全部</view> |
|
|
|
<view class="timeview" :style="{ color: activeTotal == 0 ? '#2B6EFF' : '#333333' }" @click="tabtimetap(0)">今天</view> |
|
|
|
<view class="timeview" :style="{ color: activeTotal == 1 ? '#2B6EFF' : '#333333' }" @click="tabtimetap(1)">昨天</view> |
|
|
|
<view class="timeview" :style="{ color: activeTotal == 2 ? '#2B6EFF' : '#333333' }" @click="tabtimetap(2)">近7天</view> |
|
|
|
<view class="timeview" :style="{ color: activeTotal == 3 ? '#2B6EFF' : '#333333' }" @click="tabtimetap(3)">近30天</view> |
|
|
|
<view class="timeview" :style="{ color: activeTotal == 4 ? '#2B6EFF' : '#333333' }" @click="tabtimetap(4)">自定义</view> |
|
|
|
<block v-for="(data, index) in activeList" :key="index"> |
|
|
|
<view class="timeview" :style="{ color: activeTotal == data.id ? '#2B6EFF' : '#333333' }" |
|
|
|
@click="tabtimetap(data.id, data.title)">{{ data.title }}</view> |
|
|
|
</block> |
|
|
|
</u-popup> |
|
|
|
<u-select v-model="soltishow" :list="orderBylist" @confirm="selectCallback2"></u-select> |
|
|
|
|
|
|
|
<u-select v-model="showIdent" :list="identList" @confirm="selectIdent"></u-select> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
export default{ |
|
|
|
data(){ |
|
|
|
return{ |
|
|
|
orderBylist:[ |
|
|
|
{label:'全部',value:'0'}, |
|
|
|
{label:'创建时间倒序',value:'1'}, |
|
|
|
{label:'创建时间正序',value:'2'}, |
|
|
|
{label:'接待时间倒序',value:'3'}, |
|
|
|
{label:'接待时间正序',value:'4'}, |
|
|
|
], |
|
|
|
export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
orderBylist: [{ |
|
|
|
label: '全部', |
|
|
|
value: null |
|
|
|
}, { |
|
|
|
label: '待处理', |
|
|
|
value: 0 |
|
|
|
}, { |
|
|
|
label: '已处理', |
|
|
|
value: 1 |
|
|
|
}], |
|
|
|
activeTotal: 5, |
|
|
|
selectshow:false, |
|
|
|
activeList: [ // 时间筛选数组 |
|
|
|
{ |
|
|
|
title: '全部', |
|
|
|
id: 5, |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '今天', |
|
|
|
id: 0, |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '昨天', |
|
|
|
id: 1, |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '近7天', |
|
|
|
id: 2, |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '近30天', |
|
|
|
id: 3, |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '自定义', |
|
|
|
id: 4, |
|
|
|
}, |
|
|
|
], |
|
|
|
showIdent: false, // 显示选择违禁标识列表 |
|
|
|
identList: [ // 违禁标识列表 |
|
|
|
{ |
|
|
|
label: '全部', |
|
|
|
value: null |
|
|
|
}, |
|
|
|
{ |
|
|
|
label: '有效', |
|
|
|
value: 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
label: '无效', |
|
|
|
value: 2 |
|
|
|
}, |
|
|
|
], |
|
|
|
violatedStatus: null, // 违禁状态 |
|
|
|
selectshow: false, |
|
|
|
totalTimeShow: false, |
|
|
|
screen:{ |
|
|
|
agentId:'',//顾问id |
|
|
|
record:'0', |
|
|
|
screen: { |
|
|
|
agentId: '', //顾问id |
|
|
|
record: '0', |
|
|
|
}, |
|
|
|
freeList:[],//顾问 |
|
|
|
recordList:[], |
|
|
|
buildingID:'', |
|
|
|
nextPage:1, |
|
|
|
totalRecord:"", |
|
|
|
staTime:'', |
|
|
|
endtime:'', |
|
|
|
isnorefresh:'', |
|
|
|
activeTotal2:0, |
|
|
|
timeshow:false, |
|
|
|
soltishow:false, |
|
|
|
orderBy:'', |
|
|
|
userInfo:{}, |
|
|
|
totalRecords:'', |
|
|
|
isRefresh:false |
|
|
|
freeList: [], //顾问 |
|
|
|
recordList: [], |
|
|
|
buildingID: '', |
|
|
|
nextPage: 1, |
|
|
|
totalRecord: "", |
|
|
|
staTime: '', |
|
|
|
endtime: '', |
|
|
|
isnorefresh: '', |
|
|
|
activeTotal2: 0, |
|
|
|
timeshow: false, |
|
|
|
soltishow: false, |
|
|
|
orderBy: null, |
|
|
|
userInfo: {}, |
|
|
|
totalRecords: '', // 列表全部的条数 |
|
|
|
isRefresh: false, |
|
|
|
nextPageObj: {}, // 跳转详情页面的参数 |
|
|
|
|
|
|
|
|
|
|
|
// 页面文字展示内容 |
|
|
|
timeText: '接待时间', // |
|
|
|
guwenText: '顾问', // |
|
|
|
steyStatus: '处理状态', // |
|
|
|
weijinTag: '违禁标识', // 违禁标识 |
|
|
|
|
|
|
|
} |
|
|
|
}, |
|
|
|
onLoad(options) { |
|
|
|
this.isnorefresh=options.refresh; |
|
|
|
if(options.activeTotal){ |
|
|
|
this.activeTotal=options.activeTotal |
|
|
|
this.isnorefresh = options.refresh; |
|
|
|
if (options.activeTotal) { |
|
|
|
this.activeTotal = options.activeTotal |
|
|
|
} |
|
|
|
if(options.staTime){ |
|
|
|
this.staTime=options.staTime; |
|
|
|
this.endtime=options.endtime; |
|
|
|
if (options.staTime) { |
|
|
|
this.staTime = options.staTime; |
|
|
|
this.endtime = options.endtime; |
|
|
|
} |
|
|
|
if (options.violatedStatus) this.violatedStatus = options.violatedStatus |
|
|
|
}, |
|
|
|
onShow() { |
|
|
|
this.userInfo = uni.getStorageSync('weapp_session_userInfo_data'); |
|
|
|
if(this.isnorefresh=='refresh'){ |
|
|
|
if (this.isnorefresh == 'refresh') { |
|
|
|
this.buildingID = uni.getStorageSync('buildingID').id; |
|
|
|
this.recordList=[]; |
|
|
|
this.nextPage=1; |
|
|
|
this.recordList = []; |
|
|
|
this.nextPage = 1; |
|
|
|
this.isRefresh = false; |
|
|
|
this.getMyCustom() |
|
|
|
this.getFreeList(); |
|
|
|
this.isnorefresh=''; |
|
|
|
} |
|
|
|
this.isnorefresh = ''; |
|
|
|
} |
|
|
|
var pages = getCurrentPages(); |
|
|
|
pages[0].$vm.path='/pages/index/index' |
|
|
|
pages[0].$vm.path = '/pages/index/index' |
|
|
|
console.log(pages[0].$vm.path) |
|
|
|
}, |
|
|
|
onPullDownRefresh(){ |
|
|
|
this.nextPage=1; |
|
|
|
onPullDownRefresh() { |
|
|
|
this.nextPage = 1; |
|
|
|
this.isRefresh = true; |
|
|
|
this.getMyCustom() |
|
|
|
setTimeout(function () { |
|
|
|
uni.stopPullDownRefresh(); |
|
|
|
this.resetRefreshParams() |
|
|
|
setTimeout(function() { |
|
|
|
uni.stopPullDownRefresh(); |
|
|
|
}, 1000); |
|
|
|
}, |
|
|
|
onReachBottom() { |
|
|
|
if(this.totalRecord==this.nextPage){ |
|
|
|
if (this.totalRecord == this.nextPage) { |
|
|
|
uni.showToast({ |
|
|
|
icon:'none', |
|
|
|
title: '到底了', |
|
|
|
duration: 2000 |
|
|
|
icon: 'none', |
|
|
|
title: '到底了', |
|
|
|
duration: 2000 |
|
|
|
}); |
|
|
|
return |
|
|
|
}else{ |
|
|
|
this.nextPage+=1; |
|
|
|
} else { |
|
|
|
this.nextPage += 1; |
|
|
|
this.isRefresh = false; |
|
|
|
this.getMyCustom(); |
|
|
|
} |
|
|
|
}, |
|
|
|
methods:{ |
|
|
|
tapsoltishow(){ |
|
|
|
this.soltishow=true; |
|
|
|
methods: { |
|
|
|
// 重置参数 |
|
|
|
resetRefreshParams() { |
|
|
|
this.timeText = '接待时间' |
|
|
|
this.activeTotal = 5 |
|
|
|
this.guwenText = '顾问' |
|
|
|
this.screen.agentId = '' // 顾问id |
|
|
|
this.steyStatus = '处理状态' |
|
|
|
this.orderBy = null |
|
|
|
this.weijinTag = '违禁标识' |
|
|
|
this.violatedStatus = null // 违禁状态 |
|
|
|
}, |
|
|
|
|
|
|
|
taptimeisshow(){ |
|
|
|
this.timeshow=true; |
|
|
|
|
|
|
|
tapsoltishow() { |
|
|
|
this.soltishow = true; |
|
|
|
}, |
|
|
|
|
|
|
|
taptimeisshow() { |
|
|
|
this.timeshow = true; |
|
|
|
}, |
|
|
|
|
|
|
|
//选择标签 |
|
|
|
selectCallback2(e){ |
|
|
|
this.orderBy=e[0].value; |
|
|
|
this.nextPage=1; |
|
|
|
this.recordList=[]; |
|
|
|
selectCallback2(e) { |
|
|
|
this.orderBy = e[0].value; |
|
|
|
this.steyStatus = e[0].label; |
|
|
|
this.nextPage = 1; |
|
|
|
this.recordList = []; |
|
|
|
this.isRefresh = false; |
|
|
|
this.getMyCustom(); |
|
|
|
}, |
|
|
|
|
|
|
|
// 选择违禁标识 |
|
|
|
selectIdent(e) { |
|
|
|
this.violatedStatus = e[0].value |
|
|
|
this.weijinTag = e[0].label |
|
|
|
this.nextPage = 1; |
|
|
|
this.recordList = []; |
|
|
|
this.isRefresh = false; |
|
|
|
this.getMyCustom(); |
|
|
|
}, |
|
|
|
|
|
|
|
//时间选择 |
|
|
|
tabtimetap(index){ |
|
|
|
this.timeshow=false; |
|
|
|
tabtimetap(index, title) { |
|
|
|
this.timeshow = false; |
|
|
|
if (index == 4) { |
|
|
|
this.totalTimeShow = true; |
|
|
|
} else { |
|
|
|
this.timeText = title |
|
|
|
this.activeTotal = index; |
|
|
|
this.staTime=''; |
|
|
|
this.endtime=''; |
|
|
|
this.nextPage=1; |
|
|
|
this.recordList=[]; |
|
|
|
this.staTime = ''; |
|
|
|
this.endtime = ''; |
|
|
|
this.nextPage = 1; |
|
|
|
this.recordList = []; |
|
|
|
this.isRefresh = false; |
|
|
|
this.getMyCustom(); |
|
|
|
} |
|
|
|
}, |
|
|
|
//自定义时间 |
|
|
|
totalTimeChange(e) { |
|
|
|
this.staTime=e.startDate; |
|
|
|
this.endtime=e.endDate; |
|
|
|
this.activeTotal=4; |
|
|
|
this.nextPage=1; |
|
|
|
this.recordList=[]; |
|
|
|
this.staTime = e.startDate; |
|
|
|
this.endtime = e.endDate; |
|
|
|
this.timeText = `${e.startDate}-${e.endDate}` |
|
|
|
this.activeTotal = 4; |
|
|
|
this.nextPage = 1; |
|
|
|
this.recordList = []; |
|
|
|
this.isRefresh = false; |
|
|
|
this.getMyCustom(); |
|
|
|
}, |
|
|
|
tapThevisiting(item) { |
|
|
|
if(item.status==0){ |
|
|
|
|
|
|
|
// 跳转违禁详情 |
|
|
|
tapThevisiting(item, index) { |
|
|
|
if (item.status == 0) { |
|
|
|
uni.showToast({ |
|
|
|
icon: "none", |
|
|
|
title: "排队中" |
|
|
|
}) |
|
|
|
return |
|
|
|
}else{ |
|
|
|
} else { |
|
|
|
const parames = { |
|
|
|
pageNum: 1, |
|
|
|
pageSize: 100, |
|
|
|
query: { |
|
|
|
customerId: item.id, |
|
|
|
} |
|
|
|
} |
|
|
|
this.$u.post("/customer/prohibitedMatch", {customerId:item.id}).then(res => { |
|
|
|
let newweijin=res[0]; |
|
|
|
newweijin.transferContent=JSON.parse(newweijin.transferContent) |
|
|
|
var item={ |
|
|
|
bg:newweijin.transferContent.bg, |
|
|
|
customerId:newweijin.corpusId, |
|
|
|
} |
|
|
|
this.$u.post("/customer/prohibitedMatch", { |
|
|
|
customerId: item.id |
|
|
|
}).then(res => { |
|
|
|
let newweijin = res[0]; |
|
|
|
newweijin.transferContent = JSON.parse(newweijin.transferContent) |
|
|
|
var item = { |
|
|
|
bg: newweijin.transferContent.bg, |
|
|
|
customerId: newweijin.corpusId, |
|
|
|
} |
|
|
|
uni.setStorageSync("searchobj", item); //写入缓存 |
|
|
|
this.$u.post("/corpus/findByPage", parames).then(res => { |
|
|
|
if(res==null){ |
|
|
|
if (res == null) { |
|
|
|
uni.showToast({ |
|
|
|
icon: "none", |
|
|
|
title: "暂无音频" |
|
|
|
}) |
|
|
|
return |
|
|
|
}else{ |
|
|
|
} else { |
|
|
|
let newobj = res[0]; |
|
|
|
if(res[0].merge==0){ |
|
|
|
uni.navigateTo({ |
|
|
|
url: `/pages/mine/details2?customerId=${newobj.customerId}&status=${newobj.status}&stateisshow=${"2"}` |
|
|
|
}) |
|
|
|
}else{ |
|
|
|
uni.navigateTo({ |
|
|
|
url: `/pages/mine/details?customerId=${newobj.customerId}&status=${newobj.status}&stateisshow=${"2"}` |
|
|
|
}) |
|
|
|
|
|
|
|
let obj = { |
|
|
|
pageSize: index+1, |
|
|
|
num: this.totalRecords, |
|
|
|
query: { |
|
|
|
...this.nextPageObj |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
uni.setStorageSync('nextPageObj', JSON.stringify(obj)) |
|
|
|
uni.navigateTo({ |
|
|
|
url: `/pages/center/prohibited/details?customerId=${newobj.customerId}&status=${newobj.status}&stateisshow=${"2"}&index=${index}&isMerge=${res[0].merge}` |
|
|
|
}) |
|
|
|
|
|
|
|
// if (res[0].merge == 0) { |
|
|
|
// } |
|
|
|
// else { |
|
|
|
// uni.navigateTo({ |
|
|
|
// url: `/pages/mine/details?customerId=${newobj.customerId}&status=${newobj.status}&stateisshow=${"2"}` |
|
|
|
// }) |
|
|
|
// } |
|
|
|
} |
|
|
|
}) |
|
|
|
}) |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
getMyCustom(){ |
|
|
|
let dateType=0; |
|
|
|
let orderBy=0; |
|
|
|
if(this.activeTotal==5){ |
|
|
|
dateType=null; |
|
|
|
}else if(this.activeTotal==4){ |
|
|
|
dateType=null; |
|
|
|
}else{ |
|
|
|
dateType=this.activeTotal; |
|
|
|
} |
|
|
|
|
|
|
|
if(this.orderBy==0){ |
|
|
|
orderBy=null; |
|
|
|
}else{ |
|
|
|
orderBy=this.orderBy; |
|
|
|
|
|
|
|
// 获取围巾列表 |
|
|
|
getMyCustom() { |
|
|
|
let dateType = 0; |
|
|
|
if (this.activeTotal == 5) { |
|
|
|
dateType = null; |
|
|
|
} else if (this.activeTotal == 4) { |
|
|
|
dateType = null; |
|
|
|
} else { |
|
|
|
dateType = this.activeTotal; |
|
|
|
} |
|
|
|
|
|
|
|
var parames = { |
|
|
|
pageNum: this.nextPage, |
|
|
|
pageSize: 10, |
|
|
|
query: { |
|
|
|
projectId:this.buildingID, |
|
|
|
time:1, |
|
|
|
staTime:this.staTime, |
|
|
|
endtime:this.endtime, |
|
|
|
taboo:1, |
|
|
|
dateType:dateType, |
|
|
|
orderBy:orderBy |
|
|
|
projectId: this.buildingID, |
|
|
|
time: 1, |
|
|
|
staTime: this.staTime, |
|
|
|
endtime: this.endtime, |
|
|
|
taboo: 1, |
|
|
|
dateType: dateType, |
|
|
|
disposeStatus: this.orderBy, // 处理状态 |
|
|
|
violatedStatus: this.violatedStatus, // 违禁状态 |
|
|
|
} |
|
|
|
}; |
|
|
|
if(this.screen.agentId){ |
|
|
|
if (this.screen.agentId) { |
|
|
|
parames.query.agentId = this.screen.agentId |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
this.$u.post("/customer/findbypage", parames).then(data => { |
|
|
|
var list = data.results || []; |
|
|
|
if(this.isRefresh){ |
|
|
|
if (this.isRefresh) { |
|
|
|
this.recordList = list; |
|
|
|
}else{ |
|
|
|
} else { |
|
|
|
this.recordList = [...this.recordList, ...list]; |
|
|
|
} |
|
|
|
this.totalRecord=data.totalPage; |
|
|
|
this.totalRecord = data.totalPage; |
|
|
|
this.totalRecords = data.totalRecord; |
|
|
|
this.nextPageObj = parames.query |
|
|
|
}) |
|
|
|
}, |
|
|
|
//获取顾问列表 |
|
|
|
getFreeList() { |
|
|
|
this.$u.post("/cusLvStatistics/selectAllAccountIdByHouseId", { houseId: this.buildingID }).then(res => { |
|
|
|
this.freeList = res; |
|
|
|
this.freeList.forEach(item => { |
|
|
|
item.label=item.name; |
|
|
|
item.value=item.accountId |
|
|
|
this.$u.post("/cusLvStatistics/selectAllAccountIdByHouseId", { |
|
|
|
houseId: this.buildingID |
|
|
|
}).then(res => { |
|
|
|
this.freeList = res; |
|
|
|
this.freeList.forEach(item => { |
|
|
|
item.label = item.name; |
|
|
|
item.value = item.accountId |
|
|
|
}) |
|
|
|
this.freeList.unshift({ |
|
|
|
label: '全部', |
|
|
|
value: null, |
|
|
|
}) |
|
|
|
}) |
|
|
|
}) |
|
|
|
}, |
|
|
|
//顾问确认 |
|
|
|
actionSelectCallback(e){ |
|
|
|
this.screen.agentId=e[0].value; |
|
|
|
this.recordList=[]; |
|
|
|
this.nextPage=1; |
|
|
|
this.selectshow=false; |
|
|
|
actionSelectCallback(e) { |
|
|
|
this.screen.agentId = e[0].value; |
|
|
|
this.guwenText = e[0].label; |
|
|
|
this.recordList = []; |
|
|
|
this.nextPage = 1; |
|
|
|
this.selectshow = false; |
|
|
|
this.isRefresh = false; |
|
|
|
this.getMyCustom(); |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
filters: { |
|
|
|
// violatedStatus |
|
|
|
ViolatedStatus(status) { |
|
|
|
let str = ''; |
|
|
|
switch (status) { |
|
|
|
case 0: |
|
|
|
str = '待处理' |
|
|
|
break; |
|
|
|
case 1: |
|
|
|
str = '有效违禁' |
|
|
|
break; |
|
|
|
case 2: |
|
|
|
str = '无效违禁' |
|
|
|
break; |
|
|
|
} |
|
|
|
return str |
|
|
|
}, |
|
|
|
|
|
|
|
// DisposeStatus |
|
|
|
DisposeStatus(status) { |
|
|
|
let str = ''; |
|
|
|
switch (status) { |
|
|
|
case 0: |
|
|
|
str = '待处理' |
|
|
|
break; |
|
|
|
case 1: |
|
|
|
str = '已处理' |
|
|
|
break; |
|
|
|
} |
|
|
|
return str |
|
|
|
}, |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
.box { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
width: 100vw; |
|
|
|
min-height: calc(100vh - var(--window-top)); |
|
|
|
background: #F8F8F8; |
|
|
|
} |
|
|
|
|
|
|
|
.count { |
|
|
|
width: 100%; |
|
|
|
height: 90rpx; |
|
|
|
@@ -321,27 +472,32 @@ |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
background-color: #FBE4E4; |
|
|
|
|
|
|
|
|
|
|
|
text { |
|
|
|
color: #F71616; |
|
|
|
} |
|
|
|
} |
|
|
|
.timeview{ |
|
|
|
|
|
|
|
.timeview { |
|
|
|
height: 80rpx; |
|
|
|
line-height: 80rpx; |
|
|
|
width: 100%; |
|
|
|
text-align: center; |
|
|
|
border-bottom: 1px solid #F8F8F8; |
|
|
|
} |
|
|
|
|
|
|
|
//时间切换的样式 |
|
|
|
.boxtittab { |
|
|
|
position: sticky; |
|
|
|
top: var(--window-top); |
|
|
|
z-index: 100; |
|
|
|
width: 100; |
|
|
|
height: 92rpx; |
|
|
|
background: #FFFFFF; |
|
|
|
border: 1px solid #E0E0E0; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
|
|
|
|
|
|
|
|
.tabbox { |
|
|
|
flex: 1; |
|
|
|
height: 100%; |
|
|
|
@@ -349,63 +505,82 @@ |
|
|
|
line-height: 92rpx; |
|
|
|
color: #666666; |
|
|
|
font-size: 28rpx; |
|
|
|
overflow: hidden; |
|
|
|
/* 超出一行文字自动隐藏 */ |
|
|
|
text-overflow: ellipsis; |
|
|
|
/*文字隐藏后添加省略号*/ |
|
|
|
white-space: nowrap; |
|
|
|
/*强制不换行*/ |
|
|
|
} |
|
|
|
} |
|
|
|
.search-box{ |
|
|
|
|
|
|
|
.search-box { |
|
|
|
width: 100%; |
|
|
|
height: 102rpx; |
|
|
|
background: #FFFFFF; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
.search{ |
|
|
|
|
|
|
|
.search { |
|
|
|
width: 94%; |
|
|
|
height: 70rpx; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
background: #F8F8F8; |
|
|
|
border-radius: 33rpx; |
|
|
|
.search-img{ |
|
|
|
|
|
|
|
.search-img { |
|
|
|
width: 26rpx; |
|
|
|
height: 30rpx; |
|
|
|
margin-left: 20rpx; |
|
|
|
.search-img1{ |
|
|
|
|
|
|
|
.search-img1 { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
margin-top: 2rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.search-text{ |
|
|
|
|
|
|
|
.search-text { |
|
|
|
font-size: 28rpx; |
|
|
|
font-weight: 400; |
|
|
|
color: #999999; |
|
|
|
margin-left:10rpx; |
|
|
|
margin-left: 10rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
.search-screen{ |
|
|
|
|
|
|
|
.search-screen { |
|
|
|
width: 40rpx; |
|
|
|
height: 40rpx; |
|
|
|
margin-left: 30rpx; |
|
|
|
.search-screen1{ |
|
|
|
|
|
|
|
.search-screen1 { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.content{ |
|
|
|
.content-tips{ |
|
|
|
|
|
|
|
.content { |
|
|
|
.content-tips { |
|
|
|
margin: 0 0 20rpx 0; |
|
|
|
background: #fff; |
|
|
|
padding: 0 20rpx; |
|
|
|
box-sizing: border-box; |
|
|
|
overflow: hidden; |
|
|
|
margin-top: 20rpx; |
|
|
|
.content-first{ |
|
|
|
margin-top: 19rpx; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
|
|
|
|
.content-first { |
|
|
|
padding: 20rpx 30rpx; |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
.left{ |
|
|
|
background-color: #EEF4FD; |
|
|
|
|
|
|
|
.left { |
|
|
|
display: flex; |
|
|
|
.img{ |
|
|
|
|
|
|
|
.img { |
|
|
|
margin-right: 10rpx; |
|
|
|
width: 52rpx; |
|
|
|
height: 52rpx; |
|
|
|
background: #FFFFFF; |
|
|
|
@@ -414,13 +589,15 @@ |
|
|
|
text-align: center; |
|
|
|
line-height: 52rpx; |
|
|
|
} |
|
|
|
.name{ |
|
|
|
|
|
|
|
.name { |
|
|
|
font-weight: 600; |
|
|
|
color: #333333; |
|
|
|
// margin-left: 20rpx; |
|
|
|
margin-top: 11rpx; |
|
|
|
} |
|
|
|
.status{ |
|
|
|
|
|
|
|
.status { |
|
|
|
width: 110rpx; |
|
|
|
height: 42rpx; |
|
|
|
background: #FFF9F5; |
|
|
|
@@ -434,117 +611,113 @@ |
|
|
|
margin-top: 11rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
.right{ |
|
|
|
|
|
|
|
.right { |
|
|
|
display: flex; |
|
|
|
margin-top: 11rpx; |
|
|
|
.point{ |
|
|
|
|
|
|
|
.point { |
|
|
|
width: 12rpx; |
|
|
|
height: 12rpx; |
|
|
|
background: #2B6EFF; |
|
|
|
border-radius: 50%; |
|
|
|
margin-right: 9rpx; |
|
|
|
margin-top: 16rpx; |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.content-sec{ |
|
|
|
|
|
|
|
|
|
|
|
.content-last { |
|
|
|
padding: 24rpx 30rpx; |
|
|
|
font-size: 30rpx; |
|
|
|
font-weight: 400; |
|
|
|
color: #666666; |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
margin-top: 19rpx; |
|
|
|
.left{ |
|
|
|
|
|
|
|
.item { |
|
|
|
flex-shrink: 0; |
|
|
|
display: flex; |
|
|
|
.cus{ |
|
|
|
font-size: 30rpx; |
|
|
|
font-weight: 400; |
|
|
|
color: #666666; |
|
|
|
// line-height: 30rpx; |
|
|
|
align-items: center; |
|
|
|
|
|
|
|
image { |
|
|
|
margin-right: 10rpx; |
|
|
|
width: 32rpx; |
|
|
|
height: 32rpx; |
|
|
|
} |
|
|
|
.arriveNum{ |
|
|
|
font-size: 30rpx; |
|
|
|
font-weight: 400; |
|
|
|
// line-height: 30rpx; |
|
|
|
margin-left: 10rpx; |
|
|
|
|
|
|
|
text { |
|
|
|
font-size: 28rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
.right{ |
|
|
|
width: 120rpx; |
|
|
|
height: 46rpx; |
|
|
|
background: #F4F8FD; |
|
|
|
border-radius: 6rpx; |
|
|
|
text-align: center; |
|
|
|
line-height: 46rpx; |
|
|
|
font-weight: 400; |
|
|
|
color: #2671E2; |
|
|
|
} |
|
|
|
} |
|
|
|
.content-last{ |
|
|
|
// margin: 30rpx 0; |
|
|
|
font-size: 30rpx; |
|
|
|
font-weight: 400; |
|
|
|
color: #666666; |
|
|
|
line-height: 30rpx; |
|
|
|
margin-top: 22rpx; |
|
|
|
margin-bottom: 30rpx; |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
// 这是弹出层 |
|
|
|
.screen{ |
|
|
|
.screen { |
|
|
|
// box-sizing: border-box; |
|
|
|
// padding: 0 30rpx; |
|
|
|
position:absolute; |
|
|
|
.screen-counselor{ |
|
|
|
position: absolute; |
|
|
|
|
|
|
|
.screen-counselor { |
|
|
|
display: flex; |
|
|
|
height: 106rpx; |
|
|
|
// padding: 40rpx 30rpx 36rpx 30rpx; |
|
|
|
padding: 0 30rpx; |
|
|
|
box-sizing: border-box; |
|
|
|
border-bottom: 1px solid #EEEEEE; |
|
|
|
.screen-text{ |
|
|
|
|
|
|
|
.screen-text { |
|
|
|
margin: 40rpx 0 36rpx 0; |
|
|
|
font-size: 30rpx; |
|
|
|
font-weight: 400; |
|
|
|
color: #333333; |
|
|
|
line-height: 30rpx; |
|
|
|
} |
|
|
|
.screen-sel{ |
|
|
|
|
|
|
|
.screen-sel { |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
width: 500rpx; |
|
|
|
margin-left: 60rpx; |
|
|
|
.screen-sel-img{ |
|
|
|
|
|
|
|
.screen-sel-img { |
|
|
|
margin: 40rpx 0 36rpx 0; |
|
|
|
width: 14rpx; |
|
|
|
height: 30rpx; |
|
|
|
} |
|
|
|
.screen-inp{ |
|
|
|
|
|
|
|
.screen-inp { |
|
|
|
margin-top: 20rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.screen-record{ |
|
|
|
|
|
|
|
.screen-record { |
|
|
|
height: 192rpx; |
|
|
|
// width: 100%; |
|
|
|
overflow: hidden; |
|
|
|
padding: 0 30rpx; |
|
|
|
box-sizing: border-box; |
|
|
|
border-bottom: 1px solid #EEEEEE; |
|
|
|
.screen-record-text{ |
|
|
|
|
|
|
|
.screen-record-text { |
|
|
|
margin-top: 36rpx; |
|
|
|
font-size: 30rpx; |
|
|
|
font-weight: 400; |
|
|
|
color: #333333; |
|
|
|
line-height: 30rpx; |
|
|
|
} |
|
|
|
.screen-record-tab{ |
|
|
|
|
|
|
|
.screen-record-tab { |
|
|
|
margin-top: 30rpx; |
|
|
|
display: flex; |
|
|
|
|
|
|
|
// justify-content: space-around; |
|
|
|
.screen-record-chose{ |
|
|
|
.screen-record-chose { |
|
|
|
width: 156rpx; |
|
|
|
height: 60rpx; |
|
|
|
background: #2671E2; |
|
|
|
@@ -555,7 +728,8 @@ |
|
|
|
margin-right: 22rpx; |
|
|
|
color: #FFFFFF; |
|
|
|
} |
|
|
|
.screen-record-nochose{ |
|
|
|
|
|
|
|
.screen-record-nochose { |
|
|
|
width: 156rpx; |
|
|
|
height: 60rpx; |
|
|
|
background: #FFFFFF; |
|
|
|
@@ -565,14 +739,16 @@ |
|
|
|
line-height: 60rpx; |
|
|
|
margin-right: 22rpx; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
.screen-foot{ |
|
|
|
|
|
|
|
.screen-foot { |
|
|
|
width: 100%; |
|
|
|
height: 100rpx; |
|
|
|
display: flex; |
|
|
|
.screen-foot-reset{ |
|
|
|
|
|
|
|
.screen-foot-reset { |
|
|
|
width: 50%; |
|
|
|
text-align: center; |
|
|
|
height: 100rpx; |
|
|
|
@@ -581,7 +757,8 @@ |
|
|
|
font-weight: 400; |
|
|
|
color: #666666; |
|
|
|
} |
|
|
|
.screen-foot-sure{ |
|
|
|
|
|
|
|
.screen-foot-sure { |
|
|
|
width: 50%; |
|
|
|
text-align: center; |
|
|
|
line-height: 100rpx; |
|
|
|
|
