|
@@ -25,7 +25,7 @@
|
|
|
finished-text="没有更多了"
|
|
|
@load="onLoad"
|
|
|
>
|
|
|
- <div class="handlecenter_card" v-for="(item,index) in handleLists" :key="index" @click="clickHandler(item, false)">
|
|
|
+ <div class="handlecenter_card" v-for="(item,index) in handleLists" :key="index">
|
|
|
<div class="header">
|
|
|
<p class="title">
|
|
|
<span>业务编号:</span>
|
|
@@ -35,16 +35,21 @@
|
|
|
<span v-html="item['statusVal']"></span>
|
|
|
</p>
|
|
|
</div>
|
|
|
- <div class="content">
|
|
|
+ <div class="content" @click="clickHandler(item, false)">
|
|
|
<div class="titleBox">
|
|
|
<p class="title">{{item['NAME']}}</p>
|
|
|
<p class="desc">办理环节:<span>{{item['ACTIVITYNAME']}}</span></p>
|
|
|
</div>
|
|
|
<div class="desc">{{item['DESCRIBTION']??'暂无流程描述'}}</div>
|
|
|
- <div class="tip">
|
|
|
+ </div>
|
|
|
+ <div class="tip">
|
|
|
+ <div class="one">
|
|
|
<van-icon name="clock-o" />
|
|
|
<span>{{formatDateTime(new Date(item['STARTTIME']))}}</span>
|
|
|
</div>
|
|
|
+ <div class="two" @click="processLogHandle(item)">
|
|
|
+ <van-button type="primary" icon="todo-list-o" size="mini">流程日志</van-button>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</van-list>
|
|
@@ -60,7 +65,7 @@
|
|
|
finished-text="没有更多了"
|
|
|
@load="onLoad"
|
|
|
>
|
|
|
- <div class="handlecenter_card" v-for="(item,index) in handleLists" :key="index" @click="clickHandler(item, true)">
|
|
|
+ <div class="handlecenter_card" v-for="(item,index) in handleLists" :key="index">
|
|
|
<div class="header">
|
|
|
<p class="title">
|
|
|
<span>业务编号:</span>
|
|
@@ -71,15 +76,20 @@
|
|
|
<span v-html="item['statusVal']"></span>
|
|
|
</p>
|
|
|
</div>
|
|
|
- <div class="content">
|
|
|
+ <div class="content" @click="clickHandler(item, true)">
|
|
|
<div class="titleBox">
|
|
|
<p class="title">{{item['NAME']}}</p>
|
|
|
<p class="desc">完成环节:<span>{{item['ACTIVITYNAME']}}</span></p>
|
|
|
</div>
|
|
|
<div class="desc">{{item['DESCRIBTION']??'暂无流程描述'}}</div>
|
|
|
- <div class="tip">
|
|
|
+ </div>
|
|
|
+ <div class="tip">
|
|
|
+ <div class="one">
|
|
|
<van-icon name="clock-o" />
|
|
|
- <span>{{formatDateTime(new Date(item['FINISH_TIME']))}}</span>
|
|
|
+ <span>{{formatDateTime(new Date(item['STARTTIME']))}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="two" @click="processLogHandle(item)">
|
|
|
+ <van-button type="primary" icon="todo-list-o" size="mini">流程日志</van-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -96,7 +106,7 @@
|
|
|
finished-text="没有更多了"
|
|
|
@load="onLoad"
|
|
|
>
|
|
|
- <div class="handlecenter_card" v-for="(item,index) in handleLists" :key="index" @click="clickHandler(item, true)">
|
|
|
+ <div class="handlecenter_card" v-for="(item,index) in handleLists" :key="index">
|
|
|
<div class="header">
|
|
|
<p class="title">
|
|
|
<span>业务编号:</span>
|
|
@@ -106,15 +116,19 @@
|
|
|
<span v-html="item['statusVal']"></span>
|
|
|
</p>
|
|
|
</div>
|
|
|
- <div class="content">
|
|
|
+ <div class="content" @click="clickHandler(item, true)">
|
|
|
<div class="titleBox">
|
|
|
<p class="title">{{item['NAME']}}</p>
|
|
|
- <!-- <p class="desc">办理环节:<span>{{item['ACTIVITYNAME']}}</span></p> -->
|
|
|
</div>
|
|
|
<div class="desc">{{item['DESCRIBTION']??'暂无流程描述'}}</div>
|
|
|
- <div class="tip">
|
|
|
+ </div>
|
|
|
+ <div class="tip">
|
|
|
+ <div class="one">
|
|
|
<van-icon name="clock-o" />
|
|
|
- <span>{{formatDateTime(new Date(item['FINISH_TIME']))}}</span>
|
|
|
+ <span>{{formatDateTime(new Date(item['STARTTIME']))}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="two" @click="processLogHandle(item)">
|
|
|
+ <van-button type="primary" icon="todo-list-o" size="mini">流程日志</van-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -130,11 +144,27 @@
|
|
|
:items="items"
|
|
|
/>
|
|
|
</van-dialog>
|
|
|
+ <van-dialog v-model:show="processLogShow" title="流程日志" confirmButtonText="关闭">
|
|
|
+ <div class="processLogBox">
|
|
|
+ <ul>
|
|
|
+ <li v-for="(item,index) in processLogs" :key="index">
|
|
|
+ <p :class="'status color'+item['handleMethod']">{{ filterStatus(item['handleMethod']) }}</p>
|
|
|
+ <p class="header">{{ item['activityName'] }}</p>
|
|
|
+ <p>{{ item['handleMethod'] === 0 ? '退回人' : '办理人' }}:{{ item['handler'] }}</p>
|
|
|
+ <p>转件时间:{{item['receiveTime']}}</p>
|
|
|
+ <p>办理时限:{{ item['shouldFinishTime'] ? item['shouldFinishTime'] : '无时限' }}</p>
|
|
|
+ <p v-if="item['transferActivityName']">转至》{{ item['transferActivityName'] ? `[${item['transferActivityName']}]` : ''}}<span style="display: inline-block;margin-left: 5px;"></span></p>
|
|
|
+ <p v-if="item['transferActivityName']">可办理人:{{ item['canHandler'] }}</p>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </van-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script setup lang="ts">
|
|
|
-import { getHandlerCaseCenterList, getHandlerCaseCenterCount, getFlowTemplateTreeDataByUser, saveAndGetMobileUrl } from '@/service/flow';
|
|
|
+import { showToast } from "vant";
|
|
|
+import { getHandlerCaseCenterList, getHandlerCaseCenterCount,getRecordList, getFlowTemplateTreeDataByUser, saveAndGetMobileUrl } from '@/service/flow';
|
|
|
import { listToTree } from '@/utils/tree';
|
|
|
import PubsubService from "@/utils/PubsubService";
|
|
|
import { formatDateTime, getQueryParamsByUrl } from '@/utils/common';
|
|
@@ -340,7 +370,43 @@ const filterToCalBackBtn = (lists: any[]): OperationType => {
|
|
|
}
|
|
|
return map;
|
|
|
}
|
|
|
-
|
|
|
+/**
|
|
|
+ * 流程日志
|
|
|
+ */
|
|
|
+const filterStatus = (status: number) => {
|
|
|
+ let msg = '';
|
|
|
+ switch (status) {
|
|
|
+ case 0:
|
|
|
+ msg = '退件'
|
|
|
+ break
|
|
|
+ case 1:
|
|
|
+ msg = '转件'
|
|
|
+ break
|
|
|
+ default:
|
|
|
+ msg = '办理'
|
|
|
+ break
|
|
|
+ }
|
|
|
+ return msg;
|
|
|
+}
|
|
|
+const processLogShow = ref<boolean>(false)
|
|
|
+const processLogs = ref<any[]>([])
|
|
|
+const processLogHandle = (item) => {
|
|
|
+ getRecordList({
|
|
|
+ flowInstanceId: item['FLOWINSID'],
|
|
|
+ _search: false,
|
|
|
+ sord: 'asc'
|
|
|
+ }).then((result: any) => {
|
|
|
+ if (result && result.length > 0) {
|
|
|
+ processLogs.value = result
|
|
|
+ processLogShow.value = true;
|
|
|
+ }else{
|
|
|
+ showToast({
|
|
|
+ message: "暂无流程日志!",
|
|
|
+ position: "top",
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+}
|
|
|
PubsubService.subscribe('HandleCenterEvent', () => {
|
|
|
searchHandler();
|
|
|
})
|