|
@@ -0,0 +1,151 @@
|
|
|
+<template>
|
|
|
+ <div class="app-container organization-index">
|
|
|
+ <div class="title-container">
|
|
|
+ <breadcrumb id="breadcrumb-container" class="breadcrumb-container" />
|
|
|
+ </div>
|
|
|
+ <y-page-list-layout :page-list="pageData" :page-para="queryDTO" :get-page-list="page">
|
|
|
+ <template slot="left">
|
|
|
+ <el-select v-model="queryDTO.businessType" placeholder="业务类型" clearable style="width: 150px;float: left;">
|
|
|
+ <el-option label="资产业务" value="ASSET_BUSINESS"></el-option>
|
|
|
+ <el-option label="个贷业务" value="PERSONAL_BUSINESS"></el-option>
|
|
|
+ <el-option label="大中型业务" value="MAJOR_BUSINESS"></el-option>
|
|
|
+ </el-select>
|
|
|
+ <el-input v-model="queryDTO.keyWord" placeholder="关键字(项⽬编号或产品号)" clearable style="margin-left: 20px;width: 300px;float: left;"></el-input>
|
|
|
+ <el-input v-model="queryDTO.clientManagerName" placeholder="客户经理" clearable style="margin-left: 20px;width: 150px;float: left;"></el-input>
|
|
|
+ <el-input v-model="queryDTO.bailor" placeholder="委托方" clearable style="margin-left: 20px;width: 300px;float: left;"></el-input>
|
|
|
+ <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="exportList()">导出</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.businessType }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="项目名称" align="center" width="250">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.name }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <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.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.clientManager }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="客户名称" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.clientName }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="业务来源" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.clientSubName }}</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.returnReason }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="是否包含退发票" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.returnInvoice }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="审核状态" align="center" width="150">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.status }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </parentTable>
|
|
|
+ </y-page-list-layout>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import Breadcrumb from '@/components/Breadcrumb';
|
|
|
+import YPageListLayout from '@/components/YPageListLayout';
|
|
|
+
|
|
|
+export default {
|
|
|
+ name: 'productionReturn',
|
|
|
+ components: {
|
|
|
+ Breadcrumb,
|
|
|
+ YPageListLayout,
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ listLoading: false,
|
|
|
+ // 分页查询条件
|
|
|
+ queryDTO: {
|
|
|
+ page: 1,
|
|
|
+ size: 10,
|
|
|
+ businessType: null,
|
|
|
+ keyWord: null,
|
|
|
+ clientManagerName: null,
|
|
|
+ bailor: null,
|
|
|
+ },
|
|
|
+ pageData: { records: [] },
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.page();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleClick() {
|
|
|
+ this.queryDTO = {
|
|
|
+ page: 1,
|
|
|
+ size: 10,
|
|
|
+ businessType: null,
|
|
|
+ keyWord: null,
|
|
|
+ clientManagerName: null,
|
|
|
+ bailor: null,
|
|
|
+ };
|
|
|
+ this.page();
|
|
|
+ },
|
|
|
+ // 重置条件
|
|
|
+ resetSearch() {
|
|
|
+ this.queryDTO = {
|
|
|
+ page: 1,
|
|
|
+ size: 10,
|
|
|
+ businessType: null,
|
|
|
+ keyWord: null,
|
|
|
+ clientManagerName: null,
|
|
|
+ bailor: null,
|
|
|
+ };
|
|
|
+ this.page();
|
|
|
+ },
|
|
|
+ // 查询罚款退款记录
|
|
|
+ page() {
|
|
|
+ this.listLoading = true;
|
|
|
+ this.$api.productionReturn.page(this.queryDTO).then((res) => {
|
|
|
+ this.pageData = res.data;
|
|
|
+ this.listLoading = false;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ exportList() {
|
|
|
+ this.$utils.exportUtil('/productionReturn/export', this.queryDTO, '导出');
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+<style scoped lang="scss"></style>
|