|
|
|
@ -2,7 +2,7 @@ |
|
|
|
<div class="app-container"> |
|
|
|
<div class="tab-header webtop"> |
|
|
|
<div style="text-align: right"> |
|
|
|
<!-- <router-link tag='a' :to="'/home'">《 返回首页</router-link>--> |
|
|
|
<!-- <router-link tag='a' :to="'/home'">《 返回首页</router-link>--> |
|
|
|
<a href="javascript:window.opener=null;window.open('','_self');window.close();" class="text-center">关闭</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -10,16 +10,24 @@ |
|
|
|
<div class="search"> |
|
|
|
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header"> |
|
|
|
<el-form-item label="流程名称"> |
|
|
|
<el-input v-model="listQuery.params.proDefName" placeholder="流程名称" clearable></el-input> |
|
|
|
<el-input v-model="listQuery.params.proDefName" placeholder="流程名称" clearable /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="申请日期"> |
|
|
|
<el-date-picker v-model="listQuery.params.startDate" type="date" placeholder="选择日期" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
format="yyyy-MM-dd"></el-date-picker> |
|
|
|
<el-date-picker |
|
|
|
v-model="listQuery.params.startDate" |
|
|
|
type="date" |
|
|
|
placeholder="选择日期" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
format="yyyy-MM-dd" |
|
|
|
/> |
|
|
|
<label>至</label> |
|
|
|
<el-date-picker v-model="listQuery.params.endDate" type="date" placeholder="选择日期" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
format="yyyy-MM-dd"></el-date-picker> |
|
|
|
<el-date-picker |
|
|
|
v-model="listQuery.params.endDate" |
|
|
|
type="date" |
|
|
|
placeholder="选择日期" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
format="yyyy-MM-dd" |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
<el-button type="primary" @click="handleFilter">查询</el-button> |
|
|
|
</el-form> |
|
|
|
@ -27,13 +35,25 @@ |
|
|
|
</div> |
|
|
|
<div class="listtop"> |
|
|
|
<div class="tit">待办任务列表</div> |
|
|
|
<pageye v-show="total>0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" |
|
|
|
class="pagination" @pagination="getList"/> |
|
|
|
<pageye |
|
|
|
v-show="total>0" |
|
|
|
:total="total" |
|
|
|
:page.sync="listQuery.current" |
|
|
|
:limit.sync="listQuery.size" |
|
|
|
class="pagination" |
|
|
|
@pagination="getList" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
<div class="listcon"> |
|
|
|
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width:100%" |
|
|
|
@selection-change="handleSelectionChange"> |
|
|
|
<el-table-column width="60px" label="序号" type="index" :index="tableKey+1" align="center"/> |
|
|
|
<el-table |
|
|
|
:key="tableKey" |
|
|
|
v-loading="listLoading" |
|
|
|
:data="list" |
|
|
|
border |
|
|
|
style="width:100%" |
|
|
|
@selection-change="handleSelectionChange" |
|
|
|
> |
|
|
|
<el-table-column width="60px" label="序号" type="index" :index="tableKey+1" align="center" /> |
|
|
|
<el-table-column width="100px" label="操作" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button type="primary" size="small" @click="handleCheck(scope.row)">办理</el-button> |
|
|
|
@ -47,46 +67,51 @@ |
|
|
|
<!-- </el-table-column>--> |
|
|
|
<el-table-column label="工作名称" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{scope.row.procDefName}}</span> |
|
|
|
<span>{{ scope.row.procDefName }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column width="100px" label="发起人" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{scope.row.startUserName}}</span> |
|
|
|
<span>{{ scope.row.startUserName }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column width="100px" label="发起日期" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{scope.row.createTime|formatTimer}}</span> |
|
|
|
<span>{{ scope.row.createTime|formatTimer }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="发起部门" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{scope.row.startDeptName}}</span> |
|
|
|
<span>{{ scope.row.startDeptName }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column width="100px" label="提交日期" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{scope.row.processCreateTime|formatTimer}}</span> |
|
|
|
<span>{{ scope.row.processCreateTime|formatTimer }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="当前环节" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span class="bluezi" @click="handleFlowRecord(scope.row)">{{scope.row.taskName}}</span> |
|
|
|
<span class="bluezi" @click="handleFlowRecord(scope.row)">{{ scope.row.taskName }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<!-- <el-table-column width="80px" label="审批记录" align="center">--> |
|
|
|
<!-- <template slot-scope="scope">--> |
|
|
|
<!-- <el-button type="primary" size="small" @click="handleFlowRecord(scope.row)">查看</el-button>--> |
|
|
|
<!-- </template>--> |
|
|
|
<!-- </el-table-column>--> |
|
|
|
<!-- <el-table-column width="80px" label="审批记录" align="center">--> |
|
|
|
<!-- <template slot-scope="scope">--> |
|
|
|
<!-- <el-button type="primary" size="small" @click="handleFlowRecord(scope.row)">查看</el-button>--> |
|
|
|
<!-- </template>--> |
|
|
|
<!-- </el-table-column>--> |
|
|
|
</el-table> |
|
|
|
</div> |
|
|
|
<div class="pages"> |
|
|
|
<div class="tit"/> |
|
|
|
<pagination v-show="total>0" :total="total" |
|
|
|
:page.sync="listQuery.current" :limit.sync="listQuery.size" |
|
|
|
class="pagination" @pagination="getList"/> |
|
|
|
<div class="tit" /> |
|
|
|
<pagination |
|
|
|
v-show="total>0" |
|
|
|
:total="total" |
|
|
|
:page.sync="listQuery.current" |
|
|
|
:limit.sync="listQuery.size" |
|
|
|
class="pagination" |
|
|
|
@pagination="getList" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- Start办理页面 --> |
|
|
|
@ -96,14 +121,15 @@ |
|
|
|
width="78%" |
|
|
|
height="1%" |
|
|
|
:before-close="closeIt" |
|
|
|
center> |
|
|
|
<iframe frameborder="0" id="iframe" style="width:100%;" :src="this.centerDialogVisible === true ? url :''"></iframe> |
|
|
|
center |
|
|
|
> |
|
|
|
<iframe id="iframe" frameborder="0" style="width:100%;" :src= " this.centerDialogVisible === true ? url :''" /> |
|
|
|
</el-dialog> |
|
|
|
<!-- End办理页面--> |
|
|
|
|
|
|
|
<!-- 编辑信息页面 --> |
|
|
|
<el-dialog title="审批记录" :visible.sync="editDialog" width="80%" style="overflow: hidden"> |
|
|
|
<flow-records :xmlData="xmlData" :taskData="taskList" :flowRecordList="flowRecordList"></flow-records> |
|
|
|
<flow-records :xml-data="xmlData" :task-data="taskList" :flow-record-list="flowRecordList" /> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
</div> |
|
|
|
@ -122,6 +148,26 @@ export default { |
|
|
|
components: { |
|
|
|
pageye, Pagination, flowRecords |
|
|
|
}, |
|
|
|
filters: { |
|
|
|
formatTimer: function(value) { |
|
|
|
const date = new Date(value) |
|
|
|
const y = date.getFullYear() |
|
|
|
let MM = date.getMonth() + 1 |
|
|
|
MM = MM < 10 ? '0' + MM : MM |
|
|
|
let d = date.getDate() |
|
|
|
d = d < 10 ? '0' + d : d |
|
|
|
// eslint-disable-next-line no-unused-vars |
|
|
|
let h = date.getHours() |
|
|
|
h = h < 10 ? '0' + h : h |
|
|
|
// eslint-disable-next-line no-unused-vars |
|
|
|
let m = date.getMinutes() |
|
|
|
m = m < 10 ? '0' + m : m |
|
|
|
// eslint-disable-next-line no-unused-vars |
|
|
|
let s = date.getSeconds() |
|
|
|
s = s < 10 ? '0' + s : s |
|
|
|
return y + '-' + MM + '-' + d // + " " + h + ":" + m; |
|
|
|
} |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
taskList: [], |
|
|
|
@ -189,23 +235,6 @@ export default { |
|
|
|
this.init() |
|
|
|
// 加载流程图相关的数据 |
|
|
|
}, |
|
|
|
filters: { |
|
|
|
formatTimer: function(value) { |
|
|
|
let date = new Date(value) |
|
|
|
let y = date.getFullYear() |
|
|
|
let MM = date.getMonth() + 1 |
|
|
|
MM = MM < 10 ? '0' + MM : MM |
|
|
|
let d = date.getDate() |
|
|
|
d = d < 10 ? '0' + d : d |
|
|
|
let h = date.getHours() |
|
|
|
h = h < 10 ? '0' + h : h |
|
|
|
let m = date.getMinutes() |
|
|
|
m = m < 10 ? '0' + m : m |
|
|
|
let s = date.getSeconds() |
|
|
|
s = s < 10 ? '0' + s : s |
|
|
|
return y + '-' + MM + '-' + d // + " " + h + ":" + m; |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
|
|
|
|
/** xml 文件 */ |
|
|
|
@ -219,7 +248,7 @@ export default { |
|
|
|
// 已办环节的节点 |
|
|
|
getFlowViewer(procInsId) { |
|
|
|
var token = getStorage() |
|
|
|
getFlowViewer(procInsId,token).then(res => { |
|
|
|
getFlowViewer(procInsId, token).then(res => { |
|
|
|
this.taskList = res.data |
|
|
|
}) |
|
|
|
}, |
|
|
|
@ -227,13 +256,16 @@ export default { |
|
|
|
iframe.height = this.dialogHeight // iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight; |
|
|
|
}, |
|
|
|
async handleMessage(event) { |
|
|
|
var code = event.data.params.code |
|
|
|
if (code == 1) { |
|
|
|
this.init() |
|
|
|
this.centerDialogVisible = false |
|
|
|
} else if (code == 2) { |
|
|
|
this.dialogHeight = event.data.params.data |
|
|
|
this.setIframeHeight(document.getElementById('iframe')) |
|
|
|
|
|
|
|
if (event !== undefined) { |
|
|
|
var code = event.data.params.code |
|
|
|
if (code === 1) { |
|
|
|
this.init() |
|
|
|
this.centerDialogVisible = false |
|
|
|
} else if (code === 2) { |
|
|
|
this.dialogHeight = event.data.params.data |
|
|
|
this.setIframeHeight(document.getElementById('iframe')) |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
init() { |
|
|
|
@ -280,8 +312,8 @@ export default { |
|
|
|
} |
|
|
|
selectUrl(this.selectUrl_list).then((response) => { |
|
|
|
if (response.success && response.data.url !== '') { |
|
|
|
// this.url = 'http://127.0.0.1:9531' + response.data.url + '?token=' + getStorage() + '&data=' + encodeURI((JSON.stringify(parameter_list))) |
|
|
|
this.url = 'http://anrui.yyundong.com' + response.data.url + '?token=' + getStorage() + '&data=' + encodeURI((JSON.stringify(parameter_list))) |
|
|
|
//this.url = 'http://127.0.0.1:9531' + response.data.url + '?token=' + getStorage() + '&data=' + encodeURI((JSON.stringify(parameter_list))) |
|
|
|
this.url = "http://jianguan.yyundong.com" + response.data.url + '?token=' + getStorage() + '&data=' + encodeURI((JSON.stringify(parameter_list))) |
|
|
|
// this.url = 'http://120.46.172.184' + response.data.url + '?token=' + getStorage() + '&data=' + encodeURI((JSON.stringify(parameter_list))) |
|
|
|
console.log('已办拼接url:', this.url) |
|
|
|
} else if (response.success && response.data.url === '') { |
|
|
|
@ -422,13 +454,13 @@ export default { |
|
|
|
handleFlowRecord(row) { |
|
|
|
this.getModelDetail(row.deployId) |
|
|
|
this.getFlowViewer(row.procInsId) |
|
|
|
this.getFlowRecordList(row.procInsId,row.deployId) |
|
|
|
this.getFlowRecordList(row.procInsId, row.deployId) |
|
|
|
this.editDialog = true |
|
|
|
}, |
|
|
|
/** 流程流转记录 */ |
|
|
|
getFlowRecordList(procInsId, deployId) { |
|
|
|
var token = getStorage() |
|
|
|
const params = {procInsId: procInsId, deployId: deployId,token: token } |
|
|
|
const params = { procInsId: procInsId, deployId: deployId, token: token } |
|
|
|
flowRecord(params).then(res => { |
|
|
|
this.flowRecordList = res.data.flowList |
|
|
|
// 流程过程中不存在初始化表单 直接读取的流程变量中存储的表单值 |
|
|
|
@ -465,20 +497,20 @@ export default { |
|
|
|
|
|
|
|
}, |
|
|
|
indexMethod() { |
|
|
|
return 0; |
|
|
|
return 0 |
|
|
|
}, |
|
|
|
setIcon(val) { |
|
|
|
if (val) { |
|
|
|
return "el-icon-check"; |
|
|
|
return 'el-icon-check' |
|
|
|
} else { |
|
|
|
return "el-icon-time"; |
|
|
|
return 'el-icon-time' |
|
|
|
} |
|
|
|
}, |
|
|
|
setColor(val) { |
|
|
|
if (val) { |
|
|
|
return "#2bc418"; |
|
|
|
return '#2bc418' |
|
|
|
} else { |
|
|
|
return "#b3bdbb"; |
|
|
|
return '#b3bdbb' |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
djz8236
2 years ago