<!-- 顶部信息 -->
<van-sticky scroll-top="0">
  <van-search model:value="{{ searchText }}" bind:change="onSearchText" bind:search="doSearch" placeholder="输入供应商名称/联系人/电话/品牌/服务类别/备注"> </van-search>
</van-sticky>



<!-- 内容列表 -->
<view style="width: 100%;">
  <view wx:for="{{tableData}}" wx:key="index" class="main-class">
    <van-swipe-cell right-width="{{ 65 }}">
      <view bind:tap="toChecked" data-index="{{index}}"  class="{{item.checked ? 'main-foot-1' : 'main-foot'}}" style="border-radius:15rpx;" style="{{item.checked ?'background-color: #E1E5EE;':''}}">
        <view class="table-content">
          <view class="table-content-row">
            <view style="display: flex;">
              <!-- <view>
                <van-checkbox value="{{item.checked}}" data-index="{{index}}" checked-color="#1989FA" />
              </view> -->


              <view style="font-size: 14px;font-weight: 600;width: 80%;margin-left: 20rpx;">
                {{item.name}}
              </view>

              <view class="oas-title-value" data-item="{{item}}" catchtap="onclik">
                <van-icon size="25" name="ellipsis" color="#1B365D" />
              </view>

            </view>

          </view>
          <view style="width: 100%;flex-direction: row; margin-top: 0px;">
            <view class="table-content-row">
              <view style="display: flex;width: 100%;">
                <view style="width: 80%;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">
                    {{item.code ? item.code :''}}
                  </view>
                </view>

                <view style="width: 20%;text-align: center;">
                  <dk-tag type="primary" height="32rpx" color="#EAF1FF" textColor="#606EB2" radius="5rpx" roundFlag="{{true}}" value="{{'采购供应商'}}"></dk-tag>
                </view>
              </view>



            </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="联系电话" copyValue="{{item.phone}}"></dk-text>
                </view>
                <view class="table-content-class">
                  {{item.phone ? item.phone :''}}
                </view>
              </view>
            </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="供货品牌" copyValue="{{item.brand}}"></dk-text>
                </view>
                <view class="table-content-class">
                  {{item.brand ? item.brand :''}}
                </view>
              </view>
            </view>
          </view>

          <view style="width: 100%;flex-direction: row; margin-top: 0px;padding-top: 20rpx;">
            <view class="table-content-row" style="display: flex;">
              <view style="display: flex;width:85%">
                <view class="table-content-row-font">
                  <dk-text fontSize="14px" color="#1B365D" fontWeight="nomal" value="应付款" copyValue="{{item.account}}"></dk-text>
                </view>
                <view class="table-content-class" style="color:#CAA977;">
                  {{item.account ? item.account :''}}
                </view>
              </view>
              <view style="display: flex;width:15%;text-align: right;">
                <dk-tag height="40rpx" plain="true" color="#00A7B5" textColor="#00A7B5" radius="5rpx" roundFlag="{{true}}" value="{{'打电话'}}"></dk-tag>
              </view>
            </view>
          </view>


        </view>
      </view>
      <view data-index="{{index}}" bind:tap="onCloseDel" slot="right">{{item.flagValue ? '停用' : '启用'}}</view>
    </van-swipe-cell>

  </view>
  <!-- 保留高度 -->
  <view style="height: 220rpx;"></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="{{true}}" input-class="dk-cell-value-class" input-align="left" label-class="nomal-label" data-key="addressNo" maxlength="50" value="{{ '张经理' }}" 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 input-width="200rpx" disabled="{{false}}" input-class="dk-cell-value-class" input-align="left" label-class="nomal-label" data-key="addressNo" maxlength="50" value="{{ '156 5678 5643' }}" 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>






<!-- 底部信息 -->
<!-- <dk-save-bottom flagTypeName="product-file-add-select" bottomClass="{{true}}" bind:submit="toClose" bind:allClean="toAdd" /> -->