|
| xqd
@@ -1,729 +1,790 @@
|
|
|
<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.supplierName" @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" v-permission="['admin', 'salesman']">审核成功</el-button>
|
|
|
- <el-button type="primary" @click="failed" v-permission="['admin', 'salesman']">审核失败</el-button>
|
|
|
- <el-button type="danger" @click="deleteStatuses">删除</el-button>
|
|
|
- <el-button type="primary" @click="getAcceptor" v-permission="['supplier']">新增承兑人</el-button>
|
|
|
- <el-button type="primary" @click="batchExports">导出</el-button>
|
|
|
- </div>
|
|
|
- </el-row>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- <!-- 弹窗新增承兑人 -->
|
|
|
- <el-dialog title="新增承兑人" :visible.sync="dialogVisible2" width="500px">
|
|
|
- <el-form ref="form" :model="form" label-width="100px">
|
|
|
- <el-form-item label="承兑人">
|
|
|
- <el-select v-model="form.acceptorIds" filterable multiple placeholder="请选择承兑人">
|
|
|
- <el-option v-for="item in acceptorList" :key="item.id" :label="item.name" :value="item.id" />
|
|
|
- </el-select>
|
|
|
-
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item>
|
|
|
- <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="bankAccount" v-if="roleId===999?false:true">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column align="center" label="开户行名称" prop="bankName" v-if="roleId===999?false:true">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column align="center" label="开户行行号" prop="bankNo" v-if="roleId===999?false:true">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column align="center" label="服务费率" v-if="roleId===0||roleId===1?false:true">
|
|
|
- <template slot-scope="scope" v-if="scope.row.status===1?true:false"> {{ scope.row.serviceRate }}%
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column align="center" label="利率" prop="interest" v-if="roleId===0||roleId===1?false:true">
|
|
|
- <template slot-scope="scope" v-if="scope.row.status===1?true:false"> {{ scope.row.interest }}%
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column align="center" label="服务费率" v-if="roleId===0||roleId===1?true:false">
|
|
|
- <template slot-scope="scope"> {{ scope.row.serviceRate }}% </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column align="center" label="利率" prop="interest" v-if="roleId===0||roleId===1?true:false">
|
|
|
- <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="操作" width="300">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-tag type="primary" style="cursor: pointer; margin-right: 15px" @click="success(scope.row.id)"
|
|
|
- v-permission="['admin', 'salesman']" v-if="scope.row.status!=1">审核通过
|
|
|
- </el-tag>
|
|
|
- <el-tag type="primary" style="cursor: pointer; margin-right: 15px" @click="fail(scope.row.id)"
|
|
|
- v-permission="['admin', 'salesman']" v-if="scope.row.status!=2">审核不通过
|
|
|
- </el-tag>
|
|
|
- <el-tag type="primary" style="cursor: pointer; margin-right: 15px"
|
|
|
- @click="Resubmit(scope.row.supplierId,scope.row.acceptorId)" v-permission="['supplier']"
|
|
|
- v-if="scope.row.status===2">重新提交
|
|
|
- </el-tag>
|
|
|
- <el-tag type="danger" style="cursor: pointer; margin-right: 15px"
|
|
|
- @click="deleteStatus(scope.row.id,scope.row.status)">删除</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>
|
|
|
+ <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.supplierName"
|
|
|
+ @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"
|
|
|
+ v-permission="['admin', 'salesman']"
|
|
|
+ >审核成功</el-button
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ @click="failed"
|
|
|
+ v-permission="['admin', 'salesman']"
|
|
|
+ >审核失败</el-button
|
|
|
+ >
|
|
|
+ <el-button type="danger" @click="deleteStatuses">删除</el-button>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ @click="getAcceptor"
|
|
|
+ v-permission="['supplier']"
|
|
|
+ >新增承兑人</el-button
|
|
|
+ >
|
|
|
+ <el-button type="primary" @click="batchExports">导出</el-button>
|
|
|
+ </div>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ <!-- 弹窗新增承兑人 -->
|
|
|
+ <el-dialog title="新增承兑人" :visible.sync="dialogVisible2" width="500px">
|
|
|
+ <el-form ref="form" :model="form" label-width="100px">
|
|
|
+ <el-form-item label="承兑人">
|
|
|
+ <el-select
|
|
|
+ v-model="form.acceptorIds"
|
|
|
+ filterable
|
|
|
+ multiple
|
|
|
+ placeholder="请选择承兑人"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in acceptorList"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item>
|
|
|
+ <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="bankAccount"
|
|
|
+ v-if="roleId === 999 ? false : true"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ label="开户行名称"
|
|
|
+ prop="bankName"
|
|
|
+ v-if="roleId === 999 ? false : true"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ label="开户行行号"
|
|
|
+ prop="bankNo"
|
|
|
+ v-if="roleId === 999 ? false : true"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ label="服务费率"
|
|
|
+ v-if="roleId === 0 || roleId === 1 ? false : true"
|
|
|
+ >
|
|
|
+ <template
|
|
|
+ slot-scope="scope"
|
|
|
+ v-if="scope.row.status === 1 ? true : false"
|
|
|
+ >
|
|
|
+ {{ scope.row.serviceRate }}%
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ label="利率"
|
|
|
+ prop="interest"
|
|
|
+ v-if="roleId === 0 || roleId === 1 ? false : true"
|
|
|
+ >
|
|
|
+ <template
|
|
|
+ slot-scope="scope"
|
|
|
+ v-if="scope.row.status === 1 ? true : false"
|
|
|
+ >
|
|
|
+ {{ scope.row.interest }}%
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ label="服务费率"
|
|
|
+ v-if="roleId === 0 || roleId === 1 ? true : false"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope"> {{ scope.row.serviceRate }}% </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ label="利率"
|
|
|
+ prop="interest"
|
|
|
+ v-if="roleId === 0 || roleId === 1 ? true : false"
|
|
|
+ >
|
|
|
+ <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="操作" width="300">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-tag
|
|
|
+ type="primary"
|
|
|
+ style="cursor: pointer; margin-right: 15px"
|
|
|
+ @click="success(scope.row.id)"
|
|
|
+ v-permission="['admin', 'salesman']"
|
|
|
+ v-if="scope.row.status != 1"
|
|
|
+ >审核通过
|
|
|
+ </el-tag>
|
|
|
+ <el-tag
|
|
|
+ type="primary"
|
|
|
+ style="cursor: pointer; margin-right: 15px"
|
|
|
+ @click="fail(scope.row.id)"
|
|
|
+ v-permission="['admin', 'salesman']"
|
|
|
+ v-if="scope.row.status != 2"
|
|
|
+ >审核不通过
|
|
|
+ </el-tag>
|
|
|
+ <el-tag
|
|
|
+ type="primary"
|
|
|
+ style="cursor: pointer; margin-right: 15px"
|
|
|
+ @click="Resubmit(scope.row.supplierId, scope.row.acceptorId)"
|
|
|
+ v-permission="['supplier']"
|
|
|
+ v-if="scope.row.status === 2"
|
|
|
+ >重新提交
|
|
|
+ </el-tag>
|
|
|
+ <el-tag
|
|
|
+ type="danger"
|
|
|
+ style="cursor: pointer; margin-right: 15px"
|
|
|
+ @click="deleteStatus(scope.row.id, scope.row.status)"
|
|
|
+ >删除</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";
|
|
|
- import {
|
|
|
- getAcceptorSearch
|
|
|
- } from "@/api/acceptor";
|
|
|
- export default {
|
|
|
- filters: {
|
|
|
- statusFilter(status) {
|
|
|
- const statusMap = {
|
|
|
- published: "success",
|
|
|
- draft: "gray",
|
|
|
- deleted: "danger",
|
|
|
- };
|
|
|
- return statusMap[status];
|
|
|
- },
|
|
|
- },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- // 角色ID
|
|
|
- roleId: '',
|
|
|
- // 弹窗显示 1修改信息 2新增
|
|
|
- dialogVisible1: false,
|
|
|
- dialogVisible2: false,
|
|
|
- // 表单数据
|
|
|
- formData: {
|
|
|
- pageIndex:'',
|
|
|
- pageSize:'',
|
|
|
- startTime: "",
|
|
|
- endTime: "",
|
|
|
- status: "", // 审核状态
|
|
|
- supplierId: "", //供应商ID
|
|
|
- supplierName:'', //供应商名称
|
|
|
- acceptorName:'',
|
|
|
- },
|
|
|
- //承兑人列表
|
|
|
- acceptorList: '',
|
|
|
- // 新增承兑人数据
|
|
|
- form: {
|
|
|
- supplierId: '',
|
|
|
- acceptorIds: [],
|
|
|
- },
|
|
|
- /* 当前页数 */
|
|
|
- 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.roleId = this.$store.state.user.userInfo.roleId;
|
|
|
- this.checked = this.$store.state.user.checked;
|
|
|
- // 获取供应商列表传递的供应商id
|
|
|
- this.formData.supplierId = this.$route.params.id
|
|
|
- // 获取供应商id
|
|
|
- this.form.supplierId = this.$store.state.user.userInfo.id
|
|
|
-
|
|
|
- if (this.formData.supplierId == "") {
|
|
|
- this.getAllList()
|
|
|
- } else {
|
|
|
- this.searchForm = {
|
|
|
- ...this.formData,
|
|
|
- };
|
|
|
- this.getAllList(this.searchForm);
|
|
|
- }
|
|
|
- },
|
|
|
- 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;
|
|
|
- });
|
|
|
- },
|
|
|
-
|
|
|
- // 获取承兑人列表
|
|
|
- getAcceptor(searchForm = {}) {
|
|
|
- this.dialogVisible2 = true
|
|
|
- const params = {
|
|
|
- pageIndex: '',
|
|
|
- pageSize: -1
|
|
|
- };
|
|
|
- getAcceptorSearch({
|
|
|
- ...params,
|
|
|
- ...searchForm,
|
|
|
- }).then((res) => {
|
|
|
- this.acceptorList = res.data.result
|
|
|
- });
|
|
|
- },
|
|
|
- /* 输入供应商名称查询 */
|
|
|
- Search() {
|
|
|
- let name=this.srcList.filter((item)=>item.supplierName===this.formData.supplierName)
|
|
|
- this.form.supplierId=name[0].supplierId
|
|
|
- this.currentPage = 1;
|
|
|
- this.searchForm = {
|
|
|
- ...this.formData,
|
|
|
- };
|
|
|
- console.log(this.searchForm)
|
|
|
- this.getAllList(this.searchForm);
|
|
|
- },
|
|
|
- // 添加承兑人
|
|
|
- addAcceptor() {
|
|
|
- this.$request({
|
|
|
- url: '/api/SupplierAcceptor',
|
|
|
- method: 'post',
|
|
|
- data: this.form
|
|
|
- }).then(res => {
|
|
|
- if (res.code === 200) {
|
|
|
- this.$message({
|
|
|
- type: 'success',
|
|
|
- message: "添加成功!"
|
|
|
- })
|
|
|
- }
|
|
|
- })
|
|
|
- this.dialogVisible2 = false
|
|
|
- this.getAllList()
|
|
|
- },
|
|
|
-
|
|
|
-
|
|
|
- // 重新提交
|
|
|
- Resubmit(supplierId, acceptorId) {
|
|
|
- this.$request({
|
|
|
- url: '/api/SupplierAcceptor',
|
|
|
- method: 'post',
|
|
|
- data: {
|
|
|
- supplierId: supplierId,
|
|
|
- acceptorIds: [acceptorId]
|
|
|
- }
|
|
|
- }).then(res => {
|
|
|
- if (res.code === 200) {
|
|
|
- console.log(res)
|
|
|
- this.$message({
|
|
|
- type: 'success',
|
|
|
- message: "提交成功!"
|
|
|
- })
|
|
|
- }
|
|
|
- })
|
|
|
- this.getAllList()
|
|
|
- },
|
|
|
-
|
|
|
- // 批量审核成功
|
|
|
- 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)
|
|
|
- if (ids == "") {
|
|
|
- this.$message({
|
|
|
- type: 'error',
|
|
|
- message: '请选择数据'
|
|
|
- })
|
|
|
- } else {
|
|
|
- this.$confirm('您确定要删除吗?', '提示', {
|
|
|
- confirmButtonText: '确定',
|
|
|
- cancelButtonText: '取消',
|
|
|
- type: 'warning'
|
|
|
- }).then(() => {
|
|
|
- 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();
|
|
|
- }
|
|
|
- });
|
|
|
- }).catch(() => {
|
|
|
- this.$message({
|
|
|
- type: 'info',
|
|
|
- message: '已取消删除'
|
|
|
- });
|
|
|
- })
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- },
|
|
|
- // 单个删除
|
|
|
- deleteStatus(id) {
|
|
|
-
|
|
|
- this.$confirm('您确定要删除吗?', '提示', {
|
|
|
- confirmButtonText: '确定',
|
|
|
- cancelButtonText: '取消',
|
|
|
- type: 'warning'
|
|
|
- }).then(() => {
|
|
|
- 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();
|
|
|
- }
|
|
|
- });
|
|
|
- }).catch(() => {
|
|
|
- this.$message({
|
|
|
- type: 'info',
|
|
|
- message: '已取消删除'
|
|
|
- });
|
|
|
- })
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- },
|
|
|
- /* 输入承兑人状态查询 */
|
|
|
- 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);
|
|
|
- },
|
|
|
-
|
|
|
-
|
|
|
- /* 分页功能，改变当前页 */
|
|
|
- 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.supplierName,
|
|
|
- item.acceptorName,
|
|
|
- item.bankName,
|
|
|
- item.bankAccount,
|
|
|
- item.bankNo,
|
|
|
- item.serviceRate,
|
|
|
- item.interest,
|
|
|
- item.statusText,
|
|
|
- ]);
|
|
|
- });
|
|
|
- dataConversionUtil.dataToExcel("供应商承兑人列表", tableHeader, dataList);
|
|
|
- this.$message.success("导出成功!");
|
|
|
- }
|
|
|
- },
|
|
|
-
|
|
|
- /* 全部导出 */
|
|
|
- Exports() {
|
|
|
- const data = {
|
|
|
- pageIndex: "",
|
|
|
- pageSize: -1,
|
|
|
- startTime: "",
|
|
|
- endTime: "",
|
|
|
- name: "",
|
|
|
- contractStatus: "",
|
|
|
- approveStatus: "",
|
|
|
- draftStatus: "",
|
|
|
- supplierId: "",
|
|
|
- };
|
|
|
- getSupplierAcceptor({
|
|
|
- ...data
|
|
|
- }).then((res) => {
|
|
|
- const {
|
|
|
- result
|
|
|
- } = res.data;
|
|
|
- this.multipleSelection = result;
|
|
|
- var tableHeader = [
|
|
|
- [
|
|
|
- "序号",
|
|
|
- "供应商名称",
|
|
|
- "承兑人名称",
|
|
|
- "银行名称",
|
|
|
- "银行账号",
|
|
|
- "银行行号",
|
|
|
- "服务费率(%)",
|
|
|
- "利率(%)",
|
|
|
- "审核状态",
|
|
|
- ],
|
|
|
- ];
|
|
|
- var dataList = [];
|
|
|
- this.multipleSelection.forEach((item, index) => {
|
|
|
- dataList.push([
|
|
|
- index + 1,
|
|
|
- item.supplierName,
|
|
|
- item.acceptorName,
|
|
|
- item.bankName,
|
|
|
- item.bankAccount,
|
|
|
- item.bankNo,
|
|
|
- item.serviceRate,
|
|
|
- item.interest,
|
|
|
- item.statusText,
|
|
|
- ]);
|
|
|
- });
|
|
|
- dataConversionUtil.dataToExcel("承兑人列表", tableHeader, dataList);
|
|
|
- this.$message.success("导出成功!");
|
|
|
- });
|
|
|
- },
|
|
|
- },
|
|
|
- };
|
|
|
+import { dataConversionUtil } from "../../utils/Excel.js";
|
|
|
+import { getSupplierAcceptor } from "@/api/supplierAcceptor";
|
|
|
+import { getAcceptorSearch } from "@/api/acceptor";
|
|
|
+export default {
|
|
|
+ filters: {
|
|
|
+ statusFilter(status) {
|
|
|
+ const statusMap = {
|
|
|
+ published: "success",
|
|
|
+ draft: "gray",
|
|
|
+ deleted: "danger",
|
|
|
+ };
|
|
|
+ return statusMap[status];
|
|
|
+ },
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ // 角色ID
|
|
|
+ roleId: "",
|
|
|
+ // 弹窗显示 1修改信息 2新增
|
|
|
+ dialogVisible1: false,
|
|
|
+ dialogVisible2: false,
|
|
|
+ // 表单数据
|
|
|
+ formData: {
|
|
|
+ status: "", // 审核状态
|
|
|
+ supplierId: "", //供应商ID
|
|
|
+ supplierName: "", //供应商名称
|
|
|
+ acceptorName: "",
|
|
|
+ },
|
|
|
+ //承兑人列表
|
|
|
+ acceptorList: "",
|
|
|
+ // 新增承兑人数据
|
|
|
+ form: {
|
|
|
+ supplierId: "",
|
|
|
+ acceptorIds: [],
|
|
|
+ },
|
|
|
+ /* 当前页数 */
|
|
|
+ currentPage: 1,
|
|
|
+ /* 每页显示个数 */
|
|
|
+ pagesize: 10,
|
|
|
+ /* 总条数 */
|
|
|
+ total: 20,
|
|
|
+ srcList: [],
|
|
|
+ list: [],
|
|
|
+ listLoading: false,
|
|
|
+ status: "",
|
|
|
+ search: "",
|
|
|
+ temporaryList: [],
|
|
|
+ multipleSelection: [],
|
|
|
+ hpstatus: "",
|
|
|
+ checked: false,
|
|
|
+ value1: "",
|
|
|
+ value2: "",
|
|
|
+ searchForm: {},
|
|
|
+ };
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ this.roleId = this.$store.state.user.userInfo.roleId;
|
|
|
+ this.checked = this.$store.state.user.checked;
|
|
|
+ // 获取供应商列表传递的供应商id
|
|
|
+ this.formData.supplierId = this.$route.params.id;
|
|
|
+ // 获取供应商id
|
|
|
+ this.form.supplierId = this.$store.state.user.userInfo.id;
|
|
|
+
|
|
|
+ if (this.formData.supplierId == "") {
|
|
|
+ this.getAllList();
|
|
|
+ } else {
|
|
|
+ this.searchForm = {
|
|
|
+ ...this.formData,
|
|
|
+ };
|
|
|
+ this.getAllList(this.searchForm);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ 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;
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ // 获取承兑人列表
|
|
|
+ getAcceptor(searchForm = {}) {
|
|
|
+ this.dialogVisible2 = true;
|
|
|
+ const params = {
|
|
|
+ pageIndex: "",
|
|
|
+ pageSize: -1,
|
|
|
+ };
|
|
|
+ getAcceptorSearch({
|
|
|
+ ...params,
|
|
|
+ ...searchForm,
|
|
|
+ }).then((res) => {
|
|
|
+ this.acceptorList = res.data.result;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /* 输入供应商名称查询 */
|
|
|
+ Search() {
|
|
|
+ this.currentPage = 1;
|
|
|
+ this.searchForm = {
|
|
|
+ ...this.formData,
|
|
|
+ };
|
|
|
+ this.getAllList(this.searchForm);
|
|
|
+ },
|
|
|
+ // 添加承兑人
|
|
|
+ addAcceptor() {
|
|
|
+ this.$request({
|
|
|
+ url: "/api/SupplierAcceptor",
|
|
|
+ method: "post",
|
|
|
+ data: this.form,
|
|
|
+ }).then((res) => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ this.$message({
|
|
|
+ type: "success",
|
|
|
+ message: "添加成功!",
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ this.dialogVisible2 = false;
|
|
|
+ this.getAllList();
|
|
|
+ },
|
|
|
+
|
|
|
+ // 重新提交
|
|
|
+ Resubmit(supplierId, acceptorId) {
|
|
|
+ this.$request({
|
|
|
+ url: "/api/SupplierAcceptor",
|
|
|
+ method: "post",
|
|
|
+ data: {
|
|
|
+ supplierId: supplierId,
|
|
|
+ acceptorIds: [acceptorId],
|
|
|
+ },
|
|
|
+ }).then((res) => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ console.log(res);
|
|
|
+ this.$message({
|
|
|
+ type: "success",
|
|
|
+ message: "提交成功!",
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ this.getAllList();
|
|
|
+ },
|
|
|
+
|
|
|
+ // 批量审核成功
|
|
|
+ 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);
|
|
|
+ if (ids == "") {
|
|
|
+ this.$message({
|
|
|
+ type: "error",
|
|
|
+ message: "请选择数据",
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.$confirm("您确定要删除吗?", "提示", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ 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();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ this.$message({
|
|
|
+ type: "info",
|
|
|
+ message: "已取消删除",
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 单个删除
|
|
|
+ deleteStatus(id) {
|
|
|
+ this.$confirm("您确定要删除吗?", "提示", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ 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();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ this.$message({
|
|
|
+ type: "info",
|
|
|
+ message: "已取消删除",
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /* 输入承兑人状态查询 */
|
|
|
+ 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);
|
|
|
+ },
|
|
|
+
|
|
|
+ /* 分页功能，改变当前页 */
|
|
|
+ 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.supplierName,
|
|
|
+ item.acceptorName,
|
|
|
+ item.bankName,
|
|
|
+ item.bankAccount,
|
|
|
+ item.bankNo,
|
|
|
+ item.serviceRate,
|
|
|
+ item.interest,
|
|
|
+ item.statusText,
|
|
|
+ ]);
|
|
|
+ });
|
|
|
+ dataConversionUtil.dataToExcel(
|
|
|
+ "供应商承兑人列表",
|
|
|
+ tableHeader,
|
|
|
+ dataList
|
|
|
+ );
|
|
|
+ this.$message.success("导出成功!");
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ /* 全部导出 */
|
|
|
+ Exports() {
|
|
|
+ const data = {
|
|
|
+ pageIndex: "",
|
|
|
+ pageSize: -1,
|
|
|
+ startTime: "",
|
|
|
+ endTime: "",
|
|
|
+ name: "",
|
|
|
+ contractStatus: "",
|
|
|
+ approveStatus: "",
|
|
|
+ draftStatus: "",
|
|
|
+ supplierId: "",
|
|
|
+ };
|
|
|
+ getSupplierAcceptor({
|
|
|
+ ...data,
|
|
|
+ }).then((res) => {
|
|
|
+ const { result } = res.data;
|
|
|
+ this.multipleSelection = result;
|
|
|
+ var tableHeader = [
|
|
|
+ [
|
|
|
+ "序号",
|
|
|
+ "供应商名称",
|
|
|
+ "承兑人名称",
|
|
|
+ "银行名称",
|
|
|
+ "银行账号",
|
|
|
+ "银行行号",
|
|
|
+ "服务费率(%)",
|
|
|
+ "利率(%)",
|
|
|
+ "审核状态",
|
|
|
+ ],
|
|
|
+ ];
|
|
|
+ var dataList = [];
|
|
|
+ this.multipleSelection.forEach((item, index) => {
|
|
|
+ dataList.push([
|
|
|
+ index + 1,
|
|
|
+ item.supplierName,
|
|
|
+ item.acceptorName,
|
|
|
+ item.bankName,
|
|
|
+ item.bankAccount,
|
|
|
+ item.bankNo,
|
|
|
+ item.serviceRate,
|
|
|
+ item.interest,
|
|
|
+ item.statusText,
|
|
|
+ ]);
|
|
|
+ });
|
|
|
+ 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;
|
|
|
- }
|
|
|
+.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>
|
