|
|
|
|
@ -2,8 +2,7 @@
|
|
|
|
|
<div class="flow" style="height: 100%"> |
|
|
|
|
<header class="flex between v-center flow-header" ref="flowHeaderRef"> |
|
|
|
|
<span> |
|
|
|
|
<span class="second mr-8">总耗时</span> |
|
|
|
|
<span style="color: var(--primary-color)">{{}}</span> |
|
|
|
|
<span class="second mr-8">流程操作</span> |
|
|
|
|
</span> |
|
|
|
|
</header> |
|
|
|
|
<el-scrollbar max-height="calc(100% - 33px)"> |
|
|
|
|
@ -13,7 +12,8 @@
|
|
|
|
|
<span class="second mr-8">{{ item.crtTime }}</span> |
|
|
|
|
<span class="mr-8">{{ item.departName }}</span> |
|
|
|
|
<span class="mr-8">{{ item.crtName }}</span> |
|
|
|
|
<span class="text-primary">{{ item.actionName }}</span> |
|
|
|
|
<span class="text-primary mr-8 text-bold">{{ item.actionName }}</span> |
|
|
|
|
<span style="color: #9e9e9e; cursor: pointer" @click="handleShowDetai(item)">详情</span> |
|
|
|
|
</div> |
|
|
|
|
<div |
|
|
|
|
class="flow-time" |
|
|
|
|
@ -35,6 +35,17 @@
|
|
|
|
|
</div> |
|
|
|
|
</el-scrollbar> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<el-dialog :title="activeHistory.crtTime + ' ' + (activeHistory.departName || '') + ' ' + activeHistory.crtName + ' ' + activeHistory.actionName" v-model="show"> |
|
|
|
|
<div style="min-height: 100px"> |
|
|
|
|
<div v-if="activeHistory.json"> |
|
|
|
|
<div >{{ activeHistory.json.data?.departName }}</div> |
|
|
|
|
<div >{{ activeHistory.json.data?.completionComment }}</div> |
|
|
|
|
<div>{{ activeHistory.json.data?.requirement }}</div> |
|
|
|
|
<div>{{ activeHistory.json.data?.comments }}</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-dialog> |
|
|
|
|
</template> |
|
|
|
|
<script setup> |
|
|
|
|
import { formatTimeText } from "@/utils/util"; |
|
|
|
|
@ -42,6 +53,7 @@ import moment from 'moment'
|
|
|
|
|
|
|
|
|
|
const actionHistory = inject('actionHistory') |
|
|
|
|
const negative = inject('negative') |
|
|
|
|
const show = ref(false) |
|
|
|
|
|
|
|
|
|
function getConsumingTime(crtTime, index) { |
|
|
|
|
if (index === 0) { |
|
|
|
|
@ -49,6 +61,15 @@ function getConsumingTime(crtTime, index) {
|
|
|
|
|
} |
|
|
|
|
return moment(crtTime).diff(moment(actionHistory.value[index - 1].crtTime), "seconds") |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const activeHistory = ref({}) |
|
|
|
|
function handleShowDetai(item) { |
|
|
|
|
activeHistory.value = item |
|
|
|
|
if (item.dataJson) { |
|
|
|
|
activeHistory.value.json = JSON.parse(item.dataJson) |
|
|
|
|
} |
|
|
|
|
show.value = true |
|
|
|
|
} |
|
|
|
|
</script> |
|
|
|
|
<style lang="scss" scoped> |
|
|
|
|
.flow { |
|
|
|
|
|