8.2 20:17合并

src/views/contracts/billDetail.vue

@@ -66,7 +66,10 @@
       </el-descriptions-item>
     </el-descriptions>
 
-    <el-row v-permission="['admin']" style="margin:20px">
+    <el-row
+      v-permission="['salesman', 'admin']"
+      v-if="list[0].status === 0"
+      style="margin:20px">
       <el-col>
         <div class="titlesa" style="padding:10px">
           <span>审核反馈</span>
@@ -95,13 +98,17 @@
 
     <div class="btn">
       <el-button
-      v-permission="['admin']"
-      type="success" @click="success"
+      v-permission="['salesman', 'admin']"
+      v-if="list[0].status === 0"
+      type="success"
+      @click="success"
         >审核成功</el-button
       >
       <el-button
-      v-permission="['admin']"
-      type="danger" @click="failed"
+      v-permission="['salesman', 'admin']"
+      v-if="list[0].status === 0"
+      type="danger"
+      @click="failed"
         >审核失败</el-button
       >
       <el-button type="primary" @click="back">返回</el-button>

src/views/contracts/detail.vue

@@ -107,15 +107,16 @@
               @click="recoverContract"
             >恢复
             </el-button>
+
             <el-button
-              v-if="role === 1"
+              v-permission="['salesman', 'admin']"
               type="warning"
               style="float: right"
               @click="failed"
             >审核失败
             </el-button>
             <el-button
-              v-if="role === 1"
+              v-permission="['salesman', 'admin']"
               type="success"
               style="float: right"
               @click="success"
@@ -169,12 +170,21 @@
         >
           <template slot-scope="scope">
             <el-tag
+              v-permission="['salesman', 'admin']"
+              v-show="contract.status !== 0"
               type="primary"
               style="cursor: pointer; margin-right: 15px"
               @click="tapDetail(scope.row.id)"
             >查看详情</el-tag>
             <el-tag
-              v-if="scope.row.status == 2"
+              v-permission="['supplier']"
+              type="primary"
+              style="cursor: pointer; margin-right: 15px"
+              @click="tapDetail(scope.row.id)"
+            >查看详情</el-tag>
+            <el-tag
+              v-permission="['supplier']"
+              v-show="scope.row.status == 2"
               type="success"
               style="cursor: pointer; margin-right: 15px"
               @click="addNewBill(scope.row.id)"
@@ -196,6 +206,20 @@
       </el-table>
 
       <div class="pagesip">
+        <el-button
+          v-permission="['salesman', 'admin']"
+          v-show="contract.status !== 0"
+          type="primary"
+          @click="batSuccessed"
+          >审核成功</el-button
+        >
+        <el-button
+          v-permission="['salesman', 'admin']"
+          v-show="contract.status !== 0"
+          type="primary"
+          @click="batFailed"
+          >审核失败</el-button
+        >
         <el-button v-if="role === 2" type="primary" @click="addNewBill('')">
           新增汇票</el-button>
         <el-button
@@ -277,6 +301,58 @@ export default {
     this.getData()
   },
   methods: {
+    // 批量审核汇票 成功
+    batSuccessed() {
+      const ids = Array.from(this.multipleSelection, ({ id }) => id);
+      this.$request({
+        url: "/api/Contract/contractDraft/manager",
+        method: "post",
+        data: {
+          ids: ids,
+          operateType: 3,
+        },
+      }).then((res) => {
+        if (res.code === 200) {
+          this.$message({
+            type: "success",
+            message: res.msg,
+          });
+        } else {
+          this.$message({
+            type: "danger",
+            message: res.msg,
+          });
+        }
+
+        this.getData();
+      });
+    },
+    // 批量审核汇票失败
+    batFailed() {
+      const ids = Array.from(this.multipleSelection, ({ id }) => id);
+      this.$request({
+        url: "/api/Contract/contractDraft/manager",
+        method: "post",
+        data: {
+          ids: ids,
+          operateType: 4,
+        },
+      }).then((res) => {
+        if (res.code === 200) {
+          this.$message({
+            type: "success",
+            message: res.msg,
+          });
+        } else {
+          this.$message({
+            type: "danger",
+            message: res.msg,
+          });
+        }
+
+        this.getData();
+      });
+    },
     getData() {
       const id = this.$route.query.id
       this.$request({

src/views/contracts/index.vue

@@ -14,7 +14,7 @@
         </el-input>
       </div>
       <!-- 供应商查询 -->
-      <div  v-if="isOpenSupplierName" class="grid-content bg-purple">
+      <div v-if="isOpenSupplierName" class="grid-content bg-purple">
         <el-input
           v-model="formData.supplierName"
           placeholder="请输入供应商名称"
@@ -221,7 +221,8 @@
             >审核失败</el-button
           >
 
-          <el-button type="primary" @click="Exports">导出</el-button>
+          <el-button type="primary" @click="Exports">全部导出</el-button>
+          <el-button type="primary" @click="batchExports">批量导出</el-button>
           <el-button type="success" @click="recover">恢复</el-button>
           <el-button type="danger" @click="deleted">删除</el-button>
         </div>
@@ -267,7 +268,7 @@
 
 <script>
 import { dataConversionUtil } from "../../utils/Excel.js";
-import { contractsPageApi, contractExport } from "@/api/contracts";
+import { contractsPageApi } from "@/api/contracts";
 import { mapGetters } from "vuex";
 
 export default {
@@ -298,7 +299,7 @@ export default {
         contractStatus: "",
         draftStatus: "",
       },
-        isOpenSupplierName:false,//是否显示供应商查询
+      isOpenSupplierName: false, //是否显示供应商查询
       srcList: [],
       list: [],
       /* 表格数据 */
@@ -353,7 +354,7 @@ export default {
     this.checked = this.$store.state.user.checked;
     this.getData();
     //是否显示供应商查询
-    this.getSupplierName()
+    this.getSupplierName();
   },
   methods: {
     /* ajax发请求获取列表数据 */
@@ -630,18 +631,17 @@ export default {
     },
 
     //是否显示供应商查询
-    getSupplierName(){
+    getSupplierName() {
       console.log(this.roles);
-      if( this.roles[0] === "admin"){
-        this.isOpenSupplierName=true
-      }else if(this.roles[0]==="salesman"){
-        this.isOpenSupplierName=true
-      }else{
-        this.isOpenSupplierName=false
+      if (this.roles[0] === "admin") {
+        this.isOpenSupplierName = true;
+      } else if (this.roles[0] === "salesman") {
+        this.isOpenSupplierName = true;
+      } else {
+        this.isOpenSupplierName = false;
       }
     },
 
-  
     /* 分页功能，改变当前页 */
     handleCurrentChange(val) {
       this.currentPage = val;
@@ -661,45 +661,30 @@ export default {
       font.handleCurrentChange(cpage);
     },
 
-      /* 批量导出数据 */
-      handleSelectionChange(data) {
+    /* 批量导出数据 */
+    handleSelectionChange(data) {
       this.multipleSelection = data;
-      
     },
     handleAll(data) {
       this.multipleSelection = data;
     },
 
-
-    /* 导出合同列表数据 */
-    getContacts(){
-      
-    },
-
-
-
-    /* 导出 */
-    Exports() {
-      contractsExportApi({
-        supplierId: 1,
-      }).then((res) => {
-        console.log(res);
-      });
-
-      /*var tableHeader = [
+    /* 批量导出合同列表 */
+    batchExports() {
+      var tableHeader = [
         [
-          '序号',
-          '合同名称',
-          '合同编号',
-          '承兑人',
-          '出票人',
-          '汇票状态',
-          '合同状态',
-          '审核状态',
-          '时间'
-        ]
-      ]
-      var dataList = []
+          "序号",
+          "合同名称",
+          "合同编号",
+          "承兑人",
+          "出票人",
+          "汇票状态",
+          "合同状态",
+          "审核状态",
+          "时间",
+        ],
+      ];
+      var dataList = [];
       this.multipleSelection.forEach((item, index) => {
         dataList.push([
           index + 1,
@@ -710,12 +695,66 @@ export default {
           item.draftStatusText,
           item.contractStatusText,
           item.statusText,
-          item.createdAt
-        ])
-      })
-      dataConversionUtil.dataToExcel('合同列表', tableHeader, dataList)
-      this.$message.success('导出成功!')
-      */
+          item.createdAt,
+        ]);
+      });
+      dataConversionUtil.dataToExcel("合同列表", tableHeader, dataList);
+      this.$message.success("导出成功!");
+    },
+
+    /* 全部导出合同列表数据 */
+    getContacts() {
+      const data = {
+        pageIndex: '',
+        pageSize: '',
+        startTime: "",
+        endTime: "",
+        name: "",
+        contractStatus: "",
+        approveStatus: "",
+        draftStatus: "",
+        supplierId: "",
+      };
+      contractsPageApi({ data }).then((res) => {
+        const { result } = res.data;
+        this.multipleSelection = result;
+      });
+    },
+
+    /* 全部导出 */
+    Exports() {
+      this.getContacts();
+      setTimeout(() => {
+        var tableHeader = [
+          [
+            "序号",
+            "合同名称",
+            "合同编号",
+            "承兑人",
+            "出票人",
+            "汇票状态",
+            "合同状态",
+            "审核状态",
+            "时间",
+          ],
+        ];
+        var dataList = [];
+        this.multipleSelection.forEach((item, index) => {
+          dataList.push([
+            index + 1,
+            item.name,
+            item.contractNo,
+            item.acceptorName,
+            item.drawersName,
+            item.draftStatusText,
+            item.contractStatusText,
+            item.statusText,
+            item.createdAt,
+          ]);
+        });
+        dataConversionUtil.dataToExcel("合同列表", tableHeader, dataList);
+        this.$message.success("导出成功!");
+      }, 1000);
     },
   },
 };

src/views/delivery/index.vue

@@ -186,7 +186,8 @@
         <div class="btn" style="display: flex; justify-content: flex-end">
           <el-button type="primary" @click="failed">认证失败</el-button>
           <el-button type="primary" @click="success">认证成功</el-button>
-          <el-button type="primary" @click="Exports">批量导出</el-button>
+          <el-button type="primary" @click="Exports">全部导出</el-button>
+          <el-button type="primary" @click="batchExports">批量导出</el-button>
           <el-button type="success" @click="recover">恢复</el-button>
           <el-button type="danger" @click="deleted">禁用</el-button>
         </div>
@@ -234,7 +235,7 @@
 
 <script>
 import { dataConversionUtil } from "../../utils/Excel.js";
-import { getSupplierSearch, supplierExportApi } from "@/api/supplier";
+import { getSupplierSearch } from "@/api/supplier";
 
 export default {
   filters: {
@@ -335,14 +336,7 @@ export default {
         this.total = res.data.total;
       });
     },
-    handleSelectionChange(data) {
-      this.multipleSelection = data;
-      console.log(this.multipleSelection);
-    },
-    handleAll(data) {
-      this.multipleSelection = data;
-      console.log(this.multipleSelection);
-    },
+    
 
     toedit(id) {
       this.$router.push({
@@ -434,32 +428,23 @@ export default {
       font.handleCurrentChange(cpage);
     },
 
-    /* 导出 */
-    Exports() {
-      supplierExportApi({}).then((data) => {
-        console.log(data);
-        if (!data) {
-          return;
-        }
-        var blob = new Blob([data]);
-        var url = window.URL.createObjectURL(blob);
-        var aLink = document.createElement("a");
-        aLink.style.display = "none";
-        aLink.href = url;
-        aLink.setAttribute("download", "列表.xls");
-        document.body.appendChild(aLink);
-        aLink.click();
-        document.body.removeChild(aLink); //下载完成移除元素
-        window.URL.revokeObjectURL(url); //释放掉blob对象
-      });
 
+    /* 批量导出数据 */
+    handleSelectionChange(data) {
+      this.multipleSelection = data;
+    },
+    handleAll(data) {
+      this.multipleSelection = data;
+    },
+    /* 批量导出数据 */
+    batchExports() {
       if (this.multipleSelection == "") {
         this.$message({
           type: "warning",
           message: "请选择数据!",
         });
       } else {
-        /*var tableHeader = [
+        var tableHeader = [
           [
             "序号",
             "供应商名称",
@@ -488,9 +473,63 @@ export default {
         });
         dataConversionUtil.dataToExcel("供应商列表", tableHeader, dataList);
         this.$message.success("导出成功!");
-        */
       }
     },
+
+    /* 全部导出承兑人列表数据 */
+    getContacts() {
+      const data = {
+        pageIndex: "",
+        pageSize: "",
+        startTime: "",
+        endTime: "",
+        name: "",
+        status: "",
+        socialCode:'',
+        legalPerson:'',
+        isDeleted:'',
+      };
+      getSupplierSearch({ data }).then((res) => {
+        const { result } = res.data;
+        this.multipleSelection = result;
+      });
+    },
+     /* 全部导出 */
+    Exports() {
+      this.getContacts();
+      setTimeout(() => {
+        var tableHeader = [
+          ["序号",
+            "供应商名称",
+            "社会统一信用码",
+            "账号",
+            "法人名称",
+            "联系人",
+            "电话",
+            "审核状态",
+            "时间",],
+        ];
+        var dataList = [];
+        this.multipleSelection.forEach((item, index) => {
+          dataList.push([
+            index + 1,
+            item.name,
+            item.socialCode,
+            item.account,
+            item.legalPerson,
+            item.contacts,
+            item.contactsMobile,
+            item.statusText,
+            item.createdAt,
+          ]);
+        });
+        dataConversionUtil.dataToExcel("供应商列表", tableHeader, dataList);
+        this.$message.success("导出成功!");
+      }, 1000);
+    },
+
+   
+
     success() {
       let ids = Array.from(this.multipleSelection, ({ id }) => id);
       this.$request({

src/views/form/index.vue

@@ -1,473 +1,549 @@
 <template>
+  <div class="app-container">
+    <el-row type="flex" justify="space-between" style="margin-bottom: 20px">
+      <div class="grid-content bg-purple">
+        <div class="grid-content bg-purple" style="margin-left: 30px">
+          <el-input
+            placeholder="请输入出票人名称"
+            v-model="formData.name"
+            @change="Search"
+            clearable
+            style="width: 100%"
+          >
+            <i slot="prefix" class="el-input__icon el-icon-search"></i>
+          </el-input>
+        </div>
+      </div>
+      <div class="grid-content bg-purple">
+        <el-dropdown @command="handleCommand">
+          <div class="pulldown">
+            <span class="el-dropdown-link" v-if="!status"> 出票人状态 </span>
+            <span class="el-dropdown-link" v-if="status">
+              {{ status }}
+            </span>
+            <i class="el-icon-arrow-down el-icon--right"></i>
+          </div>
+          <el-dropdown-menu slot="dropdown">
+            <el-dropdown-item command="全部">全部</el-dropdown-item>
+            <el-dropdown-item command="正常">正常</el-dropdown-item>
+            <el-dropdown-item command="删除">删除</el-dropdown-item>
+          </el-dropdown-menu>
+        </el-dropdown>
+      </div>
+
+      <div
+        class="grid-content bg-purple"
+        style="display: flex; justify-content: flex-end"
+      >
+        <el-button type="primary" @click="dialogVisible2 = true"
+          >新增出票人</el-button
+        >
+        <el-button type="primary" @click="Exports">全部导出</el-button>
+        <el-button type="primary" @click="batchExports">批量导出</el-button>
+      </div>
+    </el-row>
 
-	<div class="app-container">
-		<el-row type="flex" justify="space-between" style="margin-bottom: 20px">
-			<div class="grid-content bg-purple">
-				<div class="grid-content bg-purple" style="margin-left: 30px">
-					<el-input placeholder="请输入出票人名称" v-model="formData.name" @change="Search" clearable
-						style="width: 100%">
-						<i slot="prefix" class="el-input__icon el-icon-search"></i>
-					</el-input>
-				</div>
-			</div>
-			<div class="grid-content bg-purple">
-				<el-dropdown @command="handleCommand">
-					<div class="pulldown">
-						<span class="el-dropdown-link" v-if="!status"> 出票人状态 </span>
-						<span class="el-dropdown-link" v-if="status">
-							{{ status }}
-						</span>
-						<i class="el-icon-arrow-down el-icon--right"></i>
-					</div>
-					<el-dropdown-menu slot="dropdown">
-						<el-dropdown-item command="全部">全部</el-dropdown-item>
-						<el-dropdown-item command="正常">正常</el-dropdown-item>
-						<el-dropdown-item command="删除">删除</el-dropdown-item>
-					</el-dropdown-menu>
-				</el-dropdown>
-			</div>
+    <!--修改出票人弹窗 -->
+    <el-dialog title="修改出票人" :visible.sync="dialogVisible1" width="500px">
+      <el-form ref="form" :model="tableData" label-width="80px">
+        <el-form-item label="姓名" prop="tableData.name">
+          <el-input v-model="tableData.name" style="width: 100%"></el-input>
+        </el-form-item>
+        <el-form-item label="银行账户" prop="tableData.bankAccount">
+          <el-input
+            v-model="tableData.bankAccount"
+            style="width: 100%"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="银行名称" prop="tableData.bankName">
+          <el-input v-model="tableData.bankName" style="width: 100%"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="dialogVisible1 = false">取 消</el-button>
+          <el-button type="primary" @click="onSubmit">提交修改</el-button>
+        </el-form-item>
+      </el-form>
+    </el-dialog>
+
+    <el-dialog title="新增出票人" :visible.sync="dialogVisible2" width="500px">
+      <el-form ref="form" :model="form" label-width="100px">
+        <el-form-item label="出票人名称" style="width: 100%" prop="name">
+          <el-input v-model="form.name"></el-input>
+        </el-form-item>
+        <el-form-item label="账号" style="width: 100%" prop="bankAccount">
+          <el-input v-model="form.bankAccount"></el-input>
+        </el-form-item>
+        <el-form-item label="开户行名称" style="width: 100%" prop="bankName">
+          <el-input v-model="form.bankName"></el-input>
+        </el-form-item>
+        <el-form-item style="display: flex">
+          <el-button @click="dialogVisible2 = false">取 消</el-button>
+          <el-button type="primary" @click="addTicketdrawer"
+            >确认添加</el-button
+          >
+        </el-form-item>
+      </el-form>
+    </el-dialog>
 
-			<div class="grid-content bg-purple" style="display: flex; justify-content: flex-end">
-				<el-button type="primary" @click="dialogVisible2=true">新增出票人</el-button>
-				<el-button type="primary" @click="Exports">批量导出</el-button>
-			</div>
-		</el-row>
-		
-		<!--修改出票人弹窗 -->
-		<el-dialog title="修改出票人" :visible.sync="dialogVisible1" width="500px">
-		<el-form ref="form" :model="tableData" label-width="80px">
-			<el-form-item label="姓名" prop="tableData.name">
-				<el-input v-model="tableData.name" style="width: 100%;"></el-input>
-			</el-form-item>
-			<el-form-item label="银行账户" prop="tableData.bankAccount">
-				<el-input v-model="tableData.bankAccount" style="width: 100%;"></el-input>
-			</el-form-item>
-			<el-form-item label="银行名称" prop="tableData.bankName">
-				<el-input v-model="tableData.bankName" style="width: 100%;"></el-input>
-			</el-form-item>
-			<el-form-item >
-				<el-button @click="dialogVisible1 = false">取 消</el-button>
-				<el-button type="primary" @click="onSubmit">提交修改</el-button>
-			</el-form-item>
-		</el-form>
-		</el-dialog>
-		
-		<el-dialog title="新增出票人" :visible.sync="dialogVisible2" width="500px">
-			<el-form ref="form" :model="form" label-width="100px">
-				<el-form-item label="出票人名称" style="width: 100%;" prop="name">
-					<el-input v-model="form.name"></el-input>
-				</el-form-item>
-				<el-form-item label="账号" style="width: 100%;" prop="bankAccount">
-					<el-input v-model="form.bankAccount"></el-input>
-				</el-form-item>
-				<el-form-item label="开户行名称" style="width: 100%;" prop="bankName">
-					<el-input v-model="form.bankName"></el-input>
-				</el-form-item>
-				<el-form-item style="display: flex;">
-					<!-- <el-button type="primary" @click="resetForm('form')">重置</el-button> -->
-					<el-button @click="dialogVisible2 = false">取 消</el-button>
-					<el-button type="primary" @click="addTicketdrawer">确认添加</el-button>
-				</el-form-item>
-			</el-form>
-		</el-dialog>
-		
-		<el-table v-loading="listLoading" :data="temporaryList" element-loading-text="Loading" border fit
-			highlight-current-row @select="handleSelectionChange" @select-all="handleAll">
-			<el-table-column align="center" type="selection"> </el-table-column>
-			<el-table-column label="出票人名称" align="center" prop="name">
-			</el-table-column>
-			<el-table-column label="账号" align="center" prop="bankAccount">
-			</el-table-column>
-			<el-table-column align="center" prop="bankName" label="开户行名称">
-			</el-table-column>
-			<el-table-column align="center" prop="statusText" label="出票人状态">
-			</el-table-column>
-			<el-table-column align="center" prop="createdAt" label="时间">
-			</el-table-column>
-			<el-table-column align="center" prop="created_at" label="操作" width="250">
-				<template slot-scope="scope">
-					<!-- <el-tag
+    <el-table
+      v-loading="listLoading"
+      :data="temporaryList"
+      element-loading-text="Loading"
+      border
+      fit
+      highlight-current-row
+      @select="handleSelectionChange"
+      @select-all="handleAll"
+    >
+      <el-table-column align="center" type="selection"> </el-table-column>
+      <el-table-column label="出票人名称" align="center" prop="name">
+      </el-table-column>
+      <el-table-column label="账号" align="center" prop="bankAccount">
+      </el-table-column>
+      <el-table-column align="center" prop="bankName" label="开户行名称">
+      </el-table-column>
+      <el-table-column align="center" prop="statusText" label="出票人状态">
+      </el-table-column>
+      <el-table-column align="center" prop="createdAt" label="时间">
+      </el-table-column>
+      <el-table-column
+        align="center"
+        prop="created_at"
+        label="操作"
+        width="250"
+      >
+        <template slot-scope="scope">
+          <el-tag
             type="primary"
             style="cursor: pointer; margin-right: 15px"
-            @click="todetail(scope.row.id)"
+            @click="modify(scope.row.id)"
+            >修改
+          </el-tag>
+          <el-tag
+            type="success"
+            style="cursor: pointer; margin-right: 15px"
+            @click="recover(scope.row.id)"
+            v-if="scope.row.status == 1"
+            >恢复
+          </el-tag>
+          <el-tag
+            type="danger"
+            style="cursor: pointer; margin-right: 15px"
+            @click="deletestatus(scope.row.id)"
+            v-if="scope.row.status == 0"
+            >删除</el-tag
           >
-            详情</el-tag
-          > -->
-					<el-tag type="primary" style="cursor: pointer; margin-right: 15px" @click="modify(scope.row.id)"
-						>修改
-					</el-tag>
-					<el-tag type="success" style="cursor: pointer; margin-right: 15px" @click="recover(scope.row.id)"
-						v-if="scope.row.status == 1">恢复
-					</el-tag>
-					<el-tag type="danger" style="cursor: pointer; margin-right: 15px"
-						@click="deletestatus(scope.row.id)" v-if="scope.row.status == 0">删除</el-tag>
-				</template>
-			</el-table-column>
-		</el-table>
-		<div class="pagesip">
-			<el-button type="primary" size="small"
-				style="background-color: #d8ab5a; border-color: #d8ab5a; margin: 0 20px" @click="jumpFirstPage">首页
-			</el-button>
-			<el-pagination background @current-change="handleCurrentChange" layout="total,prev, pager, next"
-				:total="total" :page-size="pagesize" :current-page="currentPage" prev-text="上一页" next-text="下一页"
-				:hide-on-single-page="false" ref="pagination">
-			</el-pagination>
-			<el-button type="primary" size="small"
-				style="background-color: #d8ab5a; border-color: #d8ab5a; margin: 0 20px" @click="jumpLastPage">尾页
-			</el-button>
-		</div>
-	</div>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="pagesip">
+      <el-button
+        type="primary"
+        size="small"
+        style="background-color: #d8ab5a; border-color: #d8ab5a; margin: 0 20px"
+        @click="jumpFirstPage"
+        >首页
+      </el-button>
+      <el-pagination
+        background
+        @current-change="handleCurrentChange"
+        layout="total,prev, pager, next"
+        :total="total"
+        :page-size="pagesize"
+        :current-page="currentPage"
+        prev-text="上一页"
+        next-text="下一页"
+        :hide-on-single-page="false"
+        ref="pagination"
+      >
+      </el-pagination>
+      <el-button
+        type="primary"
+        size="small"
+        style="background-color: #d8ab5a; border-color: #d8ab5a; margin: 0 20px"
+        @click="jumpLastPage"
+        >尾页
+      </el-button>
+    </div>
+  </div>
 </template>
 
 <script>
-	import {
-		getList
-	} from "@/api/table";
-	import {
-		dataConversionUtil
-	} from "../../utils/Excel.js";
-	import {
-		getDrawerSearch
-	} from "@/api/drawer";
-	export default {
-		filters: {
-			statusFilter(status) {
-				const statusMap = {
-					published: "success",
-					draft: "gray",
-					deleted: "danger",
-				};
-				return statusMap[status];
-			},
-		},
-		data() {
-			return {
-				// 弹窗显示
-				dialogVisible1:false,
-				dialogVisible2:false,
-				// 表单数据
-				formData: {
-					startTime: "",
-					endTime: "",
-					name: "", // 出票人
-					status: "", // 出票人状态
-				},
-				// 新增出票人数据
-				form:{
-					name: '',
-					bankAccount: '',
-					bankName: '',
-				},
-				// 修改出票人数据
-				tableData: {
-					name: '',
-					bankAccount: '',
-					bankName: '',
-					id: '',
-					createdAt: '',
-					status: '',
-					statusText: '',
-				},
-				/* 当前页数 */
-				currentPage: 1,
-				/* 每页显示个数 */
-				pagesize: 10,
-				/* 总条数 */
-				total: 20,
-				multipleSelection: [],
-				srcList: [],
-				list: [],
-				temporaryList: [],
-				listLoading: false,
-				status: "",
-				hpstatus: "",
-				search: "",
-				checked: "",
-				pickerOptions: {
-					shortcuts: [{
-							text: "最近一周",
-							onClick(picker) {
-								const end = new Date();
-								const start = new Date();
-								start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
-								picker.$emit("pick", [start, end]);
-							},
-						},
-						{
-							text: "最近一个月",
-							onClick(picker) {
-								const end = new Date();
-								const start = new Date();
-								start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
-								picker.$emit("pick", [start, end]);
-							},
-						},
-						{
-							text: "最近三个月",
-							onClick(picker) {
-								const end = new Date();
-								const start = new Date();
-								start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
-								picker.$emit("pick", [start, end]);
-							},
-						},
-					],
-				},
-				value1: "",
-				value2: "",
-			};
-		},
+import { getList } from "@/api/table";
+import { dataConversionUtil } from "../../utils/Excel.js";
+import { getDrawerSearch } from "@/api/drawer";
+export default {
+  filters: {
+    statusFilter(status) {
+      const statusMap = {
+        published: "success",
+        draft: "gray",
+        deleted: "danger",
+      };
+      return statusMap[status];
+    },
+  },
+  data() {
+    return {
+      // 弹窗显示
+      dialogVisible1: false,
+      dialogVisible2: false,
+      // 表单数据
+      formData: {
+        startTime: "",
+        endTime: "",
+        name: "", // 出票人
+        status: "", // 出票人状态
+      },
+      // 新增出票人数据
+      form: {
+        name: "",
+        bankAccount: "",
+        bankName: "",
+      },
+      // 修改出票人数据
+      tableData: {
+        name: "",
+        bankAccount: "",
+        bankName: "",
+        id: "",
+        createdAt: "",
+        status: "",
+        statusText: "",
+      },
+      /* 当前页数 */
+      currentPage: 1,
+      /* 每页显示个数 */
+      pagesize: 10,
+      /* 总条数 */
+      total: 20,
+      multipleSelection: [],
+      srcList: [],
+      list: [],
+      temporaryList: [],
+      listLoading: false,
+      status: "",
+      hpstatus: "",
+      search: "",
+      checked: "",
+      pickerOptions: {
+        shortcuts: [
+          {
+            text: "最近一周",
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+              picker.$emit("pick", [start, end]);
+            },
+          },
+          {
+            text: "最近一个月",
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+              picker.$emit("pick", [start, end]);
+            },
+          },
+          {
+            text: "最近三个月",
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+              picker.$emit("pick", [start, end]);
+            },
+          },
+        ],
+      },
+      value1: "",
+      value2: "",
+    };
+  },
+
+  mounted() {
+    this.checked = this.$store.state.user.checked;
+    this.getAllList();
+  },
+  methods: {
+    /* 获取列表数据 */
+    getAllList(searchForm = {}) {
+      const params = {
+        pageIndex: this.currentPage,
+        pageSize: this.pagesize,
+      };
+      getDrawerSearch({
+        ...params,
+        ...searchForm,
+      }).then((res) => {
+        const { data } = res;
+        this.temporaryList = data.result;
+        this.srcList = data.result;
+        this.total = res.data.total;
+      });
+    },
 
-		mounted() {
-			this.checked = this.$store.state.user.checked;
-			this.getAllList();
-		},
-		methods: {
-			/* 获取列表数据 */
-			getAllList(searchForm = {}) {
-				const params = {
-					pageIndex: this.currentPage,
-					pageSize: this.pagesize,
-				};
-				getDrawerSearch({
-					...params,
-					...searchForm
-				}).then((res) => {
-					const {
-						data
-					} = res;
-					this.temporaryList = data.result;
-					this.srcList = data.result;
-					this.total = res.data.total;
-				});
-			},
-			
-			
-			addTicketdrawer() {
-				this.$router.push({
-					path: "/form/addTicketdrawer",
-				});
-			},
-			todetail(id) {
-				console.log(id);
-				this.$router.push({
-					path: "/form/detail",
-					query: {
-						id: id,
-					},
-				});
-			},
-			recover(id) {
-				this.$request({
-					url: "/api/Drawer/manager",
-					method: "post",
-					data: {
-						ids: [id],
-						operateType: 2,
-					},
-				}).then((res) => {
-					if (res.code == 200) {
-						this.$message({
-							type: "success",
-							message: "恢复成功",
-						});
-						this.getAllList();
-					} else {
-						this.$message({
-							type: "danger",
-							message: "恢复失败",
-						});
-						this.getAllList();
-					}
-				});
-			},
-			deletestatus(id) {
-				this.$request({
-					url: "/api/Drawer/manager",
-					method: "post",
-					data: {
-						ids: [id],
-						operateType: 1,
-					},
-				}).then((res) => {
-					if (res.code == 200) {
-						this.$message({
-							type: "success",
-							message: "删除成功",
-						});
-						this.getAllList();
-					} else {
-						this.$message({
-							type: "danger",
-							message: "删除失败",
-						});
-						this.getAllList();
-					}
-				});
-			},
-			
-			// 修改信息弹窗
-			modify(id){
-				this.dialogVisible1=true
-				this.$request({
-					url: '/api/Drawer/' + id,
-					method: 'get',
-				}).then((res) => {
-					this.tableData = res.data
-					this.talbeData = this.$route.query.id
-				})
-			},
-			// 修改信息弹窗提交
-			onSubmit(){
-				this.$request({
-					url: '/api/Drawer/update',
-					method: 'post',
-					data: this.tableData
-				}).then((res) => {
-					if (res.code == 200) {
-						this.$message({
-							type: 'success',
-							message: '修改成功!'
-						})
-						this.getAllList();
-						this.dialogVisible1=false
-					} else {
-						this.$message({
-							type: 'danger',
-							message: '修改失败!'
-						})
-					}
-				})
-			},
-			// 新增出票人弹窗
-			addTicketdrawer(){
-				this.$request({
-					url: '/api/Drawer',
-					method: 'post',
-					data: this.form
-				}).then((res) => {
-					if(res.code===200){
-						this.$message("添加成功!")
-						this.getAllList();
-						this.dialogVisible2=false
-					}else{
-						this.$message("提交失败")
-					}
-				})
-			},
-			
+    addTicketdrawer() {
+      this.$router.push({
+        path: "/form/addTicketdrawer",
+      });
+    },
+    todetail(id) {
+      console.log(id);
+      this.$router.push({
+        path: "/form/detail",
+        query: {
+          id: id,
+        },
+      });
+    },
+    recover(id) {
+      this.$request({
+        url: "/api/Drawer/manager",
+        method: "post",
+        data: {
+          ids: [id],
+          operateType: 2,
+        },
+      }).then((res) => {
+        if (res.code == 200) {
+          this.$message({
+            type: "success",
+            message: "恢复成功",
+          });
+          this.getAllList();
+        } else {
+          this.$message({
+            type: "danger",
+            message: "恢复失败",
+          });
+          this.getAllList();
+        }
+      });
+    },
+    deletestatus(id) {
+      this.$request({
+        url: "/api/Drawer/manager",
+        method: "post",
+        data: {
+          ids: [id],
+          operateType: 1,
+        },
+      }).then((res) => {
+        if (res.code == 200) {
+          this.$message({
+            type: "success",
+            message: "删除成功",
+          });
+          this.getAllList();
+        } else {
+          this.$message({
+            type: "danger",
+            message: "删除失败",
+          });
+          this.getAllList();
+        }
+      });
+    },
 
-			/* 输入出票人状态查询 */
-			handleCommand(command) {
-				this.status = command;
-				if (command === '正常') {
-					this.formData.status = 5
-				}
-				if (command === '删除') {
-					this.formData.status = 4
-				}
-				if (command === '全部') {
-					this.formData.status = ''
-				}
-				this.currentPage = 1;
-				this.searchForm = {
-					...this.formData
-				};
-				this.getAllList(this.searchForm);
-			},
-			/* 输入出票人名称查询 */
-			Search() {
-				this.currentPage = 1;
-				this.searchForm = {
-					...this.formData
-				};
-				this.getAllList(this.searchForm);
-			},
+    // 修改信息弹窗
+    modify(id) {
+      this.dialogVisible1 = true;
+      this.$request({
+        url: "/api/Drawer/" + id,
+        method: "get",
+      }).then((res) => {
+        this.tableData = res.data;
+        this.talbeData = this.$route.query.id;
+      });
+    },
+    // 修改信息弹窗提交
+    onSubmit() {
+      this.$request({
+        url: "/api/Drawer/update",
+        method: "post",
+        data: this.tableData,
+      }).then((res) => {
+        if (res.code == 200) {
+          this.$message({
+            type: "success",
+            message: "修改成功!",
+          });
+          this.getAllList();
+          this.dialogVisible1 = false;
+        } else {
+          this.$message({
+            type: "danger",
+            message: "修改失败!",
+          });
+        }
+      });
+    },
+    // 新增出票人弹窗
+    addTicketdrawer() {
+      this.$request({
+        url: "/api/Drawer",
+        method: "post",
+        data: this.form,
+      }).then((res) => {
+        if (res.code === 200) {
+          this.$message("添加成功!");
+          this.getAllList();
+          this.dialogVisible2 = false;
+        } else {
+          this.$message("提交失败");
+        }
+      });
+    },
 
+    /* 输入出票人状态查询 */
+    handleCommand(command) {
+      this.status = command;
+      if (command === "正常") {
+        this.formData.status = 5;
+      }
+      if (command === "删除") {
+        this.formData.status = 4;
+      }
+      if (command === "全部") {
+        this.formData.status = "";
+      }
+      this.currentPage = 1;
+      this.searchForm = {
+        ...this.formData,
+      };
+      this.getAllList(this.searchForm);
+    },
+    /* 输入出票人名称查询 */
+    Search() {
+      this.currentPage = 1;
+      this.searchForm = {
+        ...this.formData,
+      };
+      this.getAllList(this.searchForm);
+    },
 
-			/* 分页功能，改变当前页 */
-			handleCurrentChange(val) {
-				this.currentPage = val;
-				this.getAllList(this.searchForm);
-			},
+    /* 分页功能，改变当前页 */
+    handleCurrentChange(val) {
+      this.currentPage = val;
+      this.getAllList(this.searchForm);
+    },
 
-			/* 分页功能去首页 */
-			jumpFirstPage() {
-				this.$refs.pagination.handleCurrentChange(1);
-				this.$emit("handleCurrentChange", 1);
-			},
-			/* 分页功能：去尾页 */
-			jumpLastPage() {
-				let font = this.$refs.pagination;
-				let cpage = Math.ceil(font.total / font.pageSize);
-				font.handleCurrentChange(cpage);
-			},
+    /* 分页功能去首页 */
+    jumpFirstPage() {
+      this.$refs.pagination.handleCurrentChange(1);
+      this.$emit("handleCurrentChange", 1);
+    },
+    /* 分页功能：去尾页 */
+    jumpLastPage() {
+      let font = this.$refs.pagination;
+      let cpage = Math.ceil(font.total / font.pageSize);
+      font.handleCurrentChange(cpage);
+    },
 
+    /* 批量导出数据 */
+    handleSelectionChange(data) {
+      this.multipleSelection = data;
+    },
+    handleAll(data) {
+      this.multipleSelection = data;
+    },
 
-			/* 表格选择数据 */
-			handleSelectionChange(data) {
-				this.multipleSelection = data;
-			},
-			handleAll(data) {
-				this.multipleSelection = data;
-			},
+    /* 批量导出 */
+    batchExports() {
+      if (this.multipleSelection == "") {
+        this.$message({
+          type: "warning",
+          message: "请选择数据!",
+        });
+      } else {
+        var tableHeader = [
+          ["序号", "出票人名称", "账号", "开户行名称", "状态", "时间"],
+        ];
+        var dataList = [];
+        this.multipleSelection.forEach((item, index) => {
+          dataList.push([
+            index + 1,
+            item.name,
+            item.bankAccount,
+            item.bankName,
+            item.statusText,
+            item.createdAt,
+          ]);
+        });
+        dataConversionUtil.dataToExcel("出票人列表", tableHeader, dataList);
+        this.$message.success("导出成功!");
+      }
+    },
+    /* 全部导出承兑人列表数据 */
+    getContacts() {
+      const data = {
+        pageIndex: "",
+        pageSize: "",
+        startTime: "",
+        endTime: "",
+        name: "",
+        status: "",
+      };
+      getDrawerSearch({ data }).then((res) => {
+        const { result } = res.data;
+        this.multipleSelection = result;
+      });
+    },
 
-			/* 导出 */
-			Exports() {
-				if (this.multipleSelection == "") {
-					this.$message({
-						type: "warning",
-						message: "请选择数据!",
-					});
-				} else {
-					var tableHeader = [
-						["序号", "出票人名称", "账号", "开户行名称", "状态", "时间"],
-					];
-					var dataList = [];
-					this.multipleSelection.forEach((item, index) => {
-						dataList.push([
-							index + 1,
-							item.name,
-							item.bankAccount,
-							item.bankName,
-							item.statusText,
-							item.createdAt,
-						]);
-					});
-					dataConversionUtil.dataToExcel("出票人列表", tableHeader, dataList);
-					this.$message.success("导出成功!");
-				}
-			},
-		},
-	};
+    /* 全部导出 */
+    Exports() {
+      this.getContacts();
+      setTimeout(() => {
+        var tableHeader = [
+          ["序号", "出票人名称", "账号", "开户行名称", "状态", "时间"],
+        ];
+        var dataList = [];
+        this.multipleSelection.forEach((item, index) => {
+          dataList.push([
+            index + 1,
+            item.name,
+            item.bankAccount,
+            item.bankName,
+            item.statusText,
+            item.createdAt,
+          ]);
+        });
+        dataConversionUtil.dataToExcel("出票人列表", tableHeader, dataList);
+        this.$message.success("导出成功!");
+      }, 1000);
+    },
+  },
+};
 </script>
 <style lang="scss">
-	.pulldown {
-		width: 185px;
-		height: 40px;
-		border: 1px solid #e8e8e8;
-		border-radius: 10px;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		justify-content: space-between;
-		padding: 0 20px;
-		color: #999999;
-	}
+.pulldown {
+  width: 185px;
+  height: 40px;
+  border: 1px solid #e8e8e8;
+  border-radius: 10px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 20px;
+  color: #999999;
+}
 
-	.pagesip {
-		width: 100%;
-		margin: 20px auto;
-		display: flex;
-		// align-items: center;
-		justify-content: flex-end;
-	}
+.pagesip {
+  width: 100%;
+  margin: 20px auto;
+  display: flex;
+  // align-items: center;
+  justify-content: flex-end;
+}
 
-	.el-pagination.is-background .el-pager li:not(.disabled).active {
-		background-color: #d8ab5a;
-	}
+.el-pagination.is-background .el-pager li:not(.disabled).active {
+  background-color: #d8ab5a;
+}
 
-	.el-col {
-		margin-bottom: 20px;
-	}
+.el-col {
+  margin-bottom: 20px;
+}
 </style>

src/views/management/index.vue

@@ -32,9 +32,7 @@
       <div class="grid-content bg-purple">
         <el-dropdown @command="handlehpCommand">
           <div class="pulldown">
-            <span v-if="!Auditstatus" class="el-dropdown-link">
-              审核状态
-            </span>
+            <span v-if="!Auditstatus" class="el-dropdown-link"> 审核状态 </span>
             <span v-if="Auditstatus" class="el-dropdown-link">
               {{ Auditstatus }}
             </span>
@@ -56,7 +54,8 @@
         <el-button type="danger" @click="failed">审核失败</el-button>
         <el-button type="primary" @click="recover">恢复</el-button>
         <el-button type="warning" @click="deleted">删除</el-button>
-        <el-button type="primary" @click="Exports">批量导出</el-button>
+        <el-button type="primary" @click="Exports">全部导出</el-button>
+        <el-button type="primary" @click="batchExports">批量导出</el-button>
       </div>
     </el-row>
     <el-table
@@ -253,14 +252,6 @@ export default {
         this.total = res.data.total;
       });
     },
-    handleSelectionChange(data) {
-      this.multipleSelection = data;
-      console.log(this.multipleSelection);
-    },
-    handleAll(data) {
-      this.multipleSelection = data;
-      console.log(this.multipleSelection);
-    },
 
     success() {
       const ids = Array.from(this.multipleSelection, ({ id }) => id);
@@ -437,7 +428,7 @@ export default {
     /* 审核状态筛选 */
     handlehpCommand(command) {
       this.Auditstatus = command;
-       if (command === "全部") {
+      if (command === "全部") {
         this.formData.status = "";
       }
       if (command === "待审核") {
@@ -472,8 +463,16 @@ export default {
       font.handleCurrentChange(cpage);
     },
 
-    /* 导出 */
-    Exports() {
+    /* 批量导出数据 */
+    handleSelectionChange(data) {
+      this.multipleSelection = data;
+    },
+    handleAll(data) {
+      this.multipleSelection = data;
+    },
+
+    /* 批量导出 */
+    batchExports() {
       if (this.multipleSelection == "") {
         this.$message({
           type: "warning",
@@ -507,6 +506,54 @@ export default {
         this.$message.success("导出成功!");
       }
     },
+     /* 全部导出合同列表数据 */
+    getContacts() {
+      const data = {
+        pageIndex: '',
+        pageSize: '',
+        startTime: "",
+        endTime: "",
+        isDeleted:'',
+        status:''
+      };
+      getAccountSearch({ data }).then((res) => {
+        const { result } = res.data;
+        this.multipleSelection = result;
+      });
+    },
+
+    /* 全部导出 */
+    Exports() {
+      this.getContacts();
+      setTimeout(() => {
+        var tableHeader = [
+          [
+             "序号",
+            "业务管理员姓名",
+            "账号",
+            "联系电话",
+            "业务管理员状态",
+            "审核状态",
+            "时间",
+          ],
+        ];
+        var dataList = [];
+        this.multipleSelection.forEach((item, index) => {
+          dataList.push([
+            index + 1,
+            item.realName,
+            item.account,
+            item.mobile,
+            item.statusText,
+            item.approveStatusText,
+            item.createdAt,
+          ]);
+        });
+        dataConversionUtil.dataToExcel("业务管理员列表", tableHeader, dataList);
+        this.$message.success("导出成功!");
+      }, 1000);
+    },
+
     // 重置业务员密码
     reset(id) {
       this.$prompt("请输入密码", "重置密码", {
@@ -514,30 +561,29 @@ export default {
         cancleButtonText: "取消",
       })
         .then(({ value }) => {
-					if(value.length<6){
-						this.$message({
-							type:'error',
-							message:'密码至少六位'
-						})
-					}else{
-						this.$request({
-						  url: "/api/Account/password/resetUser",
-						  method: "post",
-						  data: {
-						    password: value,
-						    userId: id,
-						  },
-						}).then((res) => {
-						  console.log(res);
-						  if (res.code === 200) {
-						    this.$message({
-						      type: "success",
-						      message: "重置成功",
-						    });
-						  }
-						});
-					}
-          
+          if (value.length < 6) {
+            this.$message({
+              type: "error",
+              message: "密码至少六位",
+            });
+          } else {
+            this.$request({
+              url: "/api/Account/password/resetUser",
+              method: "post",
+              data: {
+                password: value,
+                userId: id,
+              },
+            }).then((res) => {
+              console.log(res);
+              if (res.code === 200) {
+                this.$message({
+                  type: "success",
+                  message: "重置成功",
+                });
+              }
+            });
+          }
         })
         .catch(() => {
           this.$message({

src/views/shipments/index.vue

@@ -40,7 +40,8 @@
         <el-button type="primary" @click="shipments1">出票人分类报表</el-button>
         <el-button type="primary" @click="shipments2">合同统计列表</el-button>
         <el-button type="primary" @click="shipments3">供应商统计列表</el-button>
-        <el-button type="primary" @click="Export">导出</el-button>
+        <el-button type="primary" @click="Exports">全部导出</el-button>
+        <el-button type="primary" @click="batchExport">批量导出</el-button>
       </div>
     </el-row>
     <el-table
@@ -196,15 +197,6 @@ export default {
       });
     },
 
-    handleSelectionChange(data) {
-      this.multipleSelection = data;
-      console.log(this.multipleSelection);
-    },
-    handleAll(data) {
-      this.multipleSelection = data;
-      console.log(this.multipleSelection);
-    },
-
     /*  报表频率查询*/
     handleCommand(command) {
       this.status = command;
@@ -294,8 +286,17 @@ export default {
         path: "/shipments3",
       });
     },
+
+
+    /* 批量导出数据 */
+    handleSelectionChange(data) {
+      this.multipleSelection = data;
+    },
+    handleAll(data) {
+      this.multipleSelection = data;
+    },
     /* 导出 */
-    Export() {
+    batchExport() {
       if (this.multipleSelection == "") {
         this.$message({
           type: "warning",
@@ -329,6 +330,50 @@ export default {
         this.$message.success("导出成功!");
       }
     },
+    /* 全部导出承兑人列表数据 */
+    getContacts(number) {
+      const params = {
+        pageIndex: "",
+        pageSize: "",
+        startTime: "",
+        endTime: "",
+        frequency:number||1
+      };
+      getReportSearch({ ...params }).then((res) => {
+        const { data } = res;
+        this.multipleSelection = data.result;
+      });
+
+    },
+     /* 全部导出 */
+    Exports() {
+      this.getContacts(this.formData.frequency);
+      setTimeout(() => {
+        var tableHeader = [
+          ["序号",
+            "承兑人姓名",
+            "统计周期(按照承兑日)",
+            "汇票笔数",
+            "汇票金额",
+            "服务费",
+            "利息",],
+        ];
+        var dataList = [];
+        this.multipleSelection.forEach((item, index) => {
+          dataList.push([
+             index + 1,
+            item.acceptorName,
+            item.period,
+            item.count,
+            item.money,
+            item.serviceMoney,
+            item.interest,
+          ]);
+        });
+        dataConversionUtil.dataToExcel("承兑人分类报表", tableHeader, dataList);
+        this.$message.success("导出成功!");
+      }, 1000);
+    },
   },
 };
 </script>

src/views/shipments/shipments1.vue

@@ -40,7 +40,8 @@
         <el-button type="primary" disabled>出票人分类报表</el-button>
         <el-button type="primary" @click="shipments2">合同统计列表</el-button>
         <el-button type="primary" @click="shipments3">供应商统计列表</el-button>
-        <el-button type="primary" @click="Export">导出</el-button>
+        <el-button type="primary" @click="Exports">全部导出</el-button>
+        <el-button type="primary" @click="batchExport">批量导出</el-button>
       </div>
     </el-row>
     <el-table
@@ -199,14 +200,6 @@ export default {
       });
     },
 
-    handleSelectionChange(data) {
-      this.multipleSelection = data;
-      console.log(this.multipleSelection);
-    },
-    handleAll(data) {
-      this.multipleSelection = data;
-      console.log(this.multipleSelection);
-    },
     index() {
       this.$router.push({
         path: "/shipments/index",
@@ -235,14 +228,17 @@ export default {
         this.formData.frequency = 3;
       }
       this.number = this.formData.frequency;
-      this.getReportList(this.formData.frequency, this.formData.startTime,
+      this.getReportList(
+        this.formData.frequency,
+        this.formData.startTime,
         this.formData.endTime,
         this.pagesize,
-        this.currentPage);
+        this.currentPage
+      );
     },
     // 日期审核状态查询
     startEndTime(item) {
-     if (item == null) {
+      if (item == null) {
         item = [];
         this.formData.startTime = "";
         this.formData.endTime = "";
@@ -292,8 +288,15 @@ export default {
       font.handleCurrentChange(cpage);
     },
 
-    /* 导出 */
-    Export() {
+    /* 批量导出数据 */
+    handleSelectionChange(data) {
+      this.multipleSelection = data;
+    },
+    handleAll(data) {
+      this.multipleSelection = data;
+    },
+    /* 批量导出数据 */
+    batchExport() {
       if (this.multipleSelection == "") {
         this.$message({
           type: "warning",
@@ -327,6 +330,54 @@ export default {
         this.$message.success("导出成功!");
       }
     },
+
+    /* 全部导出承兑人列表数据 */
+    getContacts(number) {
+      const params = {
+        pageIndex: "",
+        pageSize: "",
+        startTime: "",
+        endTime: "",
+        frequency:number||1
+      };
+      getReportDrawerClassification({ ...params }).then((res) => {
+        const { data } = res;
+        this.multipleSelection = data.result;
+      });
+
+    },
+     /* 全部导出 */
+    Exports() {
+      this.getContacts(this.formData.frequency);
+      setTimeout(() => {
+        var tableHeader = [
+          [ "序号",
+            "出票人",
+            "统计周期(按照出票日)",
+            "汇票笔数",
+            "汇票金额",
+            "服务费",
+            "利息",],
+        ];
+        var dataList = [];
+        this.multipleSelection.forEach((item, index) => {
+          dataList.push([
+              index + 1,
+            item.drawerName,
+            item.period,
+            item.count,
+            item.money,
+            item.serviceMoney,
+            item.interest,
+          ]);
+        });
+        dataConversionUtil.dataToExcel("出票人分类报表", tableHeader, dataList);
+        this.$message.success("导出成功!");
+      }, 1000);
+    },
+
+
+
   },
 };
 </script>

src/views/shipments/shipments2.vue

@@ -37,7 +37,8 @@
         <el-button type="primary" @click="shipments1">出票人分类报表</el-button>
         <el-button type="primary" disabled>合同统计列表</el-button>
         <el-button type="primary" @click="shipments3">供应商统计列表</el-button>
-        <el-button type="primary" @click="Export">导出</el-button>
+        <el-button type="primary" @click="Exports">全部导出</el-button>
+        <el-button type="primary" @click="batchExport">批量导出</el-button>
       </div>
     </el-row>
     <el-table
@@ -190,18 +191,9 @@ export default {
         const { data } = res;
         this.srcList = data.result;
         this.total = data.total;
-
       });
     },
 
-    handleSelectionChange(data) {
-      this.multipleSelection = data;
-      console.log(this.multipleSelection);
-    },
-    handleAll(data) {
-      this.multipleSelection = data;
-      console.log(this.multipleSelection);
-    },
     index() {
       this.$router.push({
         path: "/shipments/index",
@@ -282,9 +274,15 @@ export default {
       font.handleCurrentChange(cpage);
     },
 
-    /* 导出 */
-    Export() {
-      // window.open('http://123.207.180.167:8700/api/Report/export/contractReport?contractName=&startDate=&endDate=')
+    /* 批量导出数据 */
+    handleSelectionChange(data) {
+      this.multipleSelection = data;
+    },
+    handleAll(data) {
+      this.multipleSelection = data;
+    },
+    /* 批量导出 */
+    batchExport() {
       if (this.multipleSelection == "") {
         this.$message({
           type: "warning",
@@ -320,6 +318,52 @@ export default {
         this.$message.success("导出成功!");
       }
     },
+    /* 全部导出承兑人列表数据 */
+    getContacts() {
+      const params = {
+        pageIndex: "",
+        pageSize: "",
+        startTime: "",
+        contractName:'',
+      };
+      getReportContractReport({ ...params }).then((res) => {
+        const { data } = res;
+        this.multipleSelection = data.result;
+      });
+    },
+    /* 全部导出 */
+    Exports() {
+      this.getContacts();
+      setTimeout(() => {
+        var tableHeader = [
+          [
+            "序号",
+            "合同名称",
+            "汇票承兑日",
+            "汇票贴现日",
+            "汇票笔数",
+            "汇票金额",
+            "服务费",
+            "利息",
+          ],
+        ];
+        var dataList = [];
+        this.multipleSelection.forEach((item, index) => {
+          dataList.push([
+            index + 1,
+            item.contractName,
+            item.acceptDate,
+            item.expectDiscountDate,
+            item.count,
+            item.money,
+            item.serviceMoney,
+            item.interest,
+          ]);
+        });
+        dataConversionUtil.dataToExcel("合同统计列表", tableHeader, dataList);
+        this.$message.success("导出成功!");
+      }, 1000);
+    },
   },
 };
 </script>

src/views/shipments/shipments3.vue

@@ -16,7 +16,7 @@
 
       <div class="grid-content bg-purple">
         <div class="block">
-         <el-date-picker
+          <el-date-picker
             v-model="value2"
             type="daterange"
             align="right"
@@ -39,7 +39,8 @@
         <el-button type="primary" @click="shipments1">出票人分类报表</el-button>
         <el-button type="primary" @click="shipments2">合同统计列表</el-button>
         <el-button type="primary" disabled>供应商统计列表</el-button>
-        <el-button type="primary" @click="Export">导出</el-button>
+        <el-button type="primary" @click="Exports">全部导出</el-button>
+        <el-button type="primary" @click="batchExport">批量导出</el-button>
       </div>
     </el-row>
     <el-table
@@ -119,7 +120,7 @@ export default {
   },
   data() {
     return {
-         // 表单数据
+      // 表单数据
       formData: {
         startTime: "",
         endTime: "",
@@ -179,14 +180,13 @@ export default {
   },
   methods: {
     /* 获取供应商统计列表 */
-    getReportList(supplierName, startDate, endDate,pageSize,
-        pageIndex) {
+    getReportList(supplierName, startDate, endDate, pageSize, pageIndex) {
       let params = {
         supplierName,
         startDate,
         endDate,
-         pageSize,//页大小
-        pageIndex//页面
+        pageSize, //页大小
+        pageIndex, //页面
       };
       getReportSupplierReport({ ...params }).then((res) => {
         const { data } = res;
@@ -194,19 +194,7 @@ export default {
         this.total = data.total;
       });
     },
-
-    handleCommand(command) {
-      this.status = command;
-      console.log(this.status);
-    },
-    handleSelectionChange(data) {
-      this.multipleSelection = data;
-      console.log(this.multipleSelection);
-    },
-    handleAll(data) {
-      this.multipleSelection = data;
-      console.log(this.multipleSelection);
-    },
+    
     index() {
       this.$router.push({
         path: "/shipments/index",
@@ -222,15 +210,21 @@ export default {
         path: "/shipments2",
       });
     },
-    
+
     // 供应商查询
     Search() {
-      this.getReportList(this.string,this.formData.startTime,this.formData.endTime,this.pagesize,this.currentPage);
+      this.getReportList(
+        this.string,
+        this.formData.startTime,
+        this.formData.endTime,
+        this.pagesize,
+        this.currentPage
+      );
     },
 
     // 日期审核状态查询
     startEndTime(item) {
-     if (item == null) {
+      if (item == null) {
         item = [];
         this.formData.startTime = "";
         this.formData.endTime = "";
@@ -255,7 +249,7 @@ export default {
         );
       }
     },
-        /* 分页功能，改变当前页 */
+    /* 分页功能，改变当前页 */
     handleCurrentChange(val) {
       this.currentPage = val;
       this.getReportList(
@@ -280,9 +274,15 @@ export default {
       font.handleCurrentChange(cpage);
     },
 
+    /* 批量导出数据 */
+    handleSelectionChange(data) {
+      this.multipleSelection = data;
+    },
+    handleAll(data) {
+      this.multipleSelection = data;
+    },
     /* 导出 */
-    Export() {
-      // window.open('http://123.207.180.167:8700/api/Report/export/supplierReport?supplierName=&startDate=&endDate=')
+    batchExport() {
       if (this.multipleSelection == "") {
         this.$message({
           type: "warning",
@@ -318,6 +318,52 @@ export default {
         this.$message.success("导出成功!");
       }
     },
+    /* 全部导出承兑人列表数据 */
+    getContacts() {
+      const params = {
+        pageIndex: "",
+        pageSize: "",
+        startTime: "",
+        supplierName:'',
+      };
+      getReportSupplierReport({ ...params }).then((res) => {
+        const { data } = res;
+        this.multipleSelection = data.result;
+      });
+    },
+    /* 全部导出 */
+    Exports() {
+      this.getContacts();
+      setTimeout(() => {
+        var tableHeader = [
+          [
+            "序号",
+            "供应商名称",
+            "汇票承兑日",
+            "汇票贴现日",
+            "汇票笔数",
+            "汇票金额",
+            "服务费",
+            "利息",
+          ],
+        ];
+        var dataList = [];
+        this.multipleSelection.forEach((item, index) => {
+          dataList.push([
+            index + 1,
+            item.supplierName,
+            item.acceptDate,
+            item.expectDiscountDate,
+            item.count,
+            item.money,
+            item.serviceMoney,
+            item.interest,
+          ]);
+        });
+        dataConversionUtil.dataToExcel("供应商统计列表", tableHeader, dataList);
+        this.$message.success("导出成功!");
+      }, 1000);
+    },
   },
 };
 </script>

src/views/sucuirtyaudit/attachment-detail.vue

@@ -1,12 +1,11 @@
 <template>
   <div class="attachment-detail">
-    <el-descriptions title="汇票附件" :column="2" border style="margin: 20px;" >
-      <el-descriptions-item label="汇票名">合同汇票测试</el-descriptions-item>
-      <el-descriptions-item label="汇票号码">456798912</el-descriptions-item>
-   
+    <span class="attachment-title">汇票附件</span>
+    <el-descriptions v-for="item in list" :key="item.id"  :column="2" border style="margin: 20px;" >
+      <el-descriptions-item label="汇票名">{{item.name}}</el-descriptions-item>
+      <el-descriptions-item label="汇票号码">{{item.draftNo}}</el-descriptions-item>
       <el-descriptions-item label="发票附件">
-        <FileShow
-        
+        <FileShow  :files='item.picList'
         />
       </el-descriptions-item>
     </el-descriptions>
@@ -20,6 +19,17 @@ export default {
             list: [],//数据
         }
     },
+    mounted () {
+      let id = this.$route.query.id;
+      this.$request({
+				url: '/api/AuditLog/attachments/' + id,
+				method: 'get',
+			}).then((res) => {
+				this.list = res.data
+				console.log(this.list);
+				
+			})
+    },
 };
 </script>
 
@@ -27,4 +37,8 @@ export default {
 .attachment-detail {
   padding: 20px;
 }
+.attachment-title{
+  font-size: 18px;
+  font-weight: bold;
+}
 </style>

src/views/sucuirtyaudit/index.vue

@@ -48,7 +48,8 @@
       >
         <el-button type="primary" disabled>操作日志</el-button>
         <el-button type="primary" @click="toannexList">附件列表</el-button>
-        <el-button type="primary" @click="Exports">批量下载</el-button>
+        <el-button type="primary" @click="Exports">全部导出</el-button>
+        <el-button type="primary" @click="batchExports">批量导出</el-button>
       </div>
     </el-row>
     <el-table
@@ -58,20 +59,35 @@
       border
       fit
       highlight-current-row
-			@select="handleSelectionChange"
-			@select-all="handleAll"
+      @select="handleSelectionChange"
+      @select-all="handleAll"
     >
       <el-table-column align="center" label="" width="55" type="selection">
       </el-table-column>
-      <el-table-column align="center" prop="created_at" label="操作日" width="200">
+      <el-table-column
+        align="center"
+        prop="created_at"
+        label="操作日"
+        width="200"
+      >
         <template slot-scope="scope">
           <i class="el-icon-time" />
           <span>{{ scope.row.createdAt }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="操作事件名称" align="center" width="340" prop="event">
+      <el-table-column
+        label="操作事件名称"
+        align="center"
+        width="340"
+        prop="event"
+      >
       </el-table-column>
-      <el-table-column label="操作人员名称" align="center" prop="userName" width="120">
+      <el-table-column
+        label="操作人员名称"
+        align="center"
+        prop="userName"
+        width="120"
+      >
       </el-table-column>
       <el-table-column label="操作状态" align="center" prop="status">
       </el-table-column>
@@ -89,32 +105,42 @@
         </template>
       </el-table-column>
     </el-table>
-    <div class="pagesip">
-      <el-button
-        type="primary"
-        size="small"
-        style="background-color: #d8ab5a; border-color: #d8ab5a; margin: 0 20px"
-        @click="jumpFirstPage"
-        >首页
-      </el-button>
-      <el-pagination
-        ref="pagination"
-        background
-        layout="total,prev, pager, next"
-        :total="total"
-        :page-size="pagesize"
-        :current-page="currentPage"
-        prev-text="上一页"
-        next-text="下一页"
-        @current-change="handleCurrentChange"
-      />
-      <el-button
-        type="primary"
-        size="small"
-        style="background-color: #d8ab5a; border-color: #d8ab5a; margin: 0 20px"
-        @click="jumpLastPage"
-        >尾页
-      </el-button>
+    <div style="display: flex; justify-content: space-between">
+      <div class="pagesip">
+        <el-button
+          type="primary"
+          size="small"
+          style="
+            background-color: #d8ab5a;
+            border-color: #d8ab5a;
+            margin: 0 20px;
+          "
+          @click="jumpFirstPage"
+          >首页
+        </el-button>
+        <el-pagination
+          ref="pagination"
+          background
+          layout="total,prev, pager, next"
+          :total="total"
+          :page-size="pagesize"
+          :current-page="currentPage"
+          prev-text="上一页"
+          next-text="下一页"
+          @current-change="handleCurrentChange"
+        />
+        <el-button
+          type="primary"
+          size="small"
+          style="
+            background-color: #d8ab5a;
+            border-color: #d8ab5a;
+            margin: 0 20px;
+          "
+          @click="jumpLastPage"
+          >尾页
+        </el-button>
+      </div>
     </div>
   </div>
 </template>
@@ -238,10 +264,10 @@ export default {
 
     // 日期审核状态查询
     startEndTime(item) {
-       if (item == null) {
+      if (item == null) {
         item = [];
-        this.formData.startTime ='';
-        this.formData.endTime = '';
+        this.formData.startTime = "";
+        this.formData.endTime = "";
         this.currentPage = 1;
         this.searchForm = { ...this.formData };
         this.getAllList(this.searchForm);
@@ -252,7 +278,6 @@ export default {
         this.searchForm = { ...this.formData };
         this.getAllList(this.searchForm);
       }
-
     },
 
     /* 分页功能，改变当前页 */
@@ -272,39 +297,79 @@ export default {
       let cpage = Math.ceil(font.total / font.pageSize);
       font.handleCurrentChange(cpage);
     },
-		handleSelectionChange(data) {
-		  this.multipleSelection = data;
-		  console.log(this.multipleSelection);
-		},
-		handleAll(data) {
-		  this.multipleSelection = data;
-		  console.log(this.multipleSelection);
-		},
-		Exports() {
-		  if (this.multipleSelection == "") {
-		    this.$message({
-		      type: "warning",
-		      message: "请选择数据!",
-		    });
-		  } else {
-		    var tableHeader = [
-		      ["序号", "操作日", "事件", "操作人员", "操作状态", "操作说明"],
-		    ];
-		    var dataList = [];
-		    this.multipleSelection.forEach((item, index) => {
-		      dataList.push([
-		        index + 1,
-		        item.createdAt,
-		        item.event,
-		        item.userName,
-		        item.status,
-		        item.remark,
-		      ]);
-		    });
-		    dataConversionUtil.dataToExcel("安全审计列表", tableHeader, dataList);
-		    this.$message.success("导出成功!");
-		  }
-		},
+
+    /* 批量导出 */
+    handleSelectionChange(data) {
+      this.multipleSelection = data;
+    },
+    handleAll(data) {
+      this.multipleSelection = data;
+    },
+    batchExports() {
+      if (this.multipleSelection == "") {
+        this.$message({
+          type: "warning",
+          message: "请选择数据!",
+        });
+      } else {
+        var tableHeader = [
+          ["序号", "操作日", "事件", "操作人员", "操作状态", "操作说明"],
+        ];
+        var dataList = [];
+        this.multipleSelection.forEach((item, index) => {
+          dataList.push([
+            index + 1,
+            item.createdAt,
+            item.event,
+            item.userName,
+            item.status,
+            item.remark,
+          ]);
+        });
+        dataConversionUtil.dataToExcel("安全审计列表", tableHeader, dataList);
+        this.$message.success("导出成功!");
+      }
+    },
+     /* 全部导出合同列表数据 */
+    getContacts() {
+      const data = {
+        pageIndex: '',
+        pageSize: '',
+        startTime: "",
+        endTime: "",
+        operateUser:'',
+        content:'',
+      };
+      getAuditLogSearch({ data }).then((res) => {
+        const { result } = res.data;
+        this.multipleSelection = result;
+      });
+    },
+
+    /* 全部导出 */
+    Exports() {
+      this.getContacts();
+      setTimeout(() => {
+        var tableHeader = [
+          [
+            "序号", "操作日", "事件", "操作人员", "操作状态", "操作说明"
+          ],
+        ];
+        var dataList = [];
+        this.multipleSelection.forEach((item, index) => {
+          dataList.push([
+             index + 1,
+            item.createdAt,
+            item.event,
+            item.userName,
+            item.status,
+            item.remark,
+          ]);
+        });
+        dataConversionUtil.dataToExcel("安全审计列表", tableHeader, dataList);
+        this.$message.success("导出成功!");
+      }, 1000);
+    },
   },
 };
 </script>
@@ -333,4 +398,5 @@ export default {
 .el-pagination.is-background .el-pager li:not(.disabled).active {
   background-color: #d8ab5a;
 }
+
 </style>

src/views/table/index.vue

@@ -1,517 +1,659 @@
 <template>
+  <div class="app-container">
+    <el-row type="flex" justify="space-between" style="margin-bottom: 20px">
+      <div class="grid-content bg-purple">
+        <div class="grid-content bg-purple">
+          <el-input
+            placeholder="请输入承兑人名称"
+            v-model="formData.name"
+            @change="Search"
+            clearable
+            style="width: 100%"
+          >
+            <i slot="prefix" class="el-input__icon el-icon-search"></i>
+          </el-input>
+        </div>
+      </div>
+      <div class="grid-content bg-purple">
+        <el-dropdown @command="handleCommand">
+          <div class="pulldown">
+            <span class="el-dropdown-link" v-if="!status"> 承兑人状态 </span>
+            <span class="el-dropdown-link" v-if="status">
+              {{ status }}
+            </span>
+            <i class="el-icon-arrow-down el-icon--right"></i>
+          </div>
+          <el-dropdown-menu slot="dropdown">
+            <el-dropdown-item command="全部">全部</el-dropdown-item>
+            <el-dropdown-item command="正常">正常</el-dropdown-item>
+            <el-dropdown-item command="删除">删除</el-dropdown-item>
+          </el-dropdown-menu>
+        </el-dropdown>
+      </div>
+      <div
+        class="grid-content bg-purple"
+        style="display: flex; justify-content: flex-end"
+      >
+        <el-button type="primary" @click="dialogVisible2 = true"
+          >新增承兑人</el-button
+        >
+        <el-button type="primary" @click="Exports">全部导出</el-button>
+        <el-button type="primary" @click="batchExports">批量导出</el-button>
+      </div>
+    </el-row>
 
-	<div class="app-container">
-		<el-row type="flex" justify="space-between" style="margin-bottom: 20px">
-			<div class="grid-content bg-purple">
-				<div class="grid-content bg-purple">
-					<el-input placeholder="请输入承兑人名称" v-model="formData.name" @change="Search" clearable
-						style="width: 100%">
-						<i slot="prefix" class="el-input__icon el-icon-search"></i>
-					</el-input>
-				</div>
-			</div>
-			<div class="grid-content bg-purple">
-				<el-dropdown @command="handleCommand">
-					<div class="pulldown">
-						<span class="el-dropdown-link" v-if="!status"> 承兑人状态 </span>
-						<span class="el-dropdown-link" v-if="status">
-							{{ status }}
-						</span>
-						<i class="el-icon-arrow-down el-icon--right"></i>
-					</div>
-					<el-dropdown-menu slot="dropdown">
-						<el-dropdown-item command="全部">全部</el-dropdown-item>
-						<el-dropdown-item command="正常">正常</el-dropdown-item>
-						<el-dropdown-item command="删除">删除</el-dropdown-item>
-					</el-dropdown-menu>
-				</el-dropdown>
-			</div>
-			<div class="grid-content bg-purple" style="display: flex; justify-content: flex-end">
-				<el-button type="primary" @click="dialogVisible2=true">新增承兑人</el-button>
-				<el-button type="primary" @click="Exports">批量导出</el-button>
-			</div>
-		</el-row>
+    <!-- 弹窗修改 -->
+    <el-dialog title="修改承兑人" :visible.sync="dialogVisible1" width="500px">
+      <el-form :model="tableData" label-width="100px">
+        <el-form-item label="姓名" prop="tableData.name">
+          <el-input v-model="tableData.name" style="width: 100%"></el-input>
+        </el-form-item>
 
-		<!-- 弹窗修改 -->
-		<el-dialog title="修改承兑人" :visible.sync="dialogVisible1" width="500px">
-			<el-form :model="tableData" label-width="100px">
-				<el-form-item label="姓名" prop="tableData.name">
-					<el-input v-model="tableData.name" style="width: 100%;"></el-input>
-				</el-form-item>
-				
-				<el-form-item label="银行账户" prop="tableData.bankAccount">
-					<el-input v-model="tableData.bankAccount" style="width: 100%;"></el-input>
-				</el-form-item>
-				<el-form-item label="银行名称" prop="tableData.bankName">
-					<el-input v-model="tableData.bankName" style="width: 100%;"></el-input>
-				</el-form-item>
-				<el-form-item label="开户行行号" prop="bankName">
-					<el-input v-model="tableData.bankNo" style="width: 100%;" placeholder="请输入开户行行号" ></el-input>
-				</el-form-item>
-				<el-form-item label="服务费率" prop="tableData.serviceRate">
-					<el-input v-model="tableData.serviceRate" style="width: 100%;" onkeyup="value=value.replace(/[^\d.]/g,'')">
-						<i slot="suffix" style="font-style:normal;margin-right: 10px;">%</i>
-					</el-input>
-				</el-form-item>
-				<el-form-item label="利率" prop="tableData.interest">
-					<el-input v-model="tableData.interest" style="width: 100%;" onkeyup="value=value.replace(/[^\d.]/g,'')">
-						<i slot="suffix" style="font-style:normal;margin-right: 10px;">%</i>
-					</el-input>
-				</el-form-item>
-				<el-form-item >
-					<el-button @click="dialogVisible1 = false">取 消</el-button>
-					<el-button type="primary" @click="onSubmit">提交修改</el-button>
-				</el-form-item>
-			</el-form>
-		</el-dialog>
+        <el-form-item label="银行账户" prop="tableData.bankAccount">
+          <el-input
+            v-model="tableData.bankAccount"
+            style="width: 100%"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="银行名称" prop="tableData.bankName">
+          <el-input v-model="tableData.bankName" style="width: 100%"></el-input>
+        </el-form-item>
+        <el-form-item label="开户行行号" prop="bankName">
+          <el-input
+            v-model="tableData.bankNo"
+            style="width: 100%"
+            placeholder="请输入开户行行号"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="服务费率" prop="tableData.serviceRate">
+          <el-input
+            v-model="tableData.serviceRate"
+            style="width: 100%"
+            onkeyup="value=value.replace(/[^\d.]/g,'')"
+          >
+            <i slot="suffix" style="font-style: normal; margin-right: 10px"
+              >%</i
+            >
+          </el-input>
+        </el-form-item>
+        <el-form-item label="利率" prop="tableData.interest">
+          <el-input
+            v-model="tableData.interest"
+            style="width: 100%"
+            onkeyup="value=value.replace(/[^\d.]/g,'')"
+          >
+            <i slot="suffix" style="font-style: normal; margin-right: 10px"
+              >%</i
+            >
+          </el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="dialogVisible1 = false">取 消</el-button>
+          <el-button type="primary" @click="onSubmit">提交修改</el-button>
+        </el-form-item>
+      </el-form>
+    </el-dialog>
 
-		<!-- 弹窗新增承兑人 -->
-		<el-dialog title="新增承兑人" :visible.sync="dialogVisible2" width="500px">
-			<el-form ref="form" :model="form" label-width="100px">
-				<el-form-item label="承兑人名称" prop="name">
-					<el-input v-model="form.name" style="width: 100%;" placeholder="请输入承兑人名称"></el-input>
-				</el-form-item>
-				<el-form-item label="账号" prop="bankAccount">
-					<el-input v-model="form.bankAccount" style="width: 100%;" placeholder="请输入账号"></el-input>
-				</el-form-item>
-				<el-form-item label="开户行名称" prop="bankName">
-					<el-input v-model="form.bankName" style="width: 100%;" placeholder="请输入开户行名称"></el-input>
-				</el-form-item>
-				<el-form-item label="开户行行号" prop="bankName">
-					<el-input v-model="form.bankNo" style="width: 100%;" placeholder="请输入开户行行号" ></el-input>
-				</el-form-item>
-				<el-form-item label="服务费率" prop="serviceRate">
-					<el-input v-model="form.serviceRate" placeholder="请输入服务费率" style="width: 100%;" onkeyup="value=value.replace(/[^\d.]/g,'')">
-						<i slot="suffix" style="font-style:normal;margin-right: 10px;">%</i>
-					</el-input>
-				</el-form-item>
-				<el-form-item label="利率" prop="interest">
-					<el-input v-model="form.interest" placeholder="请输入利率" style="width: 100%;" onkeyup="value=value.replace(/[^\d.]/g,'')">
-						<i slot="suffix" style="font-style:normal;margin-right: 10px;">%</i>
-					</el-input>
-				</el-form-item>
-				<el-form-item>
-					<!-- <el-button @click="resetForm('form')">重置</el-button> -->
-					<el-button @click="dialogVisible2 = false">取 消</el-button>
-					<el-button type="primary" @click="addAcceptor">确认添加</el-button>
-				</el-form-item>
-			</el-form>
-		</el-dialog>
+    <!-- 弹窗新增承兑人 -->
+    <el-dialog title="新增承兑人" :visible.sync="dialogVisible2" width="500px">
+      <el-form ref="form" :model="form" label-width="100px">
+        <el-form-item label="承兑人名称" prop="name">
+          <el-input
+            v-model="form.name"
+            style="width: 100%"
+            placeholder="请输入承兑人名称"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="账号" prop="bankAccount">
+          <el-input
+            v-model="form.bankAccount"
+            style="width: 100%"
+            placeholder="请输入账号"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="开户行名称" prop="bankName">
+          <el-input
+            v-model="form.bankName"
+            style="width: 100%"
+            placeholder="请输入开户行名称"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="开户行行号" prop="bankName">
+          <el-input
+            v-model="form.bankNo"
+            style="width: 100%"
+            placeholder="请输入开户行行号"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="服务费率" prop="serviceRate">
+          <el-input
+            v-model="form.serviceRate"
+            placeholder="请输入服务费率"
+            style="width: 100%"
+            onkeyup="value=value.replace(/[^\d.]/g,'')"
+          >
+            <i slot="suffix" style="font-style: normal; margin-right: 10px"
+              >%</i
+            >
+          </el-input>
+        </el-form-item>
+        <el-form-item label="利率" prop="interest">
+          <el-input
+            v-model="form.interest"
+            placeholder="请输入利率"
+            style="width: 100%"
+            onkeyup="value=value.replace(/[^\d.]/g,'')"
+          >
+            <i slot="suffix" style="font-style: normal; margin-right: 10px"
+              >%</i
+            >
+          </el-input>
+        </el-form-item>
+        <el-form-item>
+          <!-- <el-button @click="resetForm('form')">重置</el-button> -->
+          <el-button @click="dialogVisible2 = false">取 消</el-button>
+          <el-button type="primary" @click="addAcceptor">确认添加</el-button>
+        </el-form-item>
+      </el-form>
+    </el-dialog>
 
-		<el-table v-loading="listLoading" :data="temporaryList" element-loading-text="Loading" border fit
-			highlight-current-row @select="handleSelectionChange" @select-all="handleAll">
-			<el-table-column align="center" label="" width="55" type="selection">
-			</el-table-column>
-			<el-table-column label="承兑人名称" align="center" prop="name">
-			</el-table-column>
-			<el-table-column label="账号" align="center" prop="bankAccount">
-			</el-table-column>
-			<el-table-column align="center" label="开户行名称" prop="bankName">
-			</el-table-column>
-			<el-table-column align="center" label="开户行行号" prop="bankNo">
-			</el-table-column>
-			<el-table-column align="center" label="服务费率">
-				<template slot-scope="scope"> {{ scope.row.serviceRate }}% </template>
-			</el-table-column>
-			<el-table-column align="center" label="利率" prop="interest">
-				<template slot-scope="scope"> {{ scope.row.interest }}% </template>
-			</el-table-column>
-			<el-table-column align="center" label="承兑人状态" prop="statusText">
-			</el-table-column>
-			<el-table-column align="center" label="时间" prop="createdAt" width='200'>
-			</el-table-column>
-			<el-table-column align="center" prop="created_at" label="操作" width="300">
-				<template slot-scope="scope">
-					<!-- <el-tag type="primary" style="cursor: pointer; margin-right: 15px" @click="toDetail(scope.row.id)">
+    <el-table
+      v-loading="listLoading"
+      :data="temporaryList"
+      element-loading-text="Loading"
+      border
+      fit
+      highlight-current-row
+      @select="handleSelectionChange"
+      @select-all="handleAll"
+    >
+      <el-table-column align="center" label="" width="55" type="selection">
+      </el-table-column>
+      <el-table-column label="承兑人名称" align="center" prop="name">
+      </el-table-column>
+      <el-table-column label="账号" align="center" prop="bankAccount">
+      </el-table-column>
+      <el-table-column align="center" label="开户行名称" prop="bankName">
+      </el-table-column>
+      <el-table-column align="center" label="开户行行号" prop="bankNo">
+      </el-table-column>
+      <el-table-column align="center" label="服务费率">
+        <template slot-scope="scope"> {{ scope.row.serviceRate }}% </template>
+      </el-table-column>
+      <el-table-column align="center" label="利率" prop="interest">
+        <template slot-scope="scope"> {{ scope.row.interest }}% </template>
+      </el-table-column>
+      <el-table-column align="center" label="承兑人状态" prop="statusText">
+      </el-table-column>
+      <el-table-column align="center" label="时间" prop="createdAt" width="200">
+      </el-table-column>
+      <el-table-column
+        align="center"
+        prop="created_at"
+        label="操作"
+        width="300"
+      >
+        <template slot-scope="scope">
+          <!-- <el-tag type="primary" style="cursor: pointer; margin-right: 15px" @click="toDetail(scope.row.id)">
 						详情</el-tag> -->
-					<el-tag type="primary" style="cursor: pointer; margin-right: 15px" @click="modify(scope.row.id)">修改
-					</el-tag>
-					<el-tag type="success" style="cursor: pointer; margin-right: 15px" @click="recover(scope.row.id)"
-						v-if="scope.row.status == 1">恢复
-					</el-tag>
-					<el-tag type="danger" style="cursor: pointer; margin-right: 15px"
-						@click="deleteStatus(scope.row.id)" v-if="scope.row.status == 0">删除</el-tag>
-				</template>
-			</el-table-column>
-		</el-table>
-		<div class="pagesip">
-			<el-button type="primary" size="small"
-				style="background-color: #d8ab5a; border-color: #d8ab5a; margin: 0 20px" @click="jumpFirstPage">首页
-			</el-button>
-			<el-pagination background @current-change="handleCurrentChange" layout="total,prev, pager, next"
-				:total="total" :page-size="pagesize" :current-page="currentPage" prev-text="上一页" next-text="下一页"
-				:hide-on-single-page="false" ref="pagination">
-			</el-pagination>
-			<el-button type="primary" size="small"
-				style="background-color: #d8ab5a; border-color: #d8ab5a; margin: 0 20px" @click="jumpLastPage">尾页
-			</el-button>
-		</div>
-	</div>
+          <el-tag
+            type="primary"
+            style="cursor: pointer; margin-right: 15px"
+            @click="modify(scope.row.id)"
+            >修改
+          </el-tag>
+          <el-tag
+            type="success"
+            style="cursor: pointer; margin-right: 15px"
+            @click="recover(scope.row.id)"
+            v-if="scope.row.status == 1"
+            >恢复
+          </el-tag>
+          <el-tag
+            type="danger"
+            style="cursor: pointer; margin-right: 15px"
+            @click="deleteStatus(scope.row.id)"
+            v-if="scope.row.status == 0"
+            >删除</el-tag
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="pagesip">
+      <el-button
+        type="primary"
+        size="small"
+        style="background-color: #d8ab5a; border-color: #d8ab5a; margin: 0 20px"
+        @click="jumpFirstPage"
+        >首页
+      </el-button>
+      <el-pagination
+        background
+        @current-change="handleCurrentChange"
+        layout="total,prev, pager, next"
+        :total="total"
+        :page-size="pagesize"
+        :current-page="currentPage"
+        prev-text="上一页"
+        next-text="下一页"
+        :hide-on-single-page="false"
+        ref="pagination"
+      >
+      </el-pagination>
+      <el-button
+        type="primary"
+        size="small"
+        style="background-color: #d8ab5a; border-color: #d8ab5a; margin: 0 20px"
+        @click="jumpLastPage"
+        >尾页
+      </el-button>
+    </div>
+  </div>
 </template>
 
 
 <script>
-	import {
-		dataConversionUtil
-	} from "../../utils/Excel.js";
-	import {
-		getAcceptorSearch
-	} from "@/api/acceptor";
-	export default {
-		filters: {
-			statusFilter(status) {
-				const statusMap = {
-					published: "success",
-					draft: "gray",
-					deleted: "danger",
-				};
-				return statusMap[status];
-			},
-		},
-		data() {
-			return {
-				// 弹窗显示 1修改信息 2新增
-				dialogVisible1: false,
-				dialogVisible2: false,
-				// 表单数据
-				formData: {
-					startTime: "",
-					endTime: "",
-					name: "", // 承兑人名称
-					status: "", // 承兑人状态
-				},
-				// 新增承兑人数据
-				form: {
-					name: '',
-					bankAccount: '',
-					bankNo:'',
-					bankName: '',
-					serviceRate: '',
-					interest: ''
-				},
-				// 弹窗修改数据
-				tableData: {
-					name: '',
-					serviceRate: '',
-					interest: '',
-					bankNo:'',
-					bankAccount: '',
-					bankName: '',
-					id: ''
-				},
-				/* 当前页数 */
-				currentPage: 1,
-				/* 每页显示个数 */
-				pagesize: 10,
-				/* 总条数 */
-				total: 20,
-				srcList: [],
-				list: [],
-				listLoading: false,
-				status: "",
-				search: "",
-				temporaryList: [],
-				multipleSelection: [],
-				hpstatus: "",
-				checked: false,
-				pickerOptions: {
-					shortcuts: [{
-							text: "最近一周",
-							onClick(picker) {
-								const end = new Date();
-								const start = new Date();
-								start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
-								picker.$emit("pick", [start, end]);
-							},
-						},
-						{
-							text: "最近一个月",
-							onClick(picker) {
-								const end = new Date();
-								const start = new Date();
-								start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
-								picker.$emit("pick", [start, end]);
-							},
-						},
-						{
-							text: "最近三个月",
-							onClick(picker) {
-								const end = new Date();
-								const start = new Date();
-								start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
-								picker.$emit("pick", [start, end]);
-							},
-						},
-					],
-				},
-				value1: "",
-				value2: "",
-			};
-		},
-		mounted() {
-			this.checked = this.$store.state.user.checked;
-			this.getAllList();
-		},
-		methods: {
-			/* 获取列表数据 */
-			getAllList(searchForm = {}) {
-				const params = {
-					pageIndex: this.currentPage,
-					pageSize: this.pagesize,
-				};
-				getAcceptorSearch({
-					...params,
-					...searchForm
-				}).then((res) => {
-					const {
-						data
-					} = res;
-					console.log(res,"res")
-					this.temporaryList = data.result;
-					this.srcList = data.result;
-					this.total = res.data.total;
-				});
-			},
+import { dataConversionUtil } from "../../utils/Excel.js";
+import { getAcceptorSearch } from "@/api/acceptor";
+export default {
+  filters: {
+    statusFilter(status) {
+      const statusMap = {
+        published: "success",
+        draft: "gray",
+        deleted: "danger",
+      };
+      return statusMap[status];
+    },
+  },
+  data() {
+    return {
+      // 弹窗显示 1修改信息 2新增
+      dialogVisible1: false,
+      dialogVisible2: false,
+      // 表单数据
+      formData: {
+        startTime: "",
+        endTime: "",
+        name: "", // 承兑人名称
+        status: "", // 承兑人状态
+      },
+      // 新增承兑人数据
+      form: {
+        name: "",
+        bankAccount: "",
+        bankNo: "",
+        bankName: "",
+        serviceRate: "",
+        interest: "",
+      },
+      // 弹窗修改数据
+      tableData: {
+        name: "",
+        serviceRate: "",
+        interest: "",
+        bankNo: "",
+        bankAccount: "",
+        bankName: "",
+        id: "",
+      },
+      /* 当前页数 */
+      currentPage: 1,
+      /* 每页显示个数 */
+      pagesize: 10,
+      /* 总条数 */
+      total: 20,
+      srcList: [],
+      list: [],
+      listLoading: false,
+      status: "",
+      search: "",
+      temporaryList: [],
+      multipleSelection: [],
+      hpstatus: "",
+      checked: false,
+      pickerOptions: {
+        shortcuts: [
+          {
+            text: "最近一周",
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+              picker.$emit("pick", [start, end]);
+            },
+          },
+          {
+            text: "最近一个月",
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+              picker.$emit("pick", [start, end]);
+            },
+          },
+          {
+            text: "最近三个月",
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+              picker.$emit("pick", [start, end]);
+            },
+          },
+        ],
+      },
+      value1: "",
+      value2: "",
+    };
+  },
+  mounted() {
+    this.checked = this.$store.state.user.checked;
+    this.getAllList();
+  },
+  methods: {
+    /* 获取列表数据 */
+    getAllList(searchForm = {}) {
+      const params = {
+        pageIndex: this.currentPage,
+        pageSize: this.pagesize,
+      };
+      getAcceptorSearch({
+        ...params,
+        ...searchForm,
+      }).then((res) => {
+        const { data } = res;
+        console.log(res, "res");
+        this.temporaryList = data.result;
+        this.srcList = data.result;
+        this.total = res.data.total;
+      });
+    },
 
+    addAcceptor() {
+      this.$request({
+        url: "/api/Acceptor",
+        method: "post",
+        data: this.form,
+      }).then((res) => {
+        if (res.code === 200) {
+          this.$message({
+            type: "success",
+            message: "添加成功",
+          });
+          this.getAllList();
+          this.dialogVisible2 = false;
+        } else {
+          this.$message({
+            type: "error",
+            message: res.msg,
+          });
+        }
+      });
+    },
+    toDetail(id) {
+      this.$router.push({
+        path: "table/detail",
+        query: {
+          id: id,
+        },
+      });
+    },
+    recover(id) {
+      this.$request({
+        url: "/api/Acceptor/manager",
+        method: "post",
+        data: {
+          ids: [id],
+          operateType: 2,
+        },
+      }).then((res) => {
+        if (res.code == 200) {
+          this.$message({
+            type: "success",
+            message: "恢复成功",
+          });
+          this.getAllList();
+        } else {
+          this.$message({
+            type: "danger",
+            message: "恢复失败",
+          });
+          this.getAllList();
+        }
+      });
+    },
+    deleteStatus(id) {
+      this.$request({
+        url: "/api/Acceptor/manager",
+        method: "post",
+        data: {
+          ids: [id],
+          operateType: 1,
+        },
+      }).then((res) => {
+        if (res.code == 200) {
+          this.$message({
+            type: "success",
+            message: "删除成功",
+          });
+          this.getAllList();
+        } else {
+          this.$message({
+            type: "danger",
+            message: "删除失败",
+          });
+          this.getAllList();
+        }
+      });
+    },
+    resetForm() {
+      this.$refs[form].resetFields();
+    },
+    modify(id) {
+      this.$request({
+        url: "/api/Acceptor/" + id,
+        method: "get",
+      }).then((res) => {
+        console.log(res);
+        this.tableData = res.data;
+        this.tableData.id = id;
+      });
+      this.dialogVisible1 = true;
+    },
+    // 弹窗修改
+    onSubmit() {
+      this.$request({
+        url: "/api/Acceptor/update",
+        method: "post",
+        data: this.tableData,
+      }).then((res) => {
+        if (res.code == 200) {
+          this.$message({
+            type: "success",
+            message: "修改成功!",
+          });
+          this.getAllList();
+        } else {
+          this.$message({
+            type: "danger",
+            message: "修改失败!",
+          });
+        }
+      });
+      this.dialogVisible1 = false;
+    },
 
-			handlehpCommand(command) {
-				this.hpstatus = command;
-			},
-			handleSelectionChange(data) {
-				this.multipleSelection = data;
-				console.log(this.multipleSelection);
-			},
-			handleAll(data) {
-				this.multipleSelection = data;
-				console.log(this.multipleSelection);
-			},
-			addAcceptor() {
-				this.$request({
-					url: '/api/Acceptor',
-					method: 'post',
-					data: this.form
-				}).then((res) => {
-					if (res.code === 200) {
-						this.$message({
-							type: 'success',
-							message: "添加成功"
-						});
-						this.getAllList();
-						this.dialogVisible2 = false;
-					} else {
-						this.$message({
-							type: 'error',
-							message: res.msg
-						})
-					}
-				})
+    /* 输入承兑人状态查询 */
+    handleCommand(command) {
+      this.status = command;
+      if (command === "正常") {
+        this.formData.status = 5;
+      }
+      if (command === "删除") {
+        this.formData.status = 4;
+      }
+      if (command === "全部") {
+        this.formData.status = "";
+      }
 
-			},
-			toDetail(id) {
-				this.$router.push({
-					path: "table/detail",
-					query: {
-						id: id,
-					},
-				});
-			},
-			recover(id) {
-				this.$request({
-					url: "/api/Acceptor/manager",
-					method: "post",
-					data: {
-						ids: [id],
-						operateType: 2,
-					},
-				}).then((res) => {
-					if (res.code == 200) {
-						this.$message({
-							type: "success",
-							message: "恢复成功",
-						});
-						this.getAllList();
-					} else {
-						this.$message({
-							type: "danger",
-							message: "恢复失败",
-						});
-						this.getAllList();
-					}
-				});
-			},
-			deleteStatus(id) {
-				this.$request({
-					url: "/api/Acceptor/manager",
-					method: "post",
-					data: {
-						ids: [id],
-						operateType: 1,
-					},
-				}).then((res) => {
-					if (res.code == 200) {
-						this.$message({
-							type: "success",
-							message: "删除成功",
-						});
-						this.getAllList();
-					} else {
-						this.$message({
-							type: "danger",
-							message: "删除失败",
-						});
-						this.getAllList();
-					}
-				});
-			},
-			resetForm() {
-				this.$refs[form].resetFields();
-			},
-			modify(id) {
-				this.$request({
-					url: '/api/Acceptor/' + id,
-					method: 'get',
-				}).then((res) => {
-					console.log(res)
-					this.tableData = res.data
-					this.tableData.id = id
-				})
-				this.dialogVisible1 = true
-			},
-			// 弹窗修改
-			onSubmit() {
-				this.$request({
-					url: '/api/Acceptor/update',
-					method: 'post',
-					data: this.tableData
-				}).then((res) => {
-					if (res.code == 200) {
-						this.$message({
-							type: 'success',
-							message: '修改成功!'
-						})
-						this.getAllList();
-					} else {
-						this.$message({
-							type: 'danger',
-							message: '修改失败!'
-						})
-					}
-				})
-				this.dialogVisible1 = false
-			},
+      this.currentPage = 1;
+      this.searchForm = {
+        ...this.formData,
+      };
+      this.getAllList(this.searchForm);
+    },
+    /* 输入承兑人名称查询 */
+    Search() {
+      this.currentPage = 1;
+      this.searchForm = {
+        ...this.formData,
+      };
+      this.getAllList(this.searchForm);
+    },
 
+    /* 分页功能，改变当前页 */
+    handleCurrentChange(val) {
+      this.currentPage = val;
+      this.getAllList(this.searchForm);
+    },
 
-			/* 输入承兑人状态查询 */
-			handleCommand(command) {
-				this.status = command
-				if (command === '正常') {
-					this.formData.status = 5
-				}
-				if (command === '删除') {
-					this.formData.status = 4
-				}
-				if (command === '全部') {
-					this.formData.status = ''
-				}
+    /* 分页功能去首页 */
+    jumpFirstPage() {
+      this.$refs.pagination.handleCurrentChange(1);
+      this.$emit("handleCurrentChange", 1);
+    },
+    /* 分页功能：去尾页 */
+    jumpLastPage() {
+      let font = this.$refs.pagination;
+      let cpage = Math.ceil(font.total / font.pageSize);
+      font.handleCurrentChange(cpage);
+    },
 
-				this.currentPage = 1;
-				this.searchForm = {
-					...this.formData
-				};
-				this.getAllList(this.searchForm);
-			},
-			/* 输入承兑人名称查询 */
-			Search() {
-				this.currentPage = 1;
-				this.searchForm = {
-					...this.formData
-				};
-				this.getAllList(this.searchForm);
-			},
+    /* 批量导出数据 */
+    handleSelectionChange(data) {
+      this.multipleSelection = data;
+    },
+    handleAll(data) {
+      this.multipleSelection = data;
+    },
+    /* 导出 */
+    batchExports() {
+      if (this.multipleSelection == "") {
+        this.$message({
+          type: "warning",
+          message: "请选择数据!",
+        });
+      } else {
+        var tableHeader = [
+          [
+            "序号",
+            "承兑人名称",
+            "账号",
+            "开户行名称",
+            "服务费率(%)",
+            "利率(%)",
+            "状态",
+            "时间",
+          ],
+        ];
+        var dataList = [];
+        this.multipleSelection.forEach((item, index) => {
+          dataList.push([
+            index + 1,
+            item.name,
+            item.bankAccount,
+            item.bankName,
+            item.serviceRate,
+            item.interest,
+            item.statusText,
+            item.createdAt,
+          ]);
+        });
+        dataConversionUtil.dataToExcel("承兑人列表", tableHeader, dataList);
+        this.$message.success("导出成功!");
+      }
+    },
+    /* 全部导出承兑人列表数据 */
+    getContacts() {
+      const data = {
+        pageIndex: '',
+        pageSize: '',
+        startTime: "",
+        endTime: "",
+        name: "",
+        contractStatus: "",
+        approveStatus: "",
+        draftStatus: "",
+        supplierId: "",
+      };
+      getAcceptorSearch({ data }).then((res) => {
+        const { result } = res.data;
+        this.multipleSelection = result;
+      });
+    },
 
-
-			/* 分页功能，改变当前页 */
-			handleCurrentChange(val) {
-				this.currentPage = val;
-				this.getAllList(this.searchForm);
-			},
-
-			/* 分页功能去首页 */
-			jumpFirstPage() {
-				this.$refs.pagination.handleCurrentChange(1);
-				this.$emit("handleCurrentChange", 1);
-			},
-			/* 分页功能：去尾页 */
-			jumpLastPage() {
-				let font = this.$refs.pagination;
-				let cpage = Math.ceil(font.total / font.pageSize);
-				font.handleCurrentChange(cpage);
-			},
-			/* 导出 */
-			Exports() {
-				if (this.multipleSelection == "") {
-					this.$message({
-						type: "warning",
-						message: "请选择数据!",
-					});
-				} else {
-					var tableHeader = [
-						[
-							"序号",
-							"承兑人名称",
-							"账号",
-							"开户行名称",
-							"服务费率(%)",
-							"利率(%)",
-							"状态",
-							"时间",
-						],
-					];
-					var dataList = [];
-					this.multipleSelection.forEach((item, index) => {
-						dataList.push([
-							index + 1,
-							item.name,
-							item.bankAccount,
-							item.bankName,
-							item.serviceRate,
-							item.interest,
-							item.statusText,
-							item.createdAt,
-						]);
-					});
-					dataConversionUtil.dataToExcel("承兑人列表", tableHeader, dataList);
-					this.$message.success("导出成功!");
-				}
-			},
-		},
-	};
+    /* 全部导出 */
+    Exports() {
+      this.getContacts();
+      setTimeout(() => {
+        var tableHeader = [
+          [
+            "序号",
+            "承兑人名称",
+            "账号",
+            "开户行名称",
+            "服务费率(%)",
+            "利率(%)",
+            "状态",
+            "时间",
+          ],
+        ];
+        var dataList = [];
+        this.multipleSelection.forEach((item, index) => {
+          dataList.push([
+           index + 1,
+            item.name,
+            item.bankAccount,
+            item.bankName,
+            item.serviceRate,
+            item.interest,
+            item.statusText,
+            item.createdAt,
+          ]);
+        });
+        dataConversionUtil.dataToExcel("承兑人列表", tableHeader, dataList);
+        this.$message.success("导出成功!");
+      }, 1000);
+    },
+  },
+};
 </script>
 <style lang="scss">
-	.pulldown {
-		width: 185px;
-		height: 40px;
-		border: 1px solid #e8e8e8;
-		border-radius: 10px;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		justify-content: space-between;
-		padding: 0 20px;
-		color: #999999;
-	}
+.pulldown {
+  width: 185px;
+  height: 40px;
+  border: 1px solid #e8e8e8;
+  border-radius: 10px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 20px;
+  color: #999999;
+}
 
-	.pagesip {
-		width: 100%;
-		display: flex;
-		justify-content: flex-end;
-	}
+.pagesip {
+  width: 100%;
+  display: flex;
+  justify-content: flex-end;
+}
 
-	.el-pagination.is-background .el-pager li:not(.disabled).active {
-		background-color: #d8ab5a;
-	}
+.el-pagination.is-background .el-pager li:not(.disabled).active {
+  background-color: #d8ab5a;
+}
 
-	.el-col {
-		margin-bottom: 20px;
-	}
+.el-col {
+  margin-bottom: 20px;
+}
 </style>