|
|
|
@ -3,10 +3,12 @@ |
|
|
|
<div class="tab-header webtop"> |
|
|
|
<div>XXX合同详情</div> |
|
|
|
<div> |
|
|
|
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
|
|
|
<el-button type="primary" size="small" @click="openAgree('同意')">同 意</el-button> |
|
|
|
<el-button type="danger" size="small" @click="openReject('驳回')">驳 回</el-button> |
|
|
|
<el-button type="danger" size="small" @click="openStop('终止')">终 止</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="listconadd"> |
|
|
|
<div class=""> |
|
|
|
<div class="titwu">XXX合同</div> |
|
|
|
<el-form ref="dataForm" :model="temp" label-position="right" label-width="190px" class="formadd"> |
|
|
|
<el-row class="bordertopline"> |
|
|
|
@ -97,15 +99,40 @@ |
|
|
|
</el-row> |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
<!-- 选择待办人 的弹出框--> |
|
|
|
<el-dialog title="填写审批意见" :visible.sync="nodeDialogVisible" width="80%"> |
|
|
|
<el-form class="formadd" > |
|
|
|
<el-row v-show="currentLink" style="border-top: 1px solid #e0e3eb"> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<span>当前环节:</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="20"> |
|
|
|
<el-form-item><span>{{ current.taskName }}->{{ nextNode.name }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row :class="{rowClass:!currentLink}"> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<span>意见:</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="20"> |
|
|
|
<el-form-item><el-input size="small" v-model="dialogList.comment" placeholder="审批意见" class="addinputw" type="textarea" :autosize="{ minRows: 1, maxRows: 10}" clearable ></el-input></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<div style="text-align:center;margin-top: 20px;"> |
|
|
|
<el-button type="primary" size="mini" @click="reject">确 定</el-button> |
|
|
|
<el-button type="info " size="mini" @click="nodeDialogVisible = false">取 消</el-button> |
|
|
|
</div> |
|
|
|
</el-form> |
|
|
|
</el-dialog> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { getOneContract } from '@/api/jichuxinxi/contract' |
|
|
|
import { getOneContract, getNextNodesForSubmit, getPreviousNodesForReject, complete, reject, breakProcess } from '@/api/jichuxinxi/contract' |
|
|
|
import Upload from '@/components/uploadFile/upload.vue' // 上传文件 |
|
|
|
|
|
|
|
export default { |
|
|
|
name: 'HeTongDangAnDaiiBanInfo', |
|
|
|
name: 'HeTongDangAnDaiBanByFileInfo', |
|
|
|
components: { |
|
|
|
Upload |
|
|
|
}, |
|
|
|
@ -114,17 +141,186 @@ export default { |
|
|
|
temp: {}, |
|
|
|
list2: [], |
|
|
|
list3: [], |
|
|
|
list1: [] |
|
|
|
list1: [], |
|
|
|
operation: '', // 点击操作按钮 |
|
|
|
dialogList: { |
|
|
|
comment: '' |
|
|
|
}, |
|
|
|
current: { |
|
|
|
taskDefKey: '', |
|
|
|
taskName: '' // 当前环节名称 |
|
|
|
}, |
|
|
|
nextNode: {}, // 下一环节 |
|
|
|
nodeDialogVisible: false, |
|
|
|
currentLink: true, |
|
|
|
// 环节所需参数 |
|
|
|
linkByParameter: { |
|
|
|
businessSid: '', |
|
|
|
comment: '', |
|
|
|
instanceId: '', |
|
|
|
taskId: '', |
|
|
|
orgSidPath: '', |
|
|
|
taskDefKey: '', |
|
|
|
userSid: '' |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
computed: {}, |
|
|
|
created() { |
|
|
|
console.log('url:' + window.location.href) |
|
|
|
var one = window.location.href.indexOf('&data') + 6 |
|
|
|
const data = window.location.href.substr(one) // url解码unescape()已从web中移除,尽量不使用 |
|
|
|
const obj = JSON.parse(decodeURIComponent(data)) |
|
|
|
console.log('iframe页面获取的obj:', obj) |
|
|
|
// 点击（同意、终止、驳回、驳回）操作时所需的参数 |
|
|
|
this.linkByParameter.businessSid = obj.businessSid |
|
|
|
this.linkByParameter.instanceId = obj.instanceId |
|
|
|
this.linkByParameter.taskId = obj.taskId |
|
|
|
this.linkByParameter.taskDefKey = obj.taskDefKey |
|
|
|
this.linkByParameter.orgSidPath = window.sessionStorage.getItem('orgSidPath') |
|
|
|
this.linkByParameter.userSid = window.sessionStorage.getItem('userSid') |
|
|
|
this.current.taskDefKey = obj.taskDefKey |
|
|
|
this.current.taskName = obj.taskName |
|
|
|
// 加载表单数据 |
|
|
|
this.showInfo(obj.businessSid) |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
window.parent.postMessage({ |
|
|
|
cmd: 'returnHeight', |
|
|
|
params: { |
|
|
|
// 告诉父级页面，子页面的弹框高度。 |
|
|
|
code: 2, |
|
|
|
data: 450 + 'px' |
|
|
|
} |
|
|
|
}, '*') |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
showInfo(row) { |
|
|
|
|
|
|
|
showInfo(sid) { |
|
|
|
getOneContract(sid).then((res) => { |
|
|
|
if (res.success) { |
|
|
|
this.formobj = res.data |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
// 同意 |
|
|
|
openAgree(val) { |
|
|
|
this.operation = val |
|
|
|
this.currentLink = true |
|
|
|
this.dialogList.comment = '同意' |
|
|
|
getNextNodesForSubmit({ taskDefKey: this.current.taskDefKey }).then((resp) => { |
|
|
|
if (resp.success) { |
|
|
|
var arr = resp.data |
|
|
|
this.nextNode = arr[0] |
|
|
|
this.nodeDialogVisible = true |
|
|
|
} |
|
|
|
this.submitdisabled = false |
|
|
|
}) |
|
|
|
}, |
|
|
|
// 驳回 |
|
|
|
openReject(val) { |
|
|
|
this.operation = val |
|
|
|
this.currentLink = true |
|
|
|
this.dialogList.comment = '' |
|
|
|
getPreviousNodesForReject({ taskDefKey: this.current.taskDefKey }).then((resp) => { |
|
|
|
if (resp.success) { |
|
|
|
var arr = resp.data |
|
|
|
this.nextNode = arr[0] |
|
|
|
this.nodeDialogVisible = true |
|
|
|
} |
|
|
|
this.submitdisabled = false |
|
|
|
}) |
|
|
|
}, |
|
|
|
// 终止 |
|
|
|
openStop(val) { |
|
|
|
this.operation = val |
|
|
|
this.currentLink = false |
|
|
|
this.dialogList.comment = '' |
|
|
|
this.nodeDialogVisible = true |
|
|
|
}, |
|
|
|
// 返回 |
|
|
|
handleReturn() { |
|
|
|
this.$emit('handleReturn') |
|
|
|
reject() { |
|
|
|
if (this.operation === '同意') { |
|
|
|
this.handleAgree() |
|
|
|
} else if (this.operation === '驳回') { |
|
|
|
if (this.dialogList.comment === '') { |
|
|
|
this.$message({ showClose: true, type: 'error', message: '请填写审批意见' }) |
|
|
|
} else { |
|
|
|
this.handleReject() |
|
|
|
} |
|
|
|
} else if (this.operation === '终止') { |
|
|
|
if (this.dialogList.comment === '') { |
|
|
|
this.$message({ showClose: true, type: 'error', message: '请填写审批意见' }) |
|
|
|
} else { |
|
|
|
this.handleStop() |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
/** 同意任务 */ |
|
|
|
handleAgree() { |
|
|
|
this.linkByParameter.comment = this.dialogList.comment |
|
|
|
complete(this.linkByParameter).then((response) => { |
|
|
|
if (response.success) { |
|
|
|
this.$notify({ |
|
|
|
title: '提示', |
|
|
|
message: '执行成功', |
|
|
|
type: 'success', |
|
|
|
duration: 2000 |
|
|
|
}) |
|
|
|
this.nodeDialogVisible = false |
|
|
|
// 子页面向父级页面传递值 |
|
|
|
window.parent.postMessage({ |
|
|
|
cmd: 'returnHeight', |
|
|
|
params: { |
|
|
|
// 操作成功，告诉父级页面关闭弹框 |
|
|
|
code: 1 |
|
|
|
} |
|
|
|
}, '*') |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
/** 驳回任务 */ |
|
|
|
handleReject() { |
|
|
|
this.linkByParameter.comment = this.dialogList.comment |
|
|
|
reject(this.linkByParameter).then((response) => { |
|
|
|
if (response.success) { |
|
|
|
this.$notify({ |
|
|
|
title: '提示', |
|
|
|
message: '执行成功', |
|
|
|
type: 'success', |
|
|
|
duration: 2000 |
|
|
|
}) |
|
|
|
this.nodeDialogVisible = false |
|
|
|
// 子页面向父级页面传递值 |
|
|
|
window.parent.postMessage({ |
|
|
|
cmd: 'returnHeight', |
|
|
|
params: { |
|
|
|
// 操作成功，告诉父级页面关闭弹框 |
|
|
|
code: 1 |
|
|
|
} |
|
|
|
}, '*') |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
/** 终止任务 */ |
|
|
|
handleStop() { |
|
|
|
this.linkByParameter.comment = this.dialogList.comment |
|
|
|
breakProcess(this.linkByParameter).then((response) => { |
|
|
|
if (response.success) { |
|
|
|
this.$notify({ |
|
|
|
title: '提示', |
|
|
|
message: '执行成功', |
|
|
|
type: 'success', |
|
|
|
duration: 2000 |
|
|
|
}) |
|
|
|
this.nodeDialogVisible = false |
|
|
|
// 子页面向父级页面传递值 |
|
|
|
window.parent.postMessage({ |
|
|
|
cmd: 'returnHeight', |
|
|
|
params: { |
|
|
|
// 操作成功，告诉父级页面关闭弹框 |
|
|
|
code: 1 |
|
|
|
} |
|
|
|
}, '*') |
|
|
|
} |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@ -133,4 +329,9 @@ export default { |
|
|
|
.imgcontent { |
|
|
|
display: inline-block; |
|
|
|
} |
|
|
|
.titwu { |
|
|
|
font-size: 28px; |
|
|
|
text-align: center; |
|
|
|
padding: 30px 0 20px 0; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
