lichebao/pages/customer/detail/index.wxml

<view class="container">
  <view class="inner40">
    <view class="inner40 relative ulib-r10 box-shadow-lightGray mb30 overflowhidden">
      <view class="absolute top-0 left-0 width-25 mt40 pt5 pb5 bg-36afa2 line-height-13 font-22 color-fff">潜客</view>
      <view class="relative pr180">
        <view class="font-32">
          <text>林先生</text>
          <text>(*382)</text>
          <text class="iconfont icon-xingxing ml10"></text>
        </view>
        <view class="text-nowrap">
          <text class="inline-block mr10 pt5 pb5 pl10 pr10 bg-666 font-18 color-fff ulib-r750">H级客户</text>
          <text class="inline-block mr10 pt5 pb5 pl10 pr10 bg-666 font-18 color-fff ulib-r750">H级客户</text>
          <text class="inline-block mr10 pt5 pb5 pl10 pr10 bg-666 font-18 color-fff ulib-r750">H级客户</text>
          <text class="inline-block mr10 pt5 pb5 pl10 pr10 bg-666 font-18 color-fff ulib-r750">H级客户</text>
          ...
        </view>
        <view class="absolute right-0 box-middle">
          <view class="inline-block relative img-55x55 bg-333 font-28 color-fff mr30 ulib-r750" catchtap="showMessage" data-id="{{info.id}}">
            <i class="absolute box-center-middle iconfont icon-liuyan"></i>
          </view>
          <view class="inline-block relative img-55x55 bg-333 font-28 color-fff ulib-r750" catchtap="{{info.call_type == 'xz'?'callXz':'call'}}" data-id="{{info.id}}" data-type="{{info.type}}">
            <i class="absolute box-center-middle iconfont icon-dianhua"></i>
          </view>
        </view>
      </view>
      <view class="mt25 fn-clear font-28">
        <view class="fn-fl">品牌车型</view>
        <view class="fn-fr wp60 text-nowrap text-right color-666">东风EX1</view>
      </view>
      <view class=mt25 fn-clear font-28">
        <view class="fn-fl">品牌车型</view>
        <view class="fn-fr wp60 text-nowrap text-right color-666">东风EX1</view>
      </view>
      <view class="mt25 fn-clear font-28">
        <view class="fn-fl">品牌车型</view>
        <view class="fn-fr wp60 text-nowrap text-right color-666">东风EX1</view>
      </view>
      <view class="mt25 fn-clear font-28">
        <view class="fn-fl">品牌车型</view>
        <view class="fn-fr wp60 text-nowrap text-right color-666">东风EX1</view>
      </view>
    </view>
    <view class="fn-flex font-32 color-666 text-center">
      <block wx:for='{{tab}}' wx:key='list'>
        <view class="fn-flex-item pl20 pr20 tabmenu2 {{tabid == item.id?'active color-36afa2':''}}" data-index="{{index}}" bindtap="changeTab">
          <view class="relative">{{item.title}}</view>
        </view>
      </block>
    </view>
    <view class="mt30 pb150" wx:if="{{tabid == tab[0].id}}">
      <view class="font-22">
        <i class="iconfont icon-fenqi mr10"></i>
        <text>分期信息</text>
      </view>
      <view class="mt10">
        <view class="relative bbs-1-eb last-b-none pl140 font-28">
          <view class="absolute left-0 box-middle">客户姓名</view>
          <view class="pt30 pb30 text-right font-28 color-666">
            哈哈哈
          </view>
        </view>
        <view class="relative bbs-1-eb last-b-none pl140 font-28">
          <view class="absolute left-0 box-middle">手机号码</view>
          <view class="pt30 pb30 text-right font-28 color-666">
            153*****7676
          </view>
        </view>
        <view class="relative bbs-1-eb pl190 last-b-none">
          <view class="absolute left-0 box-middle font-28">性别</view>
          <view class="pt30 pb30 text-right font-28 color-666">
            男
          </view>
        </view>
      </view>
    </view>
    <view class="mt30 pb150" wx:elif="{{tabid == tab[1].id}}">
      <view class="fn-flex text-center">
        <view class="fn-flex-item mr15 pt20 pb20 bg-f3f6fc ulib-r10">
          <view class="font-32">6</view>
          <view class="font-22">去电</view>
        </view>
        <view class="fn-flex-item ml15 mr15 pt20 pb20 bg-fffaeb ulib-r10">
          <view class="font-32">6</view>
          <view class="font-22">短信</view>
        </view>
        <view class="fn-flex-item ml15 mr15 pt20 pb20 bg-f1f9f8 ulib-r10">
          <view class="font-32">6</view>
          <view class="font-22">到店</view>
        </view>
        <view class="fn-flex-item ml15 pt20 pb20 bg-fff6f8 ulib-r10">
          <view class="font-32">6</view>
          <view class="font-22">试驾</view>
        </view>
      </view>
      <view class="mt40 font-22">
        <i class="iconfont icon-genzong mr10"></i>
        <text>用户跟踪</text>
      </view>
      <view class="orderDtail-log mt30 relative" wx:if="{{step.length>0}}">
        <block wx:for="{{step}}" wx:key="index">
          <view class="orderDtail-log-item pl40 relative">
            <view class="orderDtail-log-content">
              <view class="font-22 color-999">{{item.time}}</view>
              <view class="font-28 text-break">{{item.content}}</view>
            </view>
            <i class="absolute left-0 box-middle mt40 bg-fff line-height-11 font-22 color-999 iconfont icon-jiantou" wx:if="{{index+1 != step.length}}"></i>
            <text class="absolute orderDtail-log-dot"></text>
          </view>
        </block>
      </view>
    </view>
    <view class="mt30 pb150" wx:elif="{{tabid == tab[2].id}}">

    </view>
  </view>

  <view class="fixed left-0 bottom-0 right-0 bg-fff-op80 pl100 pr100 pt20 pb20">
    <button class="wp100 btn-36afa2 pt10 pb10 text-center font-32 color-fff ulib-r750" bindtap="showSelectStatus">变更状态</button>
  </view>

</view>

<lcb-msg isShow="{{isShowSelectStatus}}">
	<view slot="content">
		<view class="mt50 font-36 text-center">修改状态</view>
    <scroll-view class="pb50" scroll-y="true" style="max-height:600rpx;">
      <view class="pl40 pr40 mt20 font-32">
        <block wx:for="{{status}}" wx:key='index'>
          <view class="relative mt20 inner30 bg-f6 ulib-r10" bindtap="radioPicker" data-id="{{item.id}}">
            <text>{{item.title}}</text>
            <i class="absolute right-0 box-middle mr30 iconfont {{statusid == item.id?'icon-danxuan_xuanzhong color-36afa2':'icon-danxuan'}}"></i>
          </view>
        </block>
      </view>
    </scroll-view>
    <view class="bts-1-eb text-center font-32 color-666">
      <view class="pt25 pb25 color-36afa2" bindtap="hideSelectStatus">确定</view>
    </view>
	</view>
</lcb-msg>