|
@@ -3,83 +3,173 @@
|
|
<div class="title-container">
|
|
<div class="title-container">
|
|
<breadcrumb id="breadcrumb-container" class="breadcrumb-container" />
|
|
<breadcrumb id="breadcrumb-container" class="breadcrumb-container" />
|
|
</div>
|
|
</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>
|
|
|
|
|
|
+ <el-tabs v-model="activeName" @tab-click="handleClick" type="border-card" style="margin-top: 10px;">
|
|
|
|
+ <el-tab-pane label="我的待审核" name="TODO">
|
|
|
|
+ <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>
|
|
</template>
|
|
- </el-table-column>
|
|
|
|
- <el-table-column label="项目名称" align="center" width="250">
|
|
|
|
- <template slot-scope="{row}">
|
|
|
|
- <span>{{ row.name }}</span>
|
|
|
|
|
|
+ <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 === 'ASSET_BUSINESS' ? '资产业务' : row.businessType === 'PERSONAL_BUSINESS' ? '个贷业务' : row.businessType === 'MAJOR_BUSINESS' ? '大中型业务' : '-' }}</span>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column label="项目名称" align="center" width="400">
|
|
|
|
+ <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 === true ? '是' : '否' }}</span>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column label="审核状态" align="center" width="150">
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <span>{{ row.status === 'REVIEWING' ? '审核中' : row.status === 'APPROVE' ? '审核通过' : row.status === 'REJECTION' ? '审核拒绝' : '-' }}</span>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column fixed="right" label="操作" align="center">
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <div>
|
|
|
|
+ <el-button type="text" size="small" @click="checkDetail(row)">审核</el-button>
|
|
|
|
+ </div>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ </parentTable>
|
|
|
|
+ </y-page-list-layout>
|
|
|
|
+ </el-tab-pane>
|
|
|
|
+ <el-tab-pane label="全部申请" name="ALL">
|
|
|
|
+ <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>
|
|
</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>
|
|
|
|
|
|
+ <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 === 'ASSET_BUSINESS' ? '资产业务' : row.businessType === 'PERSONAL_BUSINESS' ? '个贷业务' : row.businessType === 'MAJOR_BUSINESS' ? '大中型业务' : '-' }}</span>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column label="项目名称" align="center" width="400">
|
|
|
|
+ <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 === true ? '是' : '否' }}</span>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column label="审核状态" align="center" width="150">
|
|
|
|
+ <template slot-scope="{row}">
|
|
|
|
+ <span>{{ row.status === 'REVIEWING' ? '审核中' : row.status === 'APPROVE' ? '审核通过' : row.status === 'REJECTION' ? '审核拒绝' : '-' }}</span>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ </parentTable>
|
|
|
|
+ </y-page-list-layout>
|
|
|
|
+ </el-tab-pane>
|
|
|
|
+ </el-tabs>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
<script>
|
|
<script>
|
|
@@ -94,11 +184,13 @@ export default {
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
|
|
+ activeName: 'TODO',
|
|
listLoading: false,
|
|
listLoading: false,
|
|
// 分页查询条件
|
|
// 分页查询条件
|
|
queryDTO: {
|
|
queryDTO: {
|
|
page: 1,
|
|
page: 1,
|
|
size: 10,
|
|
size: 10,
|
|
|
|
+ queryScope: 'TODO',
|
|
businessType: null,
|
|
businessType: null,
|
|
keyWord: null,
|
|
keyWord: null,
|
|
clientManagerName: null,
|
|
clientManagerName: null,
|
|
@@ -115,6 +207,7 @@ export default {
|
|
this.queryDTO = {
|
|
this.queryDTO = {
|
|
page: 1,
|
|
page: 1,
|
|
size: 10,
|
|
size: 10,
|
|
|
|
+ queryScope: this.activeName,
|
|
businessType: null,
|
|
businessType: null,
|
|
keyWord: null,
|
|
keyWord: null,
|
|
clientManagerName: null,
|
|
clientManagerName: null,
|
|
@@ -127,6 +220,7 @@ export default {
|
|
this.queryDTO = {
|
|
this.queryDTO = {
|
|
page: 1,
|
|
page: 1,
|
|
size: 10,
|
|
size: 10,
|
|
|
|
+ queryScope: this.activeName,
|
|
businessType: null,
|
|
businessType: null,
|
|
keyWord: null,
|
|
keyWord: null,
|
|
clientManagerName: null,
|
|
clientManagerName: null,
|
|
@@ -142,9 +236,15 @@ export default {
|
|
this.listLoading = false;
|
|
this.listLoading = false;
|
|
});
|
|
});
|
|
},
|
|
},
|
|
|
|
+ // 导出
|
|
exportList() {
|
|
exportList() {
|
|
this.$utils.exportUtil('/productionReturn/export', this.queryDTO, '导出');
|
|
this.$utils.exportUtil('/productionReturn/export', this.queryDTO, '导出');
|
|
},
|
|
},
|
|
|
|
+ // 跳转详情页
|
|
|
|
+ checkDetail(row) {
|
|
|
|
+ let backPath = '/finance/production/return';
|
|
|
|
+ this.$router.push(`/finance/production/return/detail?businessId=${row.id}&businessType=PRODUCTION_RETURN&doWorkflow=${true}&back=${backPath}&couldEdit=${true}`);
|
|
|
|
+ },
|
|
},
|
|
},
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|