|
|
@@ -0,0 +1,539 @@
|
|
|
+<template>
|
|
|
+ <div class="app-container organization-index">
|
|
|
+ <div class="title-container">
|
|
|
+ <breadcrumb id="breadcrumb-container" class="breadcrumb-container" />
|
|
|
+ </div>
|
|
|
+ <el-tabs v-model="activeName" @tab-click="handleClick" type="border-card" style="margin-top: 10px;">
|
|
|
+ <el-tab-pane label="资产业务" name="ASSET_BUSINESS">
|
|
|
+ <y-page-list-layout :page-list="pageData" :page-para="queryDTO" :get-page-list="page">
|
|
|
+ <template slot="left">
|
|
|
+ <el-input v-model="queryDTO.keyWord" placeholder="关键字(项⽬编号或产品号)" clearable style="width: 300px;float: left;"></el-input>
|
|
|
+ <el-input v-model="queryDTO.finedAmount" type="number" placeholder="已罚金额" clearable style="margin-left: 20px;width: 150px;float: left;"></el-input>
|
|
|
+ <el-input v-model="queryDTO.refundAmount" type="number" placeholder="退款金额" clearable style="margin-left: 20px;width: 150px;float: left;"></el-input>
|
|
|
+ <el-input v-model="queryDTO.clientManagerName" placeholder="客户经理" clearable style="margin-left: 20px;width: 150px;float: left;"></el-input>
|
|
|
+ <el-select v-model="queryDTO.status" filterable placeholder="是否确认" clearable style="margin-left: 20px;width: 150px;float: left;">
|
|
|
+ <el-option label="已确认" value="true"></el-option>
|
|
|
+ <el-option label="未确认" value="false"></el-option>
|
|
|
+ </el-select>
|
|
|
+ <el-date-picker
|
|
|
+ v-model="punishDate"
|
|
|
+ type="daterange"
|
|
|
+ align="center"
|
|
|
+ unlink-panels
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="罚款日期（开始）"
|
|
|
+ end-placeholder="罚款日期（结束）"
|
|
|
+ :picker-options="pickerOptions"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ style="margin-left: 20px;width: 300px;float: left;"
|
|
|
+ ></el-date-picker>
|
|
|
+ <el-date-picker
|
|
|
+ v-model="refundDate"
|
|
|
+ type="daterange"
|
|
|
+ align="center"
|
|
|
+ unlink-panels
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="退款日期（开始）"
|
|
|
+ end-placeholder="退款日期（结束）"
|
|
|
+ :picker-options="pickerOptions"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ style="margin-left: 20px;width: 300px;float: left;"
|
|
|
+ ></el-date-picker>
|
|
|
+ <el-button class="filter-item" style="margin-left:20px;float: left;" type="primary" @click="page()" round>搜索</el-button>
|
|
|
+ <el-button class="filter-item" style="float: left;" round type="success" @click="resetSearch()">重置</el-button>
|
|
|
+ <el-button class="filter-item" style="float: left;" round type="warning" @click="fineRefundListExport()">导出</el-button>
|
|
|
+ </template>
|
|
|
+ <parentTable ref="table" v-loading="listLoading" :data="pageData.records" slot="table" style="width: 100%;">
|
|
|
+ <el-table-column label="项⽬编号" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.orderId }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="项⽬名称" align="center" width="250">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.orderName}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="产品号" align="center" width="250">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.productionNo}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="产品类型" align="center" width="250">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.productionType }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="客户经理" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.clientManagerName }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="客户名称" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.customerName }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="业务来源" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.customerSubName }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="委托方" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.bailor}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="已罚金额" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.finedAmount}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="罚款日期" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.punishDate }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="退款金额" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.refundAmount }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="退款原因" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.refundReason === 'RETURN_PRODUCTION' ? '退产品' : row.refundReason === 'RETURN_MONEY' ? '退款' : row.refundReason === 'RETURN_PRODUCTION_INVOICE' ? '退产品并退发票' : '-' }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="退款状态" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.status === 'RETURNED' ? '已退' : row.status === 'NOT_RETURNED' ? '未退' : row.status === 'IGNORE' ? '不退' : '-' }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="操作人" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.operator }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="退款日期" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.refundDate }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="操作" align="center" width="100" fixed="right">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <el-popconfirm title="确认将该条退款标记为已退？" @confirm="updateStatus(row.id, 'RETURNED')">
|
|
|
+ <el-button type="text" slot="reference">已退</el-button>
|
|
|
+ </el-popconfirm>
|
|
|
+ <el-popconfirm title="确认将该条退款标记为不退？" @confirm="updateStatus(row.id, 'IGNORE')">
|
|
|
+ <el-button type="text" slot="reference" style="margin-left:5px">不退</el-button>
|
|
|
+ </el-popconfirm>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </parentTable>
|
|
|
+ </y-page-list-layout>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="大中型业务" name="MAJOR_BUSINESS">
|
|
|
+ <y-page-list-layout :page-list="pageData" :page-para="queryDTO" :get-page-list="page">
|
|
|
+ <template slot="left">
|
|
|
+ <el-input v-model="queryDTO.keyWord" placeholder="关键字(项⽬编号或产品号)" clearable style="width: 300px;float: left;"></el-input>
|
|
|
+ <el-input v-model="queryDTO.finedAmount" type="number" placeholder="已罚金额" clearable style="margin-left: 20px;width: 150px;float: left;"></el-input>
|
|
|
+ <el-input v-model="queryDTO.refundAmount" type="number" placeholder="退款金额" clearable style="margin-left: 20px;width: 150px;float: left;"></el-input>
|
|
|
+ <el-input v-model="queryDTO.clientManagerName" placeholder="客户经理" clearable style="margin-left: 20px;width: 150px;float: left;"></el-input>
|
|
|
+ <el-select v-model="queryDTO.status" filterable placeholder="是否确认" clearable style="margin-left: 20px;width: 150px;float: left;">
|
|
|
+ <el-option label="已确认" value="true"></el-option>
|
|
|
+ <el-option label="未确认" value="false"></el-option>
|
|
|
+ </el-select>
|
|
|
+ <el-date-picker
|
|
|
+ v-model="punishDate"
|
|
|
+ type="daterange"
|
|
|
+ align="center"
|
|
|
+ unlink-panels
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="罚款日期（开始）"
|
|
|
+ end-placeholder="罚款日期（结束）"
|
|
|
+ :picker-options="pickerOptions"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ style="margin-left: 20px;width: 300px;float: left;"
|
|
|
+ ></el-date-picker>
|
|
|
+ <el-date-picker
|
|
|
+ v-model="refundDate"
|
|
|
+ type="daterange"
|
|
|
+ align="center"
|
|
|
+ unlink-panels
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="退款日期（开始）"
|
|
|
+ end-placeholder="退款日期（结束）"
|
|
|
+ :picker-options="pickerOptions"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ style="margin-left: 20px;width: 300px;float: left;"
|
|
|
+ ></el-date-picker>
|
|
|
+ <el-button class="filter-item" style="margin-left:20px;float: left;" type="primary" @click="page()" round>搜索</el-button>
|
|
|
+ <el-button class="filter-item" style="float: left;" round type="success" @click="resetSearch()">重置</el-button>
|
|
|
+ <el-button class="filter-item" style="float: left;" round type="warning" @click="fineRefundListExport()">导出</el-button>
|
|
|
+ </template>
|
|
|
+ <parentTable ref="table" v-loading="listLoading" :data="pageData.records" slot="table" style="width: 100%;">
|
|
|
+ <el-table-column label="项⽬编号" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.orderId }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="项⽬名称" align="center" width="250">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.orderName}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="产品号" align="center" width="250">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.productionNo}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="产品类型" align="center" width="250">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.productionType }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="客户经理" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.clientManagerName }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="客户名称" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.customerName }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="业务来源" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.customerSubName }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="委托方" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.bailor}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="已罚金额" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.finedAmount}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="罚款日期" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.punishDate }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="退款金额" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.refundAmount }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="退款原因" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.refundReason === 'RETURN_PRODUCTION' ? '退产品' : row.refundReason === 'RETURN_MONEY' ? '退款' : row.refundReason === 'RETURN_PRODUCTION_INVOICE' ? '退产品并退发票' : '-' }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="退款状态" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.status === 'RETURNED' ? '已退' : row.status === 'NOT_RETURNED' ? '未退' : row.status === 'IGNORE' ? '不退' : '-' }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="操作人" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.operator }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="退款日期" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.refundDate }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="操作" align="center" width="160" fixed="right">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <el-popconfirm title="确认将该条退款标记为已退？" @confirm="updateStatus(row.id, 'RETURNED')">
|
|
|
+ <el-button type="text" slot="reference">已退</el-button>
|
|
|
+ </el-popconfirm>
|
|
|
+ <el-popconfirm title="确认将该条退款标记为不退？" @confirm="updateStatus(row.id, 'IGNORE')">
|
|
|
+ <el-button type="text" slot="reference" style="margin-left:5px">不退</el-button>
|
|
|
+ </el-popconfirm>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </parentTable>
|
|
|
+ </y-page-list-layout>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="个贷业务" name="PERSONAL_BUSINESS">
|
|
|
+ <y-page-list-layout :page-list="pageData" :page-para="queryDTO" :get-page-list="page">
|
|
|
+ <template slot="left">
|
|
|
+ <el-input v-model="queryDTO.keyWord" placeholder="关键字(项⽬编号或产品号)" clearable style="width: 300px;float: left;"></el-input>
|
|
|
+ <el-input v-model="queryDTO.finedAmount" type="number" placeholder="已罚金额" clearable style="margin-left: 20px;width: 150px;float: left;"></el-input>
|
|
|
+ <el-input v-model="queryDTO.refundAmount" type="number" placeholder="退款金额" clearable style="margin-left: 20px;width: 150px;float: left;"></el-input>
|
|
|
+ <el-input v-model="queryDTO.clientManagerName" placeholder="客户经理" clearable style="margin-left: 20px;width: 150px;float: left;"></el-input>
|
|
|
+ <el-select v-model="queryDTO.status" filterable placeholder="是否确认" clearable style="margin-left: 20px;width: 150px;float: left;">
|
|
|
+ <el-option label="已确认" value="true"></el-option>
|
|
|
+ <el-option label="未确认" value="false"></el-option>
|
|
|
+ </el-select>
|
|
|
+ <el-date-picker
|
|
|
+ v-model="punishDate"
|
|
|
+ type="daterange"
|
|
|
+ align="center"
|
|
|
+ unlink-panels
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="罚款日期（开始）"
|
|
|
+ end-placeholder="罚款日期（结束）"
|
|
|
+ :picker-options="pickerOptions"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ style="margin-left: 20px;width: 300px;float: left;"
|
|
|
+ ></el-date-picker>
|
|
|
+ <el-date-picker
|
|
|
+ v-model="refundDate"
|
|
|
+ type="daterange"
|
|
|
+ align="center"
|
|
|
+ unlink-panels
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="退款日期（开始）"
|
|
|
+ end-placeholder="退款日期（结束）"
|
|
|
+ :picker-options="pickerOptions"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ style="margin-left: 20px;width: 300px;float: left;"
|
|
|
+ ></el-date-picker>
|
|
|
+ <el-button class="filter-item" style="margin-left:20px;float: left;" type="primary" @click="page()" round>搜索</el-button>
|
|
|
+ <el-button class="filter-item" style="float: left;" round type="success" @click="resetSearch()">重置</el-button>
|
|
|
+ <el-button class="filter-item" style="float: left;" round type="warning" @click="fineRefundListExport()">导出</el-button>
|
|
|
+ </template>
|
|
|
+ <parentTable ref="table" v-loading="listLoading" :data="pageData.records" slot="table" style="width: 100%;">
|
|
|
+ <el-table-column label="项⽬编号" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.orderId }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="项⽬名称" align="center" width="250">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.orderName}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="产品类型" align="center" width="250">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.productionType }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="客户经理" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.clientManagerName }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="客户名称" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.customerName }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="业务来源" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.customerSubName }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="委托方" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.bailor}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="已罚金额" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.finedAmount}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="罚款日期" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.punishDate }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="退款金额" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.refundAmount }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="退款原因" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.refundReason === 'RETURN_PRODUCTION' ? '退产品' : row.refundReason === 'RETURN_MONEY' ? '退款' : row.refundReason === 'RETURN_PRODUCTION_INVOICE' ? '退产品并退发票' : '-' }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="退款状态" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.status === 'RETURNED' ? '已退' : row.status === 'NOT_RETURNED' ? '未退' : row.status === 'IGNORE' ? '不退' : '-' }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="操作人" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.operator }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="退款日期" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.refundDate }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="操作" align="center" width="160" fixed="right">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <el-popconfirm title="确认将该条退款标记为已退？" @confirm="updateStatus(row.id, 'RETURNED')">
|
|
|
+ <el-button type="text" slot="reference">已退</el-button>
|
|
|
+ </el-popconfirm>
|
|
|
+ <el-popconfirm title="确认将该条退款标记为不退？" @confirm="updateStatus(row.id, 'IGNORE')">
|
|
|
+ <el-button type="text" slot="reference" style="margin-left:5px">不退</el-button>
|
|
|
+ </el-popconfirm>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </parentTable>
|
|
|
+ </y-page-list-layout>
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import Breadcrumb from '@/components/Breadcrumb';
|
|
|
+import YPageListLayout from '@/components/YPageListLayout';
|
|
|
+
|
|
|
+export default {
|
|
|
+ name: 'fineRefund',
|
|
|
+ components: {
|
|
|
+ Breadcrumb,
|
|
|
+ YPageListLayout,
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ activeName: 'ASSET_BUSINESS',
|
|
|
+ listLoading: false,
|
|
|
+ explainVisible: false,
|
|
|
+ editFineAmountVisible: false,
|
|
|
+ punishDate: null,
|
|
|
+ refundDate: null,
|
|
|
+ // 分页查询条件
|
|
|
+ queryDTO: {
|
|
|
+ page: 1,
|
|
|
+ size: 10,
|
|
|
+ businessType: 'ASSET_BUSINESS',
|
|
|
+ keyWord: null,
|
|
|
+ finedAmount: null,
|
|
|
+ refundAmount: null,
|
|
|
+ clientManagerName: null,
|
|
|
+ status: null,
|
|
|
+ endPunishDate: null,
|
|
|
+ startRefundDate: null,
|
|
|
+ endRefundDate: null,
|
|
|
+ },
|
|
|
+ pageData: { records: [] },
|
|
|
+ updateForm: {
|
|
|
+ id: null,
|
|
|
+ status: null,
|
|
|
+ },
|
|
|
+ pickerOptions: {
|
|
|
+ shortcuts: [
|
|
|
+ {
|
|
|
+ text: '最近一周',
|
|
|
+ onClick(picker) {
|
|
|
+ const end = new Date();
|
|
|
+ const start = new Date();
|
|
|
+ start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
|
|
|
+ picker.$emit('pick', [start, end]);
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ text: '最近一个月',
|
|
|
+ onClick(picker) {
|
|
|
+ const end = new Date();
|
|
|
+ const start = new Date();
|
|
|
+ start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
|
|
|
+ picker.$emit('pick', [start, end]);
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ text: '最近三个月',
|
|
|
+ onClick(picker) {
|
|
|
+ const end = new Date();
|
|
|
+ const start = new Date();
|
|
|
+ start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
|
|
|
+ picker.$emit('pick', [start, end]);
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ updateFineForm: {
|
|
|
+ id: null,
|
|
|
+ explain: null,
|
|
|
+ fineAmount: null,
|
|
|
+ },
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.page();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleClick() {
|
|
|
+ this.queryDTO = {
|
|
|
+ page: 1,
|
|
|
+ size: 10,
|
|
|
+ businessType: this.activeName,
|
|
|
+ keyWord: null,
|
|
|
+ invoiceNo: null,
|
|
|
+ clientManagerName: null,
|
|
|
+ status: null,
|
|
|
+ startPunishDate: null,
|
|
|
+ endPunishDate: null,
|
|
|
+ };
|
|
|
+ this.page();
|
|
|
+ },
|
|
|
+ // 重置条件
|
|
|
+ resetSearch() {
|
|
|
+ this.punishDate = null;
|
|
|
+ this.refundDate = null;
|
|
|
+ this.queryDTO = {
|
|
|
+ page: 1,
|
|
|
+ size: 10,
|
|
|
+ businessType: this.activeName,
|
|
|
+ keyWord: null,
|
|
|
+ finedAmount: null,
|
|
|
+ refundAmount: null,
|
|
|
+ clientManagerName: null,
|
|
|
+ status: null,
|
|
|
+ endPunishDate: null,
|
|
|
+ startRefundDate: null,
|
|
|
+ endRefundDate: null,
|
|
|
+ };
|
|
|
+ this.page();
|
|
|
+ },
|
|
|
+ // 查询罚款退款记录
|
|
|
+ page() {
|
|
|
+ this.listLoading = true;
|
|
|
+ if (this.punishDate) {
|
|
|
+ this.queryDTO.startPunishDate = this.punishDate[0] + ' 00:00:00';
|
|
|
+ this.queryDTO.endPunishDate = this.punishDate[1] + ' 23:59:59';
|
|
|
+ }
|
|
|
+ if (this.refundDate) {
|
|
|
+ this.queryDTO.startRefundDate = this.refundDate[0] + ' 00:00:00';
|
|
|
+ this.queryDTO.endRefundDate = this.refundDate[1] + ' 23:59:59';
|
|
|
+ }
|
|
|
+ this.$api.financeFineRefund.page(this.queryDTO).then((res) => {
|
|
|
+ this.pageData = res.data;
|
|
|
+ this.listLoading = false;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ fineRefundListExport() {
|
|
|
+ this.$utils.exportUtil('/financeFineRefund/export', this.queryDTO, '导出');
|
|
|
+ },
|
|
|
+ // 更新退款状态
|
|
|
+ updateStatus(id, status) {
|
|
|
+ this.updateForm = {
|
|
|
+ id: id,
|
|
|
+ status: status,
|
|
|
+ };
|
|
|
+ this.$api.financeFineRefund.update(this.updateForm).then((res) => {
|
|
|
+ this.$notify({
|
|
|
+ title: '成功',
|
|
|
+ message: '请求成功！',
|
|
|
+ type: 'success',
|
|
|
+ duration: 3000,
|
|
|
+ });
|
|
|
+ this.page();
|
|
|
+ });
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+<style scoped lang="scss"></style>
|
