front/front-vue/src/views/service/financeRecord/financeRecord.vue

<template>
<div class="app-container zap-main">
    <search-bar v-if="activeName === 'first'" :checkList="checkList" :tableList="tableList" :selfDom="selfDom" :tableId="tableId" @query="handleQuery" @reset="resetQuery">
        <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
            <el-form-item label="融信来源" prop="zfrTypes" size="large">
                <el-select v-model="queryParams.zfrTypes" clearable>
                    <el-option v-for="dict in typesOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
                </el-select>
            </el-form-item>
            <el-form-item label="类型" prop="zfrQuery" size="large">
                <el-select v-model="queryParams.zfrQuery" clearable>
                    <el-option v-for="dict in adminQueryOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
                </el-select>
            </el-form-item>
            <el-form-item prop="zfrValue" v-if="this.queryParams.zfrQuery" size="large">
                <el-input v-model="queryParams.zfrValue" placeholder="请输入关键字模糊查询" clearable maxlength="25" />
            </el-form-item>
            <!-- <el-form-item label="融资状态" prop="zfrQueryStatus" size="large">
                <el-select v-model="queryParams.zfrQueryStatus" clearable>
                    <el-option v-for="dict in queryStatusOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
                </el-select>
            </el-form-item> -->
            <el-form-item label="承诺还款日期" prop="zfrRepaymentDate" label-width="96px" size="large">
                <el-date-picker v-model="queryParams.zfrRepaymentDate" unlink-panels value-format="yyyy-MM-dd" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
            </el-form-item>
        </el-form>
    </search-bar>
    <search-bar v-if="activeName === 'second'" :checkList="checkListOne" :tableList="tableListOne" :selfDom="selfDom" :tableId="tableIdOne" @query="handleQueryIng" @reset="resetQueryIng">
        <el-form :model="queryParamsIng" ref="queryFormIng" :inline="true" v-show="showSearch" label-width="68px">
            <el-form-item label="融信来源" prop="zfrTypes" size="large">
                <el-select v-model="queryParamsIng.zfrTypes" clearable>
                    <el-option v-for="dict in typesOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
                </el-select>
            </el-form-item>
            <el-form-item label="类型" prop="zfrQuery" size="large">
                <el-select v-model="queryParamsIng.zfrQuery" clearable>
                    <el-option v-for="dict in adminQueryOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
                </el-select>
            </el-form-item>
            <el-form-item prop="zfrValue" v-if="this.queryParamsIng.zfrQuery" size="large">
                <el-input v-model="queryParamsIng.zfrValue" placeholder="请输入关键字模糊查询" clearable maxlength="25" />
            </el-form-item>
            <!-- <el-form-item label="融资状态" prop="zfrQueryStatus" size="large">
                <el-select v-model="queryParamsIng.zfrQueryStatus" clearable>
                    <el-option v-for="dict in queryStatusOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
                </el-select>
            </el-form-item> -->
            <el-form-item label="承诺还款日期" prop="zfrRepaymentDate" size="large" label-width="96px">
                <el-date-picker v-model="queryParamsIng.zfrRepaymentDate" unlink-panels value-format="yyyy-MM-dd" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
            </el-form-item>
        </el-form>
    </search-bar>
    <search-bar v-if="activeName === 'third'" :checkList="checkListTwo" :tableList="tableListTwo" :selfDom="selfDom" :tableId="tableIdTwo" @query="handleQueryEnd" @reset="resetQueryEnd">
        <el-form :model="queryParamsEnd" ref="queryFormEnd" :inline="true" v-show="showSearch" label-width="68px">
            <el-form-item label="融信来源" prop="zfrTypes" size="large">
                <el-select v-model="queryParamsEnd.zfrTypes" clearable>
                    <el-option v-for="dict in typesOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
                </el-select>
            </el-form-item>
            <el-form-item label="类型" prop="zfrQuery" size="large">
                <el-select v-model="queryParamsEnd.zfrQuery" clearable>
                    <el-option v-for="dict in adminQueryOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
                </el-select>
            </el-form-item>
            <el-form-item prop="zfrValue" v-if="this.queryParamsEnd.zfrQuery" size="large">
                <el-input v-model="queryParamsEnd.zfrValue" placeholder="请输入关键字模糊查询" clearable maxlength="25" />
            </el-form-item>
            <!-- <el-form-item label="融资状态" prop="zfrQueryStatus" size="large">
                <el-select v-model="queryParamsEnd.zfrQueryStatus" clearable>
                    <el-option v-for="dict in queryStatusOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
                </el-select>
            </el-form-item> -->
            <el-form-item label="承诺还款日期" prop="zfrRepaymentDate" size="large" label-width="96px">
                <el-date-picker v-model="queryParamsEnd.zfrRepaymentDate" unlink-panels value-format="yyyy-MM-dd" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
            </el-form-item>
        </el-form>
    </search-bar>
    <search-bar v-if="activeName === 'fourth'" :checkList="checkListThree" :tableList="tableListThree" :selfDom="selfDom" :tableId="tableIdThree" @query="handleQueryLose" @reset="resetQueryLose">
        <el-form :model="queryParamsLose" ref="queryFormLose" :inline="true" v-show="showSearch" label-width="68px">
            <el-form-item label="融信来源" prop="zfrTypes" size="large">
                <el-select v-model="queryParamsLose.zfrTypes" clearable>
                    <el-option v-for="dict in typesOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
                </el-select>
            </el-form-item>
            <el-form-item label="类型" prop="zfrQuery" size="large">
                <el-select v-model="queryParamsLose.zfrQuery" clearable>
                    <el-option v-for="dict in adminQueryOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
                </el-select>
            </el-form-item>
            <el-form-item prop="zfrValue" v-if="this.queryParamsLose.zfrQuery && this.queryParamsLose.zfrQuery != '03' " size="large">
                <el-input v-model="queryParamsLose.zfrValue" placeholder="请输入关键字模糊查询" clearable maxlength="25" />
            </el-form-item>
            <!-- <el-form-item label="融资状态" prop="zfrQueryStatus" size="large">
                <el-select v-model="queryParamsLose.zfrQueryStatus" clearable>
                    <el-option v-for="dict in queryStatusOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
                </el-select>
            </el-form-item> -->
            <el-form-item label="承诺还款日期" prop="zfrRepaymentDate" size="large" label-width="96px">
                <el-date-picker v-model="queryParamsLose.zfrRepaymentDate" unlink-panels value-format="yyyy-MM-dd" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
            </el-form-item>
        </el-form>
    </search-bar>
    <el-row>
        <div class="zap-credit__tabs zap-credit__content">
            <div class="zap-credit__buttons">
                <el-button type="primary" icon="el-icon-plus" @click="handleAdd" v-hasPermi="['finance:record:add']">申请融资</el-button>
            </div>
            <el-tabs v-model="activeName" @tab-click="handleClick">
                <!-- 全部table页 -->
                <el-tab-pane label="全部" name="first">
                    <el-table v-loading="loading" :data="recordList" @selection-change="handleSelectionChange" stripe border>
                        <el-table-column label="序号" type="index" width="50" align="center">
                            <template slot-scope="scope">
                                <span>{{ (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1 }}</span>
                            </template>
                        </el-table-column>
                        <el-table-column label="融信编号" align="center" prop="zfiNumner" width="180" :show-overflow-tooltip="true" v-if="uncheckList.zfiNumner  && (companyType == '00' || companyType == '02')" />
                        <el-table-column label="融资编号" align="center" prop="zfrNumber" width="180" :show-overflow-tooltip="true" v-if="uncheckList.zfrNumber" />
                        <el-table-column label="融资方" align="center" prop="supplierScyName" width="180" :show-overflow-tooltip="true" v-if="uncheckList.supplierScyName && (companyType == '01' || companyType == '00')" />
                        <el-table-column label="开立方" align="center" prop="coreScyName" width="100" :show-overflow-tooltip="true" v-if="uncheckList.coreScyName" />
                        <el-table-column label="融资金额" :formatter="moneyFormat" align="center" prop="zfrAmount" :show-overflow-tooltip="true" v-if="uncheckList.zfrAmount" />
                        <el-table-column label="融资利率(%)" align="center" prop="zfrRate" width="100" :show-overflow-tooltip="true" v-if="uncheckList.zfrRate" />
                        <el-table-column label="经办人" align="center" prop="nickName" width="100" :show-overflow-tooltip="true" v-if="uncheckList.nickName" />
                        <el-table-column label="承诺还款日期" align="center" prop="zfrExpireDate" width="180" :show-overflow-tooltip="true" v-if="uncheckList.zfrExpireDate" />
                        <el-table-column label="融资申请日期" align="center" prop="zfrApplyDate" width="180" :show-overflow-tooltip="true" v-if="uncheckList.zfrApplyDate" />
                        <el-table-column label="实际放款金额" :formatter="moneyFormat" align="center" prop="zfrLoanAmount" width="180" :show-overflow-tooltip="true" v-if="uncheckList.zfrLoanAmount" />
                        <el-table-column label="融资放款日期" align="center" prop="zfrLoanDate" width="180" :show-overflow-tooltip="true" v-if="uncheckList.zfrLoanDate" />
                        <el-table-column label="内部审核" :formatter="approveFormat" align="center" prop="zfrApproveStt" :show-overflow-tooltip="true" v-if="uncheckList.zfrApproveStt && companyType == '02'" />
                        <el-table-column label="融资状态" :formatter="statusFormat" align="center" prop="zfrStatus" :show-overflow-tooltip="true" v-if="uncheckList.zfrStatus" />
                        <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="200" fixed="right">
                            <template slot-scope="scope">
                                <el-button class="zap-button-plain" size="mini" @click="handleDetail(scope.row)" v-hasPermi="['finance:record:query']">详情</el-button>
                                <el-button class="zap-button-primary" size="mini" type="primary" @click="handleLoan(scope.row)" v-hasPermi="['finance:record:edit']" v-if="scope.row.zfrStatus == '00' && (companyType =='00' || companyType =='03')">放款登记</el-button>
                                <el-button class="zap-button-warning" size="mini" type="warning" @click="handleExport(scope.row)" v-hasPermi="['finance:record:export']">导出</el-button>
                                <el-button class="zap-button-primary" size="mini" type="primary" @click="seal(scope.row)" v-hasPermi="['finance:record:seal']" v-if="scope.row.zfrApproveStt == '01' && scope.row.zfrStatus == '04'">融资</el-button>
                                <el-button class="zap-button-info" size="mini" @click="cancelFtp(scope.row)" v-if="scope.row.zfrApproveStt == '01' && scope.row.zfrStatus == '04'">作废</el-button>
                                <el-button class="zap-button-primary" size="mini" type="primary" @click="handleFlowable(scope.row)" v-if="scope.row.zfrApproveStt == '00' || scope.row.zfrApproveStt == '02'">进度</el-button>
                            </template>
                        </el-table-column>
                    </el-table>

                    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
                </el-tab-pane>

                <!-- 融资中table页 -->
                <el-tab-pane label="融资中" name="second">
                    <el-table v-loading="loadingIng" :data="recordIngList" @selection-change="handleSelectionChangeIng" stripe border>
                        <el-table-column label="序号" type="index" width="50" align="center">
                            <template slot-scope="scope">
                                <span>{{(queryParamsIng.pageNum - 1) * queryParamsIng.pageSize +scope.$index + 1}}</span>
                            </template>
                        </el-table-column>
                        <el-table-column label="融信编号" align="center" prop="zfiNumner" width="180" :show-overflow-tooltip="true" v-if="uncheckList.zfiNumner  && (companyType == '00' || companyType == '02')" />
                        <el-table-column label="融资编号" align="center" prop="zfrNumber" width="180" :show-overflow-tooltip="true" v-if="uncheckList.zfrNumber" />
                        <el-table-column label="融资方" align="center" prop="supplierScyName" width="180" :show-overflow-tooltip="true" v-if="uncheckList.supplierScyName && (companyType == '01' || companyType == '00')" />
                        <el-table-column label="开立方" align="center" prop="coreScyName" width="100" :show-overflow-tooltip="true" v-if="uncheckList.coreScyName" />
                        <el-table-column label="融资金额" :formatter="moneyFormat" align="center" prop="zfrAmount" :show-overflow-tooltip="true" v-if="uncheckList.zfrAmount" />
                        <el-table-column label="融资利率(%)" align="center" prop="zfrRate" width="100" :show-overflow-tooltip="true" v-if="uncheckList.zfrRate" />
                        <el-table-column label="经办人" align="center" prop="nickName" width="100" :show-overflow-tooltip="true" v-if="uncheckList.nickName" />
                        <el-table-column label="承诺还款日期" align="center" prop="zfrExpireDate" width="180" :show-overflow-tooltip="true" v-if="uncheckList.zfrExpireDate" />
                        <el-table-column label="融资申请日期" align="center" prop="zfrApplyDate" width="180" :show-overflow-tooltip="true" v-if="uncheckList.zfrApplyDate" />
                        <el-table-column label="实际放款金额" :formatter="moneyFormat" align="center" prop="zfrLoanAmount" width="180" :show-overflow-tooltip="true" v-if="uncheckList.zfrLoanAmount" />
                        <el-table-column label="融资放款日期" align="center" prop="zfrLoanDate" width="180" :show-overflow-tooltip="true" v-if="uncheckList.zfrLoanDate" />
                        <el-table-column label="内部审核" :formatter="approveFormat" align="center" prop="zfrApproveStt" :show-overflow-tooltip="true" v-if="uncheckList.zfrApproveStt && companyType == '02'" />
                        <el-table-column label="融资状态" :formatter="statusFormat" align="center" prop="zfrStatus" :show-overflow-tooltip="true" v-if="uncheckList.zfrStatus" />
                        <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="200" fixed="right">
                            <template slot-scope="scope">
                                <el-button class="zap-button-plain" size="mini" @click="handleDetail(scope.row)" v-hasPermi="['finance:record:query']">详情</el-button>
                                <el-button class="zap-button-primary" size="mini" @click="handleLoan(scope.row)" v-hasPermi="['finance:record:edit']" v-if="scope.row.zfrStatus == '00' &&(companyType =='00' || companyType =='03')">放款登记</el-button>
                                <el-button class="zap-button-warning" size="mini" @click="handleExport(scope.row)" v-hasPermi="['finance:record:export']">导出</el-button>
                                <el-button class="zap-button-primary" size="mini" @click="handleFlowable(scope.row)" v-if="scope.row.zfrApproveStt == '00' || scope.row.zfrApproveStt == '02'">进度</el-button>
                            </template>
                        </el-table-column>
                    </el-table>

                    <pagination v-show="totalIng > 0" :total="totalIng" :page.sync="queryParamsIng.pageNum" :limit.sync="queryParamsIng.pageSize" @pagination="getIngList" />
                </el-tab-pane>

                <!-- 已放款table页 -->
                <el-tab-pane label="已放款" name="third">
                    <el-table v-loading="loadingEnd" :data="recordEndList" @selection-change="handleSelectionChange" stripe border>
                        <el-table-column label="序号" type="index" width="50" align="center">
                            <template slot-scope="scope">
                                <span>{{ (queryParamsEnd.pageNum - 1) * queryParamsEnd.pageSize + scope.$index + 1 }}</span>
                            </template>
                        </el-table-column>
                        <el-table-column label="融信编号" align="center" prop="zfiNumner" width="180" :show-overflow-tooltip="true" v-if="uncheckList.zfiNumner  && (companyType == '00' || companyType == '02')" />
                        <el-table-column label="融资编号" align="center" prop="zfrNumber" width="180" :show-overflow-tooltip="true" v-if="uncheckList.zfrNumber" />
                        <el-table-column label="融资方" align="center" prop="supplierScyName" width="180" :show-overflow-tooltip="true" v-if="uncheckList.supplierScyName && (companyType == '01'|| companyType == '00')" />
                        <el-table-column label="开立方" align="center" prop="coreScyName" width="100" :show-overflow-tooltip="true" v-if="uncheckList.coreScyName" />
                        <el-table-column label="融资金额" :formatter="moneyFormat" align="center" prop="zfrAmount" :show-overflow-tooltip="true" v-if="uncheckList.zfrAmount" />
                        <el-table-column label="融资利率(%)" align="center" prop="zfrRate" width="100" :show-overflow-tooltip="true" v-if="uncheckList.zfrRate" />
                        <el-table-column label="经办人" align="center" prop="nickName" width="100" :show-overflow-tooltip="true" v-if="uncheckList.nickName" />
                        <el-table-column label="承诺还款日期" align="center" prop="zfrExpireDate" width="180" :show-overflow-tooltip="true" v-if="uncheckList.zfrExpireDate" />
                        <el-table-column label="融资申请日期" align="center" prop="zfrApplyDate" width="180" :show-overflow-tooltip="true" v-if="uncheckList.zfrApplyDate" />
                        <el-table-column label="实际放款金额" :formatter="moneyFormat" align="center" prop="zfrLoanAmount" width="180" :show-overflow-tooltip="true" v-if="uncheckList.zfrLoanAmount" />
                        <el-table-column label="融资放款日期" align="center" prop="zfrLoanDate" width="180" :show-overflow-tooltip="true" v-if="uncheckList.zfrLoanDate" />
                        <el-table-column label="内部审核" :formatter="approveFormat" align="center" prop="zfrApproveStt" :show-overflow-tooltip="true" v-if="uncheckList.zfrApproveStt && companyType == '02'" />
                        <el-table-column label="融资状态" :formatter="statusFormat" align="center" prop="zfrStatus" :show-overflow-tooltip="true" v-if="uncheckList.zfrStatus" />
                        <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="200" fixed="right">
                            <template slot-scope="scope">
                                <el-button class="zap-button-plain" size="mini" type="text" @click="handleDetail(scope.row)" v-hasPermi="['finance:record:query']">详情</el-button>
                                <el-button class="zap-button-warning"  size="mini" type="text" @click="handleExport(scope.row)" v-hasPermi="['finance:record:export']">导出</el-button>
                                <el-button class="zap-button-primary"  size="mini" type="text" @click="handleFlowable(scope.row)" v-if="scope.row.zfrApproveStt == '00' || scope.row.zfrApproveStt == '02'">进度</el-button>
                            </template>
                        </el-table-column>
                    </el-table>

                    <pagination v-show="totalEnd > 0" :total="totalEnd" :page.sync="queryParamsEnd.pageNum" :limit.sync="queryParamsEnd.pageSize" @pagination="getEndList" />
                </el-tab-pane>
                <!-- 融资失败table页 -->
                <el-tab-pane label="融资失败" name="fourth">
                    <el-table v-loading="loadingLose" :data="recordLoseList" @selection-change="handleSelectionChange" stripe border>
                        <el-table-column label="序号" type="index" width="50" align="center">
                            <template slot-scope="scope">
                                <span>{{ (queryParamsLose.pageNum - 1) * queryParamsLose.pageSize + scope.$index + 1}}</span>
                            </template>
                        </el-table-column>
                        <el-table-column label="融信编号" align="center" prop="zfiNumner" width="180" :show-overflow-tooltip="true" v-if="uncheckList.zfiNumner  && (companyType == '00' || companyType == '02')" />
                        <el-table-column label="融资编号" align="center" prop="zfrNumber" width="180" :show-overflow-tooltip="true" v-if="uncheckList.zfrNumber" />
                        <el-table-column label="融资方" align="center" prop="supplierScyName" width="180" :show-overflow-tooltip="true" v-if="uncheckList.supplierScyName && (companyType == '01'|| companyType == '00')" />
                        <el-table-column label="开立方" align="center" prop="coreScyName" width="100" :show-overflow-tooltip="true" v-if="uncheckList.coreScyName" />
                        <el-table-column label="融资金额" :formatter="moneyFormat" align="center" prop="zfrAmount" :show-overflow-tooltip="true" v-if="uncheckList.zfrAmount" />
                        <el-table-column label="融资利率(%)" align="center" prop="zfrRate" width="100" :show-overflow-tooltip="true" v-if="uncheckList.zfrRate" />
                        <el-table-column label="经办人" align="center" prop="nickName" width="100" :show-overflow-tooltip="true" v-if="uncheckList.nickName" />
                        <el-table-column label="承诺还款日期" align="center" prop="zfrExpireDate" width="180" :show-overflow-tooltip="true" v-if="uncheckList.zfrExpireDate" />
                        <el-table-column label="融资申请日期" align="center" prop="zfrApplyDate" width="180" :show-overflow-tooltip="true" v-if="uncheckList.zfrApplyDate" />
                        <el-table-column label="实际放款金额" :formatter="moneyFormat" align="center" prop="zfrLoanAmount" width="180" :show-overflow-tooltip="true" v-if="uncheckList.zfrLoanAmount" />
                        <el-table-column label="融资放款日期" align="center" prop="zfrLoanDate" width="180" :show-overflow-tooltip="true" v-if="uncheckList.zfrLoanDate" />
                        <el-table-column label="内部审批" :formatter="approveFormat" align="center" prop="zfrApproveStt" :show-overflow-tooltip="true" v-if="uncheckList.zfrApproveStt && companyType == '02'" />
                        <el-table-column label="融资状态" :formatter="statusFormat" align="center" prop="zfrStatus" :show-overflow-tooltip="true" v-if="uncheckList.zfrStatus" />
                        <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="200" fixed="right">
                            <template slot-scope="scope">
                                <el-button class="zap-button-plain" size="mini" @click="handleDetail(scope.row)" v-hasPermi="['finance:record:query']">详情</el-button>
                                <el-button class="zap-button-warning" size="mini" @click="handleExport(scope.row)" v-hasPermi="['finance:record:export']">导出</el-button>
                                <el-button class="zap-button-primary" size="mini" @click="handleFlowable(scope.row)" v-if="scope.row.zfrApproveStt == '00' || scope.row.zfrApproveStt == '02'">进度</el-button>
                            </template>
                        </el-table-column>
                    </el-table>

                    <pagination v-show="totalLose > 0" :total="totalLose" :page.sync="queryParamsLose.pageNum" :limit.sync="queryParamsLose.pageSize" @pagination="getLoseList" />
                </el-tab-pane>
                <!-- 添加或修改融资记录对话框 -->
                <el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
                    <el-form ref="form" class="zap-form" :model="form" :rules="rules" label-width="auto">
                        <el-form-item label="实际放款金额" prop="zfrLoanAmount">
                            <el-input v-model="form.zfrLoanAmount" @input.native="changeRate($event,form.zfrLoanAmount)" placeholder="实际放款金额">
                                <template slot="append">元</template>
                            </el-input>
                        </el-form-item>
                        <el-form-item label="上传附件">
                            <el-upload ref="upload" class="upload-demo" action :class="{ showUoload: showBtnImg, uoloadSty: noneBtnImg }" :on-change="dealImgChange" accept=".jpg, .jpeg, .png" :http-request="httpRequest" :on-preview="handlePictureCardPreview" :on-remove="handleRemove" :before-upload="beforeUpload" multiple :limit="1" :on-exceed="handleExceed" list-type="picture-card" :file-list="fileList" :auto-upload="true">
                                <div slot="trigger" class="zap-contract-add__upload">
                                    <i class="el-icon-upload"></i>
                                    <div class="zap-upload__text">上传文件</div>
                                </div>
                            </el-upload>
                        </el-form-item>
                        <el-form-item label="融资id" prop="zfrId" label-width="90px" v-if="false">
                            <el-input v-model="form.zfrId" style="width: 284px" />
                        </el-form-item>
                        <el-form-item label="融信id" prop="zfrFinanceId" label-width="90px" v-if="false">
                            <el-input v-model="form.zfrFinanceId" style="width: 284px" />
                        </el-form-item>
                    </el-form>
                    <el-row style="height: 109px;" type="flex" align="middle" justify="center">
                        <el-button type="primary" plain="" @click="cancel">取 消</el-button>
                        <el-button type="primary" @click="submitForm">确 定</el-button>
                        <el-button type="danger" @click="submitRefuse(form.zfrId,form.zfrFinanceId)">拒绝放款</el-button>
                    </el-row>
                </el-dialog>
                <el-dialog title="拒绝放款" :visible.sync="openRefuse" width="600px" append-to-body>
                    <el-form ref="formRefuse" :model="formRefuse" :rules="rulesRefuse" label-width="auto">
                        <el-form-item label="拒绝放款原因" prop="zfrReason">
                            <el-input v-model="formRefuse.zfrReason" maxlength="50" show-word-limit type="textarea" placeholder="请输入审批意见" />
                        </el-form-item>
                    </el-form>
                    <el-row style="height: 109px;" type="flex" align="middle" justify="center">
                        <el-button type="primary" plain="" @click="cancelRefuse">取 消</el-button>
                        <el-button type="primary" @click="submitFormRefuse">确 定</el-button>
                    </el-row>
                </el-dialog>
                <el-dialog :visible.sync="dialogVisible">
                    <img width="100%" :src="dialogImageUrl" alt />
                </el-dialog>

                <!--查看内部审批流程-->
                <el-dialog title="流程进度" :visible.sync="hisTaskForm">
                    <div class="zap-form">
                        <el-steps direction="vertical" :active="histaskList[histaskList.length-1] && histaskList[histaskList.length-1].endTime !=null ? histaskList.length : histaskList.length-1" finish-status="success" space="60px">
                            <el-step :title="item.name" v-for="(item,index) in histaskList" :key="index">
                                <template slot="description">
                                    <span v-if="item.activityType == 'userTask'">办理人: {{item.displayName}}</span> 节点名称: {{item.activityName}} 任务接收时间 {{parseTime(new Date(item.startTime), '{y}-{m}-{d} {h}:{i}:{s}')}}  {{item.endTime?'任务办结时间' + parseTime(new Date(item.endTime), '{y}-{m}-{d} {h}:{i}:{s}'):''}}
                                    <div v-for="(comment,index) in item.commentList" class="text item" :key="index">
                                        {{'审批意见: ' + comment.message }}
                                    </div>
                                </template>
                            </el-step>
                        </el-steps>
                    </div>
                    <div slot="footer" class="dialog-footer">
                        <el-button @click="hisTaskForm = false">关 闭</el-button>
                    </div>
                </el-dialog>
            </el-tabs>
        </div>
    </el-row>
</div>
</template>

<script>
import {
    listRecord,
    getRecord,
    delRecord,
    addRecord,
    updateRecord,
    cancelContract,
    examineApprove
} from "@/api/service/financeRecord/record";
import {
    uploadFileNew
} from "@/api/common/file";
import Cookies from "js-cookie";
import {
    getToken
} from "@/utils/auth";
import {
    columnQuery
} from "@/api/common/columnSetting";
import ColumnSetting from "../../../components/Table/columnSetting.vue";
import {
    getUserProfile
} from "@/api/system/user";
import {
    approvalProcess
} from "@/api/service/credit/approvalRelatedCredit";
import SearchBar from '@/components/SearchBar/index.vue'
export default {
    name: "finaceRecord",
    components: {
        ColumnSetting,
        SearchBar
    },
    data() {
        return {
            //企业Id
            companyId: null,
            //企业类型
            companyType: null,
            //上传使用
            dialogImageUrl: "",
            dialogVisible: false,
            //附件按钮
            showBtnImg: true,
            noneBtnImg: false,
            limitCountImg: 1,
            // 遮罩层
            loading: true,
            loadingIng: true,
            loadingEnd: true,
            loadingLose: true,
            // 选中数组
            ids: [],
            // 非单个禁用
            single: true,
            // 非多个禁用
            multiple: true,
            // 显示搜索条件
            showSearch: true,
            // 总条数
            total: 0,
            totalIng: 0,
            totalEnd: 0,
            totalLose: 0,
            // 全部融资记录表格数据
            recordList: [],
            // 融资中融资记录表格数据
            recordIngList: [],
            // 已放款融资记录表格数据
            recordEndList: [],
            // 融资失败融资记录表格数据
            recordLoseList: [],
            //附件地址
            fileList: [],
            //融资状态数据字典
            statusOptions: [],
            //内部审批状态
            approveOptions: [],
            //筛选条件数据字典
            typesOptions: [],
            queryOptions: [],
            adminQueryOptions: [],
            queryStatusOptions: [],
            // 弹出层标题
            title: "",
            // 是否显示弹出层
            open: false,
            openRefuse: false,
            // 查询参数
            queryParams: {
                pageNum: 1,
                pageSize: 10,
                zfrFinanceId: null,
                zfrNumber: null,
                zfrAmount: null,
                zfrRate: null,
                zfrHandler: null,
                zfrRepaymentDate: [],
                zfrApplyDate: null,
                zfrLoanDate: null,
                zfrApplyAmount: null,
                zfrApplyType: null,
                zfrStatus: null,
                zfrApproveStt: null,
                zfrTypes: "00",
                zfrQuery: null,
                zfrValue: null,
                // zfrQueryStatus: '05'
            },
            queryParamsIng: {
                pageNum: 1,
                pageSize: 10,
                zfrFinanceId: null,
                zfrNumber: null,
                zfrAmount: null,
                zfrRate: null,
                zfrHandler: null,
                zfrRepaymentDate: [],
                zfrApplyDate: null,
                zfrLoanDate: null,
                zfrApplyAmount: null,
                zfrApplyType: null,
                zfrStatus: null,
                zfrApproveStt: null,
                zfrTypes: "00",
                zfrQuery: null,
                zfrValue: null,
                // zfrQueryStatus: '05'
            },
            queryParamsEnd: {
                pageNum: 1,
                pageSize: 10,
                zfrFinanceId: null,
                zfrNumber: null,
                zfrAmount: null,
                zfrRate: null,
                zfrHandler: null,
                zfrRepaymentDate: [],
                zfrApplyDate: null,
                zfrLoanDate: null,
                zfrApplyAmount: null,
                zfrApplyType: null,
                zfrStatus: null,
                zfrApproveStt: null,
                zfrTypes: "00",
                zfrQuery: null,
                zfrValue: null,
                // zfrQueryStatus: '05'
            },
            queryParamsLose: {
                pageNum: 1,
                pageSize: 10,
                zfrFinanceId: null,
                zfrNumber: null,
                zfrAmount: null,
                zfrRate: null,
                zfrHandler: null,
                zfrRepaymentDate: [],
                zfrApplyDate: null,
                zfrLoanDate: null,
                zfrApplyAmount: null,
                zfrApplyType: null,
                zfrStatus: null,
                zfrApproveStt: null,
                zfrTypes: "00",
                zfrQuery: null,
                zfrValue: null,
                // zfrQueryStatus: '05'
            },
            // 表单参数
            form: {},
            formRefuse: {},
            //筛选按钮的数据列表，与table表头的数据一致 --显示隐藏列用--全部
            tableList: [{
                    label: "zfiNumner",
                    value: "融信编号"
                },
                {
                    label: "zfrNumber",
                    value: "融资编号"
                },
                {
                    label: "supplierScyName",
                    value: "融资方"
                },
                {
                    label: "coreScyName",
                    value: "开立方"
                },
                {
                    label: "zfrAmount",
                    value: "融资金额"
                },
                {
                    label: "zfrRate",
                    value: "融资利率"
                },
                {
                    label: "nickName",
                    value: "经办人"
                },
                {
                    label: "zfrExpireDate",
                    value: "承诺还款日期"
                },
                {
                    label: "zfrApplyDate",
                    value: "融资申请日期"
                },
                {
                    label: "zfrLoanAmount",
                    value: "实际放款金额"
                },
                {
                    label: "zfrLoanDate",
                    value: "融资放款日期"
                },
                {
                    label: "zfrStatus",
                    value: "融资状态"
                },
                {
                    label: "zfrApproveStt",
                    value: "审批状态"
                }
            ],
            checkList: [], //筛选列选中的数据列表--显示隐藏列用
            uncheckList: {}, //控制筛选列显示隐藏--显示隐藏列用
            firstSet: false,
            tableId: "/sc-service/financeRecord/list/all",
            //融资中
            tableListOne: [{
                    label: "zfiNumner",
                    value: "融信编号"
                },
                {
                    label: "zfrNumber",
                    value: "融资编号"
                },
                {
                    label: "supplierScyName",
                    value: "融资方"
                },
                {
                    label: "coreScyName",
                    value: "开立方"
                },
                {
                    label: "zfrAmount",
                    value: "融资金额"
                },
                {
                    label: "zfrRate",
                    value: "融资利率"
                },
                {
                    label: "nickName",
                    value: "经办人"
                },
                {
                    label: "zfrExpireDate",
                    value: "承诺还款日期"
                },
                {
                    label: "zfrApplyDate",
                    value: "融资申请日期"
                },
                {
                    label: "zfrLoanAmount",
                    value: "实际放款金额"
                },
                {
                    label: "zfrLoanDate",
                    value: "融资放款日期"
                },
                {
                    label: "zfrStatus",
                    value: "融资状态"
                },
                {
                    label: "zfrApproveStt",
                    value: "审批状态"
                }
            ],
            checkListOne: [], //筛选列选中的数据列表--显示隐藏列用
            uncheckListOne: {}, //控制筛选列显示隐藏--显示隐藏列用
            firstSetOne: false,
            tableIdOne: "/sc-service/financeRecord/list/one",
            //已放款
            tableListTwo: [{
                    label: "zfiNumner",
                    value: "融信编号"
                },
                {
                    label: "zfrNumber",
                    value: "融资编号"
                },
                {
                    label: "supplierScyName",
                    value: "融资方"
                },
                {
                    label: "coreScyName",
                    value: "开立方"
                },
                {
                    label: "zfrAmount",
                    value: "融资金额"
                },
                {
                    label: "zfrRate",
                    value: "融资利率"
                },
                {
                    label: "nickName",
                    value: "经办人"
                },
                {
                    label: "zfrExpireDate",
                    value: "承诺还款日期"
                },
                {
                    label: "zfrApplyDate",
                    value: "融资申请日期"
                },
                {
                    label: "zfrLoanAmount",
                    value: "实际放款金额"
                },
                {
                    label: "zfrLoanDate",
                    value: "融资放款日期"
                },
                {
                    label: "zfrStatus",
                    value: "融资状态"
                },
                {
                    label: "zfrApproveStt",
                    value: "审批状态"
                }
            ],
            checkListTwo: [], //筛选列选中的数据列表--显示隐藏列用
            uncheckListTwo: {}, //控制筛选列显示隐藏--显示隐藏列用
            firstSetTwo: false,
            tableIdTwo: "/sc-service/financeRecord/list/two",
            //放款失败
            tableListThree: [{
                    label: "zfiNumner",
                    value: "融信编号"
                },
                {
                    label: "zfrNumber",
                    value: "融资编号"
                },
                {
                    label: "supplierScyName",
                    value: "融资方"
                },
                {
                    label: "coreScyName",
                    value: "开立方"
                },
                {
                    label: "zfrAmount",
                    value: "融资金额"
                },
                {
                    label: "zfrRate",
                    value: "融资利率"
                },
                {
                    label: "nickName",
                    value: "经办人"
                },
                {
                    label: "zfrExpireDate",
                    value: "承诺还款日期"
                },
                {
                    label: "zfrApplyDate",
                    value: "融资申请日期"
                },
                {
                    label: "zfrLoanAmount",
                    value: "实际放款金额"
                },
                {
                    label: "zfrLoanDate",
                    value: "融资放款日期"
                },
                {
                    label: "zfrStatus",
                    value: "融资状态"
                },
                {
                    label: "zfrApproveStt",
                    value: "审批状态"
                }
            ],
            checkListThree: [], //筛选列选中的数据列表--显示隐藏列用
            uncheckListThree: {}, //控制筛选列显示隐藏--显示隐藏列用
            firstSetThree: false,
            tableIdThree: "/sc-service/financeRecord/list/three",
            // 表单校验
            rules: {
                zfrLoanAmount: [{
                        required: true,
                        message: "放款金额不能为空",
                        trigger: ["blur", "change"],
                    },
                    {
                        pattern: /^(?:0|[1-9]\d{0,8})(?:\.\d{1,2})?$/,
                        message: "请输入正确的金额",
                        trigger: ["blur", "change"],
                    },
                ]
            },
            rulesRefuse: {
                zfrReason: [{
                    required: true,
                    message: "拒绝放款原因不能为空",
                    trigger: ["blur", "change"],
                }]
            },
            selfDom: this,
            activeName: "first",
            //审批
            hisTaskForm: false,
            histaskList: []
        };
    },
    created() {
        this.getDicts("ser_zfr_status").then(response => {
            this.statusOptions = response.data;
        });
        this.getDicts("zc_zfr_types").then(response => {
            this.typesOptions = response.data;
        });
        this.getDicts("zc_zfr_query").then(response => {
            this.queryOptions = response.data;
        });
        this.getDicts("ser_zfr_query").then(response => {
            this.adminQueryOptions = response.data;
        });
        this.getDicts("zc_zfr_approve_stt").then(response => {
            this.approveOptions = response.data;
        });
        this.getDicts("zc_zfr_queryStatus").then(response => {
            this.queryStatusOptions = response.data;
        });
        this.getList().then(() => {
            getUserProfile().then(response => {
                console.log(this.companyType)
                if ("00" == response.data.companyType) {
                    this.queryParams.zfrQuery = "02";
                } else if ("01" == response.data.companyType) {
                    this.queryParams.zfrQuery = "04";
                } else if ("02" == response.data.companyType) {
                    this.queryParams.zfrQuery = "00";
                }
            });
        });
        this.getIngList().then(() => {

            getUserProfile().then(response => {
                if ("00" == response.data.companyType) {
                    this.queryParamsIng.zfrQuery = "02";
                } else if ("01" == response.data.companyType) {
                    this.queryParamsIng.zfrQuery = "04";
                } else if ("02" == response.data.companyType) {
                    this.queryParamsIng.zfrQuery = "00";
                }
            });
        });
        this.getEndList().then(() => {
            getUserProfile().then(response => {
                if ("00" == response.data.companyType) {
                    this.queryParamsEnd.zfrQuery = "02";
                } else if ("01" == response.data.companyType) {
                    this.queryParamsEnd.zfrQuery = "04";
                } else if ("02" == response.data.companyType) {
                    this.queryParamsEnd.zfrQuery = "00";
                }
            });
        });
        this.getLoseList().then(() => {
            getUserProfile().then(response => {
                if ("00" == response.data.companyType) {
                    this.queryParamsLose.zfrQuery = "02";
                } else if ("01" == response.data.companyType) {
                    this.queryParamsLose.zfrQuery = "04";
                } else if ("02" == response.data.companyType) {
                    this.queryParamsLose.zfrQuery = "00";
                }
            });
        });
    },
    activated() {
        this.getDicts("ser_zfr_status").then(response => {
            this.statusOptions = response.data;
        });
        this.getDicts("zc_zfr_types").then(response => {
            this.typesOptions = response.data;
        });
        this.getDicts("zc_zfr_query").then(response => {
            this.queryOptions = response.data;
        });
        this.getDicts("ser_zfr_query").then(response => {
            this.adminQueryOptions = response.data;
        });
        this.getDicts("zc_zfr_approve_stt").then(response => {
            this.approveOptions = response.data;
        });
        this.getList().then(() => {
            getUserProfile().then(response => {
                if ("00" == response.data.companyType) {
                    this.queryParams.zfrQuery = "02";
                } else if ("01" == response.data.companyType) {
                    this.queryParams.zfrQuery = "04";
                } else if ("02" == response.data.companyType) {
                    this.queryParams.zfrQuery = "00";
                }
            });
        });
        this.getIngList().then(() => {
            getUserProfile().then(response => {
                if ("00" == response.data.companyType) {
                    this.queryParamsIng.zfrQuery = "02";
                } else if ("01" == response.data.companyType) {
                    this.queryParamsIng.zfrQuery = "04";
                } else if ("02" == response.data.companyType) {
                    this.queryParamsIng.zfrQuery = "00";
                }
            });
        });
        this.getEndList().then(() => {
            getUserProfile().then(response => {
                if ("00" == response.data.companyType) {
                    this.queryParamsEnd.zfrQuery = "02";
                } else if ("01" == response.data.companyType) {
                    this.queryParamsEnd.zfrQuery = "04";
                } else if ("02" == response.data.companyType) {
                    this.queryParamsEnd.zfrQuery = "00";
                }
            });
        });
        this.getLoseList().then(() => {
            getUserProfile().then(response => {
                if ("00" == response.data.companyType) {
                    this.queryParamsLose.zfrQuery = "02";
                } else if ("01" == response.data.companyType) {
                    this.queryParamsLose.zfrQuery = "04";
                } else if ("02" == response.data.companyType) {
                    this.queryParamsLose.zfrQuery = "00";
                }
            });
        });
    },
    mounted() {
        this.columnQuery();
    },
    methods: {
        /** 查询全部融资记录列表 */
        getList() {
            this.loading = true;
            return listRecord(this.queryParams)
                .then(response => {
                    this.companyId = response.msg;
                    this.recordList = response.data.records;
                    if (response.data.records[0]) {
                        this.companyType = response.data.records[0].companyType;
                    }
                    this.total = response.data.total;
                    this.loading = false;
                    return Promise.resolve(response);
                })
                .catch(response => {
                    this.loading = false;
                    return Promise.reject("error");
                });
        },
        /** 查询融资中融资记录列表 */
        getIngList() {
            this.loadingIng = true;
            this.queryParamsIng.zfrStatus = "00";
            return listRecord(this.queryParamsIng)
                .then(response => {
                    this.recordIngList = response.data.records;
                    this.totalIng = response.data.total;
                    this.loadingIng = false;
                    return Promise.resolve(response);
                })
                .catch(response => {
                    this.loading = false;
                    return Promise.reject("error");
                });
        },
        /** 查询已放款融资记录列表 */
        getEndList() {
            this.loadingEnd = true;
            this.queryParamsEnd.zfrStatus = "01";
            return listRecord(this.queryParamsEnd)
                .then(response => {
                    this.recordEndList = response.data.records;
                    this.totalIng = response.data.total;
                    this.loadingEnd = false;
                    return Promise.resolve(response);
                })
                .catch(response => {
                    this.loading = false;
                    return Promise.reject("error");
                });
        },
        /** 查询融资失败融资记录列表 */
        getLoseList() {
            this.loadingLose = true;
            this.queryParamsLose.zfrStatus = "02";
            return listRecord(this.queryParamsLose)
                .then(response => {
                    this.recordLoseList = response.data.records;
                    this.totalEnd = response.data.total;
                    this.loadingLose = false;
                    return Promise.resolve(response);
                })
                .catch(response => {
                    this.loading = false;
                    return Promise.reject("error");
                });
        },
        // 取消按钮
        cancel() {
            this.open = false;
            this.reset();
        },
        cancelRefuse() {
            this.openRefuse = false;
        },
        // 表单重置
        reset() {
            this.form = {
                zfrId: null,
                zfrFinanceId: null,
                zfrNumber: null,
                zfrAmount: null,
                zfrRate: null,
                zfrHandler: null,
                zfrRepaymentDate: null,
                zfrApplyDate: null,
                zfrLoanDate: null,
                zfrApplyAmount: null,
                zfrApplyType: null,
                zfrStatus: "00",
                zfrApproveStt: null,
                zfrProfitSpare1: null,
                zfrProfitSpare2: null,
                zfrProfitSpare3: null,
                zfrProfitSpare4: null,
                zfrProfitSpare5: null,
                zfrProfitSpare6: null,
                zfrProfitSpare7: null,
                zfrProfitSpare8: null,
                zfrProfitSpare9: null,
                createBy: null,
                createTime: null,
                updateBy: null,
                updateTime: null,
                zfrLoanFile: null
            };
            this.resetForm("form");
            this.fileList = [];
            this.noneBtnImg = false;
            this.formRefuse = {
                zfrReason: null
            };
            this.resetForm("formRefuse");
        },
        /** 全部搜索按钮操作 */
        handleQuery() {
            this.queryParams.pageNum = 1;
            this.getList();
        },
        /** 全部重置按钮操作 */
        resetQuery() {
            this.resetForm("queryForm");
            this.handleQuery();
        },
        /** 融资中搜索按钮操作 */
        handleQueryIng() {
            this.queryParamsIng.pageNum = 1;
            this.getIngList();
        },
        /**融资中重置按钮操作 */
        resetQueryIng() {
            this.resetForm("queryFormIng");
            this.handleQueryIng();
        },
        /** 已放款搜索按钮操作 */
        handleQueryEnd() {
            this.queryParamsEnd.pageNum = 1;
            this.getEndList();
        },
        /**已放款重置按钮操作 */
        resetQueryEnd() {
            this.resetForm("queryFormEnd");
            this.handleQueryEnd();
        },
        /** 融资失败搜索按钮操作 */
        handleQueryLose() {
            this.queryParamsLose.pageNum = 1;
            this.getLoseList();
        },
        /*融资失败重置按钮操作 */
        resetQueryLose() {
            this.resetForm("queryFormLose");
            this.handleQueryLose();
        },
        //全部 多选框选中数据
        handleSelectionChange(selection) {
            this.ids = selection.map(item => item.zfrId);
            this.single = selection.length !== 1;
            this.multiple = !selection.length;
        },
        // 融资中多选框选中数据
        handleSelectionChangeIng(selection) {
            this.ids = selection.map(item => item.zfrId);
            this.single = selection.length !== 1;
            this.multiple = !selection.length;
        },
        /** 字典翻译 */
        statusFormat(row, column) {
            return this.selectDictLabel(this.statusOptions, row.zfrStatus);
        },
        approveFormat(row, column) {
            return this.selectDictLabel(this.approveOptions, row.zfrApproveStt);
        },
        /** 新增按钮操作 */
        handleAdd() {
            this.resetForm("queryForm");
            this.resetForm("queryFormIng");
            this.resetForm("queryFormEnd");
            this.resetForm("queryFormLose");
            Cookies.set("/financeRecord/addFinanceRecord/", this.$route.fullPath);
            this.$router.push("/financeRecord/addFinanceRecord/");
            // this.reset();
            // this.open = true;
            // this.title = "添加融资记录";
        },
        /** 修改按钮操作 */
        handleUpdate(row) {
            this.reset();
            const zfrId = row.zfrId || this.ids;
            getRecord(zfrId).then(response => {
                this.form = response.data;
                this.open = true;
                this.title = "修改融资记录";
            });
        },
        handleLoan(row) {
            this.reset();
            this.form.zfrId = row.zfrId || this.ids;
            this.form.zfrAmount = row.zfrAmount;
            this.$set(this.form, "zfrLoanAmount", row.zfrAmount);
            // this.form.zfrloanAmount = row.zfrAmount;
            this.form.zfrFinanceId = row.zfrFinanceId;
            this.open = true;
            this.title = "放款登记";
        },
        handleDetail(row) {
            this.reset();
            const zfrId = row.zfrId || this.ids;
            this.resetForm("queryForm");
            this.resetForm("queryFormIng");
            this.resetForm("queryFormEnd");
            this.resetForm("queryFormLose");
            Cookies.set(
                "/financeRecord/detailFinanceRecord/" + zfrId,
                this.$route.fullPath
            );
            this.$router.push("/financeRecord/detailFinanceRecord/" + zfrId);
        },
        //盖章
        seal(row) {
            const zfrId = row.zfrId || this.ids;
            this.resetForm("queryForm");
            this.resetForm("queryFormIng");
            this.resetForm("queryFormEnd");
            this.resetForm("queryFormLose");
            Cookies.set(
                "/financeRecord/recordSeal/" + zfrId + "/",
                this.$route.fullPath
            );
            this.$router.push({
                path: "/financeRecord/recordSeal/" + zfrId + "/"
            });
        },
        //作废
        cancelFtp(row) {
            let form = {};
            form.zfrId = row.zfrId;
            this.$confirm('该笔融资将作废', "作废", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning"
            }).then(function () {
                return cancelContract(form);
            }).then(() => {
                this.getList();
                this.getIngList();
                this.getEndList();
                this.getLoseList();
                this.msgSuccess("作废成功");
            }).catch(() => {
                this.$message({
                    type: "warning",
                    message: "作废已取消",

                });
            });
        },
        /** 提交审批 */
        handleApprove(row) {
            this.$confirm("确认要提交审批吗?", {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning"
                })
                .then(function () {
                    return examineApprove(row);
                })
                .then(() => {
                    this.getList();
                    this.msgSuccess("提交成功");
                })
                .catch(function () {});
        },
        /**拒绝放款 */
        submitRefuse(zfrId, zfrFinanceId) {
            debugger
            this.formRefuse.zfrId = zfrId;
            this.formRefuse.zfrFinanceId = zfrFinanceId;
            this.openRefuse = true;
        },
        /** 提交按钮 */
        submitForm() {
            this.$refs["form"].validate(valid => {
                if (valid) {
                    const loading = this.$loading({
                        lock: true,
                        text: "Loading",
                        spinner: "el-icon-loading",
                        background: "rgba(0, 0, 0, 0.7)"
                    });
                    this.form.zfrLoanFile = this.fileList;
                    this.form.TYPE = '00';
                    updateRecord(this.form)
                        .then(response => {
                            loading.close();
                            this.msgSuccess("放款登记成功");
                            this.open = false;
                            this.getList();
                            this.getIngList();
                            this.getEndList();
                            this.getLoseList();
                        })
                        .catch(response => {
                            loading.close();
                        });
                }
            });
        },
        /** 拒绝放款提交按钮 */
        submitFormRefuse() {
            this.$refs["formRefuse"].validate(valid => {
                if (valid) {
                    const loading = this.$loading({
                        lock: true,
                        text: "Loading",
                        spinner: "el-icon-loading",
                        background: "rgba(0, 0, 0, 0.7)"
                    });
                    this.formRefuse.TYPE = '01';
                    updateRecord(this.formRefuse)
                        .then(response => {
                            loading.close();
                            this.msgSuccess("拒绝放款成功");
                            this.openRefuse = false;
                            this.open = false;
                            this.getList();
                            this.getIngList();
                            this.getEndList();
                            this.getLoseList();
                        })
                        .catch(response => {
                            loading.close();
                        });
                }
            });
        },
        /** 上传图片 */
        submitUpload() {
            this.$refs.upload.submit();
        },
        beforeUpload(files) {
            var testmsg = files.name.substring(files.name.lastIndexOf(".") + 1);
            const extension = testmsg === "jpg";
            const extension2 = testmsg === "jpeg";
            const extension3 = testmsg === "png";
            const extension4 = testmsg === "JPG";
            const extension5 = testmsg === "JPEG";
            const extension6 = testmsg === "PNG";
            if (
                !extension &&
                !extension2 &&
                !extension3 &&
                !extension4 &&
                !extension5 &&
                !extension6
            ) {
                this.$message.warning(`请选择图片格式文件`);
            }
            return extension || extension2 || extension3;
        },
        //文件移除提示
        handleRemove(file, fileList) {
            console.log(file);
            for (let i = 0; i < this.fileList.length; i++) {
                if (file.uid == this.fileList[i].uid) {
                    this.fileList.splice(i, 1);
                    break;
                }
            }
            this.noneBtnImg = fileList.length >= this.limitCountImg;
            //return this.$confirm(`确定移除 ${ file.name }？`);
        },

        dealImgChange(file, fileList) {
            this.noneBtnImg = fileList.length >= this.limitCountImg;
        },

        handleExceed(files, fileList) {
            this.$message.warning(`当前限制选择 1 个文件`);
        },
        handlePictureCardPreview(file) {
            this.dialogImageUrl = file.url;
            this.dialogVisible = true;
        },
        //手动上传文件触发
        httpRequest(param) {
            let fileObj = param.file; // 相当于input里取得的files
            let fd = new FormData(); // FormData 对象
            fd.append("file", fileObj); // 文件对象
            fd.append("fileType", "00"); //文件类型
            const loading = this.$loading({
                lock: true,
                text: "Loading",
                spinner: "el-icon-loading",
                background: "rgba(0, 0, 0, 0.7)"
            });
            uploadFileNew(fd)
                .then(response => {
                    if (response) {
                        // this.form.eeiImgUrl = response.url
                        this.fileList.push({
                            uid: response.fileId,
                            url: response.url + "/" + getToken()
                        });
                        console.log(response.url);
                        setTimeout(() => {
                            loading.close();
                        }, 2000);
                    }
                })
                .catch(response => {
                    let uid = fileObj.uid; // 关键作用代码，去除文件列表失败文件
                    let idx = this.$refs.upload.uploadFiles.findIndex(
                        (item) => item.uid === uid
                    ); // 关键作用代码，去除文件列表失败文件（uploadFiles为el-upload中的ref值）
                    this.$refs.upload.uploadFiles.splice(idx, 1); // 关键作用代码，去除文件列表失败文件
                    // this.showBtnImg = true;
                    this.noneBtnImg = false;
                    loading.close();
                });
        },
        /** 删除按钮操作 */
        handleDelete(row) {
            const zfrIds = row.zfrId || this.ids;
            this.$confirm(
                    '是否确认删除融资记录编号为"' + zfrIds + '"的数据项?',
                    "警告", {
                        confirmButtonText: "确定",
                        cancelButtonText: "取消",
                        type: "warning"
                    }
                )
                .then(function () {
                    return delRecord(zfrIds);
                })
                .then(() => {
                    this.getList();
                    this.msgSuccess("删除成功");
                });
        },
        changeRate(e, input) {
            e.target.value = (e.target.value.match(/^\d*(\.?\d{0,2})/g)[0]) || null
            this.input = e.target.value
            this.form.zfrLoanAmount = this.input
        },
        /* 金额格式化 */
        moneyFormat(row, column, cellValue) {
            if (cellValue == null || cellValue == undefined || cellValue == "") {
                cellValue = "0.00";
            }
            cellValue += "";
            if (!cellValue.includes(".")) {
                cellValue += ".00";
            }
            return cellValue
                .replace(/(\d)(?=(\d{3})+\.)/g, function ($0, $1) {
                    return $1 + ",";
                })
                .replace(/\.$/, "");
        },
        //获取当前客户是否之前设置过列展示隐藏
        columnQuery() {
            //获取页面路径
            var psfPagePath = window.location.pathname;
            //用请求后台的url作为唯一标识
            var psfTableName = this.tableId;
            var columnForm = {};
            columnForm.psfPagePath = psfPagePath;
            columnForm.psfTableName = psfTableName;
            columnQuery(columnForm).then(response => {
                if (response.data && response.data.psfShowData) {
                    this.checkList = response.data.psfShowData;
                }
                this.filter();
            });
        },
        //控制隐藏显示的函数
        filter(checkList) {
            if (this.activeName == "first") {
                if (!!checkList) {
                    this.checkList = checkList;
                }
                this.columnfilter(
                    this.firstSet,
                    this.checkList,
                    this.tableList,
                    this.uncheckList
                );
            } else if (this.activeName == "second") {
                if (!!checkList) {
                    this.checkListOne = checkList;
                }
                this.columnfilter(
                    this.firstSetOne,
                    this.checkListOne,
                    this.tableListOne,
                    this.uncheckListOne
                );
            } else if (this.activeName == "third") {
                if (!!checkList) {
                    this.checkListTwo = checkList;
                }
                this.columnfilter(
                    this.firstSetTwo,
                    this.checkListTwo,
                    this.tableListTwo,
                    this.uncheckListTwo
                );
            } else if (this.activeName == "fourth") {
                if (!!checkList) {
                    this.checkListThree = checkList;
                }
                this.columnfilter(
                    this.firstSetThree,
                    this.checkListThree,
                    this.tableListThree,
                    this.uncheckListThree
                );
            }
        },

        //获取当前客户是否之前设置过列展示隐藏
        columnQueryOne() {
            //获取页面路径
            var psfPagePath = window.location.pathname;
            //用请求后台的url作为唯一标识
            var psfTableName = this.tableIdOne;
            var columnForm = {};
            columnForm.psfPagePath = psfPagePath;
            columnForm.psfTableName = psfTableName;
            columnQuery(columnForm).then(response => {
                if (response.data && response.data.psfShowData) {
                    this.checkListOne = response.data.psfShowData;
                }
                this.filter();
            });
        },

        //获取当前客户是否之前设置过列展示隐藏
        columnQueryTwo() {
            //获取页面路径
            var psfPagePath = window.location.pathname;
            //用请求后台的url作为唯一标识
            var psfTableName = this.tableIdTwo;
            var columnForm = {};
            columnForm.psfPagePath = psfPagePath;
            columnForm.psfTableName = psfTableName;
            columnQuery(columnForm).then(response => {
                if (response.data && response.data.psfShowData) {
                    this.checkListTwo = response.data.psfShowData;
                }
                this.filter();
            });
        },

        //获取当前客户是否之前设置过列展示隐藏
        columnQueryThree() {
            //获取页面路径
            var psfPagePath = window.location.pathname;
            //用请求后台的url作为唯一标识
            var psfTableName = this.tableIdThree;
            var columnForm = {};
            columnForm.psfPagePath = psfPagePath;
            columnForm.psfTableName = psfTableName;
            columnQuery(columnForm).then(response => {
                if (response.data && response.data.psfShowData) {
                    this.checkListThree = response.data.psfShowData;
                }
                this.filter();
            });
        },
        /** 导出按钮操作 */
        handleExport(row) {
            const zfrId = row.zfrId || this.ids;
            const zfrFinanceId = row.zfrFinanceId ;
            this.download(
                "sc-service/financeRecord/export/" + zfrFinanceId + '/' + zfrId, {},
                `融资管理附件${this.parseTime(new Date(), "{y}{m}{d}{h}{m}{s}")}.zip`
            );
        },

        columnfilter(firstSet, checkList, tableList, uncheckList) {
            if (this.activeName == "first") {
                firstSet = this.firstSet;
            } else if (this.activeName == "second") {
                firstSet = this.firstSetOne;
            } else if (this.activeName == "third") {
                firstSet = this.firstSetTwo;
            } else if (this.activeName == "fourth") {
                firstSet = this.firstSetThree;
            }
            if (firstSet && checkList.length == 0) {
                this.$message.warning("配置显示列不能为空！");
                return;
            }
            if (this.activeName == "first") {
                this.firstSet = true;
            } else if (this.activeName == "second") {
                this.firstSetOne = true;
            } else if (this.activeName == "third") {
                this.firstSetTwo = true;
            } else if (this.activeName == "fourth") {
                this.firstSetThree = true;
            }
            //初始化数据
            if (checkList.length == 0) {
                for (let index in tableList) {
                    let table = tableList[index];
                    checkList.push(table.label);
                }
            }
            for (let index in tableList) {
                let table = tableList[index];
                uncheckList[table.label] = true;
            }

            //数据准备
            for (let item in uncheckList) {
                uncheckList[item] = false;
            }
            //数据处理
            for (let index in checkList) {
                let name = checkList[index];
                if (name in uncheckList) {
                    uncheckList[name] = true;
                }
            }
            this.$forceUpdate();
        },
        handleClick(tab, event) {
            if (this.activeName == "first") {
                this.columnQuery();
            } else if (this.activeName == "second") {
                this.columnQueryOne();
            } else if (this.activeName == "third") {
                this.columnQueryTwo();
            } else if (this.activeName == "fourth") {
                this.columnQueryThree();
            }
        },
        //进度
        handleFlowable(row) {
            const zfrId = row.zfrId
            this.hisTaskForm = true;
            let form = {}
            form.zfiId = zfrId
            approvalProcess(form).then((response) => {
                     console.log(response,"response")
                this.histaskList = response.data;
            })
        },
    }
};
</script>

<style>
.showUoload .el-upload--picture-card {
    width: 110px;
    height: 110px;
    line-height: 110px;
}

.uoloadSty .el-upload--picture-card {
    display: none;
}
</style><style lang="scss" scoped>

.zap-credit__content {
    position: relative;
    padding: 0 13px 25px;
    background-color: #ffffff;
}

.zap-credit__tabs {
    position: relative;
}

.zap-credit__buttons {
    position: absolute;
    top: 0;
    right: 13px;
    display: flex;
    align-items: center;
    height: 55px;
    z-index: 99;
}

.zap-contract-add__upload {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 148px;
    height: 148px;
    border: dashed 1px #e0e0e0;
    background-color: #f4f5f6;
}

::v-deep .el-upload--picture-card {
    border: none;
}

::v-deep .el-icon-upload {
    font-size: 32px;
    color: #02c464;
}

.zap-upload__text {
    line-height: 1;
    margin-top: 12px;
    font-size: 12px;
    color: #333333;
}

.zap-contract-add__tip {
    width: 140px;
    margin-top: 15px;
    line-height: 19px;
    font-size: 12px;
    color: #999999;
}
::v-deep .el-step__description.is-process,
::v-deep .el-step__head.is-process{
  color: #999999;
  border-color: #999999;
}
</style>