<van-sticky scroll-top="0">
  <van-search model:value="{{ searchText }}" placeholder="输入资料名称/备注" use-action-slot bind:search="doSearch">
  </van-search>



</van-sticky>


<view wx:for="{{tableData}}" data-item="{{item}}" wx:for-index="index" wx:key="index" class="main-class">
  <view class="{{item.checked ? 'main-foot-1' : 'main-foot'}}" >
    

    <view class="table-content" bind:tap="toDetail" data-index="{{index}}" data-item="{{item}}">
      <view class="table-content-row">
        <view class="order-and-status">
    
          <!-- 供应商 -->
          <view catchtap="toCustomer" data-item="{{item}}" style="width:calc(70% - 39rpx);display:flex;padding-left: 14rpx;font-size: 30rpx;">
            <dk-text bind:tap="toCustomer" data-item="{{item}}" textDecoration="" fontSize="15px" value="{{ '支出类别'}}"></dk-text>
          </view>
        </view>
      </view>


 
      <view class="table-content-row">
        <view style="display: flex;">
          <view class="table-content-row-font">
            <dk-text fontSize="14px" color="#95A8CB" fontWeight="nomal" value="支出编码" copyValue="{{item.code}}"></dk-text>
          </view>
          <view class="table-content-class" style="display: flex; width: 100%;justify-content: space-between;">
            {{item.code}}
          </view>
        </view>
      </view>


     
      <view class="table-content-row">
        <view style="display: flex;">
          <view class="table-content-row-font">
            <dk-text fontSize="14px" color="#95A8CB" fontWeight="nomal" value="支出名称" copyValue="{{item.name}}"></dk-text>
          </view>
          <view class="table-content-class" style="display: flex; width: 100%;justify-content: space-between;">
            {{item.name}}
          </view>
        </view>
      </view>







    </view>
  </view>
</view>
<view style="height: 250rpx;"></view>
<van-empty wx:if="{{tableData.length<=0}}" description="暂无数据" />

<!--  保存 -->
<!-- <view class="bottom-class-1">
  <view class="bottom-class">
    <van-button custom-class="save-button-class" loading="{{loading}}" bind:click="submit" type="default">确定
    </van-button>
  </view>

</view> -->


<!-- 弹窗 新建-->
<van-popup show="{{showPopup}}" position="bottom" bind:close="onClosePopup" custom-class="function-pop-class">

<view style="background-color:#F8F9FD;color:#1B365D;font-size: 17px;font-weight: 600;display: flex;justify-content: left;align-items: center;padding: 40rpx;">
  <view>供应商</view>
</view>

<van-field input-width="200rpx" disabled="{{false}}" input-class="dk-cell-value-class" input-align="left" label-class="nomal-label" data-key="addressNo" maxlength="50" value="{{ 'SR00001' }}" input-align="right" label="支出编码" placeholder="" autosize border="{{ false }}" bind:change="changeCustomerFormField">
</van-field>
<van-field input-width="200rpx" input-class="dk-cell-value-class" input-align="left" label-class="red-label" data-key="addressNo" maxlength="50" value="{{ '配送费' }}" input-align="right" label="支出名称" placeholder="" autosize border="{{ false }}" bind:change="changeCustomerFormField">
</van-field>



<van-field disabled="{{false}}" input-width="200rpx" input-class="dk-cell-value-class" input-align="left" label-class="nomal-label" maxlength="50" value="" input-align="right" label="备注" placeholder="{{'请输入' + '备注'}}" autosize border="{{ false }}">
</van-field>


<view style="display: flex; padding:35rpx 34rpx 62rpx 34rpx;">
  <view style="width:48%">
    <van-button size="large" plain round color="#1B365D" custom-style="height:88rpx;" bind:click="onClosePopup" type="default">取消
    </van-button>
  </view>
  <view style="width: 4%;"></view>
  <view style="width:48%;">
    <van-button size="large" round color="#1B365D" custom-style="height:88rpx;" bind:click="allClean" type="default">保存
    </van-button>
  </view>
</view>
</van-popup>


<!-- 底部加号 -->
<view style="position: fixed;bottom: 230rpx;right: 30rpx;">
<view bind:tap="toAdd" style="background: #CAA977;border-radius: 50%;display: flex;justify-content: center;align-items: center;padding:20rpx;box-shadow: 0px 17px 22px 0px #1B365D33;">
  <van-icon name="plus" color="#FFFFFF" size="60rpx" />
</view>
</view>



<van-divider wx:if="{{noMore}}" contentPosition="center" borderColor="#DCDCDC">到底了~</van-divider>


<van-popup show="{{showPick}}" position="right" bind:close="onClose" class="popup" custom-style="height:100%;width:80%">

  <view class="pop-header">
    <van-icon class="pop-header-x" catchtap="closeSearchPop" name="cross" />
  </view>
  <scroll-view scroll-y class="popup-scroll-view">
    <van-cell-group customer-class="cell-group">

      <van-field value="{{ searchForm.customerName }}" label-class="label-class" label="客户名称" data-title="customerName" placeholder="请输入客户名称" bind:change="onChange" />
      <van-field value="{{ searchForm.customerCode }}" label-class="label-class" label="客户编码" data-title="customerCode" placeholder="请输入客户编码" bind:change="onChange" />
    </van-cell-group>
  </scroll-view>

  <view style="height:120rpx;"></view>

  <view class="popup-button">
    <view class="popup-button-item">
      <van-button type="default" size="large" custom-class="modal-button" catchtap="clearSearchForm">重置
      </van-button>
    </view>
    <view class="popup-button-item">
      <van-button type="danger" size="large" custom-class="modal-button" catchtap="doSearchData">确定</van-button>
    </view>
  </view>
</van-popup>


<!-- 业务部门 -->
<dk-single-dropdown-item show="{{orgSourceFlag}}" docName="客户资料" contentID="{{form.orgId}}" id='org' typeName='org' bind:muticommit='mutiSearch' bind:muticlose='muticlose'></dk-single-dropdown-item>

<!-- 业务员 -->
<dk-single-dropdown-item show="{{staffSourceFlag}}" docName="客户资料" contentID="{{form.staff}}" id='staff' typeName='staff' bind:muticommit='mutiSearch' bind:muticlose='muticlose'></dk-single-dropdown-item>

<!-- 渠道 -->
<dk-single-dropdown-item show="{{channelSourceFlag}}" id='salesChannel' typeName='salesChannel' bind:muticommit='mutiSearch' bind:muticlose='muticlose'></dk-single-dropdown-item>

<!-- 客户来源 -->
<dk-single-dropdown-item show="{{customerSourceFlag}}" id='customerFrom' typeName='customerFrom' bind:muticommit='mutiSearch' bind:muticlose='muticlose'></dk-single-dropdown-item>