|
|
@@ -0,0 +1,222 @@
|
|
|
+<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="major">
|
|
|
+ <y-page-list-layout :get-page-list="getOverdueMajor" :page-list="overdueMajor" :page-para="listQuery1">
|
|
|
+ <template slot="left">
|
|
|
+ <el-input v-model="listQuery1.overdueMin" placeholder="最小超期天数" clearable style="width: 150px;float: left;">
|
|
|
+ </el-input>
|
|
|
+ <el-input v-model="listQuery1.overdueMax" placeholder="最大超期天数" clearable style="margin-left: 20px;width: 150px;float: left;">
|
|
|
+ </el-input>
|
|
|
+ <el-input v-model="listQuery1.orderId" placeholder="项目编号" clearable style="margin-left: 20px;width: 200px;float: left;">
|
|
|
+ </el-input>
|
|
|
+ <el-input v-model="listQuery1.reportNo" placeholder="产品号" clearable style="margin-left: 20px;width: 200px;float: left;">
|
|
|
+ </el-input>
|
|
|
+ <el-input v-model="listQuery1.principal" placeholder="负责人" clearable style="margin-left: 20px;width: 200px;float: left;">
|
|
|
+ </el-input>
|
|
|
+ <el-button class="filter-item" style="margin-left:20px;float: left;" type="primary" @click="searchList1" round>搜索
|
|
|
+ </el-button>
|
|
|
+ <el-button class="filter-item" style="float: left;" round type="success" @click="resetSearch1()">重置
|
|
|
+ </el-button>
|
|
|
+ <el-button class="filter-item" style="float: left;" round type="info" @click="exportOverdueMajor()">导出
|
|
|
+ </el-button>
|
|
|
+ </template>
|
|
|
+ <el-table
|
|
|
+ size="medium"
|
|
|
+ slot="table"
|
|
|
+ row-key="id"
|
|
|
+ :data="overdueMajor.records"
|
|
|
+ fit
|
|
|
+ highlight-current-row
|
|
|
+ :header-row-style="{color: '#333333'}"
|
|
|
+ style="border-left: 1px solid #EBECED;border-right: 1px solid #EBECED;color: #333333;">
|
|
|
+ <el-table-column label="超期天数" align="center">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span style="color:red;font-weight: bold;">{{ row.overdueDay }}天</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="分单类型" align="center">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.allotType }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="项目编号" width="150" align="center">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.orderId }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="产品号" width="200" align="center">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.reportNo }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="产品类型" align="center">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.production}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="项目名称" width="200" align="center" show-overflow-tooltip>
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.name }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="客户名称" align="center">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.clientName }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="业务来源" align="center">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.clientSubName }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="客户经理" align="center">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.clientManager }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="负责人" align="center">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.principal }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="评估价值(万元)" align="center">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.evaluateAmount/10000 }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="应收款(元)" align="center">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.prodShouldAmount }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="标准收费(元)" align="center">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.standardAmount }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="出库时间" width="160" align="center">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.repertoryOutTime }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ </el-table>
|
|
|
+ </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: 'fundWaning',
|
|
|
+ components: {
|
|
|
+ Breadcrumb,
|
|
|
+ YPageListLayout
|
|
|
+ },
|
|
|
+
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ activeName: 'major',
|
|
|
+ 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]);
|
|
|
+ }
|
|
|
+ }]
|
|
|
+ },
|
|
|
+ claimDate: '',
|
|
|
+ listQuery1: {
|
|
|
+ page: 1,
|
|
|
+ size: 10,
|
|
|
+ descs: 'id',
|
|
|
+ overdueMin:90
|
|
|
+ },
|
|
|
+ overdueMajor:{
|
|
|
+ records:[]
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.getOverdueMajor();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+
|
|
|
+ handleClick(tab, event) {
|
|
|
+
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+ resetSearch1() {
|
|
|
+ this.$router.push({ query: {} });
|
|
|
+ this.listQuery1 = {
|
|
|
+ current: 1,
|
|
|
+ size: 10,
|
|
|
+ descs: 'id',
|
|
|
+ overdueMin:90
|
|
|
+ }
|
|
|
+ this.getOverdueMajor()
|
|
|
+ },
|
|
|
+
|
|
|
+ searchList1() {
|
|
|
+ // 重置分页
|
|
|
+ this.listQuery1.page = 1
|
|
|
+ this.listQuery1.size = 10
|
|
|
+ this.getOverdueMajor()
|
|
|
+ },
|
|
|
+
|
|
|
+ getOverdueMajor(){
|
|
|
+ this.$api.financeRealFund.overdueMajor(this.listQuery1).then(res=>{
|
|
|
+ if (res.code === 200){
|
|
|
+ this.overdueMajor = res.data;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ exportOverdueMajor(){
|
|
|
+ this.$utils.exportUtil(
|
|
|
+ "/financeRealFund/overdue/major/export", this.listQuery1,
|
|
|
+ "导出"
|
|
|
+ );
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+<style lang="scss">
|
|
|
+ .organization-index {
|
|
|
+ .el-table [class*=el-table__row--level] .el-table__expand-icon {
|
|
|
+ color: red;
|
|
|
+ }
|
|
|
+ }
|
|
|
+</style>
|
|
|
+<style scoped lang="scss">
|
|
|
+
|
|
|
+/deep/.doWarehouseClass {
|
|
|
+ border-radius: 10px;
|
|
|
+ }
|
|
|
+</style>
|
