8.15 17:50

src/api/supplierAcceptor.js

@@ -0,0 +1,10 @@
+import request from '@/utils/request'
+
+// 获取供应商承兑人列表
+export function getSupplierAcceptor(params){
+	return request({
+	  url: '/api/SupplierAcceptor',
+	  method: 'get',
+	  params
+	})
+}

src/components/BillForm/BillForm.vue

@@ -204,6 +204,7 @@
           <el-form-item label="附件"
            :rules="rules.picUrls"
            :prop="'contractDrafts.' + index + '.picUrls'">
+					 <span style="color: #d05c39">*支持上传pdf、jpg/jpeg、png格式,大小30M以下</span>
             <FileUpload
             v-model="item.picUrls"
             accept=".jpg, .jpeg, .png, .pdf"

src/components/upload/FileUpload.vue

@@ -177,6 +177,7 @@ export default {
     // 文件上传成功
     handleImageSuccess(res) {
       if (res.code === 200) {
+		console.log("上传成功")
         this.files.push(res.data.file)
         this.emitInput()
       } else {
@@ -199,6 +200,7 @@ export default {
     },
     // 删除图片
     async handleRemove(file) {
+			console.log("删除文件")
       this.$confirm(`确认删除文件?`, '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',

src/layout/components/Navbar.vue

@@ -73,15 +73,14 @@ export default {
       if (this.roles[0] === "admin") {
         let res = await getAccountInfo();
         //数据赋值
-        this.userName = res.data.account;
+        this.userName = res.data.realName;
       } else if(this.roles[0] === "salesman") {
          let res = await getAccountInfo();
         //数据赋值
-        this.userName = res.data.account;
+        this.userName = res.data.realName;
       }else {
         let req = await getSupplierInfo();
-        this.supplierName = req.data.account;
-        console.log(req);
+        this.supplierName = req.data.name;
       }
     },
   },

src/router/index.js

@@ -43,7 +43,8 @@ export const asyncRouterMap = [{
 	meta: {
 		title: '合同列表',
 		icon: 'el-icon-s-order',
-		roles: ['admin', 'salesman', 'supplier']
+		roles: ['admin', 'salesman', 'supplier'],
+		activeMenu: '/contracts/index'
 	},
 	redirect: {
 		name: 'contracts'
@@ -56,7 +57,8 @@ export const asyncRouterMap = [{
 			meta: {
 				title: '合同列表',
 				icon: 'el-icon-s-order',
-				roles: ['admin', 'salesman', 'supplier']
+				roles: ['admin', 'salesman', 'supplier'],
+				activeMenu: '/contracts/index'
 			}
 		},
 		{
@@ -65,7 +67,8 @@ export const asyncRouterMap = [{
 			component: () => import('@/views/contracts/detail'),
 			meta: {
 				title: '合同详情',
-				roles: ['admin', 'salesman', 'supplier']
+				roles: ['admin', 'salesman', 'supplier'],
+				activeMenu: '/contracts/index'
 			},
 			hidden: true
 		},
@@ -83,7 +86,8 @@ export const asyncRouterMap = [{
 			component: () => import('@/views/contracts/addnewbill'),
 			meta: {
 				title: '新增汇票',
-				roles: ['admin', 'salesman', 'supplier']
+				roles: ['admin', 'salesman', 'supplier'],
+				activeMenu: '/contracts/index'
 			},
 			hidden: true
 		},
@@ -93,7 +97,8 @@ export const asyncRouterMap = [{
 			component: () => import('@/views/contracts/billDetail'),
 			meta: {
 				title: '汇票详情',
-				roles: ['admin', 'salesman', 'supplier']
+				roles: ['admin', 'salesman', 'supplier'],
+				activeMenu: '/contracts/index'
 			},
 			hidden: true
 		},
@@ -103,7 +108,8 @@ export const asyncRouterMap = [{
 			component: () => import('@/views/contracts/new_file'),
 			meta: {
 				title: '新增合同',
-				roles: ['admin', 'salesman', 'supplier']
+				roles: ['admin', 'salesman', 'supplier'],
+				activeMenu: '/contracts/index'
 			},
 			hidden: true
 		}
@@ -136,7 +142,7 @@ export const asyncRouterMap = [{
 		component: () => import('@/views/table/addAcceptor'),
 		meta: {
 			title: '新增承兑人',
-			roles: ['admin', 'salesman',]
+			roles: ['admin', 'salesman',],
 		},
 		hidden: true
 	},
@@ -195,6 +201,28 @@ export const asyncRouterMap = [{
 	]
 },
 
+{
+	path: '/index',
+	component: Layout,
+	redirect: '/supplierAcceptor',
+	meta: {
+		title: '供应商承兑人表',
+		roles: ['admin', 'salesman','supplier']
+	},
+	children: [{
+		path: 'index',
+		name: 'supplierAcceptor',
+		component: () => import('@/views/supplierAcceptor/index'),
+		meta: {
+			title: '供应商承兑人表',
+			icon: 'el-icon-s-promotion',
+			roles: ['admin', 'salesman','supplier'],
+			activeMenu: '/supplierAcceptor/index'
+		}
+	},
+	]
+},
+
 {
 	path: '/delivery',
 	component: Layout,
@@ -210,7 +238,8 @@ export const asyncRouterMap = [{
 		meta: {
 			title: '供应商账号',
 			icon: 'el-icon-s-promotion',
-			roles: ['admin', 'salesman',]
+			roles: ['admin', 'salesman',],
+			activeMenu: '/delivery/index'
 		}
 	},
 	{
@@ -219,7 +248,8 @@ export const asyncRouterMap = [{
 		component: () => import('@/views/delivery/edit'),
 		meta: {
 			title: '详情',
-			roles: ['admin', 'salesman',]
+			roles: ['admin', 'salesman',],
+			activeMenu: '/delivery/index'
 		},
 		hidden: true
 	}
@@ -232,7 +262,8 @@ export const asyncRouterMap = [{
 	redirect: '/shipments',
 	meta: {
 		title: '报表统计',
-		roles: ['admin', 'salesman']
+		roles: ['admin', 'salesman'],
+		activeMenu: '/shipments/index'
 	},
 	children: [{
 		path: 'index',
@@ -241,7 +272,8 @@ export const asyncRouterMap = [{
 		meta: {
 			title: '报表统计',
 			icon: 'el-icon-s-marketing',
-			roles: ['admin', 'salesman',]
+			roles: ['admin', 'salesman',],
+			activeMenu: '/shipments/index'
 		}
 	},
 	{
@@ -250,7 +282,8 @@ export const asyncRouterMap = [{
 		component: () => import('@/views/shipments/shipments1'),
 		meta: {
 			title: '出票人分类报表',
-			roles: ['admin', 'salesman',]
+			roles: ['admin', 'salesman',],
+			activeMenu: '/shipments/index'
 
 		},
 		hidden: true
@@ -261,7 +294,8 @@ export const asyncRouterMap = [{
 		component: () => import('@/views/shipments/shipments2'),
 		meta: {
 			title: '合同统计列表',
-			roles: ['admin', 'salesman',]
+			roles: ['admin', 'salesman',],
+			activeMenu: '/shipments/index'
 		},
 		hidden: true
 	},
@@ -271,7 +305,8 @@ export const asyncRouterMap = [{
 		component: () => import('@/views/shipments/shipments3'),
 		meta: {
 			title: '供应商统计列表',
-			roles: ['admin', 'salesman',]
+			roles: ['admin', 'salesman',],
+			activeMenu: '/shipments/index'
 		},
 		hidden: true
 	}
@@ -315,7 +350,8 @@ export const asyncRouterMap = [{
 		meta: {
 			title: '安全审计',
 			icon: 'el-icon-s-check',
-			roles: ['admin']
+			roles: ['admin'],
+			activeMenu: '/sucuirtyaudit/index'
 		}
 	},
 	{
@@ -324,7 +360,8 @@ export const asyncRouterMap = [{
 		component: () => import('@/views/sucuirtyaudit/annexList'),
 		meta: {
 			title: '附件列表',
-			roles: ['admin']
+			roles: ['admin'],
+			activeMenu: '/sucuirtyaudit/index'
 		},
 		hidden: true
 	},
@@ -334,7 +371,8 @@ export const asyncRouterMap = [{
 		component: () => import('@/views/sucuirtyaudit/detail'),
 		meta: {
 			title: '审计日志详情',
-			roles: ['admin']
+			roles: ['admin'],
+			activeMenu: '/sucuirtyaudit/index'
 		},
 		hidden: true
 	},
@@ -344,7 +382,8 @@ export const asyncRouterMap = [{
 		component: () => import('@/views/sucuirtyaudit/attachment-detail'),
 		meta: {
 			title: '附件列表详情',
-			roles: ['admin']
+			roles: ['admin'],
+			activeMenu: '/sucuirtyaudit/index'
 		},
 		hidden: true
 	}

src/utils/request.js

@@ -101,7 +101,7 @@ service.interceptors.response.use(
 	 * You can also judge the status by HTTP Status Code
 	 */
   response => {
-		loading.close()
+	loading.close()
     const res = response.data
     // if the custom code is not 20000, it is judged as an error.
     // if (res.code !== 200) {
@@ -147,6 +147,7 @@ service.interceptors.response.use(
       type: 'error',
       duration: 5 * 1000
     })
+	loading.close()
     return Promise.reject(error)
   }
 )

src/views/contracts/addnewbill.vue

@@ -115,6 +115,7 @@ export default {
                 type: 'success',
                 message:'汇票上传成功'
               })
+							this.$router.go(-1)
             }
           })
         } else {

src/views/contracts/detail.vue

@@ -159,6 +159,11 @@
             {{ scope.row.serviceMoney }}
           </template>
         </el-table-column>
+		<el-table-column label="利息" align="center">
+		  <template slot-scope="scope">
+		    {{ scope.row.interest }}
+		  </template>
+		</el-table-column>
         <el-table-column
           label="汇票状态"
           align="center"
@@ -444,6 +449,7 @@
 					this.list = res.data.contractDraft.result;
 					this.tradePicList = this.contract.tradePicList;
 					this.getPageData();
+					console.log(this.list)
 				});
 			},
 			isPDF(url) {

src/views/contracts/new_file.vue

@@ -25,7 +25,7 @@
       <!-- 合同附件图片 -->
       <div class="titlesa">
         <span>合同附件</span>
-        <span style="color: #d05c39"> *支持上传pdf、jpg/jpeg、png格式</span>
+        <span style="color: #d05c39"> *支持上传pdf、jpg/jpeg、png格式,大小30M以下</span>
       </div>
       <div>
         <FileUpload
@@ -37,7 +37,7 @@
       <!-- 发票附件图片 -->
       <div class="titlesa">
         <span>发票附件</span>
-        <span style="color: #d05c39">*支持上传pdf、jpg/jpeg、png格式</span>
+        <span style="color: #d05c39">*支持上传pdf、jpg/jpeg、png格式,大小30M以下</span>
       </div>
       <div>
         <FileUpload
@@ -48,7 +48,7 @@
       <!-- 贸易附件图片 -->
       <div class="titlesa">
         <span>贸易合同</span>
-        <span style="color: #d05c39">*支持上传pdf、jpg/jpeg、png格式</span>
+        <span style="color: #d05c39">*支持上传pdf、jpg/jpeg、png格式,大小30M以下</span>
       </div>
       <div>
         <FileUpload

src/views/delivery/index.vue

@@ -134,9 +134,15 @@
         align="center"
         prop="created_at"
         label="操作"
-        width="250"
+        width="300"
       >
         <template slot-scope="scope">
+					<el-tag
+					  type="primary"
+					  style="cursor: pointer; margin-right: 15px"
+					  @click=""
+					  >绑定
+					</el-tag>
           <el-tag
             type="primary"
             style="cursor: pointer; margin-right: 15px"

src/views/management/index.vue

@@ -53,8 +53,8 @@
         class="grid-content bg-purple"
         style="display: flex; justify-content: flex-end; margin-left: 10px"
       >
-        <el-button type="success" @click="success">审核成功</el-button>
-        <el-button type="danger" @click="failed">审核失败</el-button>
+        <el-button type="success" @click="success">审核通过</el-button>
+        <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="batchExports">导出</el-button>

src/views/mine/index.vue

@@ -43,7 +43,7 @@
 
 						<el-form-item label="供应商认证照片">
 							<div style="display: flex;">
-								<div>
+								<!-- <div>
 									<el-image style="width: 100px; height: 100px"
 										v-for="(item,index) in form.identifyPics" :key="index" :src="item"
 										:preview-src-list="form.identifyPics">
@@ -57,28 +57,31 @@
 									<el-dialog :visible.sync="dialogVisibleimg">
 										<img width="100%" :src="form.identifyPics" alt="" />
 									</el-dialog>
-								</div>
+								</div> -->
+								<FileShow :files="form.identifyPics" style="width: 148px;height: 148px;"></FileShow>
+								<Upload v-model="form.identifyPics" ></Upload>
 							</div>
 
 
 						</el-form-item>
 						<el-form-item label="授权委托书">
 							<div style="display: flex;">
-								<div>
+								<!-- <div>
 									<el-image style="width: 100px; height: 100px" v-for="(item,index) in form.proxyFile"
 										:key="index" :src="item" :preview-src-list="form.proxyFile">
 									</el-image>
-								</div>
-								<div>
+								</div> -->
+								<FileShow :files="form.proxyFile" style="width: 148px;height: 148px;"></FileShow>
+								<!-- <div>
 									<el-dialog :visible.sync="dialogVisibleimg">
 										<img width="100%" :src="form.proxyFile" alt="" />
 									</el-dialog>
-
 									<el-upload action="https://ht.9026.com/api/File" list-type="picture-card"
 										:on-success="handleSuccess">
 										<i class="el-icon-plus" />
 									</el-upload>
-								</div>
+								</div> -->
+								<Upload v-model="form.proxyFile" ></Upload>
 							</div>
 
 						</el-form-item>

src/views/supplierAcceptor/index.vue

@@ -0,0 +1,854 @@
+<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-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="successes">审核通过</el-button>
+		<el-button type="primary" @click="failed">审核不通过</el-button>
+        <el-button type="danger" @click="deleteStatuses">删除</el-button>
+        <el-button type="primary" @click="dialogVisible2 = true"  v-permission="['supplier']"
+          >新增承兑人</el-button
+        >
+        <el-button type="primary" @click="batchExports">导出</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-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-table
+      :row-key="getRowKey"
+      v-loading="listLoading"
+      :data="temporaryList"
+      element-loading-text="Loading"
+      border
+      fit
+      ref="multipleTable"
+      highlight-current-row
+      @select="handleSelectionChange"
+      @select-all="handleAll"
+    >
+      <el-table-column
+        align="center"
+        label=""
+        width="55"
+        type="selection"
+        :reserve-selection="true"
+      >
+      </el-table-column>
+	  <el-table-column label="供应商名称" align="center" prop="supplierName">
+	  </el-table-column>
+      <el-table-column label="承兑人名称" align="center" prop="acceptorName">
+      </el-table-column>
+      <el-table-column align="center" label="银行名称" prop="bankName">
+      </el-table-column>
+      <el-table-column align="center" label="银行账号" prop="bankAccount">
+      </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"
+        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="success(scope.row.id)"
+			v-if="scope.row.status!=1"
+            >审核通过
+          </el-tag>
+		  <el-tag
+		    type="primary"
+		    style="cursor: pointer; margin-right: 15px"
+		    @click="fail(scope.row.id)"
+			v-if="scope.row.status!=2"
+		    >审核不通过
+		  </el-tag>
+          <el-tag
+            type="danger"
+            style="cursor: pointer; margin-right: 15px"
+            @click="deleteStatus(scope.row.id)"
+            >删除</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 { getSupplierAcceptor } from "@/api/supplierAcceptor";
+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: "",
+      },
+      oldTableData: "",
+      /* 当前页数 */
+      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: "",
+      exportExcelData1: [], //列表缓存数据
+      exportExcelData2: [],
+    };
+  },
+  mounted() {
+    this.checked = this.$store.state.user.checked;
+    this.getAllList();
+  },
+  methods: {
+    /* 获取列表数据 */
+    getAllList(searchForm = {}) {
+      const params = {
+        pageIndex: this.currentPage,
+        pageSize: this.pagesize,
+      };
+      getSupplierAcceptor({
+        ...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() {
+      if (
+        this.form.bankAccount.length < 5 ||
+        this.form.bankAccount.length > 20
+      ) {
+        this.$message({
+          type: "error",
+          message: "银行账号必须为5~20位!",
+        });
+      } else {
+        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,
+        },
+      });
+    },
+	// 批量审核成功
+	successes(){
+		let ids=Array.from(this.multipleSelection,({id})=>id)
+		let status=Array.from(this.multipleSelection,({status})=>status)
+		if(status.includes(1)){
+			this.$message({
+				type: 'error',
+				message: '不能审核通过已是通过状态的账号'
+			})
+		}else if(ids==""){
+			this.$message({
+				type: 'error',
+				message: '请选择数据'
+			})
+		}else{
+			this.$request({
+			  url: "/api/SupplierAcceptor/update",
+			  method: "post",
+			  data: {
+			    ids:ids,
+			    status: 1,
+			  },
+			}).then((res) => {
+			  if (res.code == 200) {
+			    this.$message({
+			      type: "success",
+			      message: "审核成功",
+			    });
+				this.$refs.multipleTable.clearSelection();
+				this.multipleSelection="";
+			    this.getAllList();
+			  } else {
+			    this.$message({
+			      type: "danger",
+			      message: "审核失败",
+			    });
+			    this.getAllList();
+			  }
+			});
+		}
+		
+	},
+	
+	// 单个审核通过
+	success(id){
+		this.$request({
+			url:'/api/SupplierAcceptor/update',
+			method: "post",
+			  data: {
+			    ids:[id],
+			    status: 1,
+			  },
+			}).then((res) => {
+			  if (res.code == 200) {
+			    this.$message({
+			      type: "success",
+			      message: "审核成功",
+			    });
+				this.$refs.multipleTable.clearSelection();
+				this.multipleSelection="";
+			    this.getAllList();
+			  } else {
+			    this.$message({
+			      type: "danger",
+			      message: "审核失败",
+			    });
+			    this.getAllList();
+			  }
+		})
+	},
+	
+	// 批量审核不通过
+	failed(){
+		let ids=Array.from(this.multipleSelection,({id})=>id)
+		let status=Array.from(this.multipleSelection,({status})=>status)
+		if(status.includes(2)){
+			this.$message({
+				type: 'error',
+				message: '不能审核不通过已是不通过状态的账号'
+			})
+		}else if(ids==""){
+			this.$message({
+				type: 'error',
+				message: '请选择数据'
+			})
+		}else{
+			this.$request({
+			  url: "/api/SupplierAcceptor/update",
+			  method: "post",
+			  data: {
+			    ids:ids,
+			    status: 2,
+			  },
+			}).then((res) => {
+			  if (res.code == 200) {
+			    this.$message({
+			      type: "success",
+			      message: "审核成功",
+			    });
+				this.$refs.multipleTable.clearSelection();
+				this.multipleSelection="";
+			    this.getAllList();
+			  } else {
+			    this.$message({
+			      type: "danger",
+			      message: "审核失败",
+			    });
+			    this.getAllList();
+			  }
+			});
+		}
+	},
+	// 单个审核不通过
+	fail(id){
+		this.$request({
+			url:'/api/SupplierAcceptor/update',
+			method: "post",
+			  data: {
+			    ids:[id],
+			    status: 2,
+			  },
+			}).then((res) => {
+			  if (res.code == 200) {
+			    this.$message({
+			      type: "success",
+			      message: "审核成功",
+			    });
+				this.$refs.multipleTable.clearSelection();
+				this.multipleSelection="";
+			    this.getAllList();
+			  } else {
+			    this.$message({
+			      type: "danger",
+			      message: "审核失败",
+			    });
+			    this.getAllList();
+			  }
+		})
+	},
+	
+	// 批量删除
+	deleteStatuses(){
+		let ids=Array.from(this.multipleSelection,({id})=>id)
+		console.log(ids)
+		if(ids==""){
+			this.$message({
+				type: 'error',
+				message: '请选择数据'
+			})
+		}else{
+			this.$request({
+			  url: "/api/SupplierAcceptor/delete",
+			  method: "post",
+			  data: ids
+			}).then((res) => {
+			  if (res.code == 200) {
+			    this.$message({
+			      type: "success",
+			      message: "删除成功",
+			    });
+				this.$refs.multipleTable.clearSelection();
+				this.multipleSelection="";
+			    this.getAllList();
+			  } else {
+			    this.$message({
+			      type: "danger",
+			      message: "删除失败",
+			    });
+			    this.getAllList();
+			  }
+			});
+		}
+		
+	},
+    deleteStatus(id) {
+      this.$request({
+        url: "/api/SupplierAcceptor/delete",
+        method: "post",
+        data: [id]
+      }).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.oldTableData = { ...this.tableData };
+      });
+      this.dialogVisible1 = true;
+    },
+    // 弹窗修改
+    onSubmit() {
+      if (
+        JSON.stringify(this.oldTableData) === JSON.stringify(this.tableData)
+      ) {
+        this.$message({
+          type: "error",
+          message: "数据没有改变!",
+        });
+      } else if (
+        this.tableData.bankAccount.length < 5 ||
+        this.tableData.bankAccount.length > 20
+      ) {
+        this.$message({
+          type: "error",
+          message: "银行账号必须为5~20位!",
+        });
+      } else {
+        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;
+      }
+    },
+
+    /* 输入承兑人状态查询 */
+    handleCommand(command) {
+      this.status = command;
+	  console.log(this.status);
+      if (command === "待审核") {
+        this.formData.status = 0;
+      }
+      if (command === "通过") {
+        this.formData.status =1;
+      }
+	  if (command === "不通过") {
+	    this.formData.status =2;
+	  }
+      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);
+    },
+
+    /* 分页功能去首页 */
+    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);
+    },
+
+    getRowKey(row) {
+      return row.id;
+    },
+
+    /* 批量导出数据 */
+    handleSelectionChange(data) {
+      this.multipleSelection = data;
+      console.log(this.multipleSelection);
+    },
+    handleAll(data) {
+      this.multipleSelection = data;
+    },
+    /* 导出 */
+    batchExports() {
+      if (this.multipleSelection == "") {
+        this.Exports();
+      } else {
+        var tableHeader = [
+          [
+            "序号",
+            "承兑人名称",
+            "账号",
+            "开户行名称",
+            "开户行行号",
+            "服务费率(%)",
+            "利率(%)",
+            "状态",
+            "时间",
+          ],
+        ];
+        var dataList = [];
+        this.multipleSelection.forEach((item, index) => {
+          dataList.push([
+            index + 1,
+            item.name,
+            item.bankAccount,
+            item.bankName,
+            item.bankNo,
+            item.serviceRate,
+            item.interest,
+            item.statusText,
+            item.createdAt,
+          ]);
+        });
+        dataConversionUtil.dataToExcel("承兑人列表", tableHeader, dataList);
+        this.$message.success("导出成功!");
+      }
+    },
+ 
+    /* 全部导出 */
+    Exports() {
+      const data = {
+        pageIndex: "",
+        pageSize: -1,
+        startTime: "",
+        endTime: "",
+        name: "",
+        contractStatus: "",
+        approveStatus: "",
+        draftStatus: "",
+        supplierId: "",
+      };
+      getAcceptorSearch({ ...data }).then((res) => {
+        const { result } = res.data;
+        this.multipleSelection = result;
+        var tableHeader = [
+          [
+            "序号",
+            "承兑人名称",
+            "账号",
+            "开户行名称",
+            "开户行行号",
+            "服务费率(%)",
+            "利率(%)",
+            "状态",
+            "时间",
+          ],
+        ];
+        var dataList = [];
+        this.multipleSelection.forEach((item, index) => {
+          dataList.push([
+            index + 1,
+            item.name,
+            item.bankAccount,
+            item.bankName,
+            item.bankNo,
+            item.serviceRate,
+            item.interest,
+            item.statusText,
+            item.createdAt,
+          ]);
+        });
+        dataConversionUtil.dataToExcel("承兑人列表", tableHeader, dataList);
+        this.$message.success("导出成功!");
+      });
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.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;
+  margin-top: 20px;
+}
+
+.el-pagination.is-background .el-pager li:not(.disabled).active {
+  background-color: #d8ab5a;
+}
+
+.el-col {
+  margin-bottom: 20px;
+}
+</style>