nsgk_wechat/pages/bill/bill.wxml

<!--pages/regular/index.wxml-->
<view class="ns" id="top_ban" style="height:{{isIPX?'88px':'64px'}};">
  <image src="../../image/apply/back.png" style="top:{{isIPX?'54px':'30px'}};height: 19.0909px;" mode="widthFix" bindtap="back" referrer="no-referrer|origin|unsafe-url"></image>
  <text style="top:{{isIPX?'54px':'30px'}};">结算票据</text>
</view>

<view class="search_box" style="margin-top:{{isIPX?'88px':'64px'}};">
  <van-search
    value="{{ value }}"
    shape="round"
    background="transparent"
    placeholder="请输入搜索关键词"
    clearable
    bind:change="goSearch"
  />
  <view class="add_btn" bindtap="goAdd"><text>新增</text></view>
</view>
<view class="top_view">
  <van-dropdown-menu active-color="#5CAE77" bind:change="changeTab" id="top_view1" style="flex: 1;">
    <van-dropdown-item value="{{ value1 }}" options="{{ option1 }}" bind:change="changeTab" />
    <van-dropdown-item value="{{ value2 }}" options="{{ option2 }}" bind:change="changeTab2" />
    <van-dropdown-item value="{{ value3 }}" options="{{ option3 }}" bind:change="changeTab2" />
  </van-dropdown-menu>
  <view class="sx_view" bindtap="showPopup">
    <text>筛选</text>
    <image src="/image/icon/icon_sx.png" style="width: 15px;height: 15px;margin-left: 5px;"></image>
  </view>
</view>
<scroll-view scroll-y refresher-threshold="0" style="height:100%" bindscrolltolower="paging" lower-threshold="100">
  <!-- wx:for="{{list}}" wx:key="index" wx:for-item="item" right-width="{{ 50 }}" -->
<van-swipe-cell right-width="{{ 130 }}" class="workflow" wx:for="{{5}}" >
  <view class="li" >
    <view style="width:70%;flex:7;">
      <view class="tit_box">
        <text class="tit_tab4">批次编码</text>
        <text class="tit">202200001</text>
        <text class="tit_tab">2021</text>
        <text class="tit_tab5">已入库</text>
      </view>
      <view class="tit_box ju_c">
        <view>
          <image src="/image/icon/icon_ss.png" style="width: 14px;height: 14px;margin-right: 2px;"></image>
          <text class="tit">000000001</text>
        </view>
        <view>
          <image src="/image/icon/icon_xj.png" style="width: 14px;height: 14px;margin-right: 2px;"></image>
          <text class="tit">000000001</text>
        </view>
      </view>
      <view class="tit_box">
          <text class="tit">下发单位 张村镇华景社区</text>
      </view>
      <view class="tit_box mr_10">
        <view>
          <image src="/image/icon/icon_js1.png" style="width: 14px;height: 14px;margin-right: 2px;"></image>
          <text class="tit">10</text>
        </view>
        <view>
          <image src="/image/icon/icon_js2.png" style="width: 14px;height: 14px;margin-right: 2px;"></image>
          <text class="tit">2</text>
        </view>
        <view>
          <image src="/image/icon/icon_js3.png" style="width: 14px;height: 14px;margin-right: 2px;"></image>
          <text class="tit">100</text>
        </view>
        <view>
          <text class="tit">第10本</text>
        </view>
      </view>
      
    </view>
    <view class="list_btn">
      <view>
        <view class="btn btn_qs">签收</view>
        <view class="btn btn_zf">作废</view>
        <!-- <view class="btn btn_xf">下发</view> -->
      </view>
    </view> 
  </view>
  <view slot="right" class="cell_right">
    <!-- <view class="button_box"><view></view></view> -->
    <view class="button_box" bindtap="showTransactionDialog">
      <view bindtap="showReceiptDialog">
        <image src="/image/icon/icon_xg2.png" style="width: 20.55px;height: 20.55px;"></image>
        <text>修改</text>
      </view>
    </view>
    <view class="button_box" bindtap="goRegular">
      <view>
        <image src="/image/icon/icon_sc.png" style="width: 20.55px;height: 20.55px;"></image>
        <text>删除</text>
      </view>
    </view>
  </view>
  <!-- <view slot="right" class="deleteBox">
    <view style="flex: 1;height: 100%;display: flex;align-items: center;flex-direction: column;justify-content: center;background-color: rgb(98,173,102,0.2);" data-id="{{item.id}}" data-index="{{index}}" bindtap="upload">
      <view>
        <image src="../../image/icon/upload_icon.png" style="width: 25px;height: 25px;margin: 0 auto;display: block;"  ></image>
      </view>
      <view>
        <text style="color: #62AD66;">附件</text>
      </view>
    </view>
  </view> -->
</van-swipe-cell>
</scroll-view>

<!-- <van-action-sheet show="{{showUpload}}" title="附件" bind:close="closeBox">
  <scroll-view scroll-y="true" style="height: 600rpx;"  scroll-top="0">
    <view class="fj-box">
            <view class="fj-li" wx:for="{{fileList}}" wx:key="index" wx:for-item="item" >
              <view>
                <text>{{item.dictLabel}}</text>
              </view>
              <view class="img_box">
                <view class="img_li">
                  <van-upload file-list="{{ item.list }}" deletable="{{false}}" show-upload="{{false}}" bind:click-preview="lookDown">
                  </van-upload> 
                </view>
              </view>
            </view>
          </view>
  </scroll-view>
</van-action-sheet>custom-style="height: 20%;" -->

<van-popup
  show="{{ showPopup }}"
  round
  position="right"
  custom-style="height: 100%;width:90%;"
  bind:close="onClose"
>
  <view class="sx_box" style="margin-top:{{isIPX?'88px':'64px'}};">
    <text class="sx_tit">我方账户</text>

    <van-checkbox-group value="{{ result }}" bind:change="onChange">
      <van-checkbox use-icon-slot name="a">
        <view slot="icon" class="{{iOf.indexOf(result,'a') > -1 ? 'ys_checkbox_icon':'checkbox_icon'}}">
          乳山市徐家镇农村财务
        </view>
      </van-checkbox>
      <van-checkbox use-icon-slot name="b">
        <view slot="icon" class="{{iOf.indexOf(result,'b') > -1 ? 'ys_checkbox_icon':'checkbox_icon'}}">
          重庆农商行
        </view>
      </van-checkbox>
      <van-checkbox use-icon-slot name="c">
        <view slot="icon" class="{{iOf.indexOf(result,'c') > -1 ? 'ys_checkbox_icon':'checkbox_icon'}}">
          村级虚拟账户
        </view>
      </van-checkbox>
      <van-checkbox use-icon-slot name="c">
        <view slot="icon" class="{{iOf.indexOf(result,'c') > -1 ? 'ys_checkbox_icon':'checkbox_icon'}}">
          张村基本账户
        </view>
      </van-checkbox>
      <van-checkbox use-icon-slot name="c">
        <view slot="icon" class="{{iOf.indexOf(result,'c') > -1 ? 'ys_checkbox_icon':'checkbox_icon'}}">
          威海临港经济技术开发区草庙子镇毕家庄股份经济合作社
        </view>
      </van-checkbox>
    </van-checkbox-group>

    <text class="sx_tit">业务类型</text>

    <van-checkbox-group value="{{ result }}" bind:change="onChange">
      <van-checkbox use-icon-slot name="a">
        <view slot="icon" class="{{iOf.indexOf(result,'a') > -1 ? 'ys_checkbox_icon':'checkbox_icon'}}">
          国内汇票
        </view>
      </van-checkbox>
      <van-checkbox use-icon-slot name="b">
        <view slot="icon" class="{{iOf.indexOf(result,'b') > -1 ? 'ys_checkbox_icon':'checkbox_icon'}}">
          国外汇票
        </view>
      </van-checkbox>
      <van-checkbox use-icon-slot name="c">
        <view slot="icon" class="{{iOf.indexOf(result,'c') > -1 ? 'ys_checkbox_icon':'checkbox_icon'}}">
          人行大额
        </view>
      </van-checkbox>
      <van-checkbox use-icon-slot name="c">
        <view slot="icon" class="{{iOf.indexOf(result,'c') > -1 ? 'ys_checkbox_icon':'checkbox_icon'}}">
          人行小额
        </view>
      </van-checkbox>
      <van-checkbox use-icon-slot name="c">
        <view slot="icon" class="{{iOf.indexOf(result,'c') > -1 ? 'ys_checkbox_icon':'checkbox_icon'}}">
          现金存款
        </view>
      </van-checkbox>
      <van-checkbox use-icon-slot name="c">
        <view slot="icon" class="{{iOf.indexOf(result,'c') > -1 ? 'ys_checkbox_icon':'checkbox_icon'}}">
          转账收入
        </view>
      </van-checkbox>
      <van-checkbox use-icon-slot name="c">
        <view slot="icon" class="{{iOf.indexOf(result,'c') > -1 ? 'ys_checkbox_icon':'checkbox_icon'}}">
          汇票
        </view>
      </van-checkbox>
      <van-checkbox use-icon-slot name="c">
        <view slot="icon" class="{{iOf.indexOf(result,'c') > -1 ? 'ys_checkbox_icon':'checkbox_icon'}}">
          本票
        </view>
      </van-checkbox>
      <van-checkbox use-icon-slot name="c">
        <view slot="icon" class="{{iOf.indexOf(result,'c') > -1 ? 'ys_checkbox_icon':'checkbox_icon'}}">
          支票
        </view>
      </van-checkbox>
      <van-checkbox use-icon-slot name="c">
        <view slot="icon" class="{{iOf.indexOf(result,'c') > -1 ? 'ys_checkbox_icon':'checkbox_icon'}}">
          冲账
        </view>
      </van-checkbox>
    </van-checkbox-group>
     
    <text class="sx_tit">来往帐标识</text>

    <van-checkbox-group value="{{ result }}" bind:change="onChange">
      <van-checkbox use-icon-slot name="a">
        <view slot="icon" class="{{iOf.indexOf(result,'a') > -1 ? 'ys_checkbox_icon':'checkbox_icon'}}">
          全部
        </view>
      </van-checkbox>
      <van-checkbox use-icon-slot name="b">
        <view slot="icon" class="{{iOf.indexOf(result,'b') > -1 ? 'ys_checkbox_icon':'checkbox_icon'}}">
          来账/汇入
        </view>
      </van-checkbox>
      <van-checkbox use-icon-slot name="c">
        <view slot="icon" class="{{iOf.indexOf(result,'c') > -1 ? 'ys_checkbox_icon':'checkbox_icon'}}">
          往账/汇出
        </view>
      </van-checkbox>
      <van-checkbox use-icon-slot name="c">
        <view slot="icon" class="{{iOf.indexOf(result,'c') > -1 ? 'ys_checkbox_icon':'checkbox_icon'}}">
          外部交易
        </view>
      </van-checkbox>
      <van-checkbox use-icon-slot name="c">
        <view slot="icon" class="{{iOf.indexOf(result,'c') > -1 ? 'ys_checkbox_icon':'checkbox_icon'}}">
          内部往来
        </view>
      </van-checkbox>
      <van-checkbox use-icon-slot name="c">
        <view slot="icon" class="{{iOf.indexOf(result,'c') > -1 ? 'ys_checkbox_icon':'checkbox_icon'}}">
          部分内部往来
        </view>
      </van-checkbox>
    </van-checkbox-group>

    <text class="sx_tit">金额范围</text>
    
    <view class="sx_input_box">
      <input placeholder="最低价" /><text> - </text><input placeholder="最高价" />
    </view>

    <text class="sx_tit">交易日期</text>

    <view class="sx_input_box">
      <input placeholder="开始日期" /><text> - </text><input placeholder="结束日期" />
    </view>


    <view class="bottom">
      <!-- <view class="btn1" data-type="3" bindtap="goSubmit">提交复核</view> -->
      <view class="btn1" bindtap="back">重置</view>
      <view class="btn2" data-type="0" bindtap="goSubmit" hover-class="btnView">确定</view>
    </view>
  </view>
</van-popup>
<van-dialog
  use-slot
  show="{{ showReceiptDialog }}"
  bind:close="onClose"
  theme='round-button'
  confirmButtonText="票本下发"
  data-type="1"
  bind:confirm="edit"
  before-close="{{beforeClose}}"
  closeOnClickOverlay="{{ true }}"
>
  <!-- <image src="/image/icon/icon_delete.png" style="width: 20px; height: 20px;position: absolute;top: 0;"></image> -->
  <view style="text-align: center;padding: 20px;border-bottom: 1px dashed #e6e6e6;width: 92%;margin: 0 auto;color: #2C8E68;font-size: 18px;">查询回单明细参数</view>
  <van-field value="{{ value }}" required label="下发单位" placeholder="请选择下发单位" input-align="right" is-link arrow-direction="down" bind:change="onChange" />
</van-dialog>
<wxs module="iOf">
  var indexOf = function(name,value){
    return name.indexOf(value);
  }
  module.exports.indexOf = indexOf;
</wxs>