gx

queenwuli

2021-01-11 7113b4f2dd47a313c6fbc85c21f4756da42b212a

 hive-app/pages/workbench/followRecords/addRecord.vue

@@ -1,8 +1,84 @@
<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>