|
| xqd
@@ -1,156 +1,271 @@
|
|
|
<template>
|
|
|
- <div>
|
|
|
- <el-card class="box-card">
|
|
|
- <el-col :xs="24" :sm="24" :md="10" :lg="10" :xl="12">
|
|
|
- <div class="grid-content bg-purple">
|
|
|
- <span style="font-weight: 600">合同基础信息</span>
|
|
|
- <div class="titlein">
|
|
|
- <span class="titlename">合同名称</span>
|
|
|
- <span class="meatatitle">{{ contract.name }}</span>
|
|
|
- </div>
|
|
|
- <div class="titlein">
|
|
|
- <span class="titlename">合同编号</span>
|
|
|
- <span class="meatatitle">{{ contract.contractNo }}</span>
|
|
|
- </div>
|
|
|
- <div class="titlein">
|
|
|
- <span class="titlename">合同附件</span>
|
|
|
- <div style="display: flex">
|
|
|
- <div class="imgbox">
|
|
|
- <el-image v-for="(item) in picList" :key="item.id" style="width: 100px; height: 100px"
|
|
|
- :src="item" />
|
|
|
- <img v-for="(item) in picList" :key="item.id" style="width: 100px; height: 100px"
|
|
|
- :src="item" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="titlein">
|
|
|
- <span class="titlename">发票附件</span>
|
|
|
- <div style="display: flex">
|
|
|
- <div class="imgbox">
|
|
|
- <el-image v-for="(item) in invoicePicList" :key="item.id"
|
|
|
- style="width: 100px; height: 100px" :src="item" />
|
|
|
-
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="14" :lg="14" :xl="12">
|
|
|
- <div class="jas">
|
|
|
- <div class="titlein jas">
|
|
|
- <span class="titlename">贸易合同</span>
|
|
|
- <div style="display: flex">
|
|
|
- <div class="imgbox">
|
|
|
- <el-image v-for="(item) in tradePicList" :key="item.id"
|
|
|
- style="width: 100px; height: 100px" :src="item" />
|
|
|
-
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="yusa jas">
|
|
|
- <div class="boxas">
|
|
|
- <span style="color: #fff">合同状态：</span>
|
|
|
- <span style="color: #d05c39">{{
|
|
|
+ <div>
|
|
|
+ <el-card class="box-card">
|
|
|
+ <el-col :xs="24" :sm="24" :md="10" :lg="10" :xl="12">
|
|
|
+ <div class="grid-content bg-purple">
|
|
|
+ <span style="font-weight: 600">合同基础信息</span>
|
|
|
+ <div class="titlein">
|
|
|
+ <span class="titlename">合同名称</span>
|
|
|
+ <span class="meatatitle">{{ contract.name }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="titlein">
|
|
|
+ <span class="titlename">合同编号</span>
|
|
|
+ <span class="meatatitle">{{ contract.contractNo }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="titlein">
|
|
|
+ <span class="titlename">合同附件</span>
|
|
|
+ <div style="display: flex">
|
|
|
+ <div class="imgbox">
|
|
|
+ <template v-for="(item, index) in picList">
|
|
|
+ <el-image
|
|
|
+ v-if="isPDF(item)"
|
|
|
+ :key="index"
|
|
|
+ style="width: 100px; height: 100px"
|
|
|
+ :src="item"
|
|
|
+ :preview-src-list="picList"
|
|
|
+ />
|
|
|
+ <a v-else :key="index" :href="item" target="_blank">
|
|
|
+ <img style="width: 100px; height: 100px" :src="pdf">
|
|
|
+ </a>
|
|
|
+ </template>
|
|
|
+ <!-- <el-image
|
|
|
+ v-for="(item) in picList"
|
|
|
+ :key="item.id"
|
|
|
+ style="width: 100px; height: 100px"
|
|
|
+ :src="item"
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ v-for="(item) in picList"
|
|
|
+ :key="item.id"
|
|
|
+ style="width: 100px; height: 100px"
|
|
|
+ :src="item"
|
|
|
+ /> -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="titlein">
|
|
|
+ <span class="titlename">发票附件</span>
|
|
|
+ <div style="display: flex">
|
|
|
+ <div class="imgbox">
|
|
|
+ <template v-for="(item, index) in invoicePicList">
|
|
|
+ <el-image
|
|
|
+ v-if="isPDF(item)"
|
|
|
+ :key="index"
|
|
|
+ style="width: 100px; height: 100px"
|
|
|
+ :src="item"
|
|
|
+ :preview-src-list="invoicePicList"
|
|
|
+ />
|
|
|
+ <a v-else :key="index" :href="item" target="_blank">
|
|
|
+ <img style="width: 100px; height: 100px" :src="pdf">
|
|
|
+ </a>
|
|
|
+ </template>
|
|
|
+ <!-- <el-image
|
|
|
+ v-for="(item) in invoicePicList"
|
|
|
+ :key="item.id"
|
|
|
+ style="width: 100px; height: 100px"
|
|
|
+ :src="item"
|
|
|
+ /> -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="24" :md="14" :lg="14" :xl="12">
|
|
|
+ <div class="jas">
|
|
|
+ <div class="titlein jas">
|
|
|
+ <span class="titlename">贸易合同</span>
|
|
|
+ <div style="display: flex">
|
|
|
+ <div class="imgbox">
|
|
|
+ <template v-for="(item, index) in tradePicList">
|
|
|
+ <el-image
|
|
|
+ v-if="isPDF(item)"
|
|
|
+ :key="index"
|
|
|
+ style="width: 100px; height: 100px"
|
|
|
+ :src="item"
|
|
|
+ :preview-src-list="tradePicList"
|
|
|
+ />
|
|
|
+ <a v-else :key="index" :href="item" target="_blank">
|
|
|
+ <img style="width: 100px; height: 100px" :src="pdf">
|
|
|
+ </a>
|
|
|
+ </template>
|
|
|
+ <!-- <el-image
|
|
|
+ v-for="(item) in tradePicList"
|
|
|
+ :key="item.id"
|
|
|
+ style="width: 100px; height: 100px"
|
|
|
+ :src="item"
|
|
|
+ /> -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="yusa jas">
|
|
|
+ <div class="boxas">
|
|
|
+ <span style="color: #fff">合同状态：</span>
|
|
|
+ <span style="color: #d05c39">{{
|
|
|
contract.contractStatusText
|
|
|
}}</span>
|
|
|
- </div>
|
|
|
- <span class="aoiisp">审核结果：
|
|
|
- <p style="color: #d8ab5a">{{ contract.statusText }}</p>
|
|
|
- </span>
|
|
|
- </div>
|
|
|
-
|
|
|
- <!-- 审核反馈和审核截图框 -->
|
|
|
- <div class="yusa">
|
|
|
- <el-col :xs="24" :sm="24" :md="14" :lg="14" :xl="10" class="jas">
|
|
|
- <el-form ref="form" :model="feed" label-width="0px">
|
|
|
- <span class="sah">审核反馈：</span>
|
|
|
- <el-form-item label="">
|
|
|
- <el-input v-model="feed.feedback" type="textarea" />
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="14" :lg="14" :xl="14" class="jas">
|
|
|
- <span class="sah">审核截图：</span>
|
|
|
- <div style="display: flex; justify-content: flex-end">
|
|
|
- <div class="imgbox">
|
|
|
- <el-upload action="https://ht.9026.com/api/File" list-type="picture-card"
|
|
|
- :on-success="handleFeedbackPicList">
|
|
|
- <!-- <img v-if="feed.feedbackPicList" :src="feed.feedbackPicList" class="avatar"> -->
|
|
|
- <i class="el-icon-plus" />
|
|
|
- </el-upload>
|
|
|
- <el-dialog :visible.sync="dialogVisible">
|
|
|
- <img width="100%" :src="feed.feedbackPicList">
|
|
|
- </el-dialog>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- </div>
|
|
|
- <div slot="" class="clearfix">
|
|
|
- <el-button type="primary" style="float: right; margin-left: 10px">导出
|
|
|
- </el-button>
|
|
|
- <el-button v-if="contract.contractStatus === 0" type="danger" style="float: right"
|
|
|
- @click="deletedContract">删除</el-button>
|
|
|
-
|
|
|
- <el-button v-if="contract.contractStatus === 1" type="primary" style="float: right"
|
|
|
- @click="recoverContract">恢复
|
|
|
- </el-button>
|
|
|
- <el-button v-if="role === 1" type="warning" style="float: right" @click="failed">审核失败
|
|
|
- </el-button>
|
|
|
- <el-button v-if="role === 1" type="success" style="float: right" @click="success">审核成功
|
|
|
- </el-button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- </el-card>
|
|
|
-
|
|
|
- <el-card class="box-card">
|
|
|
- <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 label="汇票名称" align="center" prop="name" />
|
|
|
- <el-table-column label="汇票编号" align="center" prop="draftNo" />
|
|
|
- <el-table-column label="承兑人" align="center" prop="acceptorName" />
|
|
|
- <el-table-column label="金额" align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- {{ scope.row.money }}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="服务费" align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- {{ scope.row.serviceMoney }}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="汇票状态" align="center" prop="draftStatusText" />
|
|
|
- <el-table-column label="审核状态" align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- {{ scope.row.statusText }}
|
|
|
- </template>
|
|
|
- </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="tapDetail(scope.row.id)">查看详情</el-tag>
|
|
|
- <el-tag v-if="scope.row.draftStatus == 1" type="success"
|
|
|
- style="margin-right: 15px; cursor: pointer" @click="recover(scope.row.id)">恢复</el-tag>
|
|
|
- <el-tag v-if="scope.row.draftStatus == 0" type="danger"
|
|
|
- style="margin-right: 15px; cursor: pointer" @click="deleted(scope.row.id)">删除</el-tag>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
-
|
|
|
- <div class="pagesip">
|
|
|
- <el-button v-if="role === 2" type="primary" @click="addNewBill">
|
|
|
- 新增汇票</el-button>
|
|
|
- <el-button v-if="role === 1" type="success" style="float: right" @click="contractDraftSuccess">审核成功
|
|
|
- </el-button>
|
|
|
- <el-button v-if="role === 1" type="warning" style="float: right" @click="contractDraftFailed">审核失败
|
|
|
- </el-button>
|
|
|
- <el-button type="success" style="float: right" @click="recoverContractDraft">恢复
|
|
|
- </el-button>
|
|
|
- <el-button type="danger" style="float: right" @click="deletedContractDraft">删除</el-button>
|
|
|
- <el-button type="primary" style="float: right; margin-left: 10px" @click="ExportsContractDraft">导出
|
|
|
- </el-button>
|
|
|
- <el-button type="primary" size="small" style="
|
|
|
+ </div>
|
|
|
+ <span
|
|
|
+ class="aoiisp"
|
|
|
+ >审核结果：
|
|
|
+ <p style="color: #d8ab5a">{{ contract.statusText }}</p></span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 审核反馈和审核截图框 -->
|
|
|
+ <div class="yusa">
|
|
|
+ <el-col :xs="24" :sm="24" :md="14" :lg="14" :xl="10" class="jas">
|
|
|
+ <el-form ref="form" :model="feed" label-width="0px">
|
|
|
+ <span class="sah">审核反馈：</span>
|
|
|
+ <el-form-item label="">
|
|
|
+ <el-input v-model="feed.feedback" type="textarea" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="24" :md="14" :lg="14" :xl="14" class="jas">
|
|
|
+ <span class="sah">审核截图：</span>
|
|
|
+ <div style="display: flex; justify-content: flex-end">
|
|
|
+ <div class="imgbox">
|
|
|
+ <el-upload
|
|
|
+ action="https://ht.9026.com/api/File"
|
|
|
+ list-type="picture-card"
|
|
|
+ :on-success="handleFeedbackPicList"
|
|
|
+ >
|
|
|
+ <!-- <img v-if="feed.feedbackPicList" :src="feed.feedbackPicList" class="avatar"> -->
|
|
|
+ <i class="el-icon-plus" />
|
|
|
+ </el-upload>
|
|
|
+ <el-dialog :visible.sync="dialogVisible">
|
|
|
+ <img width="100%" :src="feed.feedbackPicList">
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </div>
|
|
|
+ <div slot="" class="clearfix">
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ style="float: right; margin-left: 10px"
|
|
|
+ >导出
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ v-if="contract.contractStatus === 0"
|
|
|
+ type="danger"
|
|
|
+ style="float: right"
|
|
|
+ @click="deletedContract"
|
|
|
+ >删除</el-button>
|
|
|
+
|
|
|
+ <el-button
|
|
|
+ v-if="contract.contractStatus === 1"
|
|
|
+ type="primary"
|
|
|
+ style="float: right"
|
|
|
+ @click="recoverContract"
|
|
|
+ >恢复
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ v-if="role === 1"
|
|
|
+ type="warning"
|
|
|
+ style="float: right"
|
|
|
+ @click="failed"
|
|
|
+ >审核失败
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ v-if="role === 1"
|
|
|
+ type="success"
|
|
|
+ style="float: right"
|
|
|
+ @click="success"
|
|
|
+ >审核成功
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </el-card>
|
|
|
+
|
|
|
+ <el-card class="box-card">
|
|
|
+ <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 label="汇票名称" align="center" prop="name" />
|
|
|
+ <el-table-column label="汇票编号" align="center" prop="draftNo" />
|
|
|
+ <el-table-column label="承兑人" align="center" prop="acceptorName" />
|
|
|
+ <el-table-column label="金额" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.money }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="服务费" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.serviceMoney }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="汇票状态"
|
|
|
+ align="center"
|
|
|
+ prop="draftStatusText"
|
|
|
+ />
|
|
|
+ <el-table-column label="审核状态" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.statusText }}
|
|
|
+ </template>
|
|
|
+ </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="tapDetail(scope.row.id)"
|
|
|
+ >查看详情</el-tag>
|
|
|
+ <el-tag
|
|
|
+ v-if="scope.row.draftStatus == 1"
|
|
|
+ type="success"
|
|
|
+ style="margin-right: 15px; cursor: pointer"
|
|
|
+ @click="recover(scope.row.id)"
|
|
|
+ >恢复</el-tag>
|
|
|
+ <el-tag
|
|
|
+ v-if="scope.row.draftStatus == 0"
|
|
|
+ type="danger"
|
|
|
+ style="margin-right: 15px; cursor: pointer"
|
|
|
+ @click="deleted(scope.row.id)"
|
|
|
+ >删除</el-tag>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+
|
|
|
+ <div class="pagesip">
|
|
|
+ <el-button v-if="role === 2" type="primary" @click="addNewBill">
|
|
|
+ 新增汇票</el-button>
|
|
|
+ <el-button
|
|
|
+ type="success"
|
|
|
+ style="float: right"
|
|
|
+ @click="recoverContractDraft"
|
|
|
+ >恢复
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ type="danger"
|
|
|
+ style="float: right"
|
|
|
+ @click="deletedContractDraft"
|
|
|
+ >删除</el-button>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ style="float: right; margin-left: 10px"
|
|
|
+ @click="ExportsContractDraft"
|
|
|
+ >导出
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ size="small"
|
|
|
+ style="
|
|
|
+>>>>>>> a56d1a10ff24406d6daa6c5c7166613d38fb8261
|
|
|
background-color: #d8ab5a;
|
|
|
border-color: #d8ab5a;
|
|
|
margin: 0 20px;
|
|
| xqd
@@ -172,430 +287,369 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import {
|
|
|
- dataConversionUtil
|
|
|
- } from '../../utils/Excel.js'
|
|
|
- import logo from '@/assets/pdf.png'
|
|
|
- export default {
|
|
|
- data() {
|
|
|
- return {
|
|
|
- dialogVisible: false,
|
|
|
- role: '',
|
|
|
- srcList: [],
|
|
|
- temporaryList: [],
|
|
|
- list: [],
|
|
|
- listLoading: false,
|
|
|
- contract: {},
|
|
|
- currentPage: 1,
|
|
|
- multipleSelection: [],
|
|
|
- pagesize: 11,
|
|
|
- form: '',
|
|
|
- invoicePicList: [],
|
|
|
- picList: [],
|
|
|
- tradePicList: [],
|
|
|
- feedbackPicListArray: [],
|
|
|
- pdf: logo,
|
|
|
- /* 审核反馈和审核截图的数据 */
|
|
|
- feed: {
|
|
|
- id: '',
|
|
|
- feedback: '',
|
|
|
- feedbackPicList: [],
|
|
|
- approveStatus: ''
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
|
|
|
- mounted() {
|
|
|
+import { dataConversionUtil } from '../../utils/Excel.js'
|
|
|
+import logo from '@/assets/pdf.png'
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ dialogVisible: false,
|
|
|
+ role: '',
|
|
|
+ srcList: [],
|
|
|
+ temporaryList: [],
|
|
|
+ list: [],
|
|
|
+ listLoading: false,
|
|
|
+ contract: {},
|
|
|
+ currentPage: 1,
|
|
|
+ multipleSelection: [],
|
|
|
+ pagesize: 11,
|
|
|
+ form: '',
|
|
|
+ invoicePicList: [],
|
|
|
+ picList: [],
|
|
|
+ tradePicList: [],
|
|
|
+ feedbackPicListArray: [],
|
|
|
+ pdf: logo,
|
|
|
+ /* 审核反馈和审核截图的数据 */
|
|
|
+ feed: {
|
|
|
+ id: '',
|
|
|
+ feedback: '',
|
|
|
+ feedbackPicList: [],
|
|
|
+ approveStatus: ''
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ mounted() {
|
|
|
+ this.role = this.$store.state.user.userInfo.type
|
|
|
+ this.checked = this.$store.state.user.checked
|
|
|
+ this.getData()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getData() {
|
|
|
+ const id = this.$route.query.id
|
|
|
+ this.$request({
|
|
|
+ url: '/api/Contract/' + id,
|
|
|
+ method: 'get'
|
|
|
+ }).then((res) => {
|
|
|
+ this.contract = res.data
|
|
|
+ this.invoicePicList = this.contract.invoicePicList
|
|
|
+ this.picList = this.contract.picList
|
|
|
+ this.list = res.data.contractDraft.result
|
|
|
+ this.feed.feedbackPicList = this.contract.feedbackPics
|
|
|
+ this.tradePicList = this.contract.tradePicList
|
|
|
+ this.feed.id = this.$route.query.id
|
|
|
+ this.feed.feedback = this.contract.feedback
|
|
|
+ this.getPageData()
|
|
|
+ })
|
|
|
+ },
|
|
|
+ isPDF(url) {
|
|
|
+ const fileType = ['pdf']
|
|
|
+ const index = url.lastIndexOf('.')
|
|
|
+ const type = url.substr(index + 1)
|
|
|
+ return fileType.indexOf(type) === -1
|
|
|
+ },
|
|
|
+ addNewBill() {
|
|
|
+ const id = this.$route.query.id
|
|
|
+ this.$router.push({
|
|
|
+ name: 'addnewbill',
|
|
|
+ query: {
|
|
|
+ id: id
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ tapDetail(id) {
|
|
|
+ this.$router.push({
|
|
|
+ name: 'billDetail',
|
|
|
+ query: {
|
|
|
+ id: id
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ handleAll(data) {
|
|
|
+ this.multipleSelection = data
|
|
|
+ console.log(this.multipleSelection)
|
|
|
+ },
|
|
|
+ handleSelectionChange(data) {
|
|
|
+ this.multipleSelection = data
|
|
|
+ console.log(this.multipleSelection)
|
|
|
+ },
|
|
|
+ handleCurrentChange(val) {
|
|
|
+ this.currentPage = val
|
|
|
+ this.getPageData()
|
|
|
+ },
|
|
|
+ jumpFirstPage() {
|
|
|
+ this.$refs.pagination.handleCurrentChange(1)
|
|
|
+ this.$emit('handleCurrentChange', 1)
|
|
|
+ },
|
|
|
+ jumpLastPage() {
|
|
|
+ const font = this.$refs.pagination
|
|
|
+ const cpage = Math.ceil(font.total / font.pageSize)
|
|
|
+ font.handleCurrentChange(cpage)
|
|
|
+ },
|
|
|
+ getPageData() {
|
|
|
+ const start = (this.currentPage - 1) * this.pagesize
|
|
|
+ const end = start + this.pagesize
|
|
|
+ this.srcList = this.list.slice(start, end)
|
|
|
+ this.temporaryList = this.srcList
|
|
|
+ },
|
|
|
+
|
|
|
+ /* 导出 */
|
|
|
+ ExportsContractDraft() {
|
|
|
+ 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.draftNo,
|
|
|
+ item.acceptorName,
|
|
|
+ item.money,
|
|
|
+ item.serviceMoney,
|
|
|
+ item.draftStatusText,
|
|
|
+ item.statusText
|
|
|
+ ])
|
|
|
+ })
|
|
|
+ dataConversionUtil.dataToExcel('汇票列表', tableHeader, dataList)
|
|
|
+ this.$message.success('导出成功!')
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ /* 反馈图片图片上传成功 */
|
|
|
+
|
|
|
+ handleFeedbackPicList(res) {
|
|
|
+ // 解构
|
|
|
+ const { file } = res.data
|
|
|
+ this.feedbackPicListArray.push(file)
|
|
|
+ this.feed.feedbackPicList = this.feedbackPicListArray
|
|
|
+ },
|
|
|
+
|
|
|
+ /* 审核成功发送请求 */
|
|
|
+ success() {
|
|
|
+ /* 反馈图片赋值 */
|
|
|
+ this.feed.feedbackPicList = this.picList
|
|
|
+ /* 合同id赋值 */
|
|
|
+ this.feed.id = this.$route.query.id
|
|
|
+ /* 反馈内容赋值 */
|
|
|
+ this.feed.approveStatus = 1
|
|
|
+ this.$request({
|
|
|
+ url: '/api/Contract/approveContract',
|
|
|
+ method: 'post',
|
|
|
+ data: this.feed
|
|
|
+ }).then((res) => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ this.$message({
|
|
|
+ type: 'success',
|
|
|
+ message: res.msg
|
|
|
+ })
|
|
|
+ this.getData()
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ type: 'error',
|
|
|
+ message: '提交失败'
|
|
|
+ })
|
|
|
+ this.getData()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ /* 审核失败发送请求 */
|
|
|
+ failed() {
|
|
|
+ /* 反馈图片赋值 */
|
|
|
+ this.feed.feedbackPicList = this.picList
|
|
|
+ /* 合同id赋值 */
|
|
|
+ this.feed.id = this.$route.query.id
|
|
|
+ this.feed.approveStatus = 2
|
|
|
+ this.$request({
|
|
|
+ url: '/api/Contract/approveContract',
|
|
|
+ method: 'post',
|
|
|
+ data: this.feed
|
|
|
+ }).then((res) => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ this.$message({
|
|
|
+ type: 'success',
|
|
|
+ message: res.msg
|
|
|
+ })
|
|
|
+ this.getData()
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ type: 'error',
|
|
|
+ message: '提交失败'
|
|
|
+ })
|
|
|
+ this.getData()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ recoverContract() {
|
|
|
+ const id = this.$route.query.id
|
|
|
+ this.$request({
|
|
|
+ url: '/api/Contract/manage',
|
|
|
+ method: 'post',
|
|
|
+ data: {
|
|
|
+ ids: [id],
|
|
|
+ operateType: 2
|
|
|
+ }
|
|
|
+ }).then((res) => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ this.$message({
|
|
|
+ type: 'success',
|
|
|
+ message: res.msg
|
|
|
+ })
|
|
|
+ this.getData()
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ type: 'error',
|
|
|
+ message: '提交失败'
|
|
|
+ })
|
|
|
+ this.getData()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ deletedContract() {
|
|
|
+ const id = this.$route.query.id
|
|
|
+ this.$request({
|
|
|
+ url: '/api/Contract/manage',
|
|
|
+ method: 'post',
|
|
|
+ data: {
|
|
|
+ ids: [id],
|
|
|
+ operateType: 1
|
|
|
+ }
|
|
|
+ }).then((res) => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ this.$message({
|
|
|
+ type: 'success',
|
|
|
+ message: res.msg
|
|
|
+ })
|
|
|
+ this.getData()
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ type: 'error',
|
|
|
+ message: '提交失败'
|
|
|
+ })
|
|
|
+ this.getData()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ recoverContractDraft() {
|
|
|
+ const ids = Array.from(this.multipleSelection, ({ id }) => id)
|
|
|
+ this.$request({
|
|
|
+ url: '/api/Contract/contractDraft/manager',
|
|
|
+ method: 'post',
|
|
|
+ data: {
|
|
|
+ ids: ids,
|
|
|
+ operateType: 2
|
|
|
+ }
|
|
|
+ }).then((res) => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ this.$message({
|
|
|
+ type: 'success',
|
|
|
+ message: res.msg
|
|
|
+ })
|
|
|
+ this.getData()
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ type: 'error',
|
|
|
+ message: '提交失败'
|
|
|
+ })
|
|
|
+ this.getData()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ deletedContractDraft() {
|
|
|
+ const ids = Array.from(this.multipleSelection, ({ id }) => id)
|
|
|
+ this.$request({
|
|
|
+ url: '/api/Contract/contractDraft/manager',
|
|
|
+ method: 'post',
|
|
|
+ data: {
|
|
|
+ ids: ids,
|
|
|
+ operateType: 1
|
|
|
+ }
|
|
|
+ }).then((res) => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ this.$message({
|
|
|
+ type: 'success',
|
|
|
+ message: res.msg
|
|
|
+ })
|
|
|
+ this.getData()
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ type: 'error',
|
|
|
+ message: '提交失败'
|
|
|
+ })
|
|
|
+ this.getData()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ recover(id) {
|
|
|
+ this.$request({
|
|
|
+ url: '/api/Contract/contractDraft/manager',
|
|
|
+ method: 'post',
|
|
|
+ data: {
|
|
|
+ ids: [id],
|
|
|
+ operateType: 2
|
|
|
+ }
|
|
|
+ }).then((res) => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ this.$message({
|
|
|
+ type: 'success',
|
|
|
+ message: res.msg
|
|
|
+ })
|
|
|
+ this.getData()
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ type: 'error',
|
|
|
+ message: '提交失败'
|
|
|
+ })
|
|
|
+ this.getData()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ deleted(id) {
|
|
|
+ this.$request({
|
|
|
+ url: '/api/Contract/contractDraft/manager',
|
|
|
+ method: 'post',
|
|
|
+ data: {
|
|
|
+ ids: [id],
|
|
|
+ operateType: 1
|
|
|
+ }
|
|
|
+ }).then((res) => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ this.$message({
|
|
|
+ type: 'success',
|
|
|
+ message: res.msg
|
|
|
+ })
|
|
|
+ this.getData()
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ type: 'error',
|
|
|
+ message: '提交失败'
|
|
|
+ })
|
|
|
+ this.getData()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ back() {
|
|
|
+ this.$router.go(-1)
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
|
|
|
- this.role = this.$store.state.user.userInfo.type;
|
|
|
- this.checked = this.$store.state.user.checked;
|
|
|
- this.getData();
|
|
|
-
|
|
|
- },
|
|
|
- methods: {
|
|
|
- getData() {
|
|
|
- const id = this.$route.query.id
|
|
|
- this.$request({
|
|
|
- url: '/api/Contract/' + id,
|
|
|
- method: 'get'
|
|
|
- }).then((res) => {
|
|
|
- this.contract = res.data;
|
|
|
- this.invoicePicList = this.contract.invoicePicList;
|
|
|
- this.picList = this.contract.picList;
|
|
|
- this.list = res.data.contractDraft.result;
|
|
|
- this.feed.feedbackPicList = this.contract.feedbackPics;
|
|
|
- this.tradePicList = this.contract.tradePicList;
|
|
|
- this.feed.id = this.$route.query.id;
|
|
|
- this.feed.feedback = this.contract.feedback;
|
|
|
- this.getPageData();
|
|
|
- });
|
|
|
-
|
|
|
- },
|
|
|
- addNewBill() {
|
|
|
- const id = this.$route.query.id
|
|
|
- this.$router.push({
|
|
|
- name: 'addnewbill',
|
|
|
- query: {
|
|
|
- id: id
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- tapDetail(id) {
|
|
|
- this.$router.push({
|
|
|
- name: 'billDetail',
|
|
|
- query: {
|
|
|
- id: id
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- handleAll(data) {
|
|
|
- this.multipleSelection = data
|
|
|
- console.log(this.multipleSelection)
|
|
|
- },
|
|
|
- handleSelectionChange(data) {
|
|
|
- this.multipleSelection = data
|
|
|
- console.log(this.multipleSelection)
|
|
|
- },
|
|
|
- handleCurrentChange(val) {
|
|
|
- this.currentPage = val
|
|
|
- this.getPageData()
|
|
|
- },
|
|
|
- jumpFirstPage() {
|
|
|
- this.$refs.pagination.handleCurrentChange(1)
|
|
|
- this.$emit('handleCurrentChange', 1)
|
|
|
- },
|
|
|
- jumpLastPage() {
|
|
|
- const font = this.$refs.pagination
|
|
|
- const cpage = Math.ceil(font.total / font.pageSize)
|
|
|
- font.handleCurrentChange(cpage)
|
|
|
- },
|
|
|
- getPageData() {
|
|
|
- const start = (this.currentPage - 1) * this.pagesize
|
|
|
- const end = start + this.pagesize
|
|
|
- this.srcList = this.list.slice(start, end)
|
|
|
- this.temporaryList = this.srcList
|
|
|
- },
|
|
|
-
|
|
|
-
|
|
|
- /* 导出 */
|
|
|
- ExportsContractDraft() {
|
|
|
- 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.draftNo,
|
|
|
- item.acceptorName,
|
|
|
- item.money,
|
|
|
- item.serviceMoney,
|
|
|
- item.draftStatusText,
|
|
|
- item.statusText
|
|
|
- ])
|
|
|
- })
|
|
|
- dataConversionUtil.dataToExcel('汇票列表', tableHeader, dataList)
|
|
|
- this.$message.success('导出成功!')
|
|
|
- }
|
|
|
- },
|
|
|
-
|
|
|
- /* 反馈图片图片上传成功 */
|
|
|
-
|
|
|
- handleFeedbackPicList(res) {
|
|
|
- //解构
|
|
|
- const {
|
|
|
- file
|
|
|
- } = res.data;
|
|
|
- this.feedbackPicListArray.push(file)
|
|
|
- this.feed.feedbackPicList = this.feedbackPicListArray;
|
|
|
-
|
|
|
- },
|
|
|
-
|
|
|
- /* 审核成功发送请求 */
|
|
|
- success() {
|
|
|
- /* 反馈图片赋值 */
|
|
|
- this.feed.feedbackPicList = this.picList
|
|
|
- /* 合同id赋值 */
|
|
|
- this.feed.id = this.$route.query.id
|
|
|
- /* 反馈内容赋值 */
|
|
|
- this.feed.approveStatus = 1
|
|
|
- this.$request({
|
|
|
- url: '/api/Contract/approveContract',
|
|
|
- method: 'post',
|
|
|
- data: this.feed
|
|
|
- }).then((res) => {
|
|
|
- if (res.code === 200) {
|
|
|
- this.$message({
|
|
|
- type: 'success',
|
|
|
- message: res.msg
|
|
|
- })
|
|
|
- this.getData()
|
|
|
- } else {
|
|
|
- this.$message({
|
|
|
- type: 'error',
|
|
|
- message: '提交失败'
|
|
|
- })
|
|
|
- this.getData()
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
-
|
|
|
- /* 审核失败发送请求 */
|
|
|
- failed() {
|
|
|
- /* 反馈图片赋值 */
|
|
|
- this.feed.feedbackPicList = this.picList
|
|
|
- /* 合同id赋值 */
|
|
|
- this.feed.id = this.$route.query.id
|
|
|
- this.feed.approveStatus = 2
|
|
|
- this.$request({
|
|
|
- url: '/api/Contract/approveContract',
|
|
|
- method: 'post',
|
|
|
- data: this.feed
|
|
|
- }).then((res) => {
|
|
|
- if (res.code === 200) {
|
|
|
- this.$message({
|
|
|
- type: 'success',
|
|
|
- message: res.msg
|
|
|
- })
|
|
|
- this.getData()
|
|
|
- } else {
|
|
|
- this.$message({
|
|
|
- type: 'error',
|
|
|
- message: '提交失败'
|
|
|
- })
|
|
|
- this.getData()
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- recoverContract() {
|
|
|
- const id = this.$route.query.id
|
|
|
- this.$request({
|
|
|
- url: '/api/Contract/manage',
|
|
|
- method: 'post',
|
|
|
- data: {
|
|
|
- ids: [id],
|
|
|
- operateType: 2
|
|
|
- }
|
|
|
- }).then((res) => {
|
|
|
- if (res.code === 200) {
|
|
|
- this.$message({
|
|
|
- type: 'success',
|
|
|
- message: res.msg
|
|
|
- })
|
|
|
- this.getData()
|
|
|
- } else {
|
|
|
- this.$message({
|
|
|
- type: 'error',
|
|
|
- message: '提交失败'
|
|
|
- })
|
|
|
- this.getData()
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- deletedContract() {
|
|
|
- const id = this.$route.query.id
|
|
|
- this.$request({
|
|
|
- url: '/api/Contract/manage',
|
|
|
- method: 'post',
|
|
|
- data: {
|
|
|
- ids: [id],
|
|
|
- operateType: 1
|
|
|
- }
|
|
|
- }).then((res) => {
|
|
|
- if (res.code === 200) {
|
|
|
- this.$message({
|
|
|
- type: 'success',
|
|
|
- message: res.msg
|
|
|
- })
|
|
|
- this.getData()
|
|
|
- } else {
|
|
|
- this.$message({
|
|
|
- type: 'error',
|
|
|
- message: '提交失败'
|
|
|
- })
|
|
|
- this.getData()
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- recoverContractDraft() {
|
|
|
- const ids = Array.from(this.multipleSelection, ({
|
|
|
- id
|
|
|
- }) => id)
|
|
|
- this.$request({
|
|
|
- url: '/api/Contract/contractDraft/manager',
|
|
|
- method: 'post',
|
|
|
- data: {
|
|
|
- ids: ids,
|
|
|
- operateType: 2
|
|
|
- }
|
|
|
- }).then((res) => {
|
|
|
- if (res.code === 200) {
|
|
|
- this.$message({
|
|
|
- type: 'success',
|
|
|
- message: res.msg
|
|
|
- })
|
|
|
- this.getData()
|
|
|
- } else {
|
|
|
- this.$message({
|
|
|
- type: 'error',
|
|
|
- message: '提交失败'
|
|
|
- })
|
|
|
- this.getData()
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- deletedContractDraft() {
|
|
|
- const ids = Array.from(this.multipleSelection, ({
|
|
|
- id
|
|
|
- }) => id)
|
|
|
- this.$request({
|
|
|
- url: '/api/Contract/contractDraft/manager',
|
|
|
- method: 'post',
|
|
|
- data: {
|
|
|
- ids: ids,
|
|
|
- operateType: 1
|
|
|
- }
|
|
|
- }).then((res) => {
|
|
|
- if (res.code === 200) {
|
|
|
- this.$message({
|
|
|
- type: 'success',
|
|
|
- message: res.msg
|
|
|
- })
|
|
|
- this.getData()
|
|
|
- } else {
|
|
|
- this.$message({
|
|
|
- type: 'error',
|
|
|
- message: '提交失败'
|
|
|
- })
|
|
|
- this.getData()
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- recover(id) {
|
|
|
- this.$request({
|
|
|
- url: '/api/Contract/contractDraft/manager',
|
|
|
- method: 'post',
|
|
|
- data: {
|
|
|
- ids: [id],
|
|
|
- operateType: 2
|
|
|
- }
|
|
|
- }).then((res) => {
|
|
|
- if (res.code === 200) {
|
|
|
- this.$message({
|
|
|
- type: 'success',
|
|
|
- message: res.msg
|
|
|
- })
|
|
|
- this.getData()
|
|
|
- } else {
|
|
|
- this.$message({
|
|
|
- type: 'error',
|
|
|
- message: '提交失败'
|
|
|
- })
|
|
|
- this.getData()
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- deleted(id) {
|
|
|
- this.$request({
|
|
|
- url: '/api/Contract/contractDraft/manager',
|
|
|
- method: 'post',
|
|
|
- data: {
|
|
|
- ids: [id],
|
|
|
- operateType: 1
|
|
|
- }
|
|
|
- }).then((res) => {
|
|
|
- if (res.code === 200) {
|
|
|
- this.$message({
|
|
|
- type: 'success',
|
|
|
- message: res.msg
|
|
|
- })
|
|
|
- this.getData()
|
|
|
- } else {
|
|
|
- this.$message({
|
|
|
- type: 'error',
|
|
|
- message: '提交失败'
|
|
|
- })
|
|
|
- this.getData()
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- back() {
|
|
|
- this.$router.go(-1)
|
|
|
- },
|
|
|
- // 批量审核汇票成功
|
|
|
- contractDraftSuccess(){
|
|
|
- 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
|
|
|
- })
|
|
|
- this.getData()
|
|
|
- } else {
|
|
|
- this.$message({
|
|
|
- type: 'error',
|
|
|
- message: '提交失败'
|
|
|
- })
|
|
|
- this.getData()
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- // 批量审核汇票失败
|
|
|
- contractDraftFailed(){
|
|
|
- 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
|
|
|
- })
|
|
|
- this.getData()
|
|
|
- } else {
|
|
|
- this.$message({
|
|
|
- type: 'error',
|
|
|
- message: '提交失败'
|
|
|
- })
|
|
|
- this.getData()
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss">
|
