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

<template>
<div class="app-container zap-main">
    <search-bar v-if="activeIndex === '0'" :hiddenSetting="true" @query="handleQuery" @reset="resetQuery">
        <el-form :model="queryParams" ref="queryForm" v-if="showSearch" label-width="80px">
            <el-row type="flex" style="flex-wrap:wrap;">
                <el-form-item class="zap-flex-1" prop="zfiTypes" label="融信来源">
                    <el-select v-model="queryParams.zfiTypes" style="width: 200px;" 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 class="zap-flex-1" prop="zfiQuery" label="类型">
                    <el-select v-model="queryParams.zfiQuery" style="width: 248px;" clearable>
                        <el-option v-for="dict in queryOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
                    </el-select>
                </el-form-item>
                <el-form-item class="zap-flex-1" prop="zfiValue" v-if="this.queryParams.zfiQuery" label-width="24px">
                    <el-input v-model="queryParams.zfiValue" style="width: 272px;" placeholder="请输入关键字模糊查询" clearable maxlength="25" />
                </el-form-item>
            </el-row>
            <el-row type="flex" style="flex-wrap:wrap;">
                <el-form-item class="zap-flex-1" prop="finaceStatus" label="融信状态">
                    <el-select v-model="queryParams.finaceStatus" style="width: 200px;" clearable>
                        <el-option v-for="dict in stateOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
                    </el-select>
                </el-form-item>
                <el-form-item class="zap-flex-1" label="到期日期" prop="zfiExpireDate">
                    <el-date-picker
                        style="width: 248px;"
                        v-model="queryParams.zfiExpireDate"
                        unlink-panels
                        value-format="yyyy-MM-dd"
                        type="daterange"
                        range-separator="-"
                        start-placeholder="开始日期"
                        end-placeholder="结束日期">
                    </el-date-picker>
                </el-form-item>
            </el-row>
        </el-form>
    </search-bar>
    <search-bar v-else-if="activeIndex === '1'" :hiddenSetting="true" @query="handleQueryOpening" @reset="resetQueryOpening">
        <el-form :model="queryParamsOpening" ref="queryFormOpening" :inline="true" v-if="showSearch" label-width="80px">
            <el-form-item prop="zfiTypes" label="融信来源">
                <el-select v-model="queryParamsOpening.zfiTypes" 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 prop="zfiQuery" label="类型">
                <el-select v-model="queryParamsOpening.zfiQuery" clearable>
                    <el-option v-for="dict in queryOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
                </el-select>
            </el-form-item>
            <el-form-item prop="zfiValue" v-if="this.queryParamsOpening.zfiQuery" label-width="24px">
                <el-input v-model="queryParamsOpening.zfiValue" placeholder="请输入关键字模糊查询" clearable maxlength="25" />
            </el-form-item>
            <el-form-item label="到期日期" prop="zfiExpireDate">
                <el-date-picker
                    v-model="queryParamsOpening.zfiExpireDate"
                    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-else-if="activeIndex === '2'" :hiddenSetting="true" @query="handleQuerySign" @reset="resetQuerySign">
        <el-form :model="queryParamsSign" ref="queryFormSign" :inline="true" v-if="showSearch" label-width="80px">
            <el-form-item prop="zfiTypes" label="融信来源">
                <el-select v-model="queryParamsSign.zfiTypes" 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 prop="zfiQuery" label="类型">
                <el-select v-model="queryParamsSign.zfiQuery" clearable>
                    <el-option v-for="dict in queryOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
                </el-select>
            </el-form-item>
            <el-form-item prop="zfiValue" v-if="this.queryParamsSign.zfiQuery" label-width="24px">
                <el-input v-model="queryParamsSign.zfiValue" placeholder="请输入关键字模糊查询" clearable maxlength="25" />
            </el-form-item>
            <el-form-item label="到期日期" prop="zfiExpireDate">
                <el-date-picker
                    v-model="queryParamsSign.zfiExpireDate"
                    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-else-if="activeIndex === '3'" :hiddenSetting="true" @query="handleQueryFinancing" @reset="resetQueryFinancing">
        <el-form :model="queryParamsFinancing" ref="queryFormFinancing" :inline="true" v-if="showSearch" label-width="80px">
            <el-form-item prop="zfiTypes" label="融信来源">
                <el-select v-model="queryParamsFinancing.zfiTypes" 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 prop="zfiQuery" label="类型">
                <el-select v-model="queryParamsFinancing.zfiQuery" clearable>
                    <el-option v-for="dict in queryOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
                </el-select>
            </el-form-item>
            <el-form-item prop="zfiValue" v-if="this.queryParamsFinancing.zfiQuery" label-width="24px">
                <el-input v-model="queryParamsFinancing.zfiValue" placeholder="请输入关键字模糊查询" clearable maxlength="25" />
            </el-form-item>
            <el-form-item label="到期日期" prop="zfiExpireDate">
                <el-date-picker
                    v-model="queryParamsFinancing.zfiExpireDate"
                    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-else-if="activeIndex === '4'" :hiddenSetting="true" @query="handleQueryFinanced" @reset="resetQueryFinanced">
        <el-form :model="queryParamsFinanced" ref="queryFormFinanced" :inline="true" v-if="showSearch" label-width="80px">
            <el-form-item prop="zfiTypes" label="融信来源">
                <el-select v-model="queryParamsFinanced.zfiTypes" 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 prop="zfiQuery" label="类型">
                <el-select v-model="queryParamsFinanced.zfiQuery" clearable>
                    <el-option v-for="dict in queryOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
                </el-select>
            </el-form-item>
            <el-form-item prop="zfiValue" v-if="this.queryParamsFinanced.zfiQuery" label-width="24px">
                <el-input v-model="queryParamsFinanced.zfiValue" placeholder="请输入关键字模糊查询" clearable maxlength="25" />
            </el-form-item>
            <el-form-item label="到期日期" prop="zfiExpireDate">
                <el-date-picker
                    v-model="queryParamsFinanced.zfiExpireDate"
                    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-else-if="activeIndex === '5'" :hiddenSetting="true" @query="handleQueryInvalid" @reset="resetQueryInvalid">
        <el-form :model="queryParamsInvalid" ref="queryFormInvalid" :inline="true" v-if="showSearch" label-width="80px">
            <el-form-item prop="zfiTypes"  label="融信来源">
                <el-select v-model="queryParamsInvalid.zfiTypes" 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 prop="zfiQuery" label="类型">
                <el-select v-model="queryParamsInvalid.zfiQuery" clearable>
                    <el-option v-for="dict in queryOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
                </el-select>
            </el-form-item>
            <el-form-item prop="zfiValue" v-if="this.queryParamsInvalid.zfiQuery" label-width="24px">
                <el-input v-model="queryParamsInvalid.zfiValue" placeholder="请输入关键字模糊查询" clearable maxlength="25" />
            </el-form-item>
            <el-form-item label="到期日期" prop="zfiExpireDate">
                <el-date-picker
                    v-model="queryParamsInvalid.zfiExpireDate"
                    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-else-if="activeIndex === '6'" :hiddenSetting="true" @query="handleQuerySettlement" @reset="resetQuerySettlement">
        <el-form :model="queryParamsSettlement" ref="queryFormSettlement" :inline="true" v-if="showSearch" label-width="80px">
            <el-form-item prop="zfiTypes" label="融信来源">
                <el-select v-model="queryParamsSettlement.zfiTypes" 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 prop="zfiQuery" label="类型">
                <el-select v-model="queryParamsSettlement.zfiQuery" clearable>
                    <el-option v-for="dict in queryOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
                </el-select>
            </el-form-item>
            <el-form-item prop="zfiValue" v-if="this.queryParamsSettlement.zfiQuery" label-width="24px">
                <el-input v-model="queryParamsSettlement.zfiValue" placeholder="请输入关键字模糊查询" clearable maxlength="25" />
            </el-form-item>
            <el-form-item label="到期日期" prop="zfiExpireDate">
                <el-date-picker
                    v-model="queryParamsSettlement.zfiExpireDate"
                    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-else-if="activeIndex === '7'" :hiddenSetting="true" @query="handleQueryOverdue" @reset="resetQueryOverdue">
        <el-form :model="queryParamsOverdue" ref="queryFormOverdue" :inline="true" v-if="showSearch" label-width="80px">
            <el-form-item prop="zfiTypes" label="融信来源">
                <el-select v-model="queryParamsOverdue.zfiTypes" 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 prop="zfiQuery" label="类型">
                <el-select v-model="queryParamsOverdue.zfiQuery" clearable>
                    <el-option v-for="dict in queryOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
                </el-select>
            </el-form-item>
            <el-form-item prop="zfiValue" v-if="this.queryParamsOverdue.zfiQuery" label-width="24px">
                <el-input v-model="queryParamsOverdue.zfiValue" placeholder="请输入关键字模糊查询" clearable maxlength="25" />
            </el-form-item>
            <el-form-item label="到期日期" prop="zfiExpireDate">
                <el-date-picker
                    v-model="queryParamsOverdue.zfiExpireDate"
                    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 class="zap-margin-top">
        <el-col>
            <div class="zap-credit__content">
                <div class="zap-credit__buttons">
                    <el-button class="zap-button-success" type="success" icon="el-icon-plus" @click="handleAdd" v-hasPermi="['credit:credit:add']">开立融信</el-button>
                    <el-button type="success" icon="el-icon-plus" @click="finanOpening" v-hasPermi="['finanOpening:finanOpening:add']">融资开立</el-button>
                    <el-button type="primary" icon="el-icon-tickets" @click="apply" v-hasPermi="['finanOpening:finanOpening:apply']">融资申请</el-button>
                </div>
                <el-tabs v-model="activeIndex">
                    <!-- 全部-->
                    <el-tab-pane label="全部">
                        <el-table v-loading="loading" stripe :data="infList" @selection-change="handleSelectionChange" 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="zfiNumber" :show-overflow-tooltip="true" />
                            <el-table-column label="开立方" align="center" prop="openName" :show-overflow-tooltip="true" />
                            <el-table-column label="接收方" align="center" prop="receiveName" :show-overflow-tooltip="true" />
                            <el-table-column label="授信类型" :formatter="zfpTypeFormat" align="center" prop="zfpType" show-overflow-tooltip />
                            <el-table-column label="融信类型" :formatter="typeFormat" align="center" prop="zfiCreateType" :show-overflow-tooltip="true" />
                            <el-table-column label="融信产品" align="center" prop="zfpName" :show-overflow-tooltip="true" />
                            <el-table-column label="融信金额" align="center" :formatter="moneyFormat" prop="zfiAmount" :show-overflow-tooltip="true" />
                            <el-table-column label="融信利率(%)" align="center" width="100px;" prop="zfiRate" :show-overflow-tooltip="true" />
                            <!-- <el-table-column label="签发有效期" align="center" width="100px;" prop="zfiEffectiveDate" :show-overflow-tooltip="true" /> -->
                            <el-table-column label="承诺还款日" align="center" width="100px;" prop="zfiExpireDate" :show-overflow-tooltip="true" />
                            <el-table-column label="签收日期" align="center" prop="zfiSignDate" :show-overflow-tooltip="true" />
                            <el-table-column label="承诺函编号" align="center" width="100px;" prop="zfiPaymentNumber" :show-overflow-tooltip="true" />
                            <el-table-column
                                label="融资方审批状态"
                                :formatter="supplierStatusFormat"
                                align="center"
                                width="110px;"
                                prop="zfiSupplierStatus"
                                :show-overflow-tooltip="true"
                                v-if=" this.companyType == '00'" />
                            <el-table-column
                                label="平台审批状态"
                                :formatter="platformStatusFormat"
                                align="center"
                                width="100px;"
                                prop="zfiPlatformStatus"
                                :show-overflow-tooltip="true"
                                v-if="this.companyType == '00'" />
                            <el-table-column
                                label="核心审批状态"
                                :formatter="coreStatusFormat"
                                align="center"
                                width="100px;"
                                prop="zfiCoreStatus"
                                :show-overflow-tooltip="true"
                                v-if=" this.companyType == '00'" />
                            <el-table-column
                                label="内部审批状态"
                                :formatter="supplierStatusFormat"
                                align="center"
                                width="110px;"
                                prop="zfiSupplierStatus"
                                :show-overflow-tooltip="true"
                                v-if=" this.companyType == '02'" />
                            <el-table-column
                                label="内部审批状态"
                                :formatter="coreStatusFormat"
                                align="center"
                                width="100px;"
                                prop="zfiCoreStatus"
                                :show-overflow-tooltip="true"
                                v-if=" this.companyType == '01'" />
                            <el-table-column label="融信状态" :formatter="stateFormat" align="center" prop="zfiStatus" :show-overflow-tooltip="true" />
                            <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width='400' fixed="right">
                                <template slot-scope="scope">
                                    <buttons-group
                                        :scope="scope"
                                        @handleDetail="handleDetail(scope.row)"
                                        @handleUpdate="handleUpdate(scope.row)"
                                        @handleApprove="handleApprove(scope.row)"
                                        @handleAddInformation="handleAddInformation(scope.row)"
                                        @handleSignFor="handleSignFor(scope.row)"
                                        @handleGoFinance="handleGoFinance(scope.row)"
                                        @seal="seal(scope.row)"
                                        @refuse="refuse(scope.row)"
                                        @handleDelete="handleDelete(scope.row)"
                                        @handleFlowable="handleFlowable(scope.row)"></buttons-group>
                                </template>
                            </el-table-column>
                        </el-table>
                        <statistical-data>
                            <span class="label">总合计:<span class="value">{{allAmount}}</span></span>
                            <span class="label">开立中:{{klzAllAmount}}</span>
                            <span class="label">已生效:{{ysxAllAmount}}</span>
                            <span class="label">融资中:{{rzzAllAmount}}</span>
                            <span class="label">已融资:{{yrzAllAmount}}</span>
                            <span class="label">已拒绝:{{yjjAllAmount}}</span>
                            <span class="label">已结算:{{yjsAllAmount}}</span>
                            <span class="label">已过期:{{ygqAllAmount}}</span>
                        </statistical-data>
                        <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
                        <!--开立中-->
                    </el-tab-pane>
                    <el-tab-pane label="开立中">
                        <el-table v-loading="loading" stripe :data="infOpeningList" @selection-change="handleSelectionChange" border>
                            <el-table-column label="序号" type="index" width="50" align="center">
                                <template slot-scope="scope">
                                    <span>{{(queryParamsOpening.pageNum - 1) * queryParamsOpening.pageSize + scope.$index + 1}}</span>
                                </template>
                            </el-table-column>
                            <el-table-column label="融信编号" align="center" prop="zfiNumber" :show-overflow-tooltip="true" />
                            <el-table-column label="开立方" align="center" prop="openName" :show-overflow-tooltip="true" />
                            <el-table-column label="接收方" align="center" prop="receiveName" :show-overflow-tooltip="true" />
                            <el-table-column label="授信类型" :formatter="zfpTypeFormat" align="center" prop="zfpType" show-overflow-tooltip />
                            <el-table-column label="融信类型" :formatter="typeFormat" align="center" prop="zfiCreateType" :show-overflow-tooltip="true" />
                            <el-table-column label="融信产品" align="center" prop="zfpName" :show-overflow-tooltip="true" />
                            <el-table-column label="融信金额" align="center" :formatter="moneyFormat" prop="zfiAmount" :show-overflow-tooltip="true" />
                            <el-table-column label="融信利率(%)" align="center" width="100px;" prop="zfiRate" :show-overflow-tooltip="true" />
                            <!--  <el-table-column label="签发有效期" align="center" width="100px;" prop="zfiEffectiveDate" :show-overflow-tooltip="true" /> -->
                            <el-table-column label="承诺还款日" align="center" width="100px;" prop="zfiExpireDate" :show-overflow-tooltip="true" />
                            <el-table-column label="签收日期" align="center" prop="zfiSignDate" :show-overflow-tooltip="true" />
                            <el-table-column label="承诺函编号" align="center" width="100px;" prop="zfiPaymentNumber" :show-overflow-tooltip="true" />
                            <el-table-column
                                label="融资方审批状态"
                                :formatter="supplierStatusFormat"
                                align="center"
                                width="110px;"
                                prop="zfiSupplierStatus"
                                :show-overflow-tooltip="true"
                                v-if=" this.companyType == '00'" />
                            <el-table-column
                                label="平台审批状态"
                                :formatter="platformStatusFormat"
                                align="center"
                                width="100px;"
                                prop="zfiPlatformStatus"
                                :show-overflow-tooltip="true"
                                v-if="this.companyType == '00'" />
                            <el-table-column
                                label="核心审批状态"
                                :formatter="coreStatusFormat"
                                align="center"
                                width="100px;"
                                prop="zfiCoreStatus"
                                :show-overflow-tooltip="true"
                                v-if=" this.companyType == '00'" />
                            <el-table-column
                                label="内部审批状态"
                                :formatter="supplierStatusFormat"
                                align="center"
                                width="110px;"
                                prop="zfiSupplierStatus"
                                :show-overflow-tooltip="true"
                                v-if=" this.companyType == '02'" />
                            <el-table-column
                                label="内部审批状态"
                                :formatter="coreStatusFormat"
                                align="center"
                                width="100px;"
                                prop="zfiCoreStatus"
                                :show-overflow-tooltip="true"
                                v-if=" this.companyType == '01'" />
                            <el-table-column label="融信状态" :formatter="stateFormat" align="center" prop="zfiStatus" :show-overflow-tooltip="true" />
                            <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width='400' fixed="right">
                                <template slot-scope="scope">
                                    <buttons-group
                                        :scope="scope"
                                        @handleDetail="handleDetail(scope.row)"
                                        @handleUpdate="handleUpdate(scope.row)"
                                        @handleApprove="handleApprove(scope.row)"
                                        @handleAddInformation="handleAddInformation(scope.row)"
                                        @handleSignFor="handleSignFor(scope.row)"
                                        @handleGoFinance="handleGoFinance(scope.row)"
                                        @seal="seal(scope.row)"
                                        @refuse="refuse(scope.row)"
                                        @handleDelete="handleDelete(scope.row)"
                                        @handleFlowable="handleFlowable(scope.row)"></buttons-group>
                                </template>
                            </el-table-column>
                        </el-table>
                        <statistical-data>
                            <span class="label">总合计:<span class="value">{{klzAmount}}</span></span>
                            <span class="label">开立中:{{klzAmount}}</span>
                        </statistical-data>
                        <pagination v-show="totalOpening>0" :total="totalOpening" :page.sync="queryParamsOpening.pageNum" :limit.sync="queryParamsOpening.pageSize" @pagination="getListOpening" />
                    </el-tab-pane>
                    <!--已生效-->
                    <el-tab-pane label="已生效">
                        <el-table v-loading="loading" stripe :data="infSignList" @selection-change="handleSelectionChange" border>
                            <el-table-column label="序号" type="index" width="50" align="center">
                                <template slot-scope="scope">
                                    <span>{{(queryParamsSign.pageNum - 1) * queryParamsSign.pageSize + scope.$index + 1}}</span>
                                </template>
                            </el-table-column>
                            <el-table-column label="融信编号" align="center" prop="zfiNumber" :show-overflow-tooltip="true" />
                            <el-table-column label="开立方" align="center" prop="openName" :show-overflow-tooltip="true" />
                            <el-table-column label="接收方" align="center" prop="receiveName" :show-overflow-tooltip="true" />
                            <el-table-column label="授信类型" :formatter="zfpTypeFormat" align="center" prop="zfpType" show-overflow-tooltip />
                            <el-table-column label="融信类型" :formatter="typeFormat" align="center" prop="zfiCreateType" :show-overflow-tooltip="true" />
                            <el-table-column label="融信产品" align="center" prop="zfpName" :show-overflow-tooltip="true" />
                            <el-table-column label="融信金额" align="center" :formatter="moneyFormat" prop="zfiAmount" :show-overflow-tooltip="true" />
                            <el-table-column label="融信利率(%)" align="center" width="100px;" prop="zfiRate" :show-overflow-tooltip="true" />
                            <!--  <el-table-column label="签发有效期" align="center" width="100px;" prop="zfiEffectiveDate" :show-overflow-tooltip="true" /> -->
                            <el-table-column label="承诺还款日" align="center" width="100px;" prop="zfiExpireDate" :show-overflow-tooltip="true" />
                            <el-table-column label="签收日期" align="center" prop="zfiSignDate" :show-overflow-tooltip="true" />
                            <el-table-column label="承诺函编号" align="center" width="100px;" prop="zfiPaymentNumber" :show-overflow-tooltip="true" />
                            <el-table-column
                                label="融资方审批状态"
                                :formatter="supplierStatusFormat"
                                align="center"
                                width="110px;"
                                prop="zfiSupplierStatus"
                                :show-overflow-tooltip="true"
                                v-if=" this.companyType == '00'" />
                            <el-table-column
                                label="平台审批状态"
                                :formatter="platformStatusFormat"
                                align="center"
                                width="100px;"
                                prop="zfiPlatformStatus"
                                :show-overflow-tooltip="true"
                                v-if="this.companyType == '00'" />
                            <el-table-column
                                label="核心审批状态"
                                :formatter="coreStatusFormat"
                                align="center"
                                width="100px;"
                                prop="zfiCoreStatus"
                                :show-overflow-tooltip="true"
                                v-if=" this.companyType == '00'" />
                            <el-table-column
                                label="内部审批状态"
                                :formatter="supplierStatusFormat"
                                align="center"
                                width="110px;"
                                prop="zfiSupplierStatus"
                                :show-overflow-tooltip="true"
                                v-if=" this.companyType == '02'" />
                            <el-table-column
                                label="内部审批状态"
                                :formatter="coreStatusFormat"
                                align="center"
                                width="100px;"
                                prop="zfiCoreStatus"
                                :show-overflow-tooltip="true"
                                v-if=" this.companyType == '01'" />
                            <el-table-column label="融信状态" :formatter="stateFormat" align="center" prop="zfiStatus" :show-overflow-tooltip="true" />
                            <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width='400' fixed="right">
                                <template slot-scope="scope">
                                    <buttons-group
                                        :scope="scope"
                                        @handleDetail="handleDetail(scope.row)"
                                        @handleUpdate="handleUpdate(scope.row)"
                                        @handleApprove="handleApprove(scope.row)"
                                        @handleAddInformation="handleAddInformation(scope.row)"
                                        @handleSignFor="handleSignFor(scope.row)"
                                        @handleGoFinance="handleGoFinance(scope.row)"
                                        @seal="seal(scope.row)"
                                        @refuse="refuse(scope.row)"
                                        @handleDelete="handleDelete(scope.row)"
                                        @handleFlowable="handleFlowable(scope.row)"></buttons-group>
                                </template>
                            </el-table-column>
                        </el-table>
                        <statistical-data class="mb20">
                            <span class="label">总合计:<span class="value">{{ysxAmount}}</span></span>
                            <span class="label">已生效:{{ysxAmount}}</span>
                        </statistical-data>
                        <pagination v-show="totalSign>0" :total="totalSign" :page.sync="queryParamsSign.pageNum" :limit.sync="queryParamsSign.pageSize" @pagination="getListSign" />
                    </el-tab-pane>

                    <!--融资中-->
                    <el-tab-pane label="融资中">
                        <el-table v-loading="loading" stripe :data="infFinancingList" @selection-change="handleSelectionChange" border>
                            <el-table-column label="序号" type="index" width="50" align="center">
                                <template slot-scope="scope">
                                    <span>{{(queryParamsFinancing.pageNum - 1) * queryParamsFinancing.pageSize + scope.$index + 1}}</span>
                                </template>
                            </el-table-column>
                            <el-table-column label="融信编号" align="center" prop="zfiNumber" :show-overflow-tooltip="true" />
                            <el-table-column label="开立方" align="center" prop="openName" :show-overflow-tooltip="true" />
                            <el-table-column label="接收方" align="center" prop="receiveName" :show-overflow-tooltip="true" />
                            <el-table-column label="授信类型" :formatter="zfpTypeFormat" align="center" prop="zfpType" show-overflow-tooltip />
                            <el-table-column label="融信类型" :formatter="typeFormat" align="center" prop="zfiCreateType" :show-overflow-tooltip="true" />
                            <el-table-column label="融信产品" align="center" prop="zfpName" :show-overflow-tooltip="true" />
                            <el-table-column label="融信金额" align="center" :formatter="moneyFormat" prop="zfiAmount" :show-overflow-tooltip="true" />
                            <el-table-column label="融信利率(%)" align="center" width="100px;" prop="zfiRate" :show-overflow-tooltip="true" />
                            <!--  <el-table-column label="签发有效期" align="center" width="100px;" prop="zfiEffectiveDate" :show-overflow-tooltip="true" /> -->
                            <el-table-column label="承诺还款日" align="center" width="100px;" prop="zfiExpireDate" :show-overflow-tooltip="true" />
                            <el-table-column label="签收日期" align="center" prop="zfiSignDate" :show-overflow-tooltip="true" />
                            <el-table-column label="承诺函编号" align="center" width="100px;" prop="zfiPaymentNumber" :show-overflow-tooltip="true" />
                            <el-table-column
                                label="融资方审批状态"
                                :formatter="supplierStatusFormat"
                                align="center"
                                width="110px;"
                                prop="zfiSupplierStatus"
                                :show-overflow-tooltip="true"
                                v-if=" this.companyType == '00'" />
                            <el-table-column
                                label="平台审批状态"
                                :formatter="platformStatusFormat"
                                align="center"
                                width="100px;"
                                prop="zfiPlatformStatus"
                                :show-overflow-tooltip="true"
                                v-if="this.companyType == '00'" />
                            <el-table-column
                                label="核心审批状态"
                                :formatter="coreStatusFormat"
                                align="center"
                                width="100px;"
                                prop="zfiCoreStatus"
                                :show-overflow-tooltip="true"
                                v-if=" this.companyType == '00'" />
                            <el-table-column
                                label="内部审批状态"
                                :formatter="supplierStatusFormat"
                                align="center"
                                width="110px;"
                                prop="zfiSupplierStatus"
                                :show-overflow-tooltip="true"
                                v-if=" this.companyType == '02'" />
                            <el-table-column
                                label="内部审批状态"
                                :formatter="coreStatusFormat"
                                align="center"
                                width="100px;"
                                prop="zfiCoreStatus"
                                :show-overflow-tooltip="true"
                                v-if=" this.companyType == '01'" />
                            <el-table-column label="融信状态" :formatter="stateFormat" align="center" prop="zfiStatus" :show-overflow-tooltip="true" />
                            <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width='400' fixed="right">
                                <template slot-scope="scope">
                                    <buttons-group
                                        :scope="scope"
                                        @handleDetail="handleDetail(scope.row)"
                                        @handleUpdate="handleUpdate(scope.row)"
                                        @handleApprove="handleApprove(scope.row)"
                                        @handleAddInformation="handleAddInformation(scope.row)"
                                        @handleSignFor="handleSignFor(scope.row)"
                                        @handleGoFinance="handleGoFinance(scope.row)"
                                        @seal="seal(scope.row)"
                                        @refuse="refuse(scope.row)"
                                        @handleDelete="handleDelete(scope.row)"
                                        @handleFlowable="handleFlowable(scope.row)"></buttons-group>
                                </template>
                            </el-table-column>
                        </el-table>
                        <statistical-data>
                            <span class="label">总合计:<span class="value">{{rzzAmount}}</span></span>
                            <span class="label">融资中:{{rzzAmount}}</span>
                        </statistical-data>
                        <pagination v-show="totalFinancing>0" :total="totalFinancing" :page.sync="queryParamsFinancing.pageNum" :limit.sync="queryParamsFinancing.pageSize" @pagination="getListFinancing" />

                    </el-tab-pane>
                    <!--已融资-->
                    <el-tab-pane label="已融资">
                        <el-table v-loading="loading" stripe :data="infFinancedList" @selection-change="handleSelectionChange" border>
                            <el-table-column label="序号" type="index" width="50" align="center">
                                <template slot-scope="scope">
                                    <span>{{(queryParamsFinanced.pageNum - 1) * queryParamsFinanced.pageSize + scope.$index + 1}}</span>
                                </template>
                            </el-table-column>
                            <el-table-column label="融信编号" align="center" prop="zfiNumber" :show-overflow-tooltip="true" />
                            <el-table-column label="开立方" align="center" prop="openName" :show-overflow-tooltip="true" />
                            <el-table-column label="接收方" align="center" prop="receiveName" :show-overflow-tooltip="true" />
                            <el-table-column label="授信类型" :formatter="zfpTypeFormat" align="center" prop="zfpType" show-overflow-tooltip />
                            <el-table-column label="融信类型" :formatter="typeFormat" align="center" prop="zfiCreateType" :show-overflow-tooltip="true" />
                            <el-table-column label="融信产品" align="center" prop="zfpName" :show-overflow-tooltip="true" />
                            <el-table-column label="融信金额" align="center" :formatter="moneyFormat" prop="zfiAmount" :show-overflow-tooltip="true" />
                            <el-table-column label="融信利率(%)" align="center" width="100px;" prop="zfiRate" :show-overflow-tooltip="true" />
                            <!--  <el-table-column label="签发有效期" align="center" width="100px;" prop="zfiEffectiveDate" :show-overflow-tooltip="true" /> -->
                            <el-table-column label="承诺还款日" align="center" width="100px;" prop="zfiExpireDate" :show-overflow-tooltip="true" />
                            <el-table-column label="签收日期" align="center" prop="zfiSignDate" :show-overflow-tooltip="true" />
                            <el-table-column label="承诺函编号" align="center" width="100px;" prop="zfiPaymentNumber" :show-overflow-tooltip="true" />
                            <el-table-column
                                label="融资方审批状态"
                                :formatter="supplierStatusFormat"
                                align="center"
                                width="110px;"
                                prop="zfiSupplierStatus"
                                :show-overflow-tooltip="true"
                                v-if=" this.companyType == '00'" />
                            <el-table-column
                                label="平台审批状态"
                                :formatter="platformStatusFormat"
                                align="center"
                                width="100px;"
                                prop="zfiPlatformStatus"
                                :show-overflow-tooltip="true"
                                v-if="this.companyType == '00'" />
                            <el-table-column
                                label="核心审批状态"
                                :formatter="coreStatusFormat"
                                align="center"
                                width="100px;"
                                prop="zfiCoreStatus"
                                :show-overflow-tooltip="true"
                                v-if=" this.companyType == '00'" />
                            <el-table-column
                                label="内部审批状态"
                                :formatter="supplierStatusFormat"
                                align="center"
                                width="110px;"
                                prop="zfiSupplierStatus"
                                :show-overflow-tooltip="true"
                                v-if=" this.companyType == '02'" />
                            <el-table-column
                                label="内部审批状态"
                                :formatter="coreStatusFormat"
                                align="center"
                                width="100px;"
                                prop="zfiCoreStatus"
                                :show-overflow-tooltip="true"
                                v-if=" this.companyType == '01'" />
                            <el-table-column label="融信状态" :formatter="stateFormat" align="center" prop="zfiStatus" :show-overflow-tooltip="true" />
                            <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width='400' fixed="right">
                                <template slot-scope="scope">
                                    <buttons-group
                                        :scope="scope"
                                        @handleDetail="handleDetail(scope.row)"
                                        @handleUpdate="handleUpdate(scope.row)"
                                        @handleApprove="handleApprove(scope.row)"
                                        @handleAddInformation="handleAddInformation(scope.row)"
                                        @handleSignFor="handleSignFor(scope.row)"
                                        @handleGoFinance="handleGoFinance(scope.row)"
                                        @seal="seal(scope.row)"
                                        @refuse="refuse(scope.row)"
                                        @handleDelete="handleDelete(scope.row)"
                                        @handleFlowable="handleFlowable(scope.row)"></buttons-group>
                                </template>
                            </el-table-column>
                        </el-table>
                        <statistical-data>
                            <span class="label">总合计:<span class="value">{{yrzAmount}}</span></span>
                            <span class="label">已融资:{{yrzAmount}}</span>
                        </statistical-data>
                        <pagination v-show="totalFinanced>0" :total="totalFinanced" :page.sync="queryParamsFinanced.pageNum" :limit.sync="queryParamsFinanced.pageSize" @pagination="getListFinanced" />

                    </el-tab-pane>
                    <!--已拒绝-->
                    <el-tab-pane label="已拒绝">
                        <el-table v-loading="loading" stripe :data="infInvalidList" @selection-change="handleSelectionChange" border>
                            <el-table-column label="序号" type="index" width="50" align="center">
                                <template slot-scope="scope">
                                    <span>{{(queryParamsInvalid.pageNum - 1) * queryParamsInvalid.pageSize + scope.$index + 1}}</span>
                                </template>
                            </el-table-column>
                            <el-table-column label="融信编号" align="center" prop="zfiNumber" :show-overflow-tooltip="true" />
                            <el-table-column label="开立方" align="center" prop="openName" :show-overflow-tooltip="true" />
                            <el-table-column label="接收方" align="center" prop="receiveName" :show-overflow-tooltip="true" />
                            <el-table-column label="授信类型" :formatter="zfpTypeFormat" align="center" prop="zfpType" show-overflow-tooltip />
                            <el-table-column label="融信类型" :formatter="typeFormat" align="center" prop="zfiCreateType" :show-overflow-tooltip="true" />
                            <el-table-column label="融信产品" align="center" prop="zfpName" :show-overflow-tooltip="true" />
                            <el-table-column label="融信金额" align="center" :formatter="moneyFormat" prop="zfiAmount" :show-overflow-tooltip="true" />
                            <el-table-column label="融信利率(%)" align="center" width="100px;" prop="zfiRate" :show-overflow-tooltip="true" />
                            <!--  <el-table-column label="签发有效期" align="center" width="100px;" prop="zfiEffectiveDate" :show-overflow-tooltip="true" /> -->
                            <el-table-column label="承诺还款日" align="center" width="100px;" prop="zfiExpireDate" :show-overflow-tooltip="true" />
                            <el-table-column label="签收日期" align="center" prop="zfiSignDate" :show-overflow-tooltip="true" />
                            <el-table-column label="承诺函编号" align="center" width="100px;" prop="zfiPaymentNumber" :show-overflow-tooltip="true" />
                            <el-table-column
                                label="融资方审批状态"
                                :formatter="supplierStatusFormat"
                                align="center"
                                width="110px;"
                                prop="zfiSupplierStatus"
                                :show-overflow-tooltip="true"
                                v-if=" this.companyType == '00'" />
                            <el-table-column
                                label="平台审批状态"
                                :formatter="platformStatusFormat"
                                align="center"
                                width="100px;"
                                prop="zfiPlatformStatus"
                                :show-overflow-tooltip="true"
                                v-if="this.companyType == '00'" />
                            <el-table-column
                                label="核心审批状态"
                                :formatter="coreStatusFormat"
                                align="center"
                                width="100px;"
                                prop="zfiCoreStatus"
                                :show-overflow-tooltip="true"
                                v-if=" this.companyType == '00'" />
                            <el-table-column
                                label="内部审批状态"
                                :formatter="supplierStatusFormat"
                                align="center"
                                width="110px;"
                                prop="zfiSupplierStatus"
                                :show-overflow-tooltip="true"
                                v-if=" this.companyType == '02'" />
                            <el-table-column
                                label="内部审批状态"
                                :formatter="coreStatusFormat"
                                align="center"
                                width="100px;"
                                prop="zfiCoreStatus"
                                :show-overflow-tooltip="true"
                                v-if=" this.companyType == '01'" />
                            <el-table-column label="融信状态" :formatter="stateFormat" align="center" prop="zfiStatus" :show-overflow-tooltip="true" />
                            <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width='400' fixed="right">
                                <template slot-scope="scope">
                                    <buttons-group
                                        :scope="scope"
                                        @handleDetail="handleDetail(scope.row)"
                                        @handleUpdate="handleUpdate(scope.row)"
                                        @handleApprove="handleApprove(scope.row)"
                                        @handleAddInformation="handleAddInformation(scope.row)"
                                        @handleSignFor="handleSignFor(scope.row)"
                                        @handleGoFinance="handleGoFinance(scope.row)"
                                        @seal="seal(scope.row)"
                                        @refuse="refuse(scope.row)"
                                        @handleDelete="handleDelete(scope.row)"
                                        @handleFlowable="handleFlowable(scope.row)"></buttons-group>
                                </template>
                            </el-table-column>
                        </el-table>
                        <statistical-data>
                            <span class="label">总合计:<span class="value">{{yjjAmount}}</span></span>
                            <span class="label">已拒绝:{{yjjAmount}}</span>
                        </statistical-data>
                        <pagination v-show="totalInvalid>0" :total="totalInvalid" :page.sync="queryParamsInvalid.pageNum" :limit.sync="queryParamsInvalid.pageSize" @pagination="getListInvalid" />

                    </el-tab-pane>
                    <!--已结算-->
                    <el-tab-pane label="已结算">
                        <el-table v-loading="loading" stripe :data="settlementList" @selection-change="handleSelectionChange" border>
                            <el-table-column label="序号" type="index" width="50" align="center">
                                <template slot-scope="scope">
                                    <span>{{(queryParamsSettlement.pageNum - 1) * queryParamsSettlement.pageSize + scope.$index + 1}}</span>
                                </template>
                            </el-table-column>
                            <el-table-column label="融信编号" align="center" prop="zfiNumber" :show-overflow-tooltip="true" />
                            <el-table-column label="开立方" align="center" prop="openName" :show-overflow-tooltip="true" />
                            <el-table-column label="接收方" align="center" prop="receiveName" :show-overflow-tooltip="true" />
                            <el-table-column label="授信类型" :formatter="zfpTypeFormat" align="center" prop="zfpType" show-overflow-tooltip />
                            <el-table-column label="融信类型" :formatter="typeFormat" align="center" prop="zfiCreateType" :show-overflow-tooltip="true" />
                            <el-table-column label="融信产品" align="center" prop="zfpName" :show-overflow-tooltip="true" />
                            <el-table-column label="融信金额" align="center" :formatter="moneyFormat" prop="zfiAmount" :show-overflow-tooltip="true" />
                            <el-table-column label="融信利率(%)" align="center" width="100px;" prop="zfiRate" :show-overflow-tooltip="true" />
                            <!--  <el-table-column label="签发有效期" align="center" width="100px;" prop="zfiEffectiveDate" :show-overflow-tooltip="true" /> -->
                            <el-table-column label="承诺还款日" align="center" width="100px;" prop="zfiExpireDate" :show-overflow-tooltip="true" />
                            <el-table-column label="签收日期" align="center" prop="zfiSignDate" :show-overflow-tooltip="true" />
                            <el-table-column label="承诺函编号" align="center" width="100px;" prop="zfiPaymentNumber" :show-overflow-tooltip="true" />
                            <el-table-column
                                label="融资方审批状态"
                                :formatter="supplierStatusFormat"
                                align="center"
                                width="110px;"
                                prop="zfiSupplierStatus"
                                :show-overflow-tooltip="true"
                                v-if=" this.companyType == '00'" />
                            <el-table-column
                                label="平台审批状态"
                                :formatter="platformStatusFormat"
                                align="center"
                                width="100px;"
                                prop="zfiPlatformStatus"
                                :show-overflow-tooltip="true"
                                v-if="this.companyType == '00'" />
                            <el-table-column
                                label="核心审批状态"
                                :formatter="coreStatusFormat"
                                align="center"
                                width="100px;"
                                prop="zfiCoreStatus"
                                :show-overflow-tooltip="true"
                                v-if=" this.companyType == '00'" />
                            <el-table-column
                                label="内部审批状态"
                                :formatter="supplierStatusFormat"
                                align="center"
                                width="110px;"
                                prop="zfiSupplierStatus"
                                :show-overflow-tooltip="true"
                                v-if=" this.companyType == '02'" />
                            <el-table-column
                                label="内部审批状态"
                                :formatter="coreStatusFormat"
                                align="center"
                                width="100px;"
                                prop="zfiCoreStatus"
                                :show-overflow-tooltip="true"
                                v-if=" this.companyType == '01'" />
                            <el-table-column label="融信状态" :formatter="stateFormat" align="center" prop="zfiStatus" :show-overflow-tooltip="true" />
                            <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width='400' fixed="right">
                                <template slot-scope="scope">
                                    <buttons-group
                                        :scope="scope"
                                        @handleDetail="handleDetail(scope.row)"
                                        @handleUpdate="handleUpdate(scope.row)"
                                        @handleApprove="handleApprove(scope.row)"
                                        @handleAddInformation="handleAddInformation(scope.row)"
                                        @handleSignFor="handleSignFor(scope.row)"
                                        @handleGoFinance="handleGoFinance(scope.row)"
                                        @seal="seal(scope.row)"
                                        @refuse="refuse(scope.row)"
                                        @handleDelete="handleDelete(scope.row)"
                                        @handleFlowable="handleFlowable(scope.row)"></buttons-group>
                                </template>
                            </el-table-column>
                        </el-table>
                        <statistical-data>
                            <span class="label">总合计:<span class="value">{{yjsAmount}}</span></span>
                            <span class="label">已结算:{{yjsAmount}}</span>
                        </statistical-data>
                        <pagination v-show="totalSettlement>0" :total="totalSettlement" :page.sync="queryParamsSettlement.pageNum" :limit.sync="queryParamsSettlement.pageSize" @pagination="getListSettlement" />

                    </el-tab-pane>
                    <!--已过期-->
                    <el-tab-pane label="已过期">
                        <el-table v-loading="loading" stripe :data="overdueList" @selection-change="handleSelectionChange" border>
                            <el-table-column label="序号" type="index" width="50" align="center">
                                <template slot-scope="scope">
                                    <span>{{(queryParamsOverdue.pageNum - 1) * queryParamsOverdue.pageSize + scope.$index + 1}}</span>
                                </template>
                            </el-table-column>
                            <el-table-column label="融信编号" align="center" prop="zfiNumber" :show-overflow-tooltip="true" />
                            <el-table-column label="开立方" align="center" prop="openName" :show-overflow-tooltip="true" />
                            <el-table-column label="接收方" align="center" prop="receiveName" :show-overflow-tooltip="true" />
                            <el-table-column label="授信类型" :formatter="zfpTypeFormat" align="center" prop="zfpType" show-overflow-tooltip />
                            <el-table-column label="融信类型" :formatter="typeFormat" align="center" prop="zfiCreateType" :show-overflow-tooltip="true" />
                            <el-table-column label="融信产品" align="center" prop="zfpName" :show-overflow-tooltip="true" />
                            <el-table-column label="融信金额" align="center" :formatter="moneyFormat" prop="zfiAmount" :show-overflow-tooltip="true" />
                            <el-table-column label="融信利率(%)" align="center" width="100px;" prop="zfiRate" :show-overflow-tooltip="true" />
                            <!--  <el-table-column label="签发有效期" align="center" width="100px;" prop="zfiEffectiveDate" :show-overflow-tooltip="true" /> -->
                            <el-table-column label="承诺还款日" align="center" width="100px;" prop="zfiExpireDate" :show-overflow-tooltip="true" />
                            <el-table-column label="签收日期" align="center" prop="zfiSignDate" :show-overflow-tooltip="true" />
                            <el-table-column label="承诺函编号" align="center" width="100px;" prop="zfiPaymentNumber" :show-overflow-tooltip="true" />
                            <el-table-column
                                label="融资方审批状态"
                                :formatter="supplierStatusFormat"
                                align="center"
                                width="110px;"
                                prop="zfiSupplierStatus"
                                :show-overflow-tooltip="true"
                                v-if=" this.companyType == '00'" />
                            <el-table-column
                                label="平台审批状态"
                                :formatter="platformStatusFormat"
                                align="center"
                                width="100px;"
                                prop="zfiPlatformStatus"
                                :show-overflow-tooltip="true"
                                v-if="this.companyType == '00'" />
                            <el-table-column
                                label="核心审批状态"
                                :formatter="coreStatusFormat"
                                align="center"
                                width="100px;"
                                prop="zfiCoreStatus"
                                :show-overflow-tooltip="true"
                                v-if=" this.companyType == '00'" />
                            <el-table-column
                                label="内部审批状态"
                                :formatter="supplierStatusFormat"
                                align="center"
                                width="110px;"
                                prop="zfiSupplierStatus"
                                :show-overflow-tooltip="true"
                                v-if=" this.companyType == '02'" />
                            <el-table-column
                                label="内部审批状态"
                                :formatter="coreStatusFormat"
                                align="center"
                                width="100px;"
                                prop="zfiCoreStatus"
                                :show-overflow-tooltip="true"
                                v-if=" this.companyType == '01'" />
                            <el-table-column label="融信状态" :formatter="stateFormat" align="center" prop="zfiStatus" :show-overflow-tooltip="true" />
                            <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width='400' fixed="right">
                                <template slot-scope="scope">
                                    <buttons-group
                                        :scope="scope"
                                        @handleDetail="handleDetail(scope.row)"
                                        @handleUpdate="handleUpdate(scope.row)"
                                        @handleApprove="handleApprove(scope.row)"
                                        @handleAddInformation="handleAddInformation(scope.row)"
                                        @handleSignFor="handleSignFor(scope.row)"
                                        @handleGoFinance="handleGoFinance(scope.row)"
                                        @seal="seal(scope.row)"
                                        @refuse="refuse(scope.row)"
                                        @handleDelete="handleDelete(scope.row)"
                                        @handleFlowable="handleFlowable(scope.row)"></buttons-group>
                                </template>
                            </el-table-column>
                        </el-table>
                        <statistical-data>
                            <span class="label">总合计:<span class="value">{{ygqAmount}}</span></span>
                            <span class="label">已过期:{{ygqAmount}}</span>
                        </statistical-data>
                        <pagination v-show="totalOverdue>0" :total="totalOverdue" :page.sync="queryParamsOverdue.pageNum" :limit.sync="queryParamsOverdue.pageSize" @pagination="getListOverdue" />

                    </el-tab-pane>
                    <!-- 查看流程 -->
                    <el-dialog title="查看流程" :visible.sync="openFlowDetail" width="837px" append-to-body>
                        <div class="zap-form">
                            <flow-detail :financeId="financeId" :financeType="financeType" :financeActive="financeActive" v-if="openFlowDetail"></flow-detail>
                        </div>
                        <el-row
                            slot="footer"
                            class="dialog-footer"
                            type="flex"
                            justify="center"
                            align="middle"
                            style="height: 102px;">
                            <el-button type="primary" @click="closeFliwDetail">关闭</el-button>
                        </el-row>
                    </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].activityType == 'endEvent' ? 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-if="item.deleteReason != null" class="text item">
                                            {{'拒绝原因: ' + item.deleteReason }}
                                        </div>
                                        <div v-else 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-col>
    </el-row>
</div>
</template>

<script>
import {
    listCredit,
    coreApproval,
    confirmationApproval,
    informationApproval,
    approval,
    openApproval,
    getUser,
    listStatisticalAmount
} from "@/api/service/credit/credit";
import {
    creditRefuse,
    sealRefuse,
    creditDel
} from "@/api/service/credit/creditHandle";
import Editor from '@/components/Editor';
import {
    listCompanyHandler
} from "@/api/common/companyHandler";
import {
    approvalProcess
} from "@/api/service/credit/approvalRelatedCredit";
import FlowDetail from "@/views/service/credit/flowDetail";
import Cookies from 'js-cookie';
import {
    getUserProfile
} from "@/api/system/user";
import {
    isOpenApproval
} from "@/api/service/credit/approvalRelatedCredit";
import SearchBar from '@/components/SearchBar/index.vue'
import StatisticalData from '@/components/StatisticalData/index.vue'
import ButtonsGroup from '@/components/Table/ButtonsGroup.vue'
export default {
    name: "invoice",
    components: {
        Editor,
        FlowDetail,
        SearchBar,
        StatisticalData,
        ButtonsGroup
    },
    data() {
        return {
            allAmount: '0.00',
            klzAllAmount: '0.00',
            ysxAllAmount: '0.00',
            rzzAllAmount: '0.00',
            yrzAllAmount: '0.00',
            yjjAllAmount: '0.00',
            yjsAllAmount: '0.00',
            ygqAllAmount: '0.00',
            klzAmount: '0.00',
            ysxAmount: '0.00',
            rzzAmount: '0.00',
            yrzAmount: '0.00',
            yjjAmount: '0.00',
            yjsAmount: '0.00',
            ygqAmount: '0.00',
            activeIndex: '',
            //当前登录企业Id
            companyId: '',
            // 遮罩层
            loading: true,
            // 选中数组
            ids: [],
            // 非单个禁用
            single: true,
            // 非多个禁用
            multiple: true,
            // 显示搜索条件
            showSearch: true,
            // 总条数
            total: 0,
            //待签收总条数
            totalSign: 0,
            //融资中
            totalFinancing: 0,
            //开立中
            totalOpening: 0,
            //已融资
            totalFinanced: 0,
            //已拒绝
            totalInvalid: 0,
            //已结算
            totalSettlement: 0,
            //已过期
            totalOverdue: 0,
            // 弹出层标题
            title: "",
            // 是否显示弹出层
            open: false,
            openFlowDetail: false,
            //融资产品
            zfpTypeOptions: [],
            //融信类型
            typeOptions: [],
            //状态
            stateOptions: [],
            //平台审批状态
            platformOptions: [],
            //核心审批状态
            coreOptions: [],
            //供应商审批状态
            supplierOptions: [],
            //开始金额
            startAmt: undefined,
            //结束金额
            endAmt: undefined,
            //当前企业类型
            companyType: '',
            //筛选条件数据字典
            typesOptions: [],
            queryOptions: [],
            //审批
            hisTaskForm: false,
            histaskList: [],
            // 查询参数
            queryParams: {
                pageNum: 1,
                pageSize: 10,
                zfiNumber: null,
                zfiStatus: null,
                openCompany: null,
                receiveCompany: null,
                startAmt: null,
                endAmt: null,
                zfpName: null,
                zfiRate: null,
                zfiSignDate: [],
                zfiExpireDate: [],
                zfiTypes: '00',
                zfiQuery: null,
                zfiValue: null,
            },
            // 已生效查询参数
            queryParamsSign: {
                pageNum: 1,
                pageSize: 10,
                zfiNumber: null,
                zfiStatus: "02",
                openCompany: null,
                receiveCompany: null,
                startAmt: null,
                endAmt: null,
                zfpName: null,
                zfiRate: null,
                zfiSignDate: [],
                zfiExpireDate: [],
                zfiTypes: '00',
                zfiQuery: null,
                zfiValue: null,
            },
            //融资中查询参数
            queryParamsFinancing: {
                pageNum: 1,
                pageSize: 10,
                zfiNumber: null,
                zfiStatus: "04",
                openCompany: null,
                receiveCompany: null,
                startAmt: null,
                endAmt: null,
                zfpName: null,
                zfiRate: null,
                zfiSignDate: [],
                zfiExpireDate: [],
                zfiTypes: '00',
                zfiQuery: null,
                zfiValue: null,
            },
            //开立中查询参数
            queryParamsOpening: {
                pageNum: 1,
                pageSize: 10,
                zfiNumber: null,
                zfiStatus: "00,01,06",
                openCompany: null,
                receiveCompany: null,
                startAmt: null,
                endAmt: null,
                zfpName: null,
                zfiRate: null,
                zfiSignDate: [],
                zfiExpireDate: [],
                zfiTypes: '00',
                zfiQuery: null,
                zfiValue: null,
            },
            //已融资搜索
            queryParamsFinanced: {
                pageNum: 1,
                pageSize: 10,
                zfiNumber: null,
                zfiStatus: "05",
                openCompany: null,
                receiveCompany: null,
                startAmt: null,
                endAmt: null,
                zfpName: null,
                zfiRate: null,
                zfiSignDate: [],
                zfiExpireDate: [],
                zfiTypes: '00',
                zfiQuery: null,
                zfiValue: null,
            },
            //已拒绝
            queryParamsInvalid: {
                pageNum: 1,
                pageSize: 10,
                zfiNumber: null,
                zfiStatus: "03",
                openCompany: null,
                receiveCompany: null,
                startAmt: null,
                endAmt: null,
                zfpName: null,
                zfiRate: null,
                zfiSignDate: [],
                zfiExpireDate: [],
                zfiTypes: '00',
                zfiQuery: null,
                zfiValue: null,
            },
            //已结算
            queryParamsSettlement: {
                pageNum: 1,
                pageSize: 10,
                zfiNumber: null,
                zfiStatus: "08",
                openCompany: null,
                receiveCompany: null,
                startAmt: null,
                endAmt: null,
                zfpName: null,
                zfiRate: null,
                zfiSignDate: [],
                zfiExpireDate: [],
                zfiTypes: '00',
                zfiQuery: null,
                zfiValue: null,
            },
            //已过期
            queryParamsOverdue: {
                pageNum: 1,
                pageSize: 10,
                zfiNumber: null,
                zfiStatus: "07",
                openCompany: null,
                receiveCompany: null,
                startAmt: null,
                endAmt: null,
                zfpName: null,
                zfiRate: null,
                zfiSignDate: [],
                zfiExpireDate: [],
                zfiTypes: '00',
                zfiQuery: null,
                zfiValue: null,
            },
            //全部数据
            infList: [],
            //待签收
            infSignList: [],
            //融资中
            infFinancingList: [],
            //开立中
            infOpeningList: [],
            //已融资
            infFinancedList: [],
            //已拒绝
            infInvalidList: [],
            //已结算
            settlementList: [],
            //已过期
            overdueList: [],
            // 表单参数
            form: {},
            financeId: null,
            financeType: null,
            financeActive: 0
        };
    },
    created() {
        this.getDicts("zc_zfp_type").then(response => {
            this.zfpTypeOptions = response.data;
        });
        this.getDicts("zfi_create_type").then(response => {
            this.typeOptions = response.data;
        });
        this.getDicts("zc_finance_state").then(response => {
            this.stateOptions = response.data;
        });

        this.getDicts("finance_platform_status").then(response => {
            this.platformOptions = response.data;
        });

        this.getDicts("finance_core_status").then(response => {
            this.coreOptions = response.data;
        });

        this.getDicts("finance_supplier_status").then(response => {
            this.supplierOptions = response.data;
        });
        this.getDicts("zc_zfr_types").then((response) => {
            this.typesOptions = response.data;
        });
        this.getDicts("zc_zfi_query").then((response) => {
            this.queryOptions = response.data;
        });

        this.getUser();
        this.getList().then(() => {
            getUserProfile().then((response) => {
                if ("00" == response.data.companyType) {
                    this.queryParams.zfiQuery = '02';
                } else if ("01" == response.data.companyType) {
                    this.queryParams.zfiQuery = '01';
                } else if ("02" == response.data.companyType) {
                    this.queryParams.zfiQuery = '00';
                }
            })
            listStatisticalAmount(this.queryParams).then(response => {
                debugger
                this.allAmount = response.data.allAmount;
                this.klzAllAmount = response.data.klzAmount;
                this.ysxAllAmount = response.data.ysxAmount;
                this.rzzAllAmount = response.data.rzzAmount;
                this.yrzAllAmount = response.data.yrzAmount;
                this.yjjAllAmount = response.data.yjjAmount;
                this.yjsAllAmount = response.data.yjsAmount;
                this.ygqAllAmount = response.data.ygqAmount;
            })
            //this.listStatisticalAmount(this.queryParams);
        })
        this.getListSign().then(() => {
            getUserProfile().then((response) => {
                if ("00" == response.data.companyType) {
                    this.queryParamsSign.zfiQuery = '02';
                } else if ("01" == response.data.companyType) {
                    this.queryParamsSign.zfiQuery = '01';
                } else if ("02" == response.data.companyType) {
                    this.queryParamsSign.zfiQuery = '00';
                }
            })
            listStatisticalAmount(this.queryParamsSign).then(response => {
                this.ysxAmount = response.data.ysxAmount;
            })
            //this.listStatisticalAmount(this.queryParamsSign);
        })
        this.getListFinancing().then(() => {
            getUserProfile().then((response) => {
                if ("00" == response.data.companyType) {
                    this.queryParamsFinancing.zfiQuery = '02';
                } else if ("01" == response.data.companyType) {
                    this.queryParamsFinancing.zfiQuery = '01';
                } else if ("02" == response.data.companyType) {
                    this.queryParamsFinancing.zfiQuery = '00';
                }
            })
            listStatisticalAmount(this.queryParamsFinancing).then(response => {
                this.rzzAmount = response.data.rzzAmount;
            })
            //this.listStatisticalAmount(this.queryParamsFinancing);
        })
        this.getListOpening().then(() => {
            getUserProfile().then((response) => {
                if ("00" == response.data.companyType) {
                    this.queryParamsOpening.zfiQuery = '02';
                } else if ("01" == response.data.companyType) {
                    this.queryParamsOpening.zfiQuery = '01';
                } else if ("02" == response.data.companyType) {}
            })
            listStatisticalAmount(this.queryParamsOpening).then(response => {
                this.klzAmount = response.data.klzAmount;
            })
            //this.listStatisticalAmount(this.queryParamsOpening);
        })
        this.getListFinanced().then(() => {
            getUserProfile().then((response) => {
                if ("00" == response.data.companyType) {
                    this.queryParamsFinanced.zfiQuery = '02';
                } else if ("01" == response.data.companyType) {
                    this.queryParamsFinanced.zfiQuery = '01';
                } else if ("02" == response.data.companyType) {
                    this.queryParamsFinanced.zfiQuery = '00';
                }
            })
            listStatisticalAmount(this.queryParamsFinanced).then(response => {
                this.yrzAmount = response.data.yrzAmount;
            })
            //this.listStatisticalAmount(this.queryParamsFinanced);
        })
        this.getListInvalid().then(() => {
            getUserProfile().then((response) => {
                if ("00" == response.data.companyType) {
                    this.queryParamsInvalid.zfiQuery = '02';
                } else if ("01" == response.data.companyType) {
                    this.queryParamsInvalid.zfiQuery = '01';
                } else if ("02" == response.data.companyType) {
                    this.queryParamsInvalid.zfiQuery = '00';
                }
            })
            listStatisticalAmount(this.queryParamsInvalid).then(response => {
                this.yjjAmount = response.data.yjjAmount;
            })
            //this.listStatisticalAmount(this.queryParamsInvalid);
        })
        this.getListSettlement().then(() => {
            getUserProfile().then((response) => {
                if ("00" == response.data.companyType) {
                    this.queryParamsSettlement.zfiQuery = '02';
                } else if ("01" == response.data.companyType) {
                    this.queryParamsSettlement.zfiQuery = '01';
                } else if ("02" == response.data.companyType) {
                    this.queryParamsSettlement.zfiQuery = '00';
                }
            })
            listStatisticalAmount(this.queryParamsSettlement).then(response => {
                this.yjsAmount = response.data.yjsAmount;
            })
            //this.listStatisticalAmount(this.queryParamsSettlement);
        })
        this.getListOverdue().then(() => {
            getUserProfile().then((response) => {
                if ("00" == response.data.companyType) {
                    this.queryParamsOverdue.zfiQuery = '02';
                } else if ("01" == response.data.companyType) {
                    this.queryParamsOverdue.zfiQuery = '01';
                } else if ("02" == response.data.companyType) {
                    this.queryParamsOverdue.zfiQuery = '00';
                }
            })
            listStatisticalAmount(this.queryParamsOverdue).then(response => {
                this.ygqAmount = response.data.ygqAmount;
            })
            //this.listStatisticalAmount(this.queryParamsOverdue);
        })

    },
    activated() {
        this.getDicts("zc_zfp_type").then(response => {
            this.zfpTypeOptions = response.data;
        });
        this.getDicts("zfi_create_type").then(response => {
            this.typeOptions = response.data;
        });
        this.getDicts("zc_finance_state").then(response => {
            this.stateOptions = response.data;
        });
        this.getDicts("finance_platform_status").then(response => {
            this.platformOptions = response.data;
        });
        this.getDicts("finance_core_status").then(response => {
            this.coreOptions = response.data;
        });

        this.getDicts("finance_supplier_status").then(response => {
            this.supplierOptions = response.data;
        });
        this.getUser();
        this.getList().then(() => {
            getUserProfile().then((response) => {
                if ("00" == response.data.companyType) {
                    this.queryParams.zfiQuery = '02';
                } else if ("01" == response.data.companyType) {
                    this.queryParams.zfiQuery = '01';
                } else if ("02" == response.data.companyType) {
                    this.queryParams.zfiQuery = '00';
                }
            })
            listStatisticalAmount(this.queryParams).then(response => {
                debugger
                this.allAmount = response.data.allAmount;
                this.klzAllAmount = response.data.klzAmount;
                this.ysxAllAmount = response.data.ysxAmount;
                this.rzzAllAmount = response.data.rzzAmount;
                this.yrzAllAmount = response.data.yrzAmount;
                this.yjjAllAmount = response.data.yjjAmount;
                this.yjsAllAmount = response.data.yjsAmount;
                this.ygqAllAmount = response.data.ygqAmount;
            })
            //this.listStatisticalAmount(this.queryParams);
        })
        this.getListSign().then(() => {
            getUserProfile().then((response) => {
                if ("00" == response.data.companyType) {
                    this.queryParamsSign.zfiQuery = '02';
                } else if ("01" == response.data.companyType) {
                    this.queryParamsSign.zfiQuery = '01';
                } else if ("02" == response.data.companyType) {
                    this.queryParamsSign.zfiQuery = '00';
                }
            })
            listStatisticalAmount(this.queryParamsSign).then(response => {
                this.ysxAmount = response.data.klzAmount;
            })
            //this.listStatisticalAmount(this.queryParamsSign);
        })
        this.getListFinancing().then(() => {
            getUserProfile().then((response) => {
                if ("00" == response.data.companyType) {
                    this.queryParamsFinancing.zfiQuery = '02';
                } else if ("01" == response.data.companyType) {
                    this.queryParamsFinancing.zfiQuery = '01';
                } else if ("02" == response.data.companyType) {
                    this.queryParamsFinancing.zfiQuery = '00';
                }
            })
            listStatisticalAmount(this.queryParamsSign).then(response => {
                this.ysxAmount = response.data.ysxAmount;
            })
            //this.listStatisticalAmount(this.queryParamsSign);
        })
        this.getListFinancing().then(() => {
            getUserProfile().then((response) => {
                if ("00" == response.data.companyType) {
                    this.queryParamsFinancing.zfiQuery = '02';
                } else if ("01" == response.data.companyType) {
                    this.queryParamsFinancing.zfiQuery = '01';
                } else if ("02" == response.data.companyType) {
                    this.queryParamsFinancing.zfiQuery = '00';
                }
            })
            listStatisticalAmount(this.queryParamsFinancing).then(response => {
                this.rzzAmount = response.data.rzzAmount;
            })
            //this.listStatisticalAmount(this.queryParamsFinancing);
        })
        this.getListFinanced().then(() => {
            getUserProfile().then((response) => {
                if ("00" == response.data.companyType) {
                    this.queryParamsFinanced.zfiQuery = '02';
                } else if ("01" == response.data.companyType) {
                    this.queryParamsFinanced.zfiQuery = '01';
                } else if ("02" == response.data.companyType) {
                    this.queryParamsFinanced.zfiQuery = '00';
                }
            })
            listStatisticalAmount(this.queryParamsFinanced).then(response => {
                this.yrzAmount = response.data.yrzAmount;
            })
            //this.listStatisticalAmount(this.queryParamsFinanced);
        })
        this.getListInvalid().then(() => {
            getUserProfile().then((response) => {
                if ("00" == response.data.companyType) {
                    this.queryParamsInvalid.zfiQuery = '02';
                } else if ("01" == response.data.companyType) {
                    this.queryParamsInvalid.zfiQuery = '01';
                } else if ("02" == response.data.companyType) {
                    this.queryParamsInvalid.zfiQuery = '00';
                }
            })
            listStatisticalAmount(this.queryParamsInvalid).then(response => {
                this.yjjAmount = response.data.yjjAmount;
            })
            //this.listStatisticalAmount(this.queryParamsInvalid);
        })
        this.getListSettlement().then(() => {
            getUserProfile().then((response) => {
                if ("00" == response.data.companyType) {
                    this.queryParamsSettlement.zfiQuery = '02';
                } else if ("01" == response.data.companyType) {
                    this.queryParamsSettlement.zfiQuery = '01';
                } else if ("02" == response.data.companyType) {
                    this.queryParamsSettlement.zfiQuery = '00';
                }
            })
            listStatisticalAmount(this.queryParamsSettlement).then(response => {
                this.yjsAmount = response.data.yjsAmount;
            })

            //this.listStatisticalAmount(this.queryParamsSettlement);
        })
        this.getListOverdue().then(() => {
            getUserProfile().then((response) => {
                if ("00" == response.data.companyType) {
                    this.queryParamsOverdue.zfiQuery = '02';
                } else if ("01" == response.data.companyType) {
                    this.queryParamsOverdue.zfiQuery = '01';
                } else if ("02" == response.data.companyType) {
                    this.queryParamsOverdue.zfiQuery = '00';
                }
            })
            listStatisticalAmount(this.queryParamsOverdue).then(response => {
                this.ygqAmount = response.data.ygqAmount;
            })
        })
    },
    methods: {
        listStatisticalAmount(queryParamsMoney) {
            // listStatisticalAmount(queryParamsMoney).then(response => {
            //   debugger
            //   this.allAmount = response.data.allAmount;
            //   this.klzAmount = response.data.klzAmount;
            //   this.ysxAmount = response.data.ysxAmount;
            //   this.rzzAmount = response.data.rzzAmount;
            //   this.yrzAmount = response.data.yrzAmount;
            //   this.yjjAmount = response.data.yjjAmount;
            //   this.yjsAmount = response.data.yjsAmount;
            //   this.ygqAmount = response.data.ygqAmount;
            //   })
        },
        //获取操作员Id
        getUser() {
            getUser().then(response => {
                debugger
                this.companyId = response.data;
            })
        },
        /** 查询全部列表 */
        getList() {
            this.loading = true;
            return listCredit(this.queryParams).then(response => {
                debugger
                this.infList = response.data.records;
                if (this.infList) {
                    if (this.infList.length > 0) {
                        //企业类型
                        this.companyType = this.infList[0].companyType;
                    }
                }
                this.total = response.data.total;
                this.loading = false;
                listStatisticalAmount(this.queryParams).then(response => {
                    debugger
                    this.allAmount = response.data.allAmount;
                    this.klzAllAmount = response.data.klzAmount;
                    this.ysxAllAmount = response.data.ysxAmount;
                    this.rzzAllAmount = response.data.rzzAmount;
                    this.yrzAllAmount = response.data.yrzAmount;
                    this.yjjAllAmount = response.data.yjjAmount;
                    this.yjsAllAmount = response.data.yjsAmount;
                    this.ygqAllAmount = response.data.ygqAmount;
                })
                return Promise.resolve(response)
            }).catch((response) => {
                this.loading = false;
                return Promise.reject('error')
            })

            //this.listStatisticalAmount(this.queryParams);
        },
        //查询待签收
        getListSign() {
            this.loading = true;
            return listCredit(this.queryParamsSign).then(response => {
                this.infSignList = response.data.records;
                this.totalSign = response.data.total;
                this.loading = false;
                listStatisticalAmount(this.queryParams).then(response => {
                    this.ysxAmount = response.data.ysxAmount;
                })
                return Promise.resolve(response)
            }).catch((response) => {
                this.loading = false;
                return Promise.reject('error')
            });

        },
        //融资中
        getListFinancing() {
            this.loading = true;
            return listCredit(this.queryParamsFinancing).then(response => {
                this.infFinancingList = response.data.records;
                this.totalFinancing = response.data.total;
                this.loading = false;
                return Promise.resolve(response)
                listStatisticalAmount(this.queryParamsFinancing).then(response => {
                    this.rzzAmount = response.data.rzzAmount;
                })
            }).catch((response) => {
                this.loading = false;
                return Promise.reject('error')
            });

        },
        //开立中
        getListOpening() {
            this.loading = true;
            return listCredit(this.queryParamsOpening).then(response => {
                this.infOpeningList = response.data.records;
                this.totalOpening = response.data.total;
                this.loading = false;
                listStatisticalAmount(this.queryParamsOpening).then(response => {
                    this.klzAmount = response.data.klzAmount;
                })
                return Promise.resolve(response)
            }).catch((response) => {
                this.loading = false;
                return Promise.reject('error')
            });

        },
        //已融资
        getListFinanced() {
            this.loading = true;
            return listCredit(this.queryParamsFinanced).then(response => {
                this.infFinancedList = response.data.records;
                this.totalFinanced = response.data.total;
                this.loading = false;
                listStatisticalAmount(this.queryParamsFinanced).then(response => {
                    this.yrzAmount = response.data.yrzAmount;
                })
                return Promise.resolve(response)
            }).catch((response) => {
                this.loading = false;
                return Promise.reject('error')
            });

        },
        //已拒绝
        getListInvalid() {
            this.loading = true;
            return listCredit(this.queryParamsInvalid).then(response => {
                this.infInvalidList = response.data.records;
                this.totalInvalid = response.data.total;
                this.loading = false;
                listStatisticalAmount(this.queryParamsInvalid).then(response => {
                    this.yjjAmount = response.data.yjjAmount;
                })
                return Promise.resolve(response)
            }).catch((response) => {
                this.loading = false;
                return Promise.reject('error')
            });

        },
        //已结算
        getListSettlement() {
            this.loading = true;
            return listCredit(this.queryParamsSettlement).then(response => {
                this.settlementList = response.data.records;
                this.totalInvalid = response.data.total;
                this.loading = false;
                listStatisticalAmount(this.queryParamsSettlement).then(response => {
                    this.yjsAmount = response.data.yjsAmount;
                })
                return Promise.resolve(response)
            }).catch((response) => {
                this.loading = false;
                return Promise.reject('error')
            });

        },
        //已过期
        getListOverdue() {
            this.loading = true;
            return listCredit(this.queryParamsOverdue).then(response => {
                this.overdueList = response.data.records;
                this.totalOverdue = response.data.total;
                this.loading = false;
                listStatisticalAmount(this.queryParamsOverdue).then(response => {
                    this.ygqAmount = response.data.ygqAmount;
                })
                return Promise.resolve(response)
            }).catch((response) => {
                this.loading = false;
                return Promise.reject('error')
            });

        },
        // 表单重置
        reset() {
            this.form = {
                zfiNumber: null,
                zfiStatus: null,
                openCompany: null,
                receiveCompany: null,
                zfpName: null,
                zfiRate: null,
                zfiSignDate: [],
                zfiExpireDate: [],
                zfiCollectionAccount: null,
                zfiAmount: ''

            };
            this.queryParams.startAmt = '';
            this.queryParams.endAmt = '';
            this.queryParamsSign.startAmt = '';
            this.queryParamsSign.endAmt = '';
            this.queryParamsFinancing.startAmt = '';
            this.queryParamsFinancing.endAmt = '';
            this.queryParamsOpening.startAmt = '';
            this.queryParamsOpening.endAmt = '';
            this.queryParamsFinanced.startAmt = '';
            this.queryParamsFinanced.endAmt = '';
            this.queryParamsInvalid.startAmt = '';
            this.queryParamsInvalid.endAmt = '';
            this.queryParamsSettlement.startAmt = '';
            this.queryParamsSettlement.endAmt = '';
            this.resetForm("form");
        },
        // 多选框选中数据
        handleSelectionChange(selection) {
            this.ids = selection.map(item => item.cifId)
            this.single = selection.length !== 1
            this.multiple = !selection.length
        },
        /** 全部搜索按钮操作 */
        handleQuery() {
            this.queryParams.pageNum = 1;
            this.getList();
        },
        //待签收搜索
        handleQuerySign() {
            this.queryParamsSign.pageNum = 1;
            this.getListSign();
        },
        //融资中搜索
        handleQueryFinancing() {
            this.queryParamsFinancing.pageNum = 1;
            this.getListFinancing();
        },
        //开立中搜索
        handleQueryOpening() {
            this.queryParamsOpening.pageNum = 1;
            this.getListOpening();
        },
        //已融资搜索
        handleQueryFinanced() {
            this.queryParamsFinanced.pageNum = 1;
            this.getListFinanced();
        },
        //已拒绝搜索
        handleQueryInvalid() {
            this.queryParamsInvalid.pageNum = 1;
            this.getListInvalid();
        },
        //已结算搜索
        handleQuerySettlement() {
            this.queryParamsSettlement.pageNum = 1;
            this.getListSettlement();
        },
        //已过期搜索
        handleQueryOverdue() {
            this.queryParamsOverdue.pageNum = 1;
            this.getListOverdue();
        },
        /** 全部重置按钮操作 */
        resetQuery() {
            this.queryParams.startAmt = '';
            this.queryParams.endAmt = '';
            this.resetForm("queryForm");
            this.handleQuery();
        },
        //待签收重置
        resetQuerySign() {
            this.queryParamsSign.startAmt = '';
            this.queryParamsSign.endAmt = '';
            this.resetForm("queryFormSign");
            this.handleQuerySign();
        },
        //融资中重置
        resetQueryFinancing() {
            this.queryParamsFinancing.startAmt = '';
            this.queryParamsFinancing.endAmt = '';
            this.resetForm("queryFormFinancing");
            this.handleQueryFinancing();
        },
        //开立中重置
        resetQueryOpening() {
            this.queryParamsOpening.startAmt = '';
            this.queryParamsOpening.endAmt = '';
            this.resetForm("queryFormOpening");
            this.handleQueryOpening();
        },
        //已融资重置
        resetQueryFinanced() {
            this.queryParamsFinanced.startAmt = '';
            this.queryParamsFinanced.endAmt = '';
            this.resetForm("queryFormFinanced");
            this.handleQueryFinanced();
        },
        //已失效重置
        resetQueryInvalid() {
            this.queryParamsInvalid.startAmt = '';
            this.queryParamsInvalid.endAmt = '';
            this.resetForm("queryFormInvalid");
            this.handleQueryInvalid();
        },
        //已结算重置
        resetQuerySettlement() {
            this.queryParamsSettlement.startAmt = '';
            this.queryParamsSettlement.endAmt = '';
            this.resetForm("queryFormSettlement");
            this.handleQuerySettlement();
        },
        //已过期重置
        resetQueryOverdue() {
            this.queryParamsOverdue.startAmt = '';
            this.queryParamsOverdue.endAmt = '';
            this.resetForm("queryFormOverdue");
            this.handleQueryOverdue();
        },
        /** 新增按钮操作 */
        handleAdd() {
            this.reset();
            this.resetForm("queryForm");
            this.resetForm("queryFormSign");
            this.resetForm("queryFormFinancing");
            this.resetForm("queryFormOpening");
            this.resetForm("queryFormFinanced");
            this.resetForm("queryFormInvalid");
            this.resetForm("queryFormSettlement");
            this.resetForm("queryFormOverdue");
            Cookies.set("/credit/addCredit/", this.$route.fullPath);
            this.$router.push({
                path: "/credit/addCredit/"
            });
        },
        //详情
        handleDetail(row) {
            const zfiId = row.zfiId || this.ids
            this.resetForm("queryForm");
            this.resetForm("queryFormSign");
            this.resetForm("queryFormFinancing");
            this.resetForm("queryFormOpening");
            this.resetForm("queryFormFinanced");
            this.resetForm("queryFormInvalid");
            this.resetForm("queryFormSettlement");
            this.resetForm("queryFormOverdue");
            Cookies.set("/credit/creditDetail/" + zfiId + "/", this.$route.fullPath)
            this.$router.push({
                path: "/credit/creditDetail/" + zfiId + "/"
            });
        },
        //修改
        handleUpdate(row) {
            const zfiId = row.zfiId || this.ids;
            //获取融信类型
            const zfiCreateType = row.zfiCreateType;
            this.resetForm("queryForm");
            this.resetForm("queryFormSign");
            this.resetForm("queryFormFinancing");
            this.resetForm("queryFormOpening");
            this.resetForm("queryFormFinanced");
            this.resetForm("queryFormInvalid");
            this.resetForm("queryFormSettlement");
            this.resetForm("queryFormOverdue");
            //核心开立
            if (zfiCreateType == '1') {
                Cookies.set("/credit/creditUpdate/" + zfiId + "/", this.$route.fullPath)
                this.$router.push({
                    path: "/credit/creditUpdate/" + zfiId + "/"
                });
            } else if (zfiCreateType == '2') {
                Cookies.set("/credit/financeOpenUpdate/" + zfiId + "/", this.$route.fullPath)
                this.$router.push({
                    path: "/credit/financeOpenUpdate/" + zfiId + "/"
                });
            } else if (zfiCreateType == '0') {
                Cookies.set("/credit/applyCreditEdit/" + zfiId + "/", this.$route.fullPath)
                this.$router.push({
                    path: "/credit/applyCreditEdit/" + zfiId + "/"
                });
            }

        },
        //确权审核
        handleApprove(row) {
            //判断审批是否审批中
            if (row.zfiCoreStatus == "00") {
                this.$message({
                    message: "请内部审批通过后，再确权",
                    type: 'warning'
                });
                return false;
            }
            //查询当前用户是否为经办人
            listCompanyHandler().then((response) => {
                if (false == response.data) {
                    this.$message({
                        message: "此操作需经办人权限,请确认您是否是经办人",
                        type: 'warning'
                    });
                    return false;
                } else {
                    const zfiId = row.zfiId || this.ids
                    this.resetForm("queryForm");
                    this.resetForm("queryFormSign");
                    this.resetForm("queryFormFinancing");
                    this.resetForm("queryFormOpening");
                    this.resetForm("queryFormFinanced");
                    this.resetForm("queryFormInvalid");
                    this.resetForm("queryFormSettlement");
                    this.resetForm("queryFormOverdue");
                    Cookies.set("/credit/confirmationAudit/" + zfiId + "/", this.$route.fullPath)
                    this.$router.push({
                        path: "/credit/confirmationAudit/" + zfiId + "/"
                    });
                }
            });

        },
        //补充资料
        handleAddInformation(row) {
            //判断审批是否审批中
            if (row.zfiSupplierStatus == "00") {
                this.$message({
                    message: "请内部审批通过后，再签收",
                    type: 'warning'
                });
                return false;
            }
            //查询有无平台审批
            /*   var platParam = {};
              platParam.menuId = "1000000004";
              isOpenApproval(platParam).then((response) => {
                  var platResult = response.data.isOpen;
                  //开启平台审批
                  if (platResult == true) {

                  }
              }) */
            if (row.zfiPlatformStatus == '00') {
                this.$message({
                    message: "平台正在审核资料，平台审核时间为工作日：9：00—18：00；当日16：00之前提交资料，预计2小时内完成，请平台审批通过后，再次签署",
                    type: 'warning'
                });
                return false;
            }
            //查询当前用户是否为经办人
            listCompanyHandler().then((response) => {
                if (false == response.data) {
                    this.$message({
                        message: "此操作需经办人权限,请确认您是否是经办人",
                        type: 'warning'
                    });
                    return false;
                } else {
                    const zfiId = row.zfiId || this.ids
                    this.resetForm("queryForm");
                    this.resetForm("queryFormSign");
                    this.resetForm("queryFormFinancing");
                    this.resetForm("queryFormOpening");
                    this.resetForm("queryFormFinanced");
                    this.resetForm("queryFormInvalid");
                    this.resetForm("queryFormSettlement");
                    this.resetForm("queryFormOverdue");
                    Cookies.set("/credit/addInformation/" + zfiId + "/", this.$route.fullPath)
                    this.$router.push({
                        path: "/credit/addInformation/" + zfiId + "/"
                    });
                }

            });

        },
        //签收
        handleSignFor(row) {
            //判断审批是否审批中
            if (row.zfiSupplierStatus == "00") {
                this.$message({
                    message: "请内部审批通过后，再签收",
                    type: 'warning'
                });
                return false;
            }
            //查询当前用户是否为经办人
            listCompanyHandler().then((response) => {
                if (false == response.data) {
                    this.$message({
                        message: "此操作需经办人权限,请确认您是否是经办人",
                        type: 'warning'
                    });
                    return false;
                } else {
                    const zfiId = row.zfiId || this.ids
                    this.resetForm("queryForm");
                    this.resetForm("queryFormSign");
                    this.resetForm("queryFormFinancing");
                    this.resetForm("queryFormOpening");
                    this.resetForm("queryFormFinanced");
                    this.resetForm("queryFormInvalid");
                    this.resetForm("queryFormSettlement");
                    this.resetForm("queryFormOverdue");
                    Cookies.set("/credit/signFor/" + zfiId + "/", this.$route.fullPath)
                    this.$router.push({
                        path: "/credit/signFor/" + zfiId + "/"
                    });
                }
            });

        },
        //去融资
        handleGoFinance(row) {
            const zfiId = row.zfiId || this.ids
            this.resetForm("queryForm");
            this.resetForm("queryFormSign");
            this.resetForm("queryFormFinancing");
            this.resetForm("queryFormOpening");
            this.resetForm("queryFormFinanced");
            this.resetForm("queryFormInvalid");
            this.resetForm("queryFormSettlement");
            this.resetForm("queryFormOverdue");
            Cookies.set("/credit/goFinance/" + zfiId + "/", this.$route.fullPath)
            this.$router.push({
                path: "/credit/goFinance/" + zfiId + "/"
            });
        },
        //盖章
        seal(row) {
            //获取融信类型
            if (row.zfiCreateType == '1') { //核心开立
                if (row.zfiCoreStatus != "01") {
                    this.$message({
                        message: "请内部审批通过后,再点击开立融信",
                        type: 'warning'
                    });
                    return false;
                }
            } else if (row.zfiCreateType == '2') { //供应商开立
                if (row.zfiSupplierStatus != "01") {
                    this.$message({
                        message: "请内部审批通过后,再点击融信开立",
                        type: 'warning'
                    });
                    return false;
                } else if (row.zfiPlatformStatus != "01") {
                    this.$message({
                        message: "融信资料已提交平台审核，平台审核时间为工作日：9：00—18：00；当日16：00之前提交资料，预计2小时内完成，请留意站内信息",
                        type: 'warning'
                    });
                    return false;
                }
            }
            //查询当前用户是否为经办人
            listCompanyHandler().then((response) => {
                if (false == response.data) {
                    this.$message({
                        message: "此操作需经办人权限,请确认您是否是经办人",
                        type: 'warning'
                    });
                    return false;
                } else {
                    const zfiId = row.zfiId || this.ids
                    this.resetForm("queryForm");
                    this.resetForm("queryFormSign");
                    this.resetForm("queryFormFinancing");
                    this.resetForm("queryFormOpening");
                    this.resetForm("queryFormFinanced");
                    this.resetForm("queryFormInvalid");
                    this.resetForm("queryFormSettlement");
                    this.resetForm("queryFormOverdue");
                    Cookies.set("/credit/creditSeal/" + zfiId + "/", this.$route.fullPath)
                    this.$router.push({
                        path: "/credit/creditSeal/" + zfiId + "/"
                    });
                }

            });

        },
        /**核心开立审批按钮操作*/
        handleExam(row) {
            this.$confirm("是否确认提交开立审批?", "警告", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning"
            }).then(function () {
                return coreApproval(row);
            }).then(() => {
                this.getList();
                this.getListSign();
                this.getListFinancing();
                this.getListOpening();
                this.getListFinanced();
                this.getListInvalid();
                this.getListSettlement();
                this.getListOverdue();
                this.msgSuccess("提交审批成功");
            }).catch(() => {
                this.$message({
                    type: "warning",
                    message: "已取消提交审批",

                });
            });
        },
        //确权审批
        handleConfirmationExam(row) {
            this.$confirm("是否确认提交确权审批?", "警告", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning"
            }).then(function () {
                return confirmationApproval(row);
            }).then(() => {
                this.getList();
                this.getListSign();
                this.getListFinancing();
                this.getListOpening();
                this.getListFinanced();
                this.getListInvalid();
                this.getListSettlement();
                this.getListOverdue();
                this.msgSuccess("提交审批成功");
            }).catch(() => {
                this.$message({
                    type: "warning",
                    message: "已取消提交审批",

                });
            });
        },
        //融资申请提交审批按钮
        handleApproval(row) {
            const zfiNumber = row.zfiNumber;
            this.$confirm(
                    '是否确认提交审批融信编号为"' + zfiNumber + '"的数据项?',
                    "警告", {
                        confirmButtonText: "确定",
                        cancelButtonText: "取消",
                        type: "warning"
                    }
                )
                .then(function () {
                    //提交审批
                    return approval(row);
                })
                .then(() => {
                    this.getList();
                    this.getListSign();
                    this.getListFinancing();
                    this.getListOpening();
                    this.getListFinanced();
                    this.getListInvalid();
                    this.getListSettlement();
                    this.getListOverdue();
                    this.msgSuccess("提交审批成功");
                })
                .catch(() => {
                    this.$message({
                        type: "warning",
                        message: "已取消提交审批"
                    });
                });
        },
        //融资开立提交审批按钮
        openApproval(row) {
            const zfiNumber = row.zfiNumber;
            this.$confirm(
                    '是否确认提交审批融信编号为"' + zfiNumber + '"的数据项?',
                    "警告", {
                        confirmButtonText: "确定",
                        cancelButtonText: "取消",
                        type: "warning"
                    }
                )
                .then(function () {
                    //提交审批
                    return openApproval(row);
                })
                .then(() => {
                    this.getList();
                    this.getListSign();
                    this.getListFinancing();
                    this.getListOpening();
                    this.getListFinanced();
                    this.getListInvalid();
                    this.getListSettlement();
                    this.getListOverdue();
                    this.msgSuccess("提交审批成功");
                })
                .catch(() => {
                    this.$message({
                        type: "warning",
                        message: "已取消提交审批"
                    });
                });
        },
        //补充资料提交审批
        handleApprovals(row) {
            const zfiNumber = row.zfiNumber;
            this.$confirm('是否确认提交审批融信编号为"' + zfiNumber + '"的数据项?', "警告", {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning"
                }).then(function () {
                    return informationApproval(row);
                }).then(() => {
                    this.getList();
                    this.getListSign();
                    this.getListFinancing();
                    this.getListOpening();
                    this.getListFinanced();
                    this.getListInvalid();
                    this.getListSettlement();
                    this.getListOverdue();
                    this.msgSuccess("提交审批成功");
                })
                .catch(() => {
                    this.$message({
                        type: "warning",
                        message: "已取消提交审批",

                    });
                });

        },
        //格式化融资产品方向
        zfpTypeFormat(row, column) {
            return this.selectDictLabel(this.zfpTypeOptions, row.zfpType);
        },
        //格式化类型
        typeFormat(row, column) {
            return this.selectDictLabel(this.typeOptions, row.zfiCreateType);
        },
        //格式化状态
        stateFormat(row, column) {
            return this.selectDictLabel(this.stateOptions, row.zfiStatus);
        },
        //格式化平台审批状态
        platformStatusFormat(row, column) {
            return this.selectDictLabel(this.platformOptions, row.zfiPlatformStatus);
        },
        //格式化核心审批
        coreStatusFormat(row, column) {
            return this.selectDictLabel(this.coreOptions, row.zfiCoreStatus);
        },
        //格式化融资方审批
        supplierStatusFormat(row, column) {
            return this.selectDictLabel(this.supplierOptions, row.zfiSupplierStatus);
        },
        //融资开立
        finanOpening() {
            this.reset();
            this.resetForm("queryForm");
            this.resetForm("queryFormSign");
            this.resetForm("queryFormFinancing");
            this.resetForm("queryFormOpening");
            this.resetForm("queryFormFinanced");
            this.resetForm("queryFormInvalid");
            this.resetForm("queryFormSettlement");
            this.resetForm("queryFormOverdue");
            Cookies.set("/credit/financeOpen/", this.$route.fullPath);
            this.$router.push({
                path: "/credit/financeOpen/"
            });
        },
        //融资申请
        apply() {
            this.reset();
            this.resetForm("queryForm");
            this.resetForm("queryFormSign");
            this.resetForm("queryFormFinancing");
            this.resetForm("queryFormOpening");
            this.resetForm("queryFormFinanced");
            this.resetForm("queryFormInvalid");
            this.resetForm("queryFormSettlement");
            this.resetForm("queryFormOverdue");
            Cookies.set("/credit/creditApply/", this.$route.fullPath);
            this.$router.push({
                path: "/credit/creditApply/"
            });
        },
        //拒签
        handleRefuse(row) {
            //查询当前用户是否为经办人
            listCompanyHandler().then((response) => {
                if (false == response.data) {
                    this.$message({
                        message: "此操作需经办人权限,请确认您是否是经办人",
                        type: 'warning'
                    });
                    return false;
                } else {
                    const zfiNumber = row.zfiNumber;
                    this.$confirm('是否拒签融信编号为"' + zfiNumber + '"的数据项?', "警告", {
                            confirmButtonText: "确定",
                            cancelButtonText: "取消",
                            type: "warning"
                        }).then(function () {
                            //拒签
                            return creditRefuse(row);
                        }).then(() => {
                            this.getList();
                            this.getListSign();
                            this.getListFinancing();
                            this.getListOpening();
                            this.getListFinanced();
                            this.getListInvalid();
                            this.getListSettlement();
                            this.getListOverdue();
                            this.msgSuccess("拒签成功");
                        })
                        .catch(() => {
                            this.$message({
                                type: "warning",
                                message: "已取消",

                            });
                        });
                }
            });
        },
        //删除
        handleDelete(row) {
            const zfiNumber = row.zfiNumber;
            this.$confirm('是否删除融信编号为"' + zfiNumber + '"的数据项?', "警告", {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning"
                }).then(function () {
                    //删除
                    return creditDel(row);
                }).then(() => {
                    this.getList();
                    this.getListSign();
                    this.getListFinancing();
                    this.getListOpening();
                    this.getListFinanced();
                    this.getListInvalid();
                    this.getListSettlement();
                    this.getListOverdue();
                    this.msgSuccess("删除成功");
                })
                .catch(() => {
                    this.$message({
                        type: "warning",
                        message: "已取消",

                    });
                });
        },
        //列表格式化金额
        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(/\.$/, '');
        },
        //input格式化金额
        amtFormat(cellValue) {
            if (cellValue == null || cellValue == undefined || cellValue == '') {
                cellValue = '0.00'
            }
            cellValue += '';
            if (!cellValue.includes('.')) {
                cellValue += '.00';
            }
            console.log(cellValue);
            return cellValue.replace(/(\d)(?=(\d{3})+\.)/g, function ($0, $1) {
                return $1 + ',';
            }).replace(/\.$/, '');
        },
        //作废
        refuse(row) {
            let form = {};
            form.zfiId = row.zfiId;
            this.$confirm('该笔融信将作废', "作废", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning"
            }).then(function () {
                return sealRefuse(form);
            }).then(() => {
                this.getList();
                this.getListSign();
                this.getListFinancing();
                this.getListOpening();
                this.getListFinanced();
                this.getListInvalid();
                this.getListSettlement();
                this.getListOverdue();
                this.msgSuccess("作废成功");
            }).catch(() => {
                this.$message({
                    type: "warning",
                    message: "作废已取消",

                });
            });
        },
        //查看流程
        handleFlowable(row) {
            const zfiId = row.zfiId
            const zfiCreateType = row.zfiCreateType
            const zfiStatus = row.zfiStatus
            const zfiCoreStatus = row.zfiCoreStatus
            const zfiPlatformStatus = row.zfiPlatformStatus
            const zfiSupplierStatus = row.zfiSupplierStatus
            console.log(zfiStatus)
            var active = 0
            //融资企业
            if (this.companyType == '02') {
                //审批中||拒绝
                if (row.zfiSupplierStatus == '00' || row.zfiSupplierStatus == '02') {
                    this.hisTaskForm = true;
                    approvalProcess(row).then((response) => {
                        this.histaskList = response.data;
                    })
                } else {
                    if (zfiCreateType == '0') {
                        if (zfiStatus == '01' || !zfiStatus) {
                            active = 1
                        } else if (zfiStatus == '00') {
                            active = 2
                        } else if (zfiStatus == '01') {
                            active = 3
                        } else if (zfiStatus == '02') {
                            active = 4
                        }
                    } else if (zfiCreateType == '1') {
                        if (zfiStatus == '01') {
                            active = 1
                        } else if (zfiCoreStatus == '01' && zfiStatus == '01' || zfiCoreStatus == '01' && zfiStatus == '06') {
                            active = 2
                        } else if (zfiStatus == '01' && zfiPlatformStatus == '01') {
                            active = 3
                        } else if (zfiStatus == '02') {
                            active = 4
                        }
                    } else if (zfiCreateType == '2') {
                        if (zfiSupplierStatus == '01' && !zfiStatus) {
                            active = 1
                        } else if (zfiPlatformStatus == '01' && !zfiStatus) {
                            active = 2
                        } else if (zfiStatus == '02') {
                            active = 3
                        }
                    }
                    this.openFlowDetail = true
                    this.financeId = zfiId
                    this.financeType = zfiCreateType
                    this.financeActive = active

                }
            } else if (this.companyType == '01') { //核心企业
                //审批中||拒绝
                if (row.zfiCoreStatus == '00' || row.zfiCoreStatus == '02') {
                    this.hisTaskForm = true;
                    approvalProcess(row).then((response) => {
                        this.histaskList = response.data;
                    })
                } else {
                    if (zfiCreateType == '0') {
                        if (zfiStatus == '01' || !zfiStatus) {
                            active = 1
                        } else if (zfiStatus == '00') {
                            active = 2
                        } else if (zfiStatus == '01') {
                            active = 3
                        } else if (zfiStatus == '02') {
                            active = 4
                        }
                    } else if (zfiCreateType == '1') {
                        if (zfiStatus == '01') {
                            active = 1
                        } else if (zfiCoreStatus == '01' && zfiStatus == '01' || zfiCoreStatus == '01' && zfiStatus == '06') {
                            active = 2
                        } else if (zfiStatus == '01' && zfiPlatformStatus == '01') {
                            active = 3
                        } else if (zfiStatus == '02') {
                            active = 4
                        }
                    } else if (zfiCreateType == '2') {
                        if (zfiSupplierStatus == '01' && !zfiStatus) {
                            active = 1
                        } else if (zfiPlatformStatus == '01' && !zfiStatus) {
                            active = 2
                        } else if (zfiStatus == '02') {
                            active = 3
                        }
                    }
                    this.openFlowDetail = true
                    this.financeId = zfiId
                    this.financeType = zfiCreateType
                    this.financeActive = active
                }
            } else { //其他类型企业看主流程
                if (zfiCreateType == '0') {
                    if (zfiStatus == '01' || !zfiStatus) {
                        active = 1
                    } else if (zfiStatus == '00') {
                        active = 2
                    } else if (zfiStatus == '01') {
                        active = 3
                    } else if (zfiStatus == '02') {
                        active = 4
                    }
                } else if (zfiCreateType == '1') {
                    if (zfiStatus == '01') {
                        active = 1
                    } else if (zfiCoreStatus == '01' && zfiStatus == '01' || zfiCoreStatus == '01' && zfiStatus == '06') {
                        active = 2
                    } else if (zfiStatus == '01' && zfiPlatformStatus == '01') {
                        active = 3
                    } else if (zfiStatus == '02') {
                        active = 4
                    }
                } else if (zfiCreateType == '2') {
                    if (zfiSupplierStatus == '01' && !zfiStatus) {
                        active = 1
                    } else if (zfiPlatformStatus == '01' && !zfiStatus) {
                        active = 2
                    } else if (zfiStatus == '02') {
                        active = 3
                    }
                }
                this.openFlowDetail = true
                this.financeId = zfiId
                this.financeType = zfiCreateType
                this.financeActive = active
            }

        },
        //关闭流程
        closeFliwDetail() {
            this.openFlowDetail = false
        }

    }
};
</script>

<style lang="scss" scoped>
.zap-table-search {
    padding-top: 12px;
    background-color: #ffffff;
}

.zap-table-search__form {
    padding: 25px 25px 0;

    ::v-deep .el-form-item--medium.el-form-item {
        margin-bottom: 25px;
    }

    ::v-deep .el-form-item__label {
        line-height: 40px;
        font-size: 14px;
        color: #333333;
    }

    ::v-deep .el-range-editor--small.el-input__inner,
    ::v-deep .el-input--small .el-input__inner {
        height: 40px;
        line-height: 40px;
    }
}

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

.zap-credit__tabs {
    position: relative;
}

.zap-credit__buttons {
    position: absolute;
    top: 10px;
    right: 20px;
    display: flex;
    align-items: center;
    z-index: 10;
}
</style>