<!-- 前台导入wxmlUtil.wxs -->
<wxs src='/utils/wxmlUtil.wxs' module="wxmlUtil"></wxs>
<loading wx:if="{{loading}}"></loading>
<view class="detail-top" data-item="{{item}}">
  <image class="scan-image" fit="fill" src="{{imageUrl+'/customer_detail_04.png'}}"></image>
  <view class="detail-top-sup" style="display: flex;">
    <view>
      <image class="scan-image-icon" fit="fill" src="{{imageUrl+'/customer_detail_01.png'}}"></image>
    </view>
    <view style="padding-left: 10rpx;">
      {{item.cusName}}
    </view>

    <view style="padding-left: 20rpx;">
      <dk-tag border="1rpx solid #FF7B1A" height="30rpx" color="transparent" textColor="#FF7B1A" radius="10rpx" roundFlag="{{true}}" marginRight="20rpx" value="{{item.saleStatusName}}"></dk-tag>
    </view>
    <image src="{{imageUrl + 'edit.png'}} " style="width: 60rpx;height: 60rpx;position: absolute; right: 20rpx;" data-item="{{item}}" bind:tap="toDetail" />
  </view>
  <view class="detail-top-color" style="display: flex;">
    <view>
      <image class="scan-image-icon" fit="fill" src="{{imageUrl+'/customer_detail_02.png'}}"></image>
    </view>
    <view style="padding-left: 10rpx;"catchtap="openTelPhone"data-item="{{item}}">
      {{item.cusPhone}}
    </view>
  </view>
  <view class="detail-top-color" style="display: flex;">

    <view>
      <image class="scan-image-icon" fit="fill" src="{{imageUrl+'/customer_detail_03.png'}}"></image>
    </view>
    <view style="padding-left: 10rpx;z-index: 2;">
      {{ wxmlUtil.addressToIndexOf(item.addressFull)}}
    </view>
  </view>


</view>

<view style="border-radius: 16rpx;margin: 20rpx 0;box-shadow: 0px 10px 20px 0px #0000000D;padding:20rpx;">
  <van-grid column-num="3" border="{{false}}" >
    <view style="display: flex;">
      <view class="number">
        <view class="order-summary">
          <dk-cell center="center" height="46rpx" spaceWidth="1rpx" left="0" fontSize="17" contentColor="#1B365D" fontWeight="600" title="" content="{{item.orderAmount ? item.orderAmount : 0}}"></dk-cell>
        </view>
        <view class="oreder-summary-detail">
          订单（{{item.orderQuantity}}单）
        </view>
      </view>

      <view class="number" style="margin-left: 0; margin-right: 0;">
        <view class="order-summary">
          <dk-cell center="center" height="46rpx" spaceWidth="1rpx" left="0" fontSize="17" contentColor="#1B365D" fontWeight="600" title="" content="{{item.outboundAmount ? item.outboundAmount : 0}}"></dk-cell>
        </view>
        <view class="oreder-summary-detail">
          出库（{{item.outboundQuantity}}单）
        </view>
      </view>

      <view class="number" style="margin-right: 0;">
        <view class="order-summary">
          <dk-cell center="center" height="46rpx" spaceWidth="1rpx" left="0" fontSize="17" contentColor="#1B365D" fontWeight="600" title="" content="{{item.outboundNotAmount ? item.outboundNotAmount : 0}}"></dk-cell>
        </view>
        <view class="oreder-summary-detail">
          未出库（{{item.outboundNotQuantity}}单）
        </view>
      </view>
    </view>
    <view style="display: flex;">
      <view class="number">
        <view class="order-summary">
          <dk-cell center="center" height="46rpx" spaceWidth="1rpx" left="0" fontSize="17" contentColor="#1B365D" fontWeight="600" title="" content="{{item.receiptResidue ? item.receiptResidue : 0}}"></dk-cell>
        </view>
        <view class="oreder-summary-detail">
          收款总额
        </view>
      </view>

      <view class="number" style="margin-left: 0; margin-right: 0;">
        <view class="order-summary">
          <!--标准版（应收 - 收款）-->
          <dk-cell wx:if="{{gradeCode == 'STD'}}" center="center" height="46rpx" spaceWidth="1rpx" left="0" fontSize="17" contentColor="#1B365D" fontWeight="600" title="" content="{{(item.receivable - item.receipt) ? (item.receivable - item.receipt) : 0}}">
          </dk-cell>
          <dk-cell wx:else center="center" height="46rpx" spaceWidth="1rpx" left="0" fontSize="17" contentColor="#1B365D" fontWeight="600" title="" content="{{item.receivableResidue ? item.receivableResidue : 0}}">
          </dk-cell>
        </view>
        <view class="oreder-summary-detail">
          客户欠款
        </view>
      </view>

      <view class="number" style="margin-right: 0;">
        <view class="order-summary">
          <dk-cell center="center" height="46rpx" spaceWidth="1rpx" left="0" fontSize="17" contentColor="#1B365D" fontWeight="600" title="" content="{{item.outboundReturnAmount ? item.outboundReturnAmount : 0 }}"></dk-cell>
        </view>
        <view class="oreder-summary-detail">
          退货（{{item.outboundReturnQuantity}}单）
        </view>
      </view>
    </view>
  </van-grid>
</view>

<van-cell border="{{ false }}">
  <view style=" display:flex;height: 102rpx;width:100%;">
    <view class="order-button" style="background: linear-gradient(76.18deg, #87B8F1 5.1%, #F0F5FF 88.86%);border: 1px solid #8BBAF2;position: relative;" bindtap="toJump" data-key="sale">
      <image class="scan-image-icon-3" fit="fill" src="{{imageUrl+'/customer_detail_icon_02.png'}}"></image>
      <view style="color:#0458C0;font-weight:bold;font-size: 14px;z-index: 2;">
        销售订单
      </view>
    </view>
    <view class="order-button" style="background: linear-gradient(76.18deg, #87A5F1 5.1%, #F0F5FF 88.86%);border: 1px solid #8DAAF2;margin-left: 23rpx;position: relative;" bindtap="toJump" data-key="receipt">
      <image class="scan-image-icon-3" fit="fill" src="{{imageUrl+'/customer_detail_icon_01.png'}}"></image>
      <view style="color:#253FC9;font-weight:bold;font-size: 14px;z-index: 2;">
        收款单
      </view>
    </view>
    <view class="order-button" style="background: linear-gradient(76.18deg, #7BCDEF 5.1%, #F0FDFF 88.86%);border: 1px solid #85D1F1;margin-left: 23rpx;position: relative;" bindtap="toJump" data-key="saleReturn">
      <image class="scan-image-icon-3" fit="fill" src="{{imageUrl+'/customer_detail_icon_03.png'}}"></image>
      <view style="color:#0B8DB7;font-weight:bold;font-size: 14px;z-index: 2;">
        销售退货
      </view>

    </view>
  </view>
</van-cell>
<view style="margin-bottom: 15rpx;"></view>


<van-tabs color="#1B365D" active="{{ active }}" bind:change="onChange">
  <!--标准版不见跟进记录-->
  <van-tab title-style="color:#96A7C5;" title="跟进记录" wx:if="{{gradeCode != 'STD'}}" name="follow">
    <view class="table-show">
      <view class="table-show-detail" style="padding: 5rpx;">
        <view style="width: 100%;" wx:if="{{customerFollowList.length>0}}">
          <view style="display: flex; margin-top:34rpx;padding-left: 30rpx;">
            <view class="font" style="color:#1B365D;text-align:left;width: 20%;">跟进 {{customerFollowList.length}} 次</view>
            <view class="font" style="color:#1B365D;white-space: nowrap;">
              最后跟进时间 : {{item.lastFollowTime?item.lastFollowTime:''}}
            </view>
          </view>

          <!-- <view style="font-size: 14px;word-break: break-all; padding-left:20px;color:#1B365D;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;width: calc(100% - 40px); ">
            下次跟进计划:{{form.nextFollowPlan?form.nextFollowPlan:''}}
          </view> -->
        </view>
        <!-- 步骤条 start -->
        <!-- 跟进记录 第一个da循环 -->
        <view wx:for="{{customerFollowList}}">
          <!-- 第一框 -->
          <view style="display:flex;background:white;font-size:14px;color:#95A8CB;margin-top:10rpx;">
            <view style="margin-left: 6vw;">
              {{item.weekTime==1?"周一":item.weekTime==2?"周二":item.weekTime==3?"周三":item.weekTime==4?"周四":item.weekTime==5?"周五":item.weekTime==6?"周六":item.weekTime==7?"周日":""}}
            </view>
            <view style="margin-left: 7vw;color:#95A8CB;margin-top: 20rpx;font-size: 12px;">{{item.createTime}}</view>
          </view>
          <view class="steps_box">
            <!-- 第一框  循环 第一个 -->
            <block class="block-step" wx:for="{{item.data}}" wx:for-item="dataitem">
              <view class="view_item">
                <!-- 圆圈数字 -->
                <view style="display: inline-flex;">
                  <view style="font-size: 13px;padding-right:10rpx; padding-top: 2vw; color: #95A8CB;" id="time{{index}}">
                    {{dataitem.hourTime}}
                  </view>
                  <view style=" height: 10px; width: 10px;background-color: rgb(34, 141, 228); border-radius: 50%;margin-top: 3vw;" id="xian{{index}}"> </view>
                  <view class="r_box" id="kuang{{index}}" data-item="{{dataitem}}" style="margin-left:20rpx;" bindtap="tofollew">
                    <view style="color:#1B365D;font-size:13px;margin: 1vw;">
                      {{dataitem.followTypeName}} | {{dataitem.followStatusName}}
                    </view>
                    <view style="color:#1B365D;font-size:13px;margin: 1vw;">
                      跟进人：{{dataitem.followStaffName}}
                    </view>
                    <view style="color: #96A7C5;font-size:13px;margin:1vw;word-break:break-word;">
                      {{dataitem.followData}}
                    </view>

                    <view wx:if="{{dataitem.measureTime}}" style="color:#1B365D;font-size:13px;margin: 1vw;">
                      回执时间：{{dataitem.measureTime}}
                    </view>



                    <view style=" color:#1B365D;font-size:13px;margin: 1vw;">

                      <!-- <view style="display: flex;">

                        <view style="color: rgb(34, 141, 228);">查看更多</view>
                      </view> -->
                    </view>


                  </view>
                </view>
              </view>
              <view style="margin-left: calc({{timeWidth}}px );display: flex;">
              </view>
            </block>

          </view>

          <!-- 步骤条 end -->
        </view>
        <van-empty wx:if="{{customerFollowList.length==0}}" description="暂无数据" />
      </view>
    </view>
  </van-tab>

  <van-tab title-style="color:#96A7C5;" title="交易记录" name="deal">
    <view style="margin-top: 20rpx;">
      <van-tabs type="card" border="{{false}}" active="{{ activeCard }}" bind:change="changeTag" tab-active-class="{{activeCard==0?'van-tab-active-left':(activeCard==2?'van-tab-active-right':'van-tab-active-middle')}}">

        <van-tab title="销售订单" name='order'>
          <view wx:for="{{orderList}}" data-index="{{index}}" data-item="item">

            <view class="dk-card-outer-class">
              <view class="dk-card-class">
                <view style="display:flex;padding: 2vw;">
                  <image style="width:20px;height:20px;" src="{{imageUrl + 'customer_detail_icon_04.png'}}"> </image>
                  <view style="font-weight:bold;font-size: 13px;white-space:nowrap;align-self:center;margin-left: 20rpx;">{{item.orderNo}}
                  </view>
                </view>

                <view style="height: 1px;background:#E9F0FE;width:90%;margin-left:5vw;" />
                <view style="display:flex;font-size: 26rpx;">
                  <view style="margin:2vw;margin-left: 32rpx;">门店：{{item.orgName}}</view>
                  <view style="flex:1;text-align:right;margin: 2vw;margin-right: 32rpx;white-space:nowrap;">
                    业务员：{{item.staffName}}</view>
                </view>
                <van-grid column-num="3">
                  <view style="display: flex;background-color:white;">
                    <view class="number-out-order">
                      <view class="order-summary">
                        <dk-cell center="center" height="46rpx" spaceWidth="1rpx" left="0" fontSize="17" contentColor="#FF7B1A" fontWeight="600" title="" content="{{item.sumAmount}}"></dk-cell>
                      </view>
                      <view class="out-oreder-detail">
                        成交金额
                      </view>
                    </view>

                    <view class="number-out-order">
                      <view class="order-summary">
                        <dk-text fontSize="17" color="#1B365D" value="{{item.orderItemResponseList.length}}">
                        </dk-text>
                      </view>
                      <view class="out-oreder-detail">
                        种类数
                      </view>
                    </view>

                    <view class="number-out-order">
                      <view class="order-summary">
                        <dk-text fontSize="17" color="#1B365D" value="{{item.sumQuantity}}">
                        </dk-text>
                      </view>
                      <view class="out-oreder-detail">
                        产品件数
                      </view>
                    </view>
                  </view>
                </van-grid>

                <view style="height: 1px;background:#E9F0FE;width:90%;margin-left:5vw;" />
                <van-collapse value="{{ activeNames_goods }}" bind:change="onChange_goods">
                  <van-collapse-item name="{{index+1}}" value="展开">
                    <view slot="title">
                      <view style="display: flex;">
                        <view>商品明细</view>
                        <view style="color:#b9b9b9;font-size:10px;flex:1;text-align-last: right;"></view>
                      </view>
                    </view>

                    <view wx:for="{{item.orderItemResponseList}}" data-item="{{item}}" wx:for-item="item" wx:key="index" wx:for-index="childindex" border="{{ true }}">

                      <van-card data-item="{{item}}" data-index="{{index}}">
                        <view slot="thumb">
                          <van-image radius="5px" width="80" height="80" src="{{item.imagesUrl }}" />
                        </view>
                        <view slot="title" style="display: flex;">
                          <view style="display: flex;">
                            <dk-title titleTag="{{item.brandName}}" title="{{item.skuModel}}"></dk-title>
                          </view>
                        </view>
                        <view slot="desc">
                          <view style="display:flex;width: 100%;">
                            <view style="width: 80%;">
                              <dk-text fontWeight="nomal" value="{{item.skuName}}"></dk-text>
                            </view>
                          </view>
                        </view>
                        <view slot="price">
                          <view style="display: flex;width: 100%;flex-direction: row;">
                            <view style="color: red;font-size: 4vw;width: 100%;">
                              <dk-cell center="center" height="46rpx" spaceWidth="1rpx" left="0" fontSize="16" contentColor="#FF7B1A" fontWeight="600" title="" content="{{item.priceSale}}"></dk-cell>
                            </view>
                            <view style="width: 100%;text-align: right;font-size: 3.5vw;color: #95A8CB;">x <span style="line-height:56rpx;">{{item.itemQty}}</span></view>
                          </view>
                        </view>
                      </van-card>
                      <van-divider />
                    </view>

                  </van-collapse-item>
                </van-collapse>

              </view>
            </view>


          </view>
          <van-empty wx:if="{{orderList.length==0}}" description="暂无数据" />

        </van-tab>
        <van-tab title="销售出库" name='order-out'>

          <view wx:for="{{orderOutList}}" data-index="{{index}}" data-item="item">

            <view class="dk-card-outer-class">
              <view class="dk-card-class">
                <view style="display:flex;padding: 2vw;">
                  <image style="width:20px;height:20px;" src="{{imageUrl + 'customer_detail_icon_04.png'}}"> </image>
                  <view style="font-weight:bold;font-size: 13px;white-space:nowrap;align-self:center;margin-left: 20rpx;">{{item.outNo}}
                  </view>
                </view>

                <view style="height: 1px;background:#E9F0FE;width:90%;margin-left:5vw;" />
                <view style="display:flex;font-size: 26rpx;">
                  <view style="margin:2vw;margin-left: 32rpx;">门店：{{item.orgName}}</view>
                  <view style="flex:1;text-align:right;margin: 2vw;margin-right: 32rpx;white-space:nowrap;">
                    业务员：{{item.staffName}}</view>
                </view>
                <van-grid column-num="3">
                  <view style="display: flex;background-color:white;">
                    <view class="number-out-order">
                      <view class="order-summary">
                        <dk-cell center="center" height="46rpx" spaceWidth="1rpx" left="0" fontSize="17" contentColor="#FF7B1A" fontWeight="600" title="" content="{{item.outAmt}}"></dk-cell>
                      </view>
                      <view class="out-oreder-detail">
                        货物总额
                      </view>
                    </view>

                    <view class="number-out-order">
                      <view class="order-summary">
                        <dk-text fontSize="17" color="#1B365D" value="{{item.goodsList.length}}">
                        </dk-text>
                      </view>
                      <view class="out-oreder-detail">
                        种类数
                      </view>
                    </view>

                    <view class="number-out-order">
                      <view class="order-summary">
                        <dk-text fontSize="17" color="#1B365D" value="{{item.outQty}}">
                        </dk-text>
                      </view>
                      <view class="out-oreder-detail">
                        产品件数
                      </view>
                    </view>
                  </view>
                </van-grid>

                <view style="height: 1px;background:#E9F0FE;width:90%;margin-left:5vw;" />
                <view style="display: flex; justify-content: space-between;margin: 10rpx 25rpx;font-size: 12px;" catchtap="handleExpandItem" data-type="order-out" data-item="{{item}}" data-index="{{index}}">
                  <view>商品明细</view>
                  <view style="display: flex; align-items: center;">{{!item.showDetailFlag?'展开':'收缩'}}
                    <van-icon style="margin-left: 8rpx;" name="{{!item.showDetailFlag?'arrow-down':'arrow-up'}}" />
                  </view>
                </view>

                <view wx:if="{{item.showDetailFlag}}" wx:for="{{item.goodsList}}" data-item="{{cItem}}" wx:for-item="cItem" wx:key="childindex" wx:for-index="childindex" border="{{ true }}">

                  <van-card data-item="{{cItem}}" data-index="{{childindex}}">

                    <view slot="thumb">
                      <van-image radius="5px" width="80" height="80" src="{{cItem.imagesUrl }}" />
                    </view>
                    <view slot="title" style="display: flex;">

                      <view style="display: flex;">

                        <dk-title titleTag="{{cItem.brandName}}" title="{{cItem.skuModel}}"></dk-title>
                      </view>
                    </view>
                    <view slot="desc">
                      <view style="display:flex;width: 100%;">
                        <view style="width: 80%;">
                          <dk-text fontWeight="nomal" value="{{cItem.skuName}}"></dk-text>
                        </view>
                      </view>
                    </view>
                    <view slot="price-top" style="display: flex;justify-content: space-between;" wx:if="{{cItem.skuId}}">
                      <view>
                        规格：{{cItem.skuSpec}}
                      </view>
                      <view>
                        色号：{{cItem.nonStdCode}}
                      </view>
                    </view>
                    <view slot="price">
                      <view style="display: flex;width: 100%;flex-direction: row;">
                        <view style="color: red;font-size: 14px;width: 100%;">
                          <dk-cell center="left" height="46rpx" spaceWidth="1rpx" left="0" fontSize="16" contentColor="#FF7B1A" fontWeight="600" title="" content="{{cItem.outAmt + cItem.outingAmt}}"></dk-cell>
                        </view>
                        <view style="width: 100%;text-align: right;font-size: 3.5vw;color: #95A8CB;">x <span style="line-height:56rpx;">{{(cItem.outQty  + cItem.outingQty) + (cItem.packBoxText? ('(' + cItem.packBoxText + ')'):'') }}</span></view>
                      </view>
                    </view>
                  </van-card>
                  <van-divider />
                </view>
              </view>
            </view>
          </view>

          <van-empty wx:if="{{orderOutList.length==0}}" description="暂无数据" />
        </van-tab>
        <van-tab title="销售退货" name='order-return'>
          <view wx:for="{{orderOutReturnList}}" data-index="{{index}}" data-item="item">

            <view class="dk-card-outer-class">
              <view class="dk-card-class">
                <view style="display:flex;padding: 2vw;">
                  <image style="width:20px;height:20px;" src="{{imageUrl + 'customer_detail_icon_04.png'}}"> </image>
                  <view style="font-weight:bold;font-size: 13px;white-space:nowrap;align-self:center;margin-left: 20rpx;">{{item.outNo}}
                  </view>
                </view>

                <view style="height: 1px;background:#E9F0FE;width:90%;margin-left:5vw;" />
                <view style="display:flex;font-size: 26rpx;">
                  <view style="margin:2vw;margin-left: 32rpx;">门店：{{item.orgName}}</view>
                  <view style="flex:1;text-align:right;margin: 2vw;margin-right: 32rpx;white-space:nowrap;">
                    业务员：{{item.staffName}}</view>
                </view>
                <van-grid column-num="3">
                  <view style="display: flex;background-color:white;">
                    <view class="number-out-order">
                      <view class="order-summary">
                        <dk-cell center="center" height="46rpx" spaceWidth="1rpx" left="0" fontSize="17" contentColor="#FF7B1A" fontWeight="600" title="" content="{{item.outAmt}}"></dk-cell>
                      </view>
                      <view class="out-oreder-detail">
                        退货金额
                      </view>
                    </view>

                    <view class="number-out-order">
                      <view class="order-summary">
                        <dk-text fontSize="17" color="#1B365D" value="{{item.goodsList.length}}">
                        </dk-text>
                      </view>
                      <view class="out-oreder-detail">
                        种类数
                      </view>
                    </view>

                    <view class="number-out-order">
                      <view class="order-summary">
                        <dk-text fontSize="17" color="#1B365D" value="{{item.outQty}}">
                        </dk-text>
                      </view>
                      <view class="out-oreder-detail">
                        产品件数
                      </view>
                    </view>
                  </view>
                </van-grid>

                <view style="height: 1px;background:#E9F0FE;width:90%;margin-left:5vw;" />
                <view style="display: flex; justify-content: space-between;margin: 10rpx 25rpx;font-size: 12px;" catchtap="handleExpandItem" data-type="order-return" data-item="{{item}}" data-index="{{index}}">
                  <view>商品明细</view>
                  <view style="display: flex; align-items: center;">{{!item.showReturnDetailFlag?'展开':'收缩'}}
                    <van-icon style="margin-left: 8rpx;" name="{{!item.showReturnDetailFlag?'arrow-down':'arrow-up'}}" />
                  </view>
                </view>
                <view wx:if="{{item.showReturnDetailFlag}}" wx:for="{{item.goodsList}}" data-item="{{cItem}}" wx:for-item="cItem" wx:key="index" wx:for-index="childindex" border="{{ true }}">

                  <van-card data-item="{{cItem}}" data-index="{{index}}">

                    <view slot="thumb">
                      <van-image radius="5px" width="80" height="80" src="{{cItem.imagesUrl }}" />
                    </view>
                    <view slot="title" style="display: flex;">
                      <view style="display: flex;">
                        <dk-title titleTag="{{cItem.brandName}}" title="{{cItem.skuModel}}"></dk-title>
                      </view>
                    </view>

                    <view slot="desc">
                      <view style="display:flex;width: 100%;">
                        <view style="width: 80%;">
                          <dk-text fontWeight="nomal" value="{{cItem.skuName}}"></dk-text>
                        </view>
                      </view>
                    </view>
                    <view slot="price-top" style="display: flex;justify-content: space-between;" wx:if="{{cItem.skuId}}">
                      <view>
                        规格：{{cItem.skuSpec}}
                      </view>
                      <view>
                        色号：{{cItem.nonStdCode}}
                      </view>
                    </view>
                    <view slot="price">
                      <view style="display: flex;width: 100%;flex-direction: row;">
                        <view style="color: red;font-size: 14px;width: 100%;">
                          <dk-cell center="left" height="46rpx" spaceWidth="1rpx" left="0" fontSize="16" contentColor="#FF7B1A" fontWeight="600" title="" content="{{cItem.outAmt}}"></dk-cell>
                        </view>
                        <view style="width: 100%;text-align: right;font-size: 3.5vw;color: #95A8CB;">x <span style="line-height:56rpx;">{{cItem.outQty + (cItem.packBoxText? ('(' + cItem.packBoxText + ')'):'')}}</span></view>
                      </view>
                    </view>
                  </van-card>

                  <van-divider />
                </view>
              </view>
            </view>


          </view>

          <van-empty wx:if="{{orderOutReturnList.length==0}}" description="暂无数据" />
        </van-tab>
      </van-tabs>

    </view>
  </van-tab>
  <van-tab title-style="color:#96A7C5;" title="收款记录" name="receipt">
    <view style="margin-bottom: 1vw;" wx:for="{{paymentRecordsList}}" wx:for-index="index">

      <view class="table-show">
        <view class="table-show-detail">
          <view style="display:flex;background: linear-gradient(95.33deg, #ADC6FF -2.27%, #F0F5FF 60.66%),radial-gradient(35.34% 100.27% at 10.78% 50%, rgba(159, 197, 255, 0.6) 0%, rgba(255, 255, 255, 0.426) 56.69%);border-radius: 15rpx  15rpx  0rpx  0rpx;padding: 20rpx;">
            <view style="width: 10%;display: flex;align-items: center;">
              <image style="width:20px;height:20px;" src="{{imageUrl + 'customer_detail_icon_04.png'}}"> </image>
            </view>

            <view style="display: flex;align-items: center;width: 60%;">
              <view style="font-weight:bold;font-size: 26rpx;">{{item.rpNo}}</view>
            </view>
            <view style="color: #00A7B5;font-size: 13px;align-items:center;display: flex;justify-content: flex-end;width: 30%;" bindtap="toOriginalCollection" data-item="{{item}}">
              <view>查看原单 </view>
              <van-icon name="arrow" />
            </view>
          </view>

          <view class="table-row">
            <view class="table-content-row">
              <view style="display: flex;">
                <view class="table-content-row-font">
                  <dk-text fontSize="14px" color="#95A8CB" fontWeight="nomal" value="门店/业务员"></dk-text>
                </view>
                <view class="table-content-class">
                  {{item.orgName}} | {{item.staffName}}
                </view>
              </view>
            </view>
          </view>

          <view class="table-row">
            <view class="table-content-row" style="width:100%;">
              <view style="display: flex;justify-content:space-between;">
                <view style="display: flex; width: 50%;">
                  <view class="table-content-row-font">
                    <dk-text fontSize="14px" color="#95A8CB" fontWeight="nomal" value="收款类型">
                    </dk-text>
                  </view>
                  <view class="table-content-class">
                    {{item.rpTypeName}}
                  </view>

                </view>

                <view style="text-align:right;width: 50%;">
                  <!-- <dk-text fontSize="17" color="#FF7B1A" value=" ￥{{item.sumAmount}}">
                  </dk-text> -->
                  <dk-cell height="46rpx" contentRight="{{true}}" spaceWidth="15rpx" fontSize="17" contentColor="#FF7B1A" fontWeight="" title=" " content="{{item.sumAmtRec ? item.sumAmtRec : 0}}"></dk-cell>
                </view>
              </view>

            </view>
          </view>


        </view>

      </view>
    </view>

    <van-empty wx:if="{{paymentRecordsList.length==0}}" description="暂无数据" />
  </van-tab>
  <van-tab title-style="color:#96A7C5;" title="退款记录" name="payment">
    <view style="margin-bottom: 1vw;" wx:for="{{refundRecordsList}}" wx:for-index="index">
      <view class="table-show">
        <view class="table-show-detail">
          <view style="display:flex;background: linear-gradient(95.33deg, #ADC6FF -2.27%, #F0F5FF 60.66%),radial-gradient(35.34% 100.27% at 10.78% 50%, rgba(159, 197, 255, 0.6) 0%, rgba(255, 255, 255, 0.426) 56.69%);border-radius: 15rpx  15rpx  0rpx  0rpx;padding: 20rpx;">
            <view style="width: 10%;display: flex;align-items: center;">
              <image style="width:20px;height:20px;" src="{{imageUrl + 'customer_detail_icon_04.png'}}"> </image>
            </view>

            <view style="display: flex;align-items: center;width: 60%;">
              <view style="font-weight:bold;font-size: 26rpx;">{{item.rpNo}}</view>
            </view>
            <view style="color: #00A7B5;font-size: 13px;align-items:center;display: flex;justify-content: flex-end;width: 30%;" bindtap="toOriginalCollection" data-item="{{item}}">
              <view>查看原单 </view>
              <van-icon name="arrow" />
            </view>
          </view>

          <view class="table-row">
            <view class="table-content-row">
              <view style="display: flex;">
                <view class="table-content-row-font">
                  <dk-text fontSize="14px" color="#95A8CB" fontWeight="nomal" value="门店/业务员"></dk-text>
                </view>
                <view class="table-content-class">
                  {{item.orgName}} | {{item.staffName}}
                </view>
              </view>
            </view>
          </view>

          <view class="table-row">
            <view class="table-content-row" style="width:100%;">
              <view style="display: flex;justify-content:space-between;">
                <view style="display: flex; width: 50%;">
                  <view class="table-content-row-font">
                    <dk-text fontSize="14px" color="#95A8CB" fontWeight="nomal" value="收款类型">
                    </dk-text>
                  </view>
                  <view class="table-content-class">
                    {{item.rpTypeName}}
                  </view>

                </view>

                <view style="text-align:right;width: 50%;">
                  <!-- <dk-text fontSize="17" color="#FF7B1A" value=" ￥{{item.sumAmount}}">
                  </dk-text> -->
                  <dk-cell height="46rpx" contentRight="{{true}}" spaceWidth="15rpx" fontSize="17" contentColor="#FF7B1A" fontWeight="" title=" " content="{{item.sumAmtRec ? item.sumAmtRec : 0}}"></dk-cell>
                </view>
              </view>

            </view>
          </view>


        </view>

      </view>
    </view>

    <van-empty wx:if="{{refundRecordsList.length==0}}" description="暂无数据" />
  </van-tab>

  <van-tab title-style="color:#96A7C5;" title="客户信息" name="customer">

    <view class="table-show">
      <view class="table-show-detail" style="padding: 5rpx;">

        <van-cell border="{{ false }}" title-width="180rpx" title="报备人" value=" {{item.reportStaffName?item.reportStaffName:''}}" title-class="dk-cell-title" />
        <van-cell border="{{ false }}" title-width="180rpx" title="销售部门" value="{{item.orgName}}" title-class="dk-cell-title" />
        <van-cell border="{{ false }}" title-width="180rpx" title="客户来源" value="{{item.cusFromName}}" title-class="dk-cell-title" />
        <!-- <van-cell border="{{ false }}" title-width="180rpx" title="装修户型" value="{{item.toiletCountName}}" title-class="dk-cell-title" />
        <van-cell border="{{ false }}" title-width="180rpx" title="装修类型" value="{{item.fitupTypeName}}" title-class="dk-cell-title" />
        <van-cell border="{{ false }}" title-width="180rpx" title="房屋类型" value="{{item.houseTypeName}}" title-class="dk-cell-title" />
        <van-cell border="{{ false }}" title-width="180rpx" title="装修风格" value="{{item.fitupStyleName}}" title-class="dk-cell-title" />
        <van-cell border="{{ false }}" title-width="180rpx" title="年龄构成" value="{{item.ageCompositionName}}" title-class="dk-cell-title" />
        <van-cell border="{{ false}}" title-width="180rpx" title="决策者" value="{{item.decisionMakerName}}" title-class="dk-cell-title" />
        <van-cell border="{{ false }}" title-width="180rpx" title="客户分类" value=" {{item.customerClassifiedName}}" title-class="dk-cell-title" /> -->

        <van-cell border="{{ false }}" title-width="180rpx" title="跟进人" value=" {{item.userName}}" title-class="dk-cell-title" />


        <view style="display:flex;width:100%;margin: 1vw; padding-top: 20rpx;">
          <view style="width: 30%; flex:1;color: #95A8CB;font-size: 28rpx;padding-left: 27rpx;">附件</view>
          <view style="width: 70%;text-align: left;">
            <van-uploader deletable="{{false}}" show-upload="{{false}}" max-count="5" accept="image" style="margin-left: 4%;border-radius: 15rpx;" preview-size="160rpx;" file-list="{{ fileList }}" bind:delete="deleteImg" bind:after-read="afterRead" multiple="true" imageFit="aspectFit" />
          </view>
        </view>

        <view style="margin-bottom: 35rpx;"></view>

      </view>
    </view>

  </van-tab>
</van-tabs>