<template>
|
<div class="apply-info">
|
<div class="title" v-if="title">
|
<SectionTitle :title="title"></SectionTitle>
|
<div class="middle-button" v-if="isEdit">
|
<el-button v-if="isEdit" type="primary" @click="madeContract" size="small">生成电子合同</el-button>
|
<!-- <el-button type="primary" @click="showContract" size="small">查看电子合同</el-button> -->
|
</div>
|
</div>
|
|
<CommTable
|
:pageInfo="pageInfo"
|
:total="total"
|
@doAction="doAction"
|
@handleCurrentChange="handleCurrentChange"
|
@handleSizeChange="handleSizeChange"
|
:list="list"
|
:header="tableHeader"
|
></CommTable>
|
</div>
|
</template>
|
<script>
|
// 电子合同信息
|
import CommTable from '@/components/CommTable'
|
import SectionTitle from '@/components/SectionTitle'
|
import queryContractList from '@/controller/queryContractList'
|
import selectContract from '@/controller/selectContract'
|
import psChangeCreateContract from '@/controller/psChangeCreateContract'
|
// downloadFile 下载电子合同
|
|
// import qryEContractList from '@/controller/qryEContractList'
|
|
export default {
|
components: {
|
CommTable,
|
SectionTitle
|
},
|
props: {
|
conf: {
|
type: Object,
|
default: () => ({})
|
}
|
},
|
data() {
|
return {
|
title: '电子合同信息',
|
isEdit: false,
|
tableHeader: [],
|
model: null,
|
list: [],
|
pageInfo: {
|
currentPage: 1,
|
pageSize: 10
|
},
|
total: 0,
|
records: []
|
}
|
},
|
created() {
|
this.init()
|
},
|
methods: {
|
init() {
|
const { $route, conf } = this
|
const { query } = $route
|
const { edit } = conf
|
// const { transCode } = query
|
this.query = query
|
// const model =
|
// transCode === 'T1008' ? qryEContractList() : queryContractList()
|
|
const model = queryContractList()
|
this.tableHeader = model.getTableList()
|
this.model = model
|
this.isEdit = edit === 'Y'
|
this.getList()
|
},
|
async getList() {
|
const { model, query, pageInfo } = this
|
const { transLogSerialno } = query
|
const { list = [], total } = await model.request({
|
...pageInfo,
|
busiNo: transLogSerialno
|
})
|
this.list = list
|
this.total = parseInt(total)
|
},
|
|
doAction(index, record) {
|
this.showContract(record)
|
},
|
|
// 修改翻页条数
|
handleSizeChange(val) {
|
this.pageInfo.pageSize = val
|
this.getList()
|
},
|
|
// 修改翻页数
|
handleCurrentChange(val) {
|
this.pageInfo.currentPage = val
|
this.getList()
|
},
|
|
async madeContract() {
|
const tempModel = psChangeCreateContract()
|
const { query } = this
|
const { transLogSerialno } = query
|
await tempModel.request({
|
logSerialno: transLogSerialno
|
})
|
this.$message('合同正在生成中，请稍后！')
|
this.handleCurrentChange(1)
|
},
|
|
async showContract(record) {
|
const tempModel = selectContract()
|
const { serialNo } = record
|
const { imageType, url } = await tempModel.request({
|
serialNo
|
})
|
this.$openWindow(url)
|
// this.$goPhoto({
|
// // objectNo,
|
// // objectType,
|
// // typeNo: typeno,
|
// // serialno,
|
// // isEdit: isEdit ? 1 : ''
|
// })
|
}
|
},
|
watch: {
|
$route() {
|
const { transLogSerialno } = this.$route.query
|
if (transLogSerialno) {
|
this.init()
|
}
|
}
|
}
|
}
|
</script>
|
<style lang="postcss" scoped>
|
.apply-info {
|
}
|
.title {
|
display: flex;
|
padding-right: 40px;
|
justify-content: space-between;
|
}
|
</style>
|
