工作台-部门待办和部门已办
This commit is contained in:
851673013@qq.com
parent
2ee3a34b94
commit
11a555200c
|
|
@ -1,51 +1,104 @@
|
|||
<template>
|
||||
<div class="dept-box" :class="dataInfo.noMarginleft ? 'no-margin-left' : ''">
|
||||
<div class="left-box"
|
||||
:style="{ 'background': dataInfo.bgColor, 'border-right': `1px solid ${dataInfo.borderColor}` }">
|
||||
<div
|
||||
class="left-box"
|
||||
:style="{
|
||||
background: dataInfo.bgColor,
|
||||
'border-right': `1px solid ${dataInfo.borderColor}`
|
||||
}"
|
||||
>
|
||||
<div class="content">
|
||||
<img class="img" :src="dataInfo.imgSrc" />
|
||||
<div class="title">{{ title }}</div>
|
||||
<div class="flex-row-bottom">
|
||||
<span class="num" :style="{ 'color': dataInfo.textColor }">{{ formatNum(dataInfo.num) }}</span>
|
||||
<span class="unit" :style="{ 'color': dataInfo.textColor }">{{ dataInfo.unit || '个' }}</span>
|
||||
<span class="num" :style="{ color: dataInfo.textColor }">{{
|
||||
formatNum(dataInfo.num)
|
||||
}}</span>
|
||||
<span class="unit" :style="{ color: dataInfo.textColor }">{{
|
||||
dataInfo.unit || '个'
|
||||
}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list-box" v-if="dataInfo.list.length > 0">
|
||||
<div v-for="(item, i) in dataInfo.list" :key="i">
|
||||
<div
|
||||
v-for="(item, i) in dataInfo.list"
|
||||
:key="i"
|
||||
@click="workbenchFunction(item, item.processDefinitionName)"
|
||||
>
|
||||
<!-- 待办 -->
|
||||
<el-tooltip effect="dark" v-if="dataInfo.type === 'todo'"
|
||||
:content="(item.userName || '--')+'提交的'+(item.processDefinitionName|| '--')+(item.processDefinitionName!=='能力申请'&&item.processDefinitionName!=='能力需求申请'?'申请':'')"
|
||||
placement="top">
|
||||
<el-tooltip
|
||||
effect="dark"
|
||||
v-if="dataInfo.type === 'todo'"
|
||||
:content="
|
||||
(item.userDeptName || '--') +
|
||||
'提交“' +
|
||||
(item.applyTitle || '--') +
|
||||
'”' +
|
||||
(item.processDefinitionName || '--') +
|
||||
(item.processDefinitionName !== '能力申请' &&
|
||||
item.processDefinitionName !== '能力需求申请'
|
||||
? '申请'
|
||||
: '')
|
||||
"
|
||||
placement="top"
|
||||
>
|
||||
<div class="list-item ellipsis">
|
||||
<!-- {{ `${(item.processDefinitionName || '--')}${item.taskName ? ('—' + item.taskName) : ''}` }} -->
|
||||
{{(item.userName || '--')+'提交的'+(item.processDefinitionName|| '--')+(item.processDefinitionName!=='能力申请'&&item.processDefinitionName!=='能力需求申请'?'申请':'')}}
|
||||
{{
|
||||
(item.userDeptName || '--') +
|
||||
'提交“' +
|
||||
(item.applyTitle || '--') +
|
||||
'”' +
|
||||
(item.processDefinitionName || '--') +
|
||||
(item.processDefinitionName !== '能力申请' &&
|
||||
item.processDefinitionName !== '能力需求申请'
|
||||
? '申请'
|
||||
: '')
|
||||
}}
|
||||
</div>
|
||||
</el-tooltip>
|
||||
<!-- 已办 -->
|
||||
<el-tooltip effect="dark" v-else
|
||||
:content="(item.startUserName||'--')+'提交的'+(item.processDefinitionName|| '--')+(item.processDefinitionName!=='能力申请'&&item.processDefinitionName!=='能力需求申请'?'申请':'')"
|
||||
placement="top">
|
||||
<el-tooltip
|
||||
effect="dark"
|
||||
v-else
|
||||
:content="
|
||||
(item.startUserDeptName || '--') +
|
||||
'提交的' +
|
||||
(item.processDefinitionName || '--') +
|
||||
(item.processDefinitionName !== '能力申请' &&
|
||||
item.processDefinitionName !== '能力需求申请'
|
||||
? '申请'
|
||||
: '')
|
||||
"
|
||||
placement="top"
|
||||
>
|
||||
<div class="list-item ellipsis">
|
||||
{{ (item.startUserName||'--')+'提交的'+(item.processDefinitionName|| '--')+(item.processDefinitionName!=='能力申请'&&item.processDefinitionName!=='能力需求申请'?'申请':'')}}
|
||||
{{
|
||||
(item.startUserDeptName || '--') +
|
||||
'提交的' +
|
||||
(item.processDefinitionName || '--') +
|
||||
(item.processDefinitionName !== '能力申请' &&
|
||||
item.processDefinitionName !== '能力需求申请'
|
||||
? '申请'
|
||||
: '')
|
||||
}}
|
||||
</div>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
<div class="more" @click="goPage(dataInfo.url)">
|
||||
查看更多 >
|
||||
</div>
|
||||
</div>
|
||||
<div class="list-box flex-row-center no-data" v-else>
|
||||
暂无数据
|
||||
<div class="more" @click="goPage(dataInfo.url)">查看更多 ></div>
|
||||
</div>
|
||||
<div class="list-box flex-row-center no-data" v-else>暂无数据</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import bus from '@/views/bus.js'
|
||||
import mixinViewModule from '@/mixins/view-module'
|
||||
import processModule from '@/mixins/process-module'
|
||||
export default {
|
||||
mixins: [mixinViewModule, processModule],
|
||||
data () {
|
||||
return {
|
||||
|
||||
}
|
||||
return {}
|
||||
},
|
||||
props: {
|
||||
dataInfo: {
|
||||
|
|
@ -58,6 +111,12 @@ export default {
|
|||
}
|
||||
},
|
||||
methods: {
|
||||
// 点击部门待办数据打开弹窗
|
||||
workbenchFunction (item, name) {
|
||||
const data = item
|
||||
data.taskName = name
|
||||
this.getProcDefRouteSet(item, this.forwardHandleUrl)
|
||||
},
|
||||
formatNum (num) {
|
||||
return num || num === 0 ? num : '--'
|
||||
},
|
||||
|
|
@ -155,6 +214,7 @@ export default {
|
|||
border-bottom: 1px dashed #c6c6c6;
|
||||
font-size: 16px;
|
||||
color: #212121;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.more {
|
||||
|
|
|
|||
Loading…
Reference in New Issue