173 lines
5.2 KiB
Vue
173 lines
5.2 KiB
Vue
<template>
|
|
<!-- 此页面主要展示审核和已完成-->
|
|
<div class="process">
|
|
<div class="process_box">
|
|
<process-header :title="'权限审批'" :proceesNum="'proceesNum'"></process-header>
|
|
<div class="procedure">
|
|
<div class="content">
|
|
<span class="base_title">基础信息</span>
|
|
<el-row>
|
|
<report-table v-model="tableData" @updateTable="(newValue)=>{tableData=newValue}" :disabled="formControl"></report-table>
|
|
</el-row>
|
|
<el-row>
|
|
<el-form ref="form" :model="applicationForm" label-width="150px"
|
|
class="label-input-form" size="medium" :rules="applicationFormRule"
|
|
:disabled="formControl">
|
|
<el-row>
|
|
<el-col :span="9">
|
|
<el-form-item label="申请原因:" prop="name">
|
|
<el-input type="textarea" v-model="applicationForm.name" placeholder="请输入申请原因"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="9" :offset="6">
|
|
<el-form-item label="选择申请权限:" prop="send">
|
|
<el-select v-model="applicationForm.send" placeholder="请选择申请权限">
|
|
<el-option
|
|
v-for="item in PERMISSION"
|
|
:key="item.value"
|
|
:label="item.label"
|
|
:value="item.value">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
</el-form>
|
|
</el-row>
|
|
</div>
|
|
<div class="content">
|
|
<span class="base_title">审批历史</span>
|
|
<process-approval-history></process-approval-history>
|
|
</div>
|
|
<div class="content">
|
|
<span class="base_title">审核信息</span>
|
|
<audit-operation ref="operationRef"></audit-operation>
|
|
</div>
|
|
</div>
|
|
<process-footer
|
|
showCancel
|
|
:show-transfer="isShowTran"
|
|
:show-submit="isShowSubmit"
|
|
:submitLoading="isSubmit"
|
|
:TransferLoading="tranLoading"
|
|
@transfer="handleTransfer"
|
|
@submit="handleSubmit"
|
|
></process-footer>
|
|
<process-choose-tree
|
|
dialog-model
|
|
:visible.sync="visibleTree"
|
|
:maxSelected="100"
|
|
:config="{value: '',valueName:''}"
|
|
@confirm="handleDblClick"
|
|
></process-choose-tree>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import processHeader from '@/components/ProcessHeader'
|
|
import processFooter from '@/components/ProcessFooter'
|
|
import processChooseTree from '../../components/ProcessChooseTree'
|
|
import processApprovalHistory from '@/components/ProcessApprovalHistory'
|
|
import auditOperation from './components/AuditOperation'
|
|
import reportTable from './components/reportTable'
|
|
import { PERMISSION } from '@/utils/Enum/enum'
|
|
|
|
export default {
|
|
name: 'launch',
|
|
components: {
|
|
processHeader,
|
|
reportTable,
|
|
processFooter,
|
|
processApprovalHistory,
|
|
auditOperation,
|
|
processChooseTree
|
|
},
|
|
data () {
|
|
return {
|
|
visibleTree: false,
|
|
isSubmit: false,
|
|
tranLoading: false,
|
|
isShowTran: true,
|
|
isShowSubmit: true,
|
|
formControl: true,
|
|
assignForm: {},
|
|
tableData: [],
|
|
applicationForm: {},
|
|
q: {
|
|
pageSize: 10000,
|
|
pageNo: 1
|
|
},
|
|
PERMISSION,
|
|
applicationFormRule: {
|
|
name: [{
|
|
max: 1000, message: '申请原因最多填写1000字符'
|
|
}],
|
|
send: [{
|
|
required: true,
|
|
message: '请选择申请权限'
|
|
}]
|
|
},
|
|
assignFormRules: {
|
|
name1: [{
|
|
required: true,
|
|
message: '请选择一级审批人员'
|
|
}],
|
|
name2: [{
|
|
required: true,
|
|
message: '请选择二级审批人员'
|
|
}],
|
|
remark: [{
|
|
max: 1000, message: '说明最多填写1000字符'
|
|
}]
|
|
}
|
|
}
|
|
},
|
|
created () {
|
|
if (this.$route.query.ids) {
|
|
this.reportList(this.$route.query.ids)
|
|
}
|
|
console.log(this.PERMISSION, 'ddd')
|
|
},
|
|
methods: {
|
|
// 获取表格列表 吧查询到的值传给子组件
|
|
reportList (ids) {
|
|
this.$api.report.reportList({ id: ids }).then(({ data }) => {
|
|
this.tableData = data.records
|
|
})
|
|
},
|
|
// 转办
|
|
handleTransfer () {
|
|
this.visibleTree = true
|
|
},
|
|
// 选择转办
|
|
handleDblClick (treeNode) {
|
|
// changeAssigneeNew({
|
|
// taskId: this.$store.getters.getHandleInfo.taskIds, // 任务id
|
|
// assignee: treeNode[0].userId, // 转办人
|
|
// userId: this.$store.getters.userInfo.userId, // 转办人
|
|
// pId: this.$store.getters.getHandleInfo.prcId // 流程实例
|
|
// }).then(res => {
|
|
// if (res.success) {
|
|
// this.$message.success('转办成功')
|
|
// this.$router.push('/processCenter')
|
|
// this.visibleTree = false
|
|
// } else {
|
|
// this.$message.warning(res.message)
|
|
// }
|
|
// })
|
|
},
|
|
handleSubmit () {
|
|
if (this.$refs.operationRef.submit()) {
|
|
// 通过了校验 需要整合参数
|
|
console.log('斤斤计较')
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|