切图

app.json

@@ -46,7 +46,11 @@
     "pages/paymentManager/paymentManager",
     "pages/paymentManager/toPay/toPay",
     "pages/majorEvent/majorEvent",
-    "pages/majorEvent/add/add"
+    "pages/majorEvent/add/add",
+    "pages/regular/regular",
+    "pages/transferAccounts/transferAccounts",
+    "pages/bill/bill",
+    "pages/billUse/billUse"
   ],
   "window": {
     "backgroundTextStyle": "light",

pages/bill/bill.js

@@ -0,0 +1,136 @@
+// pages/regular/index.js
+import * as UTIL from '../../utils/util.js';
+import * as API from '../../utils/API.js';
+let EVN_CONFIG = require('../../env/env');
+const DISTRIBUTE_ENVIROMENT = 'IMGURL';
+let {
+  URL_PREFIX,
+} = EVN_CONFIG[DISTRIBUTE_ENVIROMENT];
+const app = getApp();
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    isIPX: app.globalData.isIPX,
+    option1: [
+      { text: '收支类型', value: '' },
+      { text: '待支付', value: '1' },
+      { text: '银行受理', value: '3' },
+      { text: '支付失败', value: '4' },
+      { text: '部分失败', value: '5' },
+    ],
+    option2: [
+      { text: '结算方式', value: '' },
+      { text: '结算类', value: '1' },
+      { text: '工程项目类', value: '2' },
+      { text: '合同类', value: '4' },
+      { text: '其他', value: '5' },
+    ],
+    option3: [
+      { text: '票据状态', value: '' },
+      { text: '银行卡转账', value: '1' },
+      { text: '信用卡还款', value: '2' },
+    ],
+    value1: '',
+    value2: '',
+    value3: '',
+    showPopup:false,
+    result:[],
+    showReceiptDialog:false,
+    beforeClose(action) {
+      return new Promise((resolve) => {
+        setTimeout(() => {
+          if (action === 'confirm') {
+            // 拦截确认操作
+             resolve(false);
+          } else {
+            resolve(true);
+          }
+        }, 0);
+      });
+    },
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+  back:function(){
+    wx.navigateBack({
+      delta: 1
+    })
+  },
+  showPopup(){
+    var that = this;
+    that.setData({
+      showPopup:true
+    })
+  },
+  onClose() {
+    this.setData({ showPopup: false });
+  },
+  onChange(event) {
+    console.log(event.detail);
+    this.setData({
+      result: event.detail,
+    });
+  },
+  showReceiptDialog(){
+    var that = this;
+    that.setData({
+      showReceiptDialog:true
+    })
+  },
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

pages/bill/bill.json

@@ -0,0 +1,19 @@
+{
+  "usingComponents": {
+    "van-checkbox": "@vant/weapp/checkbox/index",
+    "van-checkbox-group": "@vant/weapp/checkbox-group/index",
+    "van-cell": "@vant/weapp/cell/index",
+    "van-cell-group": "@vant/weapp/cell-group/index",
+    "van-search": "@vant/weapp/search/index",
+    "van-radio": "@vant/weapp/radio/index",
+    "van-radio-group": "@vant/weapp/radio-group/index",
+    "van-swipe-cell": "@vant/weapp/swipe-cell/index",
+    "van-action-sheet": "@vant/weapp/action-sheet/index",
+    "van-upload": "@vant/weapp/uploader/index",
+    "van-dropdown-menu": "@vant/weapp/dropdown-menu/index",
+    "van-popup": "@vant/weapp/popup/index",
+    "van-dialog": "@vant/weapp/dialog/index",
+    "van-field": "@vant/weapp/field/index",
+    "van-dropdown-item": "@vant/weapp/dropdown-item/index"
+  }
+}

pages/bill/bill.wxml

@@ -0,0 +1,294 @@
+<!--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>

pages/bill/bill.wxss

@@ -0,0 +1,479 @@
+/* pages/regular/index.wxss */
+.van-search__content {
+  border: 1px solid #5CAE77!important;
+  background: #fff!important;
+}
+van-search {
+  flex: 0.8;
+}
+.search_box{
+  display: flex;
+}
+.add_btn{
+  flex: 0.2;
+  padding: var(--search-padding,10px 12px);
+  padding-left: 0;
+}
+.add_btn text{
+  background-color: #62AD66;
+  display: block;
+  height: 100%;
+  text-align: center;
+  line-height: 36px;
+  color: #fff;
+  border-radius: 36px;
+  box-shadow: 0px 5px 5px #ddd;
+}
+text{display: block;}
+.work_plan{
+  padding: 40rpx 32.5rpx 30rpx;
+  display: flex;
+}
+
+.work_plan  .menu_item{
+  background-color: #fff;
+  box-shadow: 2px 5px 5px #ddd;
+  border-radius: 60rpx;
+  text-align: center;
+  position: relative;
+  margin-right: 20px;
+  padding: 8px 10px;
+}
+.work_plan  .menu_item.active{
+  background-color: #2C8E68;
+  color: #fff;
+}
+.work_plan .menu_item .remind{
+  height: 30rpx;
+  background: #e90101;
+  color: #fff;
+  font-size: 26rpx;
+  position: absolute;
+  line-height: 30rpx;
+  padding:0 10rpx;
+  border-radius: 25px;
+  top: -10rpx;
+  right: -10rpx;
+}
+
+.work_plan .more{
+  flex: 1;
+  text-align: center;
+  line-height: 60rpx;
+  font-size: 36rpx;
+  color: #31936c;
+}
+.deleteBox{
+  width: 50px;
+  text-align: center;
+  height: 100%;
+  background: #F6F6F6;
+  align-items: center;
+  display: flex;
+}
+.moreBox{
+  width: 90px;
+  text-align: center;
+  height: 100%;
+  background: #F6F6F6;
+  align-items: center;
+  display: flex;
+}
+.workflow .workflow_list{
+  height: 150rpx;
+  background-color: #fff;
+  border-radius: 24rpx;
+  box-shadow:0rpx 0rpx 10rpx rgba(0,0,0,.1);
+  margin-bottom: 20rpx;
+  padding:15rpx 25rpx 10rpx 35rpx;
+}
+.workflow .workflow_list .process_intro{
+  display: flex;
+  height: 62rpx;
+  align-items: center; 
+}
+
+.workflow .process_intro .name{
+  width: 390rpx;
+  font-size: 34rpx;
+  margin-right: 30rpx;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.workflow .process_intro .name .name_tit{
+  width: 290rpx;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.van-swipe-cell {
+  width: 94%;
+  background: #fff;
+  border-radius: 10px;
+  box-shadow: 2px 5px 5px #ddd;
+  margin: 0 auto;
+  margin-bottom: 15px;
+}
+.li{
+  width: 100%;
+  padding: 14px;
+  display: flex;
+  z-index: 1;
+}
+.tit_box{
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+  justify-content: space-between;
+}
+.tit_box.ju_c{
+  justify-content: space-between;
+}
+.tit_box.mr_10 view{
+  margin-left: 15px;
+}
+.tit_box.mr_10 view:nth-child(1){
+  margin-left: 0px;
+}
+.tit_box view{
+  display: flex;
+  align-items: center;
+}
+.detail_box{
+  margin-top: 15px;
+  display: flex;
+  justify-content: space-between;
+}
+.li view text{
+  /* margin-top: 15px; */
+}
+.li .detail_box view{
+  display: flex;
+  align-items: center;
+}
+.li .detail_box view text{
+  color: #878787;
+  line-height: 1;
+}
+
+.li view text:nth-child(1){
+  margin-top: 0px;
+}
+.li .fksr{
+  display: flex;
+  align-items: center;
+  margin-top: 15px;
+  color: #2C8E68;
+  font-size: 16px;
+}
+.li .wtj{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 3px 8px;
+  border-radius: 5px;
+  font-size: 14px;
+}
+.no{
+  background-color:#fbe3e3;
+  color: #e90000;
+}
+.white{
+  background-color:#feeadc;
+  color: #fc9a55;
+}
+.yes{
+  background-color:#ddeee3;
+  color: #5cae77;
+}
+.other{
+  background-color:#f0f1f6;
+  color: #878787;
+}
+.li .tit{
+  font-size: 14px;
+  color: #878787;
+  /* line-height: 14px; */
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  word-break: break-all;
+  overflow: hidden;
+}
+.li .fj_name{
+  font-size: 14px;
+  color: #B3DB62;
+  line-height: 25px;
+}
+.li .time{
+  font-size: 14px;
+  color: #9B9CAA;
+}
+.li .money{
+  font-size: 18px;
+  color: #5CAE77;
+}
+.van-checkbox__label {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+}
+
+.van-checkbox__icon-wrap {
+  border-radius: 5px;
+}
+.van-checkbox__icon {
+  border-radius: 5px;
+  border: 2px solid #2C8E68!important;
+  background-color: rgba(44, 142, 104, 0.2);
+}
+
+.downView{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 0 20px;
+  border: 1px solid #5CAE77;
+  border-radius: 50px;
+  background: #fff;
+  margin-left: auto;
+}
+.downView image{
+  width: 10px;
+  height: 8px;
+  margin-left: 10px;
+}
+.fj-box text{
+  background-color: #5CAE77;
+  color: #ffffff;
+  text-align: center;
+  border-radius: 5px;
+  white-space:pre-wrap;
+  padding: 5rpx 8rpx;
+  width: 50rpx;
+  margin: 0px 14px;
+  font-size: 24rpx;
+}
+.fj-li{
+  margin-top: 20px;
+  display: flex;
+  /* flex-wrap: wrap; */
+}
+.fj-li .img_li{
+  width: 100%;
+  height: 18.5vw;
+}
+
+.fj-li .img_add{
+  overflow: hidden;
+}
+.van-icon-description{
+  font-size: 60px;
+}
+.van-dropdown-menu {
+  width:100%;
+}
+.tit_tab{
+  color:#FC9A55!important;
+  border: 1px solid #FC9A55;
+  padding:0px 5px;
+  text-align: right;
+  border-top-left-radius: 20px;
+  border-top-right-radius: 20px;
+  border-bottom-right-radius: 20px;
+  font-size: 12px;
+}
+.tit_tab2{
+  color:#5CAE77!important;
+  border: 1px solid #5CAE77;
+  padding:3px 8px;
+  text-align: right;
+  border-radius: 20px;
+  align-self:flex-end;
+  margin-left:auto;
+}
+.tit_tab4{
+  color:#B3DB62!important;
+  border: 1px solid #B3DB62;
+  padding:1px 5px;
+  border-radius: 5px;
+}
+.tit_tab5{
+  color:#5CAE77!important;
+  background-color: rgba(92, 174, 119, 0.2);
+  padding:1px 5px;
+  border-radius: 50px;
+}
+.tit_tab3{
+  margin-left:auto;
+  font-size: 16px;
+}
+.tit_tab3.red{
+  color: #E90000;
+}
+.tit_tab3.green{
+  color: #5CAE77;
+}
+.money_box{
+  display: flex;
+  justify-content: space-between;
+  margin-top: 10px;
+}
+.money_box text{
+  color: #666666;
+}
+.ll_box{
+  display: flex;
+  align-items: center;
+}
+.ll_box text{
+  margin-left: 5px;
+}
+.cell_right{
+  height: 100%;display: flex;
+  /* position: relative;
+  left: -6%; */
+}
+.button_box{
+  display: flex;
+  height: 100%;
+  align-items: center;
+}
+.button_box view{
+  width: 65px;
+  text-align: center;
+  align-items: center;
+}
+.button_box view text{
+  color: #fff;
+}
+/* .button_box:nth-child(1){
+  background-color: #B3DB62;
+  width: 6%;
+} */
+.button_box:nth-child(1){
+  background-color: #FC9A55;
+}
+.button_box:nth-child(2){
+  background-color: #E90000;
+}
+.button_box view text{
+  display: block;
+}
+.top_view{
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 15px;
+}
+.sx_view{
+  background-color: #fff;
+  display: flex;
+  align-items: center;
+  padding: 0 3%;
+}
+.sx_box{
+  padding: 3% 5%;
+}
+.checkbox_icon{
+  background-color: #F6F6F6;
+  color: #444444;
+  padding: 5px 15px;
+  border-radius: 1rem;
+  border:1px solid #F6F6F6;
+  margin-top: 10px;
+}
+.ys_checkbox_icon{
+  background-color: rgba(92, 174, 119, 0.3);
+  color: #444444;
+  padding: 5px 15px;
+  border-radius: 1rem;
+  border:1px solid #5CAE77;
+  color: #5CAE77;
+  margin-top: 10px;
+}
+.van-checkbox-group{
+  display: flex;
+  flex-wrap: wrap;
+}
+.sx_tit{
+  margin-top: 10px;
+}
+.sx_input_box {
+  display: flex;
+  align-items: center;
+  margin-top: 10px;
+}
+.sx_input_box input{
+  background-color: #F6F6F6;
+  padding: 0 10px;
+  border-radius: 30px;
+  text-align: center;
+  height: 30px;
+}
+.sx_input_box text {
+  margin: 0 10px;
+}
+.bottom{
+  width: 84%;
+  margin: 0 auto;
+  text-align: center;
+  margin-top: 50px;
+  margin-bottom: 50px;
+  display: flex;
+  z-index: 999999;
+}
+
+.bottom view {
+  width: 47%;
+  margin: 0 auto;
+  border-radius: 30px;
+  display: inline-block;
+}
+
+.bottom .btn1{
+  border: 1px solid #2C8E68;
+  padding: 8px 0px;
+  color: #2C8E68;
+}
+
+.bottom .btn2{
+  border: 1px solid transparent;
+  padding: 8px 0px;
+  background-image: linear-gradient(to right, #2C8E68, #5CAE77);
+  margin-left: 6%;
+  color: #fff;
+}
+.bottom .btn3{
+  border: 1px solid transparent;
+  padding: 8px 0px;
+  background-image: linear-gradient(to right, #2C8E68, #5CAE77);
+  color: #fff;
+  width: 100%;
+}
+.list_btn{
+  display: flex;
+  align-items: center;
+  margin-left: 20px;
+}
+.btn {
+  padding: 5px 15px;
+  color: #fff;
+  border-radius: 5rem;
+  margin-top: 20px;
+}
+.btn:nth-child(1){
+  margin-top: 0;
+}
+.btn_qs{
+  background-color: #5CAE77;
+}
+.btn_zf{
+  background-color: #E90000;
+}
+.btn_xf{
+  background-color: #FC9A55;
+}
+.van-button--danger {
+  background: linear-gradient(to right, #429a68, #9ecf67)!important;
+}

pages/billUse/billUse.js

@@ -0,0 +1,136 @@
+// pages/regular/index.js
+import * as UTIL from '../../utils/util.js';
+import * as API from '../../utils/API.js';
+let EVN_CONFIG = require('../../env/env');
+const DISTRIBUTE_ENVIROMENT = 'IMGURL';
+let {
+  URL_PREFIX,
+} = EVN_CONFIG[DISTRIBUTE_ENVIROMENT];
+const app = getApp();
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    isIPX: app.globalData.isIPX,
+    option1: [
+      { text: '收支类型', value: '' },
+      { text: '待支付', value: '1' },
+      { text: '银行受理', value: '3' },
+      { text: '支付失败', value: '4' },
+      { text: '部分失败', value: '5' },
+    ],
+    option2: [
+      { text: '结算方式', value: '' },
+      { text: '结算类', value: '1' },
+      { text: '工程项目类', value: '2' },
+      { text: '合同类', value: '4' },
+      { text: '其他', value: '5' },
+    ],
+    option3: [
+      { text: '票据状态', value: '' },
+      { text: '银行卡转账', value: '1' },
+      { text: '信用卡还款', value: '2' },
+    ],
+    value1: '',
+    value2: '',
+    value3: '',
+    showPopup:false,
+    result:[],
+    showReceiptDialog:false,
+    beforeClose(action) {
+      return new Promise((resolve) => {
+        setTimeout(() => {
+          if (action === 'confirm') {
+            // 拦截确认操作
+             resolve(false);
+          } else {
+            resolve(true);
+          }
+        }, 0);
+      });
+    },
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+  back:function(){
+    wx.navigateBack({
+      delta: 1
+    })
+  },
+  showPopup(){
+    var that = this;
+    that.setData({
+      showPopup:true
+    })
+  },
+  onClose() {
+    this.setData({ showPopup: false });
+  },
+  onChange(event) {
+    console.log(event.detail);
+    this.setData({
+      result: event.detail,
+    });
+  },
+  showReceiptDialog(){
+    var that = this;
+    that.setData({
+      showReceiptDialog:true
+    })
+  },
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

pages/billUse/billUse.json

@@ -0,0 +1,19 @@
+{
+  "usingComponents": {
+    "van-checkbox": "@vant/weapp/checkbox/index",
+    "van-checkbox-group": "@vant/weapp/checkbox-group/index",
+    "van-cell": "@vant/weapp/cell/index",
+    "van-cell-group": "@vant/weapp/cell-group/index",
+    "van-search": "@vant/weapp/search/index",
+    "van-radio": "@vant/weapp/radio/index",
+    "van-radio-group": "@vant/weapp/radio-group/index",
+    "van-swipe-cell": "@vant/weapp/swipe-cell/index",
+    "van-action-sheet": "@vant/weapp/action-sheet/index",
+    "van-upload": "@vant/weapp/uploader/index",
+    "van-dropdown-menu": "@vant/weapp/dropdown-menu/index",
+    "van-popup": "@vant/weapp/popup/index",
+    "van-dialog": "@vant/weapp/dialog/index",
+    "van-field": "@vant/weapp/field/index",
+    "van-dropdown-item": "@vant/weapp/dropdown-item/index"
+  }
+}

pages/billUse/billUse.wxml

@@ -0,0 +1,305 @@
+<!--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="{{ 330 }}" class="workflow" wx:for="{{5}}" >
+  <view class="li" >
+    <view style="width:70%;flex:7;">
+      <view class="tit_box">
+        <image src="/image/apply/icon_text.png" style="width: 16px;height: 19px;margin-right: 2px;"></image>
+        <text class="tit">结算事项名称名称名称</text>
+        <text class="tit_tab5">已开出</text>
+      </view>
+      <view class="money_box">
+        <view style="width: 50%;">
+          <text>支出（元）</text>
+          <text style="color: #E90000;font-size: 22px;margin-top: 10px;">150.00</text>
+          <view style="display: flex;align-items: center;margin-top: 10px;">
+            <image src="/image/icon/clock_icon.png" style="width: 15px;height: 15px;border-radius:5px;margin-right: 5px;"></image>
+            <text>2021.09.01</text>
+          </view>
+        </view>
+        <view style="width: 50%;">
+          <text>收入（元）</text>
+          <text style="color: #5CAE77;font-size: 22px;margin-top: 10px;">150.00</text>
+          <view style="display: flex;align-items: center;margin-top: 10px;justify-content: space-between;">
+            <text style="border-bottom: 1px solid;">59</text>
+            <text style="color: #B3DB62;">现金</text>
+          </view>
+        </view>
+      </view>
+      
+    </view>
+    <view class="list_btn">
+      <view>
+        <view class="btn btn_xf">核销</view>
+        <view class="btn btn_qs">生成流水</view>
+        <!-- <view class="btn btn_zf">作废</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_ys.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_glls.png" style="width: 20.55px;height: 20.55px;"></image>
+        <text>关联\n流水</text>
+      </view>
+    </view>
+    <view class="button_box" bindtap="goRegular">
+      <view>
+        <image src="/image/icon/icon_scfj.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_zf.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_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>

pages/billUse/billUse.wxss

@@ -0,0 +1,492 @@
+/* pages/regular/index.wxss */
+.van-search__content {
+  border: 1px solid #5CAE77!important;
+  background: #fff!important;
+}
+van-search {
+  flex: 0.8;
+}
+.search_box{
+  display: flex;
+}
+.add_btn{
+  flex: 0.2;
+  padding: var(--search-padding,10px 12px);
+  padding-left: 0;
+}
+.add_btn text{
+  background-color: #62AD66;
+  display: block;
+  height: 100%;
+  text-align: center;
+  line-height: 36px;
+  color: #fff;
+  border-radius: 36px;
+  box-shadow: 0px 5px 5px #ddd;
+}
+text{display: block;}
+.work_plan{
+  padding: 40rpx 32.5rpx 30rpx;
+  display: flex;
+}
+
+.work_plan  .menu_item{
+  background-color: #fff;
+  box-shadow: 2px 5px 5px #ddd;
+  border-radius: 60rpx;
+  text-align: center;
+  position: relative;
+  margin-right: 20px;
+  padding: 8px 10px;
+}
+.work_plan  .menu_item.active{
+  background-color: #2C8E68;
+  color: #fff;
+}
+.work_plan .menu_item .remind{
+  height: 30rpx;
+  background: #e90101;
+  color: #fff;
+  font-size: 26rpx;
+  position: absolute;
+  line-height: 30rpx;
+  padding:0 10rpx;
+  border-radius: 25px;
+  top: -10rpx;
+  right: -10rpx;
+}
+
+.work_plan .more{
+  flex: 1;
+  text-align: center;
+  line-height: 60rpx;
+  font-size: 36rpx;
+  color: #31936c;
+}
+.deleteBox{
+  width: 50px;
+  text-align: center;
+  height: 100%;
+  background: #F6F6F6;
+  align-items: center;
+  display: flex;
+}
+.moreBox{
+  width: 90px;
+  text-align: center;
+  height: 100%;
+  background: #F6F6F6;
+  align-items: center;
+  display: flex;
+}
+.workflow .workflow_list{
+  height: 150rpx;
+  background-color: #fff;
+  border-radius: 24rpx;
+  box-shadow:0rpx 0rpx 10rpx rgba(0,0,0,.1);
+  margin-bottom: 20rpx;
+  padding:15rpx 25rpx 10rpx 35rpx;
+}
+.workflow .workflow_list .process_intro{
+  display: flex;
+  height: 62rpx;
+  align-items: center; 
+}
+
+.workflow .process_intro .name{
+  width: 390rpx;
+  font-size: 34rpx;
+  margin-right: 30rpx;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.workflow .process_intro .name .name_tit{
+  width: 290rpx;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.van-swipe-cell {
+  width: 94%;
+  background: #fff;
+  border-radius: 10px;
+  box-shadow: 2px 5px 5px #ddd;
+  margin: 0 auto;
+  margin-bottom: 15px;
+}
+.li{
+  width: 100%;
+  padding: 14px;
+  display: flex;
+  z-index: 1;
+}
+.tit_box{
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+}
+.tit_box.ju_c{
+  justify-content: space-between;
+}
+.tit_box.mr_10 view{
+  margin-left: 15px;
+}
+.tit_box.mr_10 view:nth-child(1){
+  margin-left: 0px;
+}
+.tit_box view{
+  display: flex;
+  align-items: center;
+}
+.detail_box{
+  margin-top: 15px;
+  display: flex;
+  justify-content: space-between;
+}
+.li view text{
+  /* margin-top: 15px; */
+}
+.li .detail_box view{
+  display: flex;
+  align-items: center;
+}
+.li .detail_box view text{
+  color: #878787;
+  line-height: 1;
+}
+
+.li view text:nth-child(1){
+  margin-top: 0px;
+}
+.li .fksr{
+  display: flex;
+  align-items: center;
+  margin-top: 15px;
+  color: #2C8E68;
+  font-size: 16px;
+}
+.li .wtj{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 3px 8px;
+  border-radius: 5px;
+  font-size: 14px;
+}
+.no{
+  background-color:#fbe3e3;
+  color: #e90000;
+}
+.white{
+  background-color:#feeadc;
+  color: #fc9a55;
+}
+.yes{
+  background-color:#ddeee3;
+  color: #5cae77;
+}
+.other{
+  background-color:#f0f1f6;
+  color: #878787;
+}
+.li .tit{
+  font-size: 14px;
+  color: #878787;
+  /* line-height: 14px; */
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  word-break: break-all;
+  overflow: hidden;
+}
+.li .fj_name{
+  font-size: 14px;
+  color: #B3DB62;
+  line-height: 25px;
+}
+.li .time{
+  font-size: 14px;
+  color: #9B9CAA;
+}
+.li .money{
+  font-size: 18px;
+  color: #5CAE77;
+}
+.van-checkbox__label {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+}
+
+.van-checkbox__icon-wrap {
+  border-radius: 5px;
+}
+.van-checkbox__icon {
+  border-radius: 5px;
+  border: 2px solid #2C8E68!important;
+  background-color: rgba(44, 142, 104, 0.2);
+}
+
+.downView{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 0 20px;
+  border: 1px solid #5CAE77;
+  border-radius: 50px;
+  background: #fff;
+  margin-left: auto;
+}
+.downView image{
+  width: 10px;
+  height: 8px;
+  margin-left: 10px;
+}
+.fj-box text{
+  background-color: #5CAE77;
+  color: #ffffff;
+  text-align: center;
+  border-radius: 5px;
+  white-space:pre-wrap;
+  padding: 5rpx 8rpx;
+  width: 50rpx;
+  margin: 0px 14px;
+  font-size: 24rpx;
+}
+.fj-li{
+  margin-top: 20px;
+  display: flex;
+  /* flex-wrap: wrap; */
+}
+.fj-li .img_li{
+  width: 100%;
+  height: 18.5vw;
+}
+
+.fj-li .img_add{
+  overflow: hidden;
+}
+.van-icon-description{
+  font-size: 60px;
+}
+.van-dropdown-menu {
+  width:100%;
+}
+.tit_tab{
+  color:#FC9A55!important;
+  border: 1px solid #FC9A55;
+  padding:0px 5px;
+  text-align: right;
+  border-top-left-radius: 20px;
+  border-top-right-radius: 20px;
+  border-bottom-right-radius: 20px;
+  font-size: 12px;
+}
+.tit_tab2{
+  color:#5CAE77!important;
+  border: 1px solid #5CAE77;
+  padding:3px 8px;
+  text-align: right;
+  border-radius: 20px;
+  align-self:flex-end;
+  margin-left:auto;
+}
+.tit_tab4{
+  color:#B3DB62!important;
+  border: 1px solid #B3DB62;
+  padding:1px 5px;
+  border-radius: 5px;
+}
+.tit_tab5{
+  color:#5CAE77!important;
+  background-color: rgba(92, 174, 119, 0.2);
+  padding:1px 5px;
+  border-radius: 5px;
+  margin-left: auto;
+}
+.tit_tab3{
+  margin-left:auto;
+  font-size: 16px;
+}
+.tit_tab3.red{
+  color: #E90000;
+}
+.tit_tab3.green{
+  color: #5CAE77;
+}
+.money_box{
+  display: flex;
+  justify-content: space-around;
+  margin-top: 10px;
+}
+.money_box text{
+  color: #666666;
+}
+.ll_box{
+  display: flex;
+  align-items: center;
+}
+.ll_box text{
+  margin-left: 5px;
+}
+.cell_right{
+  height: 100%;display: flex;
+  /* position: relative;
+  left: -6%; */
+}
+.button_box{
+  display: flex;
+  height: 100%;
+  align-items: center;
+}
+.button_box view{
+  width: 55px;
+  text-align: center;
+  align-items: center;
+}
+.button_box view text{
+  color: #fff;
+}
+/* .button_box:nth-child(1){
+  background-color: #B3DB62;
+  width: 6%;
+} */
+.button_box:nth-child(1){
+  background-color: #B3DB62;
+}
+.button_box:nth-child(2){
+  background-color: #5CAE77;
+}
+.button_box:nth-child(3){
+  background-color: #2C8E68;
+}
+.button_box:nth-child(4){
+  background-color: #878787;
+}
+.button_box:nth-child(5){
+  background-color: #FC9A55;
+}
+.button_box:nth-child(6){
+  background-color: #E90000;
+}
+.button_box view text{
+  display: block;
+}
+.top_view{
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 15px;
+}
+.sx_view{
+  background-color: #fff;
+  display: flex;
+  align-items: center;
+  padding: 0 3%;
+}
+.sx_box{
+  padding: 3% 5%;
+}
+.checkbox_icon{
+  background-color: #F6F6F6;
+  color: #444444;
+  padding: 5px 15px;
+  border-radius: 1rem;
+  border:1px solid #F6F6F6;
+  margin-top: 10px;
+}
+.ys_checkbox_icon{
+  background-color: rgba(92, 174, 119, 0.3);
+  color: #444444;
+  padding: 5px 15px;
+  border-radius: 1rem;
+  border:1px solid #5CAE77;
+  color: #5CAE77;
+  margin-top: 10px;
+}
+.van-checkbox-group{
+  display: flex;
+  flex-wrap: wrap;
+}
+.sx_tit{
+  margin-top: 10px;
+}
+.sx_input_box {
+  display: flex;
+  align-items: center;
+  margin-top: 10px;
+}
+.sx_input_box input{
+  background-color: #F6F6F6;
+  padding: 0 10px;
+  border-radius: 30px;
+  text-align: center;
+  height: 30px;
+}
+.sx_input_box text {
+  margin: 0 10px;
+}
+.bottom{
+  width: 84%;
+  margin: 0 auto;
+  text-align: center;
+  margin-top: 50px;
+  margin-bottom: 50px;
+  display: flex;
+  z-index: 999999;
+}
+
+.bottom view {
+  width: 47%;
+  margin: 0 auto;
+  border-radius: 30px;
+  display: inline-block;
+}
+
+.bottom .btn1{
+  border: 1px solid #2C8E68;
+  padding: 8px 0px;
+  color: #2C8E68;
+}
+
+.bottom .btn2{
+  border: 1px solid transparent;
+  padding: 8px 0px;
+  background-image: linear-gradient(to right, #2C8E68, #5CAE77);
+  margin-left: 6%;
+  color: #fff;
+}
+.bottom .btn3{
+  border: 1px solid transparent;
+  padding: 8px 0px;
+  background-image: linear-gradient(to right, #2C8E68, #5CAE77);
+  color: #fff;
+  width: 100%;
+}
+.list_btn{
+  display: flex;
+  align-items: center;
+  margin-left: 20px;
+  text-align: center;
+}
+.btn {
+  padding: 7px 10px;
+  color: #fff;
+  border-radius: 5rem;
+  margin-top: 20px;
+}
+.btn:nth-child(1){
+  margin-top: 0;
+}
+.btn_qs{
+  background-color: #5CAE77;
+}
+.btn_zf{
+  background-color: #E90000;
+}
+.btn_xf{
+  background-color: #FC9A55;
+}
+.van-button--danger {
+  background: linear-gradient(to right, #429a68, #9ecf67)!important;
+}

pages/drawee/drawee.js

@@ -27,7 +27,9 @@ Page({
           }
         }, 0);
       });
-    }
+    },
+    showTransactionDialog:false,
+    showReceiptDialog:false,
   },
 
   /**
@@ -35,6 +37,23 @@ Page({
    */
   onLoad: function (options) {
 
+  },
+  showTransactionDialog(){
+    var that = this;
+    that.setData({
+      showTransactionDialog:true
+    })
+  },
+  showReceiptDialog(){
+    var that = this;
+    that.setData({
+      showReceiptDialog:true
+    })
+  },
+  goRegular(){
+    wx.navigateTo({
+      url: '/pages/regular/regular',
+    })
   },
    //跳转支出申请
 swichPaymentApply:function(e){

pages/drawee/drawee.json

@@ -9,6 +9,7 @@
     "van-icon": "@vant/weapp/icon/index",
     "van-tag": "@vant/weapp/tag/index",
     "van-dialog": "@vant/weapp/dialog/index",
-    "van-empty": "@vant/weapp/empty/index"
+    "van-empty": "@vant/weapp/empty/index",
+    "van-field": "@vant/weapp/field/index"
   }
 }

pages/drawee/drawee.wxml

@@ -13,26 +13,51 @@
 <view class="main">
   <van-tabs sticky color="#000" animated>
     <van-tab title="银行账户">
-      <view class="bank_box" wx:for="{{accountList}}" wx:key="index">
-        <text class="zt">{{item.bankUseType == 1 ?'基本户':'一般户'}}</text>
-        <image src="../../image/apply/bgt.png" wx:if="{{item.bankUseType == 1}}" style="width: 100%;position: absolute;top:0;right:0;z-index: 9;height: 100%;"></image>
-        <image src="../../image/apply/bgy.png" wx:else style="width: 100%;position: absolute;top:0;right:0;z-index: 9;height: 100%;"></image>
-        <view class="bank_content {{iOf.indexOf(item.bankTypeText,'中国银行') > -1 ? 'ICBC':iOf.indexOf(item.bankTypeText,'农商行') > -1 ? 'RCB':iOf.indexOf(item.bankTypeText,'农业银行') > -1 ? 'ABC':iOf.indexOf(item.bankTypeText,'建设银行') > -1 ? 'CCB':''}}">
-          <view class="bankName">
-            <image src="../../image/apply/{{iOf.indexOf(item.bankTypeText,'中国银行') > -1 ? 'ICBC':iOf.indexOf(item.bankTypeText,'农商行') > -1 ? 'RCB':iOf.indexOf(item.bankTypeText,'农业银行') > -1 ? 'ABC':iOf.indexOf(item.bankTypeText,'建设银行') > -1 ? 'CCB':''}}.png" style="width: 25px"  mode="widthFix"></image>
-            <text>{{item.accountName}}</text>
-          </view>
-          
-          <view style="margin-top: 2vh;">{{item.bankAccountNumber}}<text>卡号</text></view> 
-          <view>可用余额</view> 
-          <view style="font-weight: bold;font-size: 22px;margin-top: 2vh;">
-            {{item.balance}}
-            
-            <image src="/image/icon/icon_zfkl.png" data-id="{{item.id}}" data-index="{{index}}" data-name="{{item.accountName}}" bindtap="showDialog" style="width: 20px;height: 20px;vertical-align: middle;position: absolute;right: calc(2vh + 30px);z-index: 10;"></image>
+      <view class="list_box" style="padding: 0 3%;">
+        <van-swipe-cell right-width="{{ 195 }}" wx:for="{{accountList}}" wx:key="index">
+          <view class="bank_box">
+            <text class="zt">{{item.bankUseType == 1 ?'基本户':'一般户'}}</text>
+            <image src="../../image/apply/bgt.png" wx:if="{{item.bankUseType == 1}}" style="width: 100%;position: absolute;top:0;right:0;z-index: 9;height: 100%;"></image>
+            <image src="../../image/apply/bgy.png" wx:else style="width: 100%;position: absolute;top:0;right:0;z-index: 9;height: 100%;"></image>
+            <view class="bank_content {{iOf.indexOf(item.bankTypeText,'中国银行') > -1 ? 'ICBC':iOf.indexOf(item.bankTypeText,'农商行') > -1 ? 'RCB':iOf.indexOf(item.bankTypeText,'农业银行') > -1 ? 'ABC':iOf.indexOf(item.bankTypeText,'建设银行') > -1 ? 'CCB':''}}">
+              <view class="bankName">
+                <image src="../../image/apply/{{iOf.indexOf(item.bankTypeText,'中国银行') > -1 ? 'ICBC':iOf.indexOf(item.bankTypeText,'农商行') > -1 ? 'RCB':iOf.indexOf(item.bankTypeText,'农业银行') > -1 ? 'ABC':iOf.indexOf(item.bankTypeText,'建设银行') > -1 ? 'CCB':''}}.png" style="width: 25px"  mode="widthFix"></image>
+                <text>{{item.accountName}}</text>
+              </view>
+              
+              <view style="margin-top: 2vh;">{{item.bankAccountNumber}}<text>卡号</text></view> 
+              <view>可用余额</view> 
+              <view style="font-weight: bold;font-size: 22px;margin-top: 2vh;">
+                {{item.balance}}
+                
+                <image src="/image/icon/icon_zfkl.png" data-id="{{item.id}}" data-index="{{index}}" data-name="{{item.accountName}}" bindtap="showDialog" style="width: 20px;height: 20px;vertical-align: middle;position: absolute;right: calc(2vh + 30px);z-index: 10;"></image>
 
-            <image src="/image/apply/update.png" data-id="{{item.id}}" data-index="{{index}}" bindtap="updateMoney" style="width: 20px;height: 20px;vertical-align: middle;position: absolute;right: 2vh;z-index: 10;"></image>
-          </view> 
-        </view>
+                <image src="/image/apply/update.png" data-id="{{item.id}}" data-index="{{index}}" bindtap="updateMoney" style="width: 20px;height: 20px;vertical-align: middle;position: absolute;right: 2vh;z-index: 10;"></image>
+              </view> 
+            </view>
+          </view>
+          <view slot="right" class="cell_right">
+            <view class="button_box"><view></view></view>
+            <view class="button_box" bindtap="showTransactionDialog">
+              <view>
+                <image src="/image/icon/icon_mx.png" style="width: 15px;height: 17px;"></image>
+                <text>明细</text>
+              </view>
+            </view>
+            <view class="button_box" bindtap="goRegular">
+              <view>
+                <image src="/image/icon/icon_dq.png" style="width: 15px;height: 17px;"></image>
+                <text>定期</text>
+              </view>
+            </view>
+            <view class="button_box" bindtap="showReceiptDialog">
+              <view>
+                <image src="/image/icon/icon_hd.png" style="width: 15px;height: 17px;"></image>
+                <text>回单</text>
+              </view>
+            </view>
+          </view>
+        </van-swipe-cell>
       </view>
       <van-empty wx:if="{{accountList.length == 0}}" description="暂无银行账户" />
       <!-- <view class="addBtn" data-url="/pages/drawee/add/add" bindtap="navigate">
@@ -111,6 +136,47 @@
 </van-dialog>
 <view class="ipXbtn"></view>
 
+<van-dialog
+  use-slot
+  show="{{ showTransactionDialog }}"
+  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-field value="{{ value }}" required label="来往账标识" placeholder="请选择来往账标识" input-align="right" is-link arrow-direction="down" bind:change="onChange" />
+  <van-field value="{{ value }}" required label="开始日期" placeholder="请选择开始日期" input-align="right" is-link arrow-direction="down" bind:change="onChange" />
+  <van-field value="{{ value }}" required label="截止日期" placeholder="请选择截止日期" input-align="right" is-link arrow-direction="down" bind:change="onChange" />
+  <van-field value="{{ value }}" label="下限" placeholder="请输入下限" input-align="right" bind:change="onChange" />
+  <van-field value="{{ value }}" label="上限" placeholder="请输入上限" input-align="right" bind:change="onChange" />
+</van-dialog>
+
+<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-field value="{{ value }}" required label="业务类型" placeholder="请选择业务类型" input-align="right" is-link arrow-direction="down" bind:change="onChange" />
+  <van-field value="{{ value }}" required label="开始日期" placeholder="请选择开始日期" input-align="right" is-link arrow-direction="down" bind:change="onChange" />
+  <van-field value="{{ value }}" required label="截止日期" placeholder="请选择截止日期" input-align="right" is-link arrow-direction="down" bind:change="onChange" />
+</van-dialog>
+<view class="ipXbtn"></view>
+
 <wxs module="iOf">
   var indexOf = function(name,value){
     return name.indexOf(value);

pages/drawee/drawee.wxss

@@ -91,14 +91,20 @@
 
 .bank_box{
   position: relative;
-  box-shadow: 0px 5px 9px #ccc;
+  /* box-shadow: 0px 5px 9px #ccc; */
   overflow: hidden;
   border-radius: 15px;
-  width: 94%;
+  width: 100%;
   margin: 0 auto;
-  margin-bottom: 20px;
+  z-index: 1;
 }
-.bank_box:first-child{
+.cell_right{
+  height: 100%;display: flex;
+  position: relative;
+  left: -6%;
+}
+.list_box .van-swipe-cell{
+  border-radius: 15px;
   margin-top: 20px;
 }
 .zt {
@@ -191,4 +197,33 @@
 .van-dialog__header {
   color: #429a68;
   font-size: 20px;
+}
+.button_box{
+  display: flex;
+  height: 100%;
+  align-items: center;
+}
+.button_box view{
+  width: 65px;
+  text-align: center;
+  align-items: center;
+}
+.button_box view text{
+  color: #fff;
+}
+.button_box:nth-child(1){
+  background-color: #B3DB62;
+  width: 6%;
+}
+.button_box:nth-child(2){
+  background-color: #B3DB62;
+}
+.button_box:nth-child(3){
+  background-color: #5CAE77;
+}
+.button_box:nth-child(4){
+  background-color: #2C8E68;
+}
+.button_box view text{
+  display: block;
 }

pages/index/index.wxml

@@ -109,6 +109,10 @@
                 <view class="image"><image class="attribute" src="../../image/index/majorEvent_icon.png" mode="aspectFit"></image></view>
                 <text class="desc">重大事项</text>
             </view>
+            <view class="flex_block"  data-url="/pages/transferAccounts/transferAccounts" bindtap="navigate" hover-class="btnView">
+                <view class="image"><image class="attribute" src="../../image/index/majorEvent_icon.png" mode="aspectFit"></image></view>
+                <text class="desc">转账对账</text>
+            </view>
         </block>
         <view class="flex_block" bindtap="openView" hover-class="btnView">
             <view class="image"><image class="attribute" src="../../image/index/child_function_06.png" mode="aspectFit"></image></view>

pages/paymentManager/toPay/toPay.wxml

@@ -30,7 +30,7 @@
     </view>
 </view>
 <view style="margin-top: 20px;" class="main-box top-box topBox">
-    <view class="workflow "  wx:for-item="item" wx:for="{{list}}" wx:key="index" data-type="up" >
+    <view class="workflow "  wx:for-item="it em" wx:for="{{list}}" wx:key="index" data-type="up" >
       <view class="workflow_list">
           <view class="process_intro">
               <view class="name">{{item.payee}}</view>

pages/regular/regular.js

@@ -0,0 +1,78 @@
+// pages/regular/index.js
+import * as UTIL from '../../utils/util.js';
+import * as API from '../../utils/API.js';
+let EVN_CONFIG = require('../../env/env');
+const DISTRIBUTE_ENVIROMENT = 'IMGURL';
+let {
+  URL_PREFIX,
+} = EVN_CONFIG[DISTRIBUTE_ENVIROMENT];
+const app = getApp();
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    isIPX: app.globalData.isIPX,
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+  back:function(){
+    wx.navigateBack({
+      delta: 1
+    })
+  },
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

pages/regular/regular.json

@@ -0,0 +1,16 @@
+{
+  "usingComponents": {
+    "van-checkbox": "@vant/weapp/checkbox/index",
+    "van-checkbox-group": "@vant/weapp/checkbox-group/index",
+    "van-cell": "@vant/weapp/cell/index",
+    "van-cell-group": "@vant/weapp/cell-group/index",
+    "van-search": "@vant/weapp/search/index",
+    "van-radio": "@vant/weapp/radio/index",
+    "van-radio-group": "@vant/weapp/radio-group/index",
+    "van-swipe-cell": "@vant/weapp/swipe-cell/index",
+    "van-action-sheet": "@vant/weapp/action-sheet/index",
+    "van-upload": "@vant/weapp/uploader/index",
+    "van-dropdown-menu": "@vant/weapp/dropdown-menu/index",
+    "van-dropdown-item": "@vant/weapp/dropdown-item/index"
+  }
+}

pages/regular/regular.wxml

@@ -0,0 +1,91 @@
+<!--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>
+
+<scroll-view scroll-y refresher-threshold="0" style="height:100%" bindscrolltolower="paging" lower-threshold="100" style="margin-top:{{isIPX?'98px':'74px'}};">
+  <!-- wx:for="{{list}}" wx:key="index" wx:for-item="item" right-width="{{ 50 }}" -->
+<van-swipe-cell class="workflow" wx:for="{{5}}" >
+  <view class="li" >
+    <view style="width:70%;flex:7;">
+      <view class="tit_box">
+        <text class="tit">产品名称产品名称</text>
+        <text class="tit_tab2">活动</text>
+      </view>
+      <view class="detail_box">
+        <view style="margin-left:5%;color:grey;font-size: 12px;justify-content: space-between;display: contents;">
+          <text>账号：5001010120010492253</text>
+          <text class="tit_tab">钞</text> 
+        </view>
+        <view class="ll_box">
+          <image src="/image/icon/icon_ll.png" style="width: 17px;height: 14px;"></image>
+          <text>利率</text>
+          <text style="color: #E90000;">6%</text>
+        </view>
+      </view>
+      <view class="money_box">
+        <view>
+          <text>定期余额（元）</text>
+          <text style="color: #E90000;font-size: 22px;margin-top: 10px;">150.00</text>
+          <view style="display: flex;align-items: center;margin-top: 10px;">
+            <image src="/image/icon/clock_icon.png" style="width: 15px;height: 15px;border-radius:5px;margin-right: 5px;"></image>
+            <text>2021.09.01</text>
+          </view>
+        </view>
+        <view>
+          <text>可用余额（元）</text>
+          <text style="color: #5CAE77;font-size: 22px;margin-top: 10px;">150.00</text>
+          <view style="display: flex;align-items: center;margin-top: 10px;">
+            <image src="/image/icon/clock_red_icon.png" style="width: 15px;height: 15px;border-radius:5px;margin-right: 5px;"></image>
+            <text>2021.11.30</text>
+          </view>
+        </view>
+        <view>
+          <text>存期（天）</text>
+          <text style="color: #444444;font-size: 22px;margin-top: 10px;">90</text>
+        </view>
+      </view>
+    </view>
+    <!-- <view style="width:30%;flex:3;">
+      <view style="text-align: right;">
+          <view style="color:red;line-height: 50px;font-size: 18px;">
+            <text style="font-size: 10px;display: inline;">￥</text>666
+          </view>
+        </view>
+        <view style="text-align: right;" bindtap="toPay" data-id="{{item.approvalItemTemplateId}}" data-ids="{{item.id}}">
+          <button type="primary" size="mini" style="border-radius: 15px;" >待支付</button>
+        </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>
+

pages/regular/regular.wxss

@@ -0,0 +1,318 @@
+/* pages/regular/index.wxss */
+.van-search__content {
+  border: 1px solid #5CAE77!important;
+  background: #fff!important;
+}
+van-search {
+  flex: 0.8;
+}
+.search_box{
+  display: flex;
+}
+.add_btn{
+  flex: 0.2;
+  padding: var(--search-padding,10px 12px);
+  padding-left: 0;
+}
+.add_btn text{
+  background-color: #62AD66;
+  display: block;
+  height: 100%;
+  text-align: center;
+  line-height: 36px;
+  color: #fff;
+  border-radius: 36px;
+  box-shadow: 0px 5px 5px #ddd;
+}
+text{display: block;}
+.work_plan{
+  padding: 40rpx 32.5rpx 30rpx;
+  display: flex;
+}
+
+.work_plan  .menu_item{
+  background-color: #fff;
+  box-shadow: 2px 5px 5px #ddd;
+  border-radius: 60rpx;
+  text-align: center;
+  position: relative;
+  margin-right: 20px;
+  padding: 8px 10px;
+}
+.work_plan  .menu_item.active{
+  background-color: #2C8E68;
+  color: #fff;
+}
+.work_plan .menu_item .remind{
+  height: 30rpx;
+  background: #e90101;
+  color: #fff;
+  font-size: 26rpx;
+  position: absolute;
+  line-height: 30rpx;
+  padding:0 10rpx;
+  border-radius: 25px;
+  top: -10rpx;
+  right: -10rpx;
+}
+
+.work_plan .more{
+  flex: 1;
+  text-align: center;
+  line-height: 60rpx;
+  font-size: 36rpx;
+  color: #31936c;
+}
+.deleteBox{
+  width: 50px;
+  text-align: center;
+  height: 100%;
+  background: #F6F6F6;
+  align-items: center;
+  display: flex;
+}
+.moreBox{
+  width: 90px;
+  text-align: center;
+  height: 100%;
+  background: #F6F6F6;
+  align-items: center;
+  display: flex;
+}
+.workflow .workflow_list{
+  height: 150rpx;
+  background-color: #fff;
+  border-radius: 24rpx;
+  box-shadow:0rpx 0rpx 10rpx rgba(0,0,0,.1);
+  margin-bottom: 20rpx;
+  padding:15rpx 25rpx 10rpx 35rpx;
+}
+.workflow .workflow_list .process_intro{
+  display: flex;
+  height: 62rpx;
+  align-items: center; 
+}
+
+.workflow .process_intro .name{
+  width: 390rpx;
+  font-size: 34rpx;
+  margin-right: 30rpx;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.workflow .process_intro .name .name_tit{
+  width: 290rpx;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.van-swipe-cell {
+  width: 94%;
+  background: #fff;
+  border-radius: 10px;
+  box-shadow: 2px 5px 5px #ddd;
+  margin: 0 auto;
+  margin-bottom: 15px;
+}
+.li{
+  width: 100%;
+  padding: 14px;
+  display: flex;
+}
+.tit_box{
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.detail_box{
+  margin-top: 15px;
+  display: flex;
+  justify-content: space-between;
+}
+.li view text{
+  /* margin-top: 15px; */
+}
+.li .detail_box view{
+  display: flex;
+  align-items: center;
+}
+.li .detail_box view text{
+  color: #878787;
+  line-height: 1;
+}
+
+.li view text:nth-child(1){
+  margin-top: 0px;
+}
+.li .fksr{
+  display: flex;
+  align-items: center;
+  margin-top: 15px;
+  color: #2C8E68;
+  font-size: 16px;
+}
+.li .wtj{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 3px 8px;
+  border-radius: 5px;
+  font-size: 14px;
+}
+.no{
+  background-color:#fbe3e3;
+  color: #e90000;
+}
+.white{
+  background-color:#feeadc;
+  color: #fc9a55;
+}
+.yes{
+  background-color:#ddeee3;
+  color: #5cae77;
+}
+.other{
+  background-color:#f0f1f6;
+  color: #878787;
+}
+.li .tit{
+  font-size: 16px;
+  color: #444444;
+  /* line-height: 14px; */
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  word-break: break-all;
+  overflow: hidden;
+}
+.li .fj_name{
+  font-size: 14px;
+  color: #B3DB62;
+  line-height: 25px;
+}
+.li .time{
+  font-size: 14px;
+  color: #9B9CAA;
+}
+.li .money{
+  font-size: 18px;
+  color: #5CAE77;
+}
+.van-checkbox__label {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+}
+
+.van-checkbox__icon-wrap {
+  border-radius: 5px;
+}
+.van-checkbox__icon {
+  border-radius: 5px;
+  border: 2px solid #2C8E68!important;
+  background-color: rgba(44, 142, 104, 0.2);
+}
+.bottom{
+  width: 100%;
+  margin: 0 auto;
+  text-align: center;
+  padding: 15px 0;
+  display: flex;
+  position: fixed;
+  bottom: 0%;
+  background: #fff;
+  box-shadow: 0 0 5px #ddd;
+}
+
+.bottom view {
+  width: 47%;
+  margin: 0 auto;
+  border-radius: 30px;
+  display: inline-block;
+}
+
+.bottom .btn2{
+  border: 1px solid transparent;
+  padding: 10px 0px;
+  background-image: linear-gradient(to right, #2C8E68, #5CAE77);
+  color: #fff;
+}
+
+.downView{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 0 20px;
+  border: 1px solid #5CAE77;
+  border-radius: 50px;
+  background: #fff;
+  margin-left: auto;
+}
+.downView image{
+  width: 10px;
+  height: 8px;
+  margin-left: 10px;
+}
+.fj-box text{
+  background-color: #5CAE77;
+  color: #ffffff;
+  text-align: center;
+  border-radius: 5px;
+  white-space:pre-wrap;
+  padding: 5rpx 8rpx;
+  width: 50rpx;
+  margin: 0px 14px;
+  font-size: 24rpx;
+}
+.fj-li{
+  margin-top: 20px;
+  display: flex;
+  /* flex-wrap: wrap; */
+}
+.fj-li .img_li{
+  width: 100%;
+  height: 18.5vw;
+}
+
+.fj-li .img_add{
+  overflow: hidden;
+}
+.van-icon-description{
+  font-size: 60px;
+}
+.van-dropdown-menu {
+  width:100%;
+  margin-bottom: 15px;
+}
+.tit_tab{
+  color:#FC9A55!important;
+  background-color: rgb(252,154,85,0.2);
+  padding:0px 10px;
+  text-align: right;
+  border-top-left-radius: 20px;
+  border-top-right-radius: 20px;
+  border-bottom-right-radius: 20px;
+}
+.tit_tab2{
+  color:#B3DB62!important;
+  border: 1px solid #B3DB62;
+  padding:0px 5px;
+  text-align: right;
+  border-radius: 20px;
+}
+.money_box{
+  display: flex;
+  justify-content: space-between;
+  margin-top: 10px;
+}
+.money_box text{
+  color: #666666;
+}
+.ll_box{
+  display: flex;
+  align-items: center;
+}
+.ll_box text{
+  margin-left: 5px;
+}

pages/transferAccounts/transferAccounts.js

@@ -0,0 +1,117 @@
+// pages/regular/index.js
+import * as UTIL from '../../utils/util.js';
+import * as API from '../../utils/API.js';
+let EVN_CONFIG = require('../../env/env');
+const DISTRIBUTE_ENVIROMENT = 'IMGURL';
+let {
+  URL_PREFIX,
+} = EVN_CONFIG[DISTRIBUTE_ENVIROMENT];
+const app = getApp();
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    isIPX: app.globalData.isIPX,
+    option1: [
+      { text: '收支类型', value: '' },
+      { text: '待支付', value: '1' },
+      { text: '银行受理', value: '3' },
+      { text: '支付失败', value: '4' },
+      { text: '部分失败', value: '5' },
+    ],
+    option2: [
+      { text: '结算方式', value: '' },
+      { text: '结算类', value: '1' },
+      { text: '工程项目类', value: '2' },
+      { text: '合同类', value: '4' },
+      { text: '其他', value: '5' },
+    ],
+    option3: [
+      { text: '票据状态', value: '' },
+      { text: '银行卡转账', value: '1' },
+      { text: '信用卡还款', value: '2' },
+    ],
+    value1: '',
+    value2: '',
+    value3: '',
+    showPopup:false,
+    result:[]
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+  back:function(){
+    wx.navigateBack({
+      delta: 1
+    })
+  },
+  showPopup(){
+    var that = this;
+    that.setData({
+      showPopup:true
+    })
+  },
+  onClose() {
+    this.setData({ showPopup: false });
+  },
+  onChange(event) {
+    console.log(event.detail);
+    this.setData({
+      result: event.detail,
+    });
+  },
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

pages/transferAccounts/transferAccounts.json

@@ -0,0 +1,17 @@
+{
+  "usingComponents": {
+    "van-checkbox": "@vant/weapp/checkbox/index",
+    "van-checkbox-group": "@vant/weapp/checkbox-group/index",
+    "van-cell": "@vant/weapp/cell/index",
+    "van-cell-group": "@vant/weapp/cell-group/index",
+    "van-search": "@vant/weapp/search/index",
+    "van-radio": "@vant/weapp/radio/index",
+    "van-radio-group": "@vant/weapp/radio-group/index",
+    "van-swipe-cell": "@vant/weapp/swipe-cell/index",
+    "van-action-sheet": "@vant/weapp/action-sheet/index",
+    "van-upload": "@vant/weapp/uploader/index",
+    "van-dropdown-menu": "@vant/weapp/dropdown-menu/index",
+    "van-popup": "@vant/weapp/popup/index",
+    "van-dropdown-item": "@vant/weapp/dropdown-item/index"
+  }
+}

pages/transferAccounts/transferAccounts.wxml

@@ -0,0 +1,281 @@
+<!--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="{{ 195 }}" class="workflow" wx:for="{{5}}" >
+  <view class="li" >
+    <view style="width:70%;flex:7;">
+      <view class="tit_box">
+        <image src="/image/icon/icon_fu16.png" style="width: 16px;height: 16px;margin-right: 10px;"  referrer="no-referrer|origin|unsafe-url"></image>
+        <view>
+          <text class="tit">龙华村联合社华</text>
+          <text class="tit">5001010120010472253</text>
+        </view>
+        <text class="tit_tab2">人工确认</text>
+      </view>
+      <view class="tit_box">
+        <image src="/image/icon/icon_yn.png" style="width: 16px;height: 36px;margin-right: 10px;"  referrer="no-referrer|origin|unsafe-url"></image>
+        <view>
+          <text class="tit">龙华村联合社华</text>
+          <text class="tit">5001010120010472253</text>
+        </view>
+        <text class="tit_tab3 red">￥150.00</text>
+      </view>
+      <view class="tit_box">
+        <image src="/image/icon/icon_yh.png" style="width: 16px;height: 36px;margin-right: 10px;"  referrer="no-referrer|origin|unsafe-url"></image>
+        <view>
+          <text class="tit">龙华村联合社华</text>
+          <text class="tit">5001010120010472253</text>
+        </view>
+        <text class="tit_tab3 green">￥150.00</text>
+      </view>
+      <view style="display: flex;align-items: center;margin-top: 10px;">
+        <image src="/image/icon/clock_icon.png" style="width: 15px;height: 15px;border-radius:5px;margin-right: 5px;"></image>
+        <text style="color: #878787;line-height: 1;">2021.09.01</text>
+      </view>
+      
+    </view>
+    <!-- <view style="width:30%;flex:3;">
+      <view style="text-align: right;">
+          <view style="color:red;line-height: 50px;font-size: 18px;">
+            <text style="font-size: 10px;display: inline;">￥</text>666
+          </view>
+        </view>
+        <view style="text-align: right;" bindtap="toPay" data-id="{{item.approvalItemTemplateId}}" data-ids="{{item.id}}">
+          <button type="primary" size="mini" style="border-radius: 15px;" >待支付</button>
+        </view>
+    </view>  -->
+  </view>
+  <view slot="right" class="cell_right">
+    <!-- <view class="button_box"><view></view></view> -->
+    <view class="button_box" bindtap="showTransactionDialog">
+      <view>
+        <image src="/image/icon/icon_mx.png" style="width: 15px;height: 17px;"></image>
+        <text>明细</text>
+      </view>
+    </view>
+    <view class="button_box" bindtap="goRegular">
+      <view>
+        <image src="/image/icon/icon_dz.png" style="width: 15px;height: 17px;"></image>
+        <text>对账</text>
+      </view>
+    </view>
+    <view class="button_box" bindtap="showReceiptDialog">
+      <view>
+        <image src="/image/icon/icon_hd.png" style="width: 15px;height: 17px;"></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>
+
+<wxs module="iOf">
+  var indexOf = function(name,value){
+    return name.indexOf(value);
+  }
+  module.exports.indexOf = indexOf;
+</wxs>

pages/transferAccounts/transferAccounts.wxss

@@ -0,0 +1,436 @@
+/* pages/regular/index.wxss */
+.van-search__content {
+  border: 1px solid #5CAE77!important;
+  background: #fff!important;
+}
+van-search {
+  flex: 0.8;
+}
+.search_box{
+  display: flex;
+}
+.add_btn{
+  flex: 0.2;
+  padding: var(--search-padding,10px 12px);
+  padding-left: 0;
+}
+.add_btn text{
+  background-color: #62AD66;
+  display: block;
+  height: 100%;
+  text-align: center;
+  line-height: 36px;
+  color: #fff;
+  border-radius: 36px;
+  box-shadow: 0px 5px 5px #ddd;
+}
+text{display: block;}
+.work_plan{
+  padding: 40rpx 32.5rpx 30rpx;
+  display: flex;
+}
+
+.work_plan  .menu_item{
+  background-color: #fff;
+  box-shadow: 2px 5px 5px #ddd;
+  border-radius: 60rpx;
+  text-align: center;
+  position: relative;
+  margin-right: 20px;
+  padding: 8px 10px;
+}
+.work_plan  .menu_item.active{
+  background-color: #2C8E68;
+  color: #fff;
+}
+.work_plan .menu_item .remind{
+  height: 30rpx;
+  background: #e90101;
+  color: #fff;
+  font-size: 26rpx;
+  position: absolute;
+  line-height: 30rpx;
+  padding:0 10rpx;
+  border-radius: 25px;
+  top: -10rpx;
+  right: -10rpx;
+}
+
+.work_plan .more{
+  flex: 1;
+  text-align: center;
+  line-height: 60rpx;
+  font-size: 36rpx;
+  color: #31936c;
+}
+.deleteBox{
+  width: 50px;
+  text-align: center;
+  height: 100%;
+  background: #F6F6F6;
+  align-items: center;
+  display: flex;
+}
+.moreBox{
+  width: 90px;
+  text-align: center;
+  height: 100%;
+  background: #F6F6F6;
+  align-items: center;
+  display: flex;
+}
+.workflow .workflow_list{
+  height: 150rpx;
+  background-color: #fff;
+  border-radius: 24rpx;
+  box-shadow:0rpx 0rpx 10rpx rgba(0,0,0,.1);
+  margin-bottom: 20rpx;
+  padding:15rpx 25rpx 10rpx 35rpx;
+}
+.workflow .workflow_list .process_intro{
+  display: flex;
+  height: 62rpx;
+  align-items: center; 
+}
+
+.workflow .process_intro .name{
+  width: 390rpx;
+  font-size: 34rpx;
+  margin-right: 30rpx;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.workflow .process_intro .name .name_tit{
+  width: 290rpx;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.van-swipe-cell {
+  width: 94%;
+  background: #fff;
+  border-radius: 10px;
+  box-shadow: 2px 5px 5px #ddd;
+  margin: 0 auto;
+  margin-bottom: 15px;
+}
+.li{
+  width: 100%;
+  padding: 14px;
+  display: flex;
+  z-index: 1;
+}
+.tit_box{
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+}
+.detail_box{
+  margin-top: 15px;
+  display: flex;
+  justify-content: space-between;
+}
+.li view text{
+  /* margin-top: 15px; */
+}
+.li .detail_box view{
+  display: flex;
+  align-items: center;
+}
+.li .detail_box view text{
+  color: #878787;
+  line-height: 1;
+}
+
+.li view text:nth-child(1){
+  margin-top: 0px;
+}
+.li .fksr{
+  display: flex;
+  align-items: center;
+  margin-top: 15px;
+  color: #2C8E68;
+  font-size: 16px;
+}
+.li .wtj{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 3px 8px;
+  border-radius: 5px;
+  font-size: 14px;
+}
+.no{
+  background-color:#fbe3e3;
+  color: #e90000;
+}
+.white{
+  background-color:#feeadc;
+  color: #fc9a55;
+}
+.yes{
+  background-color:#ddeee3;
+  color: #5cae77;
+}
+.other{
+  background-color:#f0f1f6;
+  color: #878787;
+}
+.tit_box:nth-child(3) .tit{
+  color: #5CAE77!important;
+}
+.li .tit{
+  font-size: 14px;
+  color: #444444;
+  /* line-height: 14px; */
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  word-break: break-all;
+  overflow: hidden;
+}
+.li .tit:nth-child(2){
+  font-size: 12px;
+  color: #B5B5B5;
+}
+.li .fj_name{
+  font-size: 14px;
+  color: #B3DB62;
+  line-height: 25px;
+}
+.li .time{
+  font-size: 14px;
+  color: #9B9CAA;
+}
+.li .money{
+  font-size: 18px;
+  color: #5CAE77;
+}
+.van-checkbox__label {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+}
+
+.van-checkbox__icon-wrap {
+  border-radius: 5px;
+}
+.van-checkbox__icon {
+  border-radius: 5px;
+  border: 2px solid #2C8E68!important;
+  background-color: rgba(44, 142, 104, 0.2);
+}
+
+.downView{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 0 20px;
+  border: 1px solid #5CAE77;
+  border-radius: 50px;
+  background: #fff;
+  margin-left: auto;
+}
+.downView image{
+  width: 10px;
+  height: 8px;
+  margin-left: 10px;
+}
+.fj-box text{
+  background-color: #5CAE77;
+  color: #ffffff;
+  text-align: center;
+  border-radius: 5px;
+  white-space:pre-wrap;
+  padding: 5rpx 8rpx;
+  width: 50rpx;
+  margin: 0px 14px;
+  font-size: 24rpx;
+}
+.fj-li{
+  margin-top: 20px;
+  display: flex;
+  /* flex-wrap: wrap; */
+}
+.fj-li .img_li{
+  width: 100%;
+  height: 18.5vw;
+}
+
+.fj-li .img_add{
+  overflow: hidden;
+}
+.van-icon-description{
+  font-size: 60px;
+}
+.van-dropdown-menu {
+  width:100%;
+}
+.tit_tab{
+  color:#FC9A55!important;
+  background-color: rgb(252,154,85,0.2);
+  padding:0px 10px;
+  text-align: right;
+  border-top-left-radius: 20px;
+  border-top-right-radius: 20px;
+  border-bottom-right-radius: 20px;
+}
+.tit_tab2{
+  color:#5CAE77!important;
+  border: 1px solid #5CAE77;
+  padding:3px 8px;
+  text-align: right;
+  border-radius: 20px;
+  align-self:flex-end;
+  margin-left:auto;
+}
+.tit_tab3{
+  margin-left:auto;
+  font-size: 16px;
+}
+.tit_tab3.red{
+  color: #E90000;
+}
+.tit_tab3.green{
+  color: #5CAE77;
+}
+.money_box{
+  display: flex;
+  justify-content: space-between;
+  margin-top: 10px;
+}
+.money_box text{
+  color: #666666;
+}
+.ll_box{
+  display: flex;
+  align-items: center;
+}
+.ll_box text{
+  margin-left: 5px;
+}
+.cell_right{
+  height: 100%;display: flex;
+  /* position: relative;
+  left: -6%; */
+}
+.button_box{
+  display: flex;
+  height: 100%;
+  align-items: center;
+}
+.button_box view{
+  width: 65px;
+  text-align: center;
+  align-items: center;
+}
+.button_box view text{
+  color: #fff;
+}
+/* .button_box:nth-child(1){
+  background-color: #B3DB62;
+  width: 6%;
+} */
+.button_box:nth-child(1){
+  background-color: #B3DB62;
+}
+.button_box:nth-child(2){
+  background-color: #5CAE77;
+}
+.button_box:nth-child(3){
+  background-color: #2C8E68;
+}
+.button_box view text{
+  display: block;
+}
+.top_view{
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 15px;
+}
+.sx_view{
+  background-color: #fff;
+  display: flex;
+  align-items: center;
+  padding: 0 3%;
+}
+.sx_box{
+  padding: 3% 5%;
+}
+.checkbox_icon{
+  background-color: #F6F6F6;
+  color: #444444;
+  padding: 5px 15px;
+  border-radius: 1rem;
+  border:1px solid #F6F6F6;
+  margin-top: 10px;
+}
+.ys_checkbox_icon{
+  background-color: rgba(92, 174, 119, 0.3);
+  color: #444444;
+  padding: 5px 15px;
+  border-radius: 1rem;
+  border:1px solid #5CAE77;
+  color: #5CAE77;
+  margin-top: 10px;
+}
+.van-checkbox-group{
+  display: flex;
+  flex-wrap: wrap;
+}
+.sx_tit{
+  margin-top: 10px;
+}
+.sx_input_box {
+  display: flex;
+  align-items: center;
+  margin-top: 10px;
+}
+.sx_input_box input{
+  background-color: #F6F6F6;
+  padding: 0 10px;
+  border-radius: 30px;
+  text-align: center;
+  height: 30px;
+}
+.sx_input_box text {
+  margin: 0 10px;
+}
+.bottom{
+  width: 84%;
+  margin: 0 auto;
+  text-align: center;
+  margin-top: 50px;
+  margin-bottom: 50px;
+  display: flex;
+  z-index: 999999;
+}
+
+.bottom view {
+  width: 47%;
+  margin: 0 auto;
+  border-radius: 30px;
+  display: inline-block;
+}
+
+.bottom .btn1{
+  border: 1px solid #2C8E68;
+  padding: 8px 0px;
+  color: #2C8E68;
+}
+
+.bottom .btn2{
+  border: 1px solid transparent;
+  padding: 8px 0px;
+  background-image: linear-gradient(to right, #2C8E68, #5CAE77);
+  margin-left: 6%;
+  color: #fff;
+}
+.bottom .btn3{
+  border: 1px solid transparent;
+  padding: 8px 0px;
+  background-image: linear-gradient(to right, #2C8E68, #5CAE77);
+  color: #fff;
+  width: 100%;
+}

project.private.config.json

@@ -1,6 +1,6 @@
 {
   "setting": {
-    "compileHotReLoad": false
+    "compileHotReLoad": true
   },
   "condition": {
     "miniprogram": {
@@ -171,6 +171,20 @@
           "query": "options=[{\"searchValue\":null,\"createBy\":null,\"createTime\":null,\"updateBy\":null,\"updateTime\":null,\"params\":{},\"id\":1,\"transferId\":null,\"payeeId\":null,\"payee\":\"张风\",\"payeeAccount\":\"900080007100654321\",\"incomeAmount\":0.1,\"bankDeposit\":null,\"bankType\":null,\"accountType\":\"1\",\"orderId\":null,\"serialNumber\":null,\"transferStatus\":null,\"transferTime\":null,\"payeePaymentLines\":\"12121212\",\"causeFailure\":null,\"checkStatus\":null,\"cashierFlowId\":null,\"remark\":\"联行号的所属银行与付款方的所属银行未与页面选择的“是否与付款方同行”相匹配；\",\"manualRemark\":null,\"drawer\":null,\"phone\":null,\"unit\":null,\"leader\":null},{\"searchValue\":null,\"createBy\":null,\"createTime\":null,\"updateBy\":null,\"updateTime\":null,\"params\":{},\"id\":2,\"transferId\":null,\"payeeId\":null,\"payee\":\"李斯\",\"payeeAccount\":\"900080007000654322\",\"incomeAmount\":0.2,\"bankDeposit\":null,\"bankType\":null,\"accountType\":\"1\",\"orderId\":null,\"serialNumber\":null,\"transferStatus\":null,\"transferTime\":null,\"payeePaymentLines\":\"12121212\",\"causeFailure\":null,\"checkStatus\":null,\"cashierFlowId\":null,\"remark\":\"联行号的所属银行与付款方的所属银行未与页面选择的“是否与付款方同行”相匹配；\",\"manualRemark\":null,\"drawer\":null,\"phone\":null,\"unit\":null,\"leader\":null}]",
           "launchMode": "default",
           "scene": null
+        },
+        {
+          "name": "银行转账对账",
+          "pathName": "pages/transferAccounts/transferAccounts",
+          "query": "",
+          "launchMode": "default",
+          "scene": null
+        },
+        {
+          "name": "票据使用",
+          "pathName": "pages/billUse/billUse",
+          "query": "",
+          "launchMode": "default",
+          "scene": null
         }
       ]
     }