发票验真提取公共组件InvoiceVerification

front-vue/src/components/InvoiceVerification/index.vue

@@ -0,0 +1,170 @@
+<template>
+<el-dialog title="发票验真" :visible.sync="open" width="1050px" append-to-body>
+    <el-row class="zap-bill-dialog" type="flex">
+        <div width="224px" style="background-color: white;flex: 0 0 224px;">
+            <el-button style="width: 224px;" type="primary" @click="openUploadInvoice">上传发票</el-button>
+            <div class="zap-bill-dialog__main">
+                <div class="zap-bill-dialog__title">
+                    <el-checkbox :indeterminate="isIndeterminate" @change="handleCheckAllChange">全选</el-checkbox>
+                    <label>已上传发票列表</label>
+                </div>
+                <div class="zap-bill-dialog__item" :style="
+                    item.ziiCheckStt == '1'
+                      ? { 'background-color': '#a8f87f' }
+                      : {}
+                  " v-for="(item, index) in fileList" :label="item" :key="index">
+                    <i class="el-icon-question" style="color: blue" v-if="item.ziiCheckStt == '0'"><label @click="changeInvoice(item)">
+                            <el-link :underline="false">{{
+                        item.name
+                      }}</el-link>
+                        </label></i>
+                    <i class="el-icon-success" style="color: green" v-if="item.ziiCheckStt == '1'"><label @click="changeInvoice(item)">
+                            <el-link :underline="false">{{
+                        item.name
+                      }}</el-link>
+                        </label></i>
+                    <i class="el-icon-error" style="color: red" v-if="item.ziiCheckStt == '2' || item.ziiCheckStt == '3'"><label @click="changeInvoice(item)">
+                            <el-link :underline="false">{{
+                        item.name
+                      }}</el-link>
+                        </label><label>{{ checkSttFormat(item) }}</label></i>
+                    <el-link style="float: right" type="primary" :underline="false" @click="delInvoice(item)">删除</el-link>
+                </div>
+            </div>
+            <div style="text-align: center; margin-top: 20px">
+                <el-button type="primary" @click="toCheckAgian()">再次验证</el-button>
+                <el-button type="primary" @click="submitCheck()">保存并上传</el-button>
+            </div>
+        </div>
+        <div style="margin-left: 32px;">
+            <el-row height="232px">
+                <el-image style="width: 700px; height: 232px" :src="invoice.url" fit="scale-down" @click="invoicePictureCardPreview(invoice)"></el-image>
+                <p v-if="invoice.zbiName && invoice.ziiCheckStt == '3'" style="text-align: center; color: red">
+                    发票重复，已存在名称为“{{ invoice.zbiName }}”的往来账款中!
+                </p>
+            </el-row>
+            <el-row class="mt20">
+                <el-form ref="invoice" label-width="auto" :disabled="invoice.ziiCheckStt == '1'">
+                    <el-col :span="12">
+                        <el-form-item label="发票代码：">
+                            <el-input class="zap-bill-dialog__input" v-model="invoice.ziiNo" maxlength="20" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="发票号码：">
+                            <el-input class="zap-bill-dialog__input" v-model="invoice.ziiNumber" maxlength="20" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="开票日期：">
+                            <el-date-picker class="zap-bill-dialog__input" v-model="invoice.ziiDate" value-format="yyyy-MM-dd" type="date" placeholder="选择日期">
+                            </el-date-picker>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="购货纳税人编号：">
+                            <el-input class="zap-bill-dialog__input" v-model="invoice.ziiPurchaserNo" maxlength="20" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="销货纳税人编号：">
+                            <el-input class="zap-bill-dialog__input" v-model="invoice.ziiSellerNo" maxlength="20" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="发票金额：">
+                            <el-input class="zap-bill-dialog__input" v-model="invoice.ziiTotalAmount" maxlength="16" @input.native="changeRate($event,invoice.ziiTotalAmount,'0')" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="税价金额：">
+                            <el-input class="zap-bill-dialog__input" v-model="invoice.ziiAmount" maxlength="16" @input.native="changeRate($event,invoice.ziiAmount,'1')" />
+                        </el-form-item>
+                    </el-col>
+                </el-form>
+            </el-row>
+            <el-footer>
+                <el-button type="primary" @click="queryDouble()" style="float: right">确定</el-button>
+            </el-footer>
+        </div>
+    </el-row>
+</el-dialog>
+</template>
+
+<script>
+export default {
+    name: "InvoiceVerification",
+    props: ['open', 'isIndeterminate', 'fileList', 'invoice'],
+    methods: {
+        openUploadInvoice() {
+            this.$emit('openUploadInvoice')
+        },
+        handleCheckAllChange(val) {
+            this.$emit('handleCheckAllChange', val)
+        },
+        changeInvoice(item) {
+            this.$emit('changeInvoice', item)
+        },
+        delInvoice(item) {
+            this.$emit('delInvoice', item)
+        },
+        toCheckAgian() {
+            this.$emit('toCheckAgian')
+        },
+        submitCheck() {
+            this.$emit('submitCheck')
+        },
+        invoicePictureCardPreview(invoice) {
+            this.$emit('invoicePictureCardPreview', invoice)
+        },
+        queryDouble () {
+          this.$emit('queryDouble')
+        },
+        //金额校验格式
+        changeRate(e, input, type) {
+            e.target.value = (e.target.value.match(/^\d*(\.?\d{0,2})/g)[0]) || null
+            this.input = e.target.value;
+            if ("0" == type) {
+                this.invoice.ziiTotalAmount = e.target.value;
+            } else if ("1" == type) {
+                this.invoice.ziiAmount = e.target.value;
+            }
+        },
+        //校验结果字典
+        checkSttFormat(row, column) {
+            return this.selectDictLabel(this.checkSttOptions, row.ziiCheckStt);
+        },
+    }
+}
+</script>
+
+<style lang="scss">
+.zap-bill-dialog {
+    padding: 25px 40px 35px;
+}
+
+.zap-bill-dialog__main {
+    height: 408px;
+    margin-top: 16px;
+    border-radius: 4px;
+    border: 1px dashed #4280F2;
+}
+
+.zap-bill-dialog__title {
+    height: 32px;
+    line-height: 32px;
+    text-align: center;
+    font-size: 12px;
+    color: #4280F2;
+    background-color: #EBF3FF;
+}
+
+.zap-bill-dialog__input {
+    width: 200px !important;
+}
+
+.zap-bill-dialog__item {
+    padding: 18px 16px;
+    font-size: 14px;
+}
+</style>

front-vue/src/views/service/bill/addBill.vue

@@ -3,7 +3,13 @@
     <el-row class="zap-margin-top">
         <el-row class="zap-title" type="flex" align="center"><span class="zap-title__prefix"></span>基本信息</el-row>
         <el-row class="zap-form">
-            <el-form ref="form" :model="form" :rules="rules" label-width="auto" label-position="top" :inline="true">
+            <el-form
+                ref="form"
+                :model="form"
+                :rules="rules"
+                label-width="auto"
+                label-position="top"
+                :inline="true">
                 <el-form-item label="账款类型" prop="wplIsInput" style="width: 300px" size="large">
                     <el-radio-group v-model="type" prop="type" @change="changePayer" :disabled="disabled">
                         <el-radio-button label="00" v-if="type != '01'">应付账款</el-radio-button>
@@ -14,11 +20,23 @@
                     <el-input v-model="form.zbiName" clearable placeholder="请输入账款名称" maxlength="20" style="width: 300px" />
                 </el-form-item>
                 <el-form-item label="应付方" prop="zbiPayerId" size="large">
-                    <el-select style="width: 300px" v-model="form.zbiPayerId" :disabled="true" filterable remote v-if="type == '00'">
+                    <el-select
+                        style="width: 300px"
+                        v-model="form.zbiPayerId"
+                        :disabled="true"
+                        filterable
+                        remote
+                        v-if="type == '00'">
                         <el-option :label="company.scyName" :value="company.scyId">
                         </el-option>
                     </el-select>
-                    <el-select style="width: 300px" v-model="form.zbiPayerId" filterable clearable remote v-if="type == '01'">
+                    <el-select
+                        style="width: 300px"
+                        v-model="form.zbiPayerId"
+                        filterable
+                        clearable
+                        remote
+                        v-if="type == '01'">
                         <el-option v-for="(item, index) in companyRelList" :key="index" :label="
                   item.launchScyId == company.scyId
                     ? item.receiveScyName
@@ -32,11 +50,23 @@
                     </el-select>
                 </el-form-item>
                 <el-form-item label="应收方" prop="zbiPayeeId" size="large">
-                    <el-select style="width: 300px" v-model="form.zbiPayeeId" :disabled="true" filterable remote v-if="type == '01'">
+                    <el-select
+                        style="width: 300px"
+                        v-model="form.zbiPayeeId"
+                        :disabled="true"
+                        filterable
+                        remote
+                        v-if="type == '01'">
                         <el-option :label="company.scyName" :value="company.scyId">
                         </el-option>
                     </el-select>
-                    <el-select style="width: 300px" v-model="form.zbiPayeeId" filterable clearable remote v-if="type == '00'">
+                    <el-select
+                        style="width: 300px"
+                        v-model="form.zbiPayeeId"
+                        filterable
+                        clearable
+                        remote
+                        v-if="type == '00'">
                         <el-option v-for="(item, index) in companyRelList" :key="index" :label="
                   item.launchScyId == company.scyId
                     ? item.receiveScyName
@@ -50,7 +80,14 @@
                     </el-select>
                 </el-form-item>
                 <el-form-item label="贸易日期" prop="zbiDate" size="large">
-                    <el-date-picker style="width: 300px" v-model="form.zbiDate" clearable value-format="yyyy-MM-dd" type="date" placeholder="选择日期" :picker-options="pickerOptionsStart">
+                    <el-date-picker
+                        style="width: 300px"
+                        v-model="form.zbiDate"
+                        clearable
+                        value-format="yyyy-MM-dd"
+                        type="date"
+                        placeholder="选择日期"
+                        :picker-options="pickerOptionsStart">
                     </el-date-picker>
                 </el-form-item>
                 <el-form-item :label="
@@ -60,9 +97,26 @@
                 ? '预计收款日期'
                 : '预计收/付款日期'
             " prop="zbiPayDate" size="large">
-                    <el-date-picker style="width: 300px" v-model="form.zbiPayDate" clearable value-format="yyyy-MM-dd" type="date" placeholder="选择日期" :picker-options="pickerOptionsEnd" v-if="payDate" :disabled="true">
+                    <el-date-picker
+                        style="width: 300px"
+                        v-model="form.zbiPayDate"
+                        clearable
+                        value-format="yyyy-MM-dd"
+                        type="date"
+                        placeholder="选择日期"
+                        :picker-options="pickerOptionsEnd"
+                        v-if="payDate"
+                        :disabled="true">
                     </el-date-picker>
-                    <el-date-picker style="width: 300px" v-model="form.zbiPayDate" clearable value-format="yyyy-MM-dd" type="date" placeholder="选择日期" :picker-options="pickerOptionsEnd" v-if="!payDate">
+                    <el-date-picker
+                        style="width: 300px"
+                        v-model="form.zbiPayDate"
+                        clearable
+                        value-format="yyyy-MM-dd"
+                        type="date"
+                        placeholder="选择日期"
+                        :picker-options="pickerOptionsEnd"
+                        v-if="!payDate">
                     </el-date-picker>
                 </el-form-item>
                 <el-form-item label="账款金额" size="large">
@@ -88,7 +142,13 @@
                 </el-form-item>
                 <el-row>
                     <el-form-item label="备注" size="large" style="width: 100%;">
-                        <el-input v-model="form.zbiRemark" placeholder="请输入备注" :autosize="{ minRows: 2, maxRows: 4 }" maxlength="100" type="textarea" style="width: 100%;" />
+                        <el-input
+                            v-model="form.zbiRemark"
+                            placeholder="请输入备注"
+                            :autosize="{ minRows: 2, maxRows: 4 }"
+                            maxlength="100"
+                            type="textarea"
+                            style="width: 100%;" />
                     </el-form-item>
                 </el-row>
             </el-form>
@@ -119,7 +179,15 @@
                 </el-row>
             </el-form>
 
-            <el-table :data="fileList" @selection-change="handleInvoiceSelectionChange" row-key="categoryId" default-expand-all :row-class-name="tableRowClassName" :tree-props="{ children: 'children', hasChildren: 'hasChildren' }" border stripe>
+            <el-table
+                :data="fileList"
+                @selection-change="handleInvoiceSelectionChange"
+                row-key="categoryId"
+                default-expand-all
+                :row-class-name="tableRowClassName"
+                :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
+                border
+                stripe>
                 <el-table-column type="selection" width="50" align="center" />
                 <el-table-column label="发票代码" align="center" prop="ziiNo" maxlength="10" />
                 <el-table-column label="发票号码" align="center" prop="ziiNumber" maxlength="10" />
@@ -137,7 +205,13 @@
             </el-table>
 
             <!-- 上传附件 -->
-            <el-dialog ref="uploadInvoice" class="zap-upload-invoice" :visible.sync="uploadOpen" :show-close="false" width="600px" append-to-body>
+            <el-dialog
+                ref="uploadInvoice"
+                class="zap-upload-invoice"
+                :visible.sync="uploadOpen"
+                :show-close="false"
+                width="600px"
+                append-to-body>
                 <el-row slot="title" class="zap-upload-invoice__title" type="flex" align="middle" justify="space-between">
                     <span class="title">上传发票</span>
                     <i class="el-icon-close" @click="bindClickCloseUploadInvoice"></i>
@@ -146,7 +220,19 @@
                     <span class="zap-upload-invoice__top-text">支持格式：.jpg，.jpeg，.png，单个文件不能超过3MB</span>
                 </el-row>
                 <el-row type="flex" align="middle" justify="center">
-                    <el-upload class="zap-upload-invoice__form" drag ref="upload" :file-list="fileList" :auto-upload="true" :http-request="httpRequest" :before-remove="beforeRemove" :on-remove="invoiceRemove" :before-upload="beforeAvatarUpload" accept=".jpg,.jpeg,.png" action="" multiple>
+                    <el-upload
+                        class="zap-upload-invoice__form"
+                        drag
+                        ref="upload"
+                        :file-list="fileList"
+                        :auto-upload="true"
+                        :http-request="httpRequest"
+                        :before-remove="beforeRemove"
+                        :on-remove="invoiceRemove"
+                        :before-upload="beforeAvatarUpload"
+                        accept=".jpg,.jpeg,.png"
+                        action=""
+                        multiple>
                         <div class="zap-upload-invoce__inner">
                             <i class="el-icon-upload" style="font-size: 64px;"></i>
                             <div class="zap-upload-invoice__text">
@@ -168,88 +254,36 @@
             </el-dialog>
 
             <!-- 发票验真 -->
-            <el-dialog title="发票验真" :visible.sync="open" width="1050px" append-to-body>
-                <el-container>
-                    <el-aside width="300px" style="background-color: white">
-                        <el-button type="primary" @click="openUploadInvoice">上传发票</el-button>
-                        <el-header style="background-color: #dfe2e8; text-align: center">
-                            <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox>
-                            <label>已上传发票列表</label>
-                        </el-header>
-                        <el-main style="height: 550px; border: groove">
-                            <div :style="
-                    item.ziiCheckStt == '1'
-                      ? { 'background-color': '#a8f87f' }
-                      : {}
-                  " v-for="(item, index) in fileList" :label="item" :key="index">
-                                <i class="el-icon-question" style="color: blue" v-if="item.ziiCheckStt == '0'"><label @click="changeInvoice(item)">
-                                        <el-link :underline="false">{{
-                        item.name
-                      }}</el-link>
-                                    </label></i>
-                                <i class="el-icon-success" style="color: green" v-if="item.ziiCheckStt == '1'"><label @click="changeInvoice(item)">
-                                        <el-link :underline="false">{{
-                        item.name
-                      }}</el-link>
-                                    </label></i>
-                                <i class="el-icon-error" style="color: red" v-if="item.ziiCheckStt == '2' || item.ziiCheckStt == '3'"><label @click="changeInvoice(item)">
-                                        <el-link :underline="false">{{
-                        item.name
-                      }}</el-link>
-                                    </label><label>{{ checkSttFormat(item) }}</label></i>
-                                <el-link style="float: right" type="primary" :underline="false" @click="delInvoice(item)">删除</el-link>
-                            </div>
-                        </el-main>
-                        <div style="text-align: center; margin-top: 20px">
-                            <el-button type="primary" @click="toCheckAgian()">再次验证</el-button>
-                            <el-button type="primary" @click="submitCheck()">保存并上传</el-button>
-                        </div>
-                    </el-aside>
-                    <el-container>
-                        <el-header height="300px">
-                            <el-image style="width: 650px; height: 267px" :src="invoice.url" fit="scale-down" @click="invoicePictureCardPreview(invoice)"></el-image>
-                            <p v-if="invoice.zbiName && invoice.ziiCheckStt == '3'" style="text-align: center; color: red">
-                                发票重复，已存在名称为“{{ invoice.zbiName }}”的往来账款中!
-                            </p>
-                        </el-header>
-                        <el-main>
-                            <el-form ref="invoice" label-width="auto" :inline="true" label-position="top" :disabled="invoice.ziiCheckStt == '1'">
-                                <el-form-item label="发票代码：">
-                                    <el-input v-model="invoice.ziiNo" maxlength="20" />
-                                </el-form-item>
-                                <el-form-item label="发票号码：">
-                                    <el-input v-model="invoice.ziiNumber" maxlength="20" />
-                                </el-form-item>
-                                <el-form-item label="开票日期：">
-                                    <el-date-picker v-model="invoice.ziiDate" value-format="yyyy-MM-dd" type="date" placeholder="选择日期">
-                                    </el-date-picker>
-                                </el-form-item>
-                                <el-form-item label="购货纳税人编号：">
-                                    <el-input v-model="invoice.ziiPurchaserNo" maxlength="20" />
-                                </el-form-item>
-                                <el-form-item label="销货纳税人编号：">
-                                    <el-input v-model="invoice.ziiSellerNo" maxlength="20" />
-                                </el-form-item>
-                                <el-form-item label="发票金额：">
-                                    <el-input v-model="invoice.ziiTotalAmount" maxlength="16" @input.native="changeRate($event,invoice.ziiTotalAmount,'0')" />
-                                </el-form-item>
-                                <el-form-item label="税价金额：">
-                                    <el-input v-model="invoice.ziiAmount" maxlength="16" @input.native="changeRate($event,invoice.ziiAmount,'1')" />
-                                </el-form-item>
-                            </el-form>
-                        </el-main>
-                        <el-footer>
-                            <el-button type="primary" @click="queryDouble()" style="float: right">确定</el-button>
-                        </el-footer>
-                    </el-container>
-                </el-container>
-            </el-dialog>
+            <invoice-verification
+              :open="open"
+              :fileList="fileList"
+              :invoice="invoice"
+              @openUploadInvoice="openUploadInvoice"
+              @handleCheckAllChange="handleCheckAllChange"
+              @changeInvoice="changeInvoice"
+              @delInvoice="delInvoice"
+              @toCheckAgian="toCheckAgian"
+              @submitCheck="submitCheck"
+              @invoicePictureCardPreview="invoicePictureCardPreview"
+              @queryDouble="queryDouble"
+            ></invoice-verification>
         </div>
     </el-row>
     <el-row class="zap-margin-top">
         <el-row class="zap-title" type="flex" align="middle"><span class="zap-title__prefix"></span>贸易合同</el-row>
         <div class="zap-form" style="padding-bottom: 20px">
-            <el-upload :file-list="contractList" :auto-upload="true" :http-request="httpRequestContract" action="" ref="contractUpload" list-type="picture-card" accept=".jpg,.jpeg,.png" :before-upload="beforeUpload" :on-preview="invoicePictureCardPreview" :before-remove="beforeRemove" :on-remove="handleRemoveContract">
+            <el-upload
+                :file-list="contractList"
+                :auto-upload="true"
+                :http-request="httpRequestContract"
+                action=""
+                ref="contractUpload"
+                list-type="picture-card"
+                accept=".jpg,.jpeg,.png"
+                :before-upload="beforeUpload"
+                :on-preview="invoicePictureCardPreview"
+                :before-remove="beforeRemove"
+                :on-remove="handleRemoveContract">
                 <!-- 触发文件选择框的内容 -->
                 <div slot="trigger" class="zap-contract-add__upload">
                     <i class="el-icon-upload"></i>
@@ -265,7 +299,18 @@
     <el-row class="zap-margin-top">
         <el-row class="zap-title" type="flex" align="middle"><span class="zap-title__prefix"></span>物流附件</el-row>
         <div class="zap-form" style="padding-bottom: 20px">
-            <el-upload :file-list="logisticsList" :auto-upload="true" :http-request="httpRequestLogistics" action="" ref="logisticsUpload" list-type="picture-card" accept=".jpg,.jpeg,.png" :before-upload="beforeUpload" :on-preview="invoicePictureCardPreview" :before-remove="beforeRemove" :on-remove="handleRemoveLogistics">
+            <el-upload
+                :file-list="logisticsList"
+                :auto-upload="true"
+                :http-request="httpRequestLogistics"
+                action=""
+                ref="logisticsUpload"
+                list-type="picture-card"
+                accept=".jpg,.jpeg,.png"
+                :before-upload="beforeUpload"
+                :on-preview="invoicePictureCardPreview"
+                :before-remove="beforeRemove"
+                :on-remove="handleRemoveLogistics">
                 <!-- 触发文件选择框的内容 -->
                 <div slot="trigger" class="zap-contract-add__upload">
                     <i class="el-icon-upload"></i>
@@ -281,7 +326,18 @@
     <el-row class="zap-margin-top">
         <el-row class="zap-title" type="flex" align="middle"><span class="zap-title__prefix"></span>其他附件</el-row>
         <div class="zap-form" style="padding-bottom: 20px">
-            <el-upload :file-list="otherList" :auto-upload="true" :http-request="httpRequestOther" action="" ref="otherUpload" list-type="picture-card" accept=".jpg,.jpeg,.png" :before-upload="beforeUpload" :on-preview="invoicePictureCardPreview" :before-remove="beforeRemove" :on-remove="handleRemoveOther">
+            <el-upload
+                :file-list="otherList"
+                :auto-upload="true"
+                :http-request="httpRequestOther"
+                action=""
+                ref="otherUpload"
+                list-type="picture-card"
+                accept=".jpg,.jpeg,.png"
+                :before-upload="beforeUpload"
+                :on-preview="invoicePictureCardPreview"
+                :before-remove="beforeRemove"
+                :on-remove="handleRemoveOther">
                 <!-- 触发文件选择框的内容 -->
                 <div slot="trigger" class="zap-contract-add__upload">
                     <i class="el-icon-upload"></i>
@@ -329,10 +385,10 @@ import {
 import {
     getToken
 } from "@/utils/auth";
-
+import InvoiceVerification from "@/components/InvoiceVerification"
 export default {
     name: "billAdd",
-    components: {},
+    components: {InvoiceVerification},
     props: {
         // 正常的业务数据，对应echarts饼图配置中series[0].data
         companyId: {
@@ -969,7 +1025,7 @@ export default {
         allAmount() {
             var strarr = [0.0];
             for (let i in this.fileList) {
-            if ( this.fileList[i]["ziiCheckStt"] == "1" &&  !!(this.fileList[i]["ziiAmount"])) {
+                if (this.fileList[i]["ziiCheckStt"] == "1" && !!(this.fileList[i]["ziiAmount"])) {
                     strarr.push(this.fileList[i]["ziiAmount"]);
                 }
             }
@@ -1116,7 +1172,6 @@ export default {
     background: rgb(223, 223, 223);
 }
 </style><style lang="scss" scoped>
-
 ::v-deep .el-radio-button__inner {
     display: flex;
     align-items: center;

front-vue/src/views/service/bill/billEdit.vue

@@ -6,23 +6,23 @@
         <el-row class="zap-form">
             <el-form ref="form" :model="form" :rules="rules" label-width="auto">
                 <el-row>
-                  <el-col :span="12">
-                    <el-form-item label="账款类型" prop="wplIsInput">
-                        <el-radio-group class="zap-form-input--large" v-model="type" prop="type" :disabled="true">
-                            <el-radio-button label="00" v-if="type == '00'">应付账款</el-radio-button>
-                            <el-radio-button label="01" v-if="type == '01'">应收账款</el-radio-button>
-                        </el-radio-group>
-                    </el-form-item>
-                  </el-col>
-                  <el-col :span="12">
-                      <el-form-item label="账款名称" prop="zbiName">
-                          <el-input class="zap-form-input--large" v-model="form.zbiName" clearable placeholder="请输入账款名称" maxlength="20" />
-                      </el-form-item>
-                  </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="账款类型" prop="wplIsInput">
+                            <el-radio-group class="zap-form-input--large" v-model="type" prop="type" :disabled="true">
+                                <el-radio-button label="00" v-if="type == '00'">应付账款</el-radio-button>
+                                <el-radio-button label="01" v-if="type == '01'">应收账款</el-radio-button>
+                            </el-radio-group>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="账款名称" prop="zbiName">
+                            <el-input class="zap-form-input--large" v-model="form.zbiName" clearable placeholder="请输入账款名称" maxlength="20" />
+                        </el-form-item>
+                    </el-col>
                 </el-row>
                 <el-col :span="12">
                     <el-form-item label="应付方" prop="zbiPayerId">
-                        <el-input  class="zap-form-input--large" v-model="form.payerName" maxlength="20" :disabled="true" v-if="
+                        <el-input class="zap-form-input--large" v-model="form.payerName" maxlength="20" :disabled="true" v-if="
                 company.scyId != form.zbiPayerId &&
                 company.scyId != form.zbiPayeeId
               " />
@@ -33,7 +33,13 @@
                             <el-option :label="company.scyName" :value="company.scyId">
                             </el-option>
                         </el-select>
-                        <el-select class="zap-form-input--large" v-model="form.zbiPayerId" filterable clearable remote v-if="
+                        <el-select
+                            class="zap-form-input--large"
+                            v-model="form.zbiPayerId"
+                            filterable
+                            clearable
+                            remote
+                            v-if="
                 (type == '01' && company.scyId == form.zbiPayerId) ||
                 (type == '01' && company.scyId == form.zbiPayeeId)
               ">
@@ -52,7 +58,7 @@
                 </el-col>
                 <el-col :span="12">
                     <el-form-item label="应收方" prop="zbiPayeeId">
-                        <el-input  class="zap-form-input--large" v-model="form.payeeName" maxlength="20" :disabled="true" v-if="
+                        <el-input class="zap-form-input--large" v-model="form.payeeName" maxlength="20" :disabled="true" v-if="
                 company.scyId != form.zbiPayerId &&
                 company.scyId != form.zbiPayeeId
               " />
@@ -63,7 +69,13 @@
                             <el-option :label="company.scyName" :value="company.scyId">
                             </el-option>
                         </el-select>
-                        <el-select class="zap-form-input--large" v-model="form.zbiPayeeId" filterable clearable remote v-if="
+                        <el-select
+                            class="zap-form-input--large"
+                            v-model="form.zbiPayeeId"
+                            filterable
+                            clearable
+                            remote
+                            v-if="
                 (type == '00' && company.scyId == form.zbiPayerId) ||
                 (type == '00' && company.scyId == form.zbiPayeeId)
               ">
@@ -82,7 +94,14 @@
                 </el-col>
                 <el-col :span="12">
                     <el-form-item label="贸易日期" prop="zbiDate" size="large">
-                        <el-date-picker class="zap-form-input--large" v-model="form.zbiDate" clearable value-format="yyyy-MM-dd" type="date" placeholder="选择日期" :picker-options="pickerOptionsStart">
+                        <el-date-picker
+                            class="zap-form-input--large"
+                            v-model="form.zbiDate"
+                            clearable
+                            value-format="yyyy-MM-dd"
+                            type="date"
+                            placeholder="选择日期"
+                            :picker-options="pickerOptionsStart">
                         </el-date-picker>
                     </el-form-item>
                 </el-col>
@@ -94,7 +113,14 @@
                 ? '预计收款日期'
                 : '预计收/付款日期'
             " prop="zbiPayDate" size="large">
-                        <el-date-picker class="zap-form-input--large" v-model="form.zbiPayDate" clearable value-format="yyyy-MM-dd" type="date" placeholder="选择日期" :picker-options="pickerOptionsEnd">
+                        <el-date-picker
+                            class="zap-form-input--large"
+                            v-model="form.zbiPayDate"
+                            clearable
+                            value-format="yyyy-MM-dd"
+                            type="date"
+                            placeholder="选择日期"
+                            :picker-options="pickerOptionsEnd">
                         </el-date-picker>
                     </el-form-item>
                 </el-col>
@@ -133,7 +159,13 @@
                 </el-col>
                 <el-row>
                     <el-form-item label="备注">
-                        <el-input  class="zap-form__textarea" v-model="form.zbiRemark" placeholder="请输入备注" :autosize="{ minRows: 2, maxRows: 4 }" maxlength="100" type="textarea" />
+                        <el-input
+                            class="zap-form__textarea"
+                            v-model="form.zbiRemark"
+                            placeholder="请输入备注"
+                            :autosize="{ minRows: 2, maxRows: 4 }"
+                            maxlength="100"
+                            type="textarea" />
                     </el-form-item>
                 </el-row>
             </el-form>
@@ -164,7 +196,14 @@
                 </el-row>
             </el-form>
 
-            <el-table :data="fileList" @selection-change="handleInvoiceSelectionChange" row-key="ziiId" default-expand-all :row-class-name="tableRowClassName" border stripe>
+            <el-table
+                :data="fileList"
+                @selection-change="handleInvoiceSelectionChange"
+                row-key="ziiId"
+                default-expand-all
+                :row-class-name="tableRowClassName"
+                border
+                stripe>
                 <el-table-column type="selection" width="50" align="center" />
                 <el-table-column label="发票代码" align="center" prop="ziiNo" maxlength="10" />
                 <el-table-column label="发票号码" align="center" prop="ziiNumber" maxlength="10" />
@@ -183,7 +222,19 @@
 
             <!-- 上传附件 -->
             <el-dialog title="上传发票" :visible.sync="uploadOpen" width="500px" append-to-body>
-                <el-upload class="upload-demo" drag ref="upload" :file-list="fileList" :auto-upload="true" :http-request="httpRequest" :before-remove="beforeRemove" :on-remove="invoiceRemove" :before-upload="beforeAvatarUpload" accept=".jpg,.jpeg,.png" action="" multiple>
+                <el-upload
+                    class="upload-demo"
+                    drag
+                    ref="upload"
+                    :file-list="fileList"
+                    :auto-upload="true"
+                    :http-request="httpRequest"
+                    :before-remove="beforeRemove"
+                    :on-remove="invoiceRemove"
+                    :before-upload="beforeAvatarUpload"
+                    accept=".jpg,.jpeg,.png"
+                    action=""
+                    multiple>
                     <i class="el-icon-upload"></i>
                     <div class="el-upload__text">
                         将文件拖到此处，或<em>点击选择文件</em>
@@ -202,94 +253,19 @@
             </el-dialog>
 
             <!-- 发票验真 -->
-            <el-dialog title="发票验真" :visible.sync="open" width="1050px" append-to-body>
-                <el-row class="zap-bill-dialog" type="flex">
-                    <div width="224px" style="background-color: white;flex: 0 0 224px;">
-                        <el-button style="width: 224px;" type="primary" @click="openUploadInvoice">上传发票</el-button>
-                        <div class="zap-bill-dialog__main">
-                            <div class="zap-bill-dialog__title"> <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox>
-                            <label>已上传发票列表</label></div>
-                            <div class="zap-bill-dialog__item" :style="
-                    item.ziiCheckStt == '1'
-                      ? { 'background-color': '#a8f87f' }
-                      : {}
-                  " v-for="(item, index) in fileList" :label="item" :key="index">
-                                <i class="el-icon-question" style="color: blue" v-if="item.ziiCheckStt == '0'"><label @click="changeInvoice(item)">
-                                        <el-link :underline="false">{{
-                        item.name
-                      }}</el-link>
-                                    </label></i>
-                                <i class="el-icon-success" style="color: green" v-if="item.ziiCheckStt == '1'"><label @click="changeInvoice(item)">
-                                        <el-link :underline="false">{{
-                        item.name
-                      }}</el-link>
-                                    </label></i>
-                                <i class="el-icon-error" style="color: red" v-if="item.ziiCheckStt == '2' || item.ziiCheckStt == '3'"><label @click="changeInvoice(item)">
-                                        <el-link :underline="false">{{
-                        item.name
-                      }}</el-link>
-                                    </label><label>{{ checkSttFormat(item) }}</label></i>
-                                <el-link style="float: right" type="primary" :underline="false" @click="delInvoice(item)">删除</el-link>
-                            </div>
-                        </div>
-                        <div style="text-align: center; margin-top: 20px">
-                            <el-button type="primary" @click="toCheckAgian()">再次验证</el-button>
-                            <el-button type="primary" @click="submitCheck()">保存并上传</el-button>
-                        </div>
-                    </div>
-                    <div style="margin-left: 32px;">
-                        <el-row height="232px">
-                            <el-image style="width: 700px; height: 232px" :src="invoice.url" fit="scale-down" @click="invoicePictureCardPreview(invoice)"></el-image>
-                            <p v-if="invoice.zbiName && invoice.ziiCheckStt == '3'" style="text-align: center; color: red">
-                                发票重复，已存在名称为“{{ invoice.zbiName }}”的往来账款中!
-                            </p>
-                        </el-row>
-                         <el-row class="mt20">
-                            <el-form ref="invoice" label-width="auto" :disabled="invoice.ziiCheckStt == '1'">
-                              <el-col :span="12">
-                                <el-form-item label="发票代码：">
-                                    <el-input class="zap-bill-dialog__input" v-model="invoice.ziiNo" maxlength="20" />
-                                </el-form-item>
-                              </el-col>
-                              <el-col :span="12">
-                                <el-form-item label="发票号码：">
-                                    <el-input class="zap-bill-dialog__input" v-model="invoice.ziiNumber" maxlength="20" />
-                                </el-form-item>
-                              </el-col>
-                              <el-col :span="12">
-                                <el-form-item label="开票日期：">
-                                    <el-date-picker class="zap-bill-dialog__input" v-model="invoice.ziiDate" value-format="yyyy-MM-dd" type="date" placeholder="选择日期">
-                                    </el-date-picker>
-                                </el-form-item>
-                              </el-col>
-                              <el-col :span="12">
-                                <el-form-item label="购货纳税人编号：">
-                                    <el-input class="zap-bill-dialog__input" v-model="invoice.ziiPurchaserNo" maxlength="20" />
-                                </el-form-item>
-                              </el-col>
-                              <el-col :span="12">
-                                <el-form-item label="销货纳税人编号：">
-                                    <el-input class="zap-bill-dialog__input" v-model="invoice.ziiSellerNo" maxlength="20" />
-                                </el-form-item>
-                              </el-col>
-                              <el-col :span="12">
-                                <el-form-item label="发票金额：">
-                                    <el-input class="zap-bill-dialog__input" v-model="invoice.ziiTotalAmount" maxlength="16" @input.native="changeRate($event,invoice.ziiTotalAmount,'0')" />
-                                </el-form-item>
-                              </el-col>
-                              <el-col :span="12">
-                                <el-form-item label="税价金额：">
-                                    <el-input class="zap-bill-dialog__input" v-model="invoice.ziiAmount" maxlength="16" @input.native="changeRate($event,invoice.ziiAmount,'1')" />
-                                </el-form-item>
-                              </el-col>
-                            </el-form>
-                        </el-row>
-                        <el-footer>
-                            <el-button type="primary" @click="queryDouble()" style="float: right">确定</el-button>
-                        </el-footer>
-                    </div>
-                </el-row>
-            </el-dialog>
+            <invoice-verification
+              :open="open"
+              :fileList="fileList"
+              :invoice="invoice"
+              @openUploadInvoice="openUploadInvoice"
+              @handleCheckAllChange="handleCheckAllChange"
+              @changeInvoice="changeInvoice"
+              @delInvoice="delInvoice"
+              @toCheckAgian="toCheckAgian"
+              @submitCheck="submitCheck"
+              @invoicePictureCardPreview="invoicePictureCardPreview"
+              @queryDouble="queryDouble"
+            ></invoice-verification>
         </div>
     </el-row>
     <el-row class="zap-margin-top">
@@ -297,7 +273,18 @@
         <div class="zap-form" style="padding-bottom: 20px;">
             <el-form ref="contract" label-width="auto" :inline="true">
             </el-form>
-            <el-upload :file-list="contractList" :auto-upload="true" :http-request="httpRequestContract" action="" ref="contractUpload" list-type="picture-card" accept=".jpg,.jpeg,.png" :before-upload="beforeUpload" :on-preview="invoicePictureCardPreview" :before-remove="beforeRemove" :on-remove="handleRemoveContract">
+            <el-upload
+                :file-list="contractList"
+                :auto-upload="true"
+                :http-request="httpRequestContract"
+                action=""
+                ref="contractUpload"
+                list-type="picture-card"
+                accept=".jpg,.jpeg,.png"
+                :before-upload="beforeUpload"
+                :on-preview="invoicePictureCardPreview"
+                :before-remove="beforeRemove"
+                :on-remove="handleRemoveContract">
                 <!-- 触发文件选择框的内容 -->
                 <div slot="trigger" class="zap-contract-add__upload">
                     <i class="el-icon-upload"></i>
@@ -315,7 +302,18 @@
         <div class="zap-form" style="padding-bottom: 20px;">
             <el-form ref="logistics" label-width="auto" :inline="true">
             </el-form>
-            <el-upload :file-list="logisticsList" :auto-upload="true" :http-request="httpRequestLogistics" action="" ref="logisticsUpload" list-type="picture-card" accept=".jpg,.jpeg,.png" :before-upload="beforeUpload" :on-preview="invoicePictureCardPreview" :before-remove="beforeRemove" :on-remove="handleRemoveLogistics">
+            <el-upload
+                :file-list="logisticsList"
+                :auto-upload="true"
+                :http-request="httpRequestLogistics"
+                action=""
+                ref="logisticsUpload"
+                list-type="picture-card"
+                accept=".jpg,.jpeg,.png"
+                :before-upload="beforeUpload"
+                :on-preview="invoicePictureCardPreview"
+                :before-remove="beforeRemove"
+                :on-remove="handleRemoveLogistics">
                 <!-- 触发文件选择框的内容 -->
                 <div slot="trigger" class="zap-contract-add__upload">
                     <i class="el-icon-upload"></i>
@@ -333,7 +331,18 @@
         <div class="zap-form" style="padding-bottom: 20px;">
             <el-form ref="other" label-width="auto" :inline="true">
             </el-form>
-            <el-upload :file-list="otherList" :auto-upload="true" :http-request="httpRequestOther" action="" ref="otherUpload" list-type="picture-card" accept=".jpg,.jpeg,.png" :before-upload="beforeUpload" :on-preview="invoicePictureCardPreview" :before-remove="beforeRemove" :on-remove="handleRemoveOther">
+            <el-upload
+                :file-list="otherList"
+                :auto-upload="true"
+                :http-request="httpRequestOther"
+                action=""
+                ref="otherUpload"
+                list-type="picture-card"
+                accept=".jpg,.jpeg,.png"
+                :before-upload="beforeUpload"
+                :on-preview="invoicePictureCardPreview"
+                :before-remove="beforeRemove"
+                :on-remove="handleRemoveOther">
                 <!-- 触发文件选择框的内容 -->
                 <div slot="trigger" class="zap-contract-add__upload">
                     <i class="el-icon-upload"></i>
@@ -383,10 +392,12 @@ import {
 import {
     getToken
 } from "@/utils/auth";
-
+import InvoiceVerification from "@/components/InvoiceVerification"
 export default {
     name: "billEdit",
-    components: {},
+    components: {
+        InvoiceVerification
+    },
     data() {
         return {
             // 选中数组
@@ -514,24 +525,24 @@ export default {
         };
     },
     computed: {
-      headerList() {
-          return [{
-                  icon: require('../../../assets/images/components/headerBar/icon_creater.png'),
-                  label: '创建人：',
-                  value: this.form.createUser
-              },
-              {
-                  icon: require('../../../assets/images/components/headerBar/icon_calendar.png'),
-                  label: '创建日期：',
-                  value: this.parseTime(new Date(this.form.createTime))
-              },
-              {
-                  icon: require('../../../assets/images/components/headerBar/icon_list.png'),
-                  label: '编号：',
-                  value: this.form.zbiNumber
-              },
-          ]
-      }
+        headerList() {
+            return [{
+                    icon: require('../../../assets/images/components/headerBar/icon_creater.png'),
+                    label: '创建人：',
+                    value: this.form.createUser
+                },
+                {
+                    icon: require('../../../assets/images/components/headerBar/icon_calendar.png'),
+                    label: '创建日期：',
+                    value: this.parseTime(new Date(this.form.createTime))
+                },
+                {
+                    icon: require('../../../assets/images/components/headerBar/icon_list.png'),
+                    label: '编号：',
+                    value: this.form.zbiNumber
+                },
+            ]
+        }
     },
     created() {
         const zbiId = this.$route.params && this.$route.params.zbiId;
@@ -723,16 +734,6 @@ export default {
                     loading.close();
                 });
         },
-        //金额校验格式
-        changeRate(e, input, type) {
-            e.target.value = (e.target.value.match(/^\d*(\.?\d{0,2})/g)[0]) || null
-            this.input = e.target.value;
-            if ("0" == type) {
-                this.invoice.ziiTotalAmount = e.target.value;
-            } else if ("1" == type) {
-                this.invoice.ziiAmount = e.target.value;
-            }
-        },
         //表格置灰
         tableRowClassName({
             row,
@@ -1053,7 +1054,7 @@ export default {
         allAmount() {
             var strarr = [0.0];
             for (let i in this.fileList) {
-            if ( this.fileList[i]["ziiCheckStt"] == "1" &&  !!(this.fileList[i]["ziiAmount"])) {
+                if (this.fileList[i]["ziiCheckStt"] == "1" && !!(this.fileList[i]["ziiAmount"])) {
                     strarr.push(this.fileList[i]["ziiAmount"]);
                 }
             }
@@ -1195,7 +1196,6 @@ export default {
     background: rgb(223, 223, 223);
 }
 </style><style lang="scss" scoped>
-
 .zap-title {
     padding: 25px;
     font-size: 16px;
@@ -1319,28 +1319,4 @@ export default {
     padding: 30px;
     text-align: center;
 }
-.zap-bill-dialog{
-  padding: 25px 40px 35px;
-}
-.zap-bill-dialog__main{
-  height: 408px;
-  margin-top: 16px;
-  border-radius: 4px;
-  border: 1px dashed #4280F2;
-}
-.zap-bill-dialog__title{
-  height: 32px;
-  line-height: 32px;
-  text-align: center;
-  font-size: 12px;
-  color: #4280F2;
-  background-color: #EBF3FF;
-}
-.zap-bill-dialog__input{
-  width: 200px !important;
-}
-.zap-bill-dialog__item{
-  padding: 18px 16px;
-  font-size: 14px;
-}
 </style>

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

@@ -75,46 +75,55 @@
     </el-row>
     <!-- 应收账款信息 -->
     <el-dialog :title="payTitle" :visible.sync="open" width="1120px" append-to-body destroy-on-close>
-        <search-bar :hiddenSetting="true" @query="handleQuerys" @reset="resetQuerys">
-            <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>
-        </search-bar>
-        <el-table :data="payList" ref="tablePay" class="single-select-table" @selection-change="handleSelectionChange" :row-key="rowkey" stripe border>
-            <el-table-column type="selection" :reserve-selection="true" width="50" align="center" />
-            <el-table-column label="序号" type="index" width="50" align="center">
-                <template slot-scope="scope">
-                    <span>{{ (queryParamsPay.pageNum - 1) * queryParamsPay.pageSize + scope.$index + 1}}</span>
-                </template>
-            </el-table-column>
-            <el-table-column label="账款名称" align="center" prop="zbiName" show-overflow-tooltip />
-            <el-table-column label="应收企业" align="center" prop="receiveName" />
-            <el-table-column label="应付企业" align="center" prop="payName" />
-            <el-table-column label="预计还款期" align="center" prop="zbiPayDate" show-overflow-tooltip />
-            <el-table-column label="金额" 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 type="primary" @click="closeTicket">确认</el-button>
-            <el-button @click="cancelTicket">取消</el-button>
-        </span>
+        <el-row class="zap-form">
+            <search-bar :hiddenSetting="true" @query="handleQuerys" @reset="resetQuerys">
+                <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>
+            </search-bar>
+            <el-table
+                :data="payList"
+                ref="tablePay"
+                class="single-select-table"
+                @selection-change="handleSelectionChange"
+                :row-key="rowkey"
+                stripe
+                border>
+                <el-table-column type="selection" :reserve-selection="true" width="50" align="center" />
+                <el-table-column label="序号" type="index" width="50" align="center">
+                    <template slot-scope="scope">
+                        <span>{{ (queryParamsPay.pageNum - 1) * queryParamsPay.pageSize + scope.$index + 1}}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="账款名称" align="center" prop="zbiName" show-overflow-tooltip />
+                <el-table-column label="应收企业" align="center" prop="receiveName" />
+                <el-table-column label="应付企业" align="center" prop="payName" />
+                <el-table-column label="预计还款期" align="center" prop="zbiPayDate" show-overflow-tooltip />
+                <el-table-column label="金额" 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 type="primary" @click="closeTicket">确认</el-button>
+                <el-button @click="cancelTicket">取消</el-button>
+            </span>
+        </el-row>
     </el-dialog>
 
     <!-- 新增往来账款 -->

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

@@ -1,7 +1,6 @@
 <template>
 <div class="app-container zap-main">
     <el-form ref="form" :model="form" :rules="rules" label-width="auto">
-
         <el-row class="zap-form pt20">
             <content-title title="开立融信"></content-title>
             <el-row class="zap-margin-top">
@@ -46,7 +45,7 @@
                             :picker-options="pickerOptions">
                         </el-date-picker>
                         <el-tooltip class="zap-form-tip" effect="light" content="签发有效期：即指定签发截止日期，对方企业在签发截止日内未处理该笔融信，本次融信操作将自动失效" placement="top">
-                            <img  src="../../../assets/images/icon_tip.png" alt="">
+                            <img src="../../../assets/images/icon_tip.png" alt="">
                         </el-tooltip>
                     </el-form-item>
                 </el-col>
@@ -116,46 +115,55 @@
     </el-row>
     <!-- 应付账款信息 -->
     <el-dialog :title="payTitle" :visible.sync="open" width="1120px" append-to-body destroy-on-close>
-        <search-bar :hiddenSetting="true" @query="handleQuerys" @reset="resetQuerys">
-            <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" border stripe>
-            <el-table-column type="selection" :reserve-selection="true" width="50" align="center" />
-            <el-table-column label="序号" type="index" width="50" align="center">
-                <template slot-scope="scope">
-                    <span>{{ (queryParamsPay.pageNum - 1) * queryParamsPay.pageSize + scope.$index + 1}}</span>
-                </template>
-            </el-table-column>
-            <el-table-column label="账款名称" align="center" prop="zbiName" show-overflow-tooltip />
-            <el-table-column label="应收企业" align="center" prop="receiveName" />
-            <el-table-column label="应付企业" align="center" prop="payName" />
-            <el-table-column label="预计还款期" align="center" prop="zbiPayDate" show-overflow-tooltip />
-            <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">
+        <el-row class="zap-form">
+            <search-bar :hiddenSetting="true" @query="handleQuerys" @reset="resetQuerys">
+                <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"
+                border
+                stripe>
+                <el-table-column type="selection" :reserve-selection="true" width="50" align="center" />
+                <el-table-column label="序号" type="index" width="50" align="center">
+                    <template slot-scope="scope">
+                        <span>{{ (queryParamsPay.pageNum - 1) * queryParamsPay.pageSize + scope.$index + 1}}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="账款名称" align="center" prop="zbiName" show-overflow-tooltip />
+                <el-table-column label="应收企业" align="center" prop="receiveName" />
+                <el-table-column label="应付企业" align="center" prop="payName" />
+                <el-table-column label="预计还款期" align="center" prop="zbiPayDate" show-overflow-tooltip />
+                <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" />
+        </el-row>
+        <el-row slot="footer" type="flex" justify="center" align="middle" style="height: 102px;">
             <el-button type="primary" @click="closeTicket">确认</el-button>
             <el-button @click="cancelTicket">取消</el-button>
-        </span>
+        </el-row>
     </el-dialog>
 
     <!-- 新增往来账款 -->
@@ -851,13 +859,13 @@ export default {
                                                 //查询有无平台审批
                                                 var platParam = {};
                                                 platParam.menuId = "1000000004";
-                                             var zfpPlatform =   this.creditLineList.zfpPlatform;
-                                             console.log(zfpPlatform,"zfpPlatform")
+                                                var zfpPlatform = this.creditLineList.zfpPlatform;
+                                                console.log(zfpPlatform, "zfpPlatform")
                                                 isOpenApproval(platParam).then((response) => {
                                                     var platResult = response.data.isOpen;
                                                     //开启平台审批
-                                                      //是否需平台审批(0:不需要,1:需要)
-                                                    if (platResult&&zfpPlatform=='1') {
+                                                    //是否需平台审批(0:不需要,1:需要)
+                                                    if (platResult && zfpPlatform == '1') {
                                                         _this.msgSuccess("融信资料已提交平台审核，平台审核时间为工作日：9：00—18：00；当日16：00之前提交资料，预计2小时内完成，请留意站内信息");
                                                         _this.$store.dispatch("tagsView/delView", _this.$route);
                                                         _this.$router.go(-1);
@@ -939,13 +947,13 @@ export default {
                                             //查询有无平台审批
                                             var platParam = {};
                                             platParam.menuId = "1000000004";
-                                               var zfpPlatform =   this.creditLineList.zfpPlatform;
-                                             console.log(zfpPlatform,"zfpPlatform")
+                                            var zfpPlatform = this.creditLineList.zfpPlatform;
+                                            console.log(zfpPlatform, "zfpPlatform")
                                             isOpenApproval(platParam).then((response) => {
                                                 var platResult = response.data.isOpen;
                                                 //开启平台审批
                                                 //是否需平台审批(0:不需要,1:需要)
-                                                if (platResult&&zfpPlatform=='1') {
+                                                if (platResult && zfpPlatform == '1') {
                                                     this.msgSuccess("融信资料已提交平台审核，平台审核时间为工作日：9：00—18：00；当日16：00之前提交资料，预计2小时内完成，请留意站内信息");
                                                     this.$store.dispatch("tagsView/delView", this.$route);
                                                     this.$router.go(-1);