瀏覽代碼

开立融信选择应付账款页面样式调整

zhanglb 4 年之前
父節點
當前提交
a8eb243252

+ 4 - 1
front-vue/src/components/SearchBar/index.vue

@@ -54,9 +54,12 @@ export default {
     flex: 1;
 
   }
+  .el-form-item__label{
+    font-weight: normal !important;
+  }
   .zap-search-bar__control{
     flex: 0 0 200px;
     width: 200px;
   }
 }
-</style>
+</style>

+ 192 - 117
front-vue/src/views/home.vue

@@ -119,7 +119,14 @@
                             </el-table-column>
                         </el-table>
 
-                        <pagination v-show="workTotal>0" :total="workTotal" :page.sync="queryParamsWork.pageNum" :limit.sync="queryParamsWork.pageSize" :pager-count="5" :page-sizes="[5]" @pagination="getWorkList" />
+                        <pagination
+                            v-show="workTotal>0"
+                            :total="workTotal"
+                            :page.sync="queryParamsWork.pageNum"
+                            :limit.sync="queryParamsWork.pageSize"
+                            :pager-count="5"
+                            :page-sizes="[5]"
+                            @pagination="getWorkList" />
                     </el-tab-pane>
                     <el-tab-pane label="消息" name="second" style="height:400px">
                         <el-table :data="noticeList" :show-header="false">
@@ -131,7 +138,14 @@
                             </el-table-column>
                         </el-table>
 
-                        <pagination v-show="noticeTotal>0" :total="noticeTotal" :page.sync="queryParamsNotice.pageNum" :limit.sync="queryParamsNotice.pageSize" :pager-count="5" :page-sizes="[5]" @pagination="getNoticeList" />
+                        <pagination
+                            v-show="noticeTotal>0"
+                            :total="noticeTotal"
+                            :page.sync="queryParamsNotice.pageNum"
+                            :limit.sync="queryParamsNotice.pageSize"
+                            :pager-count="5"
+                            :page-sizes="[5]"
+                            @pagination="getNoticeList" />
                     </el-tab-pane>
                     <el-tab-pane label="已办记录" name="third" style="height:400px">
                         <el-table :data="oldWorkList" :show-header="false">
@@ -143,7 +157,14 @@
                             </el-table-column>
                         </el-table>
 
-                        <pagination v-show="oldWorkTotal>0" :total="oldWorkTotal" :page.sync="queryParamsOldWork.pageNum" :limit.sync="queryParamsOldWork.pageSize" :pager-count="5" :page-sizes="[5]" @pagination="getOldWorkList" />
+                        <pagination
+                            v-show="oldWorkTotal>0"
+                            :total="oldWorkTotal"
+                            :page.sync="queryParamsOldWork.pageNum"
+                            :limit.sync="queryParamsOldWork.pageSize"
+                            :pager-count="5"
+                            :page-sizes="[5]"
+                            @pagination="getOldWorkList" />
                     </el-tab-pane>
                 </el-tabs>
             </div>
@@ -360,7 +381,14 @@
                             </el-table-column>
                         </el-table>
 
-                        <pagination v-show="workTotal>0" :total="workTotal" :page.sync="queryParamsWork.pageNum" :limit.sync="queryParamsWork.pageSize" :pager-count="5" :page-sizes="[5]" @pagination="getWorkList" />
+                        <pagination
+                            v-show="workTotal>0"
+                            :total="workTotal"
+                            :page.sync="queryParamsWork.pageNum"
+                            :limit.sync="queryParamsWork.pageSize"
+                            :pager-count="5"
+                            :page-sizes="[5]"
+                            @pagination="getWorkList" />
                     </el-tab-pane>
                     <el-tab-pane label="消息" name="second" style="height:400px">
                         <el-table :data="noticeList" :show-header="false">
@@ -372,7 +400,14 @@
                             </el-table-column>
                         </el-table>
 
-                        <pagination v-show="noticeTotal>0" :total="noticeTotal" :page.sync="queryParamsNotice.pageNum" :limit.sync="queryParamsNotice.pageSize" :pager-count="5" :page-sizes="[5]" @pagination="getNoticeList" />
+                        <pagination
+                            v-show="noticeTotal>0"
+                            :total="noticeTotal"
+                            :page.sync="queryParamsNotice.pageNum"
+                            :limit.sync="queryParamsNotice.pageSize"
+                            :pager-count="5"
+                            :page-sizes="[5]"
+                            @pagination="getNoticeList" />
                     </el-tab-pane>
                     <el-tab-pane label="已办记录" name="third" style="height:400px">
                         <el-table :data="oldWorkList" :show-header="false">
@@ -384,7 +419,14 @@
                             </el-table-column>
                         </el-table>
 
-                        <pagination v-show="oldWorkTotal>0" :total="oldWorkTotal" :page.sync="queryParamsOldWork.pageNum" :limit.sync="queryParamsOldWork.pageSize" :pager-count="5" :page-sizes="[5]" @pagination="getOldWorkList" />
+                        <pagination
+                            v-show="oldWorkTotal>0"
+                            :total="oldWorkTotal"
+                            :page.sync="queryParamsOldWork.pageNum"
+                            :limit.sync="queryParamsOldWork.pageSize"
+                            :pager-count="5"
+                            :page-sizes="[5]"
+                            @pagination="getOldWorkList" />
                     </el-tab-pane>
                     <el-tab-pane label="30天内待还款汇总" name="fourth" style="height:400px">
                         <el-table :data="expiredList" :show-header="true">
@@ -402,7 +444,14 @@
                             </el-table-column>
                         </el-table>
 
-                        <pagination v-show="expiredTotal>0" :total="expiredTotal" :page.sync="queryParamsExpired.pageNum" :limit.sync="queryParamsExpired.pageSize" :pager-count="5" :page-sizes="[5]" @pagination="getExpiredList" />
+                        <pagination
+                            v-show="expiredTotal>0"
+                            :total="expiredTotal"
+                            :page.sync="queryParamsExpired.pageNum"
+                            :limit.sync="queryParamsExpired.pageSize"
+                            :pager-count="5"
+                            :page-sizes="[5]"
+                            @pagination="getExpiredList" />
                     </el-tab-pane>
                 </el-tabs>
             </div>
@@ -412,117 +461,143 @@
     <!-- 融资企业 -->
     <div v-if="company.scyType == '02'" class="zap-margin">
         <el-row :gutter="20">
-            <!-- 第一行 -->
-            <el-col :xs="24" :sm="12" :md="8" :lg="8">
-                <div class="zap-card" @click="toCredit()">
-                    <div class="zap-card__title">持有融信额度</div>
-                    <div class="zap-card__wrap zap-card__blue">
-                        <span class="zap-card__num">{{handleInput(effectBalance)}}</span>
-                        <span class="zap-card__unit">元</span>
-                    </div>
-                </div>
-            </el-col>
-            <el-col :xs="24" :sm="12" :md="8" :lg="8">
-                <div class="zap-card" @click="toFinanceRecord()">
-                    <div class="zap-card__title">融资中额度</div>
-                    <div class="zap-card__wrap zap-card__gold">
-                        <span class="zap-card__num">{{handleInput(availableBalance)}}</span>
-                        <span class="zap-card__unit">元</span>
-                    </div>
-                </div>
-            </el-col>
-            <el-col :xs="24" :sm="12" :md="8" :lg="8">
-                <div class="zap-card" @click="toFinanceRecord()">
-                    <div class="zap-card__title">已融资额度</div>
-                    <div class="zap-card__wrap zap-card__pink">
-                        <span class="zap-card__num">{{handleInput(loanBalance)}}</span>
-                        <span class="zap-card__unit">元</span>
-                    </div>
-                </div>
-            </el-col>
-            <!-- 第二行 -->
-            <el-col :xs="24" :sm="12" :md="8" :lg="8">
-                <div class="zap-card" @click="toCredit()">
-                    <div class="zap-card__title">即将到期融资额度(30天)</div>
-                    <div class="zap-card__wrap zap-card__blue">
-                        <span class="zap-card__num">{{handleInput(expiredBalance)}}</span>
-                        <span class="zap-card__unit">元</span>
-                    </div>
-                </div>
+            <el-col :span="12">
+                <home-statistics type="rongxin" title="">
+                    <el-row>
+                        <el-col :span="12">
+                            <div class="zap-card" @click="toCredit()">
+                                <div class="zap-card__title">持有融信额度(元)</div>
+                                <div class="zap-card__wrap zap-card__blue">
+                                    <span class="zap-card__num">{{handleInput(effectBalance)}}</span>
+                                </div>
+                            </div>
+                        </el-col>
+                        <el-col :span="12">
+                            <div class="zap-card" @click="toFinanceRecord()">
+                                <div class="zap-card__title">融资中额度(元)</div>
+                                <div class="zap-card__wrap zap-card__pink">
+                                    <span class="zap-card__num">{{handleInput(availableBalance)}}</span>
+                                </div>
+                            </div>
+                        </el-col>
+                    </el-row>
+                    <el-row>
+                        <el-col :span="12">
+                            <div class="zap-card" @click="toFinanceRecord()">
+                                <div class="zap-card__title">已融资额度(元)</div>
+                                <div class="zap-card__wrap zap-card__blue">
+                                    <span class="zap-card__num">{{handleInput(loanBalance)}}</span>
+                                </div>
+                            </div>
+                        </el-col>
+                        <el-col :span="12">
+                            <div class="zap-card" @click="toCredit()">
+                                <div class="zap-card__title">即将到期融资额度(30天)(元)</div>
+                                <div class="zap-card__wrap zap-card__pink">
+                                    <span class="zap-card__num">{{handleInput(expiredBalance)}}</span>
+                                </div>
+                            </div>
+                        </el-col>
+                    </el-row>
+                </home-statistics>
             </el-col>
         </el-row>
-        <el-card class="box-card" style="width:93%;margin:0.6%;float:left;">
-            <!-- <div slot="header" class="clearfix">
-                </div> -->
-            <div class="text item" style="height:auto">
-                <el-tabs v-model="activeName">
-                    <el-tab-pane label="我的待办" name="first" style="height:400px">
-                        <el-table :data="workList" :show-header="false">
-                            <el-table-column label="标题" align="center" prop="noticeTitle" :show-overflow-tooltip="true">
-                                <template slot-scope="scope">
-                                    <el-badge is-dot class="item" v-if="scope.row.snyrUserStatus == '0'"></el-badge>
-                                    <span>{{ scope.row.noticeTitle }}</span>
-                                </template>
-                            </el-table-column>
-                            <el-table-column label="时间" align="center" prop="createTime" :show-overflow-tooltip="true">
-                                <template slot-scope="scope">
-                                    <span>{{ parseTime(new Date(scope.row.createTime)) }}</span>
-                                </template>
-                            </el-table-column>
-                            <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="200">
-                                <template slot-scope="scope">
-                                    <el-button size="mini" type="text" @click="handleDetail(scope.row)" style="color:red">去办理</el-button>
-                                </template>
-                            </el-table-column>
-                        </el-table>
-
-                        <pagination v-show="workTotal>0" :total="workTotal" :page.sync="queryParamsWork.pageNum" :limit.sync="queryParamsWork.pageSize" :pager-count="5" :page-sizes="[5]" @pagination="getWorkList" />
-                    </el-tab-pane>
-                    <el-tab-pane label="消息" name="second" style="height:400px">
-                        <el-table :data="noticeList" :show-header="false">
-                            <el-table-column label="标题" align="center" prop="noticeTitle" :show-overflow-tooltip="true" />
-                            <el-table-column label="时间" align="center" prop="createTime" :show-overflow-tooltip="true">
-                                <template slot-scope="scope">
-                                    <span>{{ parseTime(new Date(scope.row.createTime)) }}</span>
-                                </template>
-                            </el-table-column>
-                        </el-table>
-
-                        <pagination v-show="noticeTotal>0" :total="noticeTotal" :page.sync="queryParamsNotice.pageNum" :limit.sync="queryParamsNotice.pageSize" :pager-count="5" :page-sizes="[5]" @pagination="getNoticeList" />
-                    </el-tab-pane>
-                    <el-tab-pane label="已办记录" name="third" style="height:400px">
-                        <el-table :data="oldWorkList" :show-header="false">
-                            <el-table-column label="标题" align="center" prop="noticeTitle" :show-overflow-tooltip="true" />
-                            <el-table-column label="时间" align="center" prop="createTime" :show-overflow-tooltip="true">
-                                <template slot-scope="scope">
-                                    <span>{{ parseTime(new Date(scope.row.createTime)) }}</span>
-                                </template>
-                            </el-table-column>
-                        </el-table>
-
-                        <pagination v-show="oldWorkTotal>0" :total="oldWorkTotal" :page.sync="queryParamsOldWork.pageNum" :limit.sync="queryParamsOldWork.pageSize" :pager-count="5" :page-sizes="[5]" @pagination="getOldWorkList" />
-                    </el-tab-pane>
-                    <el-tab-pane label="30天内到期融信汇总" name="fourth" style="height:400px">
-                        <el-table :data="expiredList" :show-header="true">
-                            <el-table-column label="融信编号" align="center" prop="zfiNumber" :show-overflow-tooltip="true" />
-                            <el-table-column label="金额" align="center" prop="zfiAmount" :show-overflow-tooltip="true" />
-                            <el-table-column label="到期日期" align="center" prop="zfiExpireDate" :show-overflow-tooltip="true">
-                                <!--  <template slot-scope="scope">
+        <div class="zap-form mt20">
+            <el-tabs v-model="activeName">
+                <el-tab-pane label="我的待办" name="first" style="height:400px">
+                    <el-table :data="workList" :show-header="false">
+                        <el-table-column label="标题" align="center" prop="noticeTitle" :show-overflow-tooltip="true">
+                            <template slot-scope="scope">
+                                <el-badge is-dot class="item" v-if="scope.row.snyrUserStatus == '0'"></el-badge>
+                                <span>{{ scope.row.noticeTitle }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="时间" align="center" prop="createTime" :show-overflow-tooltip="true">
+                            <template slot-scope="scope">
+                                <span>{{ parseTime(new Date(scope.row.createTime)) }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="200">
+                            <template slot-scope="scope">
+                                <el-button size="mini" type="text" @click="handleDetail(scope.row)" style="color:red">去办理</el-button>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+
+                    <pagination
+                        v-show="workTotal>0"
+                        :total="workTotal"
+                        :page.sync="queryParamsWork.pageNum"
+                        :limit.sync="queryParamsWork.pageSize"
+                        :pager-count="5"
+                        :page-sizes="[5]"
+                        @pagination="getWorkList" />
+                </el-tab-pane>
+                <el-tab-pane label="消息" name="second" style="height:400px">
+                    <el-table :data="noticeList" :show-header="false">
+                        <el-table-column label="标题" align="center" prop="noticeTitle" :show-overflow-tooltip="true" />
+                        <el-table-column label="时间" align="center" prop="createTime" :show-overflow-tooltip="true">
+                            <template slot-scope="scope">
+                                <span>{{ parseTime(new Date(scope.row.createTime)) }}</span>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+
+                    <pagination
+                        v-show="noticeTotal>0"
+                        :total="noticeTotal"
+                        :page.sync="queryParamsNotice.pageNum"
+                        :limit.sync="queryParamsNotice.pageSize"
+                        :pager-count="5"
+                        :page-sizes="[5]"
+                        @pagination="getNoticeList" />
+                </el-tab-pane>
+                <el-tab-pane label="已办记录" name="third" style="height:400px">
+                    <el-table :data="oldWorkList" :show-header="false">
+                        <el-table-column label="标题" align="center" prop="noticeTitle" :show-overflow-tooltip="true" />
+                        <el-table-column label="时间" align="center" prop="createTime" :show-overflow-tooltip="true">
+                            <template slot-scope="scope">
+                                <span>{{ parseTime(new Date(scope.row.createTime)) }}</span>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+
+                    <pagination
+                        v-show="oldWorkTotal>0"
+                        :total="oldWorkTotal"
+                        :page.sync="queryParamsOldWork.pageNum"
+                        :limit.sync="queryParamsOldWork.pageSize"
+                        :pager-count="5"
+                        :page-sizes="[5]"
+                        @pagination="getOldWorkList" />
+                </el-tab-pane>
+                <el-tab-pane label="30天内到期融信汇总" name="fourth" style="height:400px">
+                    <el-table :data="expiredList" :show-header="true">
+                        <el-table-column label="融信编号" align="center" prop="zfiNumber" :show-overflow-tooltip="true" />
+                        <el-table-column label="金额" align="center" prop="zfiAmount" :show-overflow-tooltip="true" />
+                        <el-table-column label="到期日期" align="center" prop="zfiExpireDate" :show-overflow-tooltip="true">
+                            <!--  <template slot-scope="scope">
                                         <span>{{ parseTime(new Date(scope.row.afiExpireDate), '{y}-{m}-{d}') }}</span>
                                     </template> -->
-                            </el-table-column>
-                            <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="200">
-                                <template slot-scope="scope">
-                                    <el-button size="mini" type="text" icon="el-icon-info" @click="handleCreditDetail(scope.row)">详情</el-button>
-                                </template>
-                            </el-table-column>
-                        </el-table>
-
-                        <pagination v-show="expiredTotal>0" :total="expiredTotal" :page.sync="queryParamsExpired.pageNum" :limit.sync="queryParamsExpired.pageSize" :pager-count="5" :page-sizes="[5]" @pagination="getExpiredList" />
-                    </el-tab-pane>
-                </el-tabs>
-            </div>
-        </el-card>
+                        </el-table-column>
+                        <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="200">
+                            <template slot-scope="scope">
+                                <el-button size="mini" type="text" icon="el-icon-info" @click="handleCreditDetail(scope.row)">详情</el-button>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+
+                    <pagination
+                        v-show="expiredTotal>0"
+                        :total="expiredTotal"
+                        :page.sync="queryParamsExpired.pageNum"
+                        :limit.sync="queryParamsExpired.pageSize"
+                        :pager-count="5"
+                        :page-sizes="[5]"
+                        @pagination="getExpiredList" />
+                </el-tab-pane>
+            </el-tabs>
+        </div>
     </div>
 
     <!-- 资方 -->
@@ -793,9 +868,9 @@ export default {
             companyChart: true,
             input1: '',
             //核心企业
-            hxCreditLineAll: 0, //授信总额度反向 
+            hxCreditLineAll: 0, //授信总额度反向
             hxCreditLineAllForward: 0, // 授信总额度正向
-            usableAmount: 0, //可用授信额度反向 
+            usableAmount: 0, //可用授信额度反向
             usableAmountForward: 0, //可用授信额度正向
             hxCreditAll: 0, //我开立的融信
             hxPendingMoney: 0, //30天内待还款反向
@@ -1032,7 +1107,7 @@ export default {
             this.listCreditAllForward()
             //30天内待还款正向
             this.listPendingRepaymentForward()
-            //已融资金额 正向 
+            //已融资金额 正向
             this.listHasRaisedForward()
         },
         //入驻企业数量

+ 450 - 122
front-vue/src/views/service/credit/credit.vue

@@ -23,7 +23,14 @@
                     <el-input v-model="queryParams.zfiValue" placeholder="请输入关键字模糊查询" clearable maxlength="25" />
                 </el-form-item>
                 <el-form-item label="承诺付款日期" prop="zfiExpireDate" label-width="96px" size="large">
-                    <el-date-picker v-model="queryParams.zfiExpireDate" unlink-panels value-format="yyyy-MM-dd" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期">
+                    <el-date-picker
+                        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>
@@ -45,7 +52,14 @@
                 <el-input v-model="queryParamsOpening.zfiValue" placeholder="请输入关键字模糊查询" clearable maxlength="25" />
             </el-form-item>
             <el-form-item label="承诺付款日期" prop="zfiExpireDate" label-width="96px" size="large">
-                <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
+                    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>
@@ -66,7 +80,14 @@
                 <el-input v-model="queryParamsSign.zfiValue" placeholder="请输入关键字模糊查询" clearable maxlength="25" />
             </el-form-item>
             <el-form-item label="承诺付款日期" prop="zfiExpireDate" label-width="96px" size="large">
-                <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
+                    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>
@@ -87,7 +108,14 @@
                 <el-input v-model="queryParamsFinancing.zfiValue" placeholder="请输入关键字模糊查询" clearable maxlength="25" />
             </el-form-item>
             <el-form-item label="承诺付款日期" prop="zfiExpireDate" label-width="96px" size="large">
-                <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
+                    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>
@@ -108,7 +136,14 @@
                 <el-input v-model="queryParamsFinanced.zfiValue" placeholder="请输入关键字模糊查询" clearable maxlength="25" />
             </el-form-item>
             <el-form-item label="承诺付款日期" prop="zfiExpireDate" label-width="96px" size="large">
-                <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
+                    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-item label="融信编码" prop="zfiNumber">
@@ -176,24 +211,24 @@
           <el-form-item label="签收日期" prop="zfiSignDate">
                 <el-date-picker  size="small"
                 v-model="queryParamsFinanced.zfiSignDate"
-                style="width: 240px" 
+                style="width: 240px"
                 unlink-panels
-                value-format="yyyy-MM-dd" 
-                type="daterange" 
-                range-separator="-" 
-                start-placeholder="开始日期" 
+                value-format="yyyy-MM-dd"
+                type="daterange"
+                range-separator="-"
+                start-placeholder="开始日期"
                 end-placeholder="结束日期">
                 </el-date-picker>
             </el-form-item>
             <el-form-item label="承诺日期" prop="zfiExpireDate">
                 <el-date-picker  size="small"
                 v-model="queryParamsFinanced.zfiExpireDate"
-                style="width: 240px" 
+                style="width: 240px"
                 unlink-panels
-                value-format="yyyy-MM-dd" 
-                type="daterange" 
-                range-separator="-" 
-                start-placeholder="开始日期" 
+                value-format="yyyy-MM-dd"
+                type="daterange"
+                range-separator="-"
+                start-placeholder="开始日期"
                 end-placeholder="结束日期">
                 </el-date-picker>
             </el-form-item>
@@ -226,7 +261,14 @@
                 <el-input v-model="queryParamsInvalid.zfiValue" placeholder="请输入关键字模糊查询" clearable maxlength="25" />
             </el-form-item>
             <el-form-item label="承诺付款日期" prop="zfiExpireDate" label-width="96px" size="large">
-                <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
+                    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-item label="融信编码" prop="zfiNumber">
@@ -294,24 +336,24 @@
           <el-form-item label="签收日期" prop="zfiSignDate">
                 <el-date-picker  size="small"
                 v-model="queryParamsInvalid.zfiSignDate"
-                style="width: 240px" 
+                style="width: 240px"
                 unlink-panels
-                value-format="yyyy-MM-dd" 
-                type="daterange" 
-                range-separator="-" 
-                start-placeholder="开始日期" 
+                value-format="yyyy-MM-dd"
+                type="daterange"
+                range-separator="-"
+                start-placeholder="开始日期"
                 end-placeholder="结束日期">
                 </el-date-picker>
             </el-form-item>
             <el-form-item label="承诺日期" prop="zfiExpireDate">
                 <el-date-picker  size="small"
                 v-model="queryParamsInvalid.zfiExpireDate"
-                style="width: 240px" 
+                style="width: 240px"
                 unlink-panels
-                value-format="yyyy-MM-dd" 
-                type="daterange" 
-                range-separator="-" 
-                start-placeholder="开始日期" 
+                value-format="yyyy-MM-dd"
+                type="daterange"
+                range-separator="-"
+                start-placeholder="开始日期"
                 end-placeholder="结束日期">
                 </el-date-picker>
             </el-form-item>
@@ -354,7 +396,14 @@
                 <el-input v-model="queryParamsSettlement.zfiValue" placeholder="请输入关键字模糊查询" clearable maxlength="25" />
             </el-form-item>
             <el-form-item label="承诺付款日期" prop="zfiExpireDate" label-width="96px" size="large">
-                <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
+                    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>
@@ -376,7 +425,14 @@
                 <el-input v-model="queryParamsOverdue.zfiValue" placeholder="请输入关键字模糊查询" clearable maxlength="25" />
             </el-form-item>
             <el-form-item label="承诺付款日期" prop="zfiExpireDate" label-width="96px" size="large">
-                <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
+                    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>
@@ -410,27 +466,61 @@
                             <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="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>
+                                    <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>
@@ -466,16 +556,51 @@
                             <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="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" 
+                                    <buttons-group
+                                        :scope="scope"
                                         @handleDetail="handleDetail(scope.row)"
                                         @handleUpdate="handleUpdate(scope.row)"
                                         @handleApprove="handleApprove(scope.row)"
@@ -485,15 +610,14 @@
                                         @seal="seal(scope.row)"
                                         @refuse="refuse(scope.row)"
                                         @handleDelete="handleDelete(scope.row)"
-                                        @handleFlowable="handleFlowable(scope.row)"
-                                    ></buttons-group>
+                                        @handleFlowable="handleFlowable(scope.row)"></buttons-group>
                                 </template>
                             </el-table-column>
                         </el-table>
-                         <statistical-data>
+                        <statistical-data>
                             <span class="label">总合计:<span class="value">{{klzAmount}}</span></span>
                             <span class="label">开立中:{{klzAmount}}</span>
-                         </statistical-data>
+                        </statistical-data>
                         <pagination v-show="totalOpening>0" :total="totalOpening" :page.sync="queryParamsOpening.pageNum" :limit.sync="queryParamsOpening.pageSize" @pagination="getListOpening" />
                     </el-tab-pane>
                     <!--已生效-->
@@ -516,16 +640,51 @@
                             <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="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" 
+                                    <buttons-group
+                                        :scope="scope"
                                         @handleDetail="handleDetail(scope.row)"
                                         @handleUpdate="handleUpdate(scope.row)"
                                         @handleApprove="handleApprove(scope.row)"
@@ -535,8 +694,7 @@
                                         @seal="seal(scope.row)"
                                         @refuse="refuse(scope.row)"
                                         @handleDelete="handleDelete(scope.row)"
-                                        @handleFlowable="handleFlowable(scope.row)"
-                                    ></buttons-group>
+                                        @handleFlowable="handleFlowable(scope.row)"></buttons-group>
                                 </template>
                             </el-table-column>
                         </el-table>
@@ -567,16 +725,51 @@
                             <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="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" 
+                                    <buttons-group
+                                        :scope="scope"
                                         @handleDetail="handleDetail(scope.row)"
                                         @handleUpdate="handleUpdate(scope.row)"
                                         @handleApprove="handleApprove(scope.row)"
@@ -586,8 +779,7 @@
                                         @seal="seal(scope.row)"
                                         @refuse="refuse(scope.row)"
                                         @handleDelete="handleDelete(scope.row)"
-                                        @handleFlowable="handleFlowable(scope.row)"
-                                    ></buttons-group>
+                                        @handleFlowable="handleFlowable(scope.row)"></buttons-group>
                                 </template>
                             </el-table-column>
                         </el-table>
@@ -596,7 +788,7 @@
                             <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="已融资">
@@ -618,16 +810,51 @@
                             <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="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" 
+                                    <buttons-group
+                                        :scope="scope"
                                         @handleDetail="handleDetail(scope.row)"
                                         @handleUpdate="handleUpdate(scope.row)"
                                         @handleApprove="handleApprove(scope.row)"
@@ -637,8 +864,7 @@
                                         @seal="seal(scope.row)"
                                         @refuse="refuse(scope.row)"
                                         @handleDelete="handleDelete(scope.row)"
-                                        @handleFlowable="handleFlowable(scope.row)"
-                                    ></buttons-group>
+                                        @handleFlowable="handleFlowable(scope.row)"></buttons-group>
                                 </template>
                             </el-table-column>
                         </el-table>
@@ -647,7 +873,7 @@
                             <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="已拒绝">
@@ -669,16 +895,51 @@
                             <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="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" 
+                                    <buttons-group
+                                        :scope="scope"
                                         @handleDetail="handleDetail(scope.row)"
                                         @handleUpdate="handleUpdate(scope.row)"
                                         @handleApprove="handleApprove(scope.row)"
@@ -688,8 +949,7 @@
                                         @seal="seal(scope.row)"
                                         @refuse="refuse(scope.row)"
                                         @handleDelete="handleDelete(scope.row)"
-                                        @handleFlowable="handleFlowable(scope.row)"
-                                    ></buttons-group>
+                                        @handleFlowable="handleFlowable(scope.row)"></buttons-group>
                                 </template>
                             </el-table-column>
                         </el-table>
@@ -698,7 +958,7 @@
                             <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="已结算">
@@ -720,16 +980,51 @@
                             <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="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" 
+                                    <buttons-group
+                                        :scope="scope"
                                         @handleDetail="handleDetail(scope.row)"
                                         @handleUpdate="handleUpdate(scope.row)"
                                         @handleApprove="handleApprove(scope.row)"
@@ -739,8 +1034,7 @@
                                         @seal="seal(scope.row)"
                                         @refuse="refuse(scope.row)"
                                         @handleDelete="handleDelete(scope.row)"
-                                        @handleFlowable="handleFlowable(scope.row)"
-                                    ></buttons-group>
+                                        @handleFlowable="handleFlowable(scope.row)"></buttons-group>
                                 </template>
                             </el-table-column>
                         </el-table>
@@ -749,7 +1043,7 @@
                             <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="已过期">
@@ -771,16 +1065,51 @@
                             <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="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" 
+                                    <buttons-group
+                                        :scope="scope"
                                         @handleDetail="handleDetail(scope.row)"
                                         @handleUpdate="handleUpdate(scope.row)"
                                         @handleApprove="handleApprove(scope.row)"
@@ -790,8 +1119,7 @@
                                         @seal="seal(scope.row)"
                                         @refuse="refuse(scope.row)"
                                         @handleDelete="handleDelete(scope.row)"
-                                        @handleFlowable="handleFlowable(scope.row)"
-                                    ></buttons-group>
+                                        @handleFlowable="handleFlowable(scope.row)"></buttons-group>
                                 </template>
                             </el-table-column>
                         </el-table>
@@ -800,7 +1128,7 @@
                             <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>
@@ -1349,12 +1677,12 @@ export default {
                     this.queryParamsFinancing.zfiQuery = '00';
                 }
             })
-             listStatisticalAmount(this.queryParamsSign).then(response => {
+            listStatisticalAmount(this.queryParamsSign).then(response => {
                 this.ysxAmount = response.data.ysxAmount;
-                })
-            //this.listStatisticalAmount(this.queryParamsSign);
             })
-            this.getListFinancing().then(() => {
+            //this.listStatisticalAmount(this.queryParamsSign);
+        })
+        this.getListFinancing().then(() => {
             getUserProfile().then((response) => {
                 if ("00" == response.data.companyType) {
                     this.queryParamsFinancing.zfiQuery = '02';
@@ -1366,9 +1694,9 @@ export default {
             })
             listStatisticalAmount(this.queryParamsFinancing).then(response => {
                 this.rzzAmount = response.data.rzzAmount;
-                })
-            //this.listStatisticalAmount(this.queryParamsFinancing);
             })
+            //this.listStatisticalAmount(this.queryParamsFinancing);
+        })
         this.getListFinanced().then(() => {
             getUserProfile().then((response) => {
                 if ("00" == response.data.companyType) {

+ 64 - 38
front-vue/src/views/service/credit/financeOpen.vue

@@ -68,16 +68,28 @@
                 </el-col>
                 <el-col :span="8">
                     <el-form-item label="签发有效期" prop="zfiEffectiveDate" size="large">
-                        <el-date-picker clearable v-model="form.zfiEffectiveDate" type="date" value-format="yyyy-MM-dd" placeholder="选择签发有效期" :picker-options="pickerOptions">
+                        <el-date-picker
+                            clearable
+                            v-model="form.zfiEffectiveDate"
+                            type="date"
+                            value-format="yyyy-MM-dd"
+                            placeholder="选择签发有效期"
+                            :picker-options="pickerOptions">
                         </el-date-picker>
                         <el-tooltip class="item" effect="light" content="签发有效期:即指定签发截止日期,对方企业在签发截止日内未处理该笔融信,本次融信操作将自动失效" placement="top">
-                            <i class="el-icon-question" style="font-size: 23px;"/>
+                            <i class="el-icon-question" style="font-size: 23px;" />
                         </el-tooltip>
                     </el-form-item>
                 </el-col>
                 <el-col :span="8">
                     <el-form-item label="承诺还款日" prop="zfiExpireDate" size="large">
-                        <el-date-picker clearable v-model="form.zfiExpireDate" type="date" value-format="yyyy-MM-dd" placeholder="选择承诺还款日" :picker-options="pickerOptions">
+                        <el-date-picker
+                            clearable
+                            v-model="form.zfiExpireDate"
+                            type="date"
+                            value-format="yyyy-MM-dd"
+                            placeholder="选择承诺还款日"
+                            :picker-options="pickerOptions">
                         </el-date-picker>
                     </el-form-item>
                 </el-col>
@@ -102,18 +114,28 @@
     </el-row>
     <!-- 应付账款信息 -->
     <el-dialog :title="payTitle" :visible.sync="open" width="1120px" append-to-body destroy-on-close>
-        <el-form :model="queryParamsPay" ref="formQuery" :inline="true" label-width="68px" style="margin-bottom: -21px">
-            <el-form-item label="账款名称" prop="zbiName">
-                <el-input v-model="queryParamsPay.zbiName" placeholder="请输入账款名称" clearable size="small" maxlength="11" @keyup.enter.native="handleQuerys" />
-            </el-form-item>
-            <el-form-item label="应付企业" prop="payName">
-                <el-input v-model="queryParamsPay.payName" placeholder="请输入应付企业" clearable size="small" maxlength="11" @keyup.enter.native="handleQuerys" />
-            </el-form-item>
-            <el-form-item>
-                <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuerys">搜索</el-button>
-                <el-button icon="el-icon-refresh" size="mini" @click="resetQuerys">重置</el-button>
-            </el-form-item>
-        </el-form>
+        <search-bar :hiddenSetting="true" @query="handleQuery" @reset="resetQuery">
+          <el-form :model="queryParamsPay" ref="formQuery" :inline="true" label-width="68px" style="margin-bottom: -21px">
+              <el-form-item label="账款名称" prop="zbiName">
+                  <el-input
+                      v-model="queryParamsPay.zbiName"
+                      placeholder="请输入账款名称"
+                      clearable
+                      size="small"
+                      maxlength="11"
+                      @keyup.enter.native="handleQuerys" />
+              </el-form-item>
+              <el-form-item label="应付企业" prop="payName" style="margin-left: 94px;">
+                  <el-input
+                      v-model="queryParamsPay.payName"
+                      placeholder="请输入应付企业"
+                      clearable
+                      size="small"
+                      maxlength="11"
+                      @keyup.enter.native="handleQuerys" />
+              </el-form-item>
+          </el-form>
+        </search-bar>
         <el-table :data="payList" ref="tablePay" class="single-select-table" @selection-change="handleSelectionChange" :row-key="rowkey">
             <el-table-column type="selection" :reserve-selection="true" width="50" align="center" />
             <el-table-column label="序号" type="index" width="50" align="center">
@@ -128,9 +150,9 @@
             <el-table-column label="金额" :formatter="moneyFormat" align="center" prop="zbiAmount" />
         </el-table>
         <pagination v-show="total > 0" :total="total" :page.sync="queryParamsPay.pageNum" :limit.sync="queryParamsPay.pageSize" @pagination="getAccountsCollection" />
-        <span slot="footer" class="dialog-footer">
-            <el-button size="mini" @click="cancelTicket">取消</el-button>
-            <el-button size="mini" type="primary" @click="closeTicket">确认</el-button>
+        <span slot="footer">
+            <el-button type="primary" @click="closeTicket">确认</el-button>
+            <el-button @click="cancelTicket">取消</el-button>
         </span>
     </el-dialog>
 
@@ -172,7 +194,9 @@ import {
 import {
     getToken
 } from "@/utils/auth";
-import { getBill} from "@/api/service/bill/bill";
+import {
+    getBill
+} from "@/api/service/bill/bill";
 import AddBill from "@/views/service/bill/addBill";
 import EditBill from "@/views/service/bill/editBill";
 import DetailBill from "@/views/service/credit/billDetail";
@@ -183,12 +207,14 @@ import {
     listCompanyHandler
 } from "@/api/common/companyHandler";
 import Cookies from 'js-cookie'
+import SearchBar from '@/components/SearchBar/index.vue'
 export default {
     name: "financeOpen",
     components: {
         AddBill,
         EditBill,
-        DetailBill
+        DetailBill,
+        SearchBar
     },
     data() {
         return {
@@ -341,18 +367,18 @@ export default {
     methods: {
         //列表格式化金额
         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(/\.$/, "");
+            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(/\.$/, "");
         },
         // 取消按钮
         cancel() {
@@ -408,7 +434,7 @@ export default {
                 this.$refs.tablePay.clearSelection();
                 changeSelectionTemp.forEach((item) => {
                     var f = true;
-                    for (var i=0; i < this.payList.length; i++) {
+                    for (var i = 0; i < this.payList.length; i++) {
                         var row = this.payList[i];
                         if (row.zbiId == item.zbiId) {
                             this.$refs.tablePay && this.$refs.tablePay.toggleRowSelection(row, true);
@@ -482,10 +508,10 @@ export default {
                     this.getFile(this.ticketList);
                     //开立方赋值
                     this.$set(this.form, "openName", this.chooseTicket[0].payName);
-                    if(new Date(this.ticketList[0].zbiPayDate) >= new Date()){
+                    if (new Date(this.ticketList[0].zbiPayDate) >= new Date()) {
                         // this.form.zfiExpireDate = this.ticketList[0].zbiPayDate
                         //承诺还款日为空
-                        if(!this.form.zfiExpireDate){
+                        if (!this.form.zfiExpireDate) {
                             this.$set(this.form, "zfiExpireDate", this.ticketList[0].zbiPayDate);
                         }
                     }
@@ -898,7 +924,7 @@ export default {
                                             this.msgSuccess("融信资料已提交企业内部审批");
                                             this.$store.dispatch(
                                                 "tagsView/delView",
-                                                 this.$route
+                                                this.$route
                                             );
                                             this.$router.go(-1);
                                         } else {
@@ -1036,13 +1062,13 @@ export default {
         emitEditClick(val) {
             var self = this
             getBill(val).then((response) => {
-                for (var i = 0; i < this.ticketList.length; i ++) {
+                for (var i = 0; i < this.ticketList.length; i++) {
                     if (response.data.zbiId == this.ticketList[i].zbiId) {
                         this.$set(this.ticketList, i, response.data)
                         break;
                     }
                 }
-                for (var i = 0; i < this.ticketList.length; i ++) {
+                for (var i = 0; i < this.ticketList.length; i++) {
                     if (response.data.zbiId == this.ticketList[i].zbiId) {
                         this.$set(this.chooseTicket, i, response.data)
                         break;