|
|
@@ -1,6 +1,14 @@
|
|
|
<!-- 资金流水-卖履约-全部 -->
|
|
|
<template>
|
|
|
<app-table :data="dataList" v-model:columns="tableColumns" :loading="loading">
|
|
|
+ <template #header>
|
|
|
+ <app-filter :options="filterOptons">
|
|
|
+ <template #before>
|
|
|
+ <el-date-picker type="daterange" start-placeholder="开始日期" end-placeholder="结束日期" value-format="YYYYMMDD"
|
|
|
+ v-model="filterDate" />
|
|
|
+ </template>
|
|
|
+ </app-filter>
|
|
|
+ </template>
|
|
|
<!-- 履约状态 -->
|
|
|
<template #performancestatus="{ value }">
|
|
|
{{ getPerformanceStatusName(value) }}
|
|
|
@@ -23,13 +31,17 @@
|
|
|
<script lang="ts" setup>
|
|
|
import { shallowRef } from 'vue'
|
|
|
import { formatDate } from '@/filters'
|
|
|
+import { useDataFilter } from '@/hooks/datatable'
|
|
|
import { useRequest } from '@/hooks/request'
|
|
|
import { queryPerformancePlan } from '@/services/api/performance'
|
|
|
import { BuyOrSell, getPaymentTypeName, getPerformanceStatusName, getPerformanceTypeName } from '@/constants/order'
|
|
|
import AppTable from '@pc/components/base/table/index.vue'
|
|
|
+import AppFilter from '@pc/components/base/table-filter/index.vue'
|
|
|
|
|
|
+const { filterOptons, getQueryParams } = useDataFilter<Model.WrOrderDetailRsp>()
|
|
|
+const filterDate = shallowRef<string[]>([])
|
|
|
|
|
|
-const { loading, dataList } = useRequest(queryPerformancePlan, {
|
|
|
+const { loading, dataList, run } = useRequest(queryPerformancePlan, {
|
|
|
params: {
|
|
|
buyorsell: BuyOrSell.Sell
|
|
|
},
|
|
|
@@ -50,6 +62,22 @@ const tableColumns = shallowRef<Model.TableColumn[]>([
|
|
|
{ prop: 'performancestatus', label: '履约状态' },
|
|
|
{ prop: 'curstepname', label: '当前步骤' },
|
|
|
{ prop: 'starttime', label: '开始时间' },
|
|
|
-
|
|
|
])
|
|
|
+
|
|
|
+filterOptons.buttonList = [
|
|
|
+ { lable: '查询', className: 'el-button--info', onClick: () => onSearch() },
|
|
|
+ { lable: '重置', className: 'el-button--info', onClick: () => onSearch(true) }
|
|
|
+]
|
|
|
+
|
|
|
+const onSearch = (clear = false) => {
|
|
|
+ if (clear) {
|
|
|
+ filterDate.value = []
|
|
|
+ }
|
|
|
+ getQueryParams((qs) => {
|
|
|
+ qs.begindate = filterDate.value[0]
|
|
|
+ qs.enddate = filterDate.value[1]
|
|
|
+ run(qs)
|
|
|
+ }, clear)
|
|
|
+}
|
|
|
+
|
|
|
</script>
|