客户池列表增加操作日志

pages/customer/index.wxml

@@ -110,6 +110,25 @@
               <button class="btn color-fff font-26 ulib-r750" style="background-color:#f63c51"><text class="iconfont icon-xiaoji mr5"></text>解锁查看</button>
             </view>
           </view>
+          <view class="relative mt20 overflowhidden">
+            <view class="orderDtail-log mt40 relative" wx:if="{{item.logList.length>0}}">
+              <block wx:for="{{item.logList}}" wx:for-item="log" wx:for-index="index" wx:key="index">
+                <view class="orderDtail-log-item pl40 relative">
+                  <view class="orderDtail-log-content">
+                    <!-- 时间 -->
+                    <view class="font-22">
+                      <text class="color-999">{{log.c_time}}</text>
+                    </view>
+                    <!-- 内容 -->
+                    <view class="font-28 text-break" style="min-height:50rpx;">{{log.content}}</view>
+                  </view>
+                  <i class="absolute box-middle mt15 bg-fff line-height-11 font-22 color-999 iconfont icon-jiantou-up z-index-1" wx:if="{{index+1 != item.logList.length}}"></i>
+                  <text class="absolute orderDtail-log-line2 z-index-0" wx:if="{{index != item.logList.length-1}}"></text>
+                  <text class="absolute orderDtail-log-dot z-index-1"></text>
+                </view>
+              </block>
+            </view>
+          </view>
         </view>
       </block>
     </block>

pages/customer/index.wxss

@@ -25,4 +25,68 @@
   to {right:-650rpx;}
 }
 
-.radio-btn{min-width:104rpx;box-sizing:border-box;text-align:center;}
+.radio-btn{min-width:104rpx;box-sizing:border-box;text-align:center;}
+
+.orderDtail-log-item{
+  padding-bottom: 40rpx;
+  line-height: 1.6;
+}
+.orderDtail-log-item:first-child{
+  margin-top: 0;
+}
+.orderDtail-log-line{
+  top: 8rpx;
+  left:16rpx;
+  width:2rpx;
+  height:2rpx;
+}
+.orderDtail-log-line::before{
+  content:'';
+  position:absolute;
+  left:0;
+  bottom:8rpx;
+  background-color: #1a1a1a;
+  width:2rpx;
+  height:1000rpx;
+}
+.orderDtail-log-line2{
+  top:8rpx;
+  bottom:-8rpx;
+  left:16rpx;
+  width:2rpx;
+  background-color: #1a1a1a;
+}
+.orderDtail-log-dot{
+  top: 8rpx;
+  left:6rpx;
+  width: 23rpx;
+  height: 23rpx;
+  border-radius: 100%;
+  background-color: #fff;
+}
+.orderDtail-log-dot::before{
+  width: 18rpx;
+  height: 18rpx;
+  background-color: #fff;
+}
+.orderDtail-log-dot::after{
+  width: 12rpx;
+  height: 12rpx;
+  background-color: #1a1a1a;
+}
+.orderDtail-log-dot::before,.orderDtail-log-dot::after{
+  content: '';
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%,-50%);
+  border-radius: 100%;
+}
+
+.orderDtail-log .orderDtail-log-content{
+  position:relative;
+  top:-20rpx;
+}
+.icon-jiantou-up{
+  left:6rpx;
+}