From 4cafa2a3b83f0cd8b94db4727111c6e803dda34b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=A4=AB=E7=90=B3?=
 <5356169+zhaofulin@user.noreply.gitee.com>
Date: Tue, 19 Mar 2024 21:07:27 +0800
Subject: [PATCH] 1

---
 src/api/bs/vendorPayment.js                   |  54 ++++
 src/api/bs/vendorReceipt.js                   |  54 ++++
 src/components/CorporatePaymentCard/index.vue | 144 ++++++++++
 .../CorporateReceiptsCard/index.vue           | 132 +++++++++
 src/router/modules/contract.js                |   2 +
 .../components/HeaderFilter.vue               | 253 ++++++++++++++++++
 .../corporatePayment/components/UserList.vue  | 223 +++++++++++++++
 .../corporatePayment/components/index.scss    | 163 +++++++++++
 src/views/contract/corporatePayment/index.vue |  23 ++
 .../components/HeaderFilter.vue               | 253 ++++++++++++++++++
 .../corporateReceipts/components/UserList.vue | 223 +++++++++++++++
 .../corporateReceipts/components/index.scss   | 163 +++++++++++
 .../contract/corporateReceipts/index.vue      |  23 ++
 src/views/home/index.vue                      |  12 +
 14 files changed, 1722 insertions(+)
 create mode 100644 src/api/bs/vendorPayment.js
 create mode 100644 src/api/bs/vendorReceipt.js
 create mode 100644 src/components/CorporatePaymentCard/index.vue
 create mode 100644 src/components/CorporateReceiptsCard/index.vue
 create mode 100644 src/views/contract/corporatePayment/components/HeaderFilter.vue
 create mode 100644 src/views/contract/corporatePayment/components/UserList.vue
 create mode 100644 src/views/contract/corporatePayment/components/index.scss
 create mode 100644 src/views/contract/corporatePayment/index.vue
 create mode 100644 src/views/contract/corporateReceipts/components/HeaderFilter.vue
 create mode 100644 src/views/contract/corporateReceipts/components/UserList.vue
 create mode 100644 src/views/contract/corporateReceipts/components/index.scss
 create mode 100644 src/views/contract/corporateReceipts/index.vue

diff --git a/src/api/bs/vendorPayment.js b/src/api/bs/vendorPayment.js
new file mode 100644
index 0000000..dfe5d04
--- /dev/null
+++ b/src/api/bs/vendorPayment.js
@@ -0,0 +1,54 @@
+import request from '@/plugin/axios'
+
+// 创建对公付款
+export function createVendorPayment(data) {
+  return request({
+    url: '/bs/vendor-payment/create',
+    method: 'post',
+    data: data
+  })
+}
+
+// 更新对公付款
+export function updateVendorPayment(data) {
+  return request({
+    url: '/bs/vendor-payment/update',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除对公付款
+export function deleteVendorPayment(id) {
+  return request({
+    url: '/bs/vendor-payment/delete?id=' + id,
+    method: 'delete'
+  })
+}
+
+// 获得对公付款
+export function getVendorPayment(id) {
+  return request({
+    url: '/bs/vendor-payment/get?id=' + id,
+    method: 'get'
+  })
+}
+
+// 获得对公付款分页
+export function getVendorPaymentPage(query) {
+  return request({
+    url: '/bs/vendor-payment/page',
+    method: 'get',
+    params: query
+  })
+}
+
+// 导出对公付款 Excel
+export function exportVendorPaymentExcel(query) {
+  return request({
+    url: '/bs/vendor-payment/export-excel',
+    method: 'get',
+    params: query,
+    responseType: 'blob'
+  })
+}
diff --git a/src/api/bs/vendorReceipt.js b/src/api/bs/vendorReceipt.js
new file mode 100644
index 0000000..0398726
--- /dev/null
+++ b/src/api/bs/vendorReceipt.js
@@ -0,0 +1,54 @@
+import request from '@/plugin/axios'
+
+// 创建对公收款
+export function createVendorReceipt(data) {
+  return request({
+    url: '/bs/vendor-receipt/create',
+    method: 'post',
+    data: data
+  })
+}
+
+// 更新对公收款
+export function updateVendorReceipt(data) {
+  return request({
+    url: '/bs/vendor-receipt/update',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除对公收款
+export function deleteVendorReceipt(id) {
+  return request({
+    url: '/bs/vendor-receipt/delete?id=' + id,
+    method: 'delete'
+  })
+}
+
+// 获得对公收款
+export function getVendorReceipt(id) {
+  return request({
+    url: '/bs/vendor-receipt/get?id=' + id,
+    method: 'get'
+  })
+}
+
+// 获得对公收款分页
+export function getVendorReceiptPage(query) {
+  return request({
+    url: '/bs/vendor-receipt/page',
+    method: 'get',
+    params: query
+  })
+}
+
+// 导出对公收款 Excel
+export function exportVendorReceiptExcel(query) {
+  return request({
+    url: '/bs/vendor-receipt/export-excel',
+    method: 'get',
+    params: query,
+    responseType: 'blob'
+  })
+}
diff --git a/src/components/CorporatePaymentCard/index.vue b/src/components/CorporatePaymentCard/index.vue
new file mode 100644
index 0000000..e46448f
--- /dev/null
+++ b/src/components/CorporatePaymentCard/index.vue
@@ -0,0 +1,144 @@
+<template>
+  <div class="student-card common-list-contain">
+    <div class="student-base">
+      <div class="list-box">
+        <!-- <div class="box-lf">
+          <van-image width="3rem" height="3rem" fit="cover" :src="require('@/assets/images/invoice.png')" />
+          <div class="bt">{{}}</div>
+        </div> -->
+        <div class="box-cr">
+          <div class="cr-bt" style="margin-top: 0.6rem;">
+            <div class="tags" :style="`border: 1px solid ${handleFilterStatus(DICT_TYPE.BS_EXPENSE_APPLY_STATUS,itemData.status).color};color:${handleFilterStatus(DICT_TYPE.BS_EXPENSE_APPLY_STATUS,itemData.status).color}`"> {{handleFilterStatus(DICT_TYPE.BS_EXPENSE_APPLY_STATUS,itemData.status).label}}</div>
+          </div>
+          <div class="ct-md">
+            <div class="mt5" style="color:#333">
+              收款编号： {{itemData.contractNumber}}
+            </div>
+            <div style="margin-top: 0.3rem;color:#333 ">
+              申请人：{{itemData.contractName}}
+            </div>
+            <div style="margin-top: 0.3rem;color:#333 ">
+              申请部门：{{itemData.supplierName}}
+            </div>
+            <div style="margin-top: 0.3rem;color:#333 ">
+              项目名称：{{itemData.signatoryName}}
+            </div>
+            <div style="margin-top: 0.3rem;color:#333 ">
+              项目负责人：{{itemData.amount}}
+            </div>
+            <div style="margin-top: 0.3rem;color:#333 ">
+              账户类型：{{itemData.amount}}
+            </div>
+            <div style="margin-top: 0.3rem;color:#333 ">
+              收款金额：{{itemData.amount}}
+            </div>
+            <div style="margin-top: 0.3rem;color:#333 ">
+              审批节点：{{itemData.amount}}
+            </div>
+            <div style="margin-top: 0.3rem;color:#333 ">
+              审批状态：{{itemData.amount}}
+            </div>
+            <div style="margin-top: 0.3rem;color:#333 ">
+              创建时间：{{itemData.amount}}
+            </div>
+            <div style="margin-top: 0.3rem;color:#333 ">
+              <div class="tags" :style="`border: 1px solid ;color:#05A9FF;width: 6rem;`">{{getDictDataLabel(DICT_TYPE.SR_CT_TYPE,itemData.contractType) || '未知'}} </div>
+            </div>
+          </div>
+        </div>
+        <div class="box-rt">
+          <van-icon class="icon-box" v-hasPermi="['bs:supplier-contract:show']" @click="handleShow(itemData.id)" name="eye-o" color="#05A9FF" size="25" />
+          <van-icon class="icon-box" v-hasPermi="['bs:supplier-contract:update']" @click="handleEdit(itemData.id, itemData.status)" name="edit" :color="itemData.status!=0 && itemData.status!=3 ?'#ccc':''" size="25" />
+          <van-icon class="icon-box" v-hasPermi="['bs:supplier-contract:delete']" @click="handleDel(itemData.id, itemData.status)" name="delete-o" :color="itemData.status!=0 && itemData.status!=3 ?'#ccc':'#EC3359'" size="25" />
+          <!-- <van-icon class="icon-box" v-hasPermi="['bs:supplier-contract:delete']" @click="handleMerge(itemData.id, itemData.status)" name="envelop-o" :color="itemData.status!=0 && itemData.status!=3 ?'#05A9FF':'#ccc'" :size="25" /> -->
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getDictDataLabel, handleFilterStatus } from "@/utils/dict";
+import { deleteSupplierContract } from '@/api/bs/supplierContract';
+import dayjs from 'dayjs'
+import { Dialog } from 'vant'
+export default {
+  props: {
+    itemData: {
+      required: true,
+      default: () => { }
+    },
+
+  },
+  components: {
+
+  },
+  data() {
+    return {
+      jumoStudentId: null
+    }
+  },
+  activated() {
+    if (this.jumoStudentId) {
+      this.handleUpdataInfo()
+    }
+  },
+  mounted() {
+
+  },
+  computed: {
+    userInfo() {
+      return JSON.parse(window.localStorage.getItem('userInfo') || { dept: {} })
+    },
+  },
+  methods: {
+    handleMerge(id, status) {
+      if (status == 0) {
+        return
+      }
+    },
+    handleEdit(id, status) {
+      if (status != 0 && status != 3) {
+        return
+      }
+      this.jumoStudentId = id
+      this.$router.push({
+        path: '/supplier',
+        query: { id, type: 'edit' }
+      })
+    },
+    handleDel(id, status) {
+      if (status != 0 && status != 3) {
+        return
+      }
+      Dialog.confirm({
+        title: '提示',
+        message: '你确定要删除吗?',
+      })
+        .then(() => {
+          deleteSupplierContract(id).then(() => {
+            this.$emit('onAllRefresh')
+          })
+        })
+    },
+    handleFilterStatus,
+    getDictDataLabel,
+    handleShow(id) {
+      this.jumoStudentId = id
+      this.$router.push({
+        path: '/supplier',
+        query: { id, type: 'show' }
+      })
+    },
+    dayjs,
+    handleUpdataInfo() {
+      this.jumoStudentId = null
+      this.$emit('onUpdataInfo', this.itemData.id)
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import '@/assets/style/common/newList.scss';
+</style>
\ No newline at end of file
diff --git a/src/components/CorporateReceiptsCard/index.vue b/src/components/CorporateReceiptsCard/index.vue
new file mode 100644
index 0000000..6e76f0b
--- /dev/null
+++ b/src/components/CorporateReceiptsCard/index.vue
@@ -0,0 +1,132 @@
+<template>
+  <div class="student-card common-list-contain">
+    <div class="student-base">
+      <div class="list-box">
+        <!-- <div class="box-lf">
+          <van-image width="3rem" height="3rem" fit="cover" :src="require('@/assets/images/invoice.png')" />
+          <div class="bt">{{}}</div>
+        </div> -->
+        <div class="box-cr">
+          <div class="cr-bt" style="margin-top: 0.6rem;">
+            <div class="tags" :style="`border: 1px solid ${handleFilterStatus(DICT_TYPE.BS_EXPENSE_APPLY_STATUS,itemData.status).color};color:${handleFilterStatus(DICT_TYPE.BS_EXPENSE_APPLY_STATUS,itemData.status).color}`"> {{handleFilterStatus(DICT_TYPE.BS_EXPENSE_APPLY_STATUS,itemData.status).label}}</div>
+          </div>
+          <div class="ct-md">
+            <div class="mt5" style="color:#333">
+              合同编号： {{itemData.contractNumber}}
+            </div>
+            <div style="margin-top: 0.3rem;color:#333 ">
+              合同名称：{{itemData.contractName}}
+            </div>
+            <div style="margin-top: 0.3rem;color:#333 ">
+              供应商名称：{{itemData.supplierName}}
+            </div>
+            <div style="margin-top: 0.3rem;color:#333 ">
+              签约人员：{{itemData.signatoryName}}
+            </div>
+            <div style="margin-top: 0.3rem;color:#333 ">
+              合同金额：{{itemData.amount}}
+            </div>
+            <div style="margin-top: 0.3rem;color:#333 ">
+              合同起止时间： {{itemData.startTime && dayjs(itemData.startTime).format('YY/MM/DD')}} ~ {{itemData.endTime && dayjs(itemData.endTime).format('YY/MM/DD')}}
+            </div>
+            <div style="margin-top: 0.3rem;color:#333 ">
+              <div class="tags" :style="`border: 1px solid ;color:#05A9FF;width: 6rem;`">{{getDictDataLabel(DICT_TYPE.SR_CT_TYPE,itemData.contractType) || '未知'}} </div>
+            </div>
+          </div>
+        </div>
+        <div class="box-rt">
+          <van-icon class="icon-box" v-hasPermi="['bs:supplier-contract:show']" @click="handleShow(itemData.id)" name="eye-o" color="#05A9FF" size="25" />
+          <van-icon class="icon-box" v-hasPermi="['bs:supplier-contract:update']" @click="handleEdit(itemData.id, itemData.status)" name="edit" :color="itemData.status!=0 && itemData.status!=3 ?'#ccc':''" size="25" />
+          <van-icon class="icon-box" v-hasPermi="['bs:supplier-contract:delete']" @click="handleDel(itemData.id, itemData.status)" name="delete-o" :color="itemData.status!=0 && itemData.status!=3 ?'#ccc':'#EC3359'" size="25" />
+          <!-- <van-icon class="icon-box" v-hasPermi="['bs:supplier-contract:delete']" @click="handleMerge(itemData.id, itemData.status)" name="envelop-o" :color="itemData.status!=0 && itemData.status!=3 ?'#05A9FF':'#ccc'" :size="25" /> -->
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getDictDataLabel, handleFilterStatus } from "@/utils/dict";
+import { deleteSupplierContract } from '@/api/bs/supplierContract';
+import dayjs from 'dayjs'
+import { Dialog } from 'vant'
+export default {
+  props: {
+    itemData: {
+      required: true,
+      default: () => { }
+    },
+
+  },
+  components: {
+
+  },
+  data() {
+    return {
+      jumoStudentId: null
+    }
+  },
+  activated() {
+    if (this.jumoStudentId) {
+      this.handleUpdataInfo()
+    }
+  },
+  mounted() {
+
+  },
+  computed: {
+    userInfo() {
+      return JSON.parse(window.localStorage.getItem('userInfo') || { dept: {} })
+    },
+  },
+  methods: {
+    handleMerge(id, status) {
+      if (status == 0) {
+        return
+      }
+    },
+    handleEdit(id, status) {
+      if (status != 0 && status != 3 ) {
+        return
+      }
+      this.jumoStudentId = id
+      this.$router.push({
+        path: '/supplier',
+        query: { id, type: 'edit' }
+      })
+    },
+    handleDel(id, status) {
+      if (status != 0 && status != 3 ) {
+        return
+      }
+      Dialog.confirm({
+        title: '提示',
+        message: '你确定要删除吗?',
+      })
+        .then(() => {
+          deleteSupplierContract(id).then(() => {
+            this.$emit('onAllRefresh')
+          })
+        })
+    },
+    handleFilterStatus,
+    getDictDataLabel,
+    handleShow(id) {
+      this.jumoStudentId = id
+      this.$router.push({
+        path: '/supplier',
+        query: { id, type: 'show' }
+      })
+    },
+    dayjs,
+    handleUpdataInfo() {
+      this.jumoStudentId = null
+      this.$emit('onUpdataInfo', this.itemData.id)
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import '@/assets/style/common/newList.scss';
+</style>
\ No newline at end of file
diff --git a/src/router/modules/contract.js b/src/router/modules/contract.js
index 1bcf4a8..bf678d7 100644
--- a/src/router/modules/contract.js
+++ b/src/router/modules/contract.js
@@ -17,5 +17,7 @@ export default {
     { path: '/myCustom', name: `${pre}myCustom`, component: () => import('@/views/contract/myCustom'), meta: { cache: true, title: '客户合同审批列表' } },
     { path: '/custom', name: `${pre}custom`, component: () => import('@/views/contract/custom'), meta: { cache: true, title: '客户合同审批' } },
     { path: '/pay', name: `${pre}pay`, component: () => import('@/views/contract/pay'), meta: { cache: true, title: '付款审批' } },
+    { path: '/corporateReceipts', name: `${pre}corporateReceipts`, component: () => import('@/views/contract/corporateReceipts'), meta: { cache: true, title: '对公收款' } },
+    { path: '/corporatePayment', name: `${pre}corporatePayment`, component: () => import('@/views/contract/corporatePayment'), meta: { cache: true, title: '对公付款' } },
   ])('contract-')
 }
diff --git a/src/views/contract/corporatePayment/components/HeaderFilter.vue b/src/views/contract/corporatePayment/components/HeaderFilter.vue
new file mode 100644
index 0000000..b051d24
--- /dev/null
+++ b/src/views/contract/corporatePayment/components/HeaderFilter.vue
@@ -0,0 +1,253 @@
+<template>
+  <div id="orderHeader">
+    <div class="hf-l-seacrch" v-if="isActSearch">
+      <form action="/">
+        <van-search v-model="listQuery.contractNumber" shape="round" show-action placeholder="请输入合同编号" :clearable="false" @search="onKeywordSearch" @cancel="onKeywordCancel" />
+      </form>
+    </div>
+    <div class="header-filter" :style="isActSearch ? 'padding: 0 0 0 0.5rem' : ''">
+      <div class="hf-l-list" v-show="!isActSearch">
+        <van-dropdown-menu class="hf-l-list-menu">
+          <!-- 供应商名称 -->
+          <van-dropdown-item title="供应商名称" :title-class="isHtab1 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem1">
+            <div class="hf-drop-view">
+              <div class="hf-drop-contain">
+                <div class="hr-drop-filter-item" @click.stop="handleClass1(item.id)" v-for="item in spList" :key="item.value">
+                  <van-icon v-if="listQuery.supplierId && listQuery.supplierId == item.value" name="success" color="#0088FE" />
+                  <span :class="{'hr-drop-filter-item-act': listQuery.supplierId  && listQuery.supplierId == item.id }">{{item.companyAme}}</span>
+                </div>
+              </div>
+              <div class="common-double-button">
+                <van-button class="common-double-button-l" @click="handleReset()">重置</van-button>
+                <van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>
+              </div>
+            </div>
+          </van-dropdown-item>
+          <!-- 类别 -->
+          <van-dropdown-item title="合同状态" :title-class="isHtab4 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem4">
+            <div class="hf-drop-view">
+              <div class="hf-drop-contain">
+                <div class="hr-drop-filter-item" @click.stop="handleClass2(item.value)" v-for="item in stateList" :key="item.value">
+                  <van-icon v-if="listQuery.contractType && listQuery.contractType == item.value" name="success" color="#0088FE" />
+                  <span :class="{'hr-drop-filter-item-act': listQuery.contractType  && listQuery.contractType == item.value }">{{item.label}}</span>
+                </div>
+              </div>
+              <div class="common-double-button">
+                <van-button class="common-double-button-l" @click="handleReset()">重置</van-button>
+                <van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>
+              </div>
+            </div>
+          </van-dropdown-item>
+        </van-dropdown-menu>
+      </div>
+      <div class="hf-r-list" v-show="!isActSearch">
+        <div class="hf-r-list-item" @click="handleSearch">
+          <div class="hf-r-icon-bg">
+            <van-icon name="search" class="hf-r-icon" />
+          </div>
+        </div>
+      </div>
+    </div>
+    <van-popup position="bottom" safe-area-inset-bottom v-model="moreFilterShow" :lock-scroll="true" round get-container="#app" lazy-render>
+      <div class="common-popup moreContain">
+        <div class="common-popup-header">
+          <div></div>
+          <div class="common-popup-header-title">
+            <span>筛选</span>
+          </div>
+          <div class="common-popup-header-close">
+            <van-icon name="cross" @click="moreFilterShow = false" />
+          </div>
+        </div>
+        <div class="common-popup-body moreContain-body">
+          <van-form ref="filterForm" :show-error-message="false" validate-trigger="" :submit-on-enter="false">
+            <RePick v-model="listQuery.remark" label="bumen" :list="areaTree" isLastSelect isCascader isShowSearch title="行程" titleKey="name" isCascaderAllLevelNameSymnol isCell clearable />
+          </van-form>
+        </div>
+        <div class="common-popup-footer">
+          <van-button style="width: 8rem; margin-right: 1rem;" round @click="handleMoreReset">重置</van-button>
+          <van-button type="info" style="width: 8rem;" round @click.stop="handleMoreConfirm">确认</van-button>
+        </div>
+      </div>
+    </van-popup>
+  </div>
+</template>
+
+<script>
+import { mapState, mapGetters } from 'vuex'
+import { getDictDatas, DICT_TYPE } from "@/utils/dict";
+import { dayTextFormatter } from '@/utils'
+import dayjs from 'dayjs'
+export default {
+  props: {
+    listType: String, // 'detail' 详情
+    paramProp: Object,
+    spList: Array, // 供应商列表
+  },
+  components: {
+    RePick: () => import('@/components/ReComponents/RePick'),
+  },
+  data() {
+    return {
+      defaultDate: null,
+      dayTextFormatter: dayTextFormatter,
+      isActSearch: false,
+      moreFilterShow: false,
+      isSearch: false,
+      //   courseStateList: [
+      //     { text: '全部', id: 25 },
+      //     { text: '已取消', id: 0 },
+      //     { text: '生效中', id: 1 }
+      //   ],
+      listQuery: {},
+    }
+  },
+  computed: {
+    isHtab1() {
+      let isShow = false
+      if (this.paramProp.supplierId) isShow = true
+      return isShow
+    },
+    isHtab4() {
+      let isShow = false
+      if (this.paramProp.contractType) isShow = true
+      return isShow
+    },
+    areaTree() {
+      return this.$store.getters.areaTree
+    },
+    isMoreAct() {
+      let bol = false
+      const listQuery = this.paramProp || {}
+      if (listQuery.remark) {
+        bol = true
+      }
+      return bol
+    },
+    stateList() {
+      return getDictDatas(DICT_TYPE.BS_EXPENSE_APPLY_STATUS) || []
+    }
+
+  },
+
+
+  methods: {
+    // 日历重置
+    handleDateReset() {
+      this.listQuery.startDate = null
+      this.listQuery.endDate = null
+      this.defaultDate = null
+      this.$refs.vanCalendar && this.$refs.vanCalendar.reset()
+    },
+    handleDateSelect(val) {
+      if (val.filter(item => item).length === 2) {
+        this.listQuery.startDate = `${dayjs(val[0]).format('YYYY/MM/DD')} 00:00:00 `
+        this.listQuery.endDate = `${dayjs(val[1]).format('YYYY/MM/DD')} 23:59:59 `
+      }
+    },
+    handleQuickDate(e) {
+      this.defaultDate = [dayjs(e.time[0]).toDate(), dayjs(e.time[1]).toDate()]
+      this.listQuery.startDate = `${e.time[0]} 00:00:00`
+      this.listQuery.endDate = `${e.time[1]} 23:59:59`
+    },
+    handleConfirm() {
+      this.$refs.vanDropItem4 && this.$refs.vanDropItem4.toggle(false)
+      this.$refs.vanDropItem1 && this.$refs.vanDropItem1.toggle(false)
+      this.$emit('onListQuery', this.listQuery)
+    },
+
+    onKeywordCancel() {
+      this.listQuery.contractNumber = null
+      this.isActSearch = false
+      this.isSearch = false
+      this.onKeywordSearch()
+    },
+    onKeywordSearch() {
+      this.$emit('onListQuery', this.listQuery)
+    },
+
+
+    // 处理供应商
+    handleClass1(val) {
+      this.listQuery.supplierId = val
+    },
+    handleClass2(val) {
+      this.listQuery.contractType = val
+    },
+    // 处理状态 type : 1 状态  2 缴费类型  3 换班类型
+    handleState(val, type) {
+      if (type == 1) {
+        const i = this.listQuery.states.findIndex(item => item === val)
+        if (i > -1) {
+          this.listQuery.states.splice(i, 1)
+        } else {
+          this.listQuery.states.push(val)
+        }
+      }
+
+      if (type == 2 || type == 3) {
+        const i = this.listQuery.types.findIndex(item => item === val)
+        if (i > -1) {
+          this.listQuery.types.splice(i, 1)
+        } else {
+          this.listQuery.types.push(val)
+        }
+      }
+
+
+    },
+
+    handleInit() {
+      this.listQuery = {
+        ...this.paramProp
+      }
+      if (!(this.listQuery.startDate && this.listQuery.endDate)) {
+        this.handleDateReset()
+      }
+    },
+    handleDropOpen() {
+      this.handleInit()
+    },
+    onSearch() {
+      this.handleConfirm()
+    },
+    // 搜索    
+    handleSearch() {
+      this.handleInit()
+      this.listQuery.contractNumber = this.paramProp.contractNumber
+      this.isActSearch = true
+    },
+
+    handleSearchCancel() {
+      this.listQuery.contractNumber = null
+      this.isActSearch = false
+      this.onKeywordSearch()
+    },
+    // 更多筛选
+    handleMoreFilter() {
+      this.handleInit()
+      this.moreFilterShow = true
+    },
+
+    // 更多重置
+    handleMoreReset() {
+      this.listQuery.remark = null
+    },
+    handleMoreConfirm() {
+      this.$emit('onListQuery', this.listQuery)
+      this.moreFilterShow = false
+    },
+    handleReset() {
+      this.listQuery.contractType = null
+      this.listQuery.supplierId = null
+    },
+
+
+  },
+
+}
+</script>
+
+<style lang="scss" scoped>
+@import './index.scss';
+</style>
diff --git a/src/views/contract/corporatePayment/components/UserList.vue b/src/views/contract/corporatePayment/components/UserList.vue
new file mode 100644
index 0000000..68dd7e2
--- /dev/null
+++ b/src/views/contract/corporatePayment/components/UserList.vue
@@ -0,0 +1,223 @@
+<template>
+  <!-- 中标审批列表 -->
+  <div>
+    <HeaderFilter :listType="listType" :spList="spList" @onListQuery="handleListQuery" :paramProp="listQuery" />
+    <RMList :moreLoading.sync="moreLoading" :refreshing.sync="refreshing" :finished.sync="finished" @onLoad="handleLoad" @onRefresh="handleRefresh" isMore :tableList="tableList">
+      <div>
+        <CorporatePaymentCard v-for="(item,index) in tableList" :key="item.id" :itemData="item" :listType="listType" @onUpdataInfo="handleUpdataInfo($event, index)" @onAllRefresh="handleAllRefresh" />
+      </div>
+    </RMList>
+    <div class="common-bottom-btns" style="bottom:8rem">
+      <div class="common-bottom-btn" @click="handleTopPage">
+        <img src="@/assets/images/icons/top.png" alt="">
+        <span>回到顶部</span>
+      </div>
+    </div>
+    <div class="common-bottom-btns" v-hasPermi="['bs:supplier-contract:create']" style="bottom:10rem">
+      <div class="common-bottom-btn" @click="handleToAdd">
+        <img src="@/assets/images/icons/add.png" alt="">
+        <span>添加申请</span>
+      </div>
+    </div>
+    <div class="common-bottom-btns" style="bottom:6rem">
+      <div class="common-bottom-btn" @click="handleBack">
+        <img src="@/assets/images/icons/home.png" alt="">
+        <span>返回首页</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getScrollTop } from '@/utils'
+import { getSupplierCompanyPage } from "@/api/bs/quotationSheet";
+import { getVendorPaymentPage } from "@/api/bs/vendorPayment";
+import { mapState } from 'vuex'
+import dayjs from 'dayjs'
+export default {
+  props: {
+    listType: String // EnrollmentOrder: 报名订单 EnrollmentCollection: 报名收款  ShiftRecord: 换班记录  WaitPay: 待支付
+  },
+  components: {
+    HeaderFilter: () => import('./HeaderFilter.vue'),
+    RMList: () => import('@/components/ReComponents/RMList'),
+    CorporatePaymentCard: () => import('@/components/CorporatePaymentCard'),
+  },
+  data() {
+    return {
+      height: 0,
+      moreLoading: false,
+      refreshing: false,
+      finished: false,
+      tableList: [],
+      spList: [],
+      listQuery: {
+        pageNo: 1,
+        pageSize: 10,
+        contractNumber: null,
+        status: null,
+        supplierId: null,
+        contractName: null,
+        contractType: null,
+        supplierName: null,
+        status: null,
+        amount: null,
+        receivedAmount: null,
+        projectId: null,
+        projectName: null,
+        startTime: [],
+        endTime: [],
+        departmentId: null,
+        signatoryId: null,
+        isCollect: null,
+        managerPhone: null,
+        approvalStatus: null,
+        files: null,
+        other: null,
+        createTime: [],
+        processInstanceId: null,
+      },
+    }
+  },
+  computed: {
+    ...mapState({
+      singlePageSize: state => state.common.setting.singlePageSize,
+      pageSize: state => state.common.setting.pageSize,
+    })
+  },
+  activated() {
+    this.handleScrollInit()
+  },
+  deactivated() {
+    window.removeEventListener('scroll', this.handleScroll)
+  },
+  created() {
+    this.handleInit()
+  },
+  methods: {
+    handleBack() {
+      history.back()
+    },
+    handleInitSpList() {
+      let queryParams = {
+        pageNo: 1,
+        pageSize: this.singlePageSize,
+      }
+      getSupplierCompanyPage(queryParams).then((res) => {
+        this.spList = res.data.list || []
+      })
+    },
+    handleSetSingle(id) {
+      return new Promise((resolve, reject) => {
+        let listQuery = {
+          pageNo: 1,
+          pageSize: this.singlePageSize,
+        }
+        getVendorPaymentPage(listQuery).then((res) => {
+          let arr = (res.data && res.data.list || []).filter(item => item.id == id)
+          resolve(arr)
+        }).catch((err) => {
+          reject(err)
+        })
+      })
+    },
+    handleUpdataInfo(id, index) {
+      this.$loading(true, 'singleReset')
+      this.handleSetSingle(id).then(arr => {
+        if (arr.length) {
+          this.tableList.splice(index, 1, arr[0])
+        }
+        this.$loading(false, 'singleReset')
+      }).catch(() => {
+        this.$loading(false, 'singleReset')
+      })
+    },
+    handleListQuery(paramProp) {
+      this.listQuery = {
+        ...paramProp,
+        invoiceDate: paramProp.startDate && [dayjs(paramProp.startDate).format('YYYY-MM-DD HH:ss:mm'), dayjs(paramProp.endDate).format('YYYY-MM-DD HH:ss:mm')]
+      }
+      this.finished = false
+      this.handleRefresh()
+    },
+    handleScroll() {
+      getScrollTop().then(height => {
+        this.height = height
+      })
+    },
+    handleScrollInit() {
+      window.addEventListener('scroll', this.handleScroll)
+      window.scrollTo(0, this.height)
+      // this.handleInit()
+    },
+
+    handleScrollToTop() {
+      window.scrollTo(0, 0)
+      this.height = 0
+    },
+    handleToAdd() {
+      this.$router.push({
+        path: '/supplier',
+        query: {
+          type: 'add'
+        }
+      })
+    },
+    handleAllRefresh() {
+      // this.getTableList('refresh')
+      this.handleRefresh()
+    },
+    handleInit() {
+      this.handleInitSpList()
+      this.getTableList('init')
+    },
+
+    handleTopPage() {
+      window.scrollTo(0, 0)
+      this.$nextTick(() => {
+        this.height = 0
+      })
+    },
+    handleRefresh() {
+      this.listQuery.pageNo = 1
+      this.finished = false
+      this.getTableList('refresh')
+    },
+    handleLoad() {
+      this.listQuery.pageNo += 1
+      this.getTableList('more')
+    },
+
+    getTableList(val) {
+      // const { shellIdsLocal, collegeInfoIdLocal, startDate, endDate, keyword, type, method, targets, usePersonId, teacherIds, chargePersonIds } = this.listQuery
+      const query = {
+        ...this.listQuery
+      }
+      this.moreLoading = true
+      this.$loading(true, 'tableLoading')
+      getVendorPaymentPage(query).then(res => {
+        let resList = res.data && res.data.list || []
+        if (['init', 'refresh'].includes(val)) {
+          this.tableList = resList
+          this.handleScrollToTop()
+        } else {
+          this.tableList = this.tableList.concat(resList)
+        }
+        if (resList.length < this.pageSize) {
+          this.finished = true
+        }
+      }).finally(() => {
+        this.$nextTick(() => {
+          this.moreLoading = false
+          this.refreshing = false
+          this.$loading(false, 'tableLoading')
+        })
+        // this.$loading(false, `cTableLoading_${this.listType}`)
+      })
+    },
+  }
+}
+</script>
+<style scoped lang="scss">
+// @import '~@/assets/style/common/list.scss';
+</style>
diff --git a/src/views/contract/corporatePayment/components/index.scss b/src/views/contract/corporatePayment/components/index.scss
new file mode 100644
index 0000000..e5c432f
--- /dev/null
+++ b/src/views/contract/corporatePayment/components/index.scss
@@ -0,0 +1,163 @@
+$hf-contain-p: 0 1.2rem;
+$hf-contain-f: 0.76rem;
+$hf-high-color: #0088fe;
+// 激活的颜色
+$hf-high-color: #0088fe;
+.header-filter {
+  .hf-r-icon-bg-act {
+    .van-icon {
+      color: $hf-high-color !important;
+    }
+  }
+  background: #ffffff;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: $hf-contain-p;
+
+  .hf-l-list {
+    .hf-l-list-menu {
+      /deep/.van-dropdown-menu__bar {
+        height: auto;
+        box-shadow: none;
+
+        .van-dropdown-menu__item {
+          flex: inherit;
+          margin-right: 1rem;
+
+          .van-dropdown-menu__title {
+            padding: 0.6rem 0.4rem 0.6rem 0;
+            font-size: $hf-contain-f;
+
+            &::after {
+              border: 1px solid;
+              padding: 0.1rem;
+              border-color: transparent transparent #333333 #333333;
+            }
+          }
+
+          .van-dropdown-menu__title--active {
+            color: $hf-high-color;
+
+            &::after {
+              border-color: transparent transparent $hf-high-color $hf-high-color;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .hf-r-list {
+    display: flex;
+
+    .hf-r-list-item {
+      margin-left: 0.4rem;
+
+      .hf-r-icon-bg {
+        background: #d7d7d7;
+        width: 1.5rem;
+        height: 1.5rem;
+        border-radius: 1.5rem;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        color: #ffffff;
+      }
+    }
+  }
+
+  .hf-drop-view {
+    padding: $hf-contain-p;
+    padding-bottom: 0.8rem;
+
+    .hf-drop-contain {
+      display: flex;
+      flex-wrap: wrap;
+      padding-bottom: 0.8rem;
+
+      .hr-drop-filter-item {
+        padding: $hf-contain-p;
+        font-size: $hf-contain-f;
+        width: 50%;
+        box-sizing: border-box;
+        padding: 0.8rem 0;
+      }
+
+      .hr-drop-filter-item-act {
+        color: $hf-high-color;
+      }
+    }
+
+    // 快捷筛选
+    .hf-drop-quick {
+      margin-top: 1rem;
+
+      .hf-drop-quick-item {
+        margin-bottom: 1.5rem;
+
+        .hf-drop-quick-title {
+          color: #333333;
+          font-size: 0.84rem;
+        }
+
+        .hf-drop-quick-list {
+          display: flex;
+          margin: 0.6rem 0;
+          font-size: $hf-contain-f;
+
+          .hf-drop-quick-list-item {
+            border: 1px solid #f3f3f3;
+            background: #f3f3f3;
+            margin-right: 0.8rem;
+            padding: 0.4rem 0.6rem;
+            border-radius: 1rem;
+            transition: background-color, color 0.2s linear;
+          }
+
+          .hf-drop-quick-list-item-act {
+            background: #ffffff;
+            color: $hf-high-color;
+            border: 1px solid $hf-high-color;
+          }
+
+          .hf-drop-quick-list-item-checkbox {
+            margin-right: 1rem;
+
+            /deep/.van-checkbox__label {
+              margin-left: 0.2rem;
+            }
+          }
+        }
+
+        .hf-drop-quick-calendar {
+          /deep/.van-calendar__header {
+            box-shadow: none;
+            border-bottom: 1px solid #eeeeee;
+          }
+        }
+      }
+    }
+  }
+
+  .hf-drop-contain-empty {
+    color: #666666;
+    text-align: center;
+    font-size: 0.8rem;
+  }
+
+  .searchInput {
+    padding: 0.3rem 0;
+    width: 100%;
+
+    .van-search__content {
+      background: #ffffff;
+      border: 1px solid #f3f3f3;
+      border-radius: 0.3rem;
+
+      /deep/input {
+        caret-color: #0088fe;
+      }
+    }
+  }
+}
diff --git a/src/views/contract/corporatePayment/index.vue b/src/views/contract/corporatePayment/index.vue
new file mode 100644
index 0000000..8efbef4
--- /dev/null
+++ b/src/views/contract/corporatePayment/index.vue
@@ -0,0 +1,23 @@
+<template>
+  <!-- 供应商合同 -->
+  <div>
+    <UserList listType="mySupplier" ref="userList" />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'contract-mySupplier',
+  created() {
+    // 注入缓存
+    this.$EventBus.$emit('handleAddLive', 'contract-mySupplier')
+  },
+  activated() {
+    // 清除合同审批缓存
+    this.$EventBus.$emit('handleResetLive', 'contract-supplier')
+  },
+  components: {
+    UserList: () => import('./components/UserList')
+  }
+}
+</script>
diff --git a/src/views/contract/corporateReceipts/components/HeaderFilter.vue b/src/views/contract/corporateReceipts/components/HeaderFilter.vue
new file mode 100644
index 0000000..b051d24
--- /dev/null
+++ b/src/views/contract/corporateReceipts/components/HeaderFilter.vue
@@ -0,0 +1,253 @@
+<template>
+  <div id="orderHeader">
+    <div class="hf-l-seacrch" v-if="isActSearch">
+      <form action="/">
+        <van-search v-model="listQuery.contractNumber" shape="round" show-action placeholder="请输入合同编号" :clearable="false" @search="onKeywordSearch" @cancel="onKeywordCancel" />
+      </form>
+    </div>
+    <div class="header-filter" :style="isActSearch ? 'padding: 0 0 0 0.5rem' : ''">
+      <div class="hf-l-list" v-show="!isActSearch">
+        <van-dropdown-menu class="hf-l-list-menu">
+          <!-- 供应商名称 -->
+          <van-dropdown-item title="供应商名称" :title-class="isHtab1 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem1">
+            <div class="hf-drop-view">
+              <div class="hf-drop-contain">
+                <div class="hr-drop-filter-item" @click.stop="handleClass1(item.id)" v-for="item in spList" :key="item.value">
+                  <van-icon v-if="listQuery.supplierId && listQuery.supplierId == item.value" name="success" color="#0088FE" />
+                  <span :class="{'hr-drop-filter-item-act': listQuery.supplierId  && listQuery.supplierId == item.id }">{{item.companyAme}}</span>
+                </div>
+              </div>
+              <div class="common-double-button">
+                <van-button class="common-double-button-l" @click="handleReset()">重置</van-button>
+                <van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>
+              </div>
+            </div>
+          </van-dropdown-item>
+          <!-- 类别 -->
+          <van-dropdown-item title="合同状态" :title-class="isHtab4 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem4">
+            <div class="hf-drop-view">
+              <div class="hf-drop-contain">
+                <div class="hr-drop-filter-item" @click.stop="handleClass2(item.value)" v-for="item in stateList" :key="item.value">
+                  <van-icon v-if="listQuery.contractType && listQuery.contractType == item.value" name="success" color="#0088FE" />
+                  <span :class="{'hr-drop-filter-item-act': listQuery.contractType  && listQuery.contractType == item.value }">{{item.label}}</span>
+                </div>
+              </div>
+              <div class="common-double-button">
+                <van-button class="common-double-button-l" @click="handleReset()">重置</van-button>
+                <van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>
+              </div>
+            </div>
+          </van-dropdown-item>
+        </van-dropdown-menu>
+      </div>
+      <div class="hf-r-list" v-show="!isActSearch">
+        <div class="hf-r-list-item" @click="handleSearch">
+          <div class="hf-r-icon-bg">
+            <van-icon name="search" class="hf-r-icon" />
+          </div>
+        </div>
+      </div>
+    </div>
+    <van-popup position="bottom" safe-area-inset-bottom v-model="moreFilterShow" :lock-scroll="true" round get-container="#app" lazy-render>
+      <div class="common-popup moreContain">
+        <div class="common-popup-header">
+          <div></div>
+          <div class="common-popup-header-title">
+            <span>筛选</span>
+          </div>
+          <div class="common-popup-header-close">
+            <van-icon name="cross" @click="moreFilterShow = false" />
+          </div>
+        </div>
+        <div class="common-popup-body moreContain-body">
+          <van-form ref="filterForm" :show-error-message="false" validate-trigger="" :submit-on-enter="false">
+            <RePick v-model="listQuery.remark" label="bumen" :list="areaTree" isLastSelect isCascader isShowSearch title="行程" titleKey="name" isCascaderAllLevelNameSymnol isCell clearable />
+          </van-form>
+        </div>
+        <div class="common-popup-footer">
+          <van-button style="width: 8rem; margin-right: 1rem;" round @click="handleMoreReset">重置</van-button>
+          <van-button type="info" style="width: 8rem;" round @click.stop="handleMoreConfirm">确认</van-button>
+        </div>
+      </div>
+    </van-popup>
+  </div>
+</template>
+
+<script>
+import { mapState, mapGetters } from 'vuex'
+import { getDictDatas, DICT_TYPE } from "@/utils/dict";
+import { dayTextFormatter } from '@/utils'
+import dayjs from 'dayjs'
+export default {
+  props: {
+    listType: String, // 'detail' 详情
+    paramProp: Object,
+    spList: Array, // 供应商列表
+  },
+  components: {
+    RePick: () => import('@/components/ReComponents/RePick'),
+  },
+  data() {
+    return {
+      defaultDate: null,
+      dayTextFormatter: dayTextFormatter,
+      isActSearch: false,
+      moreFilterShow: false,
+      isSearch: false,
+      //   courseStateList: [
+      //     { text: '全部', id: 25 },
+      //     { text: '已取消', id: 0 },
+      //     { text: '生效中', id: 1 }
+      //   ],
+      listQuery: {},
+    }
+  },
+  computed: {
+    isHtab1() {
+      let isShow = false
+      if (this.paramProp.supplierId) isShow = true
+      return isShow
+    },
+    isHtab4() {
+      let isShow = false
+      if (this.paramProp.contractType) isShow = true
+      return isShow
+    },
+    areaTree() {
+      return this.$store.getters.areaTree
+    },
+    isMoreAct() {
+      let bol = false
+      const listQuery = this.paramProp || {}
+      if (listQuery.remark) {
+        bol = true
+      }
+      return bol
+    },
+    stateList() {
+      return getDictDatas(DICT_TYPE.BS_EXPENSE_APPLY_STATUS) || []
+    }
+
+  },
+
+
+  methods: {
+    // 日历重置
+    handleDateReset() {
+      this.listQuery.startDate = null
+      this.listQuery.endDate = null
+      this.defaultDate = null
+      this.$refs.vanCalendar && this.$refs.vanCalendar.reset()
+    },
+    handleDateSelect(val) {
+      if (val.filter(item => item).length === 2) {
+        this.listQuery.startDate = `${dayjs(val[0]).format('YYYY/MM/DD')} 00:00:00 `
+        this.listQuery.endDate = `${dayjs(val[1]).format('YYYY/MM/DD')} 23:59:59 `
+      }
+    },
+    handleQuickDate(e) {
+      this.defaultDate = [dayjs(e.time[0]).toDate(), dayjs(e.time[1]).toDate()]
+      this.listQuery.startDate = `${e.time[0]} 00:00:00`
+      this.listQuery.endDate = `${e.time[1]} 23:59:59`
+    },
+    handleConfirm() {
+      this.$refs.vanDropItem4 && this.$refs.vanDropItem4.toggle(false)
+      this.$refs.vanDropItem1 && this.$refs.vanDropItem1.toggle(false)
+      this.$emit('onListQuery', this.listQuery)
+    },
+
+    onKeywordCancel() {
+      this.listQuery.contractNumber = null
+      this.isActSearch = false
+      this.isSearch = false
+      this.onKeywordSearch()
+    },
+    onKeywordSearch() {
+      this.$emit('onListQuery', this.listQuery)
+    },
+
+
+    // 处理供应商
+    handleClass1(val) {
+      this.listQuery.supplierId = val
+    },
+    handleClass2(val) {
+      this.listQuery.contractType = val
+    },
+    // 处理状态 type : 1 状态  2 缴费类型  3 换班类型
+    handleState(val, type) {
+      if (type == 1) {
+        const i = this.listQuery.states.findIndex(item => item === val)
+        if (i > -1) {
+          this.listQuery.states.splice(i, 1)
+        } else {
+          this.listQuery.states.push(val)
+        }
+      }
+
+      if (type == 2 || type == 3) {
+        const i = this.listQuery.types.findIndex(item => item === val)
+        if (i > -1) {
+          this.listQuery.types.splice(i, 1)
+        } else {
+          this.listQuery.types.push(val)
+        }
+      }
+
+
+    },
+
+    handleInit() {
+      this.listQuery = {
+        ...this.paramProp
+      }
+      if (!(this.listQuery.startDate && this.listQuery.endDate)) {
+        this.handleDateReset()
+      }
+    },
+    handleDropOpen() {
+      this.handleInit()
+    },
+    onSearch() {
+      this.handleConfirm()
+    },
+    // 搜索    
+    handleSearch() {
+      this.handleInit()
+      this.listQuery.contractNumber = this.paramProp.contractNumber
+      this.isActSearch = true
+    },
+
+    handleSearchCancel() {
+      this.listQuery.contractNumber = null
+      this.isActSearch = false
+      this.onKeywordSearch()
+    },
+    // 更多筛选
+    handleMoreFilter() {
+      this.handleInit()
+      this.moreFilterShow = true
+    },
+
+    // 更多重置
+    handleMoreReset() {
+      this.listQuery.remark = null
+    },
+    handleMoreConfirm() {
+      this.$emit('onListQuery', this.listQuery)
+      this.moreFilterShow = false
+    },
+    handleReset() {
+      this.listQuery.contractType = null
+      this.listQuery.supplierId = null
+    },
+
+
+  },
+
+}
+</script>
+
+<style lang="scss" scoped>
+@import './index.scss';
+</style>
diff --git a/src/views/contract/corporateReceipts/components/UserList.vue b/src/views/contract/corporateReceipts/components/UserList.vue
new file mode 100644
index 0000000..016fedd
--- /dev/null
+++ b/src/views/contract/corporateReceipts/components/UserList.vue
@@ -0,0 +1,223 @@
+<template>
+  <!-- 对公收款 -->
+  <div>
+    <HeaderFilter :listType="listType" :spList="spList" @onListQuery="handleListQuery" :paramProp="listQuery" />
+    <RMList :moreLoading.sync="moreLoading" :refreshing.sync="refreshing" :finished.sync="finished" @onLoad="handleLoad" @onRefresh="handleRefresh" isMore :tableList="tableList">
+      <div>
+        <CorporateReceiptsCard v-for="(item,index) in tableList" :key="item.id" :itemData="item" :listType="listType" @onUpdataInfo="handleUpdataInfo($event, index)" @onAllRefresh="handleAllRefresh" />
+      </div>
+    </RMList>
+    <div class="common-bottom-btns" style="bottom:8rem">
+      <div class="common-bottom-btn" @click="handleTopPage">
+        <img src="@/assets/images/icons/top.png" alt="">
+        <span>回到顶部</span>
+      </div>
+    </div>
+    <div class="common-bottom-btns" v-hasPermi="['bs:supplier-contract:create']" style="bottom:10rem">
+      <div class="common-bottom-btn" @click="handleToAdd">
+        <img src="@/assets/images/icons/add.png" alt="">
+        <span>添加申请</span>
+      </div>
+    </div>
+    <div class="common-bottom-btns" style="bottom:6rem">
+      <div class="common-bottom-btn" @click="handleBack">
+        <img src="@/assets/images/icons/home.png" alt="">
+        <span>返回首页</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getScrollTop } from '@/utils'
+import { getSupplierCompanyPage } from "@/api/bs/quotationSheet";
+import { getSupplierContractPage } from "@/api/bs/supplierContract";
+import { mapState } from 'vuex'
+import dayjs from 'dayjs'
+export default {
+  props: {
+    listType: String // EnrollmentOrder: 报名订单 EnrollmentCollection: 报名收款  ShiftRecord: 换班记录  WaitPay: 待支付
+  },
+  components: {
+    HeaderFilter: () => import('./HeaderFilter.vue'),
+    RMList: () => import('@/components/ReComponents/RMList'),
+    CorporateReceiptsCard: () => import('@/components/CorporateReceiptsCard'),
+  },
+  data() {
+    return {
+      height: 0,
+      moreLoading: false,
+      refreshing: false,
+      finished: false,
+      tableList: [],
+      spList: [],
+      listQuery: {
+        pageNo: 1,
+        pageSize: 10,
+        contractNumber: null,
+        status: null,
+        supplierId: null,
+        contractName: null,
+        contractType: null,
+        supplierName: null,
+        status: null,
+        amount: null,
+        receivedAmount: null,
+        projectId: null,
+        projectName: null,
+        startTime: [],
+        endTime: [],
+        departmentId: null,
+        signatoryId: null,
+        isCollect: null,
+        managerPhone: null,
+        approvalStatus: null,
+        files: null,
+        other: null,
+        createTime: [],
+        processInstanceId: null,
+      },
+    }
+  },
+  computed: {
+    ...mapState({
+      singlePageSize: state => state.common.setting.singlePageSize,
+      pageSize: state => state.common.setting.pageSize,
+    })
+  },
+  activated() {
+    this.handleScrollInit()
+  },
+  deactivated() {
+    window.removeEventListener('scroll', this.handleScroll)
+  },
+  created() {
+    this.handleInit()
+  },
+  methods: {
+    handleBack() {
+      history.back()
+    },
+    handleInitSpList() {
+      let queryParams = {
+        pageNo: 1,
+        pageSize: this.singlePageSize,
+      }
+      getSupplierCompanyPage(queryParams).then((res) => {
+        this.spList = res.data.list || []
+      })
+    },
+    handleSetSingle(id) {
+      return new Promise((resolve, reject) => {
+        let listQuery = {
+          pageNo: 1,
+          pageSize: this.singlePageSize,
+        }
+        getSupplierContractPage(listQuery).then((res) => {
+          let arr = (res.data && res.data.list || []).filter(item => item.id == id)
+          resolve(arr)
+        }).catch((err) => {
+          reject(err)
+        })
+      })
+    },
+    handleUpdataInfo(id, index) {
+      this.$loading(true, 'singleReset')
+      this.handleSetSingle(id).then(arr => {
+        if (arr.length) {
+          this.tableList.splice(index, 1, arr[0])
+        }
+        this.$loading(false, 'singleReset')
+      }).catch(() => {
+        this.$loading(false, 'singleReset')
+      })
+    },
+    handleListQuery(paramProp) {
+      this.listQuery = {
+        ...paramProp,
+        invoiceDate: paramProp.startDate && [dayjs(paramProp.startDate).format('YYYY-MM-DD HH:ss:mm'), dayjs(paramProp.endDate).format('YYYY-MM-DD HH:ss:mm')]
+      }
+      this.finished = false
+      this.handleRefresh()
+    },
+    handleScroll() {
+      getScrollTop().then(height => {
+        this.height = height
+      })
+    },
+    handleScrollInit() {
+      window.addEventListener('scroll', this.handleScroll)
+      window.scrollTo(0, this.height)
+      // this.handleInit()
+    },
+
+    handleScrollToTop() {
+      window.scrollTo(0, 0)
+      this.height = 0
+    },
+    handleToAdd() {
+      this.$router.push({
+        path: '/supplier',
+        query: {
+          type: 'add'
+        }
+      })
+    },
+    handleAllRefresh() {
+      // this.getTableList('refresh')
+      this.handleRefresh()
+    },
+    handleInit() {
+      this.handleInitSpList()
+      this.getTableList('init')
+    },
+
+    handleTopPage() {
+      window.scrollTo(0, 0)
+      this.$nextTick(() => {
+        this.height = 0
+      })
+    },
+    handleRefresh() {
+      this.listQuery.pageNo = 1
+      this.finished = false
+      this.getTableList('refresh')
+    },
+    handleLoad() {
+      this.listQuery.pageNo += 1
+      this.getTableList('more')
+    },
+
+    getTableList(val) {
+      // const { shellIdsLocal, collegeInfoIdLocal, startDate, endDate, keyword, type, method, targets, usePersonId, teacherIds, chargePersonIds } = this.listQuery
+      const query = {
+        ...this.listQuery
+      }
+      this.moreLoading = true
+      this.$loading(true, 'tableLoading')
+      getSupplierContractPage(query).then(res => {
+        let resList = res.data && res.data.list || []
+        if (['init', 'refresh'].includes(val)) {
+          this.tableList = resList
+          this.handleScrollToTop()
+        } else {
+          this.tableList = this.tableList.concat(resList)
+        }
+        if (resList.length < this.pageSize) {
+          this.finished = true
+        }
+      }).finally(() => {
+        this.$nextTick(() => {
+          this.moreLoading = false
+          this.refreshing = false
+          this.$loading(false, 'tableLoading')
+        })
+        // this.$loading(false, `cTableLoading_${this.listType}`)
+      })
+    },
+  }
+}
+</script>
+<style scoped lang="scss">
+// @import '~@/assets/style/common/list.scss';
+</style>
diff --git a/src/views/contract/corporateReceipts/components/index.scss b/src/views/contract/corporateReceipts/components/index.scss
new file mode 100644
index 0000000..e5c432f
--- /dev/null
+++ b/src/views/contract/corporateReceipts/components/index.scss
@@ -0,0 +1,163 @@
+$hf-contain-p: 0 1.2rem;
+$hf-contain-f: 0.76rem;
+$hf-high-color: #0088fe;
+// 激活的颜色
+$hf-high-color: #0088fe;
+.header-filter {
+  .hf-r-icon-bg-act {
+    .van-icon {
+      color: $hf-high-color !important;
+    }
+  }
+  background: #ffffff;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: $hf-contain-p;
+
+  .hf-l-list {
+    .hf-l-list-menu {
+      /deep/.van-dropdown-menu__bar {
+        height: auto;
+        box-shadow: none;
+
+        .van-dropdown-menu__item {
+          flex: inherit;
+          margin-right: 1rem;
+
+          .van-dropdown-menu__title {
+            padding: 0.6rem 0.4rem 0.6rem 0;
+            font-size: $hf-contain-f;
+
+            &::after {
+              border: 1px solid;
+              padding: 0.1rem;
+              border-color: transparent transparent #333333 #333333;
+            }
+          }
+
+          .van-dropdown-menu__title--active {
+            color: $hf-high-color;
+
+            &::after {
+              border-color: transparent transparent $hf-high-color $hf-high-color;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .hf-r-list {
+    display: flex;
+
+    .hf-r-list-item {
+      margin-left: 0.4rem;
+
+      .hf-r-icon-bg {
+        background: #d7d7d7;
+        width: 1.5rem;
+        height: 1.5rem;
+        border-radius: 1.5rem;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        color: #ffffff;
+      }
+    }
+  }
+
+  .hf-drop-view {
+    padding: $hf-contain-p;
+    padding-bottom: 0.8rem;
+
+    .hf-drop-contain {
+      display: flex;
+      flex-wrap: wrap;
+      padding-bottom: 0.8rem;
+
+      .hr-drop-filter-item {
+        padding: $hf-contain-p;
+        font-size: $hf-contain-f;
+        width: 50%;
+        box-sizing: border-box;
+        padding: 0.8rem 0;
+      }
+
+      .hr-drop-filter-item-act {
+        color: $hf-high-color;
+      }
+    }
+
+    // 快捷筛选
+    .hf-drop-quick {
+      margin-top: 1rem;
+
+      .hf-drop-quick-item {
+        margin-bottom: 1.5rem;
+
+        .hf-drop-quick-title {
+          color: #333333;
+          font-size: 0.84rem;
+        }
+
+        .hf-drop-quick-list {
+          display: flex;
+          margin: 0.6rem 0;
+          font-size: $hf-contain-f;
+
+          .hf-drop-quick-list-item {
+            border: 1px solid #f3f3f3;
+            background: #f3f3f3;
+            margin-right: 0.8rem;
+            padding: 0.4rem 0.6rem;
+            border-radius: 1rem;
+            transition: background-color, color 0.2s linear;
+          }
+
+          .hf-drop-quick-list-item-act {
+            background: #ffffff;
+            color: $hf-high-color;
+            border: 1px solid $hf-high-color;
+          }
+
+          .hf-drop-quick-list-item-checkbox {
+            margin-right: 1rem;
+
+            /deep/.van-checkbox__label {
+              margin-left: 0.2rem;
+            }
+          }
+        }
+
+        .hf-drop-quick-calendar {
+          /deep/.van-calendar__header {
+            box-shadow: none;
+            border-bottom: 1px solid #eeeeee;
+          }
+        }
+      }
+    }
+  }
+
+  .hf-drop-contain-empty {
+    color: #666666;
+    text-align: center;
+    font-size: 0.8rem;
+  }
+
+  .searchInput {
+    padding: 0.3rem 0;
+    width: 100%;
+
+    .van-search__content {
+      background: #ffffff;
+      border: 1px solid #f3f3f3;
+      border-radius: 0.3rem;
+
+      /deep/input {
+        caret-color: #0088fe;
+      }
+    }
+  }
+}
diff --git a/src/views/contract/corporateReceipts/index.vue b/src/views/contract/corporateReceipts/index.vue
new file mode 100644
index 0000000..8efbef4
--- /dev/null
+++ b/src/views/contract/corporateReceipts/index.vue
@@ -0,0 +1,23 @@
+<template>
+  <!-- 供应商合同 -->
+  <div>
+    <UserList listType="mySupplier" ref="userList" />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'contract-mySupplier',
+  created() {
+    // 注入缓存
+    this.$EventBus.$emit('handleAddLive', 'contract-mySupplier')
+  },
+  activated() {
+    // 清除合同审批缓存
+    this.$EventBus.$emit('handleResetLive', 'contract-supplier')
+  },
+  components: {
+    UserList: () => import('./components/UserList')
+  }
+}
+</script>
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index d3f9c9c..8765323 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -146,6 +146,18 @@ export default {
               icon: 'refund-o',
               show: this.permission_btns.includes('procurement:payApply:list')
             },
+            {
+              route: '/corporateReceipts',
+              title: '对公收款',
+              icon: 'friends-o',
+              show: this.permission_btns.includes('bs:vendor-receipt:query')
+            },
+            {
+              route: '/corporatePayment',
+              title: '对公付款',
+              icon: 'friends-o',
+              show: this.permission_btns.includes('bs:vendor-payment:query')
+            },
           ],
           title: '合同审批'
         },