<template>
|
<div class="fa-card-a">
|
<el-form v-if="$store.state.user.isAssistant===true || $store.state.user.isCzRole===true"
|
:inline="true" style="position:absolute;right:120px; margin-top:3px;z-index:9;overflow: hidden;white-space: nowrap">
|
<zt-button type="primary" @click.native="oneKeyDoneCy()">一键办理查阅</zt-button>
|
</el-form>
|
<el-tabs class="home-tabs-line" v-model="activeName" @tab-click="tabClick">
|
<el-tab-pane label="待办业务" name="1">
|
<stayTask :system="system" ref="stayTask" @fatherMethod="getDiagram1"></stayTask>
|
</el-tab-pane>
|
<el-tab-pane label="已办业务" name="2">
|
<alreadyTask :system="system" ref="alreadyTask" @alreadyTask="getDiagram1"></alreadyTask>
|
</el-tab-pane>
|
</el-tabs>
|
<el-dialog v-dialogDrag title="项目进度图" top="10vh" width='85%' :visible.sync="dialogVisible">
|
<processTimeline ref="processTimeline"></processTimeline>
|
</el-dialog>
|
</div>
|
</template>
|
|
<script>
|
import stayTask from './stay-task'
|
import alreadyTask from './already-task'
|
import processTimeline from '../../flowChart/processTimeline'
|
|
export default {
|
data() {
|
return {
|
activeName: '1',
|
dialogVisible: false
|
}
|
},
|
props:{
|
system:String
|
},
|
components: {
|
stayTask,
|
alreadyTask,
|
processTimeline
|
},
|
mounted() {
|
},
|
methods: {
|
getDiagram1(row) {
|
console.log(row, 'getDiagram processTimeline')
|
this.dialogVisible = true
|
this.$nextTick(() => {
|
this.$refs.processTimeline.init(row)
|
})
|
},
|
async tabClick(tab, event) {
|
if (tab.index === '1') {
|
let res = await this.$http.get('/task/taskCenter/pageDone')
|
this.$refs.alreadyTask.getQuery()
|
}
|
if (tab.index === '0') {
|
let res = await this.$http.get('/task/taskCenter/page')
|
this.$refs.stayTask.getStayTask()
|
}
|
},
|
async oneKeyDoneCy() {
|
let res = await this.$http['put'](`/task/taskCenter/oneKeyDoneCy`)
|
if (res.success) {
|
await this.$tip.success()
|
this.$refs.stayTask.getStayTask()
|
}
|
|
},
|
}
|
}
|
</script>
|
