|
@@ -39,38 +39,38 @@
|
|
|
</el-form>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- <el-table border :data="infoList" @selection-change="handleSelectionChange">
|
|
|
- <el-table-column type="selection" width="55" align="center"/>
|
|
|
+ <el-table border :data="infoList" @selection-change="handleSelectionChange">
|
|
|
+ <el-table-column type="selection" width="55" align="center" />
|
|
|
<el-table-column label="序号" type="index" width="55" align="center"></el-table-column>
|
|
|
- <el-table-column label="流程名称" width="180" align="center" prop="taskName">
|
|
|
+ <el-table-column label="流程名称" width="180" align="center"prop="taskName" >
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="标题" align="center" prop="title"/>
|
|
|
- <el-table-column label="当前处理" width="180" align="center" prop="name"/>
|
|
|
- <el-table-column label="到达时间" width="180" align="center" prop="createTime">
|
|
|
+ <el-table-column label="标题" align="center" prop="title" />
|
|
|
+ <el-table-column label="当前处理" width="180" align="center" prop="name" />
|
|
|
+ <el-table-column label="到达时间" width="180" align="center" prop="createTime" >
|
|
|
<template slot-scope="scope">
|
|
|
<span>{{scope.row.createTime | format('yyyy-MM-dd hh:mm')}}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <!-- <el-table-column label="到达时间" width="180" align="center" prop="updateTime" >
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{scope.row.updateTime | format('yyyy-MM-dd hh:mm')}}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>-->
|
|
|
- <el-table-column label="操作" width="200" align="center" class-name="small-padding fixed-width">
|
|
|
+ <!-- <el-table-column label="到达时间" width="180" align="center" prop="updateTime" >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{scope.row.updateTime | format('yyyy-MM-dd hh:mm')}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>-->
|
|
|
+ <el-table-column label="操作" width="200" align="center" class-name="small-padding fixed-width" >
|
|
|
<template slot-scope="scope">
|
|
|
<el-button
|
|
|
size="small"
|
|
|
type="text"
|
|
|
icon="el-icon-edit"
|
|
|
- @click="openactform(scope.row.processInstanceId,scope.row.businessKey)"
|
|
|
- >办理
|
|
|
- </el-button>
|
|
|
- <!-- <el-button
|
|
|
- size="small"
|
|
|
- type="text"
|
|
|
- icon="el-icon-share"
|
|
|
- @click="details(scope.row)"
|
|
|
- >审批进度</el-button>-->
|
|
|
+ @click="openactform(scope.row.processDfinitionId,scope.row.businessKey,scope.row.name,scope.row.title)"
|
|
|
+ >办理</el-button>
|
|
|
+
|
|
|
+ <!-- <el-button
|
|
|
+ size="small"
|
|
|
+ type="text"
|
|
|
+ icon="el-icon-share"
|
|
|
+ @click="details(scope.row)"
|
|
|
+ >审批进度</el-button>-->
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
@@ -85,31 +85,36 @@
|
|
|
<el-dialog id="actform" title="流程详情" :visible.sync="actOpen" :before-close="cancel" append-to-body width="80%"
|
|
|
top="10" height="90%">
|
|
|
<!-- 动态引入组件-->
|
|
|
- <component :is="actForm" :data="details" :actOpen="actOpen" @getList="getList"></component>
|
|
|
+ <component :is="actForm" :data="details":actOpen="actOpen" @getList="getList" ></component>
|
|
|
+
|
|
|
+ <Option :optiontitle="optiontitle" :optionactkey="optionactkey" :optionid="optionid" v-show="optiontrue"></Option>
|
|
|
</el-dialog>
|
|
|
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import { toDoItemListInfo } from '@/api/activiti/form/fw'
|
|
|
- import { getCurrentFlowFormKey } from '@/api/activiti/process/startprocess'
|
|
|
-
|
|
|
+ import {toDoItemListInfo} from "@/api/activiti/form/fw";
|
|
|
+ import {getStartFormKey } from '@/api/activiti/process/startprocess'
|
|
|
+ import Option from "@/components/files/option";
|
|
|
export default {
|
|
|
name: 'todo',
|
|
|
-
|
|
|
- data() {
|
|
|
+ components: {Option},
|
|
|
+ data(){
|
|
|
return {
|
|
|
//流程遮罩层
|
|
|
actOpen: false,
|
|
|
//传入到下一页面的值
|
|
|
- details: {
|
|
|
- getactkey: '',
|
|
|
- formId: '',
|
|
|
- flg: '1'
|
|
|
+ details:{getactkey: '',
|
|
|
+ formId:'',
|
|
|
+ flg:'1',
|
|
|
},
|
|
|
- dialogVisible: false,
|
|
|
- tabPosition: 'left',
|
|
|
+ dialogVisible:false,
|
|
|
+ tabPosition:'left',
|
|
|
+ optiontrue:false,
|
|
|
+ optiontitle:'',
|
|
|
+ optionactkey:'',
|
|
|
+ optionid:'',
|
|
|
// 遮罩层
|
|
|
loading: true,
|
|
|
// 选中数组
|
|
@@ -122,9 +127,10 @@
|
|
|
// 总条数
|
|
|
total: 0,
|
|
|
// 【请填写功能名称】表格数据
|
|
|
- infoList: [],
|
|
|
+ infoList: [
|
|
|
+ ],
|
|
|
// 弹出层标题
|
|
|
- title: '',
|
|
|
+ title: "",
|
|
|
// 是否显示弹出层
|
|
|
open: false,
|
|
|
actForm: null,
|
|
@@ -132,32 +138,43 @@
|
|
|
toDoParams: {
|
|
|
pageNum: 1,
|
|
|
pageSize: 10,
|
|
|
- orderByColumn: 'createTime',
|
|
|
- isAsc: 'desc'//排序方式
|
|
|
+ orderByColumn: "createTime",
|
|
|
+ isAsc:"desc",//排序方式
|
|
|
},
|
|
|
// 表单参数
|
|
|
form: {},
|
|
|
// 表单校验
|
|
|
- rules: {}
|
|
|
- }
|
|
|
+ rules: {
|
|
|
+ }
|
|
|
+ };
|
|
|
},
|
|
|
created() {
|
|
|
- this.getList()
|
|
|
+ this.getList();
|
|
|
},
|
|
|
methods: {
|
|
|
|
|
|
- detern(row) {
|
|
|
- this.reset()
|
|
|
- const actkey = row.actkey || this.ids
|
|
|
- this.$router.push({ path: '/actwork/todo/tododetails', query: { id: actkey } })
|
|
|
- },
|
|
|
+ detern(row){
|
|
|
+ this.reset();
|
|
|
+ const actkey = row.actkey || this.ids
|
|
|
+ this.$router.push({path:'/actwork/todo/tododetails',query: {id:actkey }})
|
|
|
+ },
|
|
|
//通过流程key查询启动的表单fromkey
|
|
|
- openactform(actkey, id) {
|
|
|
+ openactform(actkey,id,name,title) {
|
|
|
+
|
|
|
+ if(name == "赋文号归档分发"){
|
|
|
+ this.optiontrue = true;
|
|
|
+ this.optiontitle = title;
|
|
|
+ this.optionactkey = actkey;
|
|
|
+ this.optionid = id;
|
|
|
+ }else{
|
|
|
+ this.optiontrue = false;
|
|
|
+ }
|
|
|
+
|
|
|
let vue = this
|
|
|
- actkey = actkey.split(':')[0]
|
|
|
+ actkey=actkey.split(":")[0];
|
|
|
this.details.getactkey = actkey//动态传参到下面的页面
|
|
|
this.details.formId = id//动态传参到下面的页面
|
|
|
- getCurrentFlowFormKey(actkey).then(response => {
|
|
|
+ getStartFormKey(actkey).then(response => {
|
|
|
var path = response.msg
|
|
|
this.actForm = () => Promise.resolve().then(() => require(`@/views/${path}`))
|
|
|
})
|
|
@@ -165,23 +182,24 @@
|
|
|
return vue.actForm = this.actForm
|
|
|
},
|
|
|
// 详情
|
|
|
- details() {
|
|
|
+ details(){
|
|
|
this.dialogVisible = true
|
|
|
},
|
|
|
/** 查询列表 */
|
|
|
getList() {
|
|
|
- this.loading = true
|
|
|
+ this.loading = true;
|
|
|
toDoItemListInfo(this.toDoParams).then(response => {
|
|
|
- this.infoList = response.rows
|
|
|
- this.total = response.total
|
|
|
- this.loading = false
|
|
|
- this.actOpen = false
|
|
|
- })
|
|
|
+ this.infoList = response.rows;
|
|
|
+ console.log(response.rows)
|
|
|
+ this.total = response.total;
|
|
|
+ this.loading = false;
|
|
|
+ this.actOpen=false;
|
|
|
+ });
|
|
|
},
|
|
|
// 取消按钮
|
|
|
cancel() {
|
|
|
- this.dialogVisible = false
|
|
|
- this.actOpen = false
|
|
|
+ this.dialogVisible = false;
|
|
|
+ this.actOpen = false;
|
|
|
},
|
|
|
// 表单重置
|
|
|
reset() {
|
|
@@ -194,49 +212,49 @@
|
|
|
mailTheme: undefined,
|
|
|
mailContent: undefined,
|
|
|
createTime: undefined,
|
|
|
- status: '0',
|
|
|
+ status: "0",
|
|
|
deleteTime: undefined
|
|
|
- }
|
|
|
- this.resetForm('form')
|
|
|
+ };
|
|
|
+ this.resetForm("form");
|
|
|
},
|
|
|
/** 搜索按钮操作 */
|
|
|
handleQuery() {
|
|
|
- this.toDoParams.pageNum = 1
|
|
|
- this.getList()
|
|
|
+ this.toDoParams.pageNum = 1;
|
|
|
+ this.getList();
|
|
|
},
|
|
|
/** 重置按钮操作 */
|
|
|
resetQuery() {
|
|
|
- this.resetForm('queryForm')
|
|
|
- this.handleQuery()
|
|
|
+ this.resetForm("queryForm");
|
|
|
+ this.handleQuery();
|
|
|
},
|
|
|
// 多选框选中数据
|
|
|
handleSelectionChange(selection) {
|
|
|
this.ids = selection.map(item => item.mailGuid)
|
|
|
this.flgs = selection.map(item => item.flg)
|
|
|
- this.single = selection.length != 1
|
|
|
+ this.single = selection.length!=1
|
|
|
this.multiple = !selection.length
|
|
|
- }
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
- .el-dialog__header {
|
|
|
+ .el-dialog__header{
|
|
|
border-bottom: 1px solid #e8e8e8 !important;
|
|
|
}
|
|
|
-
|
|
|
- .dear {
|
|
|
+ .dear{
|
|
|
border-top: 1px solid #e8e8e8;
|
|
|
}
|
|
|
-
|
|
|
- .dad {
|
|
|
+ .dad{
|
|
|
margin: 30px 20px 20px;
|
|
|
border: 1px solid #e8e8e8;
|
|
|
padding: 30px;
|
|
|
}
|
|
|
-
|
|
|
- .dac {
|
|
|
+ .dac{
|
|
|
margin: 30px 20px 20px;
|
|
|
border: 1px solid #e8e8e8;
|
|
|
padding: 25px 0;
|