<template>
|
<view class="font-14 container">
|
<view class="content-row">
|
<view>
|
<input placeholder="请填写跟进记录" placeholder-class="placeholder font-14"/>
|
</view>
|
<view class="mt-15">
|
<view class="add-img">
|
<text class="iconfont iconxiangji gray icon"></text>
|
</view>
|
</view>
|
</view>
|
<view class="content-row flex align-center justify-between">
|
<text>客户</text>
|
<navigator url="../../member/selectCustomer" hover-class="none" class="gray flex align-center">
|
<text>刘亦菲</text>
|
<text class="iconfont iconarrow-backimg"></text>
|
</navigator>
|
</view>
|
<view class="content-row flex align-center justify-between">
|
<text>相关订单</text>
|
<navigator url="../../member/selectCustomer" hover-class="none" class="gray flex align-center">
|
<text>水光面膜等三件产品</text>
|
<text class="iconfont iconarrow-backimg"></text>
|
</navigator>
|
</view>
|
<view class="content-row flex align-center justify-between">
|
<text>下次跟进提醒</text>
|
<picker mode="date" :value="date" :start="startDate" :end="endDate" @change="bindDateChange">
|
<view class="gray flex align-center">
|
<text>请选择</text>
|
<text class="iconfont iconarrow-backimg"></text>
|
</view>
|
</picker>
|
</view>
|
<view class="content-row flex align-center justify-between">
|
<text>设置可见范围</text>
|
<view>
|
<radio-group name="privacy" @change="privacyChange">
|
<label class="mr-20"><radio value="公共" color="#518EFF" class="radio" :checked="sex==='公共'"/>公开</label>
|
<label><radio value="私人" color="#518EFF" class="radio" :checked="sex==='私人'"/>仅自己可见</label>
|
</radio-group>
|
</view>
|
</view>
|
<button class="blue-btn sticky-footer">提交跟进</button>
|
</view>
|
</template>
|
|
<script>
|
export default{
|
data(){
|
return{
|
privacy: '私人',
|
}
|
},
|
methods:{
|
privacyChange(e){
|
this.privacy = e.detail.value;
|
}
|
}
|
}
|
</script>
|
|
<style>
|
.container{
|
padding: 0 10px;
|
}
|
.content-row{
|
border-bottom: 1px solid #EDEAF4;
|
padding: 15px 0;
|
}
|
.add-img{
|
width: 40px;
|
height: 40px;
|
border: 1px solid #EDEAF4;
|
padding: 10px;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
.icon{
|
font-size: 30px;
|
}
|
</style>
|
