|
|
@@ -24,8 +24,8 @@ |
|
|
|
<view class="conmsg-msg-lab-inp"> |
|
|
|
<u-radio-group v-model="form.sex" > |
|
|
|
<view style="display: flex;"> |
|
|
|
<u-radio name="0" shape='circle'>男</u-radio> |
|
|
|
<u-radio name="1" shape='circle'>女</u-radio> |
|
|
|
<u-radio name="1" shape='circle'>男</u-radio> |
|
|
|
<u-radio name="2" shape='circle'>女</u-radio> |
|
|
|
</view> |
|
|
|
</u-radio-group> |
|
|
|
</view> |
|
|
@@ -46,7 +46,7 @@ |
|
|
|
微信账号 |
|
|
|
</view> |
|
|
|
<view class="conmsg-msg-lab-inp"> |
|
|
|
<input type="text" placeholder="请输入微信账号" v-model="form.wx"/> |
|
|
|
<input type="text" placeholder="请输入微信账号" v-model="form.chatNo"/> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="conmsg-msg-lab"> |
|
|
@@ -60,7 +60,7 @@ |
|
|
|
<image class="screen-sel-img" src="../../../static/images/right.png" mode=""></image> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="conmsg-msg-lab"> |
|
|
|
<!-- <view class="conmsg-msg-lab"> |
|
|
|
<view class="conmsg-msg-lab-1"> |
|
|
|
客户阶段 |
|
|
|
</view> |
|
|
@@ -70,7 +70,7 @@ |
|
|
|
<view class="conmsg-msg-lab-img"> |
|
|
|
<image class="screen-sel-img" src="../../../static/images/right.png" mode=""></image> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> --> |
|
|
|
<view class="conmsg-msg-lab"> |
|
|
|
<view class="conmsg-msg-lab-1"> |
|
|
|
备注内容 |
|
|
@@ -87,59 +87,71 @@ |
|
|
|
客户标签 |
|
|
|
</view> |
|
|
|
<view class="conmsg-msg"> |
|
|
|
<view class="conmsg-msg-lab"> |
|
|
|
<view class="conmsg-msg-lab-1"> |
|
|
|
置业需求 |
|
|
|
</view> |
|
|
|
<view class="conmsg-msg-lab-inp"> |
|
|
|
<input type="text" placeholder="请选择置业需求" @click="demandshow = true" v-model="selectform.demand" disabled/> |
|
|
|
<view class=""> |
|
|
|
<view class="conmsg-msg-lab"> |
|
|
|
<view class="conmsg-msg-lab-1"> |
|
|
|
置业需求 |
|
|
|
</view> |
|
|
|
<!-- <view class="conmsg-msg-lab-img"> |
|
|
|
<image class="screen-sel-img" src="../../../static/images/right.png" mode=""></image> |
|
|
|
</view> --> |
|
|
|
</view> |
|
|
|
<view class="conmsg-msg-lab-img"> |
|
|
|
<image class="screen-sel-img" src="../../../static/images/right.png" mode=""></image> |
|
|
|
<view class="con-msg-con"> |
|
|
|
<view v-for="(item,index) in demandlist" :key="index" :style="{border:item.checked?'1px solid #0A6EE9':'1px solid #E0E0E0'}" class="chebox" @click="demandcheck(index)"> |
|
|
|
{{item.label}} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="conmsg-msg-lab"> |
|
|
|
<view class="conmsg-msg-lab-1"> |
|
|
|
意向面积 |
|
|
|
</view> |
|
|
|
<view class="conmsg-msg-lab-inp"> |
|
|
|
<input type="text" placeholder="请选择意向面积" @click="areashow = true" v-model="selectform.area" disabled/> |
|
|
|
<view class=""> |
|
|
|
<view class="conmsg-msg-lab"> |
|
|
|
<view class="conmsg-msg-lab-1"> |
|
|
|
意向面积 |
|
|
|
</view> |
|
|
|
<!-- <view class="conmsg-msg-lab-img"> |
|
|
|
<image class="screen-sel-img" src="../../../static/images/right.png" mode=""></image> |
|
|
|
</view> --> |
|
|
|
</view> |
|
|
|
<view class="conmsg-msg-lab-img"> |
|
|
|
<image class="screen-sel-img" src="../../../static/images/right.png" mode=""></image> |
|
|
|
<view class="con-msg-con"> |
|
|
|
<view v-for="(item,index) in arealist" :key="index" :style="{border:item.checked?'1px solid #0A6EE9':'1px solid #E0E0E0'}" class="chebox" @click="areacheck(index)"> |
|
|
|
{{item.label}} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="conmsg-msg-lab"> |
|
|
|
<view class="conmsg-msg-lab-1"> |
|
|
|
预算 |
|
|
|
</view> |
|
|
|
<view class="conmsg-msg-lab-inp"> |
|
|
|
<input type="text" placeholder="请选择预算" @click="budgetshow = true" v-model="selectform.budget" disabled/> |
|
|
|
</view> |
|
|
|
<view class="conmsg-msg-lab-img"> |
|
|
|
<image class="screen-sel-img" src="../../../static/images/right.png" mode=""></image> |
|
|
|
<view class=""> |
|
|
|
<view class="conmsg-msg-lab"> |
|
|
|
<view class="conmsg-msg-lab-1"> |
|
|
|
预算 |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- <view class="conmsg-msg-lab-img"> |
|
|
|
<image class="screen-sel-img" src="../../../static/images/right.png" mode=""></image> |
|
|
|
</view> --> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="conmsg-msg-lab"> |
|
|
|
<view class="conmsg-msg-lab-1"> |
|
|
|
关注点 |
|
|
|
</view> |
|
|
|
<view class="conmsg-msg-lab-inp"> |
|
|
|
<input type="text" placeholder="请选择关注点" @click="fouceshow = true" v-model="selectform.fouce" disabled/> |
|
|
|
</view> |
|
|
|
<view class="conmsg-msg-lab-img"> |
|
|
|
<image class="screen-sel-img" src="../../../static/images/right.png" mode=""></image> |
|
|
|
<view class=""> |
|
|
|
<view class="conmsg-msg-lab"> |
|
|
|
<view class="conmsg-msg-lab-1"> |
|
|
|
关注点 |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- <view class="conmsg-msg-lab-img"> |
|
|
|
<image class="screen-sel-img" src="../../../static/images/right.png" mode=""></image> |
|
|
|
</view> --> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="conmsg-msg-lab"> |
|
|
|
<view class="conmsg-msg-lab-1"> |
|
|
|
客户来源 |
|
|
|
</view> |
|
|
|
<view class="conmsg-msg-lab-inp"> |
|
|
|
<input type="text" placeholder="请选择客户来源" @click="soureshow = true" v-model="selectform.soure" disabled/> |
|
|
|
<view class=""> |
|
|
|
<view class="conmsg-msg-lab"> |
|
|
|
<view class="conmsg-msg-lab-1"> |
|
|
|
客户来源 |
|
|
|
</view> |
|
|
|
<!-- <view class="conmsg-msg-lab-img"> |
|
|
|
<image class="screen-sel-img" src="../../../static/images/right.png" mode=""></image> |
|
|
|
</view> --> |
|
|
|
</view> |
|
|
|
<view class="conmsg-msg-lab-img"> |
|
|
|
<image class="screen-sel-img" src="../../../static/images/right.png" mode=""></image> |
|
|
|
<view class="con-msg-con"> |
|
|
|
<view v-for="(item,index) in sourelist" :key="index" :style="{border:item.checked?'1px solid #0A6EE9':'1px solid #E0E0E0'}" class="chebox" @click="sourecheck(index)"> |
|
|
|
{{item.label}} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
@@ -154,17 +166,17 @@ |
|
|
|
<!-- 客户等级 --> |
|
|
|
<u-select v-model="lelveshow" :list="lelvelist" @confirm="lelveshowCallback"></u-select> |
|
|
|
<!-- 客户阶段 --> |
|
|
|
<u-select v-model="stageshow" :list="stagelist" @confirm="stageshowCallback"></u-select> |
|
|
|
<!-- <u-select v-model="stageshow" :list="stagelist" @confirm="stageshowCallback"></u-select> --> |
|
|
|
<!-- 职业需求 --> |
|
|
|
<u-select v-model="demandshow" :list="demandlist" @confirm="demandshowCallback"></u-select> |
|
|
|
<!-- <u-select v-model="demandshow" :list="demandlist" @confirm="demandshowCallback"></u-select> --> |
|
|
|
<!-- 意向面积 --> |
|
|
|
<u-select v-model="areashow" :list="arealist" @confirm="areashowCallback"></u-select> |
|
|
|
<!-- <u-select v-model="areashow" :list="arealist" @confirm="areashowCallback"></u-select> --> |
|
|
|
<!-- 预算 --> |
|
|
|
<u-select v-model="budgetshow" :list="budgetlist" @confirm="budgetshowCallback"></u-select> |
|
|
|
<!-- <u-select v-model="budgetshow" :list="budgetlist" @confirm="budgetshowCallback"></u-select> --> |
|
|
|
<!-- 关注点 --> |
|
|
|
<u-select v-model="fouceshow" :list="foucelist" @confirm="fouceshowCallback"></u-select> |
|
|
|
<!-- <u-select v-model="fouceshow" :list="foucelist" @confirm="fouceshowCallback"></u-select> --> |
|
|
|
<!-- 客户来源 --> |
|
|
|
<u-select v-model="soureshow" :list="sourelist" @confirm="soureshowCallback"></u-select> |
|
|
|
<!-- <u-select v-model="soureshow" :list="sourelist" @confirm="soureshowCallback"></u-select> --> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
@@ -174,21 +186,23 @@ |
|
|
|
return{ |
|
|
|
form:{ |
|
|
|
name:'', |
|
|
|
sex:'0', |
|
|
|
sex:'1', |
|
|
|
phone:'', |
|
|
|
wx:'', |
|
|
|
chatNo:'', |
|
|
|
lelve:'', |
|
|
|
stage:'', |
|
|
|
txea:'', |
|
|
|
demand:'', |
|
|
|
area:'', |
|
|
|
budget:'', |
|
|
|
fouce:'', |
|
|
|
soure:'', |
|
|
|
demand:{ |
|
|
|
// 户型 |
|
|
|
roomModel:'', |
|
|
|
// 面积 |
|
|
|
acreage:'', |
|
|
|
// 客户来源 |
|
|
|
// 预算 |
|
|
|
// 关注点 |
|
|
|
} |
|
|
|
|
|
|
|
}, |
|
|
|
selectform:{ |
|
|
|
lelve:'A', |
|
|
|
lelve:'', |
|
|
|
stage:'', |
|
|
|
demand:'', |
|
|
|
area:'', |
|
|
@@ -198,12 +212,8 @@ |
|
|
|
|
|
|
|
}, |
|
|
|
lelveshow:false, |
|
|
|
stageshow:false, |
|
|
|
demandshow:false, |
|
|
|
areashow:false, |
|
|
|
budgetshow:false, |
|
|
|
fouceshow:false, |
|
|
|
soureshow:false, |
|
|
|
customerId:'', |
|
|
|
// 等级 |
|
|
|
lelvelist:[ |
|
|
|
{ |
|
|
|
value:1, |
|
|
@@ -222,120 +232,94 @@ |
|
|
|
label:'D' |
|
|
|
}, |
|
|
|
], |
|
|
|
stagelist:[ |
|
|
|
{ |
|
|
|
value:1, |
|
|
|
label:'首次到访' |
|
|
|
}, |
|
|
|
{ |
|
|
|
value:2, |
|
|
|
label:'首次到访B' |
|
|
|
}, |
|
|
|
{ |
|
|
|
value:3, |
|
|
|
label:'首次到访C' |
|
|
|
}, |
|
|
|
], |
|
|
|
demandlist:[ |
|
|
|
{ |
|
|
|
value:1, |
|
|
|
label:'需求' |
|
|
|
}, |
|
|
|
{ |
|
|
|
value:2, |
|
|
|
label:'首次到访B' |
|
|
|
}, |
|
|
|
{ |
|
|
|
value:3, |
|
|
|
label:'首次到访C' |
|
|
|
}, |
|
|
|
], |
|
|
|
arealist:[ |
|
|
|
{ |
|
|
|
value:1, |
|
|
|
label:'面积' |
|
|
|
}, |
|
|
|
{ |
|
|
|
value:2, |
|
|
|
label:'首次到访B' |
|
|
|
}, |
|
|
|
{ |
|
|
|
value:3, |
|
|
|
label:'首次到访C' |
|
|
|
}, |
|
|
|
], |
|
|
|
budgetlist:[ |
|
|
|
{ |
|
|
|
value:1, |
|
|
|
label:'预算' |
|
|
|
}, |
|
|
|
{ |
|
|
|
value:2, |
|
|
|
label:'首次到访B' |
|
|
|
}, |
|
|
|
{ |
|
|
|
value:3, |
|
|
|
label:'首次到访C' |
|
|
|
}, |
|
|
|
], |
|
|
|
foucelist:[ |
|
|
|
{ |
|
|
|
value:1, |
|
|
|
label:'关注' |
|
|
|
}, |
|
|
|
{ |
|
|
|
value:2, |
|
|
|
label:'首次到访B' |
|
|
|
}, |
|
|
|
{ |
|
|
|
value:3, |
|
|
|
label:'首次到访C' |
|
|
|
}, |
|
|
|
], |
|
|
|
sourelist:[ |
|
|
|
{ |
|
|
|
value:1, |
|
|
|
label:'来源' |
|
|
|
}, |
|
|
|
{ |
|
|
|
value:2, |
|
|
|
label:'首次到访B' |
|
|
|
}, |
|
|
|
{ |
|
|
|
value:3, |
|
|
|
label:'首次到访C' |
|
|
|
}, |
|
|
|
], |
|
|
|
stagelist:[], |
|
|
|
// 置业需求 |
|
|
|
demandlist:[], |
|
|
|
// 意向面积 |
|
|
|
arealist:[], |
|
|
|
// 预算 |
|
|
|
budgetlist:[], |
|
|
|
// 关注点 |
|
|
|
foucelist:[], |
|
|
|
// 客户来源 |
|
|
|
sourelist:[], |
|
|
|
} |
|
|
|
}, |
|
|
|
onLoad(e) { |
|
|
|
console.log(e) |
|
|
|
// 先调用借口查询数据 |
|
|
|
this.customerId=e.id |
|
|
|
this.getdetail() |
|
|
|
}, |
|
|
|
methods:{ |
|
|
|
lelveshowCallback(e){ |
|
|
|
this.selectform.lelve=e[0].label |
|
|
|
this.form.lelve=e[0].value |
|
|
|
sourecheck(index){ |
|
|
|
this.sourelist[index].checked=!this.sourelist[index].checked |
|
|
|
this.$forceUpdate() |
|
|
|
}, |
|
|
|
stageshowCallback(e){ |
|
|
|
this.selectform.stage=e[0].label |
|
|
|
this.form.stage=e[0].value |
|
|
|
demandcheck(index){ |
|
|
|
this.demandlist[index].checked=!this.demandlist[index].checked |
|
|
|
this.$forceUpdate() |
|
|
|
}, |
|
|
|
demandshowCallback(e){ |
|
|
|
this.selectform.demand=e[0].label |
|
|
|
this.form.demand=e[0].value |
|
|
|
areacheck(index){ |
|
|
|
this.arealist[index].checked=!this.arealist[index].checked |
|
|
|
this.$forceUpdate() |
|
|
|
}, |
|
|
|
areashowCallback(e){ |
|
|
|
this.selectform.area=e[0].label |
|
|
|
this.form.area=e[0].value |
|
|
|
}, |
|
|
|
budgetshowCallback(e){ |
|
|
|
this.selectform.budget=e[0].label |
|
|
|
this.form.budget=e[0].value |
|
|
|
lelveshowCallback(e){ |
|
|
|
this.selectform.lelve=e[0].label |
|
|
|
this.form.lelve=e[0].value |
|
|
|
}, |
|
|
|
fouceshowCallback(e){ |
|
|
|
this.selectform.fouce=e[0].label |
|
|
|
this.form.fouce=e[0].value |
|
|
|
// 获取用户数据 |
|
|
|
getdetail(){ |
|
|
|
this.$u.get("customer/findById?",{id:this.customerId}) |
|
|
|
.then(res=>{ |
|
|
|
// console.log(res) |
|
|
|
this.form=res |
|
|
|
// 给客户等级赋值 |
|
|
|
let idx= this.lelvelist.findIndex(item=>item.value==res.level) |
|
|
|
if(idx!=-1){ |
|
|
|
this.selectform.lelve=this.lelvelist[idx].label |
|
|
|
} |
|
|
|
// 获取置业需求 |
|
|
|
this.getListByType('needType','demandlist') |
|
|
|
// 获取意向面积 |
|
|
|
this.getListByType('area','arealist') |
|
|
|
// 获取客户来源 |
|
|
|
this.getListByType('customerSource','sourelist') |
|
|
|
}) |
|
|
|
}, |
|
|
|
soureshowCallback(e){ |
|
|
|
this.selectform.soure=e[0].label |
|
|
|
this.form.soure=e[0].value |
|
|
|
// 字典表接口 |
|
|
|
getListByType(type,list){ |
|
|
|
this.$u.get("/sysDict/findListByType",{type}) |
|
|
|
.then(res=>{ |
|
|
|
// console.log(res) |
|
|
|
this[list]=res |
|
|
|
// 处理回显问题 |
|
|
|
if(type=='needType'){ |
|
|
|
// 置业需求 |
|
|
|
// console.log(this.demandlist) |
|
|
|
this.demandlist.map(item=>{ |
|
|
|
// console.log(this.form.demand.demandType) |
|
|
|
if((this.form.demand.demandType+'').includes(item.value)){ |
|
|
|
item.checked=true |
|
|
|
}else{ |
|
|
|
item.checked=false |
|
|
|
} |
|
|
|
}) |
|
|
|
} |
|
|
|
// 意向面积 |
|
|
|
if(type=='area'){ |
|
|
|
this.arealist.map(item=>{ |
|
|
|
item.checked=false |
|
|
|
}) |
|
|
|
} |
|
|
|
// 客户来源 |
|
|
|
if(type=='customerSource'){ |
|
|
|
this.sourelist.map(item=>{ |
|
|
|
item.checked=false |
|
|
|
}) |
|
|
|
} |
|
|
|
|
|
|
|
}) |
|
|
|
}, |
|
|
|
} |
|
|
|
} |
|
|
@@ -412,4 +396,20 @@ |
|
|
|
line-height: 88rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
.con-msg-con{ |
|
|
|
display: flex; |
|
|
|
flex-wrap: wrap; |
|
|
|
// justify-content: space-around; |
|
|
|
border-bottom: 1px solid #E0E0E0; |
|
|
|
.chebox{ |
|
|
|
// width: 20%; |
|
|
|
height: 60rpx; |
|
|
|
line-height: 60rpx; |
|
|
|
margin: 10rpx 0; |
|
|
|
margin-right: 20rpx; |
|
|
|
border: 1px solid #E0E0E0; |
|
|
|
box-sizing: border-box; |
|
|
|
padding: 0 10rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |