|
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514 |
- <template>
- <view class="box">
- <view class="top-search">
- <view class="search-box">
- <view class="search" @click="goSearch">
- <view class="search-img">
- <image class="search-img1" src="../../../static/images/search.png" mode=""></image>
- </view>
- <view class="search-text">输入客户姓名/手机号</view>
- </view>
- </view>
- <image class="filter-icon" @click="screenShow = true"
- src="https://static.quhouse.com/f4feade4a19d413085b591612179457f.png" mode="" />
- </view>
- <!-- 选择器 -->
- <view class="boxtittab">
- <view class="tabbox" :class="{activeColor: sortFilter!=='排序'}" @click="soltishow = true">
- {{ sortFilter }}
- <u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
- </view>
- <view class="tabbox" :class="{activeColor: arriveFilter!=='接待时间'}" @click="timeshow = true">
- {{ arriveFilter }}
- <u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
- </view>
- <view class="tabbox" :class="{activeColor: agentIdtext!=='接待顾问'}" @click="selectshow=true">
- {{ agentIdtext }}
- <u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
- </view>
- <view class="tabbox" @click="huaxiangShow = true">
- 画像标签<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>条
- </view>
-
- <view class="content">
- <view v-if="recordList.length==0" style="width: 100%;height: 100%;display: flex;align-items: center;">
- <view style="width: 100%;height: 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>
- </view>
- <view style="text-align: center;width: 100%;margin-top: 20rpx;color: #999999;">暂无数据</view>
- </view>
- </view>
- <view v-if="recordList.length" class="content-tips" v-for="(item,index) in recordList" :key='index'
- @click="gotoDetail(item.id)">
- <view class="content-first">
- <view class="left">
- <view class="test">{{item.name}}</view>
- <template v-if="item.level > 0">
- <view class="img" :class="colorName[item.level]">{{ item.level | levelText }}</view>
- </template>
- <view v-if="item.clientStageName" class="clientStageName">{{ item.clientStageName }}</view>
- </view>
- <view class="right">
- <image class="right-img" src="../../../static/images/arrow-right.png" mode=""></image>
- </view>
- </view>
-
- <view class="content-sec">
- <view class="content-sec-lab">
- 客户手机:<view class="content-sec-lab1">{{item.phone | phoneText}}</view>
- </view>
-
- <view class="content-sec-lab">
- 负责顾问:<view class="content-sec-lab1">{{item.agentName || ''}}</view>
- </view>
-
- <view class="content-sec-lab" style="line-height: 46rpx;">
- 客户意向:
- <text v-if="item.demand.cusSemanticWordsList==null">暂无</text>
- <template v-else>
- <block v-for="(che,ind) in item.demand.cusSemanticWordsList" :key='ind'>
- <view class="content-sec-tips" v-if="ind<=3">{{che.name}}</view>
- </block>
- </template>
- </view>
- <view class="content-sec-lab">
- <view class="u-flex" style="flex:1">
- 挖掘执行:<view class="content-sec-lab1">10%</view>
- </view>
- <view class="u-flex" style="flex:1">
- 挖掘成功:<view class="content-sec-lab1">10%</view>
- </view>
- </view>
- <view class="content-sec-lab">
- 添加时间:<view class="content-sec-lab1">{{item.createTime | formatTime}}</view>
- </view>
- <view class="content-sec-num">
- <view>到访{{item.visitRecord || '--'}}次</view>
- <view>
- {{item.mm || '0'}}min/{{item.fraction || '0'}}%
- </view>
- </view>
- </view>
- <template v-if="permissions.commonly2">
- <view class="content-last">
- <!-- <view class="content-last-tab">
- <image src="/static/images/genjin-icon.png" mode="" />添加提醒</view>
- <view class="content-last-tab">
- <image src="/static/images/genjin-icon.png" mode="" />
- 打电话</view> -->
- <view class="content-last-tab" @click.stop="gotoFollowUp(item)">
- <image src="/static/images/genjin-icon.png" mode="" />
- 写跟进
- </view>
- </view>
- </template>
-
- </view>
- </view>
- <!-- 更多筛选 -->
- <u-popup v-model="screenShow" mode="top" height="900">
- <view class="screen">
- <scroll-view scroll-y="true" style="height: 750rpx;">
- <!-- 销讲业务 -->
- <view class="screen-record">
- <view class="screen-record-text" @click="showTemplate=!showTemplate">
- 销讲业务
- <image v-if="showTemplate" class="arrow"
- src="https://static.quhouse.com/6cf38a2b82694392a7ab6eea24ce76b1.png" mode="" />
- <image v-else class="arrow"
- src="https://static.quhouse.com/17d69984ec7c4830b43f712016f06807.png" mode="" />
- </view>
- <view class="screen-record-tab" v-if="showTemplate">
- <block v-for="(item,index) in templateList" :key="index">
- <view class="screen-record-item"
- :class="[item.isShow?'screen-record-chose':'screen-record-nochose']"
- @click="choice(item)">
- {{item.templateName}}
- </view>
- </block>
- </view>
- </view>
- <!-- 接待时长 -->
- <view class="screen-record">
- <view class="screen-record-text" @click="jiedaiArrow = !jiedaiArrow">
- 接待时长
- <image v-if="jiedaiArrow" class="arrow"
- src="https://static.quhouse.com/6cf38a2b82694392a7ab6eea24ce76b1.png" mode="" />
- <image v-else class="arrow"
- src="https://static.quhouse.com/17d69984ec7c4830b43f712016f06807.png" mode="" />
- </view>
- <view class="screen-record-tab" v-if="jiedaiArrow">
- <block v-for="(item, index) in jiedaiList" :key="index">
- <view class="screen-record-item" :class="[
- item.isShow ? 'screen-record-chose' : 'screen-record-nochose',
- ]" @click="choice(item)">
- {{ item.label }}
- </view>
- </block>
- </view>
- </view>
- <!-- 客户等级 -->
- <view class="screen-record">
- <view class="screen-record-text" @click="levelArrow = !levelArrow">
- 意向等级
- <image v-if="levelArrow" class="arrow"
- src="https://static.quhouse.com/6cf38a2b82694392a7ab6eea24ce76b1.png" mode="" />
- <image v-else class="arrow"
- src="https://static.quhouse.com/17d69984ec7c4830b43f712016f06807.png" mode="" />
- </view>
- <view class="screen-record-tab" v-if="levelArrow">
- <block v-for="(item, index) in levelList" :key="index">
- <view class="screen-record-item" :class="[
- item.isShow ? 'screen-record-chose' : 'screen-record-nochose',
- ]" @click="choice(item)">
- {{ item.label }}
- </view>
- </block>
- </view>
- </view>
- <!-- 客户来源 -->
- <view class="screen-record">
- <view class="screen-record-text" @click="sourceArrow = !sourceArrow">
- 客户来源
- <image v-if="sourceArrow" class="arrow"
- src="https://static.quhouse.com/6cf38a2b82694392a7ab6eea24ce76b1.png" mode="" />
- <image v-else class="arrow"
- src="https://static.quhouse.com/17d69984ec7c4830b43f712016f06807.png" mode="" />
- </view>
- <view class="screen-record-tab" v-if="sourceArrow">
- <block v-for="(item, index) in sourceList" :key="index">
- <view class="screen-record-item" :class="[
- item.isShow ? 'screen-record-chose' : 'screen-record-nochose',
- ]" @click="choice(item)">
- {{ item.label }}
- </view>
- </block>
- </view>
- </view>
- <!-- 客户阶段 -->
- <view class="screen-record">
- <view class="screen-record-text" @click="jieduanArrow = !jieduanArrow">
- 客户阶段
- <image v-if="jieduanArrow" class="arrow"
- src="https://static.quhouse.com/6cf38a2b82694392a7ab6eea24ce76b1.png" mode="" />
- <image v-else class="arrow"
- src="https://static.quhouse.com/17d69984ec7c4830b43f712016f06807.png" mode="" />
- </view>
- <view class="screen-record-tab" v-if="jieduanArrow">
- <block v-for="(item, index) in phaseList" :key="index">
- <view class="screen-record-item" :class="[
- item.isShow ? 'screen-record-chose' : 'screen-record-nochose',
- ]" @click="choice(item)">
- {{ item.label }}
- </view>
- </block>
- </view>
- </view>
- <!-- 需求挖掘率 -->
- <view class="screen-record">
- <view class="screen-record-text" @click="wajueArrow = !wajueArrow">
- 需求挖掘率
- <image v-if="wajueArrow" class="arrow"
- src="https://static.quhouse.com/6cf38a2b82694392a7ab6eea24ce76b1.png" mode="" />
- <image v-else class="arrow"
- src="https://static.quhouse.com/17d69984ec7c4830b43f712016f06807.png" mode="" />
- </view>
- <view class="screen-record-tab" v-if="wajueArrow">
- <block v-for="(item, index) in wajueList" :key="index">
- <view class="screen-record-item" :class="[
- item.isShow ? 'screen-record-chose' : 'screen-record-nochose',
- ]" @click="choice(item)">
- {{ item.label }}
- </view>
- </block>
- </view>
- </view>
- <!-- 销讲执行率 -->
- <view class="screen-record">
- <view class="screen-record-text" @click="xiaojiangArrow = !xiaojiangArrow">
- 销讲执行率
- <image v-if="xiaojiangArrow" class="arrow"
- src="https://static.quhouse.com/6cf38a2b82694392a7ab6eea24ce76b1.png" mode="" />
- <image v-else class="arrow"
- src="https://static.quhouse.com/17d69984ec7c4830b43f712016f06807.png" mode="" />
- </view>
- <view class="screen-record-tab" v-if="xiaojiangArrow">
- <block v-for="(item, index) in xiaojiangList" :key="index">
- <view class="screen-record-item" :class="[
- item.isShow ? 'screen-record-chose' : 'screen-record-nochose',
- ]" @click="choice(item)">
- {{ item.label }}
- </view>
- </block>
- </view>
- </view>
- <!-- 到访次数 -->
- <view class="screen-record">
- <view class="screen-record-text" @click="visitArrow = !visitArrow">
- 到访次数
- <image v-if="visitArrow" class="arrow"
- src="https://static.quhouse.com/6cf38a2b82694392a7ab6eea24ce76b1.png" mode="" />
- <image v-else class="arrow"
- src="https://static.quhouse.com/17d69984ec7c4830b43f712016f06807.png" mode="" />
- </view>
- <view class="screen-record-tab" v-if="visitArrow">
- <block v-for="(item, index) in visitList" :key="index">
- <view class="screen-record-item" :class="[
- item.isShow ? 'screen-record-chose' : 'screen-record-nochose',
- ]" @click="choice(item)">
- {{ item.label }}
- </view>
- </block>
- </view>
- </view>
- </scroll-view>
- <view class="screen-foot">
- <view class="screen-foot-reset" @click="reset"> 重置 </view>
- <view class="screen-foot-sure" @click="screensure"> 确定 </view>
- </view>
- </view>
- </u-popup>
- <!-- 选择顾问的选择框 -->
- <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天')">
- 近7天</view>
- <view class="timeview" :style="{ color: activeTotal == 3 ? '#2B6EFF' : '#333333' }"
- @click="tabtimetap(3, '近30天')">
- 近30天</view>
- <view class="timeview" :style="{ color: activeTotal == 4 ? '#2B6EFF' : '#333333' }" @click="tabtimetap(4)">
- 自定义</view>
- </u-popup>
- <!-- 排序 -->
- <u-popup v-model="soltishow" mode="bottom">
- <view class="soltishow" @tap.stop @touchmove.stop>
- <block v-for="(item, index) in orderBylist" :key="index">
- <view class="soltishow-item" :style="orderBy==item.value?'color: #2B6EFF':''"
- @click="selectCallback2(item)">
- {{ item.label }}
- </view>
- </block>
- </view>
- </u-popup>
- <!-- 画像标签 -->
- <u-popup v-model="huaxiangShow" mode="top" height="850">
- <view class="screen">
- <scroll-view scroll-y="true" style="height: 700rpx;">
- <view class="screen-record" v-if="item.children.length" v-for="(item,index) in huaxiangList"
- :key="index">
- <view class="screen-record-text" @click="choice(item)">
- {{item.name}}
- <image v-if="item.isShow" class="arrow"
- src="https://static.quhouse.com/6cf38a2b82694392a7ab6eea24ce76b1.png" mode="" />
- <image v-else class="arrow"
- src="https://static.quhouse.com/17d69984ec7c4830b43f712016f06807.png" mode="" />
- </view>
- <view class="screen-record-tab" v-if="item.isShow">
- <block v-for="(subitem, ind) in item.children" :key="ind">
- <view class="screen-record-item" :class="[
- subitem.isShow ? 'screen-record-chose' : 'screen-record-nochose',
- ]" @click="choice(subitem)">
- {{ subitem.name }}
- </view>
- </block>
- </view>
- </view>
- </scroll-view>
- <view class="screen-foot">
- <view class="screen-foot-reset" @click="resetHuaXiang"> 重置 </view>
- <view class="screen-foot-sure" @click="screensure"> 确定 </view>
- </view>
- </view>
- </u-popup>
- <!-- 加载组件 -->
- <u-loadings v-model="LOADING"></u-loadings>
- </view>
-
- </template>
-
- <script>
- var config = require("@/config");
- let _this
- export default {
- data() {
- return {
- keywordsIds: [], // 画像标签
- sourceList: [],//客户来源
- templateList: [], // 销讲业务
- showTemplate: true, // 展示销讲业务
- agentIdtext: '接待顾问',
- phaseList: [],// 客户阶段
- huaxiangShow: false,
- wajueArrow: true,
- jieduanArrow: true,
- sourceArrow: true,
- levelArrow: true,
- zixunArrow: true,
- jiedaiArrow: true,
- luyinArrow: true,
- visitArrow: true,
- xiaojiangArrow: true,
- huaxiangList: [],
- orderBylist: [{
- label: '创建时间倒序',
- value: '1'
- },
- {
- label: '创建时间正序',
- value: '2'
- },
- {
- label: '接待时间倒序',
- value: '3'
- },
- {
- label: '接待时间正序',
- value: '4'
- },
- {
- label: '执行率正序',
- value: '5'
- },
- {
- label: '执行率倒序',
- value: '6'
- },
- {
- label: '接访次数正序',
- value: '7'
- },
- {
- label: '接访次数倒序',
- value: '8'
- },
- ],
- jiedaiList: [{
- label: "0~15min",
- value: 1,
- isShow: false,
- },
- {
- label: "16~30min",
- value: 2,
- isShow: false,
- },
- {
- label: "31~60min",
- value: 3,
- isShow: false,
- },
- {
- label: "61~90min",
- value: 4,
- isShow: false,
- },
- {
- label: "91min及以上",
- value: 5,
- isShow: false,
- },
- ],
- wajueList: [{
- label: "31%及以下",
- value: 1,
- isShow: false,
- },
- {
- label: "31%~50%",
- value: 2,
- isShow: false,
- },
- {
- label: "51%~70%",
- value: 3,
- isShow: false,
- },
- {
- label: "71%及以上",
- value: 4,
- isShow: false,
- },
- ],
- xiaojiangList: [{
- label: "30%及以下",
- value: 1,
- isShow: false,
- },
- {
- label: "31%~50%",
- value: 2,
- isShow: false,
- },
- {
- label: "51%~70%",
- value: 3,
- isShow: false,
- },
- {
- label: "71%及以上",
- value: 4,
- isShow: false,
- },
- ],
- value: '',
- screenShow: false,
- selectshow: false,
- selectTipshow: false,
- buildingID: '',
- screen: {
- staTime: "",
- endTime: "",
- orderBy: "", // 排序
- agentId: "", //顾问
- sourceIds: [], // 客户来源
- level: [], // 客户等级
- visitRecord: [], // 到访次数
- wajueVal: [], // 需求挖掘
- xiaojiangVal: [], //销讲执行率
- jiedaiVal: [], // 接待时长
- validInvalid: null, // 录音标识
- clientStage: [], // 客户阶段 clientStage
- },
- stageList: ['未知', '到访', '意向', '定金', '成交'],
- recordList: [],
- nextPage: 1,
- totalRecord: '',
- totalRecords: '', // 总条数
- freeList: [],
- userInfo: {},
- findKeywordsList: [],
- isnorefresh: '',
- activeTotal: 5,
- activeTotal2: 0,
- totalTimeShow: false,
- timeshow: false,
- soltishow: false,
- permissions: {
- commonly1: false,
- commonly2: false
- },
- list: [], // 客户来源列表
- sourceId: '', // 选中的客户来源id
- sourceIndex: -1, // 选中项的下标
- // 不同等级之间的颜色
- colorName: [
- '', "A", "B", "C", "D"
- ],
- // 筛选文字展示
- sortFilter: '排序',
- arriveFilter: '接待时间',
- visitList: [{
- label: '首次到访',
- value: 1,
- isShow: false,
- }, {
- label: '2次到访',
- value: 2,
- isShow: false,
- }, {
- label: '3次到访',
- value: 3,
- isShow: false,
- }, {
- label: '3次以上',
- value: 4,
- isShow: false,
- }, ],
- levelList: [{
- label: 'A',
- value: 1,
- isShow: false,
- }, {
- label: 'B',
- value: 2,
- isShow: false,
- }, {
- label: 'C',
- value: 3,
- isShow: false,
- }, {
- label: 'D',
- value: 4,
- isShow: false,
- }, ],
- isRefresh: false
- }
- },
-
-
- onLoad(options) {
- this.LOADING = true
- this.userInfo = uni.getStorageSync("weapp_session_userInfo_data")
- let newmenulist = uni.getStorageSync('weapp_session_Menu_data');
- this.permissions.commonly1 = newmenulist.khgl_ck;
- this.permissions.commonly2 = newmenulist.khgl_gj;
- _this = this
- },
-
- onPullDownRefresh() {
- this.buildingID = uni.getStorageSync('buildingID').id;
- this.LOADING = true
- this.nextPage = 1;
- this.isRefresh = true;
- this.resetFilter()
- this.reset()
- this.getFreeList()
- this.getfindKeywordsList()
- this.getFromSource();
- this.getMyCustom();
-
- setTimeout(() => {
- uni.stopPullDownRefresh()
- }, 2000)
- },
-
- onShow() {
- this.buildingID = uni.getStorageSync('buildingID').id;
- this.updatebuildingID = uni.getStorageSync('updatebuildingID')
- if (this.isnorefresh != 'refresh'||this.updatebuildingID=='updatebuildingID') {
- this.nextPage = 1;
- this.recordList = []
- this.getMyCustom()
- this.getFreeList()
- this.getfindKeywordsList()
- this.getCustomPhase();
- this.getFromSource();
- this.getMarketingBusiness();
- this.isRefresh = false;
- this.isnorefresh = 'refresh';
- uni.setStorageSync('updatebuildingID', '');
- }
- this.updateInit()
- },
- onReachBottom() {
- if (this.totalRecord == this.nextPage) {
- uni.showToast({
- icon: 'none',
- title: '到底了',
- duration: 2000
- });
- return
- } else {
- this.isRefresh = false;
- this.nextPage = this.nextPage + 1;
- this.getMyCustom();
- }
- },
- methods: {
- // 获取客户阶段数据
- getCustomPhase() {
- this.phaseList = [];
- this.$u
- .post("/customer/lifeTrackDefineList", {
- houseId: this.buildingID,
- })
- .then((res) => {
- if (res.length) {
- this.phaseList = res.map(item => {
- return {
- label: item.stageName,
- value: item.id,
- isShow: false
- }
- })
- } else {
- this.phaseList = []
- }
- });
- },
- // 获取客户来源
- getFromSource() {
- this.$u.get(config.service.sourceList, {
- houseId: this.buildingID
- })
- .then((res) => {
- if (res.length) {
- this.sourceList = res.map((item) => {
- return {
- label: item.sourceName,
- value: item.id,
- isShow: false
- }
- })
- } else {
- this.sourceList = []
- }
- })
- },
- // 获取销讲业务
- getMarketingBusiness() {
- this.$u.get('/customer/marketingBusiness', {
- houseId: this.buildingID,
- }).then(res => {
- this.templateList = res.map(item => {
- return {
- ...item,
- isShow: false,
- }
- })
- })
- },
- updateInit() {
- this.$u.get(config.service.notReadNum, {
- id: uni.getStorageSync('weapp_session_userInfo_data').accountId,
- projectId: uni.getStorageSync('buildingID').id
- }).then(res => {
- console.log(res)
- if (res > 0) {
- uni.setTabBarBadge({ //显示数字
- index: 4, //tabbar下标
- text: `${res}`//数字
- })
- } else {
- uni.removeTabBarBadge({
- index: 4
- })
- }
- }).catch(e => {
- uni.removeTabBarBadge({
- index: 4
- })
- })
- },
-
- filterFun() {
-
- },
- // 过滤
- resetFilter() {
- this.sortFilter = '排序';
- this.agentIdtext = '接待顾问';
- this.screen.orderBy = null;
- this.arriveFilter = '接待时间';
- this.screen.staTime = '';
- this.screen.endTime = '';
- this.nextPage = 1;
- this.activeTotal = 5;
- this.recordList = [];
- this.activeTotal2 = 0;
- },
- //选择排序
- selectCallback2(e) {
- this.sortFilter = e.label;
- this.screen.orderBy = e.value;
- this.nextPage = 1;
- this.recordList = [];
- this.soltishow = false;
- this.isRefresh = false;
- this.getMyCustom();
- },
- //时间选择
- tabtimetap(index, text) {
- this.timeshow = false;
- if (text) this.arriveFilter = text
- if (index == 4) {
- this.totalTimeShow = true;
- } else {
- this.activeTotal = index;
- this.screen.staTime = '';
- this.screen.endTime = '';
- this.nextPage = 1;
- this.isRefresh = false;
- this.recordList = [];
- this.getMyCustom();
- }
- },
- //自定义时间
- totalTimeChange(e) {
- this.screen.staTime = e.startDate;
- this.screen.endTime = e.endDate;
- this.activeTotal = 4;
- this.nextPage = 1;
- this.recordList = [];
- this.isRefresh = false;
- this.arriveFilter = this.screen.staTime + '-' + this.screen.endTime
- this.getMyCustom();
- },
-
- choice(item) {
- item.isShow = !item.isShow;
- },
- // 客户详情
- gotoDetail(id) {
- if (this.permissions.commonly1 == true) {
- uni.navigateTo({
- url: `/pages/center/consumer/consumerDetail?id=${id}`
- })
- }
- },
- getMyCustom() {
- this.screen.visitRecord = []
- this.screen.jiedaiVal = []
- this.screen.wajueVal = []
- this.screen.xiaojiangVal = []
- this.screen.level = []
- this.screen.clientStage = []
- this.screen.sourceIds = []
- let dateType = 0;
- if (this.activeTotal == 5 || this.activeTotal == 4) {
- dateType = null;
- } else {
- dateType = this.activeTotal;
- }
- // 到访次数
- this.visitList.forEach(i => {
- if (i.isShow) this.screen.visitRecord.push(i.value)
- })
- // 接待时长
- this.jiedaiList.forEach(i => {
- if (i.isShow) this.screen.jiedaiVal.push(i.value)
- })
- // 需求挖掘
- this.wajueList.forEach(i => {
- if (i.isShow) this.screen.wajueVal.push(i.value)
- })
- // 销讲执行率
- this.xiaojiangList.forEach(i => {
- if (i.isShow) this.screen.xiaojiangVal.push(i.value)
- })
- // 客户等级
- this.levelList.forEach(i => {
- if (i.isShow) this.screen.level.push(i.value)
- })
- //客户阶段
- this.phaseList.forEach(i => {
- if (i.isShow) this.screen.clientStage.push(i.value)
- })
- // 客户来源
- this.sourceList.forEach(i => {
- if (i.isShow) this.screen.sourceIds.push(i.value)
- })
- var parames = {
- pageNum: this.nextPage,
- pageSize: 10,
- query: {
- projectId: this.buildingID,
- fractions: this.screen.xiaojiangVal.length ? this.screen.xiaojiangVal.join(',') : '', // 销讲执行率
- wordFractions: this.screen.wajueVal.length ? this.screen.wajueVal.join(',') : '', //需求挖掘
- visitRecordNum: this.screen.visitRecord.length ? this.screen.visitRecord.join(',') : '', //到访次数
- clientStages: this.screen.clientStage.length ? this.screen.clientStage.join(',') : '', // 客户阶段
- sourceIds: this.screen.sourceIds.length ? this.screen.sourceIds.join(',') : '', // 客户来源
- level: this.screen.level.length ? this.screen.level.join(',') : '', // 客户等级
- duractionNums: this.screen.jiedaiVal.length ? this.screen.jiedaiVal.join(',') : '', // 接待时长
- keywordsIds: this.keywordsIds.length ? this.keywordsIds.join(',') : '', // 画像标签
- dateType: dateType, // 接待时间
- staTime: this.screen.staTime,
- endTime: this.screen.endTime,
- agentId: this.screen.agentId, // 顾问
- orderBy: this.screen.orderBy == '' ? '' : this.screen.orderBy, // 排序
- },
- };
- let ars = []
- this.templateList.forEach(item => {
- if (item.isShow) {
- ars.push(item.id)
- }
- })
- parames.query.marketingBusiness = ars.join(',')
-
- this.$u.post("/customer/customerManagement", parames)
- .then((data) => {
- this.LOADING = false;
- var list = data.results || [];
- list.forEach((item) => {
- if (this.userInfo.dataCode == 6) {
- item.isshow = true;
- } else {
- item.isshow = false;
- }
- });
-
- list.forEach((item) => {
- if (item.demand.cusSemanticWordsList != null) {
- item.demand.cusSemanticWordsList.forEach((che) => {
- if (che.isInterval == 0) {
- che.name = che.name + che.unit + "-" + che.endName + che.unit;
- }
- });
- } else {
- item.demand.cusSemanticWordsList = []
- }
- });
- if (this.isRefresh) {
- this.recordList = list;
- } else {
- this.recordList = [...this.recordList, ...list];
- }
- this.totalRecord = data.totalPage;
- this.totalRecords = data.totalRecord;
- })
- .catch((e) => {
- this.LOADING = false;
- });
- },
- getMyCustom1() {
- let dateType = 0;
- let recDurationInterval = 0;
- let orderBy = 0;
- if (this.activeTotal == 5) {
- dateType = null;
- } else if (this.activeTotal == 4) {
- dateType = null;
- } else {
- dateType = this.activeTotal;
- }
-
- if (this.activeTotal2 == 0) {
- recDurationInterval = null
- } else {
- recDurationInterval = this.activeTotal2
- }
-
- if (this.orderBy == 0) {
- orderBy = null;
- } else {
- orderBy = this.orderBy;
- }
-
- var parames = {
- pageNum: this.nextPage,
- pageSize: 10,
- query: {
- projectId: this.buildingID,
- keywordsId: this.screen.cunsumerTipsid,
- agentId: this.screen.agentId,
- dateType: dateType,
- staDate: this.screen.staTime,
- endDate: this.screen.endTime,
- recDurationInterval: recDurationInterval,
- orderBy: orderBy,
- sourceId: this.sourceId
- }
- };
- if (this.screen.visitRecord.length > 0) {
- parames.query.visitRecords = this.screen.visitRecord.join(',');
- }
- if (this.screen.record.length > 0) {
- parames.query.level = this.screen.record.join(',');
- }
- this.$u.post("/customer/customerManagement", parames).then(data => {
- this.LOADING = false
- var list = data.results || [];
- list.forEach(item => {
- if (item.demand.cusSemanticWordsList != null) {
- item.demand.cusSemanticWordsList.forEach(che => {
- if (che.isInterval == 0) {
- che.name = che.name + che.unit + '-' + che.endName + che.unit;
- }
- })
- }
- })
- if (this.isRefresh) {
- this.recordList = list;
- } else {
- console.log('我在这里被打印了', this.recordList)
- this.recordList = [...this.recordList, ...list];
- }
- this.totalRecord = data.totalPage;
- this.totalRecords = data.totalRecord;
- }).catch(e => {
- this.LOADING = false
- })
- },
- //获取顾问列表
- getFreeList() {
- this.$u.post("/cusLvStatistics/selectAllAccountIdByHouseId", {
- houseId: this.buildingID
- }).then(res => {
- res.forEach(item => {
- item.label = item.name;
- item.value = item.accountId
- })
- res.unshift({
- label: '全部',
- value: ''
- })
- this.freeList = res
- console.log(this.freeList)
- })
- },
- //获取客户标签
- getfindKeywordsList() {
- this.findKeywordsList = []
- this.$u.post("/customer/findKeywords", {
- houseId: this.buildingID
- }).then(res => {
- res.forEach(item => {
- if (item.isInterval == 0) {
- item.label = item.name + item.unit + '-' + item.endName + item.unit;
- } else {
- item.label = item.name
- }
- item.value = item.id;
- })
- this.findKeywordsList = res;
- })
- },
- //选择顾问
- actionSelectCallback(e) {
- console.log(e)
- if(e[0].label=='全部'){
- this.agentIdtext = '接待顾问'
- this.screen.agentId= ''
- }else{
- this.screen.agentId = e[0].value;
- this.agentIdtext = e[0].label;
- }
- },
-
- //重置
- reset() {
- this.screen = {
- agentId: "",
- visitRecord: [],
- record: [],
- clientStage: "",
- clientStageName: "",
- };
- this.sourceList.map((i) => {
- i.isShow = false;
- });
- this.wajueList.map((i) => {
- i.isShow = false;
- });
- this.phaseList.map((i) => {
- i.isShow = false;
- });
- this.jiedaiList.map((i) => {
- i.isShow = false;
- });
- this.xiaojiangList.map((i) => {
- i.isShow = false;
- });
- this.visitList.map((i) => {
- i.isShow = false;
- });
- this.levelList.map((i) => {
- i.isShow = false;
- });
- this.nextPage = 1;
- this.recordList = [];
- this.isRefresh = false;
- this.getMyCustom();
- },
- //重置画像标签选择
- resetHuaXiang() {
- if (this.huaxiangList.length) {
- this.huaxiangList.forEach(item => {
- item.isShow = true;
- if (item.children.length) {
- item.children.forEach(subitem => {
- subitem.isShow = false;
- })
- }
- })
- }
- },
- //筛选确认
- screensure() {
- this.nextPage = 1;
- this.recordList = [];
- this.keywordsIds = []
- this.screenShow = false;
- this.huaxiangShow = false;
- this.isRefresh = false;
- // 画像标签
- this.huaxiangList.forEach(item => {
- if (item.children.length) {
- item.children.forEach(im => {
- if (im.isShow) this.keywordsIds.push(im.id)
- })
- }
- })
- this.getMyCustom();
- },
- goSearch() {
- uni.navigateTo({
- url: '/pages/center/consumer/consumerSearch'
- });
- },
- gotoFollowUp(item) {
- uni.navigateTo({
- url: `/pages/center/consumer/newFollowup/newFollowup?id=${item.id}&level=${item.level}&clientStageName=${item.clientStageName}`
- })
- },
- },
-
- filters: {
- // 筛选等级展示文字
- levelText(level) {
- let str = '';
- switch (Number(level)) {
- case 1:
- str = "A"
- break;
- case 2:
- str = "B"
- break;
- case 3:
- str = "C"
- break;
- case 4:
- str = "D"
- break;
- default:
- str = ''
- break;
- }
- return str
- },
-
- // 加密手机
- phoneText(mobile) {
- if (!mobile) return '--'
- if (_this.userInfo.showPhoneStatus == 1) return mobile.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2')
- else return mobile
- },
-
- // 格式化时间
- formatTime(time) {
- if (!time) return
- return time.substring(5, time.length)
- }
- }
- }
- </script>
-
- <style lang="scss" scoped>
- .box {
- width: 100vw;
- min-height: calc(100vh - var(--window-top));
- background: #F8F8F8;
- display: flex;
- flex-direction: column;
- .top-search {
- display: flex;
- align-items: center;
- justify-content: space-between;
- background: #fff;
- padding-right: 30rpx;
-
- .filter-icon {
- width: 40rpx;
- height: 40rpx;
- padding: 15rpx;
- }
-
- .search-box {
- width: 670rpx;
- height: 102rpx;
- background: #ffffff;
- display: flex;
- align-items: center;
- justify-content: center;
-
- .search {
- width: 94%;
- height: 70rpx;
- display: flex;
- align-items: center;
- background: #f8f8f8;
- border-radius: 33rpx;
-
- .search-img {
- width: 26rpx;
- height: 30rpx;
- margin-left: 20rpx;
-
- .search-img1 {
- width: 100%;
- height: 100%;
- margin-top: 2rpx;
- }
- }
-
- .search-text {
- font-size: 28rpx;
- font-weight: 400;
- color: #999999;
- margin-left: 10rpx;
- }
- }
-
- .search-screen {
- width: 40rpx;
- height: 40rpx;
- margin-left: 30rpx;
-
- .search-screen1 {
- width: 100%;
- height: 100%;
- }
- }
- }
- }
-
- .content {
- flex-grow: 1;
- }
- }
-
- .timeview {
- height: 90rpx;
- line-height: 90rpx;
- width: 100%;
- text-align: center;
- border-bottom: 1rpx solid #F8F8F8;
- }
-
- //时间切换的样式
- .boxtittab {
- position: sticky;
- top: var(--window-top);
- z-index: 999;
- width: 100;
- height: 72rpx;
- background: #FFFFFF;
- flex-shrink: 0;
- display: flex;
- align-items: center;
-
- .tabbox {
- flex: 1;
- height: 100%;
- text-align: center;
- line-height: 72rpx;
- color: #666666;
- font-size: 28rpx;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- /* 将对象作为弹性伸缩盒子模型显示 */
- -webkit-line-clamp: 1;
- /* 控制最多显示几行 */
- -webkit-box-orient: vertical;
- /* 设置或检索伸缩盒对象的子元素的排列方式 */
- }
-
- .activeColor {
- color: #2671E2;
- font-weight: bold;
- }
- }
-
- .soltishow {
- width: 100%;
- min-height: 40vh;
-
- .soltishow-item {
- width: 100%;
- height: 80rpx;
- display: flex;
- align-items: center;
- justify-content: center;
- }
- }
- .count {
- width: 100%;
- height: 82rpx;
- line-height: 82rpx;
- display: flex;
- align-items: center;
- justify-content: center;
- background-color: #f8f8f8;
- font-size: 30rpx;
- font-family: PingFangSC-Regular, PingFang SC;
- font-weight: 400;
- color: #333333;
-
- text {
- color: #E7483C;
- }
- }
-
-
- .content {
- .content-tips {
- background: #fff;
- margin-bottom: 20rpx;
-
- .content-first {
- padding: 19rpx 30rpx;
- display: flex;
- justify-content: space-between;
- align-items: center;
- box-sizing: border-box;
- color: #292929;
- height: 90rpx;
- font-size: 30rpx;
-
- .left {
- display: flex;
- align-items: center;
-
- .img {
- width: 48rpx;
- height: 48rpx;
- line-height: 48rpx;
- text-align: center;
- margin-right: 16rpx;
- background: #E6625B;
- border-radius: 6rpx;
- font-size: 28rpx;
- font-family: PingFangSC-Regular, PingFang SC;
- font-weight: 400;
- color: #FFFFFF;
- }
-
- .clientStageName {
- margin-right: 20rpx;
- padding: 0 16rpx;
- font-size: 28rpx;
- font-family: PingFangSC-Regular, PingFang SC;
- font-weight: 400;
- color: #FF981E;
- height: 48rpx;
- line-height: 48rpx;
- background: #FFFFFF;
- border-radius: 4rpx;
- border: 1rpx solid #FF981E;
- box-sizing: border-box;
- }
-
- .A {
- background: #E6625B;
- }
-
- .B {
- background: #FF981E;
- }
-
- .C {
- background: #F6BD16;
- }
-
- .D {
- background: #E6625B;
- }
-
-
- .test {
- height: 42rpx;
- font-size: 30rpx;
- font-family: PingFangSC-Medium, PingFang SC;
- font-weight: 500;
- color: #333333;
- line-height: 42rpx;
- margin-right: 16rpx;
- }
- }
-
- .right {
- display: flex;
- align-items: center;
- color: #2671E2;
- font-size: 30rpx;
-
- .right-img {
- margin: 5rpx 0 0 10rpx;
- width: 14rpx;
- height: 30rpx;
- }
- }
- }
-
- .content-sec {
- border-top: 1rpx solid #E0E0E0;
- padding: 0 28rpx 28rpx;
- position: relative;
-
- .content-sec-lab {
- margin-top: 28rpx;
- display: flex;
- font-size: 30rpx;
- font-weight: 400;
- color: #333;
- line-height: 42rpx;
-
- .content-sec-lab1 {
- color: #333333;
- }
-
- .content-sec-tips {
- padding: 0 20rpx;
- height: 48rpx;
- background: #F4F8FD;
- border-radius: 6rpx;
- max-width: 160rpx;
- text-align: center;
- line-height: 48rpx;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- font-weight: 400;
- margin-right: 12rpx;
- box-sizing: border-box;
- font-size: 28rpx;
- font-family: PingFangSC-Regular, PingFang SC;
- color: #2671E2;
- }
- }
-
- .content-sec-num {
- position: absolute;
- width: 196rpx;
- height: 112rpx;
- border-radius: 8rpx;
- top: 28rpx;
- right: 30rpx;
- padding: 16rpx 20rpx;
- background: #F4F8FD;
- color: #2671E2;
- line-height: 40rpx;
- text-align: center;
- }
- }
-
- .content-last {
- display: flex;
- justify-content: flex-end;
- align-items: center;
- padding-bottom: 30rpx;
-
- .content-last-tab {
- width: 214rpx;
- height: 70rpx;
- line-height: 70rpx;
- background: #FFFFFF;
- border-radius: 8rpx;
- border: 1rpx solid #2671E2;
- box-sizing: border-box;
- font-family: PingFangSC-Regular, PingFang SC;
- font-weight: 400;
- color: #2671E2;
- font-size: 30rpx;
- margin-right: 30rpx;
- display: flex;
- align-items: center;
- justify-content: center;
-
- image {
- width: 40rpx;
- height: 40rpx;
- margin-right: 12rpx;
- }
- }
- }
-
- }
- }
-
- // 这是弹出层
- .screen {
- .screen-record {
- overflow: hidden;
- padding: 0 30rpx;
- box-sizing: border-box;
- border-bottom: 1px solid #e0e0e0;
-
- .screen-record-text {
- font-weight: 600;
- padding: 30rpx 0;
- font-size: 30rpx;
- color: #333333;
- line-height: 30rpx;
- display: flex;
- align-items: center;
- justify-content: space-between;
-
- .arrow {
- width: 30rpx;
- height: 14rpx;
- }
- }
-
- .screen-record-tab {
- margin-top: 30rpx;
- padding-bottom: 10rpx;
- display: flex;
- flex-wrap: wrap;
-
- .screen-record-item {
- min-width: 150rpx;
- padding: 0 14rpx;
- height: 60rpx;
- border-radius: 8rpx;
- text-align: center;
- line-height: 60rpx;
- margin: 0 22rpx 22rpx 0;
-
- &:nth-child(4n) {
- margin-right: 0;
- }
- }
-
- .screen-record-chose {
- background: #f1f6fd;
- color: #2671e2;
- }
-
- .screen-record-nochose {
- background: #f7f8fa;
- color: #333;
- }
- }
- }
-
- .screen-foot {
- width: 100%;
- height: 78rpx;
- display: flex;
- margin: 30rpx 30rpx 0;
-
- .screen-foot-reset {
- width: 176rpx;
- height: 78rpx;
- line-height: 78rpx;
- background: #FFFFFF;
- border-radius: 8rpx;
- border: 1px solid #2671E2;
- margin-right: 30rpx;
- font-size: 30rpx;
- font-family: PingFangSC-Regular, PingFang SC;
- font-weight: 400;
- color: #2671E2;
- text-align: center;
- }
-
- .screen-foot-sure {
- width: 484rpx;
- height: 78rpx;
- line-height: 78rpx;
- background: #2671E2;
- border: 1px solid #2671E2;
- border-radius: 8rpx;
- font-size: 30rpx;
- font-family: PingFangSC-Regular, PingFang SC;
- font-weight: 400;
- color: #FFFFFF;
- text-align: center;
- }
- }
- }
- </style>
|