|
|
|
@@ -1,40 +1,50 @@ |
|
|
|
<template> |
|
|
|
<view class="box"> |
|
|
|
|
|
|
|
<view class="screen"> |
|
|
|
<!-- 录音标示 --> |
|
|
|
<view class="screen-record"> |
|
|
|
<view class="screen-record-text"> |
|
|
|
最新状态 |
|
|
|
</view> |
|
|
|
<view class="screen-record-tab"> |
|
|
|
<view v-for="(item,index) in stateList" :key="index"> |
|
|
|
<view :class="[screen.state==index?'screen-record-chose':'screen-record-nochose']" @click="screen.state=index"> |
|
|
|
<view class="screen"> |
|
|
|
<!-- 录音标示 --> |
|
|
|
<view class="screen-record"> |
|
|
|
<view class="screen-record-text"> |
|
|
|
最新状态 |
|
|
|
</view> |
|
|
|
<view class="screen-record-tab"> |
|
|
|
<scroll-view scroll-x style="width: 100%;"> |
|
|
|
<view style="display: flex;"> |
|
|
|
<block v-for="(item,index) in stateList" :key="index"> |
|
|
|
<view style="flex-shrink: 0;" |
|
|
|
:class="[screen.state==index?'screen-record-chose':'screen-record-nochose']" |
|
|
|
@click="screen.state=index"> |
|
|
|
{{item.stageName}} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</block> |
|
|
|
</view> |
|
|
|
</scroll-view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<!-- 录音标示 --> |
|
|
|
<view class="screen-record"> |
|
|
|
<view class="screen-record-text"> |
|
|
|
意向级别 |
|
|
|
</view> |
|
|
|
<view class="screen-record-tab"> |
|
|
|
<view :class="[screen.level==1?'screen-record-chose':'screen-record-nochose']" |
|
|
|
@click="screen.level=1"> |
|
|
|
A |
|
|
|
</view> |
|
|
|
<!-- 录音标示 --> |
|
|
|
<view class="screen-record"> |
|
|
|
<view class="screen-record-text"> |
|
|
|
意向级别 |
|
|
|
</view> |
|
|
|
<view class="screen-record-tab"> |
|
|
|
<view :class="[screen.level==1?'screen-record-chose':'screen-record-nochose']" @click="screen.level=1"> |
|
|
|
A |
|
|
|
</view> |
|
|
|
<view :class="[screen.level==2?'screen-record-chose':'screen-record-nochose']" @click="screen.level=2"> |
|
|
|
B |
|
|
|
</view> |
|
|
|
<view :class="[screen.level==3?'screen-record-chose':'screen-record-nochose']" @click="screen.level=3"> |
|
|
|
C |
|
|
|
</view> |
|
|
|
<view :class="[screen.level==4?'screen-record-chose':'screen-record-nochose']" @click="screen.level=4"> |
|
|
|
D |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view :class="[screen.level==2?'screen-record-chose':'screen-record-nochose']" |
|
|
|
@click="screen.level=2"> |
|
|
|
B |
|
|
|
</view> |
|
|
|
<view :class="[screen.level==3?'screen-record-chose':'screen-record-nochose']" |
|
|
|
@click="screen.level=3"> |
|
|
|
C |
|
|
|
</view> |
|
|
|
<view :class="[screen.level==4?'screen-record-chose':'screen-record-nochose']" |
|
|
|
@click="screen.level=4"> |
|
|
|
D |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<!-- <view class="screen-record" style="height: auto;"> |
|
|
|
<view class="screen-record-text" style="margin-bottom: 20rpx;"> |
|
|
|
客户类型 |
|
|
|
@@ -51,104 +61,104 @@ |
|
|
|
</scroll-view> |
|
|
|
|
|
|
|
</view> --> |
|
|
|
<view class="screen-record"> |
|
|
|
<view class="screen-record-text"> |
|
|
|
跟进内容 |
|
|
|
</view> |
|
|
|
<view class="screen-record-tab"> |
|
|
|
<input type="text" placeholder="请输入跟进内容" v-model="screen.con"/> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="screen-foot"> |
|
|
|
<view class="screen-foot-sure" @click="screensure"> |
|
|
|
保存 |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="screen-record"> |
|
|
|
<view class="screen-record-text"> |
|
|
|
跟进内容 |
|
|
|
</view> |
|
|
|
<view class="screen-record-tab"> |
|
|
|
<input type="text" placeholder="请输入跟进内容" v-model="screen.con" /> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="screen-foot"> |
|
|
|
<view class="screen-foot-sure" @click="screensure"> |
|
|
|
保存 |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
export default{ |
|
|
|
data(){ |
|
|
|
return{ |
|
|
|
value:'', |
|
|
|
screenShow:false, |
|
|
|
selectshow:false, |
|
|
|
selectTipshow:false, |
|
|
|
buildingID:'', |
|
|
|
keyword:'', |
|
|
|
screen:{ |
|
|
|
state:'0', |
|
|
|
con:"", |
|
|
|
level:'1' |
|
|
|
export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
value: '', |
|
|
|
screenShow: false, |
|
|
|
selectshow: false, |
|
|
|
selectTipshow: false, |
|
|
|
buildingID: '', |
|
|
|
keyword: '', |
|
|
|
screen: { |
|
|
|
state: '0', |
|
|
|
con: "", |
|
|
|
level: '1' |
|
|
|
}, |
|
|
|
stateList:[], |
|
|
|
recordList:[], |
|
|
|
nextPage:1, |
|
|
|
totalRecord:'', |
|
|
|
freeList:[], |
|
|
|
customerType:[], |
|
|
|
customerId:'' |
|
|
|
stateList: [], |
|
|
|
recordList: [], |
|
|
|
nextPage: 1, |
|
|
|
totalRecord: '', |
|
|
|
freeList: [], |
|
|
|
customerType: [], |
|
|
|
customerId: '' |
|
|
|
} |
|
|
|
}, |
|
|
|
onShow() { |
|
|
|
|
|
|
|
}, |
|
|
|
onLoad(e) { |
|
|
|
this.customerId=e.id |
|
|
|
this.customerId = e.id |
|
|
|
this.buildingID = uni.getStorageSync('buildingID').id; |
|
|
|
this.recordList=[] |
|
|
|
this.recordList = [] |
|
|
|
// this.getMyCustom() |
|
|
|
// this.getFreeList() |
|
|
|
this.getNewStatus() |
|
|
|
this.getCustomerType(); |
|
|
|
}, |
|
|
|
methods:{ |
|
|
|
methods: { |
|
|
|
//选择顾问 |
|
|
|
actionSelectCallback(e){ |
|
|
|
this.screen.agentId=e[0].value; |
|
|
|
this.screen.agentIdtext=e[0].label; |
|
|
|
actionSelectCallback(e) { |
|
|
|
this.screen.agentId = e[0].value; |
|
|
|
this.screen.agentIdtext = e[0].label; |
|
|
|
}, |
|
|
|
getCustomerType(){ |
|
|
|
getCustomerType() { |
|
|
|
this.$u.get("/customer/queryKeyWords").then(res => { |
|
|
|
res.map(item=>{ |
|
|
|
item.check=false |
|
|
|
res.map(item => { |
|
|
|
item.check = false |
|
|
|
}) |
|
|
|
this.customerType = res; |
|
|
|
}) |
|
|
|
}, |
|
|
|
getNewStatus() { |
|
|
|
var that = this; |
|
|
|
let premo={ |
|
|
|
houseId:uni.getStorageSync('buildingID').id |
|
|
|
let premo = { |
|
|
|
houseId: uni.getStorageSync('buildingID').id |
|
|
|
} |
|
|
|
this.$u.post('/customer/getStage',premo) |
|
|
|
.then(res=>{ |
|
|
|
this.stateList=res |
|
|
|
}) |
|
|
|
|
|
|
|
this.$u.post('/customer/getStage', premo) |
|
|
|
.then(res => { |
|
|
|
this.stateList = res |
|
|
|
}) |
|
|
|
|
|
|
|
}, |
|
|
|
checkbox(idx){ |
|
|
|
console.log(idx) |
|
|
|
this.customerType[idx].check=!this.customerType[idx].check |
|
|
|
checkbox(idx) { |
|
|
|
console.log(idx) |
|
|
|
this.customerType[idx].check = !this.customerType[idx].check |
|
|
|
}, |
|
|
|
search(e){ |
|
|
|
search(e) { |
|
|
|
console.log(e) |
|
|
|
}, |
|
|
|
//选择标签 |
|
|
|
selectCallback(e){ |
|
|
|
selectCallback(e) { |
|
|
|
console.log(e[0].label) |
|
|
|
}, |
|
|
|
//筛选确认 |
|
|
|
screensure(){ |
|
|
|
screensure() { |
|
|
|
// 获取选择过的数据 |
|
|
|
// let type=[] |
|
|
|
let words=[] |
|
|
|
this.customerType.map(item=>{ |
|
|
|
if(item.check){ |
|
|
|
let words = [] |
|
|
|
this.customerType.map(item => { |
|
|
|
if (item.check) { |
|
|
|
// type.push(item.id) |
|
|
|
words.push(item.keywords) |
|
|
|
} |
|
|
|
@@ -166,7 +176,7 @@ |
|
|
|
mask: true |
|
|
|
}) |
|
|
|
// console.log(type) |
|
|
|
let param={ |
|
|
|
let param = { |
|
|
|
"stageCode": this.stateList[this.screen.state].stageCode, |
|
|
|
"stageName": this.stateList[this.screen.state].stageName, |
|
|
|
"remarks": this.screen.con, |
|
|
|
@@ -178,12 +188,12 @@ |
|
|
|
"state": this.stateList[this.screen.state].id |
|
|
|
} |
|
|
|
} |
|
|
|
this.$u.post('/customer/addZkDailyWorkRecord',param) |
|
|
|
.then(res=>{ |
|
|
|
// util.showSuccess("提交成功"); |
|
|
|
uni.hideLoading(); |
|
|
|
uni.navigateBack(); |
|
|
|
}) |
|
|
|
this.$u.post('/customer/addZkDailyWorkRecord', param) |
|
|
|
.then(res => { |
|
|
|
// util.showSuccess("提交成功"); |
|
|
|
uni.hideLoading(); |
|
|
|
uni.navigateBack(); |
|
|
|
}) |
|
|
|
}, |
|
|
|
} |
|
|
|
} |
|
|
|
@@ -195,58 +205,68 @@ |
|
|
|
height: 100%; |
|
|
|
background: #F8F8F8; |
|
|
|
} |
|
|
|
.screen{ |
|
|
|
|
|
|
|
.screen { |
|
|
|
// box-sizing: border-box; |
|
|
|
// padding: 0 30rpx; |
|
|
|
background: #FFFFFF; |
|
|
|
.screen-counselor{ |
|
|
|
|
|
|
|
.screen-counselor { |
|
|
|
display: flex; |
|
|
|
height: 106rpx; |
|
|
|
// padding: 40rpx 30rpx 36rpx 30rpx; |
|
|
|
padding: 0 30rpx; |
|
|
|
box-sizing: border-box; |
|
|
|
border-bottom: 1px solid #CCCCCC; |
|
|
|
.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 #CCCCCC; |
|
|
|
.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: 151rpx; |
|
|
|
height: 60rpx; |
|
|
|
background: #FFFFFF; |
|
|
|
@@ -256,7 +276,8 @@ |
|
|
|
line-height: 60rpx; |
|
|
|
margin-right: 22rpx; |
|
|
|
} |
|
|
|
.screen-record-nochose{ |
|
|
|
|
|
|
|
.screen-record-nochose { |
|
|
|
width: 151rpx; |
|
|
|
height: 60rpx; |
|
|
|
background: #FFFFFF; |
|
|
|
@@ -266,16 +287,17 @@ |
|
|
|
line-height: 60rpx; |
|
|
|
margin-right: 22rpx; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
.screen-foot{ |
|
|
|
|
|
|
|
.screen-foot { |
|
|
|
height: 88rpx; |
|
|
|
display: flex; |
|
|
|
width: 100%; |
|
|
|
margin-top: 160rpx; |
|
|
|
|
|
|
|
.screen-foot-reset{ |
|
|
|
|
|
|
|
.screen-foot-reset { |
|
|
|
width: 80%; |
|
|
|
text-align: center; |
|
|
|
margin: 0 auto; |
|
|
|
@@ -284,7 +306,8 @@ |
|
|
|
font-weight: 400; |
|
|
|
color: #666666; |
|
|
|
} |
|
|
|
.screen-foot-sure{ |
|
|
|
|
|
|
|
.screen-foot-sure { |
|
|
|
width: 80%; |
|
|
|
margin: 0 auto; |
|
|
|
text-align: center; |
|
|
|
|
